Files
vibetorrent/frontend/public/tailwind.css
spinline 463249982c
All checks were successful
Build MIPS Binary / build (push) Successful in 5m16s
fix: iOS Safari uyumluluk - CSS nesting düzleştirildi
- PostCSS tabanlı build'e geçildi (@tailwindcss/postcss + postcss-preset-env)
- CSS native nesting (&) düzleştirilerek eski Safari desteği sağlandı
- iOS 15+ ve Safari 15+ desteği eklendi
2026-02-11 00:54:44 +03:00

3931 lines
131 KiB
CSS

/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
:root:not(#\#), :host:not(#\#) {
--font-sans: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
--color-red-50: rgb(254, 242, 242);
--color-red-100: rgb(255, 226, 226);
--color-red-200: rgb(255, 202, 202);
--color-red-400: rgb(255, 101, 104);
--color-red-500: rgb(251, 44, 54);
--color-red-700: rgb(191, 0, 15);
--color-red-800: rgb(159, 7, 18);
--color-red-900: rgb(130, 24, 26);
--color-orange-100: rgb(255, 237, 213);
--color-orange-200: rgb(255, 215, 168);
--color-yellow-50: rgb(254, 252, 232);
--color-yellow-100: rgb(254, 249, 194);
--color-yellow-200: rgb(255, 240, 133);
--color-yellow-300: rgb(255, 224, 46);
--color-yellow-400: rgb(247, 201, 0);
--color-yellow-500: rgb(234, 179, 0);
--color-yellow-600: rgb(202, 138, 0);
--color-yellow-700: rgb(162, 98, 0);
--color-yellow-800: rgb(135, 76, 0);
--color-yellow-900: rgb(115, 62, 10);
--color-green-50: rgb(240, 253, 244);
--color-green-100: rgb(220, 252, 231);
--color-green-200: rgb(185, 248, 207);
--color-green-400: rgb(5, 223, 114);
--color-green-500: rgb(0, 198, 90);
--color-green-600: rgb(0, 164, 71);
--color-green-700: rgb(0, 129, 58);
--color-green-800: rgb(1, 102, 48);
--color-green-900: rgb(13, 84, 43);
--color-teal-100: rgb(203, 251, 241);
--color-teal-200: rgb(150, 247, 228);
--color-blue-50: rgb(239, 246, 255);
--color-blue-100: rgb(219, 234, 254);
--color-blue-200: rgb(190, 219, 255);
--color-blue-400: rgb(86, 162, 255);
--color-blue-500: rgb(50, 128, 255);
--color-blue-600: rgb(21, 93, 252);
--color-blue-700: rgb(20, 71, 230);
--color-blue-800: rgb(25, 60, 184);
--color-blue-900: rgb(28, 57, 142);
--color-indigo-100: rgb(224, 231, 255);
--color-indigo-200: rgb(199, 210, 255);
--color-purple-100: rgb(243, 232, 255);
--color-purple-200: rgb(233, 213, 255);
--color-pink-100: rgb(252, 231, 243);
--color-pink-200: rgb(252, 206, 232);
--color-gray-50: rgb(249, 250, 251);
--color-gray-100: rgb(243, 244, 246);
--color-gray-200: rgb(229, 231, 235);
--color-gray-300: rgb(209, 213, 220);
--color-gray-400: rgb(153, 161, 175);
--color-gray-600: rgb(74, 85, 101);
--color-black: #000;
--color-white: #fff;
--spacing: 0.25rem;
--container-xs: 20rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--text-xs: 0.75rem;
--text-xs--line-height: calc(1 / 0.75);
--text-sm: 0.875rem;
--text-sm--line-height: calc(1.25 / 0.875);
--text-base: 1rem;
--text-base--line-height: calc(1.5 / 1);
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--tracking-tight: -0.025em;
--tracking-wider: 0.05em;
--tracking-widest: 0.1em;
--leading-tight: 1.25;
--leading-relaxed: 1.625;
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: 0.75rem;
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
--animate-spin: spin 1s linear infinite;
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
--animate-bounce: bounce 1s infinite;
--blur-sm: 8px;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-border: hsl(var(--border));
--color-input: hsl(var(--input));
--color-ring: hsl(var(--ring));
--color-background: hsl(var(--background));
--color-foreground: hsl(var(--foreground));
--color-primary: hsl(var(--primary));
--color-primary-foreground: hsl(var(--primary-foreground));
--color-secondary: hsl(var(--secondary));
--color-secondary-foreground: hsl(var(--secondary-foreground));
--color-destructive: hsl(var(--destructive));
--color-destructive-foreground: hsl(var(--destructive-foreground));
--color-muted: hsl(var(--muted));
--color-muted-foreground: hsl(var(--muted-foreground));
--color-accent: hsl(var(--accent));
--color-accent-foreground: hsl(var(--accent-foreground));
--color-popover: hsl(var(--popover));
--color-popover-foreground: hsl(var(--popover-foreground));
--color-card: hsl(var(--card));
--color-card-foreground: hsl(var(--card-foreground));
--animate-accordion-down: accordion-down 0.2s ease-out;
--animate-accordion-up: accordion-up 0.2s ease-out;
}
@supports (color: color(display-p3 0 0 0%)) {
:root:not(#\#), :host:not(#\#) {
--color-red-200: rgb(255, 202, 202);
--color-red-400: rgb(255, 101, 104);
--color-red-700: rgb(191, 0, 16);
--color-orange-100: rgb(255, 237, 213);
--color-orange-200: rgb(255, 215, 168);
--color-yellow-300: rgb(255, 224, 46);
--color-yellow-400: rgb(247, 201, 0);
--color-yellow-500: rgb(234, 179, 0);
--color-yellow-600: rgb(202, 138, 0);
--color-yellow-700: rgb(162, 98, 0);
--color-yellow-800: rgb(135, 76, 0);
--color-green-500: rgb(0, 198, 90);
--color-green-600: rgb(0, 164, 71);
--color-green-700: rgb(0, 129, 58);
--color-blue-200: rgb(190, 219, 255);
--color-blue-400: rgb(86, 162, 255);
--color-blue-500: rgb(50, 128, 255);
--color-indigo-100: rgb(224, 231, 255);
--color-indigo-200: rgb(199, 210, 255);
--color-purple-200: rgb(233, 213, 255);
}
@media (color-gamut: p3) {
:root:not(#\#), :host:not(#\#) {
--color-red-200: color(display-p3 0.96956 0.79815 0.7943);
--color-red-400: color(display-p3 0.93353 0.43168 0.42349);
--color-red-700: color(display-p3 0.69274 0.11623 0.10468);
--color-orange-100: color(display-p3 0.98876 0.93139 0.84327);
--color-orange-200: color(display-p3 0.97465 0.84705 0.68011);
--color-yellow-300: color(display-p3 0.98267 0.88088 0.32102);
--color-yellow-400: color(display-p3 0.95994 0.79017 0.05852);
--color-yellow-500: color(display-p3 0.90365 0.70306 0.07454);
--color-yellow-600: color(display-p3 0.77634 0.54249 0.04171);
--color-yellow-700: color(display-p3 0.61315 0.38666 0.05797);
--color-yellow-800: color(display-p3 0.50318 0.30478 0.07554);
--color-green-500: color(display-p3 0.30873 0.77475 0.37431);
--color-green-600: color(display-p3 0.24388 0.64082 0.29481);
--color-green-700: color(display-p3 0.19836 0.5018 0.24533);
--color-blue-200: color(display-p3 0.76688 0.85521 0.98748);
--color-blue-400: color(display-p3 0.39744 0.62813 0.99212);
--color-blue-500: color(display-p3 0.26642 0.49122 0.98862);
--color-indigo-100: color(display-p3 0.88303 0.90499 0.99314);
--color-indigo-200: color(display-p3 0.78656 0.82175 0.98845);
--color-purple-200: color(display-p3 0.90118 0.83598 0.99224);
}
}
}
:not(#\#):not(#\#)::-ms-backdrop {
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
:not(#\#):not(#\#)::-webkit-file-upload-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
*:not(#\#):not(#\#), :not(#\#):not(#\#)::after, :not(#\#):not(#\#)::before, :not(#\#):not(#\#)::backdrop, :not(#\#):not(#\#)::file-selector-button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0 solid;
}
html:not(#\#):not(#\#), :host:not(#\#):not(#\#) {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, sans-serif, "Apple Color Emoji",
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
-webkit-font-feature-settings: var(--default-font-feature-settings, normal);
font-feature-settings: var(--default-font-feature-settings, normal);
font-variation-settings: normal;
font-variation-settings: var(--default-font-variation-settings, normal);
-webkit-tap-highlight-color: transparent;
}
hr:not(#\#):not(#\#) {
height: 0;
color: inherit;
border-top-width: 1px;
}
abbr:where([title]):not(#\#):not(#\#) {
-webkit-text-decoration: underline dotted;
text-decoration: underline;
text-decoration: underline dotted;
}
h1:not(#\#):not(#\#), h2:not(#\#):not(#\#), h3:not(#\#):not(#\#), h4:not(#\#):not(#\#), h5:not(#\#):not(#\#), h6:not(#\#):not(#\#) {
font-size: inherit;
font-weight: inherit;
}
a:not(#\#):not(#\#) {
color: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
}
b:not(#\#):not(#\#), strong:not(#\#):not(#\#) {
font-weight: bolder;
}
code:not(#\#):not(#\#), kbd:not(#\#):not(#\#), samp:not(#\#):not(#\#), pre:not(#\#):not(#\#) {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
-webkit-font-feature-settings: normal;
font-feature-settings: normal;
-webkit-font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-feature-settings: var(--default-mono-font-feature-settings, normal);
font-variation-settings: normal;
font-variation-settings: var(--default-mono-font-variation-settings, normal);
font-size: 1em;
}
small:not(#\#):not(#\#) {
font-size: 80%;
}
sub:not(#\#):not(#\#), sup:not(#\#):not(#\#) {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub:not(#\#):not(#\#) {
bottom: -0.25em;
}
sup:not(#\#):not(#\#) {
top: -0.5em;
}
table:not(#\#):not(#\#) {
text-indent: 0;
border-color: inherit;
border-collapse: collapse;
}
:-moz-focusring:not(#\#):not(#\#) {
outline: auto;
}
progress:not(#\#):not(#\#) {
vertical-align: baseline;
}
summary:not(#\#):not(#\#) {
display: list-item;
}
ol:not(#\#):not(#\#), ul:not(#\#):not(#\#), menu:not(#\#):not(#\#) {
list-style: none;
}
img:not(#\#):not(#\#), svg:not(#\#):not(#\#), video:not(#\#):not(#\#), canvas:not(#\#):not(#\#), audio:not(#\#):not(#\#), iframe:not(#\#):not(#\#), embed:not(#\#):not(#\#), object:not(#\#):not(#\#) {
display: block;
vertical-align: middle;
}
img:not(#\#):not(#\#), video:not(#\#):not(#\#) {
max-width: 100%;
height: auto;
}
:not(#\#):not(#\#)::-webkit-file-upload-button {
font: inherit;
-webkit-font-feature-settings: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
button:not(#\#):not(#\#), input:not(#\#):not(#\#), select:not(#\#):not(#\#), optgroup:not(#\#):not(#\#), textarea:not(#\#):not(#\#), :not(#\#):not(#\#)::file-selector-button {
font: inherit;
-webkit-font-feature-settings: inherit;
font-feature-settings: inherit;
font-variation-settings: inherit;
letter-spacing: inherit;
color: inherit;
border-radius: 0;
background-color: transparent;
opacity: 1;
}
:where(select[multiple]):not(#\#):not(#\#) optgroup {
font-weight: bolder;
}
:where(select[size]):not(#\#):not(#\#) optgroup {
font-weight: bolder;
}
:where(select[multiple]):not(#\#):not(#\#) optgroup option {
padding-left: 20px;
}
:where(select[size]):not(#\#):not(#\#) optgroup option {
padding-left: 20px;
}
:not(#\#):not(#\#)::-webkit-file-upload-button {
margin-right: 4px;
}
:not(#\#):not(#\#)::file-selector-button {
margin-right: 4px;
}
:not(#\#):not(#\#)::-webkit-input-placeholder {
opacity: 1;
}
:not(#\#):not(#\#)::-moz-placeholder {
opacity: 1;
}
:not(#\#):not(#\#):-ms-input-placeholder {
opacity: 1;
}
:not(#\#):not(#\#)::-ms-input-placeholder {
opacity: 1;
}
:not(#\#):not(#\#)::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
:not(#\#):not(#\#)::-webkit-input-placeholder {
color: currentcolor;
}
:not(#\#):not(#\#)::-moz-placeholder {
color: currentcolor;
}
:not(#\#):not(#\#):-ms-input-placeholder {
color: currentcolor;
}
:not(#\#):not(#\#)::-ms-input-placeholder {
color: currentcolor;
}
:not(#\#):not(#\#)::placeholder {
color: currentcolor;
}
@supports (color: color-mix(in lab, red, red)) {
:not(#\#):not(#\#)::-webkit-input-placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
:not(#\#):not(#\#)::-moz-placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
:not(#\#):not(#\#):-ms-input-placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
:not(#\#):not(#\#)::-ms-input-placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
:not(#\#):not(#\#)::placeholder {
color: color-mix(in oklab, currentcolor 50%, transparent);
}
}
}
textarea:not(#\#):not(#\#) {
resize: vertical;
}
:not(#\#):not(#\#)::-webkit-search-decoration {
-webkit-appearance: none;
}
:not(#\#):not(#\#)::-webkit-date-and-time-value {
min-height: 1lh;
text-align: inherit;
}
:not(#\#):not(#\#)::-webkit-datetime-edit {
display: -webkit-inline-box;
display: inline-flex;
}
:not(#\#):not(#\#)::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
:not(#\#):not(#\#)::-webkit-datetime-edit, :not(#\#):not(#\#)::-webkit-datetime-edit-year-field, :not(#\#):not(#\#)::-webkit-datetime-edit-month-field, :not(#\#):not(#\#)::-webkit-datetime-edit-day-field, :not(#\#):not(#\#)::-webkit-datetime-edit-hour-field, :not(#\#):not(#\#)::-webkit-datetime-edit-minute-field, :not(#\#):not(#\#)::-webkit-datetime-edit-second-field, :not(#\#):not(#\#)::-webkit-datetime-edit-millisecond-field, :not(#\#):not(#\#)::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
:not(#\#):not(#\#)::-webkit-calendar-picker-indicator {
line-height: 1;
}
:-moz-ui-invalid:not(#\#):not(#\#) {
box-shadow: none;
}
:not(#\#):not(#\#)::-webkit-file-upload-button {
-webkit-appearance: button;
appearance: button;
}
button:not(#\#):not(#\#), input:where([type="button"], [type="reset"], [type="submit"]):not(#\#):not(#\#), :not(#\#):not(#\#)::file-selector-button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
}
:not(#\#):not(#\#)::-webkit-inner-spin-button, :not(#\#):not(#\#)::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden="until-found"])):not(#\#):not(#\#):not(#\#) {
display: none !important;
}
.pointer-events-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
pointer-events: auto;
}
.pointer-events-none:not(#\#):not(#\#):not(#\#):not(#\#) {
pointer-events: none;
}
.invisible:not(#\#):not(#\#):not(#\#):not(#\#) {
visibility: hidden;
}
.visible:not(#\#):not(#\#):not(#\#):not(#\#) {
visibility: visible;
}
.sr-only:not(#\#):not(#\#):not(#\#):not(#\#) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.absolute:not(#\#):not(#\#):not(#\#):not(#\#) {
position: absolute;
}
.fixed:not(#\#):not(#\#):not(#\#):not(#\#) {
position: fixed;
}
.relative:not(#\#):not(#\#):not(#\#):not(#\#) {
position: relative;
}
.static:not(#\#):not(#\#):not(#\#):not(#\#) {
position: static;
}
.inset-0:not(#\#):not(#\#):not(#\#):not(#\#) {
top: calc(0.25rem * 0);
right: calc(0.25rem * 0);
bottom: calc(0.25rem * 0);
left: calc(0.25rem * 0);
top: calc(var(--spacing) * 0);
right: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
left: calc(var(--spacing) * 0);
}
.inset-x-0:not(#\#):not(#\#):not(#\#):not(#\#) {
left: calc(0.25rem * 0);
right: calc(0.25rem * 0);
left: calc(var(--spacing) * 0);
right: calc(var(--spacing) * 0);
}
.inset-y-0:not(#\#):not(#\#):not(#\#):not(#\#) {
top: calc(0.25rem * 0);
bottom: calc(0.25rem * 0);
top: calc(var(--spacing) * 0);
bottom: calc(var(--spacing) * 0);
}
.top-0:not(#\#):not(#\#):not(#\#):not(#\#) {
top: calc(0.25rem * 0);
top: calc(var(--spacing) * 0);
}
.top-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
top: calc(1/2 * 100%);
}
.top-2:not(#\#):not(#\#):not(#\#):not(#\#) {
top: calc(0.25rem * 2);
top: calc(var(--spacing) * 2);
}
.top-4:not(#\#):not(#\#):not(#\#):not(#\#) {
top: calc(0.25rem * 4);
top: calc(var(--spacing) * 4);
}
.top-12:not(#\#):not(#\#):not(#\#):not(#\#) {
top: calc(0.25rem * 12);
top: calc(var(--spacing) * 12);
}
.top-\[50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
top: 50%;
}
.top-full:not(#\#):not(#\#):not(#\#):not(#\#) {
top: 100%;
}
.right-0:not(#\#):not(#\#):not(#\#):not(#\#) {
right: calc(0.25rem * 0);
right: calc(var(--spacing) * 0);
}
.right-2:not(#\#):not(#\#):not(#\#):not(#\#) {
right: calc(0.25rem * 2);
right: calc(var(--spacing) * 2);
}
.right-3:not(#\#):not(#\#):not(#\#):not(#\#) {
right: calc(0.25rem * 3);
right: calc(var(--spacing) * 3);
}
.right-4:not(#\#):not(#\#):not(#\#):not(#\#) {
right: calc(0.25rem * 4);
right: calc(var(--spacing) * 4);
}
.right-12:not(#\#):not(#\#):not(#\#):not(#\#) {
right: calc(0.25rem * 12);
right: calc(var(--spacing) * 12);
}
.bottom-0:not(#\#):not(#\#):not(#\#):not(#\#) {
bottom: calc(0.25rem * 0);
bottom: calc(var(--spacing) * 0);
}
.bottom-4:not(#\#):not(#\#):not(#\#):not(#\#) {
bottom: calc(0.25rem * 4);
bottom: calc(var(--spacing) * 4);
}
.bottom-12:not(#\#):not(#\#):not(#\#):not(#\#) {
bottom: calc(0.25rem * 12);
bottom: calc(var(--spacing) * 12);
}
.bottom-full:not(#\#):not(#\#):not(#\#):not(#\#) {
bottom: 100%;
}
.left-0:not(#\#):not(#\#):not(#\#):not(#\#) {
left: calc(0.25rem * 0);
left: calc(var(--spacing) * 0);
}
.left-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
left: calc(1/2 * 100%);
}
.left-2:not(#\#):not(#\#):not(#\#):not(#\#) {
left: calc(0.25rem * 2);
left: calc(var(--spacing) * 2);
}
.left-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
left: calc(0.25rem * 2.5);
left: calc(var(--spacing) * 2.5);
}
.left-4:not(#\#):not(#\#):not(#\#):not(#\#) {
left: calc(0.25rem * 4);
left: calc(var(--spacing) * 4);
}
.left-12:not(#\#):not(#\#):not(#\#):not(#\#) {
left: calc(0.25rem * 12);
left: calc(var(--spacing) * 12);
}
.left-\[50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
left: 50%;
}
.z-10:not(#\#):not(#\#):not(#\#):not(#\#) {
z-index: 10;
}
.z-40:not(#\#):not(#\#):not(#\#):not(#\#) {
z-index: 40;
}
.z-50:not(#\#):not(#\#):not(#\#):not(#\#) {
z-index: 50;
}
.z-\[99\]:not(#\#):not(#\#):not(#\#):not(#\#) {
z-index: 99;
}
.z-\[100\]:not(#\#):not(#\#):not(#\#):not(#\#) {
z-index: 100;
}
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
width: 100%;
}
@media (min-width: 40rem) {
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 40rem;
}
}
@media (min-width: 48rem) {
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 48rem;
}
}
@media (min-width: 64rem) {
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 64rem;
}
}
@media (min-width: 80rem) {
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 80rem;
}
}
@media (min-width: 96rem) {
.container:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 96rem;
}
}
.-mx-1:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-left: calc(0.25rem * -1);
margin-right: calc(0.25rem * -1);
margin-left: calc(var(--spacing) * -1);
margin-right: calc(var(--spacing) * -1);
}
.mx-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-left: auto;
margin-right: auto;
}
.my-1:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: calc(0.25rem * 1);
margin-bottom: calc(0.25rem * 1);
margin-top: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 1);
}
.mt-1:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: calc(0.25rem * 1);
margin-top: calc(var(--spacing) * 1);
}
.mt-2:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: calc(0.25rem * 2);
margin-top: calc(var(--spacing) * 2);
}
.mt-3:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: calc(0.25rem * 3);
margin-top: calc(var(--spacing) * 3);
}
.mt-4:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: calc(0.25rem * 4);
margin-top: calc(var(--spacing) * 4);
}
.mt-24:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: calc(0.25rem * 24);
margin-top: calc(var(--spacing) * 24);
}
.mt-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: auto;
}
.mr-2:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-right: calc(0.25rem * 2);
margin-right: calc(var(--spacing) * 2);
}
.mb-1:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-bottom: calc(0.25rem * 1);
margin-bottom: calc(var(--spacing) * 1);
}
.mb-2:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-bottom: calc(0.25rem * 2);
margin-bottom: calc(var(--spacing) * 2);
}
.mb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-bottom: calc(0.25rem * 4);
margin-bottom: calc(var(--spacing) * 4);
}
.mb-24:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-bottom: calc(0.25rem * 24);
margin-bottom: calc(var(--spacing) * 24);
}
.ml-1:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-left: calc(0.25rem * 1);
margin-left: calc(var(--spacing) * 1);
}
.ml-2:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-left: calc(0.25rem * 2);
margin-left: calc(var(--spacing) * 2);
}
.ml-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-left: auto;
}
.line-clamp-2:not(#\#):not(#\#):not(#\#):not(#\#) {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.block:not(#\#):not(#\#):not(#\#):not(#\#) {
display: block;
}
.flex:not(#\#):not(#\#):not(#\#):not(#\#) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.grid:not(#\#):not(#\#):not(#\#):not(#\#) {
display: grid;
}
.hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
display: none;
}
.inline:not(#\#):not(#\#):not(#\#):not(#\#) {
display: inline;
}
.inline-flex:not(#\#):not(#\#):not(#\#):not(#\#) {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.table:not(#\#):not(#\#):not(#\#):not(#\#) {
display: table;
}
.aspect-square:not(#\#):not(#\#):not(#\#):not(#\#) {
aspect-ratio: 1 / 1;
}
.h-1:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 1);
height: calc(var(--spacing) * 1);
}
.h-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 1.5);
height: calc(var(--spacing) * 1.5);
}
.h-2:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 2);
height: calc(var(--spacing) * 2);
}
.h-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 2.5);
height: calc(var(--spacing) * 2.5);
}
.h-3:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 3);
height: calc(var(--spacing) * 3);
}
.h-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 3.5);
height: calc(var(--spacing) * 3.5);
}
.h-4:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 4);
height: calc(var(--spacing) * 4);
}
.h-5:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 5);
height: calc(var(--spacing) * 5);
}
.h-6:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 6);
height: calc(var(--spacing) * 6);
}
.h-7:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 7);
height: calc(var(--spacing) * 7);
}
.h-8:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 8);
height: calc(var(--spacing) * 8);
}
.h-9:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 9);
height: calc(var(--spacing) * 9);
}
.h-10:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 10);
height: calc(var(--spacing) * 10);
}
.h-11:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 11);
height: calc(var(--spacing) * 11);
}
.h-12:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 12);
height: calc(var(--spacing) * 12);
}
.h-16:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 16);
height: calc(var(--spacing) * 16);
}
.h-20:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 20);
height: calc(var(--spacing) * 20);
}
.h-32:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 32);
height: calc(var(--spacing) * 32);
}
.h-48:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 48);
height: calc(var(--spacing) * 48);
}
.h-64:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 64);
height: calc(var(--spacing) * 64);
}
.h-96:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 96);
height: calc(var(--spacing) * 96);
}
.h-\[48px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
height: 48px;
}
.h-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
height: auto;
}
.h-full:not(#\#):not(#\#):not(#\#):not(#\#) {
height: 100%;
}
.h-px:not(#\#):not(#\#):not(#\#):not(#\#) {
height: 1px;
}
.h-screen:not(#\#):not(#\#):not(#\#):not(#\#) {
height: 100vh;
}
.max-h-60:not(#\#):not(#\#):not(#\#):not(#\#) {
max-height: calc(0.25rem * 60);
max-height: calc(var(--spacing) * 60);
}
.max-h-96:not(#\#):not(#\#):not(#\#):not(#\#) {
max-height: calc(0.25rem * 96);
max-height: calc(var(--spacing) * 96);
}
.max-h-\[300px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
max-height: 300px;
}
.max-h-screen:not(#\#):not(#\#):not(#\#):not(#\#) {
max-height: 100vh;
}
.min-h-0:not(#\#):not(#\#):not(#\#):not(#\#) {
min-height: calc(0.25rem * 0);
min-height: calc(var(--spacing) * 0);
}
.min-h-8:not(#\#):not(#\#):not(#\#):not(#\#) {
min-height: calc(0.25rem * 8);
min-height: calc(var(--spacing) * 8);
}
.min-h-14:not(#\#):not(#\#):not(#\#):not(#\#) {
min-height: calc(0.25rem * 14);
min-height: calc(var(--spacing) * 14);
}
.min-h-screen:not(#\#):not(#\#):not(#\#):not(#\#) {
min-height: 100vh;
}
.w-2:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 2);
width: calc(var(--spacing) * 2);
}
.w-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 2.5);
width: calc(var(--spacing) * 2.5);
}
.w-3:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 3);
width: calc(var(--spacing) * 3);
}
.w-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 3.5);
width: calc(var(--spacing) * 3.5);
}
.w-3\/4:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(3/4 * 100%);
}
.w-3\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(3/5 * 100%);
}
.w-4:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 4);
width: calc(var(--spacing) * 4);
}
.w-4\/5:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(4/5 * 100%);
}
.w-5:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 5);
width: calc(var(--spacing) * 5);
}
.w-6:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 6);
width: calc(var(--spacing) * 6);
}
.w-7:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 7);
width: calc(var(--spacing) * 7);
}
.w-8:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 8);
width: calc(var(--spacing) * 8);
}
.w-9:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 9);
width: calc(var(--spacing) * 9);
}
.w-10:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 10);
width: calc(var(--spacing) * 10);
}
.w-11:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 11);
width: calc(var(--spacing) * 11);
}
.w-12:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 12);
width: calc(var(--spacing) * 12);
}
.w-14:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 14);
width: calc(var(--spacing) * 14);
}
.w-16:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 16);
width: calc(var(--spacing) * 16);
}
.w-20:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 20);
width: calc(var(--spacing) * 20);
}
.w-24:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 24);
width: calc(var(--spacing) * 24);
}
.w-32:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 32);
width: calc(var(--spacing) * 32);
}
.w-48:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 48);
width: calc(var(--spacing) * 48);
}
.w-56:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 56);
width: calc(var(--spacing) * 56);
}
.w-64:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 64);
width: calc(var(--spacing) * 64);
}
.w-96:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 96);
width: calc(var(--spacing) * 96);
}
.w-\[100px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
width: 100px;
}
.w-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
width: auto;
}
.w-full:not(#\#):not(#\#):not(#\#):not(#\#) {
width: 100%;
}
.w-px:not(#\#):not(#\#):not(#\#):not(#\#) {
width: 1px;
}
.max-w-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 32rem;
max-width: var(--container-lg);
}
.max-w-md:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 28rem;
max-width: var(--container-md);
}
.max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 24rem;
max-width: var(--container-sm);
}
.max-w-xs:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 20rem;
max-width: var(--container-xs);
}
.min-w-0:not(#\#):not(#\#):not(#\#):not(#\#) {
min-width: calc(0.25rem * 0);
min-width: calc(var(--spacing) * 0);
}
.min-w-\[8rem\]:not(#\#):not(#\#):not(#\#):not(#\#) {
min-width: 8rem;
}
.min-w-\[12rem\]:not(#\#):not(#\#):not(#\#):not(#\#) {
min-width: 12rem;
}
.flex-1:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.shrink-0:not(#\#):not(#\#):not(#\#):not(#\#) {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.grow:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.grow-0:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.basis-full:not(#\#):not(#\#):not(#\#):not(#\#) {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.border-collapse:not(#\#):not(#\#):not(#\#):not(#\#) {
border-collapse: collapse;
}
.-translate-x-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
translate: calc((1/2 * 100%) * -1) var(--tw-translate-y);
translate: calc(calc(1/2 * 100%) * -1) var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: -100%;
translate: -100% var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-0:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: calc(0.25rem * 0) var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-x-\[-50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: -50%;
translate: -50% var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) calc((1/2 * 100%) * -1);
translate: var(--tw-translate-x) calc(calc(1/2 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-\[-50\%\]:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-y: -50%;
translate: var(--tw-translate-x) -50%;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-90:not(#\#):not(#\#):not(#\#):not(#\#) {
rotate: calc(90deg * -1);
}
.rotate-90:not(#\#):not(#\#):not(#\#):not(#\#) {
rotate: 90deg;
}
.transform:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-transform: ;
transform: ;
-webkit-transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
}
.animate-bounce:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-animation: bounce 1s infinite;
animation: bounce 1s infinite;
-webkit-animation: var(--animate-bounce);
animation: var(--animate-bounce);
}
.animate-pulse:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-webkit-animation: var(--animate-pulse);
animation: var(--animate-pulse);
}
.animate-spin:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
-webkit-animation: var(--animate-spin);
animation: var(--animate-spin);
}
.cursor-default:not(#\#):not(#\#):not(#\#):not(#\#) {
cursor: default;
}
.cursor-not-allowed:not(#\#):not(#\#):not(#\#):not(#\#) {
cursor: not-allowed;
}
.cursor-pointer:not(#\#):not(#\#):not(#\#):not(#\#) {
cursor: pointer;
}
.touch-none:not(#\#):not(#\#):not(#\#):not(#\#) {
-ms-touch-action: none;
touch-action: none;
}
.resize:not(#\#):not(#\#):not(#\#):not(#\#) {
resize: both;
}
.list-none:not(#\#):not(#\#):not(#\#):not(#\#) {
list-style-type: none;
}
.grid-cols-2:not(#\#):not(#\#):not(#\#):not(#\#) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7:not(#\#):not(#\#):not(#\#):not(#\#) {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-col:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-col-reverse:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-wrap:not(#\#):not(#\#):not(#\#):not(#\#) {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.items-center:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-start:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.justify-between:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-center:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-end:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-start:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.gap-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: calc(0.25rem * 0.5);
gap: calc(var(--spacing) * 0.5);
}
.gap-1:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: calc(0.25rem * 1);
gap: calc(var(--spacing) * 1);
}
.gap-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: calc(0.25rem * 1.5);
gap: calc(var(--spacing) * 1.5);
}
.gap-2:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: calc(0.25rem * 2);
gap: calc(var(--spacing) * 2);
}
.gap-3:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: calc(0.25rem * 3);
gap: calc(var(--spacing) * 3);
}
.gap-4:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: calc(0.25rem * 4);
gap: calc(var(--spacing) * 4);
}
.gap-px:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: 1px;
}
:where(.space-y-1 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-y-reverse: 0;
margin-top: calc((0.25rem * 1) * 0);
margin-top: calc((var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-top: calc(calc(0.25rem * 1) * 0);
margin-top: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
margin-bottom: calc((0.25rem * 1) * (1 - 0));
margin-bottom: calc((var(--spacing) * 1) * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(0.25rem * 1) * calc(1 - 0));
margin-bottom: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1\.5 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-y-reverse: 0;
margin-top: calc((0.25rem * 1.5) * 0);
margin-top: calc((var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-top: calc(calc(0.25rem * 1.5) * 0);
margin-top: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
margin-bottom: calc((0.25rem * 1.5) * (1 - 0));
margin-bottom: calc((var(--spacing) * 1.5) * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(0.25rem * 1.5) * calc(1 - 0));
margin-bottom: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-y-reverse: 0;
margin-top: calc((0.25rem * 2) * 0);
margin-top: calc((var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-top: calc(calc(0.25rem * 2) * 0);
margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
margin-bottom: calc((0.25rem * 2) * (1 - 0));
margin-bottom: calc((var(--spacing) * 2) * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(0.25rem * 2) * calc(1 - 0));
margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-y-reverse: 0;
margin-top: calc((0.25rem * 3) * 0);
margin-top: calc((var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-top: calc(calc(0.25rem * 3) * 0);
margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-bottom: calc((0.25rem * 3) * (1 - 0));
margin-bottom: calc((var(--spacing) * 3) * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(0.25rem * 3) * calc(1 - 0));
margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-y-reverse: 0;
margin-top: calc((0.25rem * 4) * 0);
margin-top: calc((var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-top: calc(calc(0.25rem * 4) * 0);
margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
margin-bottom: calc((0.25rem * 4) * (1 - 0));
margin-bottom: calc((var(--spacing) * 4) * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(0.25rem * 4) * calc(1 - 0));
margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-y-reverse: 0;
margin-top: calc((0.25rem * 6) * 0);
margin-top: calc((var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-top: calc(calc(0.25rem * 6) * 0);
margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
margin-bottom: calc((0.25rem * 6) * (1 - 0));
margin-bottom: calc((var(--spacing) * 6) * (1 - var(--tw-space-y-reverse)));
margin-bottom: calc(calc(0.25rem * 6) * calc(1 - 0));
margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x-6:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-column-gap: calc(0.25rem * 6);
-moz-column-gap: calc(0.25rem * 6);
column-gap: calc(0.25rem * 6);
-webkit-column-gap: calc(var(--spacing) * 6);
-moz-column-gap: calc(var(--spacing) * 6);
column-gap: calc(var(--spacing) * 6);
}
:where(.-space-x-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-x-reverse: 0;
margin-left: calc((0.25rem * -2) * 0);
margin-left: calc((var(--spacing) * -2) * var(--tw-space-x-reverse));
margin-left: calc(calc(0.25rem * -2) * 0);
margin-left: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
margin-right: calc((0.25rem * -2) * (1 - 0));
margin-right: calc((var(--spacing) * -2) * (1 - var(--tw-space-x-reverse)));
margin-right: calc(calc(0.25rem * -2) * calc(1 - 0));
margin-right: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-x-reverse: 0;
margin-left: calc((0.25rem * 2) * 0);
margin-left: calc((var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-left: calc(calc(0.25rem * 2) * 0);
margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-right: calc((0.25rem * 2) * (1 - 0));
margin-right: calc((var(--spacing) * 2) * (1 - var(--tw-space-x-reverse)));
margin-right: calc(calc(0.25rem * 2) * calc(1 - 0));
margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y-2:not(#\#):not(#\#):not(#\#):not(#\#) {
row-gap: calc(0.25rem * 2);
row-gap: calc(var(--spacing) * 2);
}
.truncate:not(#\#):not(#\#):not(#\#):not(#\#) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
overflow: auto;
}
.overflow-hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
overflow: hidden;
}
.overflow-x-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
overflow-x: auto;
}
.overflow-x-hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
overflow-x: hidden;
}
.overflow-y-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
overflow-y: auto;
}
.rounded:not(#\#):not(#\#):not(#\#):not(#\#) {
border-radius: 0.25rem;
}
.rounded-full:not(#\#):not(#\#):not(#\#):not(#\#) {
border-radius: calc(infinity * 1px);
}
.rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
border-radius: 0.5rem;
border-radius: var(--radius-lg);
}
.rounded-md:not(#\#):not(#\#):not(#\#):not(#\#) {
border-radius: calc(0.5rem - 2px);
border-radius: var(--radius-md);
}
.rounded-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
border-radius: calc(0.5rem - 4px);
border-radius: var(--radius-sm);
}
.rounded-xl:not(#\#):not(#\#):not(#\#):not(#\#) {
border-radius: 0.75rem;
border-radius: var(--radius-xl);
}
.rounded-t-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.rounded-l-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.rounded-r-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.rounded-b-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.border:not(#\#):not(#\#):not(#\#):not(#\#) {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-2:not(#\#):not(#\#):not(#\#):not(#\#) {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-y:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-style: var(--tw-border-style);
border-bottom-style: var(--tw-border-style);
border-top-width: 1px;
border-bottom-width: 1px;
}
.border-t:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.border-r:not(#\#):not(#\#):not(#\#):not(#\#) {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.border-b:not(#\#):not(#\#):not(#\#):not(#\#) {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-none:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-border-style: none;
border-style: none;
}
.border-blue-200:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(190, 219, 255);
border-color: color(display-p3 0.76688 0.85521 0.98748);
border-color: var(--color-blue-200);
}
.border-border:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: hsl(214, 32%, 91%);
border-color: var(--color-border);
}
.border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgba(226, 232, 240, 0.5);
}
@supports (color: color-mix(in lch, red, blue)) {
.border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in srgb, hsl(var(--border)) 50%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, hsl(214, 32%, 91%) 50%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.border-border\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
}
}
}
.border-current:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: currentcolor;
}
.border-destructive:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: hsl(0, 84%, 60%);
border-color: var(--color-destructive);
}
.border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgba(239, 68, 68, 0.5);
}
@supports (color: color-mix(in lch, red, blue)) {
.border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in srgb, hsl(var(--destructive)) 50%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, hsl(0, 84%, 60%) 50%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.border-destructive\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, var(--color-destructive) 50%, transparent);
}
}
}
.border-gray-200:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(229, 231, 235);
border-color: var(--color-gray-200);
}
.border-green-200:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(185, 248, 207);
border-color: var(--color-green-200);
}
.border-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(0, 198, 90);
border-color: color(display-p3 0.30873 0.77475 0.37431);
border-color: var(--color-green-500);
}
.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgba(0, 198, 90, 0.5);
}
@media (color-gamut: p3) {
.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color(display-p3 0.30873 0.77475 0.37431 / 0.5);
}
}
@supports (color: color-mix(in lab, red, red)) {
.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, rgb(0, 198, 90) 50%, transparent);
}
@media (color-gamut: p3) {
.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, color(display-p3 0.30873 0.77475 0.37431) 50%, transparent);
}
}
@supports (color: color-mix(in lch, red, blue)) {
.border-green-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
}
}
}
.border-input:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: hsl(214, 32%, 91%);
border-color: var(--color-input);
}
.border-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: hsl(222, 47%, 11%);
border-color: var(--color-primary);
}
.border-red-200:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(255, 202, 202);
border-color: color(display-p3 0.96956 0.79815 0.7943);
border-color: var(--color-red-200);
}
.border-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: transparent;
}
.border-yellow-200:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(255, 240, 133);
border-color: var(--color-yellow-200);
}
.border-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(234, 179, 0);
border-color: color(display-p3 0.90365 0.70306 0.07454);
border-color: var(--color-yellow-500);
}
.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgba(234, 179, 0, 0.5);
}
@media (color-gamut: p3) {
.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color(display-p3 0.90365 0.70306 0.07454 / 0.5);
}
}
@supports (color: color-mix(in lab, red, red)) {
.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, rgb(234, 179, 0) 50%, transparent);
}
@media (color-gamut: p3) {
.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, color(display-p3 0.90365 0.70306 0.07454) 50%, transparent);
}
}
@supports (color: color-mix(in lch, red, blue)) {
.border-yellow-500\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent);
}
}
}
.border-t-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-color: transparent;
}
.bg-accent:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(210, 40%, 96%);
background-color: var(--color-accent);
}
.bg-background:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-background);
}
.bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(255, 255, 255, 0.8);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(0, 0%, 100%) 80%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-background\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-background) 80%, transparent);
}
}
}
.bg-black\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(0, 0, 0, 0.8);
}
@supports (color: color-mix(in lab, red, red)) {
.bg-black\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, #000 80%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-black\/80:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
}
}
}
.bg-blue-50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(239, 246, 255);
background-color: var(--color-blue-50);
}
.bg-blue-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(219, 234, 254);
background-color: var(--color-blue-100);
}
.bg-blue-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(190, 219, 255);
background-color: color(display-p3 0.76688 0.85521 0.98748);
background-color: var(--color-blue-200);
}
.bg-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(50, 128, 255);
background-color: color(display-p3 0.26642 0.49122 0.98862);
background-color: var(--color-blue-500);
}
.bg-blue-600:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(21, 93, 252);
background-color: var(--color-blue-600);
}
.bg-border:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(214, 32%, 91%);
background-color: var(--color-border);
}
.bg-card:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-card);
}
.bg-current:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: currentcolor;
}
.bg-destructive:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(0, 84%, 60%);
background-color: var(--color-destructive);
}
.bg-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(222, 84%, 5%);
background-color: var(--color-foreground);
}
.bg-gray-50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(249, 250, 251);
background-color: var(--color-gray-50);
}
.bg-gray-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(243, 244, 246);
background-color: var(--color-gray-100);
}
.bg-gray-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(229, 231, 235);
background-color: var(--color-gray-200);
}
.bg-gray-300:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(209, 213, 220);
background-color: var(--color-gray-300);
}
.bg-green-50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(240, 253, 244);
background-color: var(--color-green-50);
}
.bg-green-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(220, 252, 231);
background-color: var(--color-green-100);
}
.bg-green-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(185, 248, 207);
background-color: var(--color-green-200);
}
.bg-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(0, 198, 90);
background-color: color(display-p3 0.30873 0.77475 0.37431);
background-color: var(--color-green-500);
}
.bg-indigo-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(224, 231, 255);
background-color: color(display-p3 0.88303 0.90499 0.99314);
background-color: var(--color-indigo-100);
}
.bg-indigo-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(199, 210, 255);
background-color: color(display-p3 0.78656 0.82175 0.98845);
background-color: var(--color-indigo-200);
}
.bg-muted:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(210, 40%, 96%);
background-color: var(--color-muted);
}
.bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(241, 245, 249, 0.1);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--muted)) 10%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(210, 40%, 96%) 10%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
}
}
}
.bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(241, 245, 249, 0.3);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--muted)) 30%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(210, 40%, 96%) 30%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
}
}
}
.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(241, 245, 249, 0.4);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--muted)) 40%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(210, 40%, 96%) 40%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/40:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
}
}
}
.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(241, 245, 249, 0.5);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(210, 40%, 96%) 50%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-muted\/50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
}
}
}
.bg-orange-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(255, 237, 213);
background-color: color(display-p3 0.98876 0.93139 0.84327);
background-color: var(--color-orange-100);
}
.bg-orange-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(255, 215, 168);
background-color: color(display-p3 0.97465 0.84705 0.68011);
background-color: var(--color-orange-200);
}
.bg-pink-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(252, 231, 243);
background-color: var(--color-pink-100);
}
.bg-pink-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(252, 206, 232);
background-color: var(--color-pink-200);
}
.bg-popover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-popover);
}
.bg-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(222, 47%, 11%);
background-color: var(--color-primary);
}
.bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(15, 23, 42, 0.1);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--primary)) 10%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(222, 47%, 11%) 10%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.bg-primary\/10:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-primary) 10%, transparent);
}
}
}
.bg-purple-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(243, 232, 255);
background-color: var(--color-purple-100);
}
.bg-purple-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(233, 213, 255);
background-color: color(display-p3 0.90118 0.83598 0.99224);
background-color: var(--color-purple-200);
}
.bg-red-50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(254, 242, 242);
background-color: var(--color-red-50);
}
.bg-red-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(255, 226, 226);
background-color: var(--color-red-100);
}
.bg-red-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(255, 202, 202);
background-color: color(display-p3 0.96956 0.79815 0.7943);
background-color: var(--color-red-200);
}
.bg-red-500:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(251, 44, 54);
background-color: var(--color-red-500);
}
.bg-secondary:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(210, 40%, 96%);
background-color: var(--color-secondary);
}
.bg-teal-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(203, 251, 241);
background-color: var(--color-teal-100);
}
.bg-teal-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(150, 247, 228);
background-color: var(--color-teal-200);
}
.bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: transparent;
}
.bg-white:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: #fff;
background-color: var(--color-white);
}
.bg-yellow-50:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(254, 252, 232);
background-color: var(--color-yellow-50);
}
.bg-yellow-100:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(254, 249, 194);
background-color: var(--color-yellow-100);
}
.bg-yellow-200:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(255, 240, 133);
background-color: var(--color-yellow-200);
}
.bg-yellow-300:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(255, 224, 46);
background-color: color(display-p3 0.98267 0.88088 0.32102);
background-color: var(--color-yellow-300);
}
.bg-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(234, 179, 0);
background-color: color(display-p3 0.90365 0.70306 0.07454);
background-color: var(--color-yellow-500);
}
.fill-current:not(#\#):not(#\#):not(#\#):not(#\#) {
fill: currentcolor;
}
.stroke-current:not(#\#):not(#\#):not(#\#):not(#\#) {
stroke: currentcolor;
}
.p-0:not(#\#):not(#\#):not(#\#):not(#\#) {
padding: calc(0.25rem * 0);
padding: calc(var(--spacing) * 0);
}
.p-1:not(#\#):not(#\#):not(#\#):not(#\#) {
padding: calc(0.25rem * 1);
padding: calc(var(--spacing) * 1);
}
.p-2:not(#\#):not(#\#):not(#\#):not(#\#) {
padding: calc(0.25rem * 2);
padding: calc(var(--spacing) * 2);
}
.p-3:not(#\#):not(#\#):not(#\#):not(#\#) {
padding: calc(0.25rem * 3);
padding: calc(var(--spacing) * 3);
}
.p-4:not(#\#):not(#\#):not(#\#):not(#\#) {
padding: calc(0.25rem * 4);
padding: calc(var(--spacing) * 4);
}
.p-6:not(#\#):not(#\#):not(#\#):not(#\#) {
padding: calc(0.25rem * 6);
padding: calc(var(--spacing) * 6);
}
.px-2:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-left: calc(0.25rem * 2);
padding-right: calc(0.25rem * 2);
padding-left: calc(var(--spacing) * 2);
padding-right: calc(var(--spacing) * 2);
}
.px-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-left: calc(0.25rem * 2.5);
padding-right: calc(0.25rem * 2.5);
padding-left: calc(var(--spacing) * 2.5);
padding-right: calc(var(--spacing) * 2.5);
}
.px-3:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-left: calc(0.25rem * 3);
padding-right: calc(0.25rem * 3);
padding-left: calc(var(--spacing) * 3);
padding-right: calc(var(--spacing) * 3);
}
.px-4:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-left: calc(0.25rem * 4);
padding-right: calc(0.25rem * 4);
padding-left: calc(var(--spacing) * 4);
padding-right: calc(var(--spacing) * 4);
}
.px-8:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-left: calc(0.25rem * 8);
padding-right: calc(0.25rem * 8);
padding-left: calc(var(--spacing) * 8);
padding-right: calc(var(--spacing) * 8);
}
.py-0\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 0.5);
padding-bottom: calc(0.25rem * 0.5);
padding-top: calc(var(--spacing) * 0.5);
padding-bottom: calc(var(--spacing) * 0.5);
}
.py-1:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 1);
padding-bottom: calc(0.25rem * 1);
padding-top: calc(var(--spacing) * 1);
padding-bottom: calc(var(--spacing) * 1);
}
.py-1\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 1.5);
padding-bottom: calc(0.25rem * 1.5);
padding-top: calc(var(--spacing) * 1.5);
padding-bottom: calc(var(--spacing) * 1.5);
}
.py-2:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 2);
padding-bottom: calc(0.25rem * 2);
padding-top: calc(var(--spacing) * 2);
padding-bottom: calc(var(--spacing) * 2);
}
.py-3:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 3);
padding-bottom: calc(0.25rem * 3);
padding-top: calc(var(--spacing) * 3);
padding-bottom: calc(var(--spacing) * 3);
}
.py-4:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 4);
padding-bottom: calc(0.25rem * 4);
padding-top: calc(var(--spacing) * 4);
padding-bottom: calc(var(--spacing) * 4);
}
.py-6:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 6);
padding-bottom: calc(0.25rem * 6);
padding-top: calc(var(--spacing) * 6);
padding-bottom: calc(var(--spacing) * 6);
}
.pt-0:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 0);
padding-top: calc(var(--spacing) * 0);
}
.pt-1:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 1);
padding-top: calc(var(--spacing) * 1);
}
.pt-2:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 2);
padding-top: calc(var(--spacing) * 2);
}
.pt-4:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-top: calc(0.25rem * 4);
padding-top: calc(var(--spacing) * 4);
}
.pr-2:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-right: calc(0.25rem * 2);
padding-right: calc(var(--spacing) * 2);
}
.pr-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-right: calc(0.25rem * 2.5);
padding-right: calc(var(--spacing) * 2.5);
}
.pb-0:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-bottom: calc(0.25rem * 0);
padding-bottom: calc(var(--spacing) * 0);
}
.pb-2:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-bottom: calc(0.25rem * 2);
padding-bottom: calc(var(--spacing) * 2);
}
.pb-3:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-bottom: calc(0.25rem * 3);
padding-bottom: calc(var(--spacing) * 3);
}
.pb-4:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-bottom: calc(0.25rem * 4);
padding-bottom: calc(var(--spacing) * 4);
}
.pl-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-left: calc(0.25rem * 2.5);
padding-left: calc(var(--spacing) * 2.5);
}
.pl-8:not(#\#):not(#\#):not(#\#):not(#\#) {
padding-left: calc(0.25rem * 8);
padding-left: calc(var(--spacing) * 8);
}
.text-center:not(#\#):not(#\#):not(#\#):not(#\#) {
text-align: center;
}
.text-left:not(#\#):not(#\#):not(#\#):not(#\#) {
text-align: left;
}
.text-right:not(#\#):not(#\#):not(#\#):not(#\#) {
text-align: right;
}
.font-mono:not(#\#):not(#\#):not(#\#):not(#\#) {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
"Courier New", monospace;
font-family: var(--font-mono);
}
.text-2xl:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 1.5rem;
font-size: var(--text-2xl);
line-height: calc(2 / 1.5);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 1.125rem;
font-size: var(--text-lg);
line-height: calc(1.75 / 1.125);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 0.875rem;
font-size: var(--text-sm);
line-height: calc(1.25 / 0.875);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xs:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 0.75rem;
font-size: var(--text-xs);
line-height: calc(1 / 0.75);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[10px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 10px;
}
.leading-none:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-leading: 1;
line-height: 1;
}
.leading-tight:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-leading: var(--leading-tight);
line-height: 1.25;
line-height: var(--leading-tight);
}
.font-medium:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-font-weight: var(--font-weight-medium);
font-weight: 500;
font-weight: var(--font-weight-medium);
}
.font-normal:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-font-weight: var(--font-weight-normal);
font-weight: 400;
font-weight: var(--font-weight-normal);
}
.font-semibold:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-font-weight: var(--font-weight-semibold);
font-weight: 600;
font-weight: var(--font-weight-semibold);
}
.tracking-tight:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-tracking: var(--tracking-tight);
letter-spacing: -0.025em;
letter-spacing: var(--tracking-tight);
}
.tracking-wider:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-tracking: var(--tracking-wider);
letter-spacing: 0.05em;
letter-spacing: var(--tracking-wider);
}
.tracking-widest:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-tracking: var(--tracking-widest);
letter-spacing: 0.1em;
letter-spacing: var(--tracking-widest);
}
.break-words:not(#\#):not(#\#):not(#\#):not(#\#) {
word-wrap: break-word;
}
.whitespace-nowrap:not(#\#):not(#\#):not(#\#):not(#\#) {
white-space: nowrap;
}
.text-accent-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 47%, 11%);
color: var(--color-accent-foreground);
}
.text-black:not(#\#):not(#\#):not(#\#):not(#\#) {
color: #000;
color: var(--color-black);
}
.text-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(50, 128, 255);
color: color(display-p3 0.26642 0.49122 0.98862);
color: var(--color-blue-500);
}
.text-blue-600:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(21, 93, 252);
color: var(--color-blue-600);
}
.text-blue-700:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(20, 71, 230);
color: var(--color-blue-700);
}
.text-blue-900:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(28, 57, 142);
color: var(--color-blue-900);
}
.text-card-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 84%, 5%);
color: var(--color-card-foreground);
}
.text-destructive:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(0, 84%, 60%);
color: var(--color-destructive);
}
.text-destructive-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(210, 40%, 98%);
color: var(--color-destructive-foreground);
}
.text-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 84%, 5%);
color: var(--color-foreground);
}
.text-gray-600:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(74, 85, 101);
color: var(--color-gray-600);
}
.text-gray-900:not(#\#):not(#\#):not(#\#):not(#\#) {
color: #111827;
}
.text-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(0, 198, 90);
color: color(display-p3 0.30873 0.77475 0.37431);
color: var(--color-green-500);
}
.text-green-600:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(0, 164, 71);
color: color(display-p3 0.24388 0.64082 0.29481);
color: var(--color-green-600);
}
.text-green-700:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(0, 129, 58);
color: color(display-p3 0.19836 0.5018 0.24533);
color: var(--color-green-700);
}
.text-green-900:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(13, 84, 43);
color: var(--color-green-900);
}
.text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(215, 16%, 47%);
color: var(--color-muted-foreground);
}
.text-popover-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 84%, 5%);
color: var(--color-popover-foreground);
}
.text-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 47%, 11%);
color: var(--color-primary);
}
.text-primary-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(210, 40%, 98%);
color: var(--color-primary-foreground);
}
.text-red-500:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(251, 44, 54);
color: var(--color-red-500);
}
.text-red-700:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(191, 0, 15);
color: color(display-p3 0.69274 0.11623 0.10468);
color: var(--color-red-700);
}
.text-red-900:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(130, 24, 26);
color: var(--color-red-900);
}
.text-secondary-foreground:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 47%, 11%);
color: var(--color-secondary-foreground);
}
.text-white:not(#\#):not(#\#):not(#\#):not(#\#) {
color: #fff;
color: var(--color-white);
}
.text-yellow-500:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(234, 179, 0);
color: color(display-p3 0.90365 0.70306 0.07454);
color: var(--color-yellow-500);
}
.text-yellow-600:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(202, 138, 0);
color: color(display-p3 0.77634 0.54249 0.04171);
color: var(--color-yellow-600);
}
.text-yellow-700:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(162, 98, 0);
color: color(display-p3 0.61315 0.38666 0.05797);
color: var(--color-yellow-700);
}
.text-yellow-900:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(115, 62, 10);
color: var(--color-yellow-900);
}
.capitalize:not(#\#):not(#\#):not(#\#):not(#\#) {
text-transform: capitalize;
}
.uppercase:not(#\#):not(#\#):not(#\#):not(#\#) {
text-transform: uppercase;
}
.italic:not(#\#):not(#\#):not(#\#):not(#\#) {
font-style: italic;
}
.underline:not(#\#):not(#\#):not(#\#):not(#\#) {
text-decoration-line: underline;
}
.underline-offset-4:not(#\#):not(#\#):not(#\#):not(#\#) {
text-underline-offset: 4px;
}
.opacity-0:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0;
}
.opacity-50:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0.5;
}
.opacity-60:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0.6;
}
.opacity-70:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0.7;
}
.opacity-90:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0.9;
}
.shadow:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-2:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-primary:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-color: var(--color-primary);
}
.ring-ring:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-color: var(--color-ring);
}
.ring-offset-2:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.ring-offset-background:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-offset-color: var(--color-background);
}
.outline:not(#\#):not(#\#):not(#\#):not(#\#) {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-blur: blur(8px);
-webkit-filter: blur(8px) ;
filter: blur(8px) ;
-webkit-filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.filter:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-filter: ;
filter: ;
-webkit-filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
}
.backdrop-blur-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: blur(8px) ;
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: blur(8px) ;
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.transition:not(#\#):not(#\#):not(#\#):not(#\#) {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-colors:not(#\#):not(#\#):not(#\#):not(#\#) {
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-opacity:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-shadow:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-transition-property: -webkit-box-shadow;
transition-property: -webkit-box-shadow;
transition-property: box-shadow;
transition-property: box-shadow, -webkit-box-shadow;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-transition-property: translate, scale, rotate, -webkit-transform;
transition-property: translate, scale, rotate, -webkit-transform;
transition-property: transform, translate, scale, rotate;
transition-property: transform, translate, scale, rotate, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-webkit-transition-duration: 150ms;
transition-duration: 150ms;
-webkit-transition-duration: var(--tw-duration, var(--default-transition-duration));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-200:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-duration: 200ms;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.duration-300:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-duration: 300ms;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.duration-500:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-duration: 500ms;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}
.ease-in-out:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ease: var(--ease-in-out);
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-timing-function: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.outline-none:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-outline-style: none;
outline-style: none;
}
.select-all:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
.select-none:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[open]:where(.group):not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block {
display: block;
}
:where(.group):popover-open:not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block {
display: block;
}
:where(.group):open:not(#\#):not(#\#):not(#\#):not(#\#) .group-open\:block {
display: block;
}
@media (hover: hover) {
:where(.group):hover:not(#\#):not(#\#):not(#\#):not(#\#) .group-hover\:opacity-50 {
opacity: 0.5;
}
}
:where(.peer):disabled:not(#\#):not(#\#):not(#\#):not(#\#) ~ .peer-disabled\:cursor-not-allowed {
cursor: not-allowed;
}
:where(.peer):disabled:not(#\#):not(#\#):not(#\#):not(#\#) ~ .peer-disabled\:opacity-70 {
opacity: 0.7;
}
.file\:border-0:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button {
border-style: var(--tw-border-style);
border-width: 0px;
}
.file\:border-0:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
border-style: var(--tw-border-style);
border-width: 0px;
}
.file\:bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button {
background-color: transparent;
}
.file\:bg-transparent:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
background-color: transparent;
}
.file\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button {
font-size: 0.875rem;
font-size: var(--text-sm);
line-height: calc(1.25 / 0.875);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.file\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
font-size: 0.875rem;
font-size: var(--text-sm);
line-height: calc(1.25 / 0.875);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.file\:font-medium:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-file-upload-button {
--tw-font-weight: var(--font-weight-medium);
font-weight: 500;
font-weight: var(--font-weight-medium);
}
.file\:font-medium:not(#\#):not(#\#):not(#\#):not(#\#)::file-selector-button {
--tw-font-weight: var(--font-weight-medium);
font-weight: 500;
font-weight: var(--font-weight-medium);
}
.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-input-placeholder {
color: hsl(215, 16%, 47%);
color: var(--color-muted-foreground);
}
.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::-moz-placeholder {
color: hsl(215, 16%, 47%);
color: var(--color-muted-foreground);
}
.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#):-ms-input-placeholder {
color: hsl(215, 16%, 47%);
color: var(--color-muted-foreground);
}
.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::-ms-input-placeholder {
color: hsl(215, 16%, 47%);
color: var(--color-muted-foreground);
}
.placeholder\:text-muted-foreground:not(#\#):not(#\#):not(#\#):not(#\#)::placeholder {
color: hsl(215, 16%, 47%);
color: var(--color-muted-foreground);
}
.first\:rounded-l-md:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-left-radius: calc(0.5rem - 2px);
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: calc(0.5rem - 2px);
border-bottom-left-radius: var(--radius-md);
}
.first\:border-l:first-child:not(#\#):not(#\#):not(#\#):not(#\#) {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.last\:rounded-r-md:last-child:not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-right-radius: calc(0.5rem - 2px);
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: calc(0.5rem - 2px);
border-bottom-right-radius: var(--radius-md);
}
.focus-within\:relative:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
position: relative;
}
.focus-within\:z-10:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
z-index: 10;
}
.focus-within\:z-20:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
z-index: 20;
}
.focus-within\:ring-1:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-2:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:ring-ring:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-color: var(--color-ring);
}
.focus-within\:ring-offset-2:focus-within:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
@media (hover: hover) {
.hover\:border-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: hsl(222, 47%, 11%);
border-color: var(--color-primary);
}
}
@media (hover: hover) {
.hover\:bg-accent:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(210, 40%, 96%);
background-color: var(--color-accent);
}
}
@media (hover: hover) {
.hover\:bg-background:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-background);
}
}
@media (hover: hover) {
.hover\:bg-blue-600:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(21, 93, 252);
background-color: var(--color-blue-600);
}
}
@media (hover: hover) {
.hover\:bg-destructive:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(0, 84%, 60%);
background-color: var(--color-destructive);
}
}
@media (hover: hover) {
.hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(239, 68, 68, 0.8);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--destructive)) 80%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(0, 84%, 60%) 80%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-destructive\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-destructive) 80%, transparent);
}
}
}
}
@media (hover: hover) {
.hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(239, 68, 68, 0.9);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(0, 84%, 60%) 90%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-destructive\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
}
}
}
}
@media (hover: hover) {
.hover\:bg-gray-50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(249, 250, 251);
background-color: var(--color-gray-50);
}
}
@media (hover: hover) {
.hover\:bg-gray-200:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(229, 231, 235);
background-color: var(--color-gray-200);
}
}
@media (hover: hover) {
.hover\:bg-gray-400:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(153, 161, 175);
background-color: var(--color-gray-400);
}
}
@media (hover: hover) {
.hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(241, 245, 249, 0.5);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--muted)) 50%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(210, 40%, 96%) 50%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-muted\/50:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
}
}
}
}
@media (hover: hover) {
.hover\:bg-primary:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(222, 47%, 11%);
background-color: var(--color-primary);
}
}
@media (hover: hover) {
.hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(15, 23, 42, 0.8);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--primary)) 80%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(222, 47%, 11%) 80%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-primary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);
}
}
}
}
@media (hover: hover) {
.hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(15, 23, 42, 0.9);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--primary)) 90%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(222, 47%, 11%) 90%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-primary\/90:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
}
}
}
}
@media (hover: hover) {
.hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(241, 245, 249, 0.8);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in srgb, hsl(var(--secondary)) 80%, transparent);
}
}
@supports (color: color-mix(in lab, red, red)) {
.hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, hsl(210, 40%, 96%) 80%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.hover\:bg-secondary\/80:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
}
}
}
}
@media (hover: hover) {
.hover\:text-accent-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 47%, 11%);
color: var(--color-accent-foreground);
}
}
@media (hover: hover) {
.hover\:text-destructive-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(210, 40%, 98%);
color: var(--color-destructive-foreground);
}
}
@media (hover: hover) {
.hover\:text-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 84%, 5%);
color: var(--color-foreground);
}
}
@media (hover: hover) {
.hover\:text-primary-foreground:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(210, 40%, 98%);
color: var(--color-primary-foreground);
}
}
@media (hover: hover) {
.hover\:underline:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
text-decoration-line: underline;
}
}
@media (hover: hover) {
.hover\:opacity-100:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 1;
}
}
@media (hover: hover) {
.hover\:shadow-md:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
}
.focus\:bg-accent:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(210, 40%, 96%);
background-color: var(--color-accent);
}
.focus\:bg-primary:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(222, 47%, 11%);
background-color: var(--color-primary);
}
.focus\:text-accent-foreground:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(222, 47%, 11%);
color: var(--color-accent-foreground);
}
.focus\:text-primary-foreground:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(210, 40%, 98%);
color: var(--color-primary-foreground);
}
.focus\:ring-2:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus\:ring-ring:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-color: var(--color-ring);
}
.focus\:ring-offset-2:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:outline-none:focus:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-outline-style: none;
outline-style: none;
}
.focus-visible\:ring-1:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-webkit-box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-visible\:ring-destructive:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-color: var(--color-destructive);
}
.focus-visible\:ring-ring:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-color: var(--color-ring);
}
.focus-visible\:ring-offset-2:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-background:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-ring-offset-color: var(--color-background);
}
.focus-visible\:outline-none:focus-visible:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-outline-style: none;
outline-style: none;
}
.disabled\:pointer-events-none:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
cursor: not-allowed;
}
.disabled\:opacity-50:disabled:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0.5;
}
.aria-selected\:opacity-100[aria-selected="true"]:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 1;
}
.data-\[disabled\]\:pointer-events-none[data-disabled]:not(#\#):not(#\#):not(#\#):not(#\#) {
pointer-events: none;
}
.data-\[disabled\]\:opacity-50[data-disabled]:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0.5;
}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#) {
pointer-events: none;
}
.data-\[disabled\=true\]\:opacity-50[data-disabled="true"]:not(#\#):not(#\#):not(#\#):not(#\#) {
opacity: 0.5;
}
.data-\[state\=checked\]\:translate-x-3[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: calc(var(--spacing) * 3);
translate: calc(0.25rem * 3) var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:translate-x-5[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: calc(var(--spacing) * 5);
translate: calc(0.25rem * 5) var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:translate-x-6[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: calc(var(--spacing) * 6);
translate: calc(0.25rem * 6) var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=checked\]\:bg-blue-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(50, 128, 255);
background-color: color(display-p3 0.26642 0.49122 0.98862);
background-color: var(--color-blue-500);
}
.data-\[state\=checked\]\:bg-green-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(0, 198, 90);
background-color: color(display-p3 0.30873 0.77475 0.37431);
background-color: var(--color-green-500);
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(222, 47%, 11%);
background-color: var(--color-primary);
}
.data-\[state\=checked\]\:bg-red-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(251, 44, 54);
background-color: var(--color-red-500);
}
.data-\[state\=checked\]\:bg-yellow-500[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(234, 179, 0);
background-color: color(display-p3 0.90365 0.70306 0.07454);
background-color: var(--color-yellow-500);
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
color: hsl(210, 40%, 98%);
color: var(--color-primary-foreground);
}
.data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-animation: accordion-up 0.2s ease-out;
animation: accordion-up 0.2s ease-out;
-webkit-animation: var(--animate-accordion-up);
animation: var(--animate-accordion-up);
}
.data-\[state\=open\]\:animate-accordion-down[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-animation: accordion-down 0.2s ease-out;
animation: accordion-down 0.2s ease-out;
-webkit-animation: var(--animate-accordion-down);
animation: var(--animate-accordion-down);
}
.data-\[state\=open\]\:bg-accent[data-state="open"]:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(210, 40%, 96%);
background-color: var(--color-accent);
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: calc(0.25rem * 0) var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(214, 32%, 91%);
background-color: var(--color-input);
}
@media (min-width: 40rem) {
.sm\:top-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
top: auto;
}
}
@media (min-width: 40rem) {
.sm\:right-0:not(#\#):not(#\#):not(#\#):not(#\#) {
right: calc(0.25rem * 0);
right: calc(var(--spacing) * 0);
}
}
@media (min-width: 40rem) {
.sm\:bottom-0:not(#\#):not(#\#):not(#\#):not(#\#) {
bottom: calc(0.25rem * 0);
bottom: calc(var(--spacing) * 0);
}
}
@media (min-width: 40rem) {
.sm\:mt-0:not(#\#):not(#\#):not(#\#):not(#\#) {
margin-top: calc(0.25rem * 0);
margin-top: calc(var(--spacing) * 0);
}
}
@media (min-width: 40rem) {
.sm\:block:not(#\#):not(#\#):not(#\#):not(#\#) {
display: block;
}
}
@media (min-width: 40rem) {
.sm\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
display: none;
}
}
@media (min-width: 40rem) {
.sm\:inline:not(#\#):not(#\#):not(#\#):not(#\#) {
display: inline;
}
}
@media (min-width: 40rem) {
.sm\:h-9:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 9);
height: calc(var(--spacing) * 9);
}
}
@media (min-width: 40rem) {
.sm\:w-16:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 16);
width: calc(var(--spacing) * 16);
}
}
@media (min-width: 40rem) {
.sm\:w-32:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 32);
width: calc(var(--spacing) * 32);
}
}
@media (min-width: 40rem) {
.sm\:max-w-\[425px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 425px;
}
}
@media (min-width: 40rem) {
.sm\:max-w-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 24rem;
max-width: var(--container-sm);
}
}
@media (min-width: 40rem) {
.sm\:flex-col:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (min-width: 40rem) {
.sm\:flex-row:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media (min-width: 40rem) {
.sm\:justify-end:not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media (min-width: 40rem) {
.sm\:gap-2\.5:not(#\#):not(#\#):not(#\#):not(#\#) {
gap: calc(0.25rem * 2.5);
gap: calc(var(--spacing) * 2.5);
}
}
@media (min-width: 40rem) {
:where(.sm\:space-x-2 > :not(:last-child)):not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-space-x-reverse: 0;
margin-left: calc((0.25rem * 2) * 0);
margin-left: calc((var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-left: calc(calc(0.25rem * 2) * 0);
margin-left: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-right: calc((0.25rem * 2) * (1 - 0));
margin-right: calc((var(--spacing) * 2) * (1 - var(--tw-space-x-reverse)));
margin-right: calc(calc(0.25rem * 2) * calc(1 - 0));
margin-right: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
}
}
@media (min-width: 40rem) {
.sm\:rounded-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
border-radius: 0.5rem;
border-radius: var(--radius-lg);
}
}
@media (min-width: 40rem) {
.sm\:text-left:not(#\#):not(#\#):not(#\#):not(#\#) {
text-align: left;
}
}
@media (min-width: 40rem) {
.sm\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 0.875rem;
font-size: var(--text-sm);
line-height: calc(1.25 / 0.875);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (min-width: 40rem) {
.sm\:text-xs:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 0.75rem;
font-size: var(--text-xs);
line-height: calc(1 / 0.75);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
}
@media (min-width: 48rem) {
.md\:flex:not(#\#):not(#\#):not(#\#):not(#\#) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (min-width: 48rem) {
.md\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
display: none;
}
}
@media (min-width: 48rem) {
.md\:h-5:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 5);
height: calc(var(--spacing) * 5);
}
}
@media (min-width: 48rem) {
.md\:h-10:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 10);
height: calc(var(--spacing) * 10);
}
}
@media (min-width: 48rem) {
.md\:w-1\/2:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(1/2 * 100%);
}
}
@media (min-width: 48rem) {
.md\:w-5:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 5);
width: calc(var(--spacing) * 5);
}
}
@media (min-width: 48rem) {
.md\:w-32:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 32);
width: calc(var(--spacing) * 32);
}
}
@media (min-width: 48rem) {
.md\:w-48:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 48);
width: calc(var(--spacing) * 48);
}
}
@media (min-width: 48rem) {
.md\:w-auto:not(#\#):not(#\#):not(#\#):not(#\#) {
width: auto;
}
}
@media (min-width: 48rem) {
.md\:max-w-\[420px\]:not(#\#):not(#\#):not(#\#):not(#\#) {
max-width: 420px;
}
}
@media (min-width: 48rem) {
.md\:grid-cols-4:not(#\#):not(#\#):not(#\#):not(#\#) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 48rem) {
.md\:text-base:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 1rem;
font-size: var(--text-base);
line-height: calc(1.5 / 1);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
@media (min-width: 48rem) {
.md\:text-sm:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 0.875rem;
font-size: var(--text-sm);
line-height: calc(1.25 / 0.875);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
@media (min-width: 64rem) {
.lg\:relative:not(#\#):not(#\#):not(#\#):not(#\#) {
position: relative;
}
}
@media (min-width: 64rem) {
.lg\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
display: none;
}
}
@media (min-width: 64rem) {
.lg\:h-11:not(#\#):not(#\#):not(#\#):not(#\#) {
height: calc(0.25rem * 11);
height: calc(var(--spacing) * 11);
}
}
@media (min-width: 64rem) {
.lg\:w-1\/3:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(1/3 * 100%);
}
}
@media (min-width: 64rem) {
.lg\:w-48:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 48);
width: calc(var(--spacing) * 48);
}
}
@media (min-width: 64rem) {
.lg\:w-64:not(#\#):not(#\#):not(#\#):not(#\#) {
width: calc(0.25rem * 64);
width: calc(var(--spacing) * 64);
}
}
@media (min-width: 64rem) {
.lg\:translate-x-0:not(#\#):not(#\#):not(#\#):not(#\#) {
--tw-translate-x: calc(var(--spacing) * 0);
translate: calc(0.25rem * 0) var(--tw-translate-y);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
}
@media (min-width: 64rem) {
.lg\:text-base:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 1rem;
font-size: var(--text-base);
line-height: calc(1.5 / 1);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
@media (min-width: 64rem) {
.lg\:text-lg:not(#\#):not(#\#):not(#\#):not(#\#) {
font-size: 1.125rem;
font-size: var(--text-lg);
line-height: calc(1.75 / 1.125);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
}
@media (min-width: 80rem) {
.xl\:hidden:not(#\#):not(#\#):not(#\#):not(#\#) {
display: none;
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-blue-800:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(25, 60, 184);
border-color: var(--color-blue-800);
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-destructive:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: hsl(0, 84%, 60%);
border-color: var(--color-destructive);
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-gray-800:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: #1f2937;
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-green-800:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(1, 102, 48);
border-color: var(--color-green-800);
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-red-800:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(159, 7, 18);
border-color: var(--color-red-800);
}
}
@media (prefers-color-scheme: dark) {
.dark\:border-yellow-800:not(#\#):not(#\#):not(#\#):not(#\#) {
border-color: rgb(135, 76, 0);
border-color: color(display-p3 0.50318 0.30478 0.07554);
border-color: var(--color-yellow-800);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-blue-900:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(28, 57, 142);
background-color: var(--color-blue-900);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-blue-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(28, 57, 142, 0.3);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-blue-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, rgb(28, 57, 142) 30%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.dark\:bg-blue-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
}
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-gray-800:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: #1f2937;
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-gray-900:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: #111827;
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-green-900:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(13, 84, 43);
background-color: var(--color-green-900);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-green-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(13, 84, 43, 0.3);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-green-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, rgb(13, 84, 43) 30%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.dark\:bg-green-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
}
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-red-900:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(130, 24, 26);
background-color: var(--color-red-900);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-red-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(130, 24, 26, 0.3);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-red-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, rgb(130, 24, 26) 30%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.dark\:bg-red-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent);
}
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-yellow-900:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgb(115, 62, 10);
background-color: var(--color-yellow-900);
}
}
@media (prefers-color-scheme: dark) {
.dark\:bg-yellow-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: rgba(115, 62, 10, 0.3);
}
@supports (color: color-mix(in lab, red, red)) {
.dark\:bg-yellow-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, rgb(115, 62, 10) 30%, transparent);
}
@supports (color: color-mix(in lch, red, blue)) {
.dark\:bg-yellow-900\/30:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent);
}
}
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-blue-100:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(219, 234, 254);
color: var(--color-blue-100);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-blue-400:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(86, 162, 255);
color: color(display-p3 0.39744 0.62813 0.99212);
color: var(--color-blue-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-blue-500:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(50, 128, 255);
color: color(display-p3 0.26642 0.49122 0.98862);
color: var(--color-blue-500);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-gray-100:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(243, 244, 246);
color: var(--color-gray-100);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-green-100:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(220, 252, 231);
color: var(--color-green-100);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-green-400:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(5, 223, 114);
color: var(--color-green-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-green-500:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(0, 198, 90);
color: color(display-p3 0.30873 0.77475 0.37431);
color: var(--color-green-500);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-red-100:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(255, 226, 226);
color: var(--color-red-100);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-red-400:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(255, 101, 104);
color: color(display-p3 0.93353 0.43168 0.42349);
color: var(--color-red-400);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-yellow-100:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(254, 249, 194);
color: var(--color-yellow-100);
}
}
@media (prefers-color-scheme: dark) {
.dark\:text-yellow-400:not(#\#):not(#\#):not(#\#):not(#\#) {
color: rgb(247, 201, 0);
color: color(display-p3 0.95994 0.79017 0.05852);
color: var(--color-yellow-400);
}
}
@media (prefers-color-scheme: dark) {
@media (hover: hover) {
.dark\:hover\:bg-gray-700:hover:not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: #374151;
}
}
}
.\[\&_p\]\:leading-relaxed:not(#\#):not(#\#):not(#\#):not(#\#) p {
--tw-leading: var(--leading-relaxed);
line-height: 1.625;
line-height: var(--leading-relaxed);
}
.\[\&\:\:-webkit-details-marker\]\:hidden:not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-details-marker {
display: none;
}
.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]):not(#\#):not(#\#):not(#\#):not(#\#) {
background-color: hsl(210, 40%, 96%);
background-color: var(--color-accent);
}
.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:first-child:has([aria-selected]):not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-left-radius: calc(0.5rem - 2px);
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: calc(0.5rem - 2px);
border-bottom-left-radius: var(--radius-md);
}
.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:last-child:has([aria-selected]):not(#\#):not(#\#):not(#\#):not(#\#) {
border-top-right-radius: calc(0.5rem - 2px);
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: calc(0.5rem - 2px);
border-bottom-right-radius: var(--radius-md);
}
.\[\&\>span\]\:line-clamp-1:not(#\#):not(#\#):not(#\#):not(#\#) > span {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.\[\&\>svg\]\:size-3\.5:not(#\#):not(#\#):not(#\#):not(#\#) > svg {
width: calc(0.25rem * 3.5);
width: calc(var(--spacing) * 3.5);
height: calc(0.25rem * 3.5);
height: calc(var(--spacing) * 3.5);
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]:not(#\#):not(#\#):not(#\#):not(#\#) > svg {
rotate: 180deg;
}
:root:not(#\#):not(#\#) {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 222.2 84% 4.9%;
--radius: 0.5rem;
}
.dark:not(#\#):not(#\#) {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;
--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 212.7 26.8% 83.9%;
}
*:not(#\#):not(#\#) {
border-color: hsl(214, 32%, 91%);
border-color: var(--color-border);
}
body:not(#\#):not(#\#) {
background-color: hsl(0, 0%, 100%);
background-color: var(--color-background);
color: hsl(222, 84%, 5%);
color: var(--color-foreground);
}
.bg-popover:not(#\#):not(#\#) {
background-color: hsl(0, 0%, 100%);
background-color: hsl(var(--popover));
}
.text-popover-foreground:not(#\#):not(#\#) {
color: hsl(222, 84%, 5%);
color: hsl(var(--popover-foreground));
}
.border-border:not(#\#):not(#\#) {
border-color: hsl(214, 32%, 91%);
border-color: hsl(var(--border));
}
.shadow-md:not(#\#):not(#\#) {
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.z-50:not(#\#):not(#\#) {
z-index: 50;
}
.z-100:not(#\#):not(#\#) {
z-index: 100;
}
@media (hover: none) {
body:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
cursor: pointer;
}
}
* {
outline: none !important;
}
*:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-webkit-tap-highlight-color: transparent;
}
:focus {
outline: none !important;
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0,0,0,0);
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0,0,0,0);
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0,0,0,0);
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0,0,0,0);
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 rgba(0,0,0,0);
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes pulse {
50% {
opacity: 0.5;
}
}
@keyframes pulse {
50% {
opacity: 0.5;
}
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@-webkit-keyframes accordion-down {
from {
height: 0;
}
to {
height: var(--radix-accordion-content-height);
}
}
@keyframes accordion-down {
from {
height: 0;
}
to {
height: var(--radix-accordion-content-height);
}
}
@-webkit-keyframes accordion-up {
from {
height: var(--radix-accordion-content-height);
}
to {
height: 0;
}
}
@keyframes accordion-up {
from {
height: var(--radix-accordion-content-height);
}
to {
height: 0;
}
}
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
::-ms-backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 rgba(0,0,0,0);
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 rgba(0,0,0,0);
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 rgba(0,0,0,0);
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
}
*, ::before, ::after, ::backdrop {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-border-style: solid;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 rgba(0,0,0,0);
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 rgba(0,0,0,0);
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 rgba(0,0,0,0);
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 rgba(0,0,0,0);
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
--tw-outline-style: solid;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
}
}