/*! 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: ""; 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: ""; 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: ""; 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: ""; 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; } }