*,
:before,
:after {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-shadow: 0 0 rgb(0 0 0 / 0);
	--un-shadow-inset: ;
	--un-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgb(147 197 253 / .5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia:
}

::backdrop {
	--un-rotate: 0;
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-scale-x: 1;
	--un-scale-y: 1;
	--un-scale-z: 1;
	--un-skew-x: 0;
	--un-skew-y: 0;
	--un-translate-x: 0;
	--un-translate-y: 0;
	--un-translate-z: 0;
	--un-pan-x: ;
	--un-pan-y: ;
	--un-pinch-zoom: ;
	--un-scroll-snap-strictness: proximity;
	--un-ordinal: ;
	--un-slashed-zero: ;
	--un-numeric-figure: ;
	--un-numeric-spacing: ;
	--un-numeric-fraction: ;
	--un-border-spacing-x: 0;
	--un-border-spacing-y: 0;
	--un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-shadow: 0 0 rgb(0 0 0 / 0);
	--un-shadow-inset: ;
	--un-shadow: 0 0 rgb(0 0 0 / 0);
	--un-ring-inset: ;
	--un-ring-offset-width: 0px;
	--un-ring-offset-color: #fff;
	--un-ring-width: 0px;
	--un-ring-color: rgb(147 197 253 / .5);
	--un-blur: ;
	--un-brightness: ;
	--un-contrast: ;
	--un-drop-shadow: ;
	--un-grayscale: ;
	--un-hue-rotate: ;
	--un-invert: ;
	--un-saturate: ;
	--un-sepia: ;
	--un-backdrop-blur: ;
	--un-backdrop-brightness: ;
	--un-backdrop-contrast: ;
	--un-backdrop-grayscale: ;
	--un-backdrop-hue-rotate: ;
	--un-backdrop-invert: ;
	--un-backdrop-opacity: ;
	--un-backdrop-saturate: ;
	--un-backdrop-sepia:
}

.dot {
	width: 4px;
	height: 4px;
	border-radius: 9999px;
	background-color: var(--designaudit-elements-icon-tertiary)
}

.max-w-chat {
	max-width: var(--chat-max-width)
}

.transition-theme {
	transition-property: background-color, border-color, color, opacity;
	transition-duration: .15s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.designaudit-ease-cubic-bezier {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.\[-ms-overflow-style\:none\] {
	-ms-overflow-style: none
}

.\[grid-area\:stack\] {
	grid-area: stack
}

.\[scrollbar-width\:none\] {
	scrollbar-width: none
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border-width: 0
}

.group:hover .group-hover\:not-sr-only {
	position: static;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	overflow: visible;
	clip: auto;
	white-space: normal
}

.pointer-events-none {
	pointer-events: none
}

.before\:pointer-events-none:before {
	pointer-events: none
}

.visible,
.group:hover .group-hover\:visible {
	visibility: visible
}

.invisible {
	visibility: hidden
}

.absolute {
	position: absolute
}

.fixed {
	position: fixed
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.before\:absolute:before {
	position: absolute
}

.static {
	position: static
}

.-inset-\[1px\] {
	inset: -1px
}

.inset-0 {
	inset: 0
}

.before\:inset-0:before {
	inset: 0
}

.inset-y-0 {
	top: 0;
	bottom: 0
}

.-bottom-\[8px\] {
	bottom: -8px
}

.-bottom-px {
	bottom: -1px
}

.-left-\[32px\] {
	left: -32px
}

.-left-\[3px\] {
	left: -3px
}

.-left-6\.5 {
	left: -1.625rem
}

.-left-px {
	left: -1px
}

.-right-\[9px\] {
	right: -9px
}

.-right-1 {
	right: -.25rem
}

.-right-2 {
	right: -.5rem
}

.-top-\[3px\] {
	top: -3px
}

.-top-0\.5 {
	top: -.125rem
}

.-top-px {
	top: -1px
}

.bottom-0 {
	bottom: 0
}

.bottom-4 {
	bottom: 1rem
}

.bottom-8 {
	bottom: 2rem
}

.left-\[100\%\] {
	left: 100%
}

.left-\[10px\] {
	left: 10px
}

.left-\[2\.5rem\] {
	left: 2.5rem
}

.left-\[50\%\],
.left-1\/2 {
	left: 50%
}

.left-\[calc\(100\%-12px\)\] {
	left: calc(100% - 12px)
}

.left-\[var\(--workbench-left\)\] {
	left: var(--workbench-left)
}

.left-0 {
	left: 0
}

.left-1 {
	left: .25rem
}

.left-2 {
	left: .5rem
}

.right-\[10px\] {
	right: 10px
}

.right-\[22px\] {
	right: 22px
}

.right-0 {
	right: 0
}

.right-1 {
	right: .25rem
}

.right-2 {
	right: .5rem
}

.right-3 {
	right: .75rem
}

.right-4 {
	right: 1rem
}

.right-6 {
	right: 1.5rem
}

.top-\[10px\] {
	top: 10px
}

.top-\[11px\] {
	top: 11px
}

.top-\[18px\] {
	top: 18px
}

.top-\[40px\] {
	top: 40px
}

.top-\[50\%\],
.top-1\/2 {
	top: 50%
}

.top-\[calc\(100\%\+2px\)\] {
	top: calc(100% + 2px)
}

.top-\[calc\(var\(--header-height\)\+1rem\)\] {
	top: calc(var(--header-height) + 1rem)
}

.top-\[var\(--header-height\)\] {
	top: var(--header-height)
}

.top-0 {
	top: 0
}

.top-0\.5 {
	top: .125rem
}

.top-1 {
	top: .25rem
}

.top-2 {
	top: .5rem
}

.top-28 {
	top: 7rem
}

.top-4 {
	top: 1rem
}

.top-6 {
	top: 1.5rem
}

.top-65\% {
	top: 65%
}

.group:hover .group-hover\:top-\[20px\] {
	top: 20px
}

.line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2
}

.-z-1 {
	z-index: -1
}

.z-0 {
	z-index: 0
}

.z-1 {
	z-index: 1
}

.z-10 {
	z-index: 10
}

.z-100 {
	z-index: 100
}

.z-1000 {
	z-index: 1000
}

.z-2 {
	z-index: 2
}

.grid {
	display: grid
}

.grid-rows-\[auto_1fr\] {
	grid-template-rows: auto 1fr
}

.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-areas-\[stack\] {
	grid-template-areas: "stack"
}

.m-10 {
	margin: 2.5rem
}

.m-6 {
	margin: 1.5rem
}

.m25 {
	margin: 6.25rem
}

.-mx-px {
	margin-left: -1px;
	margin-right: -1px
}

.-my-0\.5 {
	margin-top: -.125rem;
	margin-bottom: -.125rem
}

.mx--5 {
	margin-left: -1.25rem;
	margin-right: -1.25rem
}

.mx-\[var\(--chat-padding\)\] {
	margin-left: var(--chat-padding);
	margin-right: var(--chat-padding)
}

.mx-1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.mx-10 {
	margin-left: 2.5rem;
	margin-right: 2.5rem
}

.mx-16 {
	margin-left: 4rem;
	margin-right: 4rem
}

.mx-2 {
	margin-left: .5rem;
	margin-right: .5rem
}

.mx-3 {
	margin-left: .75rem;
	margin-right: .75rem
}

.mx-6 {
	margin-left: 1.5rem;
	margin-right: 1.5rem
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.my {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.my-1 {
	margin-top: .25rem;
	margin-bottom: .25rem
}

.my-2 {
	margin-top: .5rem;
	margin-bottom: .5rem
}

.my-5 {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem
}

.my-6 {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem
}

.-mr-0\.5 {
	margin-right: -.125rem
}

.-mr-1\.5 {
	margin-right: -.375rem
}

.-mt-4 {
	margin-top: -1rem
}

.mb-1 {
	margin-bottom: .25rem
}

.mb-1\.5 {
	margin-bottom: .375rem
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-11 {
	margin-bottom: 2.75rem
}

.mb-12 {
	margin-bottom: 3rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-2\.5 {
	margin-bottom: .625rem
}

.mb-20 {
	margin-bottom: 5rem
}

.mb-28 {
	margin-bottom: 7rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-3\.5 {
	margin-bottom: .875rem
}

.mb-3em {
	margin-bottom: 3em
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-4\.5 {
	margin-bottom: 1.125rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mb-auto {
	margin-bottom: auto
}

.me-2 {
	margin-inline-end: .5rem
}

.ml-0\.5 {
	margin-left: .125rem
}

.ml-1\.5 {
	margin-left: .375rem
}

.ml-2 {
	margin-left: .5rem
}

.ml-4 {
	margin-left: 1rem
}

.ml-6 {
	margin-left: 1.5rem
}

.ml-auto {
	margin-left: auto
}

.ml-px {
	margin-left: 1px
}

.mr-0\.5 {
	margin-right: .125rem
}

.mr-1 {
	margin-right: .25rem
}

.mr-1\.5 {
	margin-right: .375rem
}

.mr-2 {
	margin-right: .5rem
}

.mr-4 {
	margin-right: 1rem
}

.mr-auto {
	margin-right: auto
}

.ms-2 {
	margin-inline-start: .5rem
}

.mt-\[22vh\] {
	margin-top: 22vh
}

.mt-0 {
	margin-top: 0
}

.mt-1 {
	margin-top: .25rem
}

.mt-1\.5 {
	margin-top: .375rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-2\.5 {
	margin-top: .625rem
}

.mt-20 {
	margin-top: 5rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-3\.5 {
	margin-top: .875rem
}

.mt-30 {
	margin-top: 7.5rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-44 {
	margin-top: 11rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.mt-auto {
	margin-top: auto
}

.first\:mt-0:first-child {
	margin-top: 0
}

.last\:mb-0:last-child {
	margin-bottom: 0
}

.block,
.group:hover .group-hover\:block {
	display: block
}

.inline-block {
	display: inline-block
}

.contents {
	display: contents
}

.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker,
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,
.hidden {
	display: none
}

.empty\:hidden:empty {
	display: none
}

.size-\[15px\] {
	width: 15px;
	height: 15px
}

.size-10 {
	width: 2.5rem;
	height: 2.5rem
}

.size-12 {
	width: 3rem;
	height: 3rem
}

.size-22 {
	width: 5.5rem;
	height: 5.5rem
}

.size-3 {
	width: .75rem;
	height: .75rem
}

.size-3\.5 {
	width: .875rem;
	height: .875rem
}

.size-32 {
	width: 8rem;
	height: 8rem
}

.size-4 {
	width: 1rem;
	height: 1rem
}

.size-4\.5 {
	width: 1.125rem;
	height: 1.125rem
}

.size-5 {
	width: 1.25rem;
	height: 1.25rem
}

.size-6 {
	width: 1.5rem;
	height: 1.5rem
}

.size-8 {
	width: 2rem;
	height: 2rem
}

.size-full {
	width: 100%;
	height: 100%
}

.h-\[150px\] {
	height: 150px
}

.h-\[18px\] {
	height: 18px
}

.h-\[1px\],
.h-1px,
.h-px {
	height: 1px
}

.h-\[21px\] {
	height: 21px
}

.h-\[25px\] {
	height: 25px
}

.h-\[2px\] {
	height: 2px
}

.h-\[34px\] {
	height: 34px
}

.h-\[35px\] {
	height: 35px
}

.h-\[600px\] {
	height: 600px
}

.h-\[630px\] {
	height: 630px
}

.h-\[calc\(100\%\+1px\)\] {
	height: calc(100% + 1px)
}

.h-\[calc\(100vh-var\(--header-height\)\)\] {
	height: calc(100vh - var(--header-height))
}

.h-\[var\(--header-height\)\] {
	height: var(--header-height)
}

.h-0 {
	height: 0
}

.h-1\.5 {
	height: .375rem
}

.h-10 {
	height: 2.5rem
}

.h-100\%,
.h-full {
	height: 100%
}

.h-100vh,
.h-screen {
	height: 100vh
}

.h-11 {
	height: 2.75rem
}

.h-12 {
	height: 3rem
}

.h-16 {
	height: 4rem
}

.h-1em {
	height: 1em
}

.h-2 {
	height: .5rem
}

.h-20 {
	height: 5rem
}

.h-20\.5 {
	height: 5.125rem
}

.h-25 {
	height: 6.25rem
}

.h-28 {
	height: 7rem
}

.h-4 {
	height: 1rem
}

.h-40 {
	height: 10rem
}

.h-48 {
	height: 12rem
}

.h-5 {
	height: 1.25rem
}

.h-6 {
	height: 1.5rem
}

.h-64 {
	height: 16rem
}

.h-7 {
	height: 1.75rem
}

.h-70 {
	height: 17.5rem
}

.h-8\.5 {
	height: 2.125rem
}

.h-auto {
	height: auto
}

.h-fit {
	height: fit-content
}

.max-h-\[250px\] {
	max-height: 250px
}

.max-h-\[50vh\] {
	max-height: 50vh
}

.max-h-\[75vh\] {
	max-height: 75vh
}

.max-h-100\% {
	max-height: 100%
}

.max-h-40 {
	max-height: 10rem
}

.max-h-60 {
	max-height: 15rem
}

.max-w-\[1280px\] {
	max-width: 1280px
}

.max-w-\[200px\] {
	max-width: 200px
}

.max-w-\[600px\] {
	max-width: 600px
}

.max-w-\[80\%\],
.max-w-80\% {
	max-width: 80%
}

.max-w-\[80vw\] {
	max-width: 80vw
}

.max-w-\[calc\(100\%-var\(--chat-padding\)\)\] {
	max-width: calc(100% - var(--chat-padding))
}

.max-w-170 {
	max-width: 42.5rem
}

.max-w-25em {
	max-width: 25em
}

.max-w-30em {
	max-width: 30em
}

.max-w-3xl {
	max-width: 48rem
}

.max-w-56 {
	max-width: 14rem
}

.max-w-72 {
	max-width: 18rem
}

.max-w-96 {
	max-width: 24rem
}

.max-w-full {
	max-width: 100%
}

.max-w-md {
	max-width: 28rem
}

.max-w-xs {
	max-width: 20rem
}

.min-h-\[120px\] {
	min-height: 120px
}

.min-h-\[132px\] {
	min-height: 132px
}

.min-h-\[30px\] {
	min-height: 30px
}

.min-h-\[330px\] {
	min-height: 330px
}

.min-h-\[34px\] {
	min-height: 34px
}

.min-h-\[35px\] {
	min-height: 35px
}

.min-h-\[calc\(var\(--panel-header-height\)-1px\)\] {
	min-height: calc(var(--panel-header-height) - 1px)
}

.min-h-\[var\(--panel-header-height\)\] {
	min-height: var(--panel-header-height)
}

.min-h-0 {
	min-height: 0
}

.min-h-20 {
	min-height: 5rem
}

.min-h-30 {
	min-height: 7.5rem
}

.min-h-6 {
	min-height: 1.5rem
}

.min-h-screen {
	min-height: 100vh
}

.min-w-\[140px\] {
	min-width: 140px
}

.min-w-\[18px\] {
	min-width: 18px
}

.min-w-\[25\%\] {
	min-width: 25%
}

.min-w-\[300px\] {
	min-width: 300px
}

.min-w-\[325px\] {
	min-width: 325px
}

.min-w-0 {
	min-width: 0
}

.min-w-52 {
	min-width: 13rem
}

.min-w-fit {
	min-width: fit-content
}

.min-w-full {
	min-width: 100%
}

.w-\[1200px\] {
	width: 1200px
}

.w-\[18px\] {
	width: 18px
}

.w-\[1px\],
.w-1px {
	width: 1px
}

.w-\[21px\] {
	width: 21px
}

.w-\[34px\] {
	width: 34px
}

.w-\[350px\] {
	width: 350px
}

.w-\[44px\] {
	width: 44px
}

.w-\[46px\] {
	width: 46px
}

.w-\[548px\] {
	width: 548px
}

.w-\[60\%\] {
	width: 60%
}

.w-\[60px\] {
	width: 60px
}

.w-\[90\%\],
.w-90\% {
	width: 90%
}

.w-\[calc\(100\%-1rem\)\] {
	width: calc(100% - 1rem)
}

.w-\[calc\(100\%-5rem\)\] {
	width: calc(100% - 5rem)
}

.w-\[calc\(100\%\+2px\)\] {
	width: calc(100% + 2px)
}

.w-\[var\(--workbench-inner-width\)\] {
	width: var(--workbench-inner-width)
}

.w-10 {
	width: 2.5rem
}

.w-100\%,
.w-full {
	width: 100%
}

.w-12 {
	width: 3rem
}

.w-16 {
	width: 4rem
}

.w-20 {
	width: 5rem
}

.w-3 {
	width: .75rem
}

.w-32 {
	width: 8rem
}

.w-33 {
	width: 8.25rem
}

.w-36 {
	width: 9rem
}

.w-3xl {
	width: 48rem
}

.w-4 {
	width: 1rem
}

.w-4\.5 {
	width: 1.125rem
}

.w-40 {
	width: 10rem
}

.w-44 {
	width: 11rem
}

.w-48 {
	width: 12rem
}

.w-5 {
	width: 1.25rem
}

.w-56 {
	width: 14rem
}

.w-6 {
	width: 1.5rem
}

.w-64 {
	width: 16rem
}

.w-72 {
	width: 18rem
}

.w-77 {
	width: 19.25rem
}

.w-8 {
	width: 2rem
}

.w-80 {
	width: 20rem
}

.w-auto {
	width: auto
}

.w-fit {
	width: fit-content
}

.w-lg {
	width: 32rem
}

.group:hover .group-hover\:w-15 {
	width: 3.75rem
}

.flex {
	display: flex
}

.flex-inline,
.inline-flex {
	display: inline-flex
}

.flex-1 {
	flex: 1 1 0%
}

.shrink-0 {
	flex-shrink: 0
}

.flex-grow,
.flex-grow-1,
.grow,
.grow-1 {
	flex-grow: 1
}

.grow-0 {
	flex-grow: 0
}

.basis-60 {
	flex-basis: 15rem
}

.flex-row {
	flex-direction: row
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.origin-center {
	transform-origin: center
}

.-translate-x-1\/2,
.translate-x-\[-50\%\] {
	--un-translate-x: -50%;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.-translate-x-2\/5 {
	--un-translate-x: -40%;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.-translate-y-\[50\%\],
.-translate-y-1\/2,
.translate-y-\[-50\%\] {
	--un-translate-y: -50%;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.data-\[state\=checked\]\:translate-x-\[21px\][data-state=checked] {
	--un-translate-x: 21px;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.translate-x-0\.5 {
	--un-translate-x: .125rem;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.translate-x-1\/2 {
	--un-translate-x: 50%;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.translate-y-1\/3 {
	--un-translate-y: 33.3333333333%;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.translate-y-px {
	--un-translate-y: 1px;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.group:hover .group-hover\:translate-x-0 {
	--un-translate-x: 0;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.-rotate-10 {
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-rotate: -10deg;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.rotate-10 {
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-rotate: 10deg;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.rotate-90 {
	--un-rotate-x: 0;
	--un-rotate-y: 0;
	--un-rotate-z: 0;
	--un-rotate: 90deg;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-110 {
	--un-scale-x: 1.1;
	--un-scale-y: 1.1;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-115 {
	--un-scale-x: 1.15;
	--un-scale-y: 1.15;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-120 {
	--un-scale-x: 1.2;
	--un-scale-y: 1.2;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-125 {
	--un-scale-x: 1.25;
	--un-scale-y: 1.25;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-140 {
	--un-scale-x: 1.4;
	--un-scale-y: 1.4;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-150 {
	--un-scale-x: 1.5;
	--un-scale-y: 1.5;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-68 {
	--un-scale-x: .68;
	--un-scale-y: .68;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-70 {
	--un-scale-x: .7;
	--un-scale-y: .7;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-90 {
	--un-scale-x: .9;
	--un-scale-y: .9;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.scale-98 {
	--un-scale-x: .98;
	--un-scale-y: .98;
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

.transform {
	transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))
}

@keyframes una-in {
	0% {
		opacity: var(--una-enter-opacity, 1);
		transform: translate3d(var(--una-enter-translate-x, 0), var(--una-enter-translate-y, 0), 0) scale3d(var(--una-enter-scale, 1), var(--una-enter-scale, 1), var(--una-enter-scale, 1)) rotate(var(--una-enter-rotate, 0))
	}
}

.data-\[state\=open\]\:animate-in[data-state=open] {
	animation: una-in;
	animation-name: una-in;
	animation-duration: .15s;
	--una-enter-opacity: initial;
	--una-enter-scale: initial;
	--una-enter-rotate: initial;
	--una-enter-translate-x: initial;
	--una-enter-translate-y: initial
}

@keyframes pulse {

	0%,
	to {
		opacity: 1
	}

	50% {
		opacity: .5
	}
}

.animate-pulse {
	animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.animate-duration-100 {
	animation-duration: .1s
}

.animate-delay-500 {
	animation-delay: .5s
}

.cursor-default {
	cursor: default
}

.cursor-none {
	cursor: none
}

.\!\[\&_\*\]\:cursor-pointer * {
	cursor: pointer !important
}

.cursor-pointer {
	cursor: pointer
}

.\[\&\:is\(\:disabled\,\.disabled\)\]\:cursor-not-allowed:is(:disabled, .disabled),
.cursor-not-allowed {
	cursor: not-allowed
}

.hover\:cursor-not-allowed:hover {
	cursor: not-allowed
}

.disabled\:cursor-not-allowed:disabled {
	cursor: not-allowed
}

.cursor-ew-resize {
	cursor: ew-resize
}

.select-text {
	-webkit-user-select: text;
	user-select: text
}

.select-none {
	-webkit-user-select: none;
	user-select: none
}

.resize {
	resize: both
}

.resize-none {
	resize: none
}

.list-none {
	list-style-type: none
}

.items-start {
	align-items: flex-start
}

.flex-items-center,
.items-center {
	align-items: center
}

.items-stretch {
	align-items: stretch
}

.self-start {
	align-self: flex-start
}

.self-end {
	align-self: flex-end
}

.self-stretch {
	align-self: stretch
}

.flex-justify-end,
.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.flex-justify-between,
.justify-between {
	justify-content: space-between
}

.justify-items-center {
	justify-items: center
}

.gap-0\.5 {
	gap: .125rem
}

.gap-1 {
	gap: .25rem
}

.gap-1\.5 {
	gap: .375rem
}

.gap-1\.7 {
	gap: .425rem
}

.gap-12 {
	gap: 3rem
}

.gap-2 {
	gap: .5rem
}

.gap-2\.5 {
	gap: .625rem
}

.gap-3 {
	gap: .75rem
}

.gap-3\.5 {
	gap: .875rem
}

.gap-4 {
	gap: 1rem
}

.gap-5 {
	gap: 1.25rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-7 {
	gap: 1.75rem
}

.gap-8 {
	gap: 2rem
}

.gap-9 {
	gap: 2.25rem
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
	--un-space-y-reverse: 0;
	margin-top: calc(.375rem * calc(1 - var(--un-space-y-reverse)));
	margin-bottom: calc(.375rem * var(--un-space-y-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
	--un-space-y-reverse: 0;
	margin-top: calc(.25rem * calc(1 - var(--un-space-y-reverse)));
	margin-bottom: calc(.25rem * var(--un-space-y-reverse))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
	--un-space-y-reverse: 0;
	margin-top: calc(.625rem * calc(1 - var(--un-space-y-reverse)));
	margin-bottom: calc(.625rem * var(--un-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--un-space-y-reverse: 0;
	margin-top: calc(.5rem * calc(1 - var(--un-space-y-reverse)));
	margin-bottom: calc(.5rem * var(--un-space-y-reverse))
}

.overflow-auto {
	overflow: auto
}

.overflow-hidden {
	overflow: hidden
}

.overflow-scroll {
	overflow: scroll
}

.overflow-x-auto {
	overflow-x: auto
}

.overflow-y-auto {
	overflow-y: auto
}

.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.whitespace-nowrap,
.ws-nowrap {
	white-space: nowrap
}

.whitespace-pre-wrap {
	white-space: pre-wrap
}

.break-all {
	word-break: break-all
}

.b,
.b-1,
.border,
.border-1,
.border-1px,
.border-px {
	border-width: 1px
}

.border-0 {
	border-width: 0px
}

.border-2 {
	border-width: 2px
}

.border-y {
	border-top-width: 1px;
	border-bottom-width: 1px
}

.border-b,
.border-b-px {
	border-bottom-width: 1px
}

.border-l {
	border-left-width: 1px
}

.border-l-2 {
	border-left-width: 2px
}

.border-r {
	border-right-width: 1px
}

.border-t {
	border-top-width: 1px
}

.before\:border-l-3:before {
	border-left-width: 3px
}

.border-designaudit-ds-borderOutline {
	border-color: var(--designaudit-ds-border-outline)
}

.border-designaudit-ds-brand {
	--un-border-opacity: 1;
	border-color: rgba(var(--designaudit-ds-brand), var(--un-border-opacity))
}

.border-designaudit-elements-borderColor {
	border-color: var(--designaudit-elements-borderColor)
}

.border-designaudit-elements-borderColorActive {
	border-color: var(--designaudit-elements-borderColorActive)
}

.border-designaudit-elements-borderColorDanger {
	border-color: var(--designaudit-ds-danger)
}

.border-designaudit-elements-item-contentDanger {
	border-color: var(--designaudit-elements-item-contentDanger)
}

.border-green-400\/40 {
	border-color: #4ade8066
}

.border-green-500 {
	--un-border-opacity: 1;
	border-color: rgb(34 197 94 / var(--un-border-opacity))
}

.border-orange-500 {
	--un-border-opacity: 1;
	border-color: rgb(247 144 9 / var(--un-border-opacity))
}

.border-transparent {
	border-color: transparent
}

[data-theme=dark] .dark\:border-green-600 {
	--un-border-opacity: 1;
	border-color: rgb(22 163 74 / var(--un-border-opacity))
}

.focus-within-border-designaudit-elements-borderColorActive:focus-within {
	border-color: var(--designaudit-elements-borderColorActive)
}

.focus-within\:border-designaudit-elements-borderColorActive:focus-within {
	border-color: var(--designaudit-elements-borderColorActive)
}

.hover\:border-designaudit-elements-borderColor:hover {
	border-color: var(--designaudit-elements-borderColor)
}

.before\:border-designaudit-elements-messages-error-borderColor:before {
	border-color: var(--designaudit-elements-messages-error-borderColor)
}

.before\:border-brands-supabase-accent:before {
	border-color: var(--brands-supabase-accent)
}

.rounded {
	border-radius: .25rem
}

.rounded-\[20px\] {
	border-radius: 20px
}

.rounded-\[calc\(0\.75rem-1px\)\] {
	border-radius: calc(.75rem - 1px)
}

.rounded-2xl {
	border-radius: 1rem
}

.rounded-4px {
	border-radius: 4px
}

.rounded-full {
	border-radius: 9999px
}

.rounded-lg {
	border-radius: .5rem
}

.rounded-md {
	border-radius: .375rem
}

.rounded-xl {
	border-radius: .75rem
}

.rounded-r-3xl {
	border-top-right-radius: 1.5rem;
	border-bottom-right-radius: 1.5rem
}

.rounded-t-\[0\.44rem\] {
	border-top-left-radius: .44rem;
	border-top-right-radius: .44rem
}

.rounded-t-lg {
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem
}

.border-dashed {
	border-style: dashed
}

.border-none {
	border-style: none
}

.border-solid {
	border-style: solid
}

.border-b-none {
	border-bottom-style: none
}

.bg-\[rgba\(20\,136\,252\,0\.10\)\] {
	--un-bg-opacity: .1;
	background-color: rgba(20, 136, 252, var(--un-bg-opacity))
}

.bg-accent-500 {
	--un-bg-opacity: 1;
	background-color: rgb(43 166 255 / var(--un-bg-opacity))
}

.bg-accent-600,
.data-\[state\=checked\]\:bg-accent-600[data-state=checked],
[data-theme=dark] .dark\:data-\[state\=checked\]\:bg-accent-600[data-state=checked] {
	--un-bg-opacity: 1;
	background-color: rgb(20 136 252 / var(--un-bg-opacity))
}

.bg-accent-600\/30 {
	background-color: #1488fc4d
}

.bg-alpha-accent-10 {
	--un-bg-opacity: .1;
	background-color: rgb(43 166 255 / var(--un-bg-opacity))
}

.bg-alpha-accent-20,
[data-theme=dark] .dark\:bg-alpha-accent-20 {
	--un-bg-opacity: .2;
	background-color: rgb(43 166 255 / var(--un-bg-opacity))
}

.bg-alpha-gray-10 {
	--un-bg-opacity: .1;
	background-color: rgb(23 23 23 / var(--un-bg-opacity))
}

.bg-alpha-gray-2 {
	--un-bg-opacity: .02;
	background-color: rgb(23 23 23 / var(--un-bg-opacity))
}

.bg-alpha-orange-10 {
	--un-bg-opacity: .1;
	background-color: rgb(247 144 9 / var(--un-bg-opacity))
}

.bg-black\/15 {
	background-color: #00000026
}

.bg-black\/30 {
	background-color: #0000004d
}

.bg-black\/50 {
	background-color: #00000080
}

.bg-blue-500 {
	--un-bg-opacity: 1;
	background-color: rgb(59 130 246 / var(--un-bg-opacity))
}

.bg-designaudit-ds-brandContainer {
	background-color: var(--designaudit-ds-brand-container)
}

.bg-designaudit-ds-dangerContainer {
	background-color: var(--designaudit-ds-danger-container)
}

.bg-designaudit-ds-neutralContainer {
	background-color: var(--designaudit-ds-neutral-container)
}

.bg-designaudit-ds-successContainer {
	background-color: var(--designaudit-ds-success-container)
}

.bg-designaudit-ds-warning-container,
.bg-designaudit-ds-warningContainer {
	background-color: var(--designaudit-ds-warning-container)
}

.bg-designaudit-elements-actions-background {
	background-color: var(--designaudit-elements-actions-background)
}

.bg-designaudit-elements-artifacts-background {
	background-color: var(--designaudit-elements-artifacts-background)
}

.bg-designaudit-elements-artifacts-borderColor {
	background-color: var(--designaudit-elements-artifacts-borderColor)
}

.bg-designaudit-elements-artifacts-inlineCode-background {
	background-color: var(--designaudit-elements-artifacts-inlineCode-background)
}

.bg-designaudit-elements-background-depth-1 {
	background-color: var(--designaudit-elements-bg-depth-1)
}

.bg-designaudit-elements-background-depth-2,
[data-theme=dark] .dark\:bg-designaudit-elements-background-depth-2 {
	background-color: var(--designaudit-elements-bg-depth-2)
}

.bg-designaudit-elements-background-depth-3 {
	background-color: var(--designaudit-elements-bg-depth-3)
}

.bg-designaudit-elements-background-depth-4,
[data-theme=dark] .dark\:bg-designaudit-elements-background-depth-4 {
	background-color: var(--designaudit-elements-bg-depth-4)
}

.bg-designaudit-elements-background-overlay {
	background-color: var(--designaudit-elements-bg-overlay)
}

.bg-designaudit-elements-borderColor {
	background-color: var(--designaudit-elements-borderColor)
}

.bg-designaudit-elements-button-danger-background {
	background-color: var(--designaudit-elements-button-danger-background)
}

.bg-designaudit-elements-button-primary-background {
	background-color: var(--designaudit-elements-button-primary-background)
}

.bg-designaudit-elements-button-primaryLight-background {
	background-color: var(--designaudit-elements-button-primaryLight-background)
}

.bg-designaudit-elements-button-secondary-background {
	background-color: var(--designaudit-elements-button-secondary-background)
}

.bg-designaudit-elements-button-supabase-background {
	background-color: var(--designaudit-elements-button-supabase-background)
}

.bg-designaudit-elements-button-warn-background {
	background-color: var(--designaudit-elements-button-warn-background)
}

.bg-designaudit-elements-filetree-drop-background {
	background-color: var(--designaudit-elements-filetree-drop-background)
}

.bg-designaudit-elements-icon-error {
	background-color: var(--designaudit-elements-icon-error)
}

.bg-designaudit-elements-item-backgroundAccent {
	background-color: var(--designaudit-elements-item-backgroundAccent)
}

.bg-designaudit-elements-item-backgroundAccent\! {
	background-color: var(--designaudit-elements-item-backgroundAccent) !important
}

.bg-designaudit-elements-item-backgroundActive {
	background-color: var(--designaudit-elements-item-backgroundActive)
}

.bg-designaudit-elements-item-backgroundDanger {
	background-color: var(--designaudit-elements-item-backgroundDanger)
}

.bg-designaudit-elements-item-backgroundWarn {
	background-color: var(--designaudit-elements-item-backgroundWarn)
}

.bg-designaudit-elements-messages-actions-background {
	background-color: var(--designaudit-elements-messages-actions-background)
}

.bg-designaudit-elements-messages-background {
	background-color: var(--designaudit-elements-messages-background)
}

.bg-designaudit-elements-messages-code-background {
	background-color: var(--designaudit-elements-messages-code-background)
}

.bg-designaudit-elements-messages-scroller-background {
	background-color: var(--designaudit-elements-messages-scroller-background)
}

.bg-designaudit-elements-messages-scroller-finishedBackground {
	background-color: var(--designaudit-elements-messages-scroller-finishedBackground)
}

.bg-designaudit-elements-messages-selections-background {
	background-color: var(--designaudit-elements-messages-selections-background)
}

.bg-designaudit-elements-preview-addressBar-background,
.group:focus-within .group-focus-within\:bg-designaudit-elements-preview-addressBar-background {
	background-color: var(--designaudit-elements-preview-addressBar-background)
}

.bg-designaudit-elements-prompt-attachments-backgroundLoading {
	background-color: var(--designaudit-elements-prompt-attachments-backgroundLoading)
}

.bg-designaudit-elements-prompt-attachments-button-background {
	background-color: var(--designaudit-elements-prompt-attachments-button-background)
}

.bg-designaudit-elements-prompt-background {
	background-color: var(--designaudit-elements-prompt-background)
}

.bg-designaudit-elements-prompt-selections-background {
	background-color: var(--designaudit-elements-prompt-selections-background)
}

.bg-designaudit-elements-prompt-subscribeButton-background {
	background-color: var(--designaudit-elements-prompt-subscribeButton-background)
}

.bg-designaudit-elements-sidebar-buttonBackgroundDefault {
	background-color: var(--designaudit-elements-sidebar-buttonBackgroundDefault)
}

.bg-designaudit-elements-terminals-background {
	background-color: var(--designaudit-elements-terminals-background)
}

.bg-designaudit-elements-terminals-buttonBackground {
	background-color: var(--designaudit-elements-terminals-buttonBackground)
}

.bg-brands-netlify-background {
	background-color: var(--brands-netlify-background)
}

.bg-emerald-500 {
	--un-bg-opacity: 1;
	background-color: rgb(24 177 117 / var(--un-bg-opacity))
}

.bg-gray-100 {
	--un-bg-opacity: 1;
	background-color: rgb(245 245 245 / var(--un-bg-opacity))
}

.bg-gray-200 {
	--un-bg-opacity: 1;
	background-color: rgb(229 229 229 / var(--un-bg-opacity))
}

.bg-gray-300 {
	--un-bg-opacity: 1;
	background-color: rgb(212 212 212 / var(--un-bg-opacity))
}

.bg-gray-50 {
	--un-bg-opacity: 1;
	background-color: rgb(250 250 250 / var(--un-bg-opacity))
}

.bg-gray-900 {
	--un-bg-opacity: 1;
	background-color: rgb(23 23 23 / var(--un-bg-opacity))
}

.bg-gray-950,
[data-theme=dark] .dark\:bg-gray-950 {
	--un-bg-opacity: 1;
	background-color: rgb(10 10 10 / var(--un-bg-opacity))
}

.bg-green-400 {
	--un-bg-opacity: 1;
	background-color: rgb(74 222 128 / var(--un-bg-opacity))
}

.bg-green-500 {
	--un-bg-opacity: 1;
	background-color: rgb(34 197 94 / var(--un-bg-opacity))
}

.bg-green-500\/20 {
	background-color: #22c55e33
}

.bg-green-600\/90 {
	background-color: #16a34ae6
}

.bg-red-500 {
	--un-bg-opacity: 1;
	background-color: rgb(239 68 68 / var(--un-bg-opacity))
}

.bg-transparent,
.group:hover .group-hover\:bg-transparent {
	background-color: transparent
}

.bg-white,
[data-theme=dark] .dark\:data-\[state\=checked\]\:bg-white[data-state=checked] {
	--un-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

.bg-yellow-500 {
	--un-bg-opacity: 1;
	background-color: rgb(234 179 8 / var(--un-bg-opacity))
}

[data-theme=dark] .dark\:bg-alpha-white-10 {
	--un-bg-opacity: .1;
	background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

[data-theme=dark] .dark\:bg-alpha-white-5 {
	--un-bg-opacity: .05;
	background-color: rgb(255 255 255 / var(--un-bg-opacity))
}

[data-theme=dark] .dark\:bg-black {
	--un-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--un-bg-opacity))
}

[data-theme=dark] .dark\:bg-designaudit-elements-preview-addressBar-backgroundHover {
	background-color: var(--designaudit-elements-preview-addressBar-backgroundHover)
}

[data-theme=dark] .dark\:bg-gray-400 {
	--un-bg-opacity: 1;
	background-color: rgb(163 163 163 / var(--un-bg-opacity))
}

[data-theme=dark] .dark\:bg-gray-700 {
	--un-bg-opacity: 1;
	background-color: rgb(64 64 64 / var(--un-bg-opacity))
}

[data-theme=dark] .dark\:bg-gray-800 {
	--un-bg-opacity: 1;
	background-color: rgb(38 38 38 / var(--un-bg-opacity))
}

[data-theme=dark] .dark\:bg-green-600\/70 {
	background-color: #16a34ab3
}

.focus-within\:bg-designaudit-elements-preview-addressBar-backgroundActive:focus-within {
	background-color: var(--designaudit-elements-preview-addressBar-backgroundActive)
}

.\[\&\:not\(\:disabled\,\.disabled\)\]\:hover\:bg-designaudit-elements-button-danger-backgroundHover:hover:not(:disabled, .disabled) {
	background-color: var(--designaudit-elements-button-danger-backgroundHover)
}

.\[\&\:not\(\:disabled\,\.disabled\)\]\:hover\:bg-designaudit-elements-button-primary-backgroundHover:hover:not(:disabled, .disabled) {
	background-color: var(--designaudit-elements-button-primary-backgroundHover)
}

.\[\&\:not\(\:disabled\,\.disabled\)\]\:hover\:bg-designaudit-elements-button-primaryLight-backgroundHover:hover:not(:disabled, .disabled) {
	background-color: var(--designaudit-elements-button-primaryLight-backgroundHover)
}

.\[\&\:not\(\:disabled\,\.disabled\)\]\:hover\:bg-designaudit-elements-button-secondary-backgroundHover:hover:not(:disabled, .disabled) {
	background-color: var(--designaudit-elements-button-secondary-backgroundHover)
}

.\[\&\:not\(\:disabled\,\.disabled\)\]\:hover\:bg-designaudit-elements-button-supabase-backgroundHover:hover:not(:disabled, .disabled) {
	background-color: var(--designaudit-elements-button-supabase-backgroundHover)
}

.\[\&\:not\(\:disabled\,\.disabled\)\]\:hover\:bg-designaudit-elements-button-warn-backgroundHover:hover:not(:disabled, .disabled) {
	background-color: var(--designaudit-elements-button-warn-backgroundHover)
}

.hover\:bg-alpha-accent-20:hover {
	--un-bg-opacity: .2;
	background-color: rgb(43 166 255 / var(--un-bg-opacity))
}

.hover\:bg-alpha-gray-2:hover {
	--un-bg-opacity: .02;
	background-color: rgb(23 23 23 / var(--un-bg-opacity))
}

.hover\:bg-designaudit-elements-background-depth-3:hover {
	background-color: var(--designaudit-elements-bg-depth-3)
}

.hover\:bg-designaudit-elements-background-depth-4:hover {
	background-color: var(--designaudit-elements-bg-depth-4)
}

.hover\:bg-designaudit-elements-item-backgroundActive:hover {
	background-color: var(--designaudit-elements-item-backgroundActive)
}

.hover\:bg-designaudit-elements-preview-addressBar-backgroundHover:hover {
	background-color: var(--designaudit-elements-preview-addressBar-backgroundHover)
}

.hover\:bg-designaudit-elements-prompt-attachments-button-backgroundHover:hover {
	background-color: var(--designaudit-elements-prompt-attachments-button-backgroundHover)
}

.hover\:bg-designaudit-elements-sidebar-buttonBackgroundHover:hover {
	background-color: var(--designaudit-elements-sidebar-buttonBackgroundHover)
}

.hover\:bg-designaudit-elements-terminals-buttonBackground:hover {
	background-color: var(--designaudit-elements-terminals-buttonBackground)
}

.hover\:bg-gray-100:hover {
	--un-bg-opacity: 1;
	background-color: rgb(245 245 245 / var(--un-bg-opacity))
}

.hover\:bg-transparent:hover {
	background-color: transparent
}

.hover\:focus-within\:bg-designaudit-elements-preview-addressBar-backgroundActive:focus-within:hover {
	background-color: var(--designaudit-elements-preview-addressBar-backgroundActive)
}

[data-theme=dark] .dark\:hover\:bg-gray-900:hover {
	--un-bg-opacity: 1;
	background-color: rgb(23 23 23 / var(--un-bg-opacity))
}

.focus\:bg-designaudit-elements-item-backgroundActive:focus {
	background-color: var(--designaudit-elements-item-backgroundActive)
}

.enabled\:hover\:bg-accent-700:hover:enabled {
	--un-bg-opacity: 1;
	background-color: rgb(13 111 232 / var(--un-bg-opacity))
}

.enabled\:hover\:bg-designaudit-elements-item-backgroundAccent\!:hover:enabled {
	background-color: var(--designaudit-elements-item-backgroundAccent) !important
}

.enabled\:hover\:bg-designaudit-elements-item-backgroundActive:hover:enabled {
	background-color: var(--designaudit-elements-item-backgroundActive)
}

.bg-opacity-10 {
	--un-bg-opacity: .1
}

.bg-gradient-\[90deg\,var\(--un-gradient-stops\)\] {
	--un-gradient: 90deg, var(--un-gradient-stops)
}

.from-\[\#002E4F00\] {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(0 46 79 / var(--un-from-opacity, 0)) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(0 46 79 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-accent-300\/0 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(138 218 255 / 0) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(138 218 255 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-accent-600\/0 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(20 136 252 / 0) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(20 136 252 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-designaudit-elements-background-depth-2 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: var(--designaudit-elements-bg-depth-2) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-designaudit-elements-messages-retryBackground {
	--un-gradient-from-position: 0%;
	--un-gradient-from: var(--designaudit-elements-messages-retryBackground) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-designaudit-elements-textPrimary {
	--un-gradient-from-position: 0%;
	--un-gradient-from: var(--designaudit-elements-textPrimary) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-gray-50 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(250 250 250 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(250 250 250 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.from-green-600\/90 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(22 163 74 / .9) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(22 163 74 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

[data-theme=dark] .dark\:from-gray-900 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(23 23 23 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(23 23 23 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

[data-theme=dark] .dark\:from-green-700 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(21 128 61 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(21 128 61 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

[data-theme=dark] .dark\:from-green-800 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: rgb(22 101 52 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(22 101 52 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.group:hover .group-hover\:from-designaudit-elements-background-depth-3 {
	--un-gradient-from-position: 0%;
	--un-gradient-from: var(--designaudit-elements-bg-depth-3) var(--un-gradient-from-position);
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(255 255 255 / 0) var(--un-gradient-to-position);
	--un-gradient-stops: var(--un-gradient-from), var(--un-gradient-to)
}

.via-accent-300\/50 {
	--un-gradient-via-position: 50%;
	--un-gradient-to: rgb(138 218 255 / 0);
	--un-gradient-stops: var(--un-gradient-from), rgb(138 218 255 / .5) var(--un-gradient-via-position), var(--un-gradient-to)
}

.via-accent-600\/80 {
	--un-gradient-via-position: 50%;
	--un-gradient-to: rgb(20 136 252 / 0);
	--un-gradient-stops: var(--un-gradient-from), rgb(20 136 252 / .8) var(--un-gradient-via-position), var(--un-gradient-to)
}

.to-\[\#999\] {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(153 153 153 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)
}

.to-accent-300\/0 {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(138 218 255 / 0) var(--un-gradient-to-position)
}

.to-accent-500 {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(43 166 255 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)
}

.to-accent-600\/0 {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(20 136 252 / 0) var(--un-gradient-to-position)
}

.to-green-500\/90 {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(34 197 94 / .9) var(--un-gradient-to-position)
}

.to-green-500\/94 {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(34 197 94 / .94) var(--un-gradient-to-position)
}

.to-transparent {
	--un-gradient-to-position: 100%;
	--un-gradient-to: transparent var(--un-gradient-to-position)
}

[data-theme=dark] .dark\:to-green-600 {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(22 163 74 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)
}

[data-theme=dark] .dark\:to-green-700 {
	--un-gradient-to-position: 100%;
	--un-gradient-to: rgb(21 128 61 / var(--un-to-opacity, 1)) var(--un-gradient-to-position)
}

.from-30\% {
	--un-gradient-from-position: 30%
}

.group:hover .group-hover\:from-45\% {
	--un-gradient-from-position: 45%
}

.bg-gradient-linear {
	background-image: linear-gradient(var(--un-gradient, var(--un-gradient-stops, rgb(255 255 255 / 0))))
}

.bg-gradient-to-b {
	--un-gradient-shape: to bottom;
	--un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
	background-image: linear-gradient(var(--un-gradient))
}

.bg-gradient-to-l {
	--un-gradient-shape: to left;
	--un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
	background-image: linear-gradient(var(--un-gradient))
}

.bg-gradient-to-r {
	--un-gradient-shape: to right;
	--un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
	background-image: linear-gradient(var(--un-gradient))
}

.bg-gradient-to-t {
	--un-gradient-shape: to top;
	--un-gradient: var(--un-gradient-shape), var(--un-gradient-stops);
	background-image: linear-gradient(var(--un-gradient))
}

.bg-none {
	background-image: none
}

.bg-cover {
	background-size: cover
}

.bg-clip-text {
	-webkit-background-clip: text;
	background-clip: text
}

.bg-center {
	background-position: center
}

.bg-no-repeat {
	background-repeat: no-repeat
}

.fill-\[var\(--designaudit-elements-textTertiary\)\] {
	fill: var(--designaudit-elements-textTertiary)
}

.fill-designaudit-elements-borderColor,
[data-theme=dark] .dark\:fill-designaudit-elements-borderColor {
	fill: var(--designaudit-elements-borderColor)
}

[data-theme=dark] .dark\:fill-white {
	--un-fill-opacity: 1;
	fill: rgb(255 255 255 / var(--un-fill-opacity))
}

[data-theme=light] .light\:fill-black {
	--un-fill-opacity: 1;
	fill: rgb(0 0 0 / var(--un-fill-opacity))
}

.object-cover {
	object-fit: cover
}

.p-0 {
	padding: 0
}

.p-0\.5 {
	padding: .125rem
}

.p-1 {
	padding: .25rem
}

.p-1\.5 {
	padding: .375rem
}

.p-10px {
	padding: 10px
}

.p-14 {
	padding: 3.5rem
}

.p-15 {
	padding: 3.75rem
}

.p-2,
.pa-2 {
	padding: .5rem
}

.p-2\.5 {
	padding: .625rem
}

.p-3 {
	padding: .75rem
}

.p-4 {
	padding: 1rem
}

.p-5 {
	padding: 1.25rem
}

.p-5\.5 {
	padding: 1.375rem
}

.p-6 {
	padding: 1.5rem
}

.\[\&\>pre\]\:px-2>pre,
.px-2 {
	padding-left: .5rem;
	padding-right: .5rem
}

.\[\&\>pre\]\:px-4>pre,
.px,
.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.\[\&\>pre\]\:py-2>pre,
.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.\[\&\>pre\]\:py-5>pre,
.py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem
}

.px-\[var\(--chat-padding\)\] {
	padding-left: var(--chat-padding);
	padding-right: var(--chat-padding)
}

.px-1 {
	padding-left: .25rem;
	padding-right: .25rem
}

.px-1\.5 {
	padding-left: .375rem;
	padding-right: .375rem
}

.px-10 {
	padding-left: 2.5rem;
	padding-right: 2.5rem
}

.px-1px,
.px-px {
	padding-left: 1px;
	padding-right: 1px
}

.px-2\.5 {
	padding-left: .625rem;
	padding-right: .625rem
}

.px-2\.75 {
	padding-left: .6875rem;
	padding-right: .6875rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.px-6px {
	padding-left: 6px;
	padding-right: 6px
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.py-0\.5 {
	padding-top: .125rem;
	padding-bottom: .125rem
}

.py-0\.75 {
	padding-top: .1875rem;
	padding-bottom: .1875rem
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.py-1\.5 {
	padding-top: .375rem;
	padding-bottom: .375rem
}

.py-10 {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem
}

.py-2\.5 {
	padding-top: .625rem;
	padding-bottom: .625rem
}

.py-20 {
	padding-top: 5rem;
	padding-bottom: 5rem
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.py-4px {
	padding-top: 4px;
	padding-bottom: 4px
}

.py-6 {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem
}

.pb-\[var\(--chat-padding\)\] {
	padding-bottom: var(--chat-padding)
}

.pb-0 {
	padding-bottom: 0
}

.pb-1 {
	padding-bottom: .25rem
}

.pb-10 {
	padding-bottom: 2.5rem
}

.pb-2 {
	padding-bottom: .5rem
}

.pb-25 {
	padding-bottom: 6.25rem
}

.pb-4 {
	padding-bottom: 1rem
}

.pb-5 {
	padding-bottom: 1.25rem
}

.pb-6 {
	padding-bottom: 1.5rem
}

.pl-0\.5 {
	padding-left: .125rem
}

.pl-1 {
	padding-left: .25rem
}

.pl-10 {
	padding-left: 2.5rem
}

.pl-2 {
	padding-left: .5rem
}

.pl-2\.5 {
	padding-left: .625rem
}

.pl-23 {
	padding-left: 5.75rem
}

.pl-3 {
	padding-left: .75rem
}

.pl-4 {
	padding-left: 1rem
}

.pl-5 {
	padding-left: 1.25rem
}

.pl-6 {
	padding-left: 1.5rem
}

.pl-7 {
	padding-left: 1.75rem
}

.pr-1 {
	padding-right: .25rem
}

.pr-1\.5 {
	padding-right: .375rem
}

.pr-16 {
	padding-right: 4rem
}

.pr-2 {
	padding-right: .5rem
}

.pr-20 {
	padding-right: 5rem
}

.pr-3 {
	padding-right: .75rem
}

.pr-4 {
	padding-right: 1rem
}

.pr-5 {
	padding-right: 1.25rem
}

.pr-6\.5 {
	padding-right: 1.625rem
}

.pr-76 {
	padding-right: 19rem
}

.pt-1 {
	padding-top: .25rem
}

.pt-10 {
	padding-top: 2.5rem
}

.pt-2 {
	padding-top: .5rem
}

.pt-25 {
	padding-top: 6.25rem
}

.pt-4 {
	padding-top: 1rem
}

.pt-5 {
	padding-top: 1.25rem
}

.pt-6 {
	padding-top: 1.5rem
}

.text-center {
	text-align: center
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-balance {
	text-wrap: balance
}

.align-mid,
.align-middle {
	vertical-align: middle
}

.align-top {
	vertical-align: top
}

.text-\[0\.6rem\] {
	font-size: .6rem
}

.text-\[10px\] {
	font-size: 10px
}

.text-\[11px\] {
	font-size: 11px
}

.text-\[22px\] {
	font-size: 22px
}

.text-\[44px\] {
	font-size: 44px
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-3\.5 {
	font-size: .875rem
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-4 {
	font-size: 1rem
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem
}

.text-5 {
	font-size: 1.25rem
}

.text-5xl {
	font-size: 3rem;
	line-height: 1
}

.text-6xl {
	font-size: 3.75rem;
	line-height: 1
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-sm\/6 {
	font-size: .875rem;
	line-height: 1.5rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.\[\&_a\:not\(\.bg-designaudit-elements-button-primary-background\)\]\:text-designaudit-elements-link a:not(.bg-designaudit-elements-button-primary-background),
.\[\&_a\]\:text-designaudit-elements-link a,
.text-designaudit-elements-link {
	color: var(--designaudit-elements-link)
}

.text-\[\#F87171\] {
	--un-text-opacity: 1;
	color: rgb(248 113 113 / var(--un-text-opacity))
}

.text-accent-500,
[data-theme=dark] .dark\:text-accent-500 {
	--un-text-opacity: 1;
	color: rgb(43 166 255 / var(--un-text-opacity))
}

.text-accent-600 {
	--un-text-opacity: 1;
	color: rgb(20 136 252 / var(--un-text-opacity))
}

.text-black,
[data-theme=light] .light\:text-black {
	--un-text-opacity: 1;
	color: rgb(0 0 0 / var(--un-text-opacity))
}

.text-designaudit-ds-brand {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-brand), var(--un-text-opacity))
}

.text-designaudit-ds-danger {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-danger), var(--un-text-opacity))
}

.text-designaudit-ds-iconPrimary {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-icon-primary), var(--un-text-opacity))
}

.text-designaudit-ds-onBrandContainer {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-on-brand-container), var(--un-text-opacity))
}

.text-designaudit-ds-onDangerContainer {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-on-danger-container), var(--un-text-opacity))
}

.text-designaudit-ds-onNeutralContainer {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-on-neutral-container), var(--un-text-opacity))
}

.text-designaudit-ds-onSuccessContainer {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-on-success-container), var(--un-text-opacity))
}

.text-designaudit-ds-onWarningContainer {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-on-warning-container), var(--un-text-opacity))
}

.text-designaudit-ds-success {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-success), var(--un-text-opacity))
}

.text-designaudit-ds-textSecondary {
	color: var(--designaudit-ds-text-secondary)
}

.text-designaudit-ds-warning {
	--un-text-opacity: 1;
	color: rgba(var(--designaudit-ds-warning), var(--un-text-opacity))
}

.text-designaudit-elements-artifacts-inlineCode-text {
	color: var(--designaudit-elements-artifacts-inlineCode-text)
}

.text-designaudit-elements-button-danger-text {
	color: var(--designaudit-elements-button-danger-text)
}

.text-designaudit-elements-button-primary-text {
	color: var(--designaudit-elements-button-primary-text)
}

.text-designaudit-elements-button-primaryLight-text {
	color: var(--designaudit-elements-button-primaryLight-text)
}

.text-designaudit-elements-button-secondary-text {
	color: var(--designaudit-elements-button-secondary-text)
}

.text-designaudit-elements-button-warn-text {
	color: var(--designaudit-elements-button-warn-text)
}

.text-designaudit-elements-icon-error {
	color: var(--designaudit-elements-icon-error)
}

.text-designaudit-elements-icon-info {
	color: var(--designaudit-elements-icon-info)
}

.text-designaudit-elements-icon-success {
	color: var(--designaudit-elements-icon-success)
}

.text-designaudit-elements-item-contentAccent {
	color: var(--designaudit-elements-item-contentAccent)
}

.text-designaudit-elements-item-contentAccent\! {
	color: var(--designaudit-elements-item-contentAccent) !important
}

.color-designaudit-elements-item-contentDanger,
.text-designaudit-elements-item-contentDanger {
	color: var(--designaudit-elements-item-contentDanger)
}

.color-designaudit-elements-item-contentDefault,
.text-designaudit-elements-item-contentDefault {
	color: var(--designaudit-elements-item-contentDefault)
}

.text-designaudit-elements-loader-progress {
	color: var(--designaudit-elements-loader-progress)
}

.text-designaudit-elements-messages-linkColor {
	color: var(--designaudit-elements-messages-linkColor)
}

.text-designaudit-elements-messages-scroller-finishedIcon {
	color: var(--designaudit-elements-messages-scroller-finishedIcon)
}

.text-designaudit-elements-messages-scroller-icon {
	color: var(--designaudit-elements-messages-scroller-icon)
}

.text-designaudit-elements-messages-selections-text {
	color: var(--designaudit-elements-messages-selections-text)
}

.text-designaudit-elements-preview-addressBar-text,
.group:focus-within .group-focus-within\:text-designaudit-elements-preview-addressBar-text {
	color: var(--designaudit-elements-preview-addressBar-text)
}

.text-designaudit-elements-pricing-promo-text {
	color: var(--designaudit-elements-pricing-promo-text)
}

.text-designaudit-elements-prompt-attachments-button-text {
	color: var(--designaudit-elements-prompt-attachments-button-text)
}

.text-designaudit-elements-prompt-selections-text {
	color: var(--designaudit-elements-prompt-selections-text)
}

.text-designaudit-elements-sidebar-buttonText {
	color: var(--designaudit-elements-sidebar-buttonText)
}

.text-designaudit-elements-text-primary,
.text-designaudit-elements-textPrimary,
.group:hover .group-hover\:text-designaudit-elements-textPrimary {
	color: var(--designaudit-elements-textPrimary)
}

.color-designaudit-elements-textSecondary,
.text-designaudit-elements-text-secondary,
.text-designaudit-elements-textSecondary {
	color: var(--designaudit-elements-textSecondary)
}

.text-designaudit-elements-textTertiary {
	color: var(--designaudit-elements-textTertiary)
}

.text-color-amber-400 {
	--un-text-opacity: 1;
	color: rgb(251 191 36 / var(--un-text-opacity))
}

.text-color-green-500 {
	--un-text-opacity: 1;
	color: rgb(34 197 94 / var(--un-text-opacity))
}

.text-emerald-500 {
	--un-text-opacity: 1;
	color: rgb(24 177 117 / var(--un-text-opacity))
}

.text-emerald-600 {
	--un-text-opacity: 1;
	color: rgb(12 143 95 / var(--un-text-opacity))
}

.text-gray-950 {
	--un-text-opacity: 1;
	color: rgb(10 10 10 / var(--un-text-opacity))
}

.text-green-200 {
	--un-text-opacity: 1;
	color: rgb(187 247 208 / var(--un-text-opacity))
}

.text-green-50 {
	--un-text-opacity: 1;
	color: rgb(240 253 244 / var(--un-text-opacity))
}

.text-orange-500,
[data-theme=dark] .dark\:text-orange-500 {
	--un-text-opacity: 1;
	color: rgb(247 144 9 / var(--un-text-opacity))
}

.text-orange-600 {
	--un-text-opacity: 1;
	color: rgb(220 104 3 / var(--un-text-opacity))
}

.text-red-500 {
	--un-text-opacity: 1;
	color: rgb(239 68 68 / var(--un-text-opacity))
}

.text-red-600 {
	--un-text-opacity: 1;
	color: rgb(220 38 38 / var(--un-text-opacity))
}

.text-transparent {
	color: transparent
}

.color-white,
.text-white,
[data-theme=dark] .dark\:text-white {
	--un-text-opacity: 1;
	color: rgb(255 255 255 / var(--un-text-opacity))
}

[data-theme=dark] .dark\:text-emerald-400 {
	--un-text-opacity: 1;
	color: rgb(60 203 143 / var(--un-text-opacity))
}

[data-theme=dark] .dark\:text-gray-400 {
	--un-text-opacity: 1;
	color: rgb(163 163 163 / var(--un-text-opacity))
}

.focus-within\:text-designaudit-elements-preview-addressBar-textActive:focus-within {
	color: var(--designaudit-elements-preview-addressBar-textActive)
}

.color-designaudit-elements-item-contentActive,
.group:hover .group-hover\:text-designaudit-elements-item-contentActive {
	color: var(--designaudit-elements-item-contentActive)
}

.hover\:\[\&_a\:not\(\.bg-designaudit-elements-button-primary-background\)\]\:text-designaudit-elements-linkHover a:not(.bg-designaudit-elements-button-primary-background):hover {
	color: var(--designaudit-elements-linkHover)
}

.hover\:\[\&_a\]\:text-designaudit-elements-linkHover a:hover {
	color: var(--designaudit-elements-linkHover)
}

.hover\:text-designaudit-elements-item-contentActive:hover {
	color: var(--designaudit-elements-item-contentActive)
}

.hover\:text-designaudit-elements-item-contentDanger:hover {
	color: var(--designaudit-elements-item-contentDanger)
}

.hover\:text-designaudit-elements-item-contentDefault:hover {
	color: var(--designaudit-elements-item-contentDefault)
}

.hover\:text-designaudit-elements-linkHover:hover {
	color: var(--designaudit-elements-linkHover)
}

.hover\:text-designaudit-elements-messages-selections-textHover:hover {
	color: var(--designaudit-elements-messages-selections-textHover)
}

.hover\:text-designaudit-elements-prompt-attachments-button-textHover:hover {
	color: var(--designaudit-elements-prompt-attachments-button-textHover)
}

.hover\:text-designaudit-elements-prompt-selections-textHover:hover {
	color: var(--designaudit-elements-prompt-selections-textHover)
}

.hover\:text-designaudit-elements-textPrimary:hover {
	color: var(--designaudit-elements-textPrimary)
}

.enabled\:hover\:text-designaudit-elements-item-contentAccent:hover:enabled {
	color: var(--designaudit-elements-item-contentAccent)
}

.enabled\:hover\:text-designaudit-elements-item-contentActive:hover:enabled {
	color: var(--designaudit-elements-item-contentActive)
}

.placeholder\:text-designaudit-elements-textTertiary::placeholder {
	color: var(--designaudit-elements-textTertiary)
}

[data-theme=dark] .dark\:placeholder\:text-white\/30::placeholder {
	color: #ffffff4d
}

[data-theme=light] .light\:placeholder\:text-black\/30::placeholder {
	color: #0000004d
}

.color-designaudit-elements-item-contentWarn {
	color: var(--designaudit-elements-item-contentWarn)
}

.font-600,
.font-semibold {
	font-weight: 600
}

.font-700,
.font-bold {
	font-weight: 700
}

.font-extrabold {
	font-weight: 800
}

.font-light {
	font-weight: 300
}

.font-medium {
	font-weight: 500
}

.font-normal {
	font-weight: 400
}

.leading-4 {
	line-height: 1rem
}

.leading-4\.5 {
	line-height: 1.125rem
}

.leading-5 {
	line-height: 1.25rem
}

.leading-6,
.line-height-6 {
	line-height: 1.5rem
}

.leading-none {
	line-height: 1
}

.line-height-0 {
	line-height: 0
}

.tracking-\[-0\.6px\] {
	letter-spacing: -.6px
}

.tracking-tight {
	letter-spacing: -.025em
}

.tracking-wide {
	letter-spacing: .025em
}

.font-mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.uppercase {
	text-transform: uppercase
}

.capitalize {
	text-transform: capitalize
}

.italic {
	font-style: italic
}

.\[\&_a\]\:underline a,
.underline {
	text-decoration-line: underline
}

.line-through {
	text-decoration-line: line-through
}

.hover\:underline:hover {
	text-decoration-line: underline
}

.decoration-none {
	text-decoration: none
}

.tab {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}

.accent-designaudit-elements-button-primary-background {
	accent-color: var(--designaudit-elements-button-primary-background)
}

.\[\&\:is\(\:disabled\,\.disabled\)\]\:opacity-60:is(:disabled, .disabled) {
	opacity: .6
}

.not-hover-opacity-100:not(:hover),
.opacity-100,
.group:hover .group-hover\:opacity-100 {
	opacity: 1
}

.not-hover-opacity-70:not(:hover),
.group:hover .group-hover\:opacity-70 {
	opacity: .7
}

.op-75 {
	opacity: .75
}

.opacity-0 {
	opacity: 0
}

.opacity-100\! {
	opacity: 1 !important
}

.opacity-25 {
	opacity: .25
}

.opacity-30 {
	opacity: .3
}

.opacity-35 {
	opacity: .35
}

.opacity-50 {
	opacity: .5
}

.opacity-80 {
	opacity: .8
}

.hover\:opacity-100\!:hover {
	opacity: 1 !important
}

.hover\:opacity-55:hover {
	opacity: .55
}

.hover\:opacity-65:hover {
	opacity: .65
}

.hover\:opacity-75:hover {
	opacity: .75
}

.hover\:opacity-80:hover {
	opacity: .8
}

.disabled\:opacity-50:disabled {
	opacity: .5
}

.mix-blend-overlay {
	mix-blend-mode: overlay
}

.shadow {
	--un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-2xl {
	--un-shadow: var(--un-shadow-inset) 0 25px 50px -12px var(--un-shadow-color, rgb(0 0 0 / .25));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-black {
	--un-shadow-opacity: 1;
	--un-shadow-color: rgb(0 0 0 / var(--un-shadow-opacity))
}

.shadow-designaudit-elements-messages-scroller-shadow {
	--un-shadow-color: var(--designaudit-elements-messages-scroller-shadow)
}

.shadow-designaudit-elements-sidebar-dropdownShadow {
	--un-shadow-color: var(--designaudit-elements-sidebar-dropdownShadow)
}

.shadow-lg {
	--un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / .1)), var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / .1));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-md {
	--un-shadow: var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)), var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-sm {
	--un-shadow: var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / .05));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-xl {
	--un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)), var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));
	box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.outline-0 {
	outline-width: 0px
}

.outline-1 {
	outline-width: 1px
}

.outline-accent-500 {
	--un-outline-color-opacity: 1;
	outline-color: rgb(43 166 255 / var(--un-outline-color-opacity))
}

.outline-accent-600 {
	--un-outline-color-opacity: 1;
	outline-color: rgb(20 136 252 / var(--un-outline-color-opacity))
}

.outline-designaudit-elements-borderColorActive {
	outline-color: var(--designaudit-elements-borderColorActive)
}

.outline-designaudit-elements-item-contentAccent {
	outline-color: var(--designaudit-elements-item-contentAccent)
}

.outline-designaudit-elements-item-outlineActive {
	outline-color: var(--designaudit-elements-item-outlineActive)
}

.outline {
	outline-style: solid
}

.outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.backdrop-blur {
	--un-backdrop-blur: blur(8px);
	-webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
	backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.backdrop-blur-\[2px\] {
	--un-backdrop-blur: blur(2px);
	-webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
	backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.backdrop-blur-2xl {
	--un-backdrop-blur: blur(40px);
	-webkit-backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
	backdrop-filter: var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)
}

.blur-3xl {
	--un-blur: blur(64px);
	filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.hover\:brightness-94:hover {
	--un-brightness: brightness(.94);
	filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.filter {
	filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)
}

.transition {
	transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-\[background-color\] {
	transition-property: background-color;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-\[height\] {
	transition-property: height;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-\[left\,width\] {
	transition-property: left, width;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-all {
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-border {
	transition-property: border;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.duration-100 {
	transition-duration: .1s
}

.duration-150 {
	transition-duration: .15s
}

.duration-200 {
	transition-duration: .2s
}

.duration-300 {
	transition-duration: .3s
}

.duration-350 {
	transition-duration: .35s
}

.ease,
.ease-in-out {
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.will-change-transform {
	will-change: transform
}

.before\:content-\[\'\'\]:before {
	content: ""
}

.placeholder-designaudit-elements-textTertiary::placeholder {
	color: var(--designaudit-elements-textTertiary)
}

.\@container {
	container-type: inline-size
}

.data-\[state\=open\]\:fade-in-0[data-state=open] {
	--una-enter-opacity: 0
}

.data-\[state\=open\]\:zoom-in-98[data-state=open] {
	--una-enter-scale: .98
}

@media (min-width: 1360px) {
	.min-\[1360px\]\:w-\[298px\] {
		width: 298px
	}

	.min-\[1360px\]\:flex {
		display: flex
	}

	.min-\[1360px\]\:grow-0 {
		flex-grow: 0
	}

	.min-\[1360px\]\:flex-wrap {
		flex-wrap: wrap
	}

	.min-\[1360px\]\:items-start {
		align-items: flex-start
	}

	.min-\[1360px\]\:justify-center {
		justify-content: center
	}
}

@container (min-width: 160px) {
	.\@\[160px\]\:block {
		display: block
	}

	.\@\[160px\]\:hidden {
		display: none
	}

	.\@\[160px\]\:px-1\.5 {
		padding-left: .375rem;
		padding-right: .375rem
	}
}

@container (min-width: 200px) {
	.\@\[200px\]\:block {
		display: block
	}
}

@container (min-width: 224px) {
	.\@\[224px\]\:block {
		display: block
	}

	.\@\[224px\]\:px-1\.5 {
		padding-left: .375rem;
		padding-right: .375rem
	}
}

@media (min-width: 640px) {
	.sm\:px-21 {
		padding-left: 5.25rem;
		padding-right: 5.25rem
	}

	.sm\:py-19 {
		padding-top: 4.75rem;
		padding-bottom: 4.75rem
	}
}

@media (min-width: 768px) {
	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.md\:border-r-1 {
		border-right-width: 1px
	}
}

@media (min-width: 768px) {
	@media (max-width: 1360px) {
		.md\:max-\[1360px\]\:grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}
}

@media (min-width: 1024px) {
	.lg\:mb-4 {
		margin-bottom: 1rem
	}

	.lg\:h-26\.5 {
		height: 6.625rem
	}

	.lg\:max-w-lg {
		max-width: 32rem
	}

	.lg\:gap-4 {
		gap: 1rem
	}

	.lg\:gap-6 {
		gap: 1.5rem
	}

	.lg\:p-4 {
		padding: 1rem
	}

	.lg\:p-6 {
		padding: 1.5rem
	}

	.lg\:px-2 {
		padding-left: .5rem;
		padding-right: .5rem
	}

	.lg\:px-3 {
		padding-left: .75rem;
		padding-right: .75rem
	}

	.lg\:py-1 {
		padding-top: .25rem;
		padding-bottom: .25rem
	}

	.lg\:py-2 {
		padding-top: .5rem;
		padding-bottom: .5rem
	}

	.lg\:py-4 {
		padding-top: 1rem;
		padding-bottom: 1rem
	}

	.lg\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem
	}

	.lg\:text-base {
		font-size: 1rem;
		line-height: 1.5rem
	}
}