analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
1 lines • 757 kB
Source Map (JSON)
{"version":3,"sources":["../../src/styles.css"],"sourcesContent":["/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n :root, :host {\n --font-sans: 'Roboto', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-orange-900: oklch(40.8% 0.123 38.172);\n --color-amber-500: oklch(76.9% 0.188 70.08);\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-purple-50: oklch(97.7% 0.014 308.299);\n --color-purple-500: oklch(62.7% 0.265 303.9);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-neutral-600: oklch(43.9% 0 0);\n --color-black: #000;\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-2xl: 42rem;\n --container-4xl: 56rem;\n --container-6xl: 72rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-8xl: 6rem;\n --text-8xl--line-height: 1;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-black: 900;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n --leading-tight: 1.25;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n --animate-spin: spin 1s linear infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --blur-xs: 4px;\n --blur-sm: 8px;\n --aspect-video: 16 / 9;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --color-background-dark: #181719;\n --color-background-light: #fbfbfb;\n --color-primary: #b3b3b3;\n --color-primary-50: #999999;\n --color-primary-100: #808080;\n --color-primary-200: #737373;\n --color-primary-300: #666666;\n --color-primary-400: #525252;\n --color-primary-500: #333333;\n --color-primary-600: #292929;\n --color-primary-700: #1f1f1f;\n --color-primary-800: #0d0d0d;\n --color-primary-900: #0a0a0a;\n --color-primary-950: #080808;\n --color-secondary: #fdfdfd;\n --color-secondary-50: #fbfbfb;\n --color-secondary-100: #f6f6f6;\n --color-secondary-200: #f2f2f2;\n --color-secondary-300: #ededed;\n --color-secondary-400: #e6e6e7;\n --color-secondary-500: #d9d9db;\n --color-secondary-600: #c6c7c7;\n --color-secondary-700: #bdbdbd;\n --color-secondary-800: #b1b1b1;\n --color-secondary-900: #a5a4a4;\n --color-secondary-950: #9d9d9d;\n --color-tertiary: #fffaf5;\n --color-tertiary-50: #fff2e5;\n --color-tertiary-100: #ffe9d5;\n --color-tertiary-200: #fed1aa;\n --color-tertiary-300: #fdb474;\n --color-tertiary-400: #fb9d4b;\n --color-tertiary-500: #e78128;\n --color-tertiary-600: #d7751f;\n --color-tertiary-700: #b4621a;\n --color-tertiary-800: #824917;\n --color-tertiary-900: #6c3d13;\n --color-tertiary-950: #543112;\n --color-text: #fefeff;\n --color-text-50: #f5f5f5;\n --color-text-100: #e5e5e5;\n --color-text-200: #dbdbdc;\n --color-text-300: #d4d4d4;\n --color-text-400: #a3a3a3;\n --color-text-500: #8c8c8c;\n --color-text-600: #737373;\n --color-text-700: #525252;\n --color-text-800: #404040;\n --color-text-900: #262627;\n --color-text-950: #171717;\n --color-background: #ffffff;\n --color-background-50: #f6f6f6;\n --color-background-100: #f2f1f1;\n --color-background-200: #dcdbdb;\n --color-background-300: #d5d4d4;\n --color-background-400: #a2a3a3;\n --color-background-500: #8e8e8e;\n --color-background-600: #747474;\n --color-background-700: #535252;\n --color-background-800: #414040;\n --color-background-900: #272625;\n --color-background-950: #121212;\n --color-background-muted: #f7f8f7;\n --color-border: #fdfefe;\n --color-border-50: #f3f3f3;\n --color-border-100: #e6e6e6;\n --color-border-200: #dddcdb;\n --color-border-300: #d3d3d3;\n --color-border-400: #a5a3a3;\n --color-border-500: #8c8d8d;\n --color-border-600: #737474;\n --color-border-700: #535252;\n --color-border-800: #414141;\n --color-border-900: #272624;\n --color-border-950: #1a1717;\n --color-success: #e4fff4;\n --color-success-50: #caffe8;\n --color-success-100: #a2f1c0;\n --color-success-200: #84d3a2;\n --color-success-300: #66b584;\n --color-success-400: #489766;\n --color-success-500: #348352;\n --color-success-600: #2a7948;\n --color-success-700: #206f3e;\n --color-success-800: #166534;\n --color-success-900: #14532d;\n --color-success-950: #1b3224;\n --color-success-background: #edfcf2;\n --color-error: #fee9e9;\n --color-error-50: #fee2e2;\n --color-error-100: #fecaca;\n --color-error-200: #fca5a5;\n --color-error-300: #f87171;\n --color-error-400: #ef4444;\n --color-error-500: #e63535;\n --color-error-600: #dc2626;\n --color-error-700: #b91c1c;\n --color-error-800: #991b1b;\n --color-error-900: #7f1d1d;\n --color-error-950: #531313;\n --color-error-background: #fef1f1;\n --color-warning: #fff9f5;\n --color-warning-50: #fff4ec;\n --color-warning-100: #ffe7d5;\n --color-warning-200: #fecdaa;\n --color-warning-300: #fdad74;\n --color-warning-400: #fb954b;\n --color-warning-500: #e77828;\n --color-warning-600: #d76c1f;\n --color-warning-700: #b45a1a;\n --color-warning-800: #824417;\n --color-warning-900: #6c3813;\n --color-warning-950: #542d12;\n --color-warning-background: #fff3ea;\n --color-info: #ecf8fe;\n --color-info-50: #c7ebfc;\n --color-info-100: #a2ddfa;\n --color-info-200: #7ccff8;\n --color-info-300: #57c2f6;\n --color-info-400: #32b4f4;\n --color-info-500: #0da6f2;\n --color-info-600: #0b8dcd;\n --color-info-700: #0973a8;\n --color-info-800: #075a83;\n --color-info-900: #05405d;\n --color-info-950: #032638;\n --color-info-background: #ebf8fe;\n --color-indicator-primary: #373737;\n --color-indicator-info: #5399ec;\n --color-indicator-error: #b91c1c;\n --color-indicator-positive: #f8cc2e;\n --color-indicator-negative: #be4f4f;\n --color-exam-1: #e3f1fb;\n --color-exam-2: #fde5fa;\n --color-exam-3: #fff4d1;\n --color-exam-4: #ddf5e5;\n --color-subject-1: #b7dfff;\n --color-subject-2: #fbd1a5;\n --color-subject-3: #b2e7e8;\n --color-subject-4: #a3d9b1;\n --color-subject-5: #d4f1a8;\n --color-subject-6: #cee5f1;\n --color-subject-7: #b7cce9;\n --color-subject-8: #f3b3c2;\n --color-subject-9: #e9d4fa;\n --color-subject-10: #fbd1e0;\n --color-subject-11: #feec9c;\n --color-subject-12: #e7bff1;\n --color-subject-13: #f4d2c8;\n --color-subject-14: #e7ec85;\n --color-subject-15: #a2d7e2;\n --color-subject-16: #badfc8;\n --color-typography-1: #b00c9e;\n --color-typography-2: #745a07;\n --font-weight-hairline: 100;\n --text-2xs: 0.625rem;\n --text-2xs--line-height: calc(1 / 0.625);\n --text-md: 1rem;\n --text-md--line-height: calc(1.5 / 1);\n }\n}\n@layer base {\n *, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n }\n html, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n 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\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n }\n hr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n }\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n h1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n b, strong {\n font-weight: bolder;\n }\n code, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n }\n small {\n font-size: 80%;\n }\n sub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n sub {\n bottom: -0.25em;\n }\n sup {\n top: -0.5em;\n }\n table {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n }\n :-moz-focusring {\n outline: auto;\n }\n progress {\n vertical-align: baseline;\n }\n summary {\n display: list-item;\n }\n ol, ul, menu {\n list-style: none;\n }\n img, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n }\n img, video {\n max-width: 100%;\n height: auto;\n }\n button, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n }\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n ::-moz-placeholder {\n opacity: 1;\n }\n ::placeholder {\n opacity: 1;\n }\n @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::-moz-placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n }\n textarea {\n resize: vertical;\n }\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n ::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n }\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n :-moz-ui-invalid {\n box-shadow: none;\n }\n button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n -webkit-appearance: button;\n -moz-appearance: button;\n appearance: button;\n }\n ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n }\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n@layer utilities {\n .pointer-events-none {\n pointer-events: none;\n }\n .collapse {\n visibility: collapse;\n }\n .invisible {\n visibility: hidden;\n }\n .visible {\n visibility: visible;\n }\n .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n .absolute {\n position: absolute;\n }\n .fixed {\n position: fixed;\n }\n .relative {\n position: relative;\n }\n .static {\n position: static;\n }\n .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .-top-\\[9999px\\] {\n top: calc(9999px * -1);\n }\n .top-0 {\n top: calc(var(--spacing) * 0);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\n }\n .top-2 {\n top: calc(var(--spacing) * 2);\n }\n .top-4 {\n top: calc(var(--spacing) * 4);\n }\n .top-\\[5px\\] {\n top: 5px;\n }\n .top-full {\n top: 100%;\n }\n .right-0 {\n right: calc(var(--spacing) * 0);\n }\n .right-2 {\n right: calc(var(--spacing) * 2);\n }\n .right-3 {\n right: calc(var(--spacing) * 3);\n }\n .right-4 {\n right: calc(var(--spacing) * 4);\n }\n .right-\\[10px\\] {\n right: 10px;\n }\n .bottom-0 {\n bottom: calc(var(--spacing) * 0);\n }\n .bottom-3 {\n bottom: calc(var(--spacing) * 3);\n }\n .bottom-4 {\n bottom: calc(var(--spacing) * 4);\n }\n .bottom-12 {\n bottom: calc(var(--spacing) * 12);\n }\n .bottom-15 {\n bottom: calc(var(--spacing) * 15);\n }\n .bottom-full {\n bottom: 100%;\n }\n .-left-\\[9999px\\] {\n left: calc(9999px * -1);\n }\n .left-0 {\n left: calc(var(--spacing) * 0);\n }\n .left-1\\/2 {\n left: calc(1/2 * 100%);\n }\n .left-3 {\n left: calc(var(--spacing) * 3);\n }\n .left-4 {\n left: calc(var(--spacing) * 4);\n }\n .isolate {\n isolation: isolate;\n }\n .z-0 {\n z-index: 0;\n }\n .z-10 {\n z-index: 10;\n }\n .z-50 {\n z-index: 50;\n }\n .z-\\[100\\] {\n z-index: 100;\n }\n .z-\\[9999\\] {\n z-index: 9999;\n }\n .float-end {\n float: inline-end;\n }\n .container {\n width: 100%;\n @media (width >= 40rem) {\n max-width: 40rem;\n }\n @media (width >= 48rem) {\n max-width: 48rem;\n }\n @media (width >= 64rem) {\n max-width: 64rem;\n }\n @media (width >= 80rem) {\n max-width: 80rem;\n }\n @media (width >= 96rem) {\n max-width: 96rem;\n }\n }\n .-m-px {\n margin: -1px;\n }\n .m-0 {\n margin: calc(var(--spacing) * 0);\n }\n .m-3 {\n margin: calc(var(--spacing) * 3);\n }\n .mx-1 {\n margin-inline: calc(var(--spacing) * 1);\n }\n .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\n }\n .mx-4 {\n margin-inline: calc(var(--spacing) * 4);\n }\n .mx-auto {\n margin-inline: auto;\n }\n .my-1 {\n margin-block: calc(var(--spacing) * 1);\n }\n .my-2 {\n margin-block: calc(var(--spacing) * 2);\n }\n .my-2\\.5 {\n margin-block: calc(var(--spacing) * 2.5);\n }\n .my-4 {\n margin-block: calc(var(--spacing) * 4);\n }\n .my-6 {\n margin-block: calc(var(--spacing) * 6);\n }\n .mt-0\\.5 {\n margin-top: calc(var(--spacing) * 0.5);\n }\n .mt-1 {\n margin-top: calc(var(--spacing) * 1);\n }\n .mt-1\\.5 {\n margin-top: calc(var(--spacing) * 1.5);\n }\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-3 {\n margin-top: calc(var(--spacing) * 3);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-6 {\n margin-top: calc(var(--spacing) * 6);\n }\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n .mt-10 {\n margin-top: calc(var(--spacing) * 10);\n }\n .mt-12 {\n margin-top: calc(var(--spacing) * 12);\n }\n .mt-48 {\n margin-top: calc(var(--spacing) * 48);\n }\n .mt-auto {\n margin-top: auto;\n }\n .mr-2 {\n margin-right: calc(var(--spacing) * 2);\n }\n .mb-0\\.5 {\n margin-bottom: calc(var(--spacing) * 0.5);\n }\n .mb-1 {\n margin-bottom: calc(var(--spacing) * 1);\n }\n .mb-1\\.5 {\n margin-bottom: calc(var(--spacing) * 1.5);\n }\n .mb-2 {\n margin-bottom: calc(var(--spacing) * 2);\n }\n .mb-2\\.5 {\n margin-bottom: calc(var(--spacing) * 2.5);\n }\n .mb-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n .mb-3\\.5 {\n margin-bottom: calc(var(--spacing) * 3.5);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-5 {\n margin-bottom: calc(var(--spacing) * 5);\n }\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n .mb-auto {\n margin-bottom: auto;\n }\n .ml-1 {\n margin-left: calc(var(--spacing) * 1);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .ml-4 {\n margin-left: calc(var(--spacing) * 4);\n }\n .box-border {\n box-sizing: border-box;\n }\n .line-clamp-2 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n }\n .block {\n display: block;\n }\n .contents {\n display: contents;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline {\n display: inline;\n }\n .inline-block {\n display: inline-block;\n }\n .inline-flex {\n display: inline-flex;\n }\n .table {\n display: table;\n }\n .table-cell {\n display: table-cell;\n }\n .table-row {\n display: table-row;\n }\n .aspect-\\[4\\/3\\] {\n aspect-ratio: 4/3;\n }\n .aspect-\\[16\\/12\\] {\n aspect-ratio: 16/12;\n }\n .aspect-square {\n aspect-ratio: 1 / 1;\n }\n .aspect-video {\n aspect-ratio: var(--aspect-video);\n }\n .size-3 {\n width: calc(var(--spacing) * 3);\n height: calc(var(--spacing) * 3);\n }\n .size-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n height: calc(var(--spacing) * 3.5);\n }\n .size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n .size-4\\.5 {\n width: calc(var(--spacing) * 4.5);\n height: calc(var(--spacing) * 4.5);\n }\n .size-5 {\n width: calc(var(--spacing) * 5);\n height: calc(var(--spacing) * 5);\n }\n .size-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-7\\.5 {\n width: calc(var(--spacing) * 7.5);\n height: calc(var(--spacing) * 7.5);\n }\n .size-8 {\n width: calc(var(--spacing) * 8);\n height: calc(var(--spacing) * 8);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .\\!h-auto {\n height: auto !important;\n }\n .h-0 {\n height: calc(var(--spacing) * 0);\n }\n .h-0\\.5 {\n height: calc(var(--spacing) * 0.5);\n }\n .h-1 {\n height: calc(var(--spacing) * 1);\n }\n .h-2 {\n height: calc(var(--spacing) * 2);\n }\n .h-2\\.5 {\n height: calc(var(--spacing) * 2.5);\n }\n .h-3 {\n height: calc(var(--spacing) * 3);\n }\n .h-3\\.5 {\n height: calc(var(--spacing) * 3.5);\n }\n .h-4 {\n height: calc(var(--spacing) * 4);\n }\n .h-5 {\n height: calc(var(--spacing) * 5);\n }\n .h-6 {\n height: calc(var(--spacing) * 6);\n }\n .h-7 {\n height: calc(var(--spacing) * 7);\n }\n .h-8 {\n height: calc(var(--spacing) * 8);\n }\n .h-9 {\n height: calc(var(--spacing) * 9);\n }\n .h-10 {\n height: calc(var(--spacing) * 10);\n }\n .h-12 {\n height: calc(var(--spacing) * 12);\n }\n .h-14 {\n height: calc(var(--spacing) * 14);\n }\n .h-16 {\n height: calc(var(--spacing) * 16);\n }\n .h-20 {\n height: calc(var(--spacing) * 20);\n }\n .h-24 {\n height: calc(var(--spacing) * 24);\n }\n .h-44 {\n height: calc(var(--spacing) * 44);\n }\n .h-72 {\n height: calc(var(--spacing) * 72);\n }\n .h-96 {\n height: calc(var(--spacing) * 96);\n }\n .h-\\[1em\\] {\n height: 1em;\n }\n .h-\\[7px\\] {\n height: 7px;\n }\n .h-\\[18px\\] {\n height: 18px;\n }\n .h-\\[19px\\] {\n height: 19px;\n }\n .h-\\[21px\\] {\n height: 21px;\n }\n .h-\\[24px\\] {\n height: 24px;\n }\n .h-\\[27px\\] {\n height: 27px;\n }\n .h-\\[30px\\] {\n height: 30px;\n }\n .h-\\[35px\\] {\n height: 35px;\n }\n .h-\\[38px\\] {\n height: 38px;\n }\n .h-\\[48px\\] {\n height: 48px;\n }\n .h-\\[58px\\] {\n height: 58px;\n }\n .h-\\[68px\\] {\n height: 68px;\n }\n .h-\\[80px\\] {\n height: 80px;\n }\n .h-\\[90px\\] {\n height: 90px;\n }\n .h-\\[107px\\] {\n height: 107px;\n }\n .h-\\[120px\\] {\n height: 120px;\n }\n .h-\\[122px\\] {\n height: 122px;\n }\n .h-\\[150px\\] {\n height: 150px;\n }\n .h-\\[152px\\] {\n height: 152px;\n }\n .h-\\[200px\\] {\n height: 200px;\n }\n .h-\\[600px\\] {\n height: 600px;\n }\n .h-\\[calc\\(100vh-8rem\\)\\] {\n height: calc(100vh - 8rem);\n }\n .h-\\[calc\\(100vh-14rem\\)\\] {\n height: calc(100vh - 14rem);\n }\n .h-\\[calc\\(100vh-180px\\)\\] {\n height: calc(100vh - 180px);\n }\n .h-auto {\n height: auto;\n }\n .h-full {\n height: 100%;\n }\n .h-px {\n height: 1px;\n }\n .h-screen {\n height: 100vh;\n }\n .max-h-0 {\n max-height: calc(var(--spacing) * 0);\n }\n .max-h-32 {\n max-height: calc(var(--spacing) * 32);\n }\n .max-h-64 {\n max-height: calc(var(--spacing) * 64);\n }\n .max-h-\\[70vh\\] {\n max-height: 70vh;\n }\n .max-h-\\[80vh\\] {\n max-height: 80vh;\n }\n .max-h-\\[300px\\] {\n max-height: 300px;\n }\n .max-h-\\[350px\\] {\n max-height: 350px;\n }\n .max-h-\\[400px\\] {\n max-height: 400px;\n }\n .max-h-\\[500px\\] {\n max-height: 500px;\n }\n .max-h-\\[600px\\] {\n max-height: 600px;\n }\n .max-h-\\[700px\\] {\n max-height: 700px;\n }\n .max-h-\\[calc\\(100vh-8rem\\)\\] {\n max-height: calc(100vh - 8rem);\n }\n .max-h-full {\n max-height: 100%;\n }\n .max-h-none {\n max-height: none;\n }\n .max-h-screen {\n max-height: 100vh;\n }\n .min-h-0 {\n min-height: calc(var(--spacing) * 0);\n }\n .min-h-6 {\n min-height: calc(var(--spacing) * 6);\n }\n .min-h-16 {\n min-height: calc(var(--spacing) * 16);\n }\n .min-h-20 {\n min-height: calc(var(--spacing) * 20);\n }\n .min-h-24 {\n min-height: calc(var(--spacing) * 24);\n }\n .min-h-28 {\n min-height: calc(var(--spacing) * 28);\n }\n .min-h-96 {\n min-height: calc(var(--spacing) * 96);\n }\n .min-h-\\[50px\\] {\n min-height: 50px;\n }\n .min-h-\\[61px\\] {\n min-height: 61px;\n }\n .min-h-\\[67px\\] {\n min-height: 67px;\n }\n .min-h-\\[80px\\] {\n min-height: 80px;\n }\n .min-h-\\[105px\\] {\n min-height: 105px;\n }\n .min-h-\\[120px\\] {\n min-height: 120px;\n }\n .min-h-\\[300px\\] {\n min-height: 300px;\n }\n .min-h-\\[400px\\] {\n min-height: 400px;\n }\n .min-h-\\[600px\\] {\n min-height: 600px;\n }\n .min-h-\\[705px\\] {\n min-height: 705px;\n }\n .min-h-full {\n min-height: 100%;\n }\n .min-h-screen {\n min-height: 100vh;\n }\n .\\!w-auto {\n width: auto !important;\n }\n .w-0 {\n width: calc(var(--spacing) * 0);\n }\n .w-1 {\n width: calc(var(--spacing) * 1);\n }\n .w-1\\/2 {\n width: calc(1/2 * 100%);\n }\n .w-2 {\n width: calc(var(--spacing) * 2);\n }\n .w-2\\.5 {\n width: calc(var(--spacing) * 2.5);\n }\n .w-3 {\n width: calc(var(--spacing) * 3);\n }\n .w-3\\.5 {\n width: calc(var(--spacing) * 3.5);\n }\n .w-3\\/4 {\n width: calc(3/4 * 100%);\n }\n .w-4 {\n width: calc(var(--spacing) * 4);\n }\n .w-5 {\n width: calc(var(--spacing) * 5);\n }\n .w-6 {\n width: calc(var(--spacing) * 6);\n }\n .w-7 {\n width: calc(var(--spacing) * 7);\n }\n .w-8 {\n width: calc(var(--spacing) * 8);\n }\n .w-9 {\n width: calc(var(--spacing) * 9);\n }\n .w-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-11 {\n width: calc(var(--spacing) * 11);\n }\n .w-12 {\n width: calc(var(--spacing) * 12);\n }\n .w-16 {\n width: calc(var(--spacing) * 16);\n }\n .w-20 {\n width: calc(var(--spacing) * 20);\n }\n .w-24 {\n width: calc(var(--spacing) * 24);\n }\n .w-48 {\n width: calc(var(--spacing) * 48);\n }\n .w-64 {\n width: calc(var(--spacing) * 64);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-80 {\n width: calc(var(--spacing) * 80);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-\\[7px\\] {\n width: 7px;\n }\n .w-\\[18px\\] {\n width: 18px;\n }\n .w-\\[21px\\] {\n width: 21px;\n }\n .w-\\[30px\\] {\n width: 30px;\n }\n .w-\\[58px\\] {\n width: 58px;\n }\n .w-\\[80px\\] {\n width: 80px;\n }\n .w-\\[90px\\] {\n width: 90px;\n }\n .w-\\[90vw\\] {\n width: 90vw;\n }\n .w-\\[100px\\] {\n width: 100px;\n }\n .w-\\[107px\\] {\n width: 107px;\n }\n .w-\\[110px\\] {\n width: 110px;\n }\n .w-\\[120px\\] {\n width: 120px;\n }\n .w-\\[122px\\] {\n width: 122px;\n }\n .w-\\[131px\\] {\n width: 131px;\n }\n .w-\\[140px\\] {\n width: 140px;\n }\n .w-\\[152px\\] {\n width: 152px;\n }\n .w-\\[160px\\] {\n width: 160px;\n }\n .w-\\[170px\\] {\n width: 170px;\n }\n .w-\\[180px\\] {\n width: 180px;\n }\n .w-\\[200px\\] {\n width: 200px;\n }\n .w-\\[220px\\] {\n width: 220px;\n }\n .w-\\[282px\\] {\n width: 282px;\n }\n .w-\\[320px\\] {\n width: 320px;\n }\n .w-\\[380px\\] {\n width: 380px;\n }\n .w-\\[384px\\] {\n width: 384px;\n }\n .w-\\[400px\\] {\n width: 400px;\n }\n .w-\\[440px\\] {\n width: 440px;\n }\n .w-\\[470px\\] {\n width: 470px;\n }\n .w-\\[600px\\] {\n width: 600px;\n }\n .w-auto {\n width: auto;\n }\n .w-fit {\n width: -moz-fit-content;\n width: fit-content;\n }\n .w-full {\n width: 100%;\n }\n .w-px {\n width: 1px;\n }\n .w-screen {\n width: 100vw;\n }\n .max-w-2xl {\n max-width: var(--container-2xl);\n }\n .max-w-4xl {\n max-width: var(--container-4xl);\n }\n .max-w-6xl {\n max-width: var(--container-6xl);\n }\n .max-w-20 {\n max-width: calc(var(--spacing) * 20);\n }\n .max-w-\\[70\\%\\] {\n max-width: 70%;\n }\n .max-w-\\[85px\\] {\n max-width: 85px;\n }\n .max-w-\\[90px\\] {\n max-width: 90px;\n }\n .max-w-\\[100px\\] {\n max-width: 100px;\n }\n .max-w-\\[140px\\] {\n max-width: 140px;\n }\n .max-w-\\[150px\\] {\n max-width: 150px;\n }\n .max-w-\\[160px\\] {\n max-width: 160px;\n }\n .max-w-\\[200px\\] {\n max-width: 200px;\n }\n .max-w-\\[262px\\] {\n max-width: 262px;\n }\n .max-w-\\[266px\\] {\n max-width: 266px;\n }\n .max-w-\\[316px\\] {\n max-width: 316px;\n }\n .max-w-\\[324px\\] {\n max-width: 324px;\n }\n .max-w-\\[360px\\] {\n max-width: 360px;\n }\n .max-w-\\[364px\\] {\n max-width: 364px;\n }\n .max-w-\\[375px\\] {\n max-width: 375px;\n }\n .max-w-\\[378px\\] {\n max-width: 378px;\n }\n .max-w-\\[390px\\] {\n max-width: 390px;\n }\n .max-w-\\[400px\\] {\n max-width: 400px;\n }\n .max-w-\\[420px\\] {\n max-width: 420px;\n }\n .max-w-\\[459px\\] {\n max-width: 459px;\n }\n .max-w-\\[500px\\] {\n max-width: 500px;\n }\n .max-w-\\[510px\\] {\n max-width: 510px;\n }\n .max-w-\\[578px\\] {\n max-width: 578px;\n }\n .max-w-\\[600px\\] {\n max-width: 600px;\n }\n .max-w-\\[640px\\] {\n max-width: 640px;\n }\n .max-w-\\[912px\\] {\n max-width: 912px;\n }\n .max-w-\\[970px\\] {\n max-width: 970px;\n }\n .max-w-\\[992px\\] {\n max-width: 992px;\n }\n .max-w-\\[1000px\\] {\n max-width: 1000px;\n }\n .max-w-\\[1150px\\] {\n max-width: 1150px;\n }\n .max-w-\\[1350px\\] {\n max-width: 1350px;\n }\n .max-w-full {\n max-width: 100%;\n }\n .max-w-lg {\n max-width: var(--container-lg);\n }\n .max-w-md {\n max-width: var(--container-md);\n }\n .max-w-sm {\n max-width: var(--container-sm);\n }\n .max-w-xs {\n max-width: var(--container-xs);\n }\n .min-w-0 {\n min-width: calc(var(--spacing) * 0);\n }\n .min-w-6 {\n min-width: calc(var(--spacing) * 6);\n }\n .min-w-8 {\n min-width: calc(var(--spacing) * 8);\n }\n .min-w-20 {\n min-width: calc(var(--spacing) * 20);\n }\n .min-w-24 {\n min-width: calc(var(--spacing) * 24);\n }\n .min-w-\\[2\\.5rem\\] {\n min-width: 2.5rem;\n }\n .min-w-\\[80px\\] {\n min-width: 80px;\n }\n .min-w-\\[90px\\] {\n min-width: 90px;\n }\n .min-w-\\[120px\\] {\n min-width: 120px;\n }\n .min-w-\\[140px\\] {\n min-width: 140px;\n }\n .min-w-\\[160px\\] {\n min-width: 160px;\n }\n .min-w-\\[210px\\] {\n min-width: 210px;\n }\n .min-w-\\[280px\\] {\n min-width: 280px;\n }\n .min-w-\\[320px\\] {\n min-width: 320px;\n }\n .min-w-fit {\n min-width: -moz-fit-content;\n min-width: fit-content;\n }\n .min-w-full {\n min-width: 100%;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-1\\/2 {\n flex: calc(1/2 * 100%);\n }\n .flex-none {\n flex: none;\n }\n .flex-shrink-0 {\n flex-shrink: 0;\n }\n .shrink-0 {\n flex-shrink: 0;\n }\n .flex-grow {\n flex-grow: 1;\n }\n .table-fixed {\n table-layout: fixed;\n }\n .caption-bottom {\n caption-side: bottom;\n }\n .border-collapse {\n border-collapse: collapse;\n }\n .border-separate {\n border-collapse: separate;\n }\n .border-spacing-0 {\n --tw-border-spacing-x: calc(var(--spacing) * 0);\n --tw-border-spacing-y: calc(var(--spacing) * 0);\n border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);\n }\n .-translate-x-1\\/2 {\n --tw-translate-x: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1 {\n --tw-translate-y: calc(var(--spacing) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-1\\/2 {\n --tw-translate-y: calc(calc(1/2 * 100%) * -1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-8 {\n --tw-translate-y: calc(var(--spacing) * -8);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-translate-y-12 {\n --tw-translate-y: calc(var(--spacing) * -12);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .translate-y-1 {\n --tw-translate-y: calc(var(--spacing) * 1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .scale-75 {\n --tw-scale-x: 75%;\n --tw-scale-y: 75%;\n --tw-scale-z: 75%;\n scale: var(--tw-scale-x) var(--tw-scale-y);\n }\n .-rotate-90 {\n rotate: calc(90deg * -1);\n }\n .rotate-0 {\n rotate: 0deg;\n }\n .rotate-90 {\n rotate: 90deg;\n }\n .rotate-180 {\n rotate: 180deg;\n }\n .transform {\n transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .transform-gpu {\n transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);\n }\n .animate-pulse {\n animation: var(--animate-pulse);\n }\n .animate-spin {\n animation: var(--animate-spin);\n }\n .cursor-default {\n cursor: default;\n }\n .cursor-none {\n cursor: none;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize {\n resize: both;\n }\n .resize-none {\n resize: none;\n }\n .list-inside {\n list-style-position: inside;\n }\n .list-decimal {\n list-style-type: decimal;\n }\n .list-disc {\n list-style-type: disc;\n }\n .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n .grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n }\n .grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n .grid-cols-4 {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n .grid-cols-5 {\n grid-template-columns: repeat(5, minmax(0, 1fr));\n }\n .grid-cols-7 {\n grid-template-columns: repeat(7, minmax(0, 1fr));\n }\n .grid-cols-\\[1fr_auto\\] {\n grid-template-columns: 1fr auto;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-col-reverse {\n flex-direction: column-reverse;\n }\n .flex-row {\n flex-direction: row;\n }\n .flex-row-reverse {\n flex-direction: row-reverse;\n }\n .flex-wrap {\n flex-wrap: wrap;\n }\n .items-center {\n align-items: center;\n }\n .items-end {\n align-items: flex-end;\n }\n .items-start {\n align-items: flex-start;\n }\n .items-stretch {\n align-items: stretch;\n }\n .justify-around {\n justify-content: space-around;\n }\n .justify-between {\n justify-content: space-between;\n }\n .justify-center {\n justify-content: center;\n }\n .justify-end {\n justify-content: flex-end;\n }\n .justify-start {\n justify-content: flex-start;\n }\n .gap-0 {\n gap: calc(var(--spacing) * 0);\n }\n .gap-0\\.5 {\n gap: calc(var(--spacing) * 0.5);\n }\n .gap-1 {\n gap: calc(var(--spacing) * 1);\n }\n .gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .gap-2\\.5 {\n gap: calc(var(--spacing) * 2.5);\n }\n .gap-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-3\\.5 {\n gap: calc(var(--spacing) * 3.5);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-5 {\n gap: calc(var(--spacing) * 5);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n .gap-10 {\n gap: calc(var(--spacing) * 10);\n }\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n .gap-14 {\n gap: calc(var(--spacing) * 14);\n }\n .gap-16 {\n gap: calc(var(--spacing) * 16);\n }\n .gap-\\[13px\\] {\n gap: 13px;\n }\n .gap-\\[27px\\] {\n gap: 27px;\n }\n .space-y-1 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-2 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-3 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-4 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-6 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-8 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-y-12 {\n :where(& > :not(:last-child)) {\n --tw-space-y-reverse: 0;\n margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));\n margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));\n }\n }\n .space-x-2 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .space-x-3 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .space-x-4 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .space-x-6 {\n :where(& > :not(:last-child)) {\n --tw-space-x-reverse: 0;\n margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));\n margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));\n }\n }\n .self-center {\n align-self: center;\n }\n .self-start {\n align-self: flex-start;\n }\n .self-stretch {\n align-self: stretch;\n }\n .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .overflow-auto {\n overflow: auto;\n }\n .overflow-hidden {\n overflow: hidden;\n }\n .overflow-visible {\n overflow: visible;\n }\n .overflow-x-auto {\n overflow-x: auto;\n }\n .overflow-x-hidden {\n overflow-x: hidden;\n }\n .overflow-y-auto {\n overflow-y: auto;\n }\n .overflow-y-hidden {\n overflow-y: hidden;\n }\n .scroll-smooth {\n scroll-behavior: smooth;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-2xl {\n border-radius: var(--radius-2xl);\n }\n .rounded-3xl {\n border-radius: var(--radius-3xl);\n }\n .rounded-\\[4px\\] {\n border-radius: 4px;\n }\n .rounded-full {\n border-radius: calc(infinity * 1px);\n }\n .rounded-lg {\n border-radius: var(--radius-lg);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .rounded-none {\n border-radius: 0;\n }\n .rounded-sm {\n border-radius: var(--radius-sm);\n }\n .rounded-xl {\n border-radius: var(--radius-xl);\n }\n .rounded-xs {\n border-radius: var(--radius-xs);\n }\n .rounded-t-3xl {\n border-top-left-radius: var(--radius-3xl);\n border-top-right-radius: var(--radius-3xl);\n }\n .rounded-t-xl {\n border-top-left-radius: var(--radius-xl);\n border-top-right-radius: var(--radius-xl);\n }\n .rounded-l-xl {\n border-top-left-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n .rounded-b-2xl {\n border-bottom-right-radius: var(--radius-2xl);\n border-bottom-left-radius: var(--radius-2xl);\n }\n .rounded-b-3xl {\n border-bottom-right-radius: var(--radius-3xl);\n border-bottom-left-radius: var(--radius-3xl);\n }\n .rounded-b-xl {\n border-bottom-right-radius: var(--radius-xl);\n border-bottom-left-radius: var(--radius-xl);\n }\n .rounded-br-md {\n border-bottom-right-radius: var(--radius-md);\n }\n .rounded-bl-md {\n border-bottom-left-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-0 {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n .border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n }\n .border-4 {\n border-style: var(--tw-border-style);\n border-width: 4px;\n }\n .border-\\[3px\\] {\n border-style: var(--tw-border-style);\n border-width: 3px;\n }\n .border-t {\n border-top-style: var(--tw-border-style);\n border-top-width: 1px;\n }\n .border-b {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 1px;\n }\n .border-b-0 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n .border-b-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n .border-l {\n border-left-style: var(--tw-border-style);\n border-left-width: 1px;\n }\n .border-l-4 {\n border-left-style: var(--tw-border-style);\n border-left-width: 4px;\n }\n .border-dashed {\n --tw-border-style: dashed;\n border-style: dashed;\n }\n .border-none {\n --tw-border-style: none;\n border-style: none;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-\\[\\#F8CC2E\\] {\n border-color: #F8CC2E;\n }\n .border-background-50 {\n border-color: var(--color-background-50);\n }\n .border-background-100 {\n border-color: var(--color-background-100);\n }\n .border-background-200 {\n border-color: var(--color-background-200);\n }\n .border-background-300 {\n border-color: var(--color-background-300);\n }\n .border-background-400 {\n border-color: var(--color-background-400);\n }\n .border-background-500 {\n border-color: var(--color-background-500);\n }\n .border-background-600 {\n border-color: var(--color-background-600);\n }\n .border-background-700 {\n border-color: var(--color-background-700);\n }\n .border-background-800 {\n border-color: var(--color-background-800);\n }\n .border-background-900 {\n border-color: var(--color-background-900);\n }\n .border-background-950 {\n border-color: var(--color-background-950);\n }\n .border-background-dark {\n border-color: var(--color-background-dark);\n }\n .border-background-light {\n border-color: var(--color-background-light);\n }\n .border-blue-200 {\n border-color: var(--color-blue-200);\n }\n .border-blue-400 {\n border-color: var(--color-blue-400);\n }\n .border-blue-500 {\n border-color: var(--color-blue-500);\n }\n .border-border-50 {\n border-color: var(--color-border-50);\n }\n .border-border-100 {\n border-color: var(--color-border-100);\n }\n .border-border-200 {\n border-color: var(--color-border-200);\n }\n .border-border-300 {\n border-color: var(--color-border-300);\n }\n .border-border-400 {\n border-color: var(--color-border-400);\n }\n .border-border-500 {\n border-color: var(--color-border-500);\n }\n .border-border-600 {\n border-color: var(--color-border-600);\n }\n .border-border-700 {\n border-color: var(--color-border-700);\n }\n .border-border-800 {\n border-color: var(--color-border-800);\n }\n .border-border-900 {\n border-color: var(--color-border-900);\n }\n .border-border-950 {\n border-color: var(--color-border-950);\n }\n .border-error-50 {\n border-color: var(--color-error-50);\n }\n .border-error-100 {\n border-color: var(--color-error-100);\n }\n .border-error-200 {\n border-color: var(--color-error-200);\n }\n .border-error-300 {\n border-color: var(--color-error-300);\n }\n .border-error-400 {\n border-color: var(--color-error-400);\n }\n .border-error-500 {\n border-color: var(--color-error-500);\n }\n .border-error-600 {\n border-color: var(--color-error-600);\n }\n .border-error-700 {\n border-color: var(--color-error-700);\n }\n .border-error-800 {\n border-color: var(--color-error-800);\n }\n .border-error-900 {\n border-color: var(--color-error-900);\n }\n .border-error-950 {\n border-color: var(--color-error-950);\n }\n .border-exam-1 {\n border-color: var(--color-exam-1);\n }\n .border-exam-2 {\n border-color: var(--color-exam-2);\n }\n .border-exam-3 {\n border-color: var(--color-exam-3);\n }\n .border-exam-4 {\n border-color: var(--color-exam-4);\n }\n .border-gray-200 {\n border-color: var(--color-gray-200);\n }\n .border-gray-300 {\n border-color: var(--color-gray-300);\n }\n .border-gray-400 {\n border-color: var(--color-gray-400);\n }\n .border-green-200 {\n border-color: var(--color-green-200);\n }\n .border-green-400 {\n border-color: var(--color-green-400);\n }\n .border-green-500 {\n border-color: var(--color-green-500);\n }\n .border-indicator-error {\n border-color: var(--color-indicator-error);\n }\n .border-indicator-info {\n border-color: var(--color-indicator-info);\n }\n .border-indicator-primary {\n border-color: var(--color-indicator-primary);\n }\n .border-info-50 {\n border-color: var(--color-info-50);\n }\n .border-info-100 {\n border-color: var(--color-info-100);\n }\n .border-info-200 {\n border-color: var(--color-info-200);\n }\n .border-info-300 {\n border-color: var(--color-info-300);\n }\n .border-info-400 {\n border-color: var(--color-info-400);\n }\n .border-info-500 {\n border-color: var(--color-info-500);\n }\n .border-info-600 {\n border-color: var(--color-info-600);\n }\n .border-info-700 {\n border-color: var(--color-info-700);\n }\n .border-info-800 {\n border-color: var(--color-info-800);\n }\n .border-info-900 {\n border-color: var(--color-info-900);\n }\n .border-info-950 {\n border-color: var(--color-info-950);\n }\n .border-primary-50 {\n border-color: var(--color-primary-50);\n }\n .border-primary-100 {\n border-color: var(--color-primary-100);\n }\n .border-primary-200 {\n border-color: var(--color-primary-200);\n }\n .border-primary-300 {\n border-color: var(--color-primary-300);\n }\n .border-primary-400 {\n border-color: var(--color-primary-400);\n }\n .border-primary-500 {\n border-color: var(--color-primary-500);\n }\n .border-primary-600 {\n border-color: var(--color-primary-600);\n }\n .border-primary-700 {\n border-color: var(--color-primary-700);\n }\n .border-primary-800 {\n border-color: var(--color-primary-800);\n }\n .border-primary-900 {\n border-color: var(--color-primary-900);\n }\n .border-primary-950 {\n border-color: var(--color-primary-950);\n }\n .border-purple-500 {\n border-color: var(--color-purple-500);\n }\n .border-red-400 {\n border-color: var(--color-red-400);\n }\n .border-red-700 {\n border-color: var(--color-red-700);\n }\n .border-secondary-50 {\n border-color: var(--color-secondary-50);\n }\n .border-secondary-100 {\n border-color: var(--color-secondary-100);\n }\n .border-secondary-200 {\n border-color: var(--color-secondary-200);\n }\n .border-secondary-300 {\n border-color: var(--color-secondary-300);\n }\n .border-secondary-400 {\n border-color: var(--color-secondary-400);\n }\n .border-secondary-500 {\n border-color: var(--color-secondary-500);\n }\n .border-secondary-600 {\n border-color: var(--color-secondary-600);\n }\n .border-se