analytica-frontend-lib
Version:
Repositório público dos componentes utilizados nas plataformas da Analytica Ensino
1 lines • 103 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-700: oklch(50.5% 0.213 27.518);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-white: #fff;\n --spacing: 0.25rem;\n --container-xs: 20rem;\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 --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-wide: 0.025em;\n --leading-normal: 1.5;\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-4xl: 2rem;\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\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-primary: #b3b3b3;\n --color-primary-50: #999999;\n --color-primary-100: #808080;\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-950: #080808;\n --color-secondary-50: #fbfbfb;\n --color-text: #fefeff;\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-500: #8e8e8e;\n --color-background-800: #414040;\n --color-background-950: #121212;\n --color-background-muted: #f7f8f7;\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-success: #e4fff4;\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-error: #fee9e9;\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-warning: #fff9f5;\n --color-warning-300: #fdad74;\n --color-warning-600: #d76c1f;\n --color-warning-800: #824417;\n --color-info: #ecf8fe;\n --color-info-300: #57c2f6;\n --color-info-600: #0b8dcd;\n --color-info-700: #0973a8;\n --color-info-800: #075a83;\n --color-info-background: #ebf8fe;\n --color-indicator-primary: #373737;\n --color-indicator-info: #5399ec;\n --color-indicator-error: #b91c1c;\n --color-exam-1: #e3f1fb;\n --color-exam-2: #fde5fa;\n --color-exam-3: #fff4d1;\n --color-exam-4: #ddf5e5;\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 .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 .inset-0 {\n inset: calc(var(--spacing) * 0);\n }\n .top-1\\/2 {\n top: calc(1/2 * 100%);\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-4 {\n bottom: calc(var(--spacing) * 4);\n }\n .bottom-full {\n bottom: 100%;\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 .z-10 {\n z-index: 10;\n }\n .z-50 {\n z-index: 50;\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 .mx-2 {\n margin-inline: calc(var(--spacing) * 2);\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-4 {\n margin-block: calc(var(--spacing) * 4);\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-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .mt-8 {\n margin-top: calc(var(--spacing) * 8);\n }\n .mt-12 {\n margin-top: calc(var(--spacing) * 12);\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-3 {\n margin-bottom: calc(var(--spacing) * 3);\n }\n .mb-4 {\n margin-bottom: calc(var(--spacing) * 4);\n }\n .mb-6 {\n margin-bottom: calc(var(--spacing) * 6);\n }\n .mb-8 {\n margin-bottom: calc(var(--spacing) * 8);\n }\n .ml-2 {\n margin-left: calc(var(--spacing) * 2);\n }\n .box-border {\n box-sizing: border-box;\n }\n .block {\n display: block;\n }\n .flex {\n display: flex;\n }\n .grid {\n display: grid;\n }\n .hidden {\n display: none;\n }\n .inline-flex {\n display: inline-flex;\n }\n .table {\n display: table;\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-6 {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n .size-10 {\n width: calc(var(--spacing) * 10);\n height: calc(var(--spacing) * 10);\n }\n .size-16 {\n width: calc(var(--spacing) * 16);\n height: calc(var(--spacing) * 16);\n }\n .h-0 {\n height: calc(var(--spacing) * 0);\n }\n .h-1 {\n height: calc(var(--spacing) * 1);\n }\n .h-1\\.5 {\n height: calc(var(--spacing) * 1.5);\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-20 {\n height: calc(var(--spacing) * 20);\n }\n .h-24 {\n height: calc(var(--spacing) * 24);\n }\n .h-\\[1em\\] {\n height: 1em;\n }\n .h-\\[21px\\] {\n height: 21px;\n }\n .h-\\[27px\\] {\n height: 27px;\n }\n .h-\\[90px\\] {\n height: 90px;\n }\n .h-\\[152px\\] {\n height: 152px;\n }\n .h-full {\n height: 100%;\n }\n .h-px {\n height: 1px;\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 .w-0 {\n width: calc(var(--spacing) * 0);\n }\n .w-1\\.5 {\n width: calc(var(--spacing) * 1.5);\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-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-10 {\n width: calc(var(--spacing) * 10);\n }\n .w-72 {\n width: calc(var(--spacing) * 72);\n }\n .w-\\[1em\\] {\n width: 1em;\n }\n .w-\\[70px\\] {\n width: 70px;\n }\n .w-\\[90px\\] {\n width: 90px;\n }\n .w-\\[152px\\] {\n width: 152px;\n }\n .w-\\[288px\\] {\n width: 288px;\n }\n .w-\\[384px\\] {\n width: 384px;\n }\n .w-full {\n width: 100%;\n }\n .w-px {\n width: 1px;\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-\\[390px\\] {\n max-width: 390px;\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-xs {\n max-width: var(--container-xs);\n }\n .min-w-\\[210px\\] {\n min-width: 210px;\n }\n .min-w-\\[220px\\] {\n min-width: 220px;\n }\n .min-w-\\[288px\\] {\n min-width: 288px;\n }\n .flex-1 {\n flex: 1;\n }\n .flex-none {\n flex: none;\n }\n .flex-grow {\n flex-grow: 1;\n }\n .caption-bottom {\n caption-side: bottom;\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-1 {\n --tw-translate-y: calc(var(--spacing) * 1);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n .-rotate-90 {\n rotate: calc(90deg * -1);\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 .cursor-default {\n cursor: default;\n }\n .cursor-not-allowed {\n cursor: not-allowed;\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .resize-none {\n resize: none;\n }\n .list-inside {\n list-style-position: inside;\n }\n .list-disc {\n list-style-type: disc;\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 .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\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 .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-start {\n justify-content: flex-start;\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-3 {\n gap: calc(var(--spacing) * 3);\n }\n .gap-4 {\n gap: calc(var(--spacing) * 4);\n }\n .gap-6 {\n gap: calc(var(--spacing) * 6);\n }\n .gap-8 {\n gap: calc(var(--spacing) * 8);\n }\n .gap-12 {\n gap: calc(var(--spacing) * 12);\n }\n .gap-16 {\n gap: calc(var(--spacing) * 16);\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-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 .overflow-hidden {\n overflow: hidden;\n }\n .rounded {\n border-radius: 0.25rem;\n }\n .rounded-4xl {\n border-radius: var(--radius-4xl);\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 .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-\\[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-2 {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\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-background-200 {\n border-color: var(--color-background-200);\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-error-300 {\n border-color: var(--color-error-300);\n }\n .border-error-500 {\n border-color: var(--color-error-500);\n }\n .border-error-700 {\n border-color: var(--color-error-700);\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-300 {\n border-color: var(--color-info-300);\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-primary-600 {\n border-color: var(--color-primary-600);\n }\n .border-primary-800 {\n border-color: var(--color-primary-800);\n }\n .border-primary-950 {\n border-color: var(--color-primary-950);\n }\n .border-red-700 {\n border-color: var(--color-red-700);\n }\n .border-success-200 {\n border-color: var(--color-success-200);\n }\n .border-success-300 {\n border-color: var(--color-success-300);\n }\n .border-success-500 {\n border-color: var(--color-success-500);\n }\n .border-transparent {\n border-color: transparent;\n }\n .border-warning-300 {\n border-color: var(--color-warning-300);\n }\n .\\!bg-primary-50 {\n background-color: var(--color-primary-50) !important;\n }\n .bg-background {\n background-color: var(--color-background);\n }\n .bg-background-50 {\n background-color: var(--color-background-50);\n }\n .bg-background-100 {\n background-color: var(--color-background-100);\n }\n .bg-background-300 {\n background-color: var(--color-background-300);\n }\n .bg-background-muted {\n background-color: var(--color-background-muted);\n }\n .bg-border-200 {\n background-color: var(--color-border-200);\n }\n .bg-error {\n background-color: var(--color-error);\n }\n .bg-error-500 {\n background-color: var(--color-error-500);\n }\n .bg-exam-1 {\n background-color: var(--color-exam-1);\n }\n .bg-exam-2 {\n background-color: var(--color-exam-2);\n }\n .bg-exam-3 {\n background-color: var(--color-exam-3);\n }\n .bg-exam-4 {\n background-color: var(--color-exam-4);\n }\n .bg-indicator-error {\n background-color: var(--color-indicator-error);\n }\n .bg-info {\n background-color: var(--color-info);\n }\n .bg-info-700 {\n background-color: var(--color-info-700);\n }\n .bg-info-background {\n background-color: var(--color-info-background);\n }\n .bg-primary-50 {\n background-color: var(--color-primary-50);\n }\n .bg-primary-600 {\n background-color: var(--color-primary-600);\n }\n .bg-primary-700 {\n background-color: var(--color-primary-700);\n }\n .bg-primary-800 {\n background-color: var(--color-primary-800);\n }\n .bg-primary-950 {\n background-color: var(--color-primary-950);\n }\n .bg-success {\n background-color: var(--color-success);\n }\n .bg-success-200 {\n background-color: var(--color-success-200);\n }\n .bg-success-500 {\n background-color: var(--color-success-500);\n }\n .bg-transparent {\n background-color: transparent;\n }\n .bg-warning {\n background-color: var(--color-warning);\n }\n .bg-white {\n background-color: var(--color-white);\n }\n .stroke-background-300 {\n stroke: var(--color-background-300);\n }\n .stroke-primary-100 {\n stroke: var(--color-primary-100);\n }\n .stroke-primary-700 {\n stroke: var(--color-primary-700);\n }\n .stroke-success-200 {\n stroke: var(--color-success-200);\n }\n .p-0 {\n padding: calc(var(--spacing) * 0);\n }\n .p-1 {\n padding: calc(var(--spacing) * 1);\n }\n .p-2 {\n padding: calc(var(--spacing) * 2);\n }\n .p-3 {\n padding: calc(var(--spacing) * 3);\n }\n .p-4 {\n padding: calc(var(--spacing) * 4);\n }\n .p-6 {\n padding: calc(var(--spacing) * 6);\n }\n .p-8 {\n padding: calc(var(--spacing) * 8);\n }\n .px-2 {\n padding-inline: calc(var(--spacing) * 2);\n }\n .px-3 {\n padding-inline: calc(var(--spacing) * 3);\n }\n .px-3\\.5 {\n padding-inline: calc(var(--spacing) * 3.5);\n }\n .px-4 {\n padding-inline: calc(var(--spacing) * 4);\n }\n .px-5 {\n padding-inline: calc(var(--spacing) * 5);\n }\n .px-6 {\n padding-inline: calc(var(--spacing) * 6);\n }\n .px-7 {\n padding-inline: calc(var(--spacing) * 7);\n }\n .px-12 {\n padding-inline: calc(var(--spacing) * 12);\n }\n .py-1 {\n padding-block: calc(var(--spacing) * 1);\n }\n .py-2 {\n padding-block: calc(var(--spacing) * 2);\n }\n .py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n }\n .py-3 {\n padding-block: calc(var(--spacing) * 3);\n }\n .py-3\\.5 {\n padding-block: calc(var(--spacing) * 3.5);\n }\n .pr-10 {\n padding-right: calc(var(--spacing) * 10);\n }\n .pl-8 {\n padding-left: calc(var(--spacing) * 8);\n }\n .pl-10 {\n padding-left: calc(var(--spacing) * 10);\n }\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n .text-right {\n text-align: right;\n }\n .align-middle {\n vertical-align: middle;\n }\n .text-2xl {\n font-size: var(--text-2xl);\n line-height: var(--tw-leading, var(--text-2xl--line-height));\n }\n .text-2xs {\n font-size: var(--text-2xs);\n line-height: var(--tw-leading, var(--text-2xs--line-height));\n }\n .text-3xl {\n font-size: var(--text-3xl);\n line-height: var(--tw-leading, var(--text-3xl--line-height));\n }\n .text-4xl {\n font-size: var(--text-4xl);\n line-height: var(--tw-leading, var(--text-4xl--line-height));\n }\n .text-5xl {\n font-size: var(--text-5xl);\n line-height: var(--tw-leading, var(--text-5xl--line-height));\n }\n .text-6xl {\n font-size: var(--text-6xl);\n line-height: var(--tw-leading, var(--text-6xl--line-height));\n }\n .text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n }\n .text-lg {\n font-size: var(--text-lg);\n line-height: var(--tw-leading, var(--text-lg--line-height));\n }\n .text-md {\n font-size: var(--text-md);\n line-height: var(--tw-leading, var(--text-md--line-height));\n }\n .text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n .text-xl {\n font-size: var(--text-xl);\n line-height: var(--tw-leading, var(--text-xl--line-height));\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .leading-7 {\n --tw-leading: calc(var(--spacing) * 7);\n line-height: calc(var(--spacing) * 7);\n }\n .leading-\\[150\\%\\] {\n --tw-leading: 150%;\n line-height: 150%;\n }\n .leading-normal {\n --tw-leading: var(--leading-normal);\n line-height: var(--leading-normal);\n }\n .font-black {\n --tw-font-weight: var(--font-weight-black);\n font-weight: var(--font-weight-black);\n }\n .font-bold {\n --tw-font-weight: var(--font-weight-bold);\n font-weight: var(--font-weight-bold);\n }\n .font-extrabold {\n --tw-font-weight: var(--font-weight-extrabold);\n font-weight: var(--font-weight-extrabold);\n }\n .font-hairline {\n --tw-font-weight: var(--font-weight-hairline);\n font-weight: var(--font-weight-hairline);\n }\n .font-light {\n --tw-font-weight: var(--font-weight-light);\n font-weight: var(--font-weight-light);\n }\n .font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n .font-normal {\n --tw-font-weight: var(--font-weight-normal);\n font-weight: var(--font-weight-normal);\n }\n .font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n }\n .tracking-wide {\n --tw-tracking: var(--tracking-wide);\n letter-spacing: var(--tracking-wide);\n }\n .whitespace-nowrap {\n white-space: nowrap;\n }\n .\\!text-primary-950 {\n color: var(--color-primary-950) !important;\n }\n .\\!text-text-600 {\n color: var(--color-text-600) !important;\n }\n .text-background-500 {\n color: var(--color-background-500);\n }\n .text-background-800 {\n color: var(--color-background-800);\n }\n .text-background-950 {\n color: var(--color-background-950);\n }\n .text-error-500 {\n color: var(--color-error-500);\n }\n .text-error-600 {\n color: var(--color-error-600);\n }\n .text-error-700 {\n color: var(--color-error-700);\n }\n .text-error-800 {\n color: var(--color-error-800);\n }\n .text-gray-800 {\n color: var(--color-gray-800);\n }\n .text-indicator-error {\n color: var(--color-indicator-error);\n }\n .text-info-600 {\n color: var(--color-info-600);\n }\n .text-info-700 {\n color: var(--color-info-700);\n }\n .text-info-800 {\n color: var(--color-info-800);\n }\n .text-inherit {\n color: inherit;\n }\n .text-primary {\n color: var(--color-primary);\n }\n .text-primary-500 {\n color: var(--color-primary-500);\n }\n .text-primary-700 {\n color: var(--color-primary-700);\n }\n .text-primary-950 {\n color: var(--color-primary-950);\n }\n .text-success-500 {\n color: var(--color-success-500);\n }\n .text-success-700 {\n color: var(--color-success-700);\n }\n .text-success-800 {\n color: var(--color-success-800);\n }\n .text-text {\n color: var(--color-text);\n }\n .text-text-400 {\n color: var(--color-text-400);\n }\n .text-text-500 {\n color: var(--color-text-500);\n }\n .text-text-600 {\n color: var(--color-text-600);\n }\n .text-text-700 {\n color: var(--color-text-700);\n }\n .text-text-800 {\n color: var(--color-text-800);\n }\n .text-text-900 {\n color: var(--color-text-900);\n }\n .text-text-950 {\n color: var(--color-text-950);\n }\n .text-typography-1 {\n color: var(--color-typography-1);\n }\n .text-typography-2 {\n color: var(--color-typography-2);\n }\n .text-warning-600 {\n color: var(--color-warning-600);\n }\n .text-warning-800 {\n color: var(--color-warning-800);\n }\n .capitalize {\n text-transform: capitalize;\n }\n .uppercase {\n text-transform: uppercase;\n }\n .italic {\n font-style: italic;\n }\n .opacity-0 {\n opacity: 0%;\n }\n .opacity-40 {\n opacity: 40%;\n }\n .opacity-50 {\n opacity: 50%;\n }\n .shadow {\n --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-hard-shadow-3 {\n --tw-shadow: 2px 2px 8px var(--tw-shadow-color, rgba(38, 38, 38, 0.2));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-lg {\n --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-md {\n --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-none {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-soft-shadow-1 {\n --tw-shadow: 0px 0px 10px var(--tw-shadow-color, rgba(38, 38, 38, 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-soft-shadow-2 {\n --tw-shadow: 0px 0px 20px var(--tw-shadow-color, rgba(38, 38, 38, 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .shadow-soft-shadow-3 {\n --tw-shadow: 0px 0px 30px var(--tw-shadow-color, rgba(38, 38, 38, 0.1));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-2 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n .ring-indicator-info\\/20 {\n --tw-ring-color: color-mix(in srgb, #5399ec 20%, transparent);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--color-indicator-info) 20%, transparent);\n }\n }\n .ring-primary-950 {\n --tw-ring-color: var(--color-primary-950);\n }\n .ring-white {\n --tw-ring-color: var(--color-white);\n }\n .ring-offset-0 {\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n .outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n }\n .blur {\n --tw-blur: blur(8px);\n 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,);\n }\n .filter {\n 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,);\n }\n .transition {\n 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, visibility, content-visibility, overlay, pointer-events;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-colors {\n transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-opacity {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n .duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n }\n .duration-300 {\n --tw-duration: 300ms;\n transition-duration: 300ms;\n }\n .duration-500 {\n --tw-duration: 500ms;\n transition-duration: 500ms;\n }\n .ease-out {\n --tw-ease: var(--ease-out);\n transition-timing-function: var(--ease-out);\n }\n .outline-none {\n --tw-outline-style: none;\n outline-style: none;\n }\n .select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n }\n .group-hover\\:opacity-100 {\n &:is(:where(.group):hover *) {\n @media (hover: hover) {\n opacity: 100%;\n }\n }\n }\n .placeholder\\:text-text-600 {\n &::-moz-placeholder {\n color: var(--color-text-600);\n }\n &::placeholder {\n color: var(--color-text-600);\n }\n }\n .hover\\:border-border-300 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-border-300);\n }\n }\n }\n .hover\\:border-border-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-border-400);\n }\n }\n }\n .hover\\:border-border-500 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-border-500);\n }\n }\n }\n .hover\\:border-error-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-error-400);\n }\n }\n }\n .hover\\:border-error-600 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-error-600);\n }\n }\n }\n .hover\\:border-primary-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-primary-400);\n }\n }\n }\n .hover\\:border-primary-800 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-primary-800);\n }\n }\n }\n .hover\\:border-red-700 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-red-700);\n }\n }\n }\n .hover\\:border-success-400 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-success-400);\n }\n }\n }\n .hover\\:border-success-600 {\n &:hover {\n @media (hover: hover) {\n border-color: var(--color-success-600);\n }\n }\n }\n .hover\\:\\!bg-primary-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-100) !important;\n }\n }\n }\n .hover\\:bg-background-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-background-50);\n }\n }\n }\n .hover\\:bg-background-100 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-background-100);\n }\n }\n }\n .hover\\:bg-background-200 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-background-200);\n }\n }\n }\n .hover\\:bg-error-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-error-600);\n }\n }\n }\n .hover\\:bg-primary-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-600);\n }\n }\n }\n .hover\\:bg-primary-800 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-primary-800);\n }\n }\n }\n .hover\\:bg-secondary-50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-secondary-50);\n }\n }\n }\n .hover\\:bg-success-600 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--color-success-600);\n }\n }\n }\n .hover\\:text-error-400 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-error-400);\n }\n }\n }\n .hover\\:text-primary-400 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-primary-400);\n }\n }\n }\n .hover\\:text-success-400 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-success-400);\n }\n }\n }\n .hover\\:text-text {\n &:hover {\n @media (hover: hover) {\n color: var(--color-text);\n }\n }\n }\n .hover\\:text-text-600 {\n &:hover {\n @media (hover: hover) {\n color: var(--color-text-600);\n }\n }\n }\n .hover\\:shadow-hard-shadow-1 {\n &:hover {\n @media (hover: hover) {\n --tw-shadow: -2px 2px 8px var(--tw-shadow-color, rgba(38, 38, 38, 0.2));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n }\n .focus\\:border-b-2 {\n &:focus {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 2px;\n }\n }\n .focus\\:border-border-500 {\n &:focus {\n border-color: var(--color-border-500);\n }\n }\n .focus\\:border-primary-950 {\n &:focus {\n border-color: var(--color-primary-950);\n }\n }\n .focus\\:border-red-700 {\n &:focus {\n border-color: var(--color-red-700);\n }\n }\n .focus\\:outline-primary-950 {\n &:focus {\n outline-color: var(--color-primary-950);\n }\n }\n .focus\\:outline-none {\n &:focus {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .focus-visible\\:border-0 {\n &:focus-visible {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n }\n .focus-visible\\:bg-background-50 {\n &:focus-visible {\n background-color: var(--color-background-50);\n }\n }\n .focus-visible\\:bg-error-500 {\n &:focus-visible {\n background-color: var(--color-error-500);\n }\n }\n .focus-visible\\:bg-primary-950 {\n &:focus-visible {\n background-color: var(--color-primary-950);\n }\n }\n .focus-visible\\:bg-success-500 {\n &:focus-visible {\n background-color: var(--color-success-500);\n }\n }\n .focus-visible\\:text-error-600 {\n &:focus-visible {\n color: var(--color-error-600);\n }\n }\n .focus-visible\\:text-primary-600 {\n &:focus-visible {\n color: var(--color-primary-600);\n }\n }\n .focus-visible\\:text-success-600 {\n &:focus-visible {\n color: var(--color-success-600);\n }\n }\n .focus-visible\\:shadow-hard-shadow-1 {\n &:focus-visible {\n --tw-shadow: -2px 2px 8px var(--tw-shadow-color, rgba(38, 38, 38, 0.2));\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:shadow-none {\n &:focus-visible {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-2 {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .focus-visible\\:ring-indicator-info {\n &:focus-visible {\n --tw-ring-color: var(--color-indicator-info);\n }\n }\n .focus-visible\\:ring-primary-600 {\n &:focus-visible {\n --tw-ring-color: var(--color-primary-600);\n }\n }\n .focus-visible\\:ring-offset-0 {\n &:focus-visible {\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .focus-visible\\:outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n }\n .active\\:border-error-700 {\n &:active {\n border-color: var(--color-error-700);\n }\n }\n .active\\:border-primary-700 {\n &:active {\n border-color: var(--color-primary-700);\n }\n }\n .active\\:border-success-700 {\n &:active {\n border-color: var(--color-success-700);\n }\n }\n .active\\:bg-error-700 {\n &:active {\n background-color: var(--color-error-700);\n }\n }\n .active\\:bg-primary-700 {\n &:active {\n background-color: var(--color-primary-700);\n }\n }\n .active\\:bg-success-700 {\n &:active {\n background-color: var(--color-success-700);\n }\n }\n .active\\:text-error-700 {\n &:active {\n color: var(--color-error-700);\n }\n }\n .active\\:text-primary-700 {\n &:active {\n color: var(--color-primary-700);\n }\n }\n .active\\:text-success-700 {\n &:active {\n color: var(--color-success-700);\n }\n }\n .active\\:shadow-none {\n &:active {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .active\\:ring-2 {\n &:active {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n }\n .active\\:ring-primary-950 {\n &:active {\n --tw-ring-color: var(--color-primary-950);\n }\n }\n .active\\:ring-offset-0 {\n &:active {\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n }\n .disabled\\:pointer-events-none {\n &:disabled {\n pointer-events: none;\n }\n }\n .disabled\\:cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n }\n .disabled\\:border-error-500 {\n &:disabled {\n border-color: var(--color-error-500);\n }\n }\n .disabled\\:border-primary-500 {\n &:disabled {\n border-color: var(--color-primary-500);\n }\n }\n .disabled\\:border-success-500 {\n &:disabled {\n border-color: var(--color-success-500);\n }\n }\n .disabled\\:bg-error-500 {\n &:disabled {\n background-color: var(--color-error-500);\n }\n }\n .disabled\\:bg-primary-500 {\n &:disabled {\n background-color: var(--color-primary-500);\n }\n }\n .disabled\\:bg-success-500 {\n &:disabled {\n background-color: var(--color-success-500);\n }\n }\n .disabled\\:opacity-40 {\n &:disabled {\n opacity: 40%;\n }\n }\n .disabled\\:opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n }\n .md\\:grid-cols-2 {\n @media (width >= 48rem) {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n }\n .lg\\:grid-cols-4 {\n @media (width >= 64rem) {\n grid-template-columns: repeat(4, minmax(0, 1fr));\n }\n }\n .lg\\:flex-row {\n @media (width >= 64rem) {\n flex-direction: row;\n }\n }\n .\\[\\&_tr\\:first-child\\]\\:border-0 {\n & tr:first-child {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n }\n .\\[\\&_tr\\:last-child\\]\\:border-0 {\n & tr:last-child {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n }\n .\\[\\&\\:has\\(\\[role\\=checkbox\\]\\)\\]\\:pr-0 {\n &:has([role=checkbox]) {\n padding-right: calc(var(--spacing) * 0);\n }\n }\n .\\[\\&\\>\\[role\\=checkbox\\]\\]\\:translate-y-\\[2px\\] {\n &>[role=checkbox] {\n --tw-translate-y: 2px;\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n }\n .\\[\\&\\>svg\\]\\:size-4 {\n &>svg {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n }\n .\\[\\&\\>svg\\]\\:size-6 {\n &>svg {\n width: calc(var(--spacing) * 6);\n height: calc(var(--spacing) * 6);\n }\n }\n .\\[\\&\\>svg\\]\\:shrink-0 {\n &>svg {\n flex-shrink: 0;\n }\n }\n .\\[\\&\\>tr\\]\\:last\\:border-b-0 {\n &>tr {\n &:last-child {\n border-bottom-style: var(--tw-border-style);\n border-bottom-width: 0px;\n }\n }\n }\n}\n@layer base {\n [data-theme='dark'] {\n --color-primary: #a6a6a6;\n --color-primary-50: #afafaf;\n --color-primary-100: #bababa;\n --color-primary-200: #c5c5c5;\n --color-primary-300: #d4d4d4;\n --color-primary-400: #dddddd;\n --color-primary-500: #e6e6e6;\n --color-primary-600: #f0f0f0;\n --color-primary-700: #fafafa;\n --color-primary-800: #fdfdfd;\n --color-primary-900: #fef9f9;\n --color-primary-950: #fdfcfc;\n --color-secondary: #141414;\n --color-secondary-50: #171717;\n --color-secondary-100: #1f1f1f;\n --color-secondary-200: #272727;\n --color-secondary-300: #2c2c2c;\n --color-secondary-400: #383939;\n --color-secondary-500: #3f4040;\n --color-secondary-600: #565656;\n --color-secondary-700: #656565;\n --color-secondary-800: #878787;\n --color-secondary-900: #969