/*! tailwindcss v4.0.0-beta.10 | MIT License | https://tailwindcss.com */ @layer theme { :root { --font-sans: "Inter", "ui-sans-serif", "system-ui", "-apple-system", "system-ui", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"; --color-red-50: oklch(.971 .013 17.38); --color-red-100: oklch(.936 .032 17.717); --color-red-200: oklch(.885 .062 18.334); --color-red-300: oklch(.808 .114 19.571); --color-red-400: oklch(.704 .191 22.216); --color-red-500: oklch(.637 .237 25.331); --color-red-600: oklch(.577 .245 27.325); --color-red-700: oklch(.505 .213 27.518); --color-red-800: oklch(.444 .177 26.899); --color-red-900: oklch(.396 .141 25.723); --color-red-950: oklch(.258 .092 26.042); --color-orange-50: oklch(.98 .016 73.684); --color-orange-100: oklch(.954 .038 75.164); --color-orange-200: oklch(.901 .076 70.697); --color-orange-300: oklch(.837 .128 66.29); --color-orange-400: oklch(.75 .183 55.934); --color-orange-500: oklch(.705 .213 47.604); --color-orange-600: oklch(.646 .222 41.116); --color-orange-700: oklch(.553 .195 38.402); --color-orange-800: oklch(.47 .157 37.304); --color-orange-900: oklch(.408 .123 38.172); --color-orange-950: oklch(.266 .079 36.259); --color-amber-50: oklch(.987 .022 95.277); --color-amber-100: oklch(.962 .059 95.617); --color-amber-200: oklch(.924 .12 95.746); --color-amber-300: oklch(.879 .169 91.605); --color-amber-400: oklch(.828 .189 84.429); --color-amber-500: oklch(.769 .188 70.08); --color-amber-600: oklch(.666 .179 58.318); --color-amber-700: oklch(.555 .163 48.998); --color-amber-800: oklch(.473 .137 46.201); --color-amber-900: oklch(.414 .112 45.904); --color-amber-950: oklch(.279 .077 45.635); --color-yellow-50: oklch(.987 .026 102.212); --color-yellow-100: oklch(.973 .071 103.193); --color-yellow-200: oklch(.945 .129 101.54); --color-yellow-300: oklch(.905 .182 98.111); --color-yellow-400: oklch(.852 .199 91.936); --color-yellow-500: oklch(.795 .184 86.047); --color-yellow-600: oklch(.681 .162 75.834); --color-yellow-700: oklch(.554 .135 66.442); --color-yellow-800: oklch(.476 .114 61.907); --color-yellow-900: oklch(.421 .095 57.708); --color-yellow-950: oklch(.286 .066 53.813); --color-lime-50: oklch(.986 .031 120.757); --color-lime-100: oklch(.967 .067 122.328); --color-lime-200: oklch(.938 .127 124.321); --color-lime-300: oklch(.897 .196 126.665); --color-lime-400: oklch(.841 .238 128.85); --color-lime-500: oklch(.768 .233 130.85); --color-lime-600: oklch(.648 .2 131.684); --color-lime-700: oklch(.532 .157 131.589); --color-lime-800: oklch(.453 .124 130.933); --color-lime-900: oklch(.405 .101 131.063); --color-lime-950: oklch(.274 .072 132.109); --color-green-50: oklch(.982 .018 155.826); --color-green-100: oklch(.962 .044 156.743); --color-green-200: oklch(.925 .084 155.995); --color-green-300: oklch(.871 .15 154.449); --color-green-400: oklch(.792 .209 151.711); --color-green-500: oklch(.723 .219 149.579); --color-green-600: oklch(.627 .194 149.214); --color-green-700: oklch(.527 .154 150.069); --color-green-800: oklch(.448 .119 151.328); --color-green-900: oklch(.393 .095 152.535); --color-green-950: oklch(.266 .065 152.934); --color-emerald-50: oklch(.979 .021 166.113); --color-emerald-100: oklch(.95 .052 163.051); --color-emerald-200: oklch(.905 .093 164.15); --color-emerald-300: oklch(.845 .143 164.978); --color-emerald-400: oklch(.765 .177 163.223); --color-emerald-500: oklch(.696 .17 162.48); --color-emerald-600: oklch(.596 .145 163.225); --color-emerald-700: oklch(.508 .118 165.612); --color-emerald-800: oklch(.432 .095 166.913); --color-emerald-900: oklch(.378 .077 168.94); --color-emerald-950: oklch(.262 .051 172.552); --color-teal-50: oklch(.984 .014 180.72); --color-teal-100: oklch(.953 .051 180.801); --color-teal-200: oklch(.91 .096 180.426); --color-teal-300: oklch(.855 .138 181.071); --color-teal-400: oklch(.777 .152 181.912); --color-teal-500: oklch(.704 .14 182.503); --color-teal-600: oklch(.6 .118 184.704); --color-teal-700: oklch(.511 .096 186.391); --color-teal-800: oklch(.437 .078 188.216); --color-teal-900: oklch(.386 .063 188.416); --color-teal-950: oklch(.277 .046 192.524); --color-cyan-50: oklch(.984 .019 200.873); --color-cyan-100: oklch(.956 .045 203.388); --color-cyan-200: oklch(.917 .08 205.041); --color-cyan-300: oklch(.865 .127 207.078); --color-cyan-400: oklch(.789 .154 211.53); --color-cyan-500: oklch(.715 .143 215.221); --color-cyan-600: oklch(.609 .126 221.723); --color-cyan-700: oklch(.52 .105 223.128); --color-cyan-800: oklch(.45 .085 224.283); --color-cyan-900: oklch(.398 .07 227.392); --color-cyan-950: oklch(.302 .056 229.695); --color-sky-50: oklch(.977 .013 236.62); --color-sky-100: oklch(.951 .026 236.824); --color-sky-200: oklch(.901 .058 230.902); --color-sky-300: oklch(.828 .111 230.318); --color-sky-400: oklch(.746 .16 232.661); --color-sky-500: oklch(.685 .169 237.323); --color-sky-600: oklch(.588 .158 241.966); --color-sky-700: oklch(.5 .134 242.749); --color-sky-800: oklch(.443 .11 240.79); --color-sky-900: oklch(.391 .09 240.876); --color-sky-950: oklch(.293 .066 243.157); --color-blue-50: oklch(.97 .014 254.604); --color-blue-100: oklch(.932 .032 255.585); --color-blue-200: oklch(.882 .059 254.128); --color-blue-300: oklch(.809 .105 251.813); --color-blue-400: oklch(.707 .165 254.624); --color-blue-500: oklch(.623 .214 259.815); --color-blue-600: oklch(.546 .245 262.881); --color-blue-700: oklch(.488 .243 264.376); --color-blue-800: oklch(.424 .199 265.638); --color-blue-900: oklch(.379 .146 265.522); --color-blue-950: oklch(.282 .091 267.935); --color-indigo-50: oklch(.962 .018 272.314); --color-indigo-100: oklch(.93 .034 272.788); --color-indigo-200: oklch(.87 .065 274.039); --color-indigo-300: oklch(.785 .115 274.713); --color-indigo-400: oklch(.673 .182 276.935); --color-indigo-500: oklch(.585 .233 277.117); --color-indigo-600: oklch(.511 .262 276.966); --color-indigo-700: oklch(.457 .24 277.023); --color-indigo-800: oklch(.398 .195 277.366); --color-indigo-900: oklch(.359 .144 278.697); --color-indigo-950: oklch(.257 .09 281.288); --color-violet-50: oklch(.969 .016 293.756); --color-violet-100: oklch(.943 .029 294.588); --color-violet-200: oklch(.894 .057 293.283); --color-violet-300: oklch(.811 .111 293.571); --color-violet-400: oklch(.702 .183 293.541); --color-violet-500: oklch(.606 .25 292.717); --color-violet-600: oklch(.541 .281 293.009); --color-violet-700: oklch(.491 .27 292.581); --color-violet-800: oklch(.432 .232 292.759); --color-violet-900: oklch(.38 .189 293.745); --color-violet-950: oklch(.283 .141 291.089); --color-purple-50: oklch(.977 .014 308.299); --color-purple-100: oklch(.946 .033 307.174); --color-purple-200: oklch(.902 .063 306.703); --color-purple-300: oklch(.827 .119 306.383); --color-purple-400: oklch(.714 .203 305.504); --color-purple-500: oklch(.627 .265 303.9); --color-purple-600: oklch(.558 .288 302.321); --color-purple-700: oklch(.496 .265 301.924); --color-purple-800: oklch(.438 .218 303.724); --color-purple-900: oklch(.381 .176 304.987); --color-purple-950: oklch(.291 .149 302.717); --color-fuchsia-50: oklch(.977 .017 320.058); --color-fuchsia-100: oklch(.952 .037 318.852); --color-fuchsia-200: oklch(.903 .076 319.62); --color-fuchsia-300: oklch(.833 .145 321.434); --color-fuchsia-400: oklch(.74 .238 322.16); --color-fuchsia-500: oklch(.667 .295 322.15); --color-fuchsia-600: oklch(.591 .293 322.896); --color-fuchsia-700: oklch(.518 .253 323.949); --color-fuchsia-800: oklch(.452 .211 324.591); --color-fuchsia-900: oklch(.401 .17 325.612); --color-fuchsia-950: oklch(.293 .136 325.661); --color-pink-50: oklch(.971 .014 343.198); --color-pink-100: oklch(.948 .028 342.258); --color-pink-200: oklch(.899 .061 343.231); --color-pink-300: oklch(.823 .12 346.018); --color-pink-400: oklch(.718 .202 349.761); --color-pink-500: oklch(.656 .241 354.308); --color-pink-600: oklch(.592 .249 .584); --color-pink-700: oklch(.525 .223 3.958); --color-pink-800: oklch(.459 .187 3.815); --color-pink-900: oklch(.408 .153 2.432); --color-pink-950: oklch(.284 .109 3.907); --color-rose-50: oklch(.969 .015 12.422); --color-rose-100: oklch(.941 .03 12.58); --color-rose-200: oklch(.892 .058 10.001); --color-rose-300: oklch(.81 .117 11.638); --color-rose-400: oklch(.712 .194 13.428); --color-rose-500: oklch(.645 .246 16.439); --color-rose-600: oklch(.586 .253 17.585); --color-rose-700: oklch(.514 .222 16.935); --color-rose-800: oklch(.455 .188 13.697); --color-rose-900: oklch(.41 .159 10.272); --color-rose-950: oklch(.271 .105 12.094); --color-slate-50: oklch(.984 .003 247.858); --color-slate-100: oklch(.968 .007 247.896); --color-slate-200: oklch(.929 .013 255.508); --color-slate-300: oklch(.869 .022 252.894); --color-slate-400: oklch(.704 .04 256.788); --color-slate-500: oklch(.554 .046 257.417); --color-slate-600: oklch(.446 .043 257.281); --color-slate-700: oklch(.372 .044 257.287); --color-slate-800: oklch(.279 .041 260.031); --color-slate-900: oklch(.208 .042 265.755); --color-slate-950: oklch(.129 .042 264.695); --color-gray-50: oklch(.985 .002 247.839); --color-gray-100: oklch(.967 .003 264.542); --color-gray-200: oklch(.928 .006 264.531); --color-gray-300: oklch(.872 .01 258.338); --color-gray-400: oklch(.707 .022 261.325); --color-gray-500: oklch(.551 .027 264.364); --color-gray-600: oklch(.446 .03 256.802); --color-gray-700: oklch(.373 .034 259.733); --color-gray-800: oklch(.278 .033 256.848); --color-gray-900: oklch(.21 .034 264.665); --color-gray-950: oklch(.13 .028 261.692); --color-zinc-50: oklch(.985 0 0); --color-zinc-100: oklch(.967 .001 286.375); --color-zinc-200: oklch(.92 .004 286.32); --color-zinc-300: oklch(.871 .006 286.286); --color-zinc-400: oklch(.705 .015 286.067); --color-zinc-500: oklch(.552 .016 285.938); --color-zinc-600: oklch(.442 .017 285.786); --color-zinc-700: oklch(.37 .013 285.805); --color-zinc-800: oklch(.274 .006 286.033); --color-zinc-900: oklch(.21 .006 285.885); --color-zinc-950: oklch(.141 .005 285.823); --color-neutral-50: oklch(.985 0 0); --color-neutral-100: oklch(.97 0 0); --color-neutral-200: oklch(.922 0 0); --color-neutral-300: oklch(.87 0 0); --color-neutral-400: oklch(.708 0 0); --color-neutral-500: oklch(.556 0 0); --color-neutral-600: oklch(.439 0 0); --color-neutral-700: oklch(.371 0 0); --color-neutral-800: oklch(.269 0 0); --color-neutral-900: oklch(.205 0 0); --color-neutral-950: oklch(.145 0 0); --color-stone-50: oklch(.985 .001 106.423); --color-stone-100: oklch(.97 .001 106.424); --color-stone-200: oklch(.923 .003 48.717); --color-stone-300: oklch(.869 .005 56.366); --color-stone-400: oklch(.709 .01 56.259); --color-stone-500: oklch(.553 .013 58.071); --color-stone-600: oklch(.444 .011 73.639); --color-stone-700: oklch(.374 .01 67.558); --color-stone-800: oklch(.268 .007 34.298); --color-stone-900: oklch(.216 .006 56.043); --color-stone-950: oklch(.147 .004 49.25); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1/.75); --text-sm: .875rem; --text-sm--line-height: calc(1.25/.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-xl: 1.25rem; --text-xl--line-height: calc(1.75/1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2/1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25/1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5/2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1)infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1)infinite; --animate-bounce: bounce 1s infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings); --font-body: "Inter", "ui-sans-serif", "system-ui", "-apple-system", "system-ui", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --spacing-2xl: 16rem; --spacing-8xl: 90rem; --text-2xs: .625rem } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; 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"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent } body { line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit } b, strong { font-weight: bolder } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em } small { font-size: 80% } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } :-moz-focusring { outline: auto } progress { vertical-align: baseline } summary { display: list-item } ol, ul, menu { list-style: none } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block } img, video { max-width: 100%; height: auto } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0 } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0 } :where(select:is([multiple], [size])) optgroup { font-weight: bolder } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px } ::file-selector-button { margin-inline-end: 4px } ::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent) } textarea { resize: vertical } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit } ::-webkit-datetime-edit { display: inline-flex } ::-webkit-datetime-edit { padding-block: 0 } ::-webkit-datetime-edit-year-field { padding-block: 0 } ::-webkit-datetime-edit-month-field { padding-block: 0 } ::-webkit-datetime-edit-day-field { padding-block: 0 } ::-webkit-datetime-edit-hour-field { padding-block: 0 } ::-webkit-datetime-edit-minute-field { padding-block: 0 } ::-webkit-datetime-edit-second-field { padding-block: 0 } ::-webkit-datetime-edit-millisecond-field { padding-block: 0 } ::-webkit-datetime-edit-meridiem-field { padding-block: 0 } :-moz-ui-invalid { box-shadow: none } button, input:where([type=button], [type=reset], [type=submit]) { appearance: button } ::file-selector-button { appearance: button } ::-webkit-inner-spin-button { height: auto } ::-webkit-outer-spin-button { height: auto } [hidden]:where(:not([hidden=until-found])) { display: none !important } .tooltip-arrow, .tooltip-arrow:before { background: inherit; width: 8px; height: 8px; position: absolute } .tooltip-arrow { visibility: hidden } .tooltip-arrow:before { content: ""; visibility: visible; transform: rotate(45deg) } [data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before { border-style: solid; border-color: var(--color-gray-200) } [data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before { border-bottom-width: 1px; border-right-width: 1px } [data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before { border-bottom-width: 1px; border-left-width: 1px } [data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before { border-top-width: 1px; border-left-width: 1px } [data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before { border-top-width: 1px; border-right-width: 1px } .tooltip[data-popper-placement^=top]>.tooltip-arrow { bottom: -4px } .tooltip[data-popper-placement^=bottom]>.tooltip-arrow { top: -4px } .tooltip[data-popper-placement^=left]>.tooltip-arrow { right: -4px } .tooltip[data-popper-placement^=right]>.tooltip-arrow { left: -4px } .tooltip.invisible>.tooltip-arrow:before { visibility: hidden } [data-popper-arrow], [data-popper-arrow]:before { background: inherit; width: 8px; height: 8px; position: absolute } [data-popper-arrow] { visibility: hidden } [data-popper-arrow]:before { content: ""; visibility: visible; transform: rotate(45deg) } [data-popper-arrow]:after { content: ""; visibility: visible; background: inherit; width: 9px; height: 9px; position: absolute; transform: rotate(45deg) } [role=tooltip]>[data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-200) } .dark [role=tooltip]>[data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-600) } [role=tooltip]>[data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-200) } .dark [role=tooltip]>[data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-600) } [data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before, [data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after { border-bottom-width: 1px; border-right-width: 1px } [data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before, [data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after { border-bottom-width: 1px; border-left-width: 1px } [data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before, [data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after { border-top-width: 1px; border-left-width: 1px } [data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before, [data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after { border-top-width: 1px; border-right-width: 1px } [data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow] { bottom: -5px } [data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow] { top: -5px } [data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow] { right: -5px } [data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow] { left: -5px } [role=tooltip].invisible>[data-popper-arrow]:before, [role=tooltip].invisible>[data-popper-arrow]:after { visibility: hidden } [type=text], [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select { appearance: none; border-color: var(--color-gray-500); --tw-shadow: 0 0 #0000; background-color: #fff; border-width: 1px; border-radius: 0; padding: .5rem .75rem; font-size: 1rem; line-height: 1.5rem } :is([type=text], [type=email], [type=url], [type=password], [type=number], [type=date], [type=datetime-local], [type=month], [type=search], [type=tel], [type=time], [type=week], [multiple], textarea, select):focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-blue-600); --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: var(--color-blue-600); outline: 2px solid #0000 } input::placeholder, textarea::placeholder { color: var(--color-gray-500); opacity: 1 } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } input[type=time]::-webkit-calendar-picker-indicator { background: 0 0 } select:not([size]) { print-color-adjust: exact; background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); background-position: right .75rem center; background-repeat: no-repeat; background-size: .75em .75em; padding-right: 2.5rem } [dir=rtl] select:not([size]) { background-position: .75rem; padding-left: 0; padding-right: .75rem } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; print-color-adjust: unset; padding-right: .75rem } [type=checkbox], [type=radio] { appearance: none; print-color-adjust: exact; vertical-align: middle; -webkit-user-select: none; user-select: none; width: 1rem; height: 1rem; color: var(--color-blue-600); border-color: --color-gray-500; --tw-shadow: 0 0 #0000; background-color: #fff; background-origin: border-box; border-width: 1px; flex-shrink: 0; padding: 0; display: inline-block } [type=checkbox] { border-radius: 0 } [type=radio] { border-radius: 100% } [type=checkbox]:focus, [type=radio]:focus { outline-offset: 2px; --tw-ring-inset: var(--tw-empty, ); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-blue-600); --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); outline: 2px solid #0000 } [type=checkbox]:checked, [type=radio]:checked, .dark [type=checkbox]:checked, .dark [type=radio]:checked { background-position: 50%; background-repeat: no-repeat; background-size: .55em .55em; background-color: currentColor !important; border-color: #0000 !important } [type=checkbox]:checked { print-color-adjust: exact; background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: .55em .55em } [type=radio]:checked, .dark [type=radio]:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); background-size: 1em 1em } [type=checkbox]:indeterminate { print-color-adjust: exact; background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e"); background-position: 50%; background-repeat: no-repeat; background-size: .55em .55em; background-color: currentColor !important; border-color: #0000 !important } [type=checkbox]:indeterminate:hover, [type=checkbox]:indeterminate:focus { background-color: currentColor !important; border-color: #0000 !important } [type=file] { background: unset; border-color: inherit; font-size: unset; line-height: inherit; border-width: 0; border-radius: 0; padding: 0 } [type=file]:focus { outline: 1px auto inherit } input[type=file]::file-selector-button { color: #fff; background: var(--color-gray-800); cursor: pointer; border: 0; margin-inline: -1rem 1rem; padding: .625rem 1rem .625rem 2rem; font-size: .875rem; font-weight: 500 } input[type=file]::file-selector-button:hover { background: var(--color-gray-700) } [dir=rtl] input[type=file]::file-selector-button { padding-left: 1rem; padding-right: 2rem } .dark input[type=file]::file-selector-button { color: #fff; background: var(--color-gray-600) } .dark input[type=file]::file-selector-button:hover { background: var(--color-gray-500) } input[type=range]::-webkit-slider-thumb { background: var(--color-blue-600); appearance: none; cursor: pointer; border: 0; border-radius: 9999px; width: 1.25rem; height: 1.25rem } input[type=range]:disabled::-webkit-slider-thumb { background: var(--color-gray-400) } .dark input[type=range]:disabled::-webkit-slider-thumb { background: var(--color-gray-500) } input[type=range]:focus::-webkit-slider-thumb { outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(164 202 254/var(--tw-ring-opacity)); outline: 2px solid #0000 } input[type=range]::-moz-range-thumb { background: var(--color-blue-600); appearance: none; cursor: pointer; border: 0; border-radius: 9999px; width: 1.25rem; height: 1.25rem } input[type=range]:disabled::-moz-range-thumb { background: var(--color-gray-400) } .dark input[type=range]:disabled::-moz-range-thumb { background: var(--color-gray-500) } input[type=range]::-moz-range-progress { background: var(--color-blue-500) } input[type=range]::-ms-fill-lower { background: var(--color-blue-500) } input[type=range].range-sm::-webkit-slider-thumb { width: 1rem; height: 1rem } input[type=range].range-lg::-webkit-slider-thumb { width: 1.5rem; height: 1.5rem } input[type=range].range-sm::-moz-range-thumb { width: 1rem; height: 1rem } input[type=range].range-lg::-moz-range-thumb { width: 1.5rem; height: 1.5rem } .toggle-bg:after { content: ""; border-color: var(--color-gray-300); width: 1.25rem; height: 1.25rem; box-shadow: var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color); background: #fff; border-width: 1px; border-radius: 9999px; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter; transition-duration: .15s; position: absolute; top: .125rem; left: .125rem } input:checked+.toggle-bg:after { border-color: #fff; transform: translate(100%) } input:checked+.toggle-bg { background: var(--color-blue-600); border-color: var(--color-blue-600) } } @layer components; @layer utilities { .pointer-events-none { pointer-events: none } .collapse { visibility: collapse } .invisible { visibility: hidden } .visible { visibility: visible } .datatable-wrapper { width: 100% } @media (width>=640px) { .datatable-wrapper .datatable-top { flex-direction: row-reverse; align-items: center } } @media (width>=640px) { .datatable-wrapper .datatable-bottom { flex-direction: row; align-items: center } } .datatable-wrapper .datatable-bottom { flex-direction: column; justify-content: space-between; align-items: start; gap: 1rem; margin-top: 1rem; display: flex } @media (width>=640px) { .datatable-wrapper .datatable-bottom { flex-direction: row; align-items: center } } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-500); border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); align-items: center; height: 2rem; padding-left: .75rem; padding-right: .75rem; font-size: .875rem; font-weight: 500; display: flex } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700) } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type, .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link, .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link, .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link, .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #0000 } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); width: 1.3rem; height: 1.3rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); width: 1.3rem; height: 1.3rem; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-300); border-top-left-radius: .5rem; border-bottom-left-radius: .5rem } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-left: 0; border-top-right-radius: .5rem; border-bottom-right-radius: .5rem } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden } .absolute { position: absolute } .fixed { position: fixed } .relative { position: relative } .static { position: static } .sticky { position: sticky } .inset-0 { inset: calc(var(--spacing)*0) } .inset-y-0 { inset-block: calc(var(--spacing)*0) } .-start-1\.5 { inset-inline-start: calc(var(--spacing)*-1.5) } .-start-3 { inset-inline-start: calc(var(--spacing)*-3) } .-start-3\.5 { inset-inline-start: calc(var(--spacing)*-3.5) } .-start-4 { inset-inline-start: calc(var(--spacing)*-4) } .-start-14 { inset-inline-start: calc(var(--spacing)*-14) } .-start-\[17px\] { inset-inline-start: -17px } .start-0 { inset-inline-start: calc(var(--spacing)*0) } .start-1 { inset-inline-start: calc(var(--spacing)*1) } .start-1\/2 { inset-inline-start: 50% } .start-1\/3 { inset-inline-start: 33.3333% } .start-2\.5 { inset-inline-start: calc(var(--spacing)*2.5) } .start-2\/3 { inset-inline-start: 66.6667% } .start-6 { inset-inline-start: calc(var(--spacing)*6) } .start-7 { inset-inline-start: calc(var(--spacing)*7) } .-end-2 { inset-inline-end: calc(var(--spacing)*-2) } .-end-\[16px\] { inset-inline-end: -16px } .-end-\[17px\] { inset-inline-end: -17px } .end-0 { inset-inline-end: calc(var(--spacing)*0) } .end-2 { inset-inline-end: calc(var(--spacing)*2) } .end-2\.5 { inset-inline-end: calc(var(--spacing)*2.5) } .end-6 { inset-inline-end: calc(var(--spacing)*6) } .end-24 { inset-inline-end: calc(var(--spacing)*24) } .-top-0\.5 { top: calc(var(--spacing)*-.5) } .-top-2 { top: calc(var(--spacing)*-2) } .-top-\[140px\] { top: -140px } .top-0 { top: calc(var(--spacing)*0) } .top-1 { top: calc(var(--spacing)*1) } .top-1\/2 { top: 50% } .top-2 { top: calc(var(--spacing)*2) } .top-2\.5 { top: calc(var(--spacing)*2.5) } .top-2\/4 { top: 50% } .top-3 { top: calc(var(--spacing)*3) } .top-4 { top: calc(var(--spacing)*4) } .top-5 { top: calc(var(--spacing)*5) } .top-6 { top: calc(var(--spacing)*6) } .top-28 { top: calc(var(--spacing)*28) } .top-\[40px\] { top: 40px } .top-\[72px\] { top: 72px } .top-\[88px\] { top: 88px } .top-\[124px\] { top: 124px } .top-\[142px\] { top: 142px } .top-\[178px\] { top: 178px } .right-0 { right: calc(var(--spacing)*0) } .right-1\/2 { right: 50% } .right-2\.5 { right: calc(var(--spacing)*2.5) } .right-5 { right: calc(var(--spacing)*5) } .right-6 { right: calc(var(--spacing)*6) } .right-24 { right: calc(var(--spacing)*24) } .right-auto { right: auto } .-bottom-6 { bottom: calc(var(--spacing)*-6) } .bottom-0 { bottom: calc(var(--spacing)*0) } .bottom-1 { bottom: calc(var(--spacing)*1) } .bottom-2 { bottom: calc(var(--spacing)*2) } .bottom-2\.5 { bottom: calc(var(--spacing)*2.5) } .bottom-3 { bottom: calc(var(--spacing)*3) } .bottom-4 { bottom: calc(var(--spacing)*4) } .bottom-5 { bottom: calc(var(--spacing)*5) } .bottom-6 { bottom: calc(var(--spacing)*6) } .bottom-\[\*px\] { bottom: *px } .bottom-\[60px\] { bottom: 60px } .-left-1 { left: calc(var(--spacing)*-1) } .left-0 { left: calc(var(--spacing)*0) } .left-1\/2 { left: 50% } .left-5 { left: calc(var(--spacing)*5) } .left-7 { left: calc(var(--spacing)*7) } .left-8 { left: calc(var(--spacing)*8) } .left-auto { left: auto } .-z-10 { z-index: calc(10*-1) } .z-0 { z-index: 0 } .z-10 { z-index: 10 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .z-40 { z-index: 40 } .z-50 { z-index: 50 } .col-span-1 { grid-column: span 1/span 1 } .col-span-2 { grid-column: span 2/span 2 } .col-span-3 { grid-column: span 3/span 3 } .col-span-6 { grid-column: span 6/span 6 } .container { width: 100% } @media (width>=40rem) { .container { max-width: 40rem } } @media (width>=48rem) { .container { max-width: 48rem } } @media (width>=64rem) { .container { max-width: 64rem } } @media (width>=80rem) { .container { max-width: 80rem } } @media (width>=96rem) { .container { max-width: 96rem } } .format { color: var(--tw-format-body); --tw-format-body: oklch(.551 .027 264.364); --tw-format-headings: oklch(.21 .034 264.665); --tw-format-lead: oklch(.551 .027 264.364); --tw-format-links: oklch(.446 .03 256.802); --tw-format-bold: oklch(.21 .034 264.665); --tw-format-counters: oklch(.551 .027 264.364); --tw-format-bullets: oklch(.551 .027 264.364); --tw-format-hr: oklch(.928 .006 264.531); --tw-format-quotes: oklch(.21 .034 264.665); --tw-format-quote-borders: oklch(.928 .006 264.531); --tw-format-captions: oklch(.551 .027 264.364); --tw-format-code: oklch(.21 .034 264.665); --tw-format-code-bg: oklch(.967 .003 264.542); --tw-format-pre-code: oklch(.446 .03 256.802); --tw-format-pre-bg: oklch(.967 .003 264.542); --tw-format-th-borders: oklch(.928 .006 264.531); --tw-format-th-bg: oklch(.985 .002 247.839); --tw-format-td-borders: oklch(.928 .006 264.531); --tw-format-invert-body: oklch(.707 .022 261.325); --tw-format-invert-headings: #fff; --tw-format-invert-lead: oklch(.707 .022 261.325); --tw-format-invert-links: #fff; --tw-format-invert-bold: #fff; --tw-format-invert-counters: oklch(.707 .022 261.325); --tw-format-invert-bullets: oklch(.446 .03 256.802); --tw-format-invert-hr: oklch(.373 .034 259.733); --tw-format-invert-quotes: oklch(.967 .003 264.542); --tw-format-invert-quote-borders: oklch(.373 .034 259.733); --tw-format-invert-captions: oklch(.707 .022 261.325); --tw-format-invert-code: #fff; --tw-format-invert-code-bg: oklch(.278 .033 256.848); --tw-format-invert-pre-code: oklch(.872 .01 258.338); --tw-format-invert-pre-bg: oklch(.373 .034 259.733); --tw-format-invert-th-borders: oklch(.446 .03 256.802); --tw-format-invert-td-borders: oklch(.373 .034 259.733); --tw-format-invert-th-bg: oklch(.373 .034 259.733); max-width: 65ch; font-size: 1rem; line-height: 1.75 } .format :where([class~=lead]):not(:where([class~=not-format] *)) { color: var(--tw-format-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6 } .format :where(a):not(:where([class~=not-format] *)) { color: var(--tw-format-links); font-weight: 500; text-decoration: underline } .format :where(a):not(:where([class~=not-format] *)):hover { text-decoration: none } .format :where(strong):not(:where([class~=not-format] *)) { color: var(--tw-format-bold); font-weight: 700 } .format :where(a strong):not(:where([class~=not-format] *)), .format :where(blockquote strong):not(:where([class~=not-format] *)), .format :where(thead th strong):not(:where([class~=not-format] *)) { color: inherit } .format :where(ol):not(:where([class~=not-format] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; list-style-type: decimal } .format :where(ol[type=A]):not(:where([class~=not-format] *)) { list-style-type: upper-alpha } .format :where(ol[type=a]):not(:where([class~=not-format] *)) { list-style-type: lower-alpha } .format :where(ol[type=A s]):not(:where([class~=not-format] *)) { list-style-type: upper-alpha } .format :where(ol[type=a s]):not(:where([class~=not-format] *)) { list-style-type: lower-alpha } .format :where(ol[type=I]):not(:where([class~=not-format] *)) { list-style-type: upper-roman } .format :where(ol[type=i]):not(:where([class~=not-format] *)) { list-style-type: lower-roman } .format :where(ol[type=I s]):not(:where([class~=not-format] *)) { list-style-type: upper-roman } .format :where(ol[type=i s]):not(:where([class~=not-format] *)) { list-style-type: lower-roman } .format :where(ol[type="1"]):not(:where([class~=not-format] *)) { list-style-type: decimal } .format :where(ul):not(:where([class~=not-format] *)) { margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; list-style-type: disc } .format :where(ol>li):not(:where([class~=not-format] *))::marker { color: var(--tw-format-counters); font-weight: 400 } .format :where(ul>li):not(:where([class~=not-format] *))::marker { color: var(--tw-format-bullets) } .format :where(hr):not(:where([class~=not-format] *)) { border-color: var(--tw-format-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em } .format :where(blockquote):not(:where([class~=not-format] *)) { color: var(--tw-format-quotes); quotes: "“" "”" "‘" "’"; margin-bottom: 1.6em; font-size: 1.11111em; font-style: italic; font-weight: 700 } .format :where(blockquote):not(:where([class~=not-format] *)):before { content: ""; color: var(--tw-format-quotes); background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 -7.15256e-07L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM-9.53674e-07 24V14.1453C-9.53674e-07 6.54 4.99733 1.384 12 -7.15256e-07L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H-9.53674e-07Z' fill='%239CA3AF'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; width: 1.77778em; height: 1.33333em; margin-top: 1.6em; display: block } .format :where(blockquote p:first-of-type):not(:where([class~=not-format] *)):before { content: open-quote } .format :where(blockquote p:last-of-type):not(:where([class~=not-format] *)):after { content: close-quote } .format :where(h1):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111 } .format :where(h1 strong):not(:where([class~=not-format] *)) { color: inherit; font-weight: 900 } .format :where(h2):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); margin-top: 0; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333 } .format :where(h2 strong):not(:where([class~=not-format] *)) { color: inherit; font-weight: 800 } .format :where(h3):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); margin-top: 0; margin-bottom: .6em; font-size: 1.25em; font-weight: 700; line-height: 1.6 } .format :where(h3 strong):not(:where([class~=not-format] *)) { color: inherit; font-weight: 800 } .format :where(h4):not(:where([class~=not-format] *)) { color: var(--tw-format-headings); margin-top: 0; margin-bottom: .5em; font-weight: 600; line-height: 1.5 } .format :where(h4 strong):not(:where([class~=not-format] *)) { color: inherit; font-weight: 700 } .format :where(img):not(:where([class~=not-format] *)) { margin-top: 2em; margin-bottom: 2em } .format :where(figure>*):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: 0 } .format :where(figcaption):not(:where([class~=not-format] *)) { color: var(--tw-format-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857 } .format :where(code):not(:where([class~=not-format] *)) { color: var(--tw-format-code); background-color: var(--tw-format-code-bg); border-radius: .222222em; padding: .333333em .555556em; font-size: .875em; font-weight: 600 } .format :where(a code):not(:where([class~=not-format] *)), .format :where(h1 code):not(:where([class~=not-format] *)) { color: inherit } .format :where(h2 code):not(:where([class~=not-format] *)) { color: inherit; font-size: .875em } .format :where(h3 code):not(:where([class~=not-format] *)) { color: inherit; font-size: .9em } .format :where(h4 code):not(:where([class~=not-format] *)), .format :where(blockquote code):not(:where([class~=not-format] *)), .format :where(thead th code):not(:where([class~=not-format] *)) { color: inherit } .format :where(pre):not(:where([class~=not-format] *)) { color: var(--tw-format-pre-code); background-color: var(--tw-format-pre-bg); border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding: .857143em 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto } .format :where(pre code):not(:where([class~=not-format] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0 } .format :where(pre code):not(:where([class~=not-format] *)):before, .format :where(pre code):not(:where([class~=not-format] *)):after { content: none } .format :where(table):not(:where([class~=not-format] *)) { table-layout: auto; text-align: left; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429 } .format :where(thead):not(:where([class~=not-format] *)) { background-color: var(--tw-format-th-bg); border-radius: .277778em } .format :where(thead th):not(:where([class~=not-format] *)) { background-color: var(--tw-format-th-bg); color: var(--tw-format-headings); vertical-align: bottom; padding: .555556em .571429em .571429em; font-weight: 600 } .format :where(tbody th):not(:where([class~=not-format] *)) { background-color: var(--tw-format-th-bg); color: var(--tw-format-headings); vertical-align: bottom; padding: .555556em; font-weight: 600 } .format :where(tbody tr th p, tbody tr td p):not(:where([class~=not-format] *)) { margin: 0 !important } .format :where(tbody tr th, tbody tr td):not(:where([class~=not-format] *)) { padding: .666667em !important } .format :where(tbody tr):not(:where([class~=not-format] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-format-td-borders) } .format :where(tbody tr:last-child):not(:where([class~=not-format] *)) { border-bottom-width: 0 } .format :where(tbody td):not(:where([class~=not-format] *)) { vertical-align: baseline } .format :where(tfoot):not(:where([class~=not-format] *)) { border-top-width: 1px; border-top-color: var(--tw-format-th-borders) } .format :where(tfoot td):not(:where([class~=not-format] *)) { vertical-align: top } .format :where(p):not(:where([class~=not-format] *)) { margin-top: 1.25em; margin-bottom: 1.25em } .format :where(blockquote>p:first-child):not(:where([class~=not-format] *)) { margin-top: 0 } .format :where(video):not(:where([class~=not-format] *)), .format :where(figure):not(:where([class~=not-format] *)) { margin-top: 2em; margin-bottom: 2em } .format :where(li):not(:where([class~=not-format] *)) { margin-top: .5em; margin-bottom: .5em } .format :where(ol>li):not(:where([class~=not-format] *)), .format :where(ul>li):not(:where([class~=not-format] *)) { padding-left: .375em } .format :where(.format>ul>li p):not(:where([class~=not-format] *)) { margin-top: .75em; margin-bottom: .75em } .format :where(.format>ul>li>:first-child):not(:where([class~=not-format] *)) { margin-top: 1.25em } .format :where(.format>ul>li>:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.25em } .format :where(.format>ol>li>:first-child):not(:where([class~=not-format] *)) { margin-top: 1.25em } .format :where(.format>ol>li>:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.25em } .format :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-format] *)) { margin-top: .75em; margin-bottom: .75em } .format :where(hr+*):not(:where([class~=not-format] *)), .format :where(h2+*):not(:where([class~=not-format] *)), .format :where(h3+*):not(:where([class~=not-format] *)), .format :where(h4+*):not(:where([class~=not-format] *)) { margin-top: 0 } .format :where(thead th:last-child):not(:where([class~=not-format] *)) { padding-right: 0 } .format :where(tbody td, tfoot td):not(:where([class~=not-format] *)) { padding: .571429em } .format :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-format] *)) { padding-right: 0 } .format :where(.format>:first-child):not(:where([class~=not-format] *)) { margin-top: 0 } .format :where(.format>:last-child):not(:where([class~=not-format] *)) { margin-bottom: 0 } .m-0\.5 { margin: calc(var(--spacing)*.5) } .m-2\.5 { margin: calc(var(--spacing)*2.5) } .m-4 { margin: calc(var(--spacing)*4) } .m-361 { margin: calc(var(--spacing)*361) } .-mx-1\.5 { margin-inline: calc(var(--spacing)*-1.5) } .mx-1 { margin-inline: calc(var(--spacing)*1) } .mx-1\.5 { margin-inline: calc(var(--spacing)*1.5) } .mx-2 { margin-inline: calc(var(--spacing)*2) } .mx-4 { margin-inline: calc(var(--spacing)*4) } .mx-auto { margin-inline: auto } .-my-1\.5 { margin-block: calc(var(--spacing)*-1.5) } .my-2 { margin-block: calc(var(--spacing)*2) } .my-2\.5 { margin-block: calc(var(--spacing)*2.5) } .my-3 { margin-block: calc(var(--spacing)*3) } .my-4 { margin-block: calc(var(--spacing)*4) } .my-5 { margin-block: calc(var(--spacing)*5) } .my-6 { margin-block: calc(var(--spacing)*6) } .my-7 { margin-block: calc(var(--spacing)*7) } .my-8 { margin-block: calc(var(--spacing)*8) } .my-10 { margin-block: calc(var(--spacing)*10) } .my-12 { margin-block: calc(var(--spacing)*12) } .-ms-1 { margin-inline-start: calc(var(--spacing)*-1) } .ms-0 { margin-inline-start: calc(var(--spacing)*0) } .ms-0\.5 { margin-inline-start: calc(var(--spacing)*.5) } .ms-1 { margin-inline-start: calc(var(--spacing)*1) } .ms-1\.5 { margin-inline-start: calc(var(--spacing)*1.5) } .ms-2 { margin-inline-start: calc(var(--spacing)*2) } .ms-2\.5 { margin-inline-start: calc(var(--spacing)*2.5) } .ms-3 { margin-inline-start: calc(var(--spacing)*3) } .ms-3\.5 { margin-inline-start: calc(var(--spacing)*3.5) } .ms-4 { margin-inline-start: calc(var(--spacing)*4) } .ms-5 { margin-inline-start: calc(var(--spacing)*5) } .ms-6 { margin-inline-start: calc(var(--spacing)*6) } .ms-8 { margin-inline-start: calc(var(--spacing)*8) } .ms-auto { margin-inline-start: auto } .-me-0\.5 { margin-inline-end: calc(var(--spacing)*-.5) } .me-1 { margin-inline-end: calc(var(--spacing)*1) } .me-1\.5 { margin-inline-end: calc(var(--spacing)*1.5) } .me-2 { margin-inline-end: calc(var(--spacing)*2) } .me-2\.5 { margin-inline-end: calc(var(--spacing)*2.5) } .me-3 { margin-inline-end: calc(var(--spacing)*3) } .me-4 { margin-inline-end: calc(var(--spacing)*4) } .me-5 { margin-inline-end: calc(var(--spacing)*5) } .me-auto { margin-inline-end: auto } .-mt-1 { margin-top: calc(var(--spacing)*-1) } .-mt-5 { margin-top: calc(var(--spacing)*-5) } .mt-0 { margin-top: calc(var(--spacing)*0) } .mt-1 { margin-top: calc(var(--spacing)*1) } .mt-1\.5 { margin-top: calc(var(--spacing)*1.5) } .mt-2 { margin-top: calc(var(--spacing)*2) } .mt-2\.5 { margin-top: calc(var(--spacing)*2.5) } .mt-3 { margin-top: calc(var(--spacing)*3) } .mt-4 { margin-top: calc(var(--spacing)*4) } .mt-5 { margin-top: calc(var(--spacing)*5) } .mt-6 { margin-top: calc(var(--spacing)*6) } .mt-7 { margin-top: calc(var(--spacing)*7) } .mt-8 { margin-top: calc(var(--spacing)*8) } .mt-10 { margin-top: calc(var(--spacing)*10) } .mt-14 { margin-top: calc(var(--spacing)*14) } .mt-\[2px\] { margin-top: 2px } .apexcharts-canvas .apexcharts-tooltip { color: var(--color-gray-700) !important; background-color: #fff !important; border: 0 !important; border-radius: .25rem !important; box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important } .datatable-wrapper .datatable-top { flex-direction: column-reverse; justify-content: space-between; align-items: start; gap: 1rem; margin-bottom: 1rem; display: flex } @media (width>=640px) { .datatable-wrapper .datatable-top { flex-direction: row-reverse; align-items: center } } .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: .875rem } .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); border: 1px solid var(--color-gray-300); border-radius: .5rem; min-width: 4rem; margin-right: .25rem; font-size: .875rem } .apexcharts-canvas .apexcharts-legend-series { align-items: center !important; margin-bottom: .25rem !important; margin-left: .5rem !important; margin-right: .5rem !important; display: flex !important } [dir=rtl] .apexcharts-tooltip .apexcharts-tooltip-marker { margin-right: 0 !important; margin-left: e !important } .-mr-1 { margin-right: calc(var(--spacing)*-1) } .mr-1 { margin-right: calc(var(--spacing)*1) } .mr-2 { margin-right: calc(var(--spacing)*2) } .mr-3 { margin-right: calc(var(--spacing)*3) } .mr-5 { margin-right: calc(var(--spacing)*5) } .mr-8 { margin-right: calc(var(--spacing)*8) } .mr-auto { margin-right: auto } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; color: var(--color-gray-500) !important; margin-bottom: .75rem !important; padding: .5rem .75rem !important; font-size: .875rem !important; font-weight: 400 !important } .-mb-5 { margin-bottom: calc(var(--spacing)*-5) } .-mb-px { margin-bottom: -1px } .mb-0 { margin-bottom: calc(var(--spacing)*0) } .mb-1 { margin-bottom: calc(var(--spacing)*1) } .mb-1\.5 { margin-bottom: calc(var(--spacing)*1.5) } .mb-2 { margin-bottom: calc(var(--spacing)*2) } .mb-2\.5 { margin-bottom: calc(var(--spacing)*2.5) } .mb-3 { margin-bottom: calc(var(--spacing)*3) } .mb-4 { margin-bottom: calc(var(--spacing)*4) } .mb-5 { margin-bottom: calc(var(--spacing)*5) } .mb-6 { margin-bottom: calc(var(--spacing)*6) } .mb-7 { margin-bottom: calc(var(--spacing)*7) } .mb-8 { margin-bottom: calc(var(--spacing)*8) } .mb-10 { margin-bottom: calc(var(--spacing)*10) } .mb-px { margin-bottom: 1px } .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; background-color: #fff !important; border-color: #0000 !important; border-radius: .25rem !important; padding: .5rem .75rem !important; box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important } .apexcharts-canvas .apexcharts-xaxistooltip:after, .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: #fff !important } .apexcharts-canvas .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important } .apexcharts-canvas .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important } .-ml-1 { margin-left: calc(var(--spacing)*-1) } .ml-0 { margin-left: calc(var(--spacing)*0) } .ml-1 { margin-left: calc(var(--spacing)*1) } .ml-1\.5 { margin-left: calc(var(--spacing)*1.5) } .ml-2 { margin-left: calc(var(--spacing)*2) } .ml-2\.5 { margin-left: calc(var(--spacing)*2.5) } .ml-3 { margin-left: calc(var(--spacing)*3) } .ml-6 { margin-left: calc(var(--spacing)*6) } .ml-auto { margin-left: auto } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list { align-items: center; height: 2rem; font-size: .875rem; display: flex } .block { display: block } .contents { display: contents } .flex { display: flex } .flow-root { display: flow-root } .grid { display: grid } .hidden { display: none } .inline { display: inline } .inline-block { display: inline-block } .inline-flex { display: inline-flex } .table { display: table } .h-0 { height: calc(var(--spacing)*0) } .h-0\.5 { height: calc(var(--spacing)*.5) } .h-1 { height: calc(var(--spacing)*1) } .h-1\.5 { height: calc(var(--spacing)*1.5) } .h-2 { height: calc(var(--spacing)*2) } .h-2\.5 { height: calc(var(--spacing)*2.5) } .h-3 { height: calc(var(--spacing)*3) } .h-3\.5 { height: calc(var(--spacing)*3.5) } .h-4 { height: calc(var(--spacing)*4) } .h-4\.5 { height: calc(var(--spacing)*4.5) } .h-5 { height: calc(var(--spacing)*5) } .h-6 { height: calc(var(--spacing)*6) } .h-7 { height: calc(var(--spacing)*7) } .h-8 { height: calc(var(--spacing)*8) } .h-9 { height: calc(var(--spacing)*9) } .h-10 { height: calc(var(--spacing)*10) } .h-11 { height: calc(var(--spacing)*11) } .h-12 { height: calc(var(--spacing)*12) } .h-14 { height: calc(var(--spacing)*14) } .h-16 { height: calc(var(--spacing)*16) } .h-20 { height: calc(var(--spacing)*20) } .h-24 { height: calc(var(--spacing)*24) } .h-28 { height: calc(var(--spacing)*28) } .h-36 { height: calc(var(--spacing)*36) } .h-48 { height: calc(var(--spacing)*48) } .h-56 { height: calc(var(--spacing)*56) } .h-64 { height: calc(var(--spacing)*64) } .h-72 { height: calc(var(--spacing)*72) } .h-80 { height: calc(var(--spacing)*80) } .h-96 { height: calc(var(--spacing)*96) } .h-\[1\.1rem\] { height: 1.1rem } .h-\[5px\] { height: 5px } .h-\[24px\] { height: 24px } .h-\[32px\] { height: 32px } .h-\[41px\] { height: 41px } .h-\[46px\] { height: 46px } .h-\[48px\] { height: 48px } .h-\[52px\] { height: 52px } .h-\[55px\] { height: 55px } .h-\[63px\] { height: 63px } .h-\[64px\] { height: 64px } .h-\[140px\] { height: 140px } .h-\[156px\] { height: 156px } .h-\[172px\] { height: 172px } .h-\[17px\] { height: 17px } .h-\[18px\] { height: 18px } .h-\[56px\] { height: 56px } .h-\[78px\] { height: 78px } .h-\[193px\] { height: 193px } .h-\[213px\] { height: 213px } .h-\[426px\] { height: 426px } .h-\[454px\] { height: 454px } .h-\[572px\] { height: 572px } .h-\[600px\] { height: 600px } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem) } .h-\[calc\(100vh-5rem\)\] { height: calc(100vh - 5rem) } .h-auto { height: auto } .h-full { height: 100% } .h-px { height: 1px } .h-screen { height: 100vh } .max-h-72 { max-height: calc(var(--spacing)*72) } .max-h-\[48px\] { max-height: 48px } .max-h-full { max-height: 100% } .datatable-wrapper .datatable-table { width: 100%; color: var(--color-gray-500); text-align: left; font-size: .875rem } .datatable-wrapper .datatable-table thead { color: var(--color-gray-500); background-color: var(--color-gray-50); font-size: .75rem } .datatable-wrapper .datatable-table thead th { white-space: nowrap; padding: .75rem 1.5rem; width: auto !important } .datatable-wrapper .datatable-table tbody th, .datatable-wrapper .datatable-table tbody td { padding: .75rem 1.5rem; width: auto !important } .datatable-wrapper .datatable-table thead th .datatable-sorter, .datatable-wrapper .datatable-table thead th { text-transform: uppercase } .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200) } .w-1 { width: calc(var(--spacing)*1) } .w-1\/2 { width: 50% } .w-2 { width: calc(var(--spacing)*2) } .w-2\.5 { width: calc(var(--spacing)*2.5) } .w-2\/4 { width: 50% } .w-3 { width: calc(var(--spacing)*3) } .w-3\.5 { width: calc(var(--spacing)*3.5) } .w-4 { width: calc(var(--spacing)*4) } .w-4\.5 { width: calc(var(--spacing)*4.5) } .w-5 { width: calc(var(--spacing)*5) } .w-6 { width: calc(var(--spacing)*6) } .w-7 { width: calc(var(--spacing)*7) } .w-8 { width: calc(var(--spacing)*8) } .w-9 { width: calc(var(--spacing)*9) } .w-10 { width: calc(var(--spacing)*10) } .w-11 { width: calc(var(--spacing)*11) } .w-12 { width: calc(var(--spacing)*12) } .w-14 { width: calc(var(--spacing)*14) } .w-16 { width: calc(var(--spacing)*16) } .w-20 { width: calc(var(--spacing)*20) } .w-24 { width: calc(var(--spacing)*24) } .w-32 { width: calc(var(--spacing)*32) } .w-36 { width: calc(var(--spacing)*36) } .w-40 { width: calc(var(--spacing)*40) } .w-44 { width: calc(var(--spacing)*44) } .w-48 { width: calc(var(--spacing)*48) } .w-52 { width: calc(var(--spacing)*52) } .w-56 { width: calc(var(--spacing)*56) } .w-60 { width: calc(var(--spacing)*60) } .w-64 { width: calc(var(--spacing)*64) } .w-72 { width: calc(var(--spacing)*72) } .w-80 { width: calc(var(--spacing)*80) } .w-96 { width: calc(var(--spacing)*96) } .w-\[1\.1rem\] { width: 1.1rem } .w-\[208px\] { width: 208px } .w-\[272px\] { width: 272px } .w-\[300px\] { width: 300px } .w-\[3px\] { width: 3px } .w-\[6px\] { width: 6px } .w-\[16rem\] { width: 16rem } .w-\[48px\] { width: 48px } .w-\[52px\] { width: 52px } .w-\[56px\] { width: 56px } .w-\[145px\] { width: 145px } .w-\[148px\] { width: 148px } .w-\[188px\] { width: 188px } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem) } .w-auto { width: auto } .w-full { width: 100% } .w-px { width: 1px } .max-w-2xl { max-width: var(--spacing-2xl) } .max-w-2xs { max-width: var(--container-2xs) } .max-w-4xl { max-width: var(--container-4xl) } .max-w-7xl { max-width: var(--container-7xl) } .max-w-8xl { max-width: var(--spacing-8xl) } .max-w-\[2\.5rem\] { max-width: 2.5rem } .max-w-\[7rem\] { max-width: 7rem } .max-w-\[8\.5rem\] { max-width: 8.5rem } .max-w-\[8rem\] { max-width: 8rem } .max-w-\[11rem\] { max-width: 11rem } .max-w-\[23rem\] { max-width: 23rem } .max-w-\[24rem\] { max-width: 24rem } .max-w-\[48px\] { max-width: 48px } .max-w-\[128px\] { max-width: 128px } .max-w-\[133px\] { max-width: 133px } .max-w-\[13rem\] { max-width: 13rem } .max-w-\[16rem\] { max-width: 16rem } .max-w-\[18rem\] { max-width: 18rem } .max-w-\[83px\] { max-width: 83px } .max-w-\[300px\] { max-width: 300px } .max-w-\[301px\] { max-width: 301px } .max-w-\[320px\] { max-width: 320px } .max-w-\[326px\] { max-width: 326px } .max-w-\[330px\] { max-width: 330px } .max-w-\[341px\] { max-width: 341px } .max-w-\[351px\] { max-width: 351px } .max-w-\[360px\] { max-width: 360px } .max-w-\[380px\] { max-width: 380px } .max-w-\[400px\] { max-width: 400px } .max-w-\[440px\] { max-width: 440px } .max-w-\[450px\] { max-width: 450px } .max-w-\[460px\] { max-width: 460px } .max-w-\[480px\] { max-width: 480px } .max-w-\[500px\] { max-width: 500px } .max-w-\[540px\] { max-width: 540px } .max-w-\[640px\] { max-width: 640px } .max-w-full { max-width: 100% } .max-w-lg { max-width: var(--container-lg) } .max-w-md { max-width: var(--container-md) } .max-w-none { max-width: none } .max-w-screen-md { max-width: var(--breakpoint-md) } .max-w-screen-xl { max-width: var(--breakpoint-xl) } .max-w-sm { max-width: var(--container-sm) } .max-w-xl { max-width: var(--container-xl) } .max-w-xs { max-width: var(--container-xs) } .datatable-wrapper .datatable-search .datatable-input, .datatable-wrapper .datatable-input { color: var(--color-gray-900); border: 1px solid var(--color-gray-300); background-color: var(--color-gray-50); border-radius: .5rem; min-width: 16rem; font-size: .875rem } .datatable-wrapper thead th .datatable-input { color: var(--color-gray-900); background-color: #fff; min-width: 0; padding-top: .35rem; padding-bottom: .35rem; font-weight: 400 } .datatable-wrapper .datatable-search .datatable-input { color: var(--color-gray-900); border: 1px solid var(--color-gray-300); background-color: var(--color-gray-50); border-radius: .5rem; min-width: 16rem; font-size: .875rem } .dark .datatable-wrapper .datatable-search .datatable-input { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } .datatable-wrapper .datatable-search .datatable-input:focus { border-color: var(--color-blue-600) } .min-w-0 { min-width: calc(var(--spacing)*0) } .min-w-\[4rem\] { min-width: 4rem } .min-w-max { min-width: max-content } .flex-1 { flex: 1 } .flex-auto { flex: auto } .flex-none { flex: none } .flex-shrink { flex-shrink: 1 } .shrink-0 { flex-shrink: 0 } .grow { flex-grow: 1 } .origin-\[0\] { transform-origin: 0 } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2*100%)*-1); translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2*100%)*-1); translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-3 { --tw-translate-y: calc(var(--spacing)*-3); translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-4 { --tw-translate-y: calc(var(--spacing)*-4); translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-6 { --tw-translate-y: calc(var(--spacing)*-6); translate: var(--tw-translate-x)var(--tw-translate-y) } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-0 { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-1\/2 { --tw-translate-x: calc(1/2*100%); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-1\/2 { --tw-translate-y: calc(1/2*100%); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-1\/4 { --tw-translate-y: calc(1/4*100%); translate: var(--tw-translate-x)var(--tw-translate-y) } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x)var(--tw-translate-y) } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x)var(--tw-scale-y) } .rotate-45 { rotate: 45deg } .rotate-90 { rotate: 90deg } .rotate-180 { rotate: 180deg } .transform { transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y) } .transform-none { transform: none } .animate-pulse { animation: var(--animate-pulse) } .animate-spin { animation: var(--animate-spin) } .cursor-not-allowed { cursor: not-allowed } .cursor-pointer { cursor: pointer } .list-inside { list-style-position: inside } .list-decimal { list-style-type: decimal } .list-disc { list-style-type: disc } .list-none { list-style-type: none } .appearance-none { appearance: none } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .flex-col { flex-direction: column } .flex-row { flex-direction: row } .flex-wrap { flex-wrap: wrap } .items-baseline { align-items: baseline } .items-center { align-items: center } .items-end { align-items: flex-end } .items-start { align-items: flex-start } .justify-between { justify-content: space-between } .justify-center { justify-content: center } .justify-end { justify-content: flex-end } .justify-start { justify-content: flex-start } .gap-1 { gap: calc(var(--spacing)*1) } .gap-2 { gap: calc(var(--spacing)*2) } .gap-2\.5 { gap: calc(var(--spacing)*2.5) } .gap-3 { gap: calc(var(--spacing)*3) } .gap-4 { gap: calc(var(--spacing)*4) } .gap-5 { gap: calc(var(--spacing)*5) } .gap-6 { gap: calc(var(--spacing)*6) } .gap-8 { gap: calc(var(--spacing)*8) } .gap-12 { gap: calc(var(--spacing)*12) } .gap-16 { gap: calc(var(--spacing)*16) } .gap-x-4 { column-gap: calc(var(--spacing)*4) } .gap-x-16 { column-gap: calc(var(--spacing)*16) } :where(.space-y-0\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-1>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-1\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-2>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-2\.5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-3>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-4>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-5>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-6>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-8>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse))) } :where(.-space-x-3>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse))) } :where(.-space-x-px>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px*var(--tw-space-x-reverse)); margin-inline-end: calc(-1px*calc(1 - var(--tw-space-x-reverse))) } .gap-y-3 { row-gap: calc(var(--spacing)*3) } :where(.space-x-0>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-0\.5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-1>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-1\.5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*1.5)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-2>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-2\.5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*2.5)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-3>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-6>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse))) } :where(.divide-x>:not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px*var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse))) } :where(.divide-x-2>:not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(2px*var(--tw-divide-x-reverse)); border-inline-end-width: calc(2px*calc(1 - var(--tw-divide-x-reverse))) } :where(.divide-y>:not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px*var(--tw-divide-y-reverse)); border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse))) } :where(.divide-gray-100>:not(:last-child)) { border-color: var(--color-gray-100) } :where(.divide-gray-200>:not(:last-child)) { border-color: var(--color-gray-200) } :where(.divide-gray-300>:not(:last-child)) { border-color: var(--color-gray-300) } :where(.divide-gray-500>:not(:last-child)) { border-color: var(--color-gray-500) } .place-self-center { place-self: center } .self-center { align-self: center } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .overflow-hidden { overflow: hidden } .overflow-scroll { overflow: scroll } .datatable-wrapper .datatable-container, .overflow-x-auto { overflow-x: auto } .overflow-x-hidden { overflow-x: hidden } .overflow-y-auto { overflow-y: auto } .overflow-y-scroll { overflow-y: scroll } .rounded { border-radius: .25rem } .rounded-\[2\.5rem\] { border-radius: 2.5rem } .rounded-\[2rem\] { border-radius: 2rem } .rounded-full { border-radius: 3.40282e38px } .rounded-lg { border-radius: var(--radius-lg) } .rounded-md { border-radius: var(--radius-md) } .rounded-none { border-radius: 0 } .rounded-sm { border-radius: var(--radius-sm) } .rounded-xl { border-radius: var(--radius-xl) } .rounded-xs { border-radius: var(--radius-xs) } .rounded-s { border-start-start-radius: .25rem; border-end-start-radius: .25rem } .rounded-s-full { border-start-start-radius: 3.40282e38px; border-end-start-radius: 3.40282e38px } .rounded-s-lg { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg) } .rounded-s-md { border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md) } .rounded-ss-lg { border-start-start-radius: var(--radius-lg) } .rounded-e { border-start-end-radius: .25rem; border-end-end-radius: .25rem } .rounded-e-full { border-start-end-radius: 3.40282e38px; border-end-end-radius: 3.40282e38px } .rounded-e-lg { border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg) } .rounded-e-md { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md) } .rounded-e-xl { border-start-end-radius: var(--radius-xl); border-end-end-radius: var(--radius-xl) } .rounded-se-lg { border-start-end-radius: var(--radius-lg) } .rounded-es-xl { border-end-start-radius: var(--radius-xl) } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg) } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .rounded-t-\[2\.5rem\] { border-top-left-radius: 2.5rem; border-top-right-radius: 2.5rem } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg) } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md) } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm) } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl) } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg) } .rounded-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .rounded-b-\[1rem\] { border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem } .rounded-b-\[2\.5rem\] { border-bottom-right-radius: 2.5rem; border-bottom-left-radius: 2.5rem } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg) } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl) } .border { border-style: var(--tw-border-style); border-width: 1px } .border-0 { border-style: var(--tw-border-style); border-width: 0 } .border-1 { border-style: var(--tw-border-style); border-width: 1px } .border-2 { border-style: var(--tw-border-style); border-width: 2px } .border-\[8px\] { border-style: var(--tw-border-style); border-width: 8px } .border-\[10px\] { border-style: var(--tw-border-style); border-width: 10px } .border-\[14px\] { border-style: var(--tw-border-style); border-width: 14px } .border-\[16px\] { border-style: var(--tw-border-style); border-width: 16px } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0 } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px } .border-s-0 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0 } .border-s-2 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 2px } .border-s-4 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 4px } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px } .border-e-0 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0 } .border-e-2 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 2px } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0 } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px } .border-dashed { --tw-border-style: dashed; border-style: dashed } .dark .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: #0000 !important; box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a !important } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important } .dark .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important } .dark .apexcharts-canvas .apexcharts-xaxistooltip:after, .dark .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important } .dark .apexcharts-gridline, .dark .apexcharts-xcrosshairs, .dark .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important } .dark .datatable-wrapper .datatable-search .datatable-input, .dark .datatable-wrapper .datatable-input { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } .dark .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: #fff } .dark .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400) } .dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: #fff } .dark .datatable-wrapper .datatable-table { color: var(--color-gray-400) } .dark .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800) } .dark .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700) } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700) } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link, .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #0000 } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700) } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: #fff } .\!border-blue-700 { border-color: var(--color-blue-700) !important } .border-blue-100 { border-color: var(--color-blue-100) } .border-blue-300 { border-color: var(--color-blue-300) } .border-blue-400 { border-color: var(--color-blue-400) } .border-blue-600 { border-color: var(--color-blue-600) } .border-blue-700 { border-color: var(--color-blue-700) } .border-blue-800 { border-color: var(--color-blue-800) } .border-gray-100 { border-color: var(--color-gray-100) } .border-gray-200 { border-color: var(--color-gray-200) } .border-gray-300 { border-color: var(--color-gray-300) } .border-gray-500 { border-color: var(--color-gray-500) } .border-gray-700 { border-color: var(--color-gray-700) } .border-gray-800 { border-color: var(--color-gray-800) } .border-gray-900 { border-color: var(--color-gray-900) } .border-green-300 { border-color: var(--color-green-300) } .border-green-400 { border-color: var(--color-green-400) } .border-green-500 { border-color: var(--color-green-500) } .border-green-600 { border-color: var(--color-green-600) } .border-green-700 { border-color: var(--color-green-700) } .border-green-800 { border-color: var(--color-green-800) } .border-indigo-400 { border-color: var(--color-indigo-400) } .border-pink-400 { border-color: var(--color-pink-400) } .border-purple-400 { border-color: var(--color-purple-400) } .border-purple-600 { border-color: var(--color-purple-600) } .border-purple-700 { border-color: var(--color-purple-700) } .border-red-300 { border-color: var(--color-red-300) } .border-red-400 { border-color: var(--color-red-400) } .border-red-500 { border-color: var(--color-red-500) } .border-red-600 { border-color: var(--color-red-600) } .border-red-700 { border-color: var(--color-red-700) } .border-red-800 { border-color: var(--color-red-800) } .border-transparent { border-color: #0000 } .border-white { border-color: var(--color-white) } .border-yellow-300 { border-color: var(--color-yellow-300) } .border-yellow-400 { border-color: var(--color-yellow-400) } .border-yellow-800 { border-color: var(--color-yellow-800) } .border-s-gray-50 { border-inline-start-color: var(--color-gray-50) } .border-s-gray-100 { border-inline-start-color: var(--color-gray-100) } .border-e-gray-50 { border-inline-end-color: var(--color-gray-50) } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { color: var(--color-gray-500) !important; background-color: #fff !important; padding-bottom: .75rem !important; padding-left: .75rem !important; padding-right: .75rem !important } .dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important } .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: .75rem !important } .\!bg-gray-50 { background-color: var(--color-gray-50) !important } .\!bg-gray-200 { background-color: var(--color-gray-200) !important } .bg-\[\#1da1f2\] { background-color: #1da1f2 } .bg-\[\#3b5998\] { background-color: #3b5998 } .bg-\[\#2557D6\] { background-color: #2557d6 } .bg-\[\#4285F4\] { background-color: #4285f4 } .bg-\[\#24292F\] { background-color: #24292f } .bg-\[\#050708\] { background-color: #050708 } .bg-\[\#F7BE38\] { background-color: #f7be38 } .bg-\[\#FF9119\] { background-color: #ff9119 } .bg-\[\#hex\] { background-color: #hex } .bg-blue-50 { background-color: var(--color-blue-50) } .bg-blue-100 { background-color: var(--color-blue-100) } .bg-blue-200 { background-color: var(--color-blue-200) } .bg-blue-300 { background-color: var(--color-blue-300) } .bg-blue-400 { background-color: var(--color-blue-400) } .bg-blue-500 { background-color: var(--color-blue-500) } .bg-blue-600 { background-color: var(--color-blue-600) } .bg-blue-700 { background-color: var(--color-blue-700) } .bg-blue-800 { background-color: var(--color-blue-800) } .bg-blue-900 { background-color: var(--color-blue-900) } .bg-gray-50 { background-color: var(--color-gray-50) } .bg-gray-100 { background-color: var(--color-gray-100) } .bg-gray-200 { background-color: var(--color-gray-200) } .bg-gray-300 { background-color: var(--color-gray-300) } .bg-gray-400 { background-color: var(--color-gray-400) } .bg-gray-500 { background-color: var(--color-gray-500) } .bg-gray-600 { background-color: var(--color-gray-600) } .bg-gray-700 { background-color: var(--color-gray-700) } .bg-gray-800 { background-color: var(--color-gray-800) } .bg-gray-900 { background-color: var(--color-gray-900) } .bg-gray-900\/50 { background-color: color-mix(in oklab, var(--color-gray-900)50%, transparent) } .bg-gray-900\/90 { background-color: color-mix(in oklab, var(--color-gray-900)90%, transparent) } .bg-green-50 { background-color: var(--color-green-50) } .bg-green-100 { background-color: var(--color-green-100) } .bg-green-200 { background-color: var(--color-green-200) } .bg-green-300 { background-color: var(--color-green-300) } .bg-green-400 { background-color: var(--color-green-400) } .bg-green-500 { background-color: var(--color-green-500) } .bg-green-600 { background-color: var(--color-green-600) } .bg-green-700 { background-color: var(--color-green-700) } .bg-green-800 { background-color: var(--color-green-800) } .bg-green-900 { background-color: var(--color-green-900) } .bg-indigo-50 { background-color: var(--color-indigo-50) } .bg-indigo-100 { background-color: var(--color-indigo-100) } .bg-indigo-200 { background-color: var(--color-indigo-200) } .bg-indigo-300 { background-color: var(--color-indigo-300) } .bg-indigo-400 { background-color: var(--color-indigo-400) } .bg-indigo-500 { background-color: var(--color-indigo-500) } .bg-indigo-600 { background-color: var(--color-indigo-600) } .bg-indigo-700 { background-color: var(--color-indigo-700) } .bg-indigo-800 { background-color: var(--color-indigo-800) } .bg-indigo-900 { background-color: var(--color-indigo-900) } .bg-orange-50 { background-color: var(--color-orange-50) } .bg-orange-100 { background-color: var(--color-orange-100) } .bg-orange-300 { background-color: var(--color-orange-300) } .bg-orange-500 { background-color: var(--color-orange-500) } .bg-pink-50 { background-color: var(--color-pink-50) } .bg-pink-100 { background-color: var(--color-pink-100) } .bg-pink-200 { background-color: var(--color-pink-200) } .bg-pink-300 { background-color: var(--color-pink-300) } .bg-pink-400 { background-color: var(--color-pink-400) } .bg-pink-500 { background-color: var(--color-pink-500) } .bg-pink-600 { background-color: var(--color-pink-600) } .bg-pink-700 { background-color: var(--color-pink-700) } .bg-pink-800 { background-color: var(--color-pink-800) } .bg-pink-900 { background-color: var(--color-pink-900) } .bg-purple-50 { background-color: var(--color-purple-50) } .bg-purple-100 { background-color: var(--color-purple-100) } .bg-purple-200 { background-color: var(--color-purple-200) } .bg-purple-300 { background-color: var(--color-purple-300) } .bg-purple-400 { background-color: var(--color-purple-400) } .bg-purple-500 { background-color: var(--color-purple-500) } .bg-purple-600 { background-color: var(--color-purple-600) } .bg-purple-700 { background-color: var(--color-purple-700) } .bg-purple-800 { background-color: var(--color-purple-800) } .bg-purple-900 { background-color: var(--color-purple-900) } .bg-red-50 { background-color: var(--color-red-50) } .bg-red-100 { background-color: var(--color-red-100) } .bg-red-200 { background-color: var(--color-red-200) } .bg-red-300 { background-color: var(--color-red-300) } .bg-red-400 { background-color: var(--color-red-400) } .bg-red-500 { background-color: var(--color-red-500) } .bg-red-600 { background-color: var(--color-red-600) } .bg-red-700 { background-color: var(--color-red-700) } .bg-red-800 { background-color: var(--color-red-800) } .bg-red-900 { background-color: var(--color-red-900) } .bg-teal-50 { background-color: var(--color-teal-50) } .bg-teal-100 { background-color: var(--color-teal-100) } .bg-teal-500 { background-color: var(--color-teal-500) } .bg-transparent { background-color: #0000 } .bg-white { background-color: var(--color-white) } .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white)30%, transparent) } .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white)50%, transparent) } .bg-yellow-50 { background-color: var(--color-yellow-50) } .bg-yellow-100 { background-color: var(--color-yellow-100) } .bg-yellow-200 { background-color: var(--color-yellow-200) } .bg-yellow-300 { background-color: var(--color-yellow-300) } .bg-yellow-400 { background-color: var(--color-yellow-400) } .bg-yellow-500 { background-color: var(--color-yellow-500) } .bg-yellow-600 { background-color: var(--color-yellow-600) } .bg-yellow-700 { background-color: var(--color-yellow-700) } .bg-yellow-800 { background-color: var(--color-yellow-800) } .bg-yellow-900 { background-color: var(--color-yellow-900) } .dark .selectedCell { background-color: var(--color-gray-700) } .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-100) } .dark .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700) } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab, ; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab, ; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-gradient-to-r { --tw-gradient-position: to right in oklab, ; background-image: linear-gradient(var(--tw-gradient-stops)) } .bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/conference\.jpg\'\)\] { background-image: url(https://flowbite.s3.amazonaws.com/docs/jumbotron/conference.jpg) } .bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern\.svg\'\)\] { background-image: url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern.svg) } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-cyan-400 { --tw-gradient-from: var(--color-cyan-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-cyan-500 { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-green-400 { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-lime-200 { --tw-gradient-from: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-pink-400 { --tw-gradient-from: var(--color-pink-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-red-200 { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-red-400 { --tw-gradient-from: var(--color-red-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-sky-400 { --tw-gradient-from: var(--color-sky-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-teal-200 { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-teal-300 { --tw-gradient-from: var(--color-teal-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .from-teal-400 { --tw-gradient-from: var(--color-teal-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .via-blue-600 { --tw-gradient-via: var(--color-blue-600); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-cyan-500 { --tw-gradient-via: var(--color-cyan-500); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-green-500 { --tw-gradient-via: var(--color-green-500); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-lime-400 { --tw-gradient-via: var(--color-lime-400); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-pink-500 { --tw-gradient-via: var(--color-pink-500); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-purple-600 { --tw-gradient-via: var(--color-purple-600); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-red-300 { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-red-500 { --tw-gradient-via: var(--color-red-500); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .via-teal-500 { --tw-gradient-via: var(--color-teal-500); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .to-blue-500 { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-blue-700 { --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-cyan-600 { --tw-gradient-to: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-emerald-600 { --tw-gradient-to: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-green-600 { --tw-gradient-to: var(--color-green-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-lime-200 { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-lime-300 { --tw-gradient-to: var(--color-lime-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-lime-500 { --tw-gradient-to: var(--color-lime-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-pink-600 { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-purple-700 { --tw-gradient-to: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-red-600 { --tw-gradient-to: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-teal-600 { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .to-yellow-200 { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .bg-cover { background-size: cover } .bg-local { background-attachment: local } .bg-clip-text { -webkit-background-clip: text; background-clip: text } .bg-center { background-position: 50% } .bg-no-repeat { background-repeat: no-repeat } .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: #fff !important } .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important } .fill-blue-600 { fill: var(--color-blue-600) } .fill-gray-500 { fill: var(--color-gray-500) } .fill-gray-600 { fill: var(--color-gray-600) } .fill-green-500 { fill: var(--color-green-500) } .fill-pink-600 { fill: var(--color-pink-600) } .fill-purple-600 { fill: var(--color-purple-600) } .fill-red-600 { fill: var(--color-red-600) } .fill-yellow-400 { fill: var(--color-yellow-400) } .apexcharts-gridline { stroke: var(--color-gray-200) !important } .dark .apexcharts-gridline { stroke: var(--color-gray-700) !important } .apexcharts-xcrosshairs { stroke: var(--color-gray-200) !important } .dark .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important } .apexcharts-ycrosshairs { stroke: var(--color-gray-200) !important } .dark .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important } .object-cover { object-fit: cover } .\!p-0 { padding: calc(var(--spacing)*0) !important } .apexcharts-canvas .apexcharts-legend, .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important } .p-0 { padding: calc(var(--spacing)*0) } .p-0\.5 { padding: calc(var(--spacing)*.5) } .p-1 { padding: calc(var(--spacing)*1) } .p-1\.5 { padding: calc(var(--spacing)*1.5) } .p-2 { padding: calc(var(--spacing)*2) } .p-2\.5 { padding: calc(var(--spacing)*2.5) } .p-3 { padding: calc(var(--spacing)*3) } .p-4 { padding: calc(var(--spacing)*4) } .p-5 { padding: calc(var(--spacing)*5) } .p-6 { padding: calc(var(--spacing)*6) } .p-8 { padding: calc(var(--spacing)*8) } .p-px { padding: 1px } .px-0 { padding-inline: calc(var(--spacing)*0) } .px-0\.5 { padding-inline: calc(var(--spacing)*.5) } .px-1 { padding-inline: calc(var(--spacing)*1) } .px-1\.5 { padding-inline: calc(var(--spacing)*1.5) } .px-2 { padding-inline: calc(var(--spacing)*2) } .px-2\.5 { padding-inline: calc(var(--spacing)*2.5) } .px-3 { padding-inline: calc(var(--spacing)*3) } .px-4 { padding-inline: calc(var(--spacing)*4) } .px-5 { padding-inline: calc(var(--spacing)*5) } .px-6 { padding-inline: calc(var(--spacing)*6) } .px-8 { padding-inline: calc(var(--spacing)*8) } .px-16 { padding-inline: calc(var(--spacing)*16) } .py-0\.5 { padding-block: calc(var(--spacing)*.5) } .py-1 { padding-block: calc(var(--spacing)*1) } .py-1\.5 { padding-block: calc(var(--spacing)*1.5) } .py-2 { padding-block: calc(var(--spacing)*2) } .py-2\.5 { padding-block: calc(var(--spacing)*2.5) } .py-3 { padding-block: calc(var(--spacing)*3) } .py-3\.5 { padding-block: calc(var(--spacing)*3.5) } .py-4 { padding-block: calc(var(--spacing)*4) } .py-5 { padding-block: calc(var(--spacing)*5) } .py-6 { padding-block: calc(var(--spacing)*6) } .py-8 { padding-block: calc(var(--spacing)*8) } .py-12 { padding-block: calc(var(--spacing)*12) } .py-24 { padding-block: calc(var(--spacing)*24) } .py-48 { padding-block: calc(var(--spacing)*48) } .py-px { padding-block: 1px } .ps-0 { padding-inline-start: calc(var(--spacing)*0) } .ps-1\.5 { padding-inline-start: calc(var(--spacing)*1.5) } .ps-2 { padding-inline-start: calc(var(--spacing)*2) } .ps-2\.5 { padding-inline-start: calc(var(--spacing)*2.5) } .ps-3 { padding-inline-start: calc(var(--spacing)*3) } .ps-3\.5 { padding-inline-start: calc(var(--spacing)*3.5) } .ps-4 { padding-inline-start: calc(var(--spacing)*4) } .ps-5 { padding-inline-start: calc(var(--spacing)*5) } .ps-6 { padding-inline-start: calc(var(--spacing)*6) } .ps-10 { padding-inline-start: calc(var(--spacing)*10) } .pe-0 { padding-inline-end: calc(var(--spacing)*0) } .pe-1 { padding-inline-end: calc(var(--spacing)*1) } .pe-3 { padding-inline-end: calc(var(--spacing)*3) } .pe-3\.5 { padding-inline-end: calc(var(--spacing)*3.5) } .pe-4 { padding-inline-end: calc(var(--spacing)*4) } .pe-5 { padding-inline-end: calc(var(--spacing)*5) } .pe-10 { padding-inline-end: calc(var(--spacing)*10) } .pt-0 { padding-top: calc(var(--spacing)*0) } .pt-2 { padding-top: calc(var(--spacing)*2) } .pt-3 { padding-top: calc(var(--spacing)*3) } .pt-4 { padding-top: calc(var(--spacing)*4) } .pt-5 { padding-top: calc(var(--spacing)*5) } .pt-6 { padding-top: calc(var(--spacing)*6) } .pt-8 { padding-top: calc(var(--spacing)*8) } .pt-10 { padding-top: calc(var(--spacing)*10) } .pt-16 { padding-top: calc(var(--spacing)*16) } .pt-20 { padding-top: calc(var(--spacing)*20) } .pt-24 { padding-top: calc(var(--spacing)*24) } .pt-32 { padding-top: calc(var(--spacing)*32) } .pt-36 { padding-top: calc(var(--spacing)*36) } .pt-52 { padding-top: calc(var(--spacing)*52) } .pt-60 { padding-top: calc(var(--spacing)*60) } .pt-64 { padding-top: calc(var(--spacing)*64) } .pt-80 { padding-top: calc(var(--spacing)*80) } .datatable-wrapper .datatable-container thead tr.search-filtering-row th { padding-top: 0 } .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-500) !important; padding-left: 1.25rem !important; font-size: .75rem !important; font-weight: 500 !important } [dir=rtl] .apexcharts-canvas .apexcharts-legend-text { padding-right: .5rem !important } .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important } .dark .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important } .dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: #fff !important } .pr-4 { padding-right: calc(var(--spacing)*4) } .pr-5 { padding-right: calc(var(--spacing)*5) } .pb-0 { padding-bottom: calc(var(--spacing)*0) } .pb-1 { padding-bottom: calc(var(--spacing)*1) } .pb-1\.5 { padding-bottom: calc(var(--spacing)*1.5) } .pb-2 { padding-bottom: calc(var(--spacing)*2) } .pb-2\.5 { padding-bottom: calc(var(--spacing)*2.5) } .pb-3 { padding-bottom: calc(var(--spacing)*3) } .pb-4 { padding-bottom: calc(var(--spacing)*4) } .pb-5 { padding-bottom: calc(var(--spacing)*5) } .pb-6 { padding-bottom: calc(var(--spacing)*6) } .pb-8 { padding-bottom: calc(var(--spacing)*8) } .pb-10 { padding-bottom: calc(var(--spacing)*10) } .pb-16 { padding-bottom: calc(var(--spacing)*16) } .pb-48 { padding-bottom: calc(var(--spacing)*48) } .pb-96 { padding-bottom: calc(var(--spacing)*96) } .pl-2\.5 { padding-left: calc(var(--spacing)*2.5) } .pl-3 { padding-left: calc(var(--spacing)*3) } .pl-3\.5 { padding-left: calc(var(--spacing)*3.5) } .pl-5 { padding-left: calc(var(--spacing)*5) } .pl-8 { padding-left: calc(var(--spacing)*8) } .pl-10 { padding-left: calc(var(--spacing)*10) } .pl-11 { padding-left: calc(var(--spacing)*11) } .datatable-wrapper .datatable-table .datatable-empty, .text-center { text-align: center } .text-justify { text-align: justify } .text-left { text-align: left } .text-right { text-align: right } .font-sans { font-family: var(--font-sans) } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .text-2xs { font-size: var(--text-2xs) } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)) } .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)) } .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)) } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: .75rem, [object Object] !important; text-shadow: none !important; filter: none !important; font-weight: 600 !important; font-size: .75rem, [object Object] !important; font-weight: 600 !important } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: .875rem !important } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important } .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: .875rem !important } .dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: #fff !important } .apexcharts-canvas .apexcharts-xaxistooltip-text { font-size: .875rem !important; font-weight: 400 !important } .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: .875rem } .dark .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400) } .leading-1\.5 { --tw-leading: calc(var(--spacing)*1.5); line-height: calc(var(--spacing)*1.5) } .leading-6 { --tw-leading: calc(var(--spacing)*6); line-height: calc(var(--spacing)*6) } .leading-9 { --tw-leading: calc(var(--spacing)*9); line-height: calc(var(--spacing)*9) } .leading-loose { --tw-leading: var(--leading-loose); line-height: var(--leading-loose) } .leading-none { --tw-leading: 1; line-height: 1 } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal) } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed) } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black) } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold) } .font-extralight { --tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight) } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin) } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal) } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight) } .tracking-tighter { --tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter) } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide) } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider) } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest) } .break-all { word-break: break-all } .whitespace-normal { white-space: normal } .whitespace-nowrap { white-space: nowrap } .whitespace-pre { white-space: pre } .whitespace-pre-line { white-space: pre-line } .datatable-wrapper .datatable-table thead th .datatable-sorter { text-transform: uppercase } .datatable-wrapper .datatable-table thead th .datatable-sorter:hover, .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter, .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900) } .dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover, .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter, .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: #fff } .\!text-blue-700 { color: var(--color-blue-700) !important } .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900) } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: #fff } .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900) } .dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: #fff } .text-\[\#1434CB\] { color: #1434cb } .text-\[\#626890\] { color: #626890 } .text-\[\#ff2d20\] { color: #ff2d20 } .text-blue-50 { color: var(--color-blue-50) } .text-blue-100 { color: var(--color-blue-100) } .text-blue-400 { color: var(--color-blue-400) } .text-blue-500 { color: var(--color-blue-500) } .text-blue-600 { color: var(--color-blue-600) } .text-blue-600\/25 { color: color-mix(in oklab, var(--color-blue-600)25%, transparent) } .text-blue-600\/50 { color: color-mix(in oklab, var(--color-blue-600)50%, transparent) } .text-blue-600\/75 { color: color-mix(in oklab, var(--color-blue-600)75%, transparent) } .text-blue-600\/100 { color: color-mix(in oklab, var(--color-blue-600)100%, transparent) } .text-blue-700 { color: var(--color-blue-700) } .text-blue-800 { color: var(--color-blue-800) } .text-blue-900 { color: var(--color-blue-900) } .text-gray-200 { color: var(--color-gray-200) } .text-gray-300 { color: var(--color-gray-300) } .text-gray-400 { color: var(--color-gray-400) } .text-gray-500 { color: var(--color-gray-500) } .text-gray-600 { color: var(--color-gray-600) } .text-gray-700 { color: var(--color-gray-700) } .text-gray-800 { color: var(--color-gray-800) } .text-gray-900 { color: var(--color-gray-900) } .text-green-400 { color: var(--color-green-400) } .text-green-500 { color: var(--color-green-500) } .text-green-600 { color: var(--color-green-600) } .text-green-700 { color: var(--color-green-700) } .text-green-800 { color: var(--color-green-800) } .text-green-900 { color: var(--color-green-900) } .text-indigo-400 { color: var(--color-indigo-400) } .text-indigo-700 { color: var(--color-indigo-700) } .text-indigo-800 { color: var(--color-indigo-800) } .text-orange-500 { color: var(--color-orange-500) } .text-orange-600 { color: var(--color-orange-600) } .text-orange-800 { color: var(--color-orange-800) } .text-pink-400 { color: var(--color-pink-400) } .text-pink-800 { color: var(--color-pink-800) } .text-purple-400 { color: var(--color-purple-400) } .text-purple-600 { color: var(--color-purple-600) } .text-purple-700 { color: var(--color-purple-700) } .text-purple-800 { color: var(--color-purple-800) } .text-red-400 { color: var(--color-red-400) } .text-red-500 { color: var(--color-red-500) } .text-red-600 { color: var(--color-red-600) } .text-red-700 { color: var(--color-red-700) } .text-red-800 { color: var(--color-red-800) } .text-red-900 { color: var(--color-red-900) } .text-sky-500 { color: var(--color-sky-500) } .text-teal-600 { color: var(--color-teal-600) } .text-transparent { color: #0000 } .text-white { color: var(--color-white) } .text-yellow-300 { color: var(--color-yellow-300) } .text-yellow-400 { color: var(--color-yellow-400) } .text-yellow-500 { color: var(--color-yellow-500) } .text-yellow-700 { color: var(--color-yellow-700) } .text-yellow-800 { color: var(--color-yellow-800) } .lowercase { text-transform: lowercase } .uppercase { text-transform: uppercase } .italic { font-style: italic } .not-italic { font-style: normal } .line-through { text-decoration-line: line-through } .no-underline { text-decoration-line: none } .underline { text-decoration-line: underline } .decoration-blue-400 { -webkit-text-decoration-color: var(--color-blue-400); -webkit-text-decoration-color: var(--color-blue-400); text-decoration-color: var(--color-blue-400) } .decoration-blue-500 { -webkit-text-decoration-color: var(--color-blue-500); -webkit-text-decoration-color: var(--color-blue-500); text-decoration-color: var(--color-blue-500) } .decoration-gray-500 { -webkit-text-decoration-color: var(--color-gray-500); -webkit-text-decoration-color: var(--color-gray-500); text-decoration-color: var(--color-gray-500) } .decoration-green-500 { -webkit-text-decoration-color: var(--color-green-500); -webkit-text-decoration-color: var(--color-green-500); text-decoration-color: var(--color-green-500) } .decoration-indigo-500 { -webkit-text-decoration-color: var(--color-indigo-500); -webkit-text-decoration-color: var(--color-indigo-500); text-decoration-color: var(--color-indigo-500) } .decoration-red-500 { -webkit-text-decoration-color: var(--color-red-500); -webkit-text-decoration-color: var(--color-red-500); text-decoration-color: var(--color-red-500) } .decoration-sky-500 { -webkit-text-decoration-color: var(--color-sky-500); -webkit-text-decoration-color: var(--color-sky-500); text-decoration-color: var(--color-sky-500) } .decoration-dashed { text-decoration-style: dashed } .decoration-dotted { text-decoration-style: dotted } .decoration-double { text-decoration-style: double } .decoration-wavy { text-decoration-style: wavy } .decoration-8 { text-decoration-thickness: 8px } .underline-offset-3 { text-underline-offset: 3px } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .placeholder-green-700::placeholder { color: var(--color-green-700) } .placeholder-red-700::placeholder { color: var(--color-red-700) } .opacity-0 { opacity: 0 } .opacity-20 { opacity: .2 } .opacity-100 { opacity: 1 } .bg-blend-multiply { background-blend-mode: multiply } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); 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 { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .ring-8 { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); 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 { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); 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 { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); 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 { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-blue-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-500)50%, transparent) } .shadow-cyan-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-cyan-500)50%, transparent) } .shadow-green-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-green-500)50%, transparent) } .shadow-lime-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-lime-500)50%, transparent) } .shadow-pink-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-pink-500)50%, transparent) } .shadow-purple-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-purple-500)50%, transparent) } .shadow-red-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-red-500)50%, transparent) } .shadow-teal-500\/50 { --tw-shadow-color: color-mix(in oklab, var(--color-teal-500)50%, transparent) } .ring-gray-300 { --tw-ring-color: var(--color-gray-300) } .ring-white { --tw-ring-color: var(--color-white) } .outline { outline-style: var(--tw-outline-style); outline-width: 1px } .blur { --tw-blur: blur(8px); 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, ) } .blur-xs { --tw-blur: blur(var(--blur-xs)); 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, ) } .grayscale { --tw-grayscale: grayscale(100%); 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, ) } .invert { --tw-invert: invert(100%); 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 { 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-filter { -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: 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 { 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; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms } .duration-200 { --tw-duration: .2s; transition-duration: .2s } .duration-300 { --tw-duration: .3s; transition-duration: .3s } .duration-700 { --tw-duration: .7s; transition-duration: .7s } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in) } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out) } .ease-linear { --tw-ease: linear; transition-timing-function: linear } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out) } .format-blue { --tw-format-links: oklch(.546 .245 262.881); --tw-format-invert-links: oklch(.623 .214 259.815) } .format-red { --tw-format-links: oklch(.577 .245 27.325); --tw-format-invert-links: oklch(.637 .237 25.331) } @media (hover:hover) { .group-hover\:rotate-45:is(:where(.group):hover *) { rotate: 45deg } .group-hover\:bg-gray-50:is(:where(.group):hover *) { background-color: var(--color-gray-50) } .group-hover\:bg-transparent:is(:where(.group):hover *) { background-color: #0000 } .group-hover\:bg-white\/50:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-white)50%, transparent) } .group-hover\:from-cyan-500:is(:where(.group):hover *) { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:from-green-400:is(:where(.group):hover *) { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:from-pink-500:is(:where(.group):hover *) { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:from-purple-500:is(:where(.group):hover *) { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:from-purple-600:is(:where(.group):hover *) { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:from-red-200:is(:where(.group):hover *) { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:from-teal-300:is(:where(.group):hover *) { --tw-gradient-from: var(--color-teal-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:via-red-300:is(:where(.group):hover *) { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-via)var(--tw-gradient-via-position), var(--tw-gradient-to)var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops) } .group-hover\:to-blue-500:is(:where(.group):hover *) { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:to-blue-600:is(:where(.group):hover *) { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:to-lime-300:is(:where(.group):hover *) { --tw-gradient-to: var(--color-lime-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:to-orange-400:is(:where(.group):hover *) { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:to-pink-500:is(:where(.group):hover *) { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:to-yellow-200:is(:where(.group):hover *) { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .group-hover\:text-blue-600:is(:where(.group):hover *) { color: var(--color-blue-600) } .group-hover\:text-gray-500:is(:where(.group):hover *) { color: var(--color-gray-500) } .group-hover\:text-gray-900:is(:where(.group):hover *) { color: var(--color-gray-900) } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1 } } .group-focus\:text-gray-900:is(:where(.group):focus *) { color: var(--color-gray-900) } .group-focus\:ring-4:is(:where(.group):focus *) { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .group-focus\:ring-white:is(:where(.group):focus *) { --tw-ring-color: var(--color-white) } .group-focus\:outline-none:is(:where(.group):focus *) { --tw-outline-style: none; outline-style: none } .peer-checked\:border-blue-600:is(:where(.peer):checked~*) { border-color: var(--color-blue-600) } .peer-checked\:border-blue-700:is(:where(.peer):checked~*) { border-color: var(--color-blue-700) } .peer-checked\:bg-blue-50:is(:where(.peer):checked~*) { background-color: var(--color-blue-50) } .peer-checked\:bg-blue-600:is(:where(.peer):checked~*) { background-color: var(--color-blue-600) } .peer-checked\:bg-green-600:is(:where(.peer):checked~*) { background-color: var(--color-green-600) } .peer-checked\:bg-orange-500:is(:where(.peer):checked~*) { background-color: var(--color-orange-500) } .peer-checked\:bg-purple-600:is(:where(.peer):checked~*) { background-color: var(--color-purple-600) } .peer-checked\:bg-red-600:is(:where(.peer):checked~*) { background-color: var(--color-red-600) } .peer-checked\:bg-teal-600:is(:where(.peer):checked~*) { background-color: var(--color-teal-600) } .peer-checked\:bg-yellow-400:is(:where(.peer):checked~*) { background-color: var(--color-yellow-400) } .peer-checked\:text-blue-600:is(:where(.peer):checked~*) { color: var(--color-blue-600) } .peer-checked\:text-blue-700:is(:where(.peer):checked~*) { color: var(--color-blue-700) } .peer-checked\:text-gray-600:is(:where(.peer):checked~*) { color: var(--color-gray-600) } .peer-checked\:text-white:is(:where(.peer):checked~*) { color: var(--color-white) } .peer-placeholder-shown\:start-6:is(:where(.peer):placeholder-shown~*) { inset-inline-start: calc(var(--spacing)*6) } .peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown~*) { top: 50% } .peer-placeholder-shown\:-translate-y-1\/2:is(:where(.peer):placeholder-shown~*) { --tw-translate-y: calc(calc(1/2*100%)*-1); translate: var(--tw-translate-x)var(--tw-translate-y) } .peer-placeholder-shown\:translate-y-0:is(:where(.peer):placeholder-shown~*) { --tw-translate-y: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y) } .peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown~*) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x)var(--tw-scale-y) } .peer-focus\:start-0:is(:where(.peer):focus~*) { inset-inline-start: calc(var(--spacing)*0) } .peer-focus\:top-1:is(:where(.peer):focus~*) { top: calc(var(--spacing)*1) } .peer-focus\:top-2:is(:where(.peer):focus~*) { top: calc(var(--spacing)*2) } .peer-focus\:-translate-y-3:is(:where(.peer):focus~*) { --tw-translate-y: calc(var(--spacing)*-3); translate: var(--tw-translate-x)var(--tw-translate-y) } .peer-focus\:-translate-y-4:is(:where(.peer):focus~*) { --tw-translate-y: calc(var(--spacing)*-4); translate: var(--tw-translate-x)var(--tw-translate-y) } .peer-focus\:-translate-y-6:is(:where(.peer):focus~*) { --tw-translate-y: calc(var(--spacing)*-6); translate: var(--tw-translate-x)var(--tw-translate-y) } .peer-focus\:scale-75:is(:where(.peer):focus~*) { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x)var(--tw-scale-y) } .peer-focus\:px-2:is(:where(.peer):focus~*) { padding-inline: calc(var(--spacing)*2) } .peer-focus\:font-medium:is(:where(.peer):focus~*) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .peer-focus\:text-blue-600:is(:where(.peer):focus~*) { color: var(--color-blue-600) } .peer-focus\:ring-4:is(:where(.peer):focus~*) { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .peer-focus\:ring-blue-300:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-blue-300) } .peer-focus\:ring-green-300:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-green-300) } .peer-focus\:ring-orange-300:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-orange-300) } .peer-focus\:ring-purple-300:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-purple-300) } .peer-focus\:ring-red-300:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-red-300) } .peer-focus\:ring-teal-300:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-teal-300) } .peer-focus\:ring-yellow-300:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-yellow-300) } .peer-focus\:outline-none:is(:where(.peer):focus~*) { --tw-outline-style: none; outline-style: none } .first-letter\:float-start:first-letter { float: inline-start } .first-letter\:me-3:first-letter { margin-inline-end: calc(var(--spacing)*3) } .first-letter\:text-7xl:first-letter { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)) } .first-letter\:font-bold:first-letter { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .first-letter\:text-gray-900:first-letter { color: var(--color-gray-900) } .first-line\:tracking-widest:first-line { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest) } .first-line\:uppercase:first-line { text-transform: uppercase } .after\:absolute:after { content: var(--tw-content); position: absolute } .after\:start-\[2px\]:after { content: var(--tw-content); inset-inline-start: 2px } .after\:start-\[4px\]:after { content: var(--tw-content); inset-inline-start: 4px } .after\:top-0\.5:after { content: var(--tw-content); top: calc(var(--spacing)*.5) } .after\:top-\[2px\]:after { content: var(--tw-content); top: 2px } .after\:mx-2:after { content: var(--tw-content); margin-inline: calc(var(--spacing)*2) } .after\:mx-6:after { content: var(--tw-content); margin-inline: calc(var(--spacing)*6) } .after\:hidden:after { content: var(--tw-content); display: none } .after\:inline-block:after { content: var(--tw-content); display: inline-block } .after\:h-1:after { content: var(--tw-content); height: calc(var(--spacing)*1) } .after\:h-4:after { content: var(--tw-content); height: calc(var(--spacing)*4) } .after\:h-5:after { content: var(--tw-content); height: calc(var(--spacing)*5) } .after\:h-6:after { content: var(--tw-content); height: calc(var(--spacing)*6) } .after\:w-4:after { content: var(--tw-content); width: calc(var(--spacing)*4) } .after\:w-5:after { content: var(--tw-content); width: calc(var(--spacing)*5) } .after\:w-6:after { content: var(--tw-content); width: calc(var(--spacing)*6) } .after\:w-full:after { content: var(--tw-content); width: 100% } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px } .after\:border:after, .after\:border-1:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px } .after\:border-4:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 4px } .after\:border-b:after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .after\:border-blue-100:after { content: var(--tw-content); border-color: var(--color-blue-100) } .after\:border-gray-100:after { content: var(--tw-content); border-color: var(--color-gray-100) } .after\:border-gray-200:after { content: var(--tw-content); border-color: var(--color-gray-200) } .after\:border-gray-300:after { content: var(--tw-content); border-color: var(--color-gray-300) } .after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white) } .after\:text-gray-200:after { content: var(--tw-content); color: var(--color-gray-200) } .after\:transition-all:after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .after\:content-\[\'\'\]:after { content: var(--tw-content); --tw-content: ""; content: var(--tw-content) } .after\:content-\[\'\/\'\]:after { content: var(--tw-content); --tw-content: "/"; content: var(--tw-content) } .peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x)var(--tw-translate-y) } .peer-checked\:after\:border-white:is(:where(.peer):checked~*):after { content: var(--tw-content); border-color: var(--color-white) } .odd\:bg-white:nth-child(odd) { background-color: var(--color-white) } .even\:bg-gray-50:nth-child(2n) { background-color: var(--color-gray-50) } .focus-within\:z-10:focus-within { z-index: 10 } @media (hover:hover) { .hover\:border-blue-700:hover { border-color: var(--color-blue-700) } .hover\:border-blue-800:hover { border-color: var(--color-blue-800) } .hover\:border-gray-200:hover { border-color: var(--color-gray-200) } .hover\:border-gray-300:hover { border-color: var(--color-gray-300) } .hover\:bg-\[\#1da1f2\]\/90:hover { background-color: oklab(68.1797% -.0710534 -.141606/.9) } .hover\:bg-\[\#3b5998\]\/90:hover { background-color: oklab(47.2423% -.0121128 -.107642/.9) } .hover\:bg-\[\#2557D6\]\/90:hover { background-color: oklab(50.5418% -.021006 -.201479/.9) } .hover\:bg-\[\#4285F4\]\/90:hover { background-color: oklab(63.0386% -.0313976 -.177268/.9) } .hover\:bg-\[\#24292F\]\/90:hover { background-color: oklab(27.8502% -.00385141 -.0126262/.9) } .hover\:bg-\[\#050708\]\/80:hover { background-color: oklab(12.5951% -.00372608 -.00386472/.8) } .hover\:bg-\[\#050708\]\/90:hover { background-color: oklab(12.5951% -.00372608 -.00386472/.9) } .hover\:bg-\[\#F7BE38\]\/90:hover { background-color: oklab(83.1765% .0161951 .153769/.9) } .hover\:bg-\[\#FF9119\]\/80:hover { background-color: oklab(75.9167% .0886233 .149248/.8) } .hover\:bg-blue-100:hover { background-color: var(--color-blue-100) } .hover\:bg-blue-200:hover { background-color: var(--color-blue-200) } .hover\:bg-blue-500:hover { background-color: var(--color-blue-500) } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700) } .hover\:bg-blue-800:hover { background-color: var(--color-blue-800) } .hover\:bg-blue-900:hover { background-color: var(--color-blue-900) } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50) } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100) } .hover\:bg-gray-200:hover { background-color: var(--color-gray-200) } .hover\:bg-gray-300:hover { background-color: var(--color-gray-300) } .hover\:bg-gray-500:hover { background-color: var(--color-gray-500) } .hover\:bg-gray-600:hover { background-color: var(--color-gray-600) } .hover\:bg-gray-700:hover { background-color: var(--color-gray-700) } .hover\:bg-gray-800:hover { background-color: var(--color-gray-800) } .hover\:bg-gray-900:hover { background-color: var(--color-gray-900) } .hover\:bg-gray-900\/50:hover { background-color: color-mix(in oklab, var(--color-gray-900)50%, transparent) } .hover\:bg-green-200:hover { background-color: var(--color-green-200) } .hover\:bg-green-800:hover { background-color: var(--color-green-800) } .hover\:bg-green-900:hover { background-color: var(--color-green-900) } .hover\:bg-indigo-200:hover { background-color: var(--color-indigo-200) } .hover\:bg-pink-200:hover { background-color: var(--color-pink-200) } .hover\:bg-purple-200:hover { background-color: var(--color-purple-200) } .hover\:bg-purple-800:hover { background-color: var(--color-purple-800) } .hover\:bg-red-200:hover { background-color: var(--color-red-200) } .hover\:bg-red-800:hover { background-color: var(--color-red-800) } .hover\:bg-red-900:hover { background-color: var(--color-red-900) } .hover\:bg-white:hover { background-color: var(--color-white) } .hover\:bg-white\/50:hover { background-color: color-mix(in oklab, var(--color-white)50%, transparent) } .hover\:bg-yellow-200:hover { background-color: var(--color-yellow-200) } .hover\:bg-yellow-500:hover { background-color: var(--color-yellow-500) } .hover\:bg-yellow-900:hover { background-color: var(--color-yellow-900) } .hover\:bg-gradient-to-bl:hover { --tw-gradient-position: to bottom left in oklab, ; background-image: linear-gradient(var(--tw-gradient-stops)) } .hover\:bg-gradient-to-br:hover { --tw-gradient-position: to bottom right in oklab, ; background-image: linear-gradient(var(--tw-gradient-stops)) } .hover\:bg-gradient-to-l:hover { --tw-gradient-position: to left in oklab, ; background-image: linear-gradient(var(--tw-gradient-stops)) } .hover\:from-teal-200:hover { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .hover\:to-lime-200:hover { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .hover\:\!text-blue-700:hover { color: var(--color-blue-700) !important } .hover\:text-blue-600:hover { color: var(--color-blue-600) } .hover\:text-blue-700:hover { color: var(--color-blue-700) } .hover\:text-blue-800:hover { color: var(--color-blue-800) } .hover\:text-blue-900:hover { color: var(--color-blue-900) } .hover\:text-gray-500:hover { color: var(--color-gray-500) } .hover\:text-gray-600:hover { color: var(--color-gray-600) } .hover\:text-gray-700:hover { color: var(--color-gray-700) } .hover\:text-gray-800:hover { color: var(--color-gray-800) } .hover\:text-gray-900:hover { color: var(--color-gray-900) } .hover\:text-green-900:hover { color: var(--color-green-900) } .hover\:text-indigo-900:hover { color: var(--color-indigo-900) } .hover\:text-pink-900:hover { color: var(--color-pink-900) } .hover\:text-purple-600:hover { color: var(--color-purple-600) } .hover\:text-purple-900:hover { color: var(--color-purple-900) } .hover\:text-red-900:hover { color: var(--color-red-900) } .hover\:text-white:hover { color: var(--color-white) } .hover\:text-yellow-900:hover { color: var(--color-yellow-900) } .hover\:no-underline:hover { text-decoration-line: none } .hover\:underline:hover { text-decoration-line: underline } .hover\:bg-blend-soft-light:hover { background-blend-mode: soft-light } .hover\:shadow:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .hover\:blur-none:hover { --tw-blur: ; 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, ) } .hover\:grayscale-0:hover { --tw-grayscale: grayscale(0%); 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, ) } } .focus\:z-10:focus { z-index: 10 } .focus\:border-blue-500:focus { border-color: var(--color-blue-500) } .focus\:border-blue-600:focus { border-color: var(--color-blue-600) } .focus\:border-gray-200:focus { border-color: var(--color-gray-200) } .focus\:border-green-500:focus { border-color: var(--color-green-500) } .focus\:border-green-600:focus { border-color: var(--color-green-600) } .focus\:border-red-500:focus { border-color: var(--color-red-500) } .focus\:border-red-600:focus { border-color: var(--color-red-600) } .focus\:bg-gray-100:focus { background-color: var(--color-gray-100) } .focus\:bg-gray-900:focus { background-color: var(--color-gray-900) } .focus\:text-blue-700:focus { color: var(--color-blue-700) } .focus\:text-white:focus { color: var(--color-white) } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); 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-2:focus { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); 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-3:focus { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); 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-4:focus { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); 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-\[\#1da1f2\]\/50:focus { --tw-ring-color: oklab(68.1797% -.0710534 -.141606/.5) } .focus\:ring-\[\#3b5998\]\/50:focus { --tw-ring-color: oklab(47.2423% -.0121128 -.107642/.5) } .focus\:ring-\[\#2557D6\]\/50:focus { --tw-ring-color: oklab(50.5418% -.021006 -.201479/.5) } .focus\:ring-\[\#4285F4\]\/50:focus { --tw-ring-color: oklab(63.0386% -.0313976 -.177268/.5) } .focus\:ring-\[\#24292F\]\/50:focus { --tw-ring-color: oklab(27.8502% -.00385141 -.0126262/.5) } .focus\:ring-\[\#050708\]\/50:focus { --tw-ring-color: oklab(12.5951% -.00372608 -.00386472/.5) } .focus\:ring-\[\#F7BE38\]\/50:focus { --tw-ring-color: oklab(83.1765% .0161951 .153769/.5) } .focus\:ring-\[\#FF9119\]\/50:focus { --tw-ring-color: oklab(75.9167% .0886233 .149248/.5) } .focus\:ring-blue-200:focus { --tw-ring-color: var(--color-blue-200) } .focus\:ring-blue-300:focus { --tw-ring-color: var(--color-blue-300) } .focus\:ring-blue-400:focus { --tw-ring-color: var(--color-blue-400) } .focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500) } .focus\:ring-blue-600:focus { --tw-ring-color: var(--color-blue-600) } .focus\:ring-blue-700:focus { --tw-ring-color: var(--color-blue-700) } .focus\:ring-cyan-200:focus { --tw-ring-color: var(--color-cyan-200) } .focus\:ring-cyan-300:focus { --tw-ring-color: var(--color-cyan-300) } .focus\:ring-gray-50:focus { --tw-ring-color: var(--color-gray-50) } .focus\:ring-gray-100:focus { --tw-ring-color: var(--color-gray-100) } .focus\:ring-gray-200:focus { --tw-ring-color: var(--color-gray-200) } .focus\:ring-gray-300:focus { --tw-ring-color: var(--color-gray-300) } .focus\:ring-gray-400:focus { --tw-ring-color: var(--color-gray-400) } .focus\:ring-gray-500:focus { --tw-ring-color: var(--color-gray-500) } .focus\:ring-gray-700:focus { --tw-ring-color: var(--color-gray-700) } .focus\:ring-green-200:focus { --tw-ring-color: var(--color-green-200) } .focus\:ring-green-300:focus { --tw-ring-color: var(--color-green-300) } .focus\:ring-green-400:focus { --tw-ring-color: var(--color-green-400) } .focus\:ring-green-500:focus { --tw-ring-color: var(--color-green-500) } .focus\:ring-lime-200:focus { --tw-ring-color: var(--color-lime-200) } .focus\:ring-lime-300:focus { --tw-ring-color: var(--color-lime-300) } .focus\:ring-orange-500:focus { --tw-ring-color: var(--color-orange-500) } .focus\:ring-pink-200:focus { --tw-ring-color: var(--color-pink-200) } .focus\:ring-pink-300:focus { --tw-ring-color: var(--color-pink-300) } .focus\:ring-purple-200:focus { --tw-ring-color: var(--color-purple-200) } .focus\:ring-purple-300:focus { --tw-ring-color: var(--color-purple-300) } .focus\:ring-purple-500:focus { --tw-ring-color: var(--color-purple-500) } .focus\:ring-red-100:focus { --tw-ring-color: var(--color-red-100) } .focus\:ring-red-300:focus { --tw-ring-color: var(--color-red-300) } .focus\:ring-red-400:focus { --tw-ring-color: var(--color-red-400) } .focus\:ring-red-500:focus { --tw-ring-color: var(--color-red-500) } .focus\:ring-teal-300:focus { --tw-ring-color: var(--color-teal-300) } .focus\:ring-teal-500:focus { --tw-ring-color: var(--color-teal-500) } .focus\:ring-yellow-300:focus { --tw-ring-color: var(--color-yellow-300) } .focus\:ring-yellow-400:focus { --tw-ring-color: var(--color-yellow-400) } .focus\:ring-yellow-500:focus { --tw-ring-color: var(--color-yellow-500) } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none } @media (width>=40rem) { .sm\:order-last { order: calc(infinity) } .sm\:col-span-1 { grid-column: span 1/span 1 } .sm\:col-span-3 { grid-column: span 3/span 3 } .sm\:mx-0 { margin-inline: calc(var(--spacing)*0) } .sm\:mx-auto { margin-inline: auto } .sm\:ms-2 { margin-inline-start: calc(var(--spacing)*2) } .sm\:ms-4 { margin-inline-start: calc(var(--spacing)*4) } .sm\:ms-7 { margin-inline-start: calc(var(--spacing)*7) } .sm\:ms-auto { margin-inline-start: auto } .sm\:mt-0 { margin-top: calc(var(--spacing)*0) } .sm\:mb-0 { margin-bottom: calc(var(--spacing)*0) } .sm\:mb-4 { margin-bottom: calc(var(--spacing)*4) } .sm\:mb-5 { margin-bottom: calc(var(--spacing)*5) } .sm\:ml-3 { margin-left: calc(var(--spacing)*3) } .sm\:ml-64 { margin-left: calc(var(--spacing)*64) } .sm\:block { display: block } .sm\:flex { display: flex } .sm\:grid { display: grid } .sm\:hidden { display: none } .sm\:inline-flex { display: inline-flex } .sm\:h-4 { height: calc(var(--spacing)*4) } .sm\:h-7 { height: calc(var(--spacing)*7) } .sm\:h-9 { height: calc(var(--spacing)*9) } .sm\:h-64 { height: calc(var(--spacing)*64) } .sm\:h-96 { height: calc(var(--spacing)*96) } .sm\:w-4 { width: calc(var(--spacing)*4) } .sm\:w-96 { width: calc(var(--spacing)*96) } .sm\:w-auto { width: auto } .sm\:max-w-\[15rem\] { max-width: 15rem } .sm\:translate-x-0 { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y) } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .sm\:flex-row { flex-direction: row } .sm\:items-center { align-items: center } .sm\:justify-between { justify-content: space-between } .sm\:justify-center { justify-content: center } .sm\:gap-6 { gap: calc(var(--spacing)*6) } :where(.sm\:space-y-0>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse))) } :where(.sm\:space-x-3>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse))) } :where(.sm\:space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse))) } :where(.sm\:space-x-5>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse))) } :where(.sm\:space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse))) } :where(.sm\:divide-x>:not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px*var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px*calc(1 - var(--tw-divide-x-reverse))) } .sm\:rounded-lg { border-radius: var(--radius-lg) } .sm\:border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px } .sm\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .sm\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .sm\:p-4 { padding: calc(var(--spacing)*4) } .sm\:p-6 { padding: calc(var(--spacing)*6) } .sm\:p-8 { padding: calc(var(--spacing)*8) } .sm\:px-4 { padding-inline: calc(var(--spacing)*4) } .sm\:px-5 { padding-inline: calc(var(--spacing)*5) } .sm\:px-16 { padding-inline: calc(var(--spacing)*16) } .sm\:py-4 { padding-block: calc(var(--spacing)*4) } .sm\:py-16 { padding-block: calc(var(--spacing)*16) } .sm\:ps-2 { padding-inline-start: calc(var(--spacing)*2) } .sm\:ps-4 { padding-inline-start: calc(var(--spacing)*4) } .sm\:ps-5 { padding-inline-start: calc(var(--spacing)*5) } .sm\:pe-4 { padding-inline-end: calc(var(--spacing)*4) } .sm\:pe-8 { padding-inline-end: calc(var(--spacing)*8) } .sm\:pt-4 { padding-top: calc(var(--spacing)*4) } .sm\:pb-4 { padding-bottom: calc(var(--spacing)*4) } .sm\:text-center { text-align: center } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .sm\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .sm\:ring-8 { --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color, currentColor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .sm\:after\:hidden:after { content: var(--tw-content); display: none } .sm\:after\:inline-block:after { content: var(--tw-content); display: inline-block } .sm\:after\:content-\[\'\'\]:after { content: var(--tw-content); --tw-content: ""; content: var(--tw-content) } } @media (width>=48rem) { .md\:absolute { position: absolute } .md\:relative { position: relative } .md\:inset-0 { inset: calc(var(--spacing)*0) } .md\:end-auto { inset-inline-end: auto } .md\:top-auto { top: auto } .md\:order-1 { order: 1 } .md\:order-2 { order: 2 } .md\:m-0 { margin: calc(var(--spacing)*0) } .md\:mx-2 { margin-inline: calc(var(--spacing)*2) } .md\:my-0 { margin-block: calc(var(--spacing)*0) } .md\:my-10 { margin-block: calc(var(--spacing)*10) } .md\:my-12 { margin-block: calc(var(--spacing)*12) } .md\:ms-1 { margin-inline-start: calc(var(--spacing)*1) } .md\:ms-2 { margin-inline-start: calc(var(--spacing)*2) } .md\:me-0 { margin-inline-end: calc(var(--spacing)*0) } .md\:me-4 { margin-inline-end: calc(var(--spacing)*4) } .md\:me-6 { margin-inline-end: calc(var(--spacing)*6) } .md\:me-24 { margin-inline-end: calc(var(--spacing)*24) } .md\:mt-0 { margin-top: calc(var(--spacing)*0) } .md\:mt-6 { margin-top: calc(var(--spacing)*6) } .md\:mr-0 { margin-right: calc(var(--spacing)*0) } .md\:mb-0 { margin-bottom: calc(var(--spacing)*0) } .md\:mb-5 { margin-bottom: calc(var(--spacing)*5) } .md\:mb-12 { margin-bottom: calc(var(--spacing)*12) } .md\:ml-2 { margin-left: calc(var(--spacing)*2) } .md\:block { display: block } .md\:flex { display: flex } .md\:grid { display: grid } .md\:hidden { display: none } .md\:inline { display: inline } .md\:inline-flex { display: inline-flex } .md\:h-96 { height: calc(var(--spacing)*96) } .md\:h-\[8px\] { height: 8px } .md\:h-\[21px\] { height: 21px } .md\:h-\[40px\] { height: 40px } .md\:h-\[42px\] { height: 42px } .md\:h-\[95px\] { height: 95px } .md\:h-\[262px\] { height: 262px } .md\:h-\[278px\] { height: 278px } .md\:h-\[294px\] { height: 294px } .md\:h-\[654px\] { height: 654px } .md\:h-\[682px\] { height: 682px } .md\:h-auto { height: auto } .md\:w-32 { width: calc(var(--spacing)*32) } .md\:w-48 { width: calc(var(--spacing)*48) } .md\:w-64 { width: calc(var(--spacing)*64) } .md\:w-\[96px\] { width: 96px } .md\:w-\[185px\] { width: 185px } .md\:w-auto { width: auto } .md\:w-full { width: 100% } .md\:max-w-\[142px\] { max-width: 142px } .md\:max-w-\[512px\] { max-width: 512px } .md\:max-w-\[597px\] { max-width: 597px } .md\:max-w-screen-md { max-width: var(--breakpoint-md) } .md\:max-w-xl { max-width: var(--container-xl) } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .md\:flex-row { flex-direction: row } .md\:items-center { align-items: center } .md\:justify-between { justify-content: space-between } .md\:gap-6 { gap: calc(var(--spacing)*6) } .md\:gap-8 { gap: calc(var(--spacing)*8) } .md\:gap-12 { gap: calc(var(--spacing)*12) } :where(.md\:space-y-0>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse))) } :where(.md\:space-x-0>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse))) } :where(.md\:space-x-2>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse))) } :where(.md\:space-x-3>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse))) } :where(.md\:space-x-4>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse))) } :where(.md\:space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse))) } .md\:rounded-none { border-radius: 0 } .md\:rounded-s-lg { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg) } .md\:rounded-ss-lg { border-start-start-radius: var(--radius-lg) } .md\:rounded-se-lg { border-start-end-radius: var(--radius-lg) } .md\:rounded-es-lg { border-end-start-radius: var(--radius-lg) } .md\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0 } .md\:border-0 { border-style: var(--tw-border-style); border-width: 0 } .md\:border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0 } .md\:bg-transparent { background-color: #0000 } .md\:bg-white { background-color: var(--color-white) } .md\:p-0 { padding: calc(var(--spacing)*0) } .md\:p-5 { padding: calc(var(--spacing)*5) } .md\:p-6 { padding: calc(var(--spacing)*6) } .md\:p-8 { padding: calc(var(--spacing)*8) } .md\:p-12 { padding: calc(var(--spacing)*12) } .md\:px-4 { padding-inline: calc(var(--spacing)*4) } .md\:px-5 { padding-inline: calc(var(--spacing)*5) } .md\:px-6 { padding-inline: calc(var(--spacing)*6) } .md\:py-2\.5 { padding-block: calc(var(--spacing)*2.5) } .md\:py-8 { padding-block: calc(var(--spacing)*8) } .md\:pe-4 { padding-inline-end: calc(var(--spacing)*4) } .md\:pt-0 { padding-top: calc(var(--spacing)*0) } .md\:pb-0 { padding-bottom: calc(var(--spacing)*0) } .md\:pb-4 { padding-bottom: calc(var(--spacing)*4) } .md\:pb-5 { padding-bottom: calc(var(--spacing)*5) } .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .md\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .md\:text-blue-700 { color: var(--color-blue-700) } .md\:text-green-700 { color: var(--color-green-700) } @media (hover:hover) { .md\:hover\:bg-transparent:hover { background-color: #0000 } .md\:hover\:text-blue-600:hover { color: var(--color-blue-600) } .md\:hover\:text-blue-700:hover { color: var(--color-blue-700) } .md\:hover\:text-green-700:hover { color: var(--color-green-700) } } } @media (width>=64rem) { .lg\:static { position: static } .lg\:sticky { position: sticky } .lg\:top-28 { top: calc(var(--spacing)*28) } .lg\:order-1 { order: 1 } .lg\:order-2 { order: 2 } .lg\:col-span-5 { grid-column: span 5/span 5 } .lg\:col-span-7 { grid-column: span 7/span 7 } .lg\:my-8 { margin-block: calc(var(--spacing)*8) } .lg\:my-12 { margin-block: calc(var(--spacing)*12) } .lg\:format-lg { font-size: 1.125rem; line-height: 1.77778 } .lg\:format-lg :where(p):not(:where([class~=not-format] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em } .lg\:format-lg :where([class~=lead]):not(:where([class~=not-format] *)) { margin-top: 1.09091em; margin-bottom: 1.09091em; font-size: 1.22222em; line-height: 1.45455 } .lg\:format-lg :where(blockquote):not(:where([class~=not-format] *)):before { margin-top: 1.66667em } .lg\:format-lg :where(blockquote>p:first-child):not(:where([class~=not-format] *)) { margin-top: .5em } .lg\:format-lg :where(h1):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: .833333em; font-size: 2.66667em; line-height: 1 } .lg\:format-lg :where(h2):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: .666667em; font-size: 2em; line-height: 1.33333 } .lg\:format-lg :where(h3):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: .666667em; font-size: 1.33333em; line-height: 1.5 } .lg\:format-lg :where(h4):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: .444444em; line-height: 1.55556 } .lg\:format-lg :where(img):not(:where([class~=not-format] *)), .lg\:format-lg :where(video):not(:where([class~=not-format] *)), .lg\:format-lg :where(figure):not(:where([class~=not-format] *)) { margin-top: 1.77778em; margin-bottom: 1.77778em } .lg\:format-lg :where(figure>*):not(:where([class~=not-format] *)) { margin-top: 0; margin-bottom: 0 } .lg\:format-lg :where(figcaption):not(:where([class~=not-format] *)) { margin-top: 1em; font-size: .888889em; line-height: 1.5 } .lg\:format-lg :where(code):not(:where([class~=not-format] *)) { font-size: .888889em } .lg\:format-lg :where(h2 code):not(:where([class~=not-format] *)) { font-size: .866667em } .lg\:format-lg :where(h3 code):not(:where([class~=not-format] *)) { font-size: .875em } .lg\:format-lg :where(pre):not(:where([class~=not-format] *)) { border-radius: .375rem; margin-top: 2em; margin-bottom: 2em; padding: 1em 1.5em; font-size: .888889em; line-height: 1.75 } .lg\:format-lg :where(ol):not(:where([class~=not-format] *)), .lg\:format-lg :where(ul):not(:where([class~=not-format] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-left: 1.55556em } .lg\:format-lg :where(li):not(:where([class~=not-format] *)) { margin-top: .666667em; margin-bottom: .666667em } .lg\:format-lg :where(ol>li):not(:where([class~=not-format] *)), .lg\:format-lg :where(ul>li):not(:where([class~=not-format] *)) { padding-left: .444444em } .lg\:format-lg :where(.format>ul>li p):not(:where([class~=not-format] *)) { margin-top: .888889em; margin-bottom: .888889em } .lg\:format-lg :where(.format>ul>li>:first-child):not(:where([class~=not-format] *)) { margin-top: 1.33333em } .lg\:format-lg :where(.format>ul>li>:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.33333em } .lg\:format-lg :where(.format>ol>li>:first-child):not(:where([class~=not-format] *)) { margin-top: 1.33333em } .lg\:format-lg :where(.format>ol>li>:last-child):not(:where([class~=not-format] *)) { margin-bottom: 1.33333em } .lg\:format-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-format] *)) { margin-top: .888889em; margin-bottom: .888889em } .lg\:format-lg :where(hr):not(:where([class~=not-format] *)) { margin-top: 3.11111em; margin-bottom: 3.11111em } .lg\:format-lg :where(hr+*):not(:where([class~=not-format] *)), .lg\:format-lg :where(h2+*):not(:where([class~=not-format] *)), .lg\:format-lg :where(h3+*):not(:where([class~=not-format] *)), .lg\:format-lg :where(h4+*):not(:where([class~=not-format] *)) { margin-top: 0 } .lg\:format-lg :where(table):not(:where([class~=not-format] *)) { font-size: .888889em; line-height: 1.5 } .lg\:format-lg :where(thead th):not(:where([class~=not-format] *)) { padding-bottom: .75em; padding-left: .75em; padding-right: .75em } .lg\:format-lg :where(thead th:last-child):not(:where([class~=not-format] *)) { padding-right: 0 } .lg\:format-lg :where(tbody td, tfoot td):not(:where([class~=not-format] *)) { padding: .75em } .lg\:format-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-format] *)) { padding-right: 0 } .lg\:format-lg :where(.format>:first-child):not(:where([class~=not-format] *)) { margin-top: 0 } .lg\:format-lg :where(.format>:last-child):not(:where([class~=not-format] *)) { margin-bottom: 0 } .lg\:mt-0 { margin-top: calc(var(--spacing)*0) } .lg\:mt-10 { margin-top: calc(var(--spacing)*10) } .lg\:mr-0 { margin-right: calc(var(--spacing)*0) } .lg\:mb-0 { margin-bottom: calc(var(--spacing)*0) } .lg\:mb-8 { margin-bottom: calc(var(--spacing)*8) } .lg\:mb-16 { margin-bottom: calc(var(--spacing)*16) } .lg\:block { display: block } .lg\:flex { display: flex } .lg\:grid { display: grid } .lg\:hidden { display: none } .lg\:h-4 { height: calc(var(--spacing)*4) } .lg\:h-5 { height: calc(var(--spacing)*5) } .lg\:h-6 { height: calc(var(--spacing)*6) } .lg\:h-12 { height: calc(var(--spacing)*12) } .lg\:h-\[calc\(100vh-3rem\)\] { height: calc(100vh - 3rem) } .lg\:h-auto { height: auto } .lg\:max-h-full { max-height: 100% } .lg\:w-4 { width: calc(var(--spacing)*4) } .lg\:w-5 { width: calc(var(--spacing)*5) } .lg\:w-6 { width: calc(var(--spacing)*6) } .lg\:w-12 { width: calc(var(--spacing)*12) } .lg\:w-48 { width: calc(var(--spacing)*48) } .lg\:w-96 { width: calc(var(--spacing)*96) } .lg\:w-auto { width: auto } .lg\:max-w-7xl { max-width: var(--container-7xl) } .lg\:max-w-screen-lg { max-width: var(--breakpoint-lg) } .lg\:max-w-xl { max-width: var(--container-xl) } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .lg\:flex-row { flex-direction: row } .lg\:gap-8 { gap: calc(var(--spacing)*8) } .lg\:gap-16 { gap: calc(var(--spacing)*16) } :where(.lg\:space-x-8>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse))) } .lg\:self-center { align-self: center } .lg\:overflow-visible { overflow: visible } .lg\:overflow-y-visible { overflow-y: visible } .lg\:border-0 { border-style: var(--tw-border-style); border-width: 0 } .lg\:bg-transparent { background-color: #0000 } .lg\:p-0 { padding: calc(var(--spacing)*0) } .lg\:p-8 { padding: calc(var(--spacing)*8) } .lg\:px-2 { padding-inline: calc(var(--spacing)*2) } .lg\:px-4 { padding-inline: calc(var(--spacing)*4) } .lg\:px-5 { padding-inline: calc(var(--spacing)*5) } .lg\:px-6 { padding-inline: calc(var(--spacing)*6) } .lg\:px-8 { padding-inline: calc(var(--spacing)*8) } .lg\:px-12 { padding-inline: calc(var(--spacing)*12) } .lg\:px-36 { padding-inline: calc(var(--spacing)*36) } .lg\:px-48 { padding-inline: calc(var(--spacing)*48) } .lg\:py-0 { padding-block: calc(var(--spacing)*0) } .lg\:py-2\.5 { padding-block: calc(var(--spacing)*2.5) } .lg\:py-4 { padding-block: calc(var(--spacing)*4) } .lg\:py-8 { padding-block: calc(var(--spacing)*8) } .lg\:py-16 { padding-block: calc(var(--spacing)*16) } .lg\:py-56 { padding-block: calc(var(--spacing)*56) } .lg\:pt-0 { padding-top: calc(var(--spacing)*0) } .lg\:pt-2 { padding-top: calc(var(--spacing)*2) } .lg\:pt-8 { padding-top: calc(var(--spacing)*8) } .lg\:pb-16 { padding-bottom: calc(var(--spacing)*16) } .lg\:pb-20 { padding-bottom: calc(var(--spacing)*20) } .lg\:pl-0 { padding-left: calc(var(--spacing)*0) } .lg\:pl-3 { padding-left: calc(var(--spacing)*3) } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .lg\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .lg\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .lg\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .lg\:text-blue-700 { color: var(--color-blue-700) } @media (hover:hover) { .lg\:hover\:bg-transparent:hover { background-color: #0000 } .lg\:hover\:text-blue-700:hover { color: var(--color-blue-700) } } } @media (width>=80rem) { .xl\:ml-20 { margin-left: calc(var(--spacing)*20) } .xl\:block { display: block } .xl\:hidden { display: none } .xl\:inline-flex { display: inline-flex } .xl\:h-80 { height: calc(var(--spacing)*80) } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .xl\:gap-0 { gap: calc(var(--spacing)*0) } .xl\:gap-16 { gap: calc(var(--spacing)*16) } .xl\:gap-24 { gap: calc(var(--spacing)*24) } .xl\:px-2 { padding-inline: calc(var(--spacing)*2) } .xl\:px-48 { padding-inline: calc(var(--spacing)*48) } .xl\:pt-24 { padding-top: calc(var(--spacing)*24) } .xl\:pb-24 { padding-bottom: calc(var(--spacing)*24) } .xl\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)) } .xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .xl\:after\:mx-10:after { content: var(--tw-content); margin-inline: calc(var(--spacing)*10) } } @media (width>=96rem) { .\32 xl\:block { display: block } .\32 xl\:h-96 { height: calc(var(--spacing)*96) } .\32 xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .\32 xl\:gap-x-2 { column-gap: calc(var(--spacing)*2) } :where(.\32 xl\:space-x-0>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse))) } } .rtl\:inset-x-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { inset-inline: calc(var(--spacing)*0) } .rtl\:right-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { right: calc(var(--spacing)*0) } .rtl\:ml-0:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { margin-left: calc(var(--spacing)*0) } .rtl\:ml-2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { margin-left: calc(var(--spacing)*2) } .rtl\:translate-x-1\/2:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { --tw-translate-x: calc(1/2*100%); translate: var(--tw-translate-x)var(--tw-translate-y) } .rtl\:-rotate-90:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { rotate: -90deg } .rtl\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { rotate: 180deg } .rtl\:rotate-\[270deg\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { rotate: 270deg } .rtl\:justify-end:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { justify-content: flex-end } .rtl\:gap-8:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { gap: calc(var(--spacing)*8) } :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) { --tw-space-x-reverse: 1 } .rtl\:text-left:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { text-align: left } .rtl\:text-right:where(:dir(rtl), [dir=rtl], [dir=rtl] *) { text-align: right } :where(.rtl\:divide-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) { --tw-divide-x-reverse: 1 } .rtl\:peer-focus\:left-auto:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):focus~*) { left: auto } .rtl\:peer-focus\:translate-x-1\/4:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):focus~*) { --tw-translate-x: calc(1/4*100%); translate: var(--tw-translate-x)var(--tw-translate-y) } .rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):checked~*):after, .rtl\:peer-checked\:after\:translate-x-\[-100\%\]:where(:dir(rtl), [dir=rtl], [dir=rtl] *):is(:where(.peer):checked~*):after { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x)var(--tw-translate-y) } @media (width>=40rem) { :where(.sm\:rtl\:divide-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) { --tw-divide-x-reverse: 1 } } @media (width>=48rem) { :where(.md\:rtl\:space-x-reverse:where(:dir(rtl), [dir=rtl], [dir=rtl] *)>:not(:last-child)) { --tw-space-x-reverse: 1 } } @media (prefers-color-scheme:dark) { .dark\:block { display: block } .dark\:hidden { display: none } .dark\:inline-block { display: inline-block } :where(.dark\:divide-gray-600>:not(:last-child)) { border-color: var(--color-gray-600) } :where(.dark\:divide-gray-700>:not(:last-child)) { border-color: var(--color-gray-700) } .dark\:\!border-blue-500 { border-color: var(--color-blue-500) !important } .dark\:border-blue-400 { border-color: var(--color-blue-400) } .dark\:border-blue-500 { border-color: var(--color-blue-500) } .dark\:border-blue-600 { border-color: var(--color-blue-600) } .dark\:border-blue-800 { border-color: var(--color-blue-800) } .dark\:border-gray-400 { border-color: var(--color-gray-400) } .dark\:border-gray-500 { border-color: var(--color-gray-500) } .dark\:border-gray-600 { border-color: var(--color-gray-600) } .dark\:border-gray-700 { border-color: var(--color-gray-700) } .dark\:border-gray-800 { border-color: var(--color-gray-800) } .dark\:border-gray-900 { border-color: var(--color-gray-900) } .dark\:border-green-500 { border-color: var(--color-green-500) } .dark\:border-green-600 { border-color: var(--color-green-600) } .dark\:border-green-800 { border-color: var(--color-green-800) } .dark\:border-purple-400 { border-color: var(--color-purple-400) } .dark\:border-purple-500 { border-color: var(--color-purple-500) } .dark\:border-red-500 { border-color: var(--color-red-500) } .dark\:border-red-600 { border-color: var(--color-red-600) } .dark\:border-red-800 { border-color: var(--color-red-800) } .dark\:border-transparent { border-color: #0000 } .dark\:border-white { border-color: var(--color-white) } .dark\:border-yellow-300 { border-color: var(--color-yellow-300) } .dark\:border-yellow-800 { border-color: var(--color-yellow-800) } .dark\:border-s-gray-700 { border-inline-start-color: var(--color-gray-700) } .dark\:border-e-gray-700 { border-inline-end-color: var(--color-gray-700) } .dark\:\!bg-gray-700 { background-color: var(--color-gray-700) !important } .dark\:bg-blue-200 { background-color: var(--color-blue-200) } .dark\:bg-blue-400 { background-color: var(--color-blue-400) } .dark\:bg-blue-500 { background-color: var(--color-blue-500) } .dark\:bg-blue-600 { background-color: var(--color-blue-600) } .dark\:bg-blue-800 { background-color: var(--color-blue-800) } .dark\:bg-blue-900 { background-color: var(--color-blue-900) } .dark\:bg-gray-300 { background-color: var(--color-gray-300) } .dark\:bg-gray-400 { background-color: var(--color-gray-400) } .dark\:bg-gray-500 { background-color: var(--color-gray-500) } .dark\:bg-gray-600 { background-color: var(--color-gray-600) } .dark\:bg-gray-700 { background-color: var(--color-gray-700) } .dark\:bg-gray-800 { background-color: var(--color-gray-800) } .dark\:bg-gray-800\/30 { background-color: color-mix(in oklab, var(--color-gray-800)30%, transparent) } .dark\:bg-gray-800\/50 { background-color: color-mix(in oklab, var(--color-gray-800)50%, transparent) } .dark\:bg-gray-900 { background-color: var(--color-gray-900) } .dark\:bg-gray-900\/60 { background-color: color-mix(in oklab, var(--color-gray-900)60%, transparent) } .dark\:bg-gray-900\/80 { background-color: color-mix(in oklab, var(--color-gray-900)80%, transparent) } .dark\:bg-green-500 { background-color: var(--color-green-500) } .dark\:bg-green-600 { background-color: var(--color-green-600) } .dark\:bg-green-800 { background-color: var(--color-green-800) } .dark\:bg-green-900 { background-color: var(--color-green-900) } .dark\:bg-indigo-500 { background-color: var(--color-indigo-500) } .dark\:bg-indigo-900 { background-color: var(--color-indigo-900) } .dark\:bg-orange-200 { background-color: var(--color-orange-200) } .dark\:bg-orange-400 { background-color: var(--color-orange-400) } .dark\:bg-orange-700 { background-color: var(--color-orange-700) } .dark\:bg-pink-900 { background-color: var(--color-pink-900) } .dark\:bg-purple-500 { background-color: var(--color-purple-500) } .dark\:bg-purple-600 { background-color: var(--color-purple-600) } .dark\:bg-purple-900 { background-color: var(--color-purple-900) } .dark\:bg-red-500 { background-color: var(--color-red-500) } .dark\:bg-red-600 { background-color: var(--color-red-600) } .dark\:bg-red-800 { background-color: var(--color-red-800) } .dark\:bg-red-900 { background-color: var(--color-red-900) } .dark\:bg-white { background-color: var(--color-white) } .dark\:bg-yellow-300 { background-color: var(--color-yellow-300) } .dark\:bg-yellow-900 { background-color: var(--color-yellow-900) } .dark\:bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern-dark\.svg\'\)\] { background-image: url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern-dark.svg) } .dark\:from-blue-900 { --tw-gradient-from: var(--color-blue-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position, )var(--tw-gradient-from)var(--tw-gradient-from-position), var(--tw-gradient-to)var(--tw-gradient-to-position)) } .dark\:fill-gray-300 { fill: var(--color-gray-300) } .dark\:fill-gray-400 { fill: var(--color-gray-400) } .dark\:fill-gray-500 { fill: var(--color-gray-500) } .dark\:fill-white { fill: var(--color-white) } .dark\:\!text-blue-500 { color: var(--color-blue-500) !important } .dark\:text-blue-100 { color: var(--color-blue-100) } .dark\:text-blue-200 { color: var(--color-blue-200) } .dark\:text-blue-300 { color: var(--color-blue-300) } .dark\:text-blue-400 { color: var(--color-blue-400) } .dark\:text-blue-500 { color: var(--color-blue-500) } .dark\:text-blue-500\/25 { color: color-mix(in oklab, var(--color-blue-500)25%, transparent) } .dark\:text-blue-500\/50 { color: color-mix(in oklab, var(--color-blue-500)50%, transparent) } .dark\:text-blue-500\/75 { color: color-mix(in oklab, var(--color-blue-500)75%, transparent) } .dark\:text-blue-500\/100 { color: color-mix(in oklab, var(--color-blue-500)100%, transparent) } .dark\:text-blue-600 { color: var(--color-blue-600) } .dark\:text-blue-800 { color: var(--color-blue-800) } .dark\:text-gray-100 { color: var(--color-gray-100) } .dark\:text-gray-200 { color: var(--color-gray-200) } .dark\:text-gray-300 { color: var(--color-gray-300) } .dark\:text-gray-400 { color: var(--color-gray-400) } .dark\:text-gray-500 { color: var(--color-gray-500) } .dark\:text-gray-600 { color: var(--color-gray-600) } .dark\:text-gray-700 { color: var(--color-gray-700) } .dark\:text-gray-800 { color: var(--color-gray-800) } .dark\:text-gray-900 { color: var(--color-gray-900) } .dark\:text-green-200 { color: var(--color-green-200) } .dark\:text-green-300 { color: var(--color-green-300) } .dark\:text-green-400 { color: var(--color-green-400) } .dark\:text-green-500 { color: var(--color-green-500) } .dark\:text-green-600 { color: var(--color-green-600) } .dark\:text-indigo-300 { color: var(--color-indigo-300) } .dark\:text-indigo-400 { color: var(--color-indigo-400) } .dark\:text-indigo-500 { color: var(--color-indigo-500) } .dark\:text-orange-200 { color: var(--color-orange-200) } .dark\:text-orange-300 { color: var(--color-orange-300) } .dark\:text-orange-900 { color: var(--color-orange-900) } .dark\:text-pink-300 { color: var(--color-pink-300) } .dark\:text-pink-400 { color: var(--color-pink-400) } .dark\:text-purple-300 { color: var(--color-purple-300) } .dark\:text-purple-400 { color: var(--color-purple-400) } .dark\:text-purple-500 { color: var(--color-purple-500) } .dark\:text-red-200 { color: var(--color-red-200) } .dark\:text-red-300 { color: var(--color-red-300) } .dark\:text-red-400 { color: var(--color-red-400) } .dark\:text-red-500 { color: var(--color-red-500) } .dark\:text-teal-300 { color: var(--color-teal-300) } .dark\:text-white { color: var(--color-white) } .dark\:text-yellow-300 { color: var(--color-yellow-300) } .dark\:text-yellow-500 { color: var(--color-yellow-500) } .dark\:decoration-blue-600 { -webkit-text-decoration-color: var(--color-blue-600); -webkit-text-decoration-color: var(--color-blue-600); text-decoration-color: var(--color-blue-600) } .dark\:placeholder-gray-400::placeholder { color: var(--color-gray-400) } .dark\:placeholder-green-500::placeholder { color: var(--color-green-500) } .dark\:placeholder-red-500::placeholder { color: var(--color-red-500) } .dark\:shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .dark\:shadow-blue-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-blue-800)80%, transparent) } .dark\:shadow-cyan-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-cyan-800)80%, transparent) } .dark\:shadow-gray-800 { --tw-shadow-color: var(--color-gray-800) } .dark\:shadow-green-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-green-800)80%, transparent) } .dark\:shadow-lime-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-lime-800)80%, transparent) } .dark\:shadow-pink-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-pink-800)80%, transparent) } .dark\:shadow-purple-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-purple-800)80%, transparent) } .dark\:shadow-red-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-red-800)80%, transparent) } .dark\:shadow-teal-800\/80 { --tw-shadow-color: color-mix(in oklab, var(--color-teal-800)80%, transparent) } .dark\:ring-gray-500 { --tw-ring-color: var(--color-gray-500) } .dark\:ring-gray-700 { --tw-ring-color: var(--color-gray-700) } .dark\:ring-gray-900 { --tw-ring-color: var(--color-gray-900) } .dark\:ring-offset-gray-700 { --tw-ring-offset-color: var(--color-gray-700) } .dark\:ring-offset-gray-800 { --tw-ring-offset-color: var(--color-gray-800) } .dark\:format-invert { --tw-format-body: var(--tw-format-invert-body); --tw-format-headings: var(--tw-format-invert-headings); --tw-format-lead: var(--tw-format-invert-lead); --tw-format-links: var(--tw-format-invert-links); --tw-format-bold: var(--tw-format-invert-bold); --tw-format-counters: var(--tw-format-invert-counters); --tw-format-bullets: var(--tw-format-invert-bullets); --tw-format-hr: var(--tw-format-invert-hr); --tw-format-quotes: var(--tw-format-invert-quotes); --tw-format-quote-borders: var(--tw-format-invert-quote-borders); --tw-format-captions: var(--tw-format-invert-captions); --tw-format-code: var(--tw-format-invert-code); --tw-format-code-bg: var(--tw-format-invert-code-bg); --tw-format-pre-code: var(--tw-format-invert-pre-code); --tw-format-pre-bg: var(--tw-format-invert-pre-bg); --tw-format-th-borders: var(--tw-format-invert-th-borders); --tw-format-td-borders: var(--tw-format-invert-td-borders); --tw-format-th-bg: var(--tw-format-invert-th-bg) } @media (hover:hover) { .dark\:group-hover\:bg-gray-700:is(:where(.group):hover *) { background-color: var(--color-gray-700) } .dark\:group-hover\:bg-gray-800\/60:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-gray-800)60%, transparent) } } } @media (hover:hover) { @media (prefers-color-scheme:dark) { .group-hover\:dark\:bg-transparent:is(:where(.group):hover *) { background-color: #0000 } } } @media (prefers-color-scheme:dark) { @media (hover:hover) { .dark\:group-hover\:text-blue-500:is(:where(.group):hover *) { color: var(--color-blue-500) } .dark\:group-hover\:text-gray-300:is(:where(.group):hover *) { color: var(--color-gray-300) } .dark\:group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white) } } .dark\:group-focus\:text-white:is(:where(.group):focus *) { color: var(--color-white) } .dark\:group-focus\:ring-gray-800\/70:is(:where(.group):focus *) { --tw-ring-color: color-mix(in oklab, var(--color-gray-800)70%, transparent) } .dark\:peer-checked\:border-blue-500:is(:where(.peer):checked~*) { border-color: var(--color-blue-500) } .dark\:peer-checked\:border-blue-600:is(:where(.peer):checked~*) { border-color: var(--color-blue-600) } .dark\:peer-checked\:bg-blue-500:is(:where(.peer):checked~*) { background-color: var(--color-blue-500) } .dark\:peer-checked\:bg-blue-600:is(:where(.peer):checked~*) { background-color: var(--color-blue-600) } .dark\:peer-checked\:bg-blue-900:is(:where(.peer):checked~*) { background-color: var(--color-blue-900) } .dark\:peer-checked\:bg-green-600:is(:where(.peer):checked~*) { background-color: var(--color-green-600) } .dark\:peer-checked\:bg-orange-500:is(:where(.peer):checked~*) { background-color: var(--color-orange-500) } .dark\:peer-checked\:bg-purple-600:is(:where(.peer):checked~*) { background-color: var(--color-purple-600) } .dark\:peer-checked\:bg-red-600:is(:where(.peer):checked~*) { background-color: var(--color-red-600) } .dark\:peer-checked\:bg-teal-600:is(:where(.peer):checked~*) { background-color: var(--color-teal-600) } .dark\:peer-checked\:bg-yellow-400:is(:where(.peer):checked~*) { background-color: var(--color-yellow-400) } .dark\:peer-checked\:text-blue-500:is(:where(.peer):checked~*) { color: var(--color-blue-500) } .dark\:peer-checked\:text-gray-300:is(:where(.peer):checked~*) { color: var(--color-gray-300) } .dark\:peer-checked\:text-white:is(:where(.peer):checked~*) { color: var(--color-white) } .peer-focus\:dark\:text-blue-500:is(:where(.peer):focus~*) { color: var(--color-blue-500) } .dark\:peer-focus\:ring-blue-800:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-blue-800) } .dark\:peer-focus\:ring-green-800:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-green-800) } .dark\:peer-focus\:ring-orange-800:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-orange-800) } .dark\:peer-focus\:ring-purple-800:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-purple-800) } .dark\:peer-focus\:ring-red-800:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-red-800) } .dark\:peer-focus\:ring-teal-800:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-teal-800) } .dark\:peer-focus\:ring-yellow-800:is(:where(.peer):focus~*) { --tw-ring-color: var(--color-yellow-800) } .dark\:first-letter\:text-gray-100:first-letter { color: var(--color-gray-100) } .dark\:after\:border-blue-800:after { content: var(--tw-content); border-color: var(--color-blue-800) } .dark\:after\:border-gray-700:after { content: var(--tw-content); border-color: var(--color-gray-700) } .dark\:after\:text-gray-500:after { content: var(--tw-content); color: var(--color-gray-500) } .odd\:dark\:bg-gray-900:nth-child(odd) { background-color: var(--color-gray-900) } .even\:dark\:bg-gray-800:nth-child(2n) { background-color: var(--color-gray-800) } @media (hover:hover) { .dark\:hover\:border-blue-600:hover { border-color: var(--color-blue-600) } .dark\:hover\:border-blue-700:hover { border-color: var(--color-blue-700) } .dark\:hover\:border-gray-500:hover { border-color: var(--color-gray-500) } .dark\:hover\:border-gray-600:hover { border-color: var(--color-gray-600) } .dark\:hover\:border-gray-700:hover { border-color: var(--color-gray-700) } .dark\:hover\:bg-\[\#050708\]\/30:hover { background-color: oklab(12.5951% -.00372608 -.00386472/.3) } .dark\:hover\:bg-\[\#050708\]\/40:hover { background-color: oklab(12.5951% -.00372608 -.00386472/.4) } .dark\:hover\:bg-\[\#FF9119\]\/80:hover { background-color: oklab(75.9167% .0886233 .149248/.8) } .dark\:hover\:bg-blue-500:hover { background-color: var(--color-blue-500) } .dark\:hover\:bg-blue-600:hover { background-color: var(--color-blue-600) } .dark\:hover\:bg-blue-700:hover { background-color: var(--color-blue-700) } .dark\:hover\:bg-blue-800:hover { background-color: var(--color-blue-800) } .dark\:hover\:bg-gray-200:hover { background-color: var(--color-gray-200) } .dark\:hover\:bg-gray-500:hover { background-color: var(--color-gray-500) } .dark\:hover\:bg-gray-600:hover { background-color: var(--color-gray-600) } .dark\:hover\:bg-gray-700:hover { background-color: var(--color-gray-700) } .dark\:hover\:bg-gray-800:hover { background-color: var(--color-gray-800) } .dark\:hover\:bg-green-600:hover { background-color: var(--color-green-600) } .dark\:hover\:bg-green-700:hover { background-color: var(--color-green-700) } .dark\:hover\:bg-green-800:hover { background-color: var(--color-green-800) } .dark\:hover\:bg-indigo-800:hover { background-color: var(--color-indigo-800) } .dark\:hover\:bg-pink-800:hover { background-color: var(--color-pink-800) } .dark\:hover\:bg-purple-500:hover { background-color: var(--color-purple-500) } .dark\:hover\:bg-purple-700:hover { background-color: var(--color-purple-700) } .dark\:hover\:bg-purple-800:hover { background-color: var(--color-purple-800) } .dark\:hover\:bg-red-600:hover { background-color: var(--color-red-600) } .dark\:hover\:bg-red-700:hover { background-color: var(--color-red-700) } .dark\:hover\:bg-red-800:hover { background-color: var(--color-red-800) } .dark\:hover\:bg-yellow-300:hover { background-color: var(--color-yellow-300) } .dark\:hover\:bg-yellow-400:hover { background-color: var(--color-yellow-400) } .dark\:hover\:bg-yellow-800:hover { background-color: var(--color-yellow-800) } .dark\:hover\:\!text-blue-500:hover { color: var(--color-blue-500) !important } .dark\:hover\:text-blue-300:hover { color: var(--color-blue-300) } .dark\:hover\:text-blue-400:hover { color: var(--color-blue-400) } .dark\:hover\:text-blue-500:hover { color: var(--color-blue-500) } .dark\:hover\:text-blue-600:hover { color: var(--color-blue-600) } .dark\:hover\:text-blue-700:hover { color: var(--color-blue-700) } .dark\:hover\:text-gray-100:hover { color: var(--color-gray-100) } .dark\:hover\:text-gray-300:hover { color: var(--color-gray-300) } .dark\:hover\:text-gray-400:hover { color: var(--color-gray-400) } .dark\:hover\:text-gray-800:hover { color: var(--color-gray-800) } .dark\:hover\:text-gray-900:hover { color: var(--color-gray-900) } .dark\:hover\:text-green-300:hover { color: var(--color-green-300) } .dark\:hover\:text-indigo-300:hover { color: var(--color-indigo-300) } .dark\:hover\:text-pink-300:hover { color: var(--color-pink-300) } .dark\:hover\:text-purple-300:hover { color: var(--color-purple-300) } .dark\:hover\:text-purple-500:hover { color: var(--color-purple-500) } .dark\:hover\:text-red-300:hover { color: var(--color-red-300) } .dark\:hover\:text-white:hover { color: var(--color-white) } .dark\:hover\:text-yellow-300:hover { color: var(--color-yellow-300) } .dark\:hover\:bg-blend-darken:hover { background-blend-mode: darken } } .dark\:focus\:border-blue-500:focus { border-color: var(--color-blue-500) } .dark\:focus\:border-green-500:focus { border-color: var(--color-green-500) } .dark\:focus\:border-red-500:focus { border-color: var(--color-red-500) } .dark\:focus\:bg-blue-600:focus { background-color: var(--color-blue-600) } .dark\:focus\:bg-gray-700:focus { background-color: var(--color-gray-700) } .dark\:focus\:text-white:focus { color: var(--color-white) } .dark\:focus\:ring-\[\#1da1f2\]\/55:focus { --tw-ring-color: oklab(68.1797% -.0710534 -.141606/.55) } .dark\:focus\:ring-\[\#3b5998\]\/55:focus { --tw-ring-color: oklab(47.2423% -.0121128 -.107642/.55) } .dark\:focus\:ring-\[\#2557D6\]\/50:focus { --tw-ring-color: oklab(50.5418% -.021006 -.201479/.5) } .dark\:focus\:ring-\[\#4285F4\]\/55:focus { --tw-ring-color: oklab(63.0386% -.0313976 -.177268/.55) } .dark\:focus\:ring-\[\#050708\]\/50:focus { --tw-ring-color: oklab(12.5951% -.00372608 -.00386472/.5) } .dark\:focus\:ring-\[\#F7BE38\]\/50:focus { --tw-ring-color: oklab(83.1765% .0161951 .153769/.5) } .dark\:focus\:ring-\[\#FF9119\]\/40:focus { --tw-ring-color: oklab(75.9167% .0886233 .149248/.4) } .dark\:focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500) } .dark\:focus\:ring-blue-600:focus { --tw-ring-color: var(--color-blue-600) } .dark\:focus\:ring-blue-800:focus { --tw-ring-color: var(--color-blue-800) } .dark\:focus\:ring-blue-900:focus { --tw-ring-color: var(--color-blue-900) } .dark\:focus\:ring-cyan-800:focus { --tw-ring-color: var(--color-cyan-800) } .dark\:focus\:ring-gray-400:focus { --tw-ring-color: var(--color-gray-400) } .dark\:focus\:ring-gray-500:focus { --tw-ring-color: var(--color-gray-500) } .dark\:focus\:ring-gray-600:focus { --tw-ring-color: var(--color-gray-600) } .dark\:focus\:ring-gray-700:focus { --tw-ring-color: var(--color-gray-700) } .dark\:focus\:ring-gray-800:focus { --tw-ring-color: var(--color-gray-800) } .dark\:focus\:ring-green-600:focus { --tw-ring-color: var(--color-green-600) } .dark\:focus\:ring-green-800:focus { --tw-ring-color: var(--color-green-800) } .dark\:focus\:ring-lime-800:focus { --tw-ring-color: var(--color-lime-800) } .dark\:focus\:ring-orange-600:focus { --tw-ring-color: var(--color-orange-600) } .dark\:focus\:ring-pink-800:focus { --tw-ring-color: var(--color-pink-800) } .dark\:focus\:ring-purple-600:focus { --tw-ring-color: var(--color-purple-600) } .dark\:focus\:ring-purple-800:focus { --tw-ring-color: var(--color-purple-800) } .dark\:focus\:ring-purple-900:focus { --tw-ring-color: var(--color-purple-900) } .dark\:focus\:ring-red-400:focus { --tw-ring-color: var(--color-red-400) } .dark\:focus\:ring-red-600:focus { --tw-ring-color: var(--color-red-600) } .dark\:focus\:ring-red-800:focus { --tw-ring-color: var(--color-red-800) } .dark\:focus\:ring-red-900:focus { --tw-ring-color: var(--color-red-900) } .dark\:focus\:ring-teal-600:focus { --tw-ring-color: var(--color-teal-600) } .dark\:focus\:ring-teal-700:focus { --tw-ring-color: var(--color-teal-700) } .dark\:focus\:ring-teal-800:focus { --tw-ring-color: var(--color-teal-800) } .dark\:focus\:ring-yellow-600:focus { --tw-ring-color: var(--color-yellow-600) } .dark\:focus\:ring-yellow-800:focus { --tw-ring-color: var(--color-yellow-800) } .dark\:focus\:ring-yellow-900:focus { --tw-ring-color: var(--color-yellow-900) } .dark\:focus\:ring-offset-gray-700:focus { --tw-ring-offset-color: var(--color-gray-700) } .dark\:focus\:ring-offset-gray-800:focus { --tw-ring-offset-color: var(--color-gray-800) } } @media (width>=48rem) { @media (prefers-color-scheme:dark) { .md\:dark\:bg-gray-900 { background-color: var(--color-gray-900) } .md\:dark\:bg-transparent { background-color: #0000 } .md\:dark\:text-blue-500 { color: var(--color-blue-500) } .md\:dark\:text-white { color: var(--color-white) } @media (hover:hover) { .md\:dark\:hover\:bg-transparent:hover { background-color: #0000 } .md\:dark\:hover\:text-blue-500:hover { color: var(--color-blue-500) } .md\:dark\:hover\:text-white:hover { color: var(--color-white) } } } } @media (width>=64rem) { @media (prefers-color-scheme:dark) { @media (hover:hover) { .lg\:dark\:hover\:bg-transparent:hover { background-color: #0000 } .lg\:dark\:hover\:text-white:hover { color: var(--color-white) } } } } .\[\&_div\>button\]\:bg-gray-50 div>button { background-color: var(--color-gray-50) } .\[\&\>div\]\:mx-auto>div { margin-inline: auto } .\[\&\>div\>div\]\:bg-gray-50>div>div { background-color: var(--color-gray-50) } .\[\&\>div\>div\]\:shadow-none>div>div { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } } @keyframes spin { to { transform: rotate(360deg) } } @keyframes ping { 75%, to { opacity: 0; transform: scale(2) } } @keyframes pulse { 50% { opacity: .5 } } @keyframes bounce { 0%, to { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%) } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none } } @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-scale-x { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0) } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0) } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0) } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0) } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0) } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000 } @property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000 } @property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000 } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0% } @property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50% } @property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100% } @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 #0000 } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0 } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @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-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 } @property --tw-content { syntax: "*"; inherits: false; initial-value: "" } .hero { background-image: url(../img/background-hero.png); background-repeat: no-repeat; background-position: top center; background-size: contain } iframe { aspect-ratio: 16 / 9 } /*! tailwindcss v4.0.11 | MIT License | https://tailwindcss.com */ @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, 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-100: oklch(0.936 0.032 17.717); --color-red-400: oklch(0.704 0.191 22.216); --color-red-700: oklch(0.505 0.213 27.518); --color-green-100: oklch(0.962 0.044 156.743); --color-green-400: oklch(0.792 0.209 151.711); --color-green-700: oklch(0.527 0.154 150.069); --color-teal-400: oklch(0.777 0.152 181.912); --color-blue-100: oklch(0.932 0.032 255.585); --color-blue-300: oklch(0.809 0.105 251.813); --color-blue-400: oklch(0.707 0.165 254.624); --color-blue-500: oklch(0.623 0.214 259.815); --color-blue-600: oklch(0.546 0.245 262.881); --color-blue-700: oklch(0.488 0.243 264.376); --color-blue-800: oklch(0.424 0.199 265.638); --color-purple-400: oklch(0.714 0.203 305.504); --color-pink-400: oklch(0.718 0.202 349.761); --color-gray-50: oklch(0.985 0.002 247.839); --color-gray-100: oklch(0.967 0.003 264.542); --color-gray-200: oklch(0.928 0.006 264.531); --color-gray-300: oklch(0.872 0.01 258.338); --color-gray-400: oklch(0.707 0.022 261.325); --color-gray-500: oklch(0.551 0.027 264.364); --color-gray-600: oklch(0.446 0.03 256.802); --color-gray-700: oklch(0.373 0.034 259.733); --color-gray-800: oklch(0.278 0.033 256.848); --color-gray-900: oklch(0.21 0.034 264.665); --color-white: #fff; --spacing: 0.25rem; --breakpoint-2xl: 96rem; --container-2xl: 42rem; --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-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-font-feature-settings: var(--font-sans--font-feature-settings); --default-font-variation-settings: var(--font-sans--font-variation-settings); --default-mono-font-family: var(--font-mono); --default-mono-font-feature-settings: var(--font-mono--font-feature-settings); --default-mono-font-variation-settings: var(--font-mono--font-variation-settings) } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; 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"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: #fff0 } body { line-height: inherit } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit } b, strong { font-weight: bolder } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } :-moz-focusring { outline: auto } progress { vertical-align: baseline } summary { display: list-item } ol, ul, menu { list-style: none } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle } img, video { max-width: 100%; height: auto } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: #fff0; opacity: 1 } :where(select:is([multiple], [size])) optgroup { font-weight: bolder } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px } ::file-selector-button { margin-inline-end: 4px } ::placeholder { opacity: 1; color: color-mix(in oklab, currentColor 50%, transparent) } textarea { resize: vertical } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit } ::-webkit-datetime-edit { display: inline-flex } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } ::-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 { padding-block: 0 } :-moz-ui-invalid { box-shadow: none } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto } [hidden]:where(:not([hidden="until-found"])) { display: none !important } } @layer utilities { .collapse { visibility: collapse } .invisible { visibility: hidden } .visible { visibility: visible } .datatable-wrapper { width: 100%; & .datatable-top { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width:640px) { flex-direction: row-reverse; align-items: center } } & .datatable-search .datatable-input { color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; background-color: var(--color-gray-50); min-width: 16rem } & .datatable-input { color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; background-color: var(--color-gray-50); min-width: 16rem } .dark & .datatable-search .datatable-input { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } .dark & .datatable-input { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } & thead th .datatable-input { background-color: #fff; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0 } .dark & thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: #fff } & .datatable-top .datatable-dropdown { color: var(--color-gray-500); font-size: .875rem } .dark & .datatable-top .datatable-dropdown { color: var(--color-gray-400) } & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; margin-right: .25rem; min-width: 4rem } .dark & .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: #fff } & .datatable-container thead tr.search-filtering-row th { padding-top: 0 } & .datatable-search .datatable-input:focus { border-color: var(--color-blue-600) } & .datatable-container { overflow-x: auto } & .datatable-table { width: 100%; font-size: .875rem; color: var(--color-gray-500); text-align: left } .dark & .datatable-table { color: var(--color-gray-400) } & .datatable-table thead { font-size: .75rem; color: var(--color-gray-500); background-color: var(--color-gray-50) } .dark & .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800) } & .datatable-table thead th { white-space: nowrap } & .datatable-table thead th { width: auto !important; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1.5rem; padding-right: 1.5rem } & .datatable-table tbody th { width: auto !important; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1.5rem; padding-right: 1.5rem } & .datatable-table tbody td { width: auto !important; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1.5rem; padding-right: 1.5rem } & .datatable-table thead th .datatable-sorter { text-transform: uppercase } & .datatable-table thead th { text-transform: uppercase } & .datatable-table thead th .datatable-sorter:hover { color: var(--color-gray-900) } & .datatable-table thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900) } & .datatable-table thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900) } .dark & .datatable-table thead th .datatable-sorter:hover { color: #fff } .dark & .datatable-table thead th.datatable-ascending .datatable-sorter { color: #fff } .dark & .datatable-table thead th.datatable-descending .datatable-sorter { color: #fff } & .datatable-table tbody tr.selected { background-color: var(--color-gray-100) } .dark & .datatable-table tbody tr.selected { background-color: var(--color-gray-700) } & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-200) } .dark & .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700) } & .datatable-table .datatable-empty { text-align: center } & .datatable-bottom { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width:640px) { flex-direction: row; align-items: center } } & .datatable-bottom .datatable-info { color: var(--color-gray-500); font-size: .875rem } .dark & .datatable-bottom .datatable-info { color: var(--color-gray-400) } & .datatable-bottom .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: .875rem } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: .75rem; padding-right: .75rem; height: 2rem; font-size: .875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300) } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700) } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: #fff0 } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #fff0 } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: #fff0 } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #fff0 } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%) } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%) } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; border-left: 1px solid var(--color-gray-300) } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700) } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; border-left: 0 } & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700) } .dark & .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: #fff } } .datatable-bottom { .datatable-wrapper & { display: flex; flex-direction: column; justify-content: space-between; align-items: start; margin-top: 1rem; gap: 1rem; @media (min-width:640px) { flex-direction: row; align-items: center } } .datatable-wrapper & .datatable-info { color: var(--color-gray-500); font-size: .875rem } .dark .datatable-wrapper & .datatable-info { color: var(--color-gray-400) } .datatable-wrapper & .datatable-pagination .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: .875rem } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: .75rem; padding-right: .75rem; height: 2rem; font-size: .875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300) } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700) } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type { position: relative } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type { position: relative } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: #fff0 } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #fff0 } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: #fff0 } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #fff0 } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%) } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%) } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; border-left: 1px solid var(--color-gray-300) } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700) } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; border-left: 0 } .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700) } .dark .datatable-wrapper & .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: #fff } } .datatable-pagination { .datatable-wrapper .datatable-bottom & .datatable-pagination-list { display: flex; align-items: center; height: 2rem; font-size: .875rem } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: .75rem; padding-right: .75rem; height: 2rem; font-size: .875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300) } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700) } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type { position: relative } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type { position: relative } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: #fff0 } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #fff0 } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: #fff0 } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #fff0 } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%) } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%) } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; border-left: 1px solid var(--color-gray-300) } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700) } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; border-left: 0 } .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-50); color: var(--color-gray-700) } .dark .datatable-wrapper .datatable-bottom & .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: #fff } } .datatable-pagination-list-item-link { .datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; color: var(--color-gray-500); font-weight: 500; padding-left: .75rem; padding-right: .75rem; height: 2rem; font-size: .875rem; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300) } .dark .datatable-wrapper .datatable-bottom .datatable-pagination & { color: var(--color-gray-400); border-color: var(--color-gray-700) } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: #fff0 } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: #fff0 } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { color: #fff0 } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { color: #fff0 } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e"); position: absolute; top: 50%; left: 50%; width: 1.3rem; height: 1.3rem; transform: translate(-50%, -50%) } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e"); position: absolute; top: 50%; right: 50%; width: 1.3rem; height: 1.3rem; transform: translate(50%, -50%) } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.21 0.034 264.665)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type &:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; border-left: 1px solid var(--color-gray-300) } .dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type & { border-left: 1px solid var(--color-gray-700) } .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type & { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; border-left: 0 } .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-50); color: var(--color-gray-700) } .dark .datatable-wrapper .datatable-bottom .datatable-pagination &:hover { background-color: var(--color-gray-700); color: #fff } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0 } .absolute { position: absolute } .fixed { position: fixed } .relative { position: relative } .static { position: static } .inset-0 { inset: calc(var(--spacing) * 0) } .top-0 { top: calc(var(--spacing) * 0) } .top-1\/2 { top: calc(1/2 * 100%) } .right-0 { right: calc(var(--spacing) * 0) } .right-2 { right: calc(var(--spacing) * 2) } .right-5 { right: calc(var(--spacing) * 5) } .-bottom-4 { bottom: calc(var(--spacing) * -4) } .-bottom-10 { bottom: calc(var(--spacing) * -10) } .-bottom-15 { bottom: calc(var(--spacing) * -15) } .-bottom-20 { bottom: calc(var(--spacing) * -20) } .-bottom-36 { bottom: calc(var(--spacing) * -36) } .-bottom-40 { bottom: calc(var(--spacing) * -40) } .bottom-0 { bottom: calc(var(--spacing) * 0) } .bottom-5 { bottom: calc(var(--spacing) * 5) } .bottom-\[60px\] { bottom: 60px } .left-0 { left: calc(var(--spacing) * 0) } .left-2 { left: calc(var(--spacing) * 2) } .left-5 { left: calc(var(--spacing) * 5) } .z-10 { z-index: 10 } .z-20 { z-index: 20 } .z-30 { z-index: 30 } .z-40 { z-index: 40 } .z-50 { z-index: 50 } .z-\[-1\] { z-index: -1 } .col-span-4 { grid-column: span 4 / span 4 } .col-span-6 { grid-column: span 6 / span 6 } .col-span-12 { grid-column: span 12 / span 12 } .col-start-1 { grid-column-start: 1 } .col-start-2 { grid-column-start: 2 } .col-start-3 { grid-column-start: 3 } .col-start-4 { grid-column-start: 4 } .col-start-6 { grid-column-start: 6 } .col-start-7 { grid-column-start: 7 } .col-start-8 { grid-column-start: 8 } .col-end-6 { grid-column-end: 6 } .col-end-7 { grid-column-end: 7 } .col-end-8 { grid-column-end: 8 } .col-end-10 { grid-column-end: 10 } .col-end-11 { grid-column-end: 11 } .col-end-12 { grid-column-end: 12 } .container { width: 100%; @media (width>=40rem) { max-width: 40rem } @media (width>=48rem) { max-width: 48rem } @media (width>=64rem) { max-width: 64rem } @media (width>=80rem) { max-width: 80rem } @media (width>=96rem) { max-width: 96rem } } .-mx-8 { margin-inline: calc(var(--spacing) * -8) } .mx-auto { margin-inline: auto } .my-4 { margin-block: calc(var(--spacing) * 4) } .my-6 { margin-block: calc(var(--spacing) * 6) } .my-10 { margin-block: calc(var(--spacing) * 10) } .me-3 { margin-inline-end: calc(var(--spacing) * 3) } .-mt-1 { margin-top: calc(var(--spacing) * -1) } .mt-2 { margin-top: calc(var(--spacing) * 2) } .mt-4 { margin-top: calc(var(--spacing) * 4) } .mt-5 { margin-top: calc(var(--spacing) * 5) } .mt-6 { margin-top: calc(var(--spacing) * 6) } .mt-10 { margin-top: calc(var(--spacing) * 10) } .mt-16 { margin-top: calc(var(--spacing) * 16) } .mt-auto { margin-top: auto } .apexcharts-canvas { & .apexcharts-tooltip { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important } .dark & .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important } & .apexcharts-tooltip .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important } .dark & .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important } & .apexcharts-xaxistooltip { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important } .dark & .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important } & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important } & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important } .dark & .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important } & .apexcharts-xaxistooltip-text { font-weight: 400 !important; font-size: 0.875rem !important } & .apexcharts-xaxistooltip:after { border-bottom-color: white !important } & .apexcharts-xaxistooltip:before { border-bottom-color: white !important } & .apexcharts-xaxistooltip:after { border-width: 8px !important; margin-left: -8px !important } & .apexcharts-xaxistooltip:before { border-width: 10px !important; margin-left: -10px !important } .dark & .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important } .dark & .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important } & .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group { padding: 0 !important } & .apexcharts-tooltip-series-group.apexcharts-active { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important } .dark & .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important } & .apexcharts-tooltip-series-group.apexcharts-active:first-of-type { padding-top: 0.75rem !important } & .apexcharts-legend { padding: 0 !important } & .apexcharts-legend-text { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important } :is([dir=rtl]) & .apexcharts-legend-text { padding-right: 0.5rem !important } & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important } .dark & .apexcharts-legend-text { color: var(--color-gray-400) !important } .dark & .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important } & .apexcharts-legend-series { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important } & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important } .dark & .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important } & .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label { font-size: .75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important } } .apexcharts-legend-series { .apexcharts-canvas & { margin-left: 0.5rem !important; margin-right: 0.5rem !important; margin-bottom: 0.25rem !important; display: flex !important; align-items: center !important } } .apexcharts-tooltip { .apexcharts-canvas & { background-color: white !important; color: var(--color-gray-700) !important; border: 0 !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important } .dark .apexcharts-canvas & { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important } .apexcharts-canvas & .apexcharts-tooltip-title { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important } .dark .apexcharts-canvas & .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important } .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-500) !important; font-size: 0.875rem !important } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important } .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: var(--color-gray-900); font-size: 0.875rem !important } :is([dir=rtl]) & .apexcharts-tooltip-marker { margin-right: 0px !important; margin-left: e !important } .dark .apexcharts-canvas & .apexcharts-tooltip-text-y-value { color: white !important } } .datatable-top { .datatable-wrapper & { display: flex; justify-content: space-between; flex-direction: column-reverse; align-items: start; gap: 1rem; margin-bottom: 1rem; @media (min-width:640px) { flex-direction: row-reverse; align-items: center } } .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-500); font-size: .875rem } .dark .datatable-wrapper & .datatable-dropdown { color: var(--color-gray-400) } .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; margin-right: .25rem; min-width: 4rem } .dark .datatable-wrapper & .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: #fff } } .apexcharts-tooltip-marker { :is([dir=rtl]) .apexcharts-tooltip & { margin-right: 0px !important; margin-left: e !important } } .datatable-dropdown { .datatable-wrapper .datatable-top & { color: var(--color-gray-500); font-size: .875rem } .dark .datatable-wrapper .datatable-top & { color: var(--color-gray-400) } .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; margin-right: .25rem; min-width: 4rem } .dark .datatable-wrapper .datatable-top & .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: #fff } } .datatable-selector { .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-50); color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; margin-right: .25rem; min-width: 4rem } .dark .datatable-wrapper .datatable-top .datatable-dropdown & { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: #fff } } .-mr-1 { margin-right: calc(var(--spacing) * -1) } .-mr-\[2px\] { margin-right: calc(2px * -1) } .mr-2 { margin-right: calc(var(--spacing) * 2) } .mr-5 { margin-right: calc(var(--spacing) * 5) } .apexcharts-tooltip-title { .apexcharts-canvas .apexcharts-tooltip & { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; margin-bottom: 0.75rem !important; background-color: var(--color-gray-100) !important; border-bottom-color: var(--color-gray-200) !important; font-size: 0.875rem !important; font-weight: 400 !important; color: var(--color-gray-500) !important } .dark .apexcharts-canvas .apexcharts-tooltip & { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important } } .mb-1 { margin-bottom: calc(var(--spacing) * 1) } .mb-2 { margin-bottom: calc(var(--spacing) * 2) } .mb-3 { margin-bottom: calc(var(--spacing) * 3) } .mb-4 { margin-bottom: calc(var(--spacing) * 4) } .mb-5 { margin-bottom: calc(var(--spacing) * 5) } .mb-6 { margin-bottom: calc(var(--spacing) * 6) } .mb-8 { margin-bottom: calc(var(--spacing) * 8) } .mb-10 { margin-bottom: calc(var(--spacing) * 10) } .mb-12 { margin-bottom: calc(var(--spacing) * 12) } .mb-14 { margin-bottom: calc(var(--spacing) * 14) } .mb-20 { margin-bottom: calc(var(--spacing) * 20) } .mb-22 { margin-bottom: calc(var(--spacing) * 22) } .apexcharts-xaxistooltip { .apexcharts-canvas & { color: var(--color-gray-500) !important; padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; padding-right: 0.75rem !important; padding-left: 0.75rem !important; border-color: transparent !important; background-color: white !important; border-radius: 0.25rem !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important } .apexcharts-canvas &:after { border-bottom-color: white !important } .apexcharts-canvas &:before { border-bottom-color: white !important } .apexcharts-canvas &:after { border-width: 8px !important; margin-left: -8px !important } .apexcharts-canvas &:before { border-width: 10px !important; margin-left: -10px !important } .dark .apexcharts-canvas &:after { border-bottom-color: var(--color-gray-700) !important } .dark .apexcharts-canvas &:before { border-bottom-color: var(--color-gray-700) !important } } .-ml-\[2px\] { margin-left: calc(2px * -1) } .ml-2 { margin-left: calc(var(--spacing) * 2) } .ml-auto { margin-left: auto } .datatable-pagination-list { .datatable-wrapper .datatable-bottom .datatable-pagination & { display: flex; align-items: center; height: 2rem; font-size: .875rem } } .block { display: block } .flex { display: flex } .grid { display: grid } .hidden { display: none } .inline { display: inline } .inline-block { display: inline-block } .inline-flex { display: inline-flex } .table { display: table } .aspect-\[3\/2\] { aspect-ratio: 3/2 } .aspect-\[7\/6\] { aspect-ratio: 7/6 } .h-4 { height: calc(var(--spacing) * 4) } .h-5 { height: calc(var(--spacing) * 5) } .h-6 { height: calc(var(--spacing) * 6) } .h-7 { height: calc(var(--spacing) * 7) } .h-16 { height: calc(var(--spacing) * 16) } .h-\[34px\] { height: 34px } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem) } .h-full { height: 100% } .max-h-80 { max-height: calc(var(--spacing) * 80) } .max-h-full { max-height: 100% } .max-h-max { max-height: max-content } .datatable-table { .datatable-wrapper & { width: 100%; font-size: .875rem; color: var(--color-gray-500); text-align: left } .dark .datatable-wrapper & { color: var(--color-gray-400) } .datatable-wrapper & thead { font-size: .75rem; color: var(--color-gray-500); background-color: var(--color-gray-50) } .dark .datatable-wrapper & thead { color: var(--color-gray-400); background-color: var(--color-gray-800) } .datatable-wrapper & thead th { white-space: nowrap } .datatable-wrapper & thead th { width: auto !important; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1.5rem; padding-right: 1.5rem } .datatable-wrapper & tbody th { width: auto !important; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1.5rem; padding-right: 1.5rem } .datatable-wrapper & tbody td { width: auto !important; padding-top: .75rem; padding-bottom: .75rem; padding-left: 1.5rem; padding-right: 1.5rem } .datatable-wrapper & thead th .datatable-sorter { text-transform: uppercase } .datatable-wrapper & thead th { text-transform: uppercase } .datatable-wrapper & thead th .datatable-sorter:hover { color: var(--color-gray-900) } .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: var(--color-gray-900) } .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: var(--color-gray-900) } .dark .datatable-wrapper & thead th .datatable-sorter:hover { color: #fff } .dark .datatable-wrapper & thead th.datatable-ascending .datatable-sorter { color: #fff } .dark .datatable-wrapper & thead th.datatable-descending .datatable-sorter { color: #fff } .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-100) } .dark .datatable-wrapper & tbody tr.selected { background-color: var(--color-gray-700) } .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-200) } .dark .datatable-wrapper & tbody tr { border-bottom: 1px solid var(--color-gray-700) } .datatable-wrapper & .datatable-empty { text-align: center } } .w-1\/2 { width: calc(1/2 * 100%) } .w-1\/4 { width: calc(1/4 * 100%) } .w-1\/5 { width: calc(1/5 * 100%) } .w-3\/4 { width: calc(3/4 * 100%) } .w-3\/5 { width: calc(3/5 * 100%) } .w-4 { width: calc(var(--spacing) * 4) } .w-4\/5 { width: calc(4/5 * 100%) } .w-5 { width: calc(var(--spacing) * 5) } .w-6 { width: calc(var(--spacing) * 6) } .w-7 { width: calc(var(--spacing) * 7) } .w-10 { width: calc(var(--spacing) * 10) } .w-20 { width: calc(var(--spacing) * 20) } .w-30 { width: calc(var(--spacing) * 30) } .w-36 { width: calc(var(--spacing) * 36) } .w-48 { width: calc(var(--spacing) * 48) } .w-64 { width: calc(var(--spacing) * 64) } .w-\[34px\] { width: 34px } .w-\[45\%\] { width: 45% } .w-\[70\%\] { width: 70% } .w-\[600px\] { width: 600px } .w-auto { width: auto } .w-full { width: 100% } .max-w-2xl { max-width: var(--container-2xl) } .max-w-screen-2xl { max-width: var(--breakpoint-2xl) } .datatable-input { .datatable-wrapper .datatable-search & { color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; background-color: var(--color-gray-50); min-width: 16rem } .datatable-wrapper & { color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; background-color: var(--color-gray-50); min-width: 16rem } .dark .datatable-wrapper .datatable-search & { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } .dark .datatable-wrapper & { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } .datatable-wrapper thead th & { background-color: #fff; font-weight: 400; color: var(--color-gray-900); padding-top: .35rem; padding-bottom: .35rem; min-width: 0 } .dark .datatable-wrapper thead th & { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: #fff } .datatable-wrapper .datatable-search &:focus { border-color: var(--color-blue-600) } } .datatable-search { .datatable-wrapper & .datatable-input { color: var(--color-gray-900); font-size: .875rem; border: 1px solid var(--color-gray-300); border-radius: .5rem; background-color: var(--color-gray-50); min-width: 16rem } .dark .datatable-wrapper & .datatable-input { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } .datatable-wrapper & .datatable-input:focus { border-color: var(--color-blue-600) } } .min-w-max { min-width: max-content } .flex-1 { flex: 1 } .flex-shrink { flex-shrink: 1 } .shrink-0 { flex-shrink: 0 } .border-collapse { border-collapse: collapse } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y) } .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } .rotate-180 { rotate: 180deg } .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y) } .transform-none { transform: none } .cursor-default { cursor: default } .cursor-not-allowed { cursor: not-allowed } .cursor-pointer { cursor: pointer } .resize { resize: both } .list-inside { list-style-position: inside } .list-disc { list-style-type: disc } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .flex-col { flex-direction: column } .flex-wrap { flex-wrap: wrap } .items-center { align-items: center } .items-end { align-items: flex-end } .items-start { align-items: flex-start } .justify-between { justify-content: space-between } .justify-center { justify-content: center } .justify-end { justify-content: flex-end } .justify-start { justify-content: flex-start } .gap-2 { gap: calc(var(--spacing) * 2) } .gap-4 { gap: calc(var(--spacing) * 4) } .gap-5 { gap: calc(var(--spacing) * 5) } .gap-6 { gap: calc(var(--spacing) * 6) } .gap-8 { gap: calc(var(--spacing) * 8) } .gap-10 { gap: calc(var(--spacing) * 10) } .gap-14 { gap: calc(var(--spacing) * 14) } .space-y-3 { :where(&>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))) } } .space-y-6 { :where(&>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))) } } .space-x-2 { :where(&>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) } } .space-x-4 { :where(&>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))) } } .divide-y { :where(&>:not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) } } .divide-\[\#24a3f2d3\] { :where(&>:not(:last-child)) { border-color: #24a3f2d3 } } .divide-gray-100 { :where(&>:not(:last-child)) { border-color: var(--color-gray-100) } } .overflow-hidden { overflow: hidden } .datatable-container { .datatable-wrapper & thead tr.search-filtering-row th { padding-top: 0 } .datatable-wrapper & { overflow-x: auto } } .overflow-x-auto { overflow-x: auto } .overflow-x-clip { overflow-x: clip } .overflow-x-hidden { overflow-x: hidden } .overflow-y-auto { overflow-y: auto } .overflow-y-clip { overflow-y: clip } .overflow-y-visible { overflow-y: visible } .scroll-smooth { scroll-behavior: smooth } .rounded { border-radius: .25rem } .rounded-2xl { border-radius: var(--radius-2xl) } .rounded-4xl { border-radius: var(--radius-4xl) } .rounded-full { border-radius: calc(infinity * 1px) } .rounded-lg { border-radius: var(--radius-lg) } .rounded-md { border-radius: var(--radius-md) } .rounded-xl { border-radius: var(--radius-xl) } .rounded-t { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .rounded-t-3xl { border-top-left-radius: var(--radius-3xl); border-top-right-radius: var(--radius-3xl) } .rounded-t-4xl { border-top-left-radius: var(--radius-4xl); border-top-right-radius: var(--radius-4xl) } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg) } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg) } .rounded-b { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .border { border-style: var(--tw-border-style); border-width: 1px } .border-0 { border-style: var(--tw-border-style); border-width: 0 } .border-1 { border-style: var(--tw-border-style); border-width: 1px } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px } .dark { & .apexcharts-canvas .apexcharts-tooltip { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important; border-color: transparent !important; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1) !important } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title { background-color: var(--color-gray-600) !important; border-color: var(--color-gray-500) !important; color: var(--color-gray-500) !important } & .apexcharts-canvas .apexcharts-xaxistooltip { color: var(--color-gray-400) !important; background-color: var(--color-gray-700) !important } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label { color: var(--color-gray-400) !important } & .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value { color: white !important } & .apexcharts-canvas .apexcharts-xaxistooltip:after { border-bottom-color: var(--color-gray-700) !important } & .apexcharts-canvas .apexcharts-xaxistooltip:before { border-bottom-color: var(--color-gray-700) !important } & .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important } & .apexcharts-canvas .apexcharts-legend-text { color: var(--color-gray-400) !important } & .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover { color: white !important } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value { fill: white !important } & .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important } & .apexcharts-gridline { stroke: var(--color-gray-700) !important } & .apexcharts-xcrosshairs { stroke: var(--color-gray-700) !important } & .apexcharts-ycrosshairs { stroke: var(--color-gray-700) !important } } .dark { & .datatable-wrapper .datatable-search .datatable-input { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } & .datatable-wrapper .datatable-input { color: #fff; background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700) } & .datatable-wrapper thead th .datatable-input { background-color: var(--color-gray-700); border-color: var(--color-gray-600); color: #fff } & .datatable-wrapper .datatable-top .datatable-dropdown { color: var(--color-gray-400) } & .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector { background-color: var(--color-gray-800); border: 1px solid var(--color-gray-700); color: #fff } & .datatable-wrapper .datatable-table { color: var(--color-gray-400) } & .datatable-wrapper .datatable-table thead { color: var(--color-gray-400); background-color: var(--color-gray-800) } & .datatable-wrapper .datatable-table thead th .datatable-sorter:hover { color: #fff } & .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter { color: #fff } & .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter { color: #fff } & .datatable-wrapper .datatable-table tbody tr.selected { background-color: var(--color-gray-700) } & .datatable-wrapper .datatable-table tbody tr { border-bottom: 1px solid var(--color-gray-700) } & .datatable-wrapper .datatable-bottom .datatable-info { color: var(--color-gray-400) } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link { color: var(--color-gray-400); border-color: var(--color-gray-700) } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { color: #fff0 } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link { color: #fff0 } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e") } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='oklch(0.707 0.022 261.325)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover::after { content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e") } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link { border-left: 1px solid var(--color-gray-700) } & .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover { background-color: var(--color-gray-700); color: #fff } } .border-\[\#24a3f2d3\] { border-color: #24a3f2d3 } .border-blue-600 { border-color: var(--color-blue-600) } .border-blue-700 { border-color: var(--color-blue-700) } .border-gray-100 { border-color: var(--color-gray-100) } .border-gray-200 { border-color: var(--color-gray-200) } .border-gray-300 { border-color: var(--color-gray-300) } .border-white { border-color: var(--color-white) } .apexcharts-active { .apexcharts-canvas .apexcharts-tooltip-series-group& .apexcharts-tooltip-y-group { padding: 0 !important } .apexcharts-canvas .apexcharts-tooltip-series-group& { padding-left: 0.75rem !important; padding-right: 0.75rem !important; padding-bottom: 0.75rem !important; background-color: white !important; color: var(--color-gray-500) !important } .dark .apexcharts-canvas .apexcharts-tooltip-series-group& { background-color: var(--color-gray-700) !important; color: var(--color-gray-400) !important } .apexcharts-canvas .apexcharts-tooltip-series-group&:first-of-type { padding-top: 0.75rem !important } } .selected { .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-100) } .dark .datatable-wrapper .datatable-table tbody tr& { background-color: var(--color-gray-700) } } .selectedCell { background-color: var(--color-gray-50); .dark & { background-color: var(--color-gray-700) } } .bg-\[\#005db5\] { background-color: #005db5 } .bg-\[\#24A3F2\] { background-color: #24A3F2 } .bg-\[\#24A3F2\]\! { background-color: #24A3F2 !important } .bg-\[\#24A3F226\] { background-color: #24A3F226 } .bg-\[\#48ACE1\] { background-color: #48ACE1 } .bg-\[\#48ACE133\] { background-color: #48ACE133 } .bg-\[\#A2845E\] { background-color: #A2845E } .bg-\[\#F05252\] { background-color: #F05252 } .bg-\[\#FFBC50\] { background-color: #FFBC50 } .bg-blue-700 { background-color: var(--color-blue-700) } .bg-gray-50 { background-color: var(--color-gray-50) } .bg-gray-100 { background-color: var(--color-gray-100) } .bg-gray-200 { background-color: var(--color-gray-200) } .bg-gray-900 { background-color: var(--color-gray-900) } .bg-gray-900\/50 { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent) } .bg-green-100 { background-color: var(--color-green-100) } .bg-green-400 { background-color: var(--color-green-400) } .bg-pink-400 { background-color: var(--color-pink-400) } .bg-purple-400 { background-color: var(--color-purple-400) } .bg-red-100 { background-color: var(--color-red-100) } .bg-teal-400 { background-color: var(--color-teal-400) } .bg-transparent { background-color: #fff0 } .bg-white { background-color: var(--color-white) } .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent) } .dark { & .selectedCell { background-color: var(--color-gray-700) } } .bg-linear-\[0deg\,\#00000033\,\#00000000\] { --tw-gradient-position: 0deg, #00000033, #00000000; background-image: linear-gradient(var(--tw-gradient-stops, 0deg, #00000033, #00000000)) } .bg-linear-\[180deg\,\#02498D\,\#015DB54D\] { --tw-gradient-position: 180deg, #02498D, #015DB54D; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #02498D, #015DB54D)) } .bg-linear-\[180deg\,\#EEF7FF\,\#EEF7FF00\] { --tw-gradient-position: 180deg, #EEF7FF, #EEF7FF00; background-image: linear-gradient(var(--tw-gradient-stops, 180deg, #EEF7FF, #EEF7FF00)) } .apexcharts-datalabels-group { & .apexcharts-text.apexcharts-datalabel-value { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-value { fill: white !important } .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important } .dark .apexcharts-canvas & .apexcharts-text.apexcharts-datalabel-label { fill: var(--color-gray-400) !important } } .apexcharts-datalabel-label { .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-500) !important; font-size: 1rem, [object Object] !important; font-weight: 400 !important } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-400) !important } } .apexcharts-datalabel-value { .apexcharts-datalabels-group .apexcharts-text& { fill: var(--color-gray-900) !important; font-size: 1.875rem, [object Object] !important; font-weight: 700 !important } .dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text& { fill: white !important } } .apexcharts-ycrosshairs { stroke: var(--color-gray-200) !important; .dark & { stroke: var(--color-gray-700) !important } } .apexcharts-legend { .apexcharts-canvas & { padding: 0 !important } } .apexcharts-tooltip-y-group { .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active & { padding: 0 !important } } .p-1 { padding: calc(var(--spacing) * 1) } .p-1\.5 { padding: calc(var(--spacing) * 1.5) } .p-2 { padding: calc(var(--spacing) * 2) } .p-2\.5 { padding: calc(var(--spacing) * 2.5) } .p-4 { padding: calc(var(--spacing) * 4) } .p-5 { padding: calc(var(--spacing) * 5) } .p-6 { padding: calc(var(--spacing) * 6) } .p-10 { padding: calc(var(--spacing) * 10) } .px-0 { padding-inline: calc(var(--spacing) * 0) } .px-2 { padding-inline: calc(var(--spacing) * 2) } .px-3 { padding-inline: calc(var(--spacing) * 3) } .px-4 { padding-inline: calc(var(--spacing) * 4) } .px-5 { padding-inline: calc(var(--spacing) * 5) } .px-6 { padding-inline: calc(var(--spacing) * 6) } .px-8 { padding-inline: calc(var(--spacing) * 8) } .px-10 { padding-inline: calc(var(--spacing) * 10) } .py-1 { padding-block: calc(var(--spacing) * 1) } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5) } .py-2 { padding-block: calc(var(--spacing) * 2) } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5) } .py-3 { padding-block: calc(var(--spacing) * 3) } .py-10 { padding-block: calc(var(--spacing) * 10) } .py-20 { padding-block: calc(var(--spacing) * 20) } .py-22 { padding-block: calc(var(--spacing) * 22) } .py-24 { padding-block: calc(var(--spacing) * 24) } .pt-2 { padding-top: calc(var(--spacing) * 2) } .pt-3 { padding-top: calc(var(--spacing) * 3) } .pt-20 { padding-top: calc(var(--spacing) * 20) } .pt-22 { padding-top: calc(var(--spacing) * 22) } .search-filtering-row { .datatable-wrapper .datatable-container thead tr& th { padding-top: 0 } } .apexcharts-legend-text { .apexcharts-canvas & { font-size: 0.75rem !important; font-weight: 500 !important; padding-left: 1.25rem !important; color: var(--color-gray-500) !important } :is([dir=rtl]) .apexcharts-canvas & { padding-right: 0.5rem !important } .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: var(--color-gray-900) !important } .dark .apexcharts-canvas & { color: var(--color-gray-400) !important } .dark .apexcharts-canvas &:not(.apexcharts-inactive-legend):hover { color: white !important } } .pb-10 { padding-bottom: calc(var(--spacing) * 10) } .pl-4 { padding-left: calc(var(--spacing) * 4) } .pl-5 { padding-left: calc(var(--spacing) * 5) } .datatable-empty { .datatable-wrapper .datatable-table & { text-align: center } } .text-center { text-align: center } .text-left { text-align: left } .text-left\! { text-align: left !important } .align-bottom { vertical-align: bottom } .font-sans { font-family: var(--font-sans) } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } .apexcharts-datalabels { .apexcharts-canvas & .apexcharts-text.apexcharts-pie-label { font-size: .75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important } } .apexcharts-pie-label { .apexcharts-canvas .apexcharts-datalabels .apexcharts-text& { font-size: .75rem, [object Object] !important; font-weight: 600 !important; text-shadow: none !important; filter: none !important } } .apexcharts-xaxistooltip-text { .apexcharts-canvas & { font-weight: 400 !important; font-size: 0.875rem !important } } .apexcharts-tooltip-text-y-label { .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-500) !important; font-size: 0.875rem !important } .dark .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-400) !important } } .apexcharts-tooltip-text-y-value { .apexcharts-canvas .apexcharts-tooltip & { color: var(--color-gray-900); font-size: 0.875rem !important } .dark .apexcharts-canvas .apexcharts-tooltip & { color: white !important } } .datatable-info { .datatable-wrapper .datatable-bottom & { color: var(--color-gray-500); font-size: .875rem } .dark .datatable-wrapper .datatable-bottom & { color: var(--color-gray-400) } } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6) } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9) } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal) } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed) } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug) } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight) } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold) } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium) } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal) } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold) } .text-wrap { text-wrap: wrap } .whitespace-nowrap { white-space: nowrap } .datatable-sorter { .datatable-wrapper .datatable-table thead th & { text-transform: uppercase } .datatable-wrapper .datatable-table thead th &:hover { color: var(--color-gray-900) } .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: var(--color-gray-900) } .datatable-wrapper .datatable-table thead th.datatable-descending & { color: var(--color-gray-900) } .dark .datatable-wrapper .datatable-table thead th &:hover { color: #fff } .dark .datatable-wrapper .datatable-table thead th.datatable-ascending & { color: #fff } .dark .datatable-wrapper .datatable-table thead th.datatable-descending & { color: #fff } } .datatable-ascending { .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900) } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: #fff } } .datatable-descending { .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: var(--color-gray-900) } .dark .datatable-wrapper .datatable-table thead th& .datatable-sorter { color: #fff } } .text-\[\#005bd5\] { color: #005bd5 } .text-\[\#005db5\] { color: #005db5 } .text-blue-600 { color: var(--color-blue-600) } .text-gray-200 { color: var(--color-gray-200) } .text-gray-400 { color: var(--color-gray-400) } .text-gray-500 { color: var(--color-gray-500) } .text-gray-600 { color: var(--color-gray-600) } .text-gray-700 { color: var(--color-gray-700) } .text-gray-800 { color: var(--color-gray-800) } .text-gray-900 { color: var(--color-gray-900) } .text-green-400 { color: var(--color-green-400) } .text-green-700 { color: var(--color-green-700) } .text-red-400 { color: var(--color-red-400) } .text-red-700 { color: var(--color-red-700) } .text-white { color: var(--color-white) } .uppercase { text-transform: uppercase } .opacity-0 { opacity: 0% } .opacity-70 { opacity: 70% } .opacity-100 { opacity: 100% } .shadow { --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)); 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 { --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)); 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 { --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)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(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), var(--tw-shadow) } .outline { outline-style: var(--tw-outline-style); outline-width: 1px } .blur { --tw-blur: blur(8px); 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 { 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, ) } .transition { 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; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out) } .hover\:scale-105 { &:hover { @media (hover:hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } } } .hover\:cursor-default { &:hover { @media (hover:hover) { cursor: default } } } .hover\:border-gray-300 { &:hover { @media (hover:hover) { border-color: var(--color-gray-300) } } } .hover\:bg-\[\#02519B\] { &:hover { @media (hover:hover) { background-color: #02519B } } } .hover\:bg-blue-100 { &:hover { @media (hover:hover) { background-color: var(--color-blue-100) } } } .hover\:bg-blue-800 { &:hover { @media (hover:hover) { background-color: var(--color-blue-800) } } } .hover\:bg-gray-50 { &:hover { @media (hover:hover) { background-color: var(--color-gray-50) } } } .hover\:bg-gray-100 { &:hover { @media (hover:hover) { background-color: var(--color-gray-100) } } } .hover\:bg-gray-200 { &:hover { @media (hover:hover) { background-color: var(--color-gray-200) } } } .hover\:bg-gray-700 { &:hover { @media (hover:hover) { background-color: var(--color-gray-700) } } } .hover\:bg-white { &:hover { @media (hover:hover) { background-color: var(--color-white) } } } .hover\:text-blue-600 { &:hover { @media (hover:hover) { color: var(--color-blue-600) } } } .hover\:text-gray-600 { &:hover { @media (hover:hover) { color: var(--color-gray-600) } } } .hover\:text-gray-900 { &:hover { @media (hover:hover) { color: var(--color-gray-900) } } } .hover\:shadow-inner { &:hover { @media (hover:hover) { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } } } .focus\:z-10 { &:focus { z-index: 10 } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); 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-4 { &:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor); 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-blue-300 { &:focus { --tw-ring-color: var(--color-blue-300) } } .focus\:ring-blue-400 { &:focus { --tw-ring-color: var(--color-blue-400) } } .focus\:ring-gray-200 { &:focus { --tw-ring-color: var(--color-gray-200) } } .focus\:ring-gray-300 { &:focus { --tw-ring-color: var(--color-gray-300) } } .focus\:ring-offset-2 { &:focus { --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 { --tw-outline-style: none; outline-style: none } } .sm\:col-span-4\! { @media (width>=40rem) { grid-column: span 4 / span 4 !important } } .sm\:col-span-6 { @media (width>=40rem) { grid-column: span 6 / span 6 } } .sm\:col-span-6\! { @media (width>=40rem) { grid-column: span 6 / span 6 !important } } .sm\:mx-0 { @media (width>=40rem) { margin-inline: calc(var(--spacing) * 0) } } .sm\:block { @media (width>=40rem) { display: block } } .sm\:w-1\/2 { @media (width>=40rem) { width: calc(1/2 * 100%) } } .sm\:w-72 { @media (width>=40rem) { width: calc(var(--spacing) * 72) } } .sm\:w-\[30\%\] { @media (width>=40rem) { width: 30% } } .sm\:w-auto { @media (width>=40rem) { width: auto } } .sm\:max-w-2\/3 { @media (width>=40rem) { max-width: calc(2/3 * 100%) } } .sm\:scale-150 { @media (width>=40rem) { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } } .sm\:grid-cols-12\! { @media (width>=40rem) { grid-template-columns: repeat(12, minmax(0, 1fr)) !important } } .sm\:flex-row { @media (width>=40rem) { flex-direction: row } } .sm\:items-start { @media (width>=40rem) { align-items: flex-start } } .sm\:gap-8 { @media (width>=40rem) { gap: calc(var(--spacing) * 8) } } .sm\:gap-8\! { @media (width>=40rem) { gap: calc(var(--spacing) * 8) !important } } .sm\:gap-10\! { @media (width>=40rem) { gap: calc(var(--spacing) * 10) !important } } .sm\:p-15 { @media (width>=40rem) { padding: calc(var(--spacing) * 15) } } .sm\:px-0 { @media (width>=40rem) { padding-inline: calc(var(--spacing) * 0) } } .sm\:px-6 { @media (width>=40rem) { padding-inline: calc(var(--spacing) * 6) } } .sm\:text-left { @media (width>=40rem) { text-align: left } } .sm\:text-left\! { @media (width>=40rem) { text-align: left !important } } .sm\:text-2xl\! { @media (width>=40rem) { font-size: var(--text-2xl) !important; line-height: var(--tw-leading, var(--text-2xl--line-height)) !important } } .sm\:text-3xl\! { @media (width>=40rem) { font-size: var(--text-3xl) !important; line-height: var(--tw-leading, var(--text-3xl--line-height)) !important } } .sm\:text-4xl\! { @media (width>=40rem) { font-size: var(--text-4xl) !important; line-height: var(--tw-leading, var(--text-4xl--line-height)) !important } } .sm\:text-6xl\! { @media (width>=40rem) { font-size: var(--text-6xl) !important; line-height: var(--tw-leading, var(--text-6xl--line-height)) !important } } .sm\:text-base { @media (width>=40rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } } .sm\:text-base\! { @media (width>=40rem) { font-size: var(--text-base) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important } } .sm\:text-lg { @media (width>=40rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } } .sm\:text-lg\! { @media (width>=40rem) { font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important } } .sm\:text-sm\! { @media (width>=40rem) { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important } } .sm\:text-xl { @media (width>=40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } } .sm\:text-xl\! { @media (width>=40rem) { font-size: var(--text-xl) !important; line-height: var(--tw-leading, var(--text-xl--line-height)) !important } } .md\:absolute\! { @media (width>=48rem) { position: absolute !important } } .md\:inset-0 { @media (width>=48rem) { inset: calc(var(--spacing) * 0) } } .md\:right-0 { @media (width>=48rem) { right: calc(var(--spacing) * 0) } } .md\:right-8\! { @media (width>=48rem) { right: calc(var(--spacing) * 8) !important } } .md\:bottom-0 { @media (width>=48rem) { bottom: calc(var(--spacing) * 0) } } .md\:left-0 { @media (width>=48rem) { left: calc(var(--spacing) * 0) } } .md\:col-span-4\! { @media (width>=48rem) { grid-column: span 4 / span 4 !important } } .md\:col-start-3\! { @media (width>=48rem) { grid-column-start: 3 !important } } .md\:block { @media (width>=48rem) { display: block } } .md\:flex { @media (width>=48rem) { display: flex } } .md\:hidden { @media (width>=48rem) { display: none } } .md\:max-h-max { @media (width>=48rem) { max-height: max-content } } .md\:w-1\/4\! { @media (width>=48rem) { width: calc(1/4 * 100%) !important } } .md\:w-\[20\%\] { @media (width>=48rem) { width: 20% } } .md\:w-\[80\%\] { @media (width>=48rem) { width: 80% } } .md\:w-full { @media (width>=48rem) { width: 100% } } .md\:max-w-1\/2 { @media (width>=48rem) { max-width: calc(1/2 * 100%) } } .md\:max-w-\[360px\] { @media (width>=48rem) { max-width: 360px } } .md\:scale-100 { @media (width>=48rem) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } } .md\:grid-cols-2 { @media (width>=48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)) } } .md\:grid-cols-4 { @media (width>=48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)) } } .md\:flex-row { @media (width>=48rem) { flex-direction: row } } .md\:flex-row\! { @media (width>=48rem) { flex-direction: row !important } } .md\:gap-6 { @media (width>=48rem) { gap: calc(var(--spacing) * 6) } } .md\:gap-8\! { @media (width>=48rem) { gap: calc(var(--spacing) * 8) !important } } .md\:rounded-t-2xl { @media (width>=48rem) { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl) } } .md\:px-0 { @media (width>=48rem) { padding-inline: calc(var(--spacing) * 0) } } .md\:px-6\! { @media (width>=48rem) { padding-inline: calc(var(--spacing) * 6) !important } } .md\:px-15\! { @media (width>=48rem) { padding-inline: calc(var(--spacing) * 15) !important } } .md\:pt-6\! { @media (width>=48rem) { padding-top: calc(var(--spacing) * 6) !important } } .md\:pt-25 { @media (width>=48rem) { padding-top: calc(var(--spacing) * 25) } } .md\:pt-40 { @media (width>=48rem) { padding-top: calc(var(--spacing) * 40) } } .md\:pr-\[30\%\] { @media (width>=48rem) { padding-right: 30% } } .md\:text-left\! { @media (width>=48rem) { text-align: left !important } } .md\:text-2xl\! { @media (width>=48rem) { font-size: var(--text-2xl) !important; line-height: var(--tw-leading, var(--text-2xl--line-height)) !important } } .md\:text-lg { @media (width>=48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } } .md\:text-xl\! { @media (width>=48rem) { font-size: var(--text-xl) !important; line-height: var(--tw-leading, var(--text-xl--line-height)) !important } } .lg\:order-1 { @media (width>=64rem) { order: 1 } } .lg\:order-2 { @media (width>=64rem) { order: 2 } } .lg\:col-auto { @media (width>=64rem) { grid-column: auto } } .lg\:col-span-1 { @media (width>=64rem) { grid-column: span 1 / span 1 } } .lg\:col-span-1\! { @media (width>=64rem) { grid-column: span 1 / span 1 !important } } .lg\:col-span-4 { @media (width>=64rem) { grid-column: span 4 / span 4 } } .lg\:col-span-4\! { @media (width>=64rem) { grid-column: span 4 / span 4 !important } } .lg\:col-span-6 { @media (width>=64rem) { grid-column: span 6 / span 6 } } .lg\:col-start-3 { @media (width>=64rem) { grid-column-start: 3 } } .lg\:col-start-3\! { @media (width>=64rem) { grid-column-start: 3 !important } } .lg\:col-start-4 { @media (width>=64rem) { grid-column-start: 4 } } .lg\:col-start-7 { @media (width>=64rem) { grid-column-start: 7 } } .lg\:col-start-7\! { @media (width>=64rem) { grid-column-start: 7 !important } } .lg\:col-end-7 { @media (width>=64rem) { grid-column-end: 7 } } .lg\:col-end-7\! { @media (width>=64rem) { grid-column-end: 7 !important } } .lg\:col-end-11 { @media (width>=64rem) { grid-column-end: 11 } } .lg\:col-end-11\! { @media (width>=64rem) { grid-column-end: 11 !important } } .lg\:mt-0 { @media (width>=64rem) { margin-top: calc(var(--spacing) * 0) } } .lg\:flex { @media (width>=64rem) { display: flex } } .lg\:hidden { @media (width>=64rem) { display: none } } .lg\:w-1\/2 { @media (width>=64rem) { width: calc(1/2 * 100%) } } .lg\:w-\[15\%\] { @media (width>=64rem) { width: 15% } } .lg\:w-auto { @media (width>=64rem) { width: auto } } .lg\:max-w-\[480px\] { @media (width>=64rem) { max-width: 480px } } .lg\:grid-cols-3 { @media (width>=64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)) } } .lg\:grid-cols-4 { @media (width>=64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)) } } .lg\:flex-row { @media (width>=64rem) { flex-direction: row } } .lg\:space-x-2 { @media (width>=64rem) { :where(&>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))) } } } .lg\:space-x-6 { @media (width>=64rem) { :where(&>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))) } } } .lg\:px-0 { @media (width>=64rem) { padding-inline: calc(var(--spacing) * 0) } } .lg\:px-6 { @media (width>=64rem) { padding-inline: calc(var(--spacing) * 6) } } .lg\:px-8 { @media (width>=64rem) { padding-inline: calc(var(--spacing) * 8) } } .lg\:text-3xl\! { @media (width>=64rem) { font-size: var(--text-3xl) !important; line-height: var(--tw-leading, var(--text-3xl--line-height)) !important } } .lg\:text-5xl\! { @media (width>=64rem) { font-size: var(--text-5xl) !important; line-height: var(--tw-leading, var(--text-5xl--line-height)) !important } } .xl\:col-span-4 { @media (width>=80rem) { grid-column: span 4 / span 4 } } .xl\:max-w-\[580px\] { @media (width>=80rem) { max-width: 580px } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg } } .rtl\:space-x-reverse { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { :where(&>:not(:last-child)) { --tw-space-x-reverse: 1 } } } .rtl\:text-right { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { text-align: right } } .dark\:border-blue-500 { @media (prefers-color-scheme:dark) { border-color: var(--color-blue-500) } } .dark\:border-gray-500 { @media (prefers-color-scheme:dark) { border-color: var(--color-gray-500) } } .dark\:border-gray-600 { @media (prefers-color-scheme:dark) { border-color: var(--color-gray-600) } } .dark\:border-gray-700 { @media (prefers-color-scheme:dark) { border-color: var(--color-gray-700) } } .dark\:border-transparent { @media (prefers-color-scheme:dark) { border-color: #fff0 } } .dark\:bg-blue-600 { @media (prefers-color-scheme:dark) { background-color: var(--color-blue-600) } } .dark\:bg-gray-600 { @media (prefers-color-scheme:dark) { background-color: var(--color-gray-600) } } .dark\:bg-gray-700 { @media (prefers-color-scheme:dark) { background-color: var(--color-gray-700) } } .dark\:bg-gray-800 { @media (prefers-color-scheme:dark) { background-color: var(--color-gray-800) } } .dark\:bg-gray-800\/50 { @media (prefers-color-scheme:dark) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent) } } .dark\:bg-gray-900\/80 { @media (prefers-color-scheme:dark) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent) } } .dark\:text-blue-500 { @media (prefers-color-scheme:dark) { color: var(--color-blue-500) } } .dark\:text-gray-300 { @media (prefers-color-scheme:dark) { color: var(--color-gray-300) } } .dark\:text-gray-400 { @media (prefers-color-scheme:dark) { color: var(--color-gray-400) } } .dark\:text-gray-500 { @media (prefers-color-scheme:dark) { color: var(--color-gray-500) } } .dark\:text-white { @media (prefers-color-scheme:dark) { color: var(--color-white) } } .dark\:hover\:bg-blue-700 { @media (prefers-color-scheme:dark) { &:hover { @media (hover:hover) { background-color: var(--color-blue-700) } } } } .dark\:hover\:bg-gray-600 { @media (prefers-color-scheme:dark) { &:hover { @media (hover:hover) { background-color: var(--color-gray-600) } } } } .dark\:hover\:bg-gray-800 { @media (prefers-color-scheme:dark) { &:hover { @media (hover:hover) { background-color: var(--color-gray-800) } } } } .dark\:hover\:text-blue-500 { @media (prefers-color-scheme:dark) { &:hover { @media (hover:hover) { color: var(--color-blue-500) } } } } .dark\:hover\:text-gray-300 { @media (prefers-color-scheme:dark) { &:hover { @media (hover:hover) { color: var(--color-gray-300) } } } } .dark\:hover\:text-white { @media (prefers-color-scheme:dark) { &:hover { @media (hover:hover) { color: var(--color-white) } } } } .dark\:focus\:ring-blue-800 { @media (prefers-color-scheme:dark) { &:focus { --tw-ring-color: var(--color-blue-800) } } } .dark\:focus\:ring-gray-600 { @media (prefers-color-scheme:dark) { &:focus { --tw-ring-color: var(--color-gray-600) } } } } @layer base { .bg-primary { background-color: #005db5 } } @layer base { .tooltip-arrow, .tooltip-arrow:before { position: absolute; width: 8px; height: 8px; background: inherit } .tooltip-arrow { visibility: hidden } .tooltip-arrow:before { content: ""; visibility: visible; transform: rotate(45deg) } [data-tooltip-style^='light']+.tooltip>.tooltip-arrow:before { border-style: solid; border-color: var(--color-gray-200) } [data-tooltip-style^='light']+.tooltip[data-popper-placement^='top']>.tooltip-arrow:before { border-bottom-width: 1px; border-right-width: 1px } [data-tooltip-style^='light']+.tooltip[data-popper-placement^='right']>.tooltip-arrow:before { border-bottom-width: 1px; border-left-width: 1px } [data-tooltip-style^='light']+.tooltip[data-popper-placement^='bottom']>.tooltip-arrow:before { border-top-width: 1px; border-left-width: 1px } [data-tooltip-style^='light']+.tooltip[data-popper-placement^='left']>.tooltip-arrow:before { border-top-width: 1px; border-right-width: 1px } .tooltip[data-popper-placement^='top']>.tooltip-arrow { bottom: -4px } .tooltip[data-popper-placement^='bottom']>.tooltip-arrow { top: -4px } .tooltip[data-popper-placement^='left']>.tooltip-arrow { right: -4px } .tooltip[data-popper-placement^='right']>.tooltip-arrow { left: -4px } .tooltip.invisible>.tooltip-arrow:before { visibility: hidden } [data-popper-arrow], [data-popper-arrow]:before { position: absolute; width: 8px; height: 8px; background: inherit } [data-popper-arrow] { visibility: hidden } [data-popper-arrow]:before { content: ""; visibility: visible; transform: rotate(45deg) } [data-popper-arrow]:after { content: ""; visibility: visible; transform: rotate(45deg); position: absolute; width: 9px; height: 9px; background: inherit } [role="tooltip"]>[data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-200) } .dark [role="tooltip"]>[data-popper-arrow]:before { border-style: solid; border-color: var(--color-gray-600) } [role="tooltip"]>[data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-200) } .dark [role="tooltip"]>[data-popper-arrow]:after { border-style: solid; border-color: var(--color-gray-600) } [data-popover][role="tooltip"][data-popper-placement^='top']>[data-popper-arrow]:before { border-bottom-width: 1px; border-right-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='top']>[data-popper-arrow]:after { border-bottom-width: 1px; border-right-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='right']>[data-popper-arrow]:before { border-bottom-width: 1px; border-left-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='right']>[data-popper-arrow]:after { border-bottom-width: 1px; border-left-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='bottom']>[data-popper-arrow]:before { border-top-width: 1px; border-left-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='bottom']>[data-popper-arrow]:after { border-top-width: 1px; border-left-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='left']>[data-popper-arrow]:before { border-top-width: 1px; border-right-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='left']>[data-popper-arrow]:after { border-top-width: 1px; border-right-width: 1px } [data-popover][role="tooltip"][data-popper-placement^='top']>[data-popper-arrow] { bottom: -5px } [data-popover][role="tooltip"][data-popper-placement^='bottom']>[data-popper-arrow] { top: -5px } [data-popover][role="tooltip"][data-popper-placement^='left']>[data-popper-arrow] { right: -5px } [data-popover][role="tooltip"][data-popper-placement^='right']>[data-popper-arrow] { left: -5px } [role="tooltip"].invisible>[data-popper-arrow]:before { visibility: hidden } [role="tooltip"].invisible>[data-popper-arrow]:after { visibility: hidden } } @layer base { [type='text'], [type='email'], [type='url'], [type='password'], [type='number'], [type='date'], [type='datetime-local'], [type='month'], [type='search'], [type='tel'], [type='time'], [type='week'], [multiple], textarea, select { appearance: none; background-color: #fff; border-color: var(--color-gray-500); border-width: 1px; border-radius: 0; padding-top: .5rem; padding-right: .75rem; padding-bottom: .5rem; padding-left: .75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid #fff0; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/ ); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-blue-600); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: var(--color-blue-600) } } input::placeholder, textarea::placeholder { color: var(--color-gray-500); opacity: 1 } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } input[type="time"]::-webkit-calendar-picker-indicator { background: none } select:not([size]) { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); background-position: right .75rem center; background-repeat: no-repeat; background-size: .75em .75em; padding-right: 2.5rem; print-color-adjust: exact } :is([dir=rtl]) select:not([size]) { background-position: left .75rem center; padding-right: .75rem; padding-left: 0 } [multiple] { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: .75rem; print-color-adjust: unset } [type='checkbox'], [type='radio'] { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: var(--color-blue-600); background-color: #fff; border-color: --color-gray-500; border-width: 1px; --tw-shadow: 0 0 #0000 } [type='checkbox'] { border-radius: 0 } [type='radio'] { border-radius: 100% } [type='checkbox']:focus, [type='radio']:focus { outline: 2px solid #fff0; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/ ); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: var(--color-blue-600); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } [type='checkbox']:checked, [type='radio']:checked, .dark [type='checkbox']:checked, .dark [type='radio']:checked { border-color: transparent !important; background-color: currentColor !important; background-size: .55em .55em; background-position: center; background-repeat: no-repeat } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e"); background-repeat: no-repeat; background-size: .55em .55em; print-color-adjust: exact } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); background-size: 1em 1em } .dark [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); background-size: 1em 1em } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e"); background-color: currentColor !important; border-color: transparent !important; background-position: center; background-repeat: no-repeat; background-size: .55em .55em; print-color-adjust: exact } [type='checkbox']:indeterminate:hover, [type='checkbox']:indeterminate:focus { border-color: transparent !important; background-color: currentColor !important } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit } [type='file']:focus { outline: 1px auto inherit } input[type=file]::file-selector-button { color: #fff; background: var(--color-gray-800); border: 0; font-weight: 500; font-size: .875rem; cursor: pointer; padding-top: .625rem; padding-bottom: .625rem; padding-left: 2rem; padding-right: 1rem; margin-inline-start: -1rem; margin-inline-end: 1rem; &:hover { background: var(--color-gray-700) } } :is([dir=rtl]) input[type=file]::file-selector-button { padding-right: 2rem; padding-left: 1rem } .dark input[type=file]::file-selector-button { color: #fff; background: var(--color-gray-600); &:hover { background: var(--color-gray-500) } } input[type="range"]::-webkit-slider-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer } input[type="range"]:disabled::-webkit-slider-thumb { background: var(--color-gray-400) } .dark input[type="range"]:disabled::-webkit-slider-thumb { background: var(--color-gray-500) } input[type="range"]:focus::-webkit-slider-thumb { outline: 2px solid #fff0; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)) } input[type="range"]::-moz-range-thumb { height: 1.25rem; width: 1.25rem; background: var(--color-blue-600); border-radius: 9999px; border: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; cursor: pointer } input[type="range"]:disabled::-moz-range-thumb { background: var(--color-gray-400) } .dark input[type="range"]:disabled::-moz-range-thumb { background: var(--color-gray-500) } input[type="range"]::-moz-range-progress { background: var(--color-blue-500) } input[type="range"]::-ms-fill-lower { background: var(--color-blue-500) } input[type="range"].range-sm::-webkit-slider-thumb { height: 1rem; width: 1rem } input[type="range"].range-lg::-webkit-slider-thumb { height: 1.5rem; width: 1.5rem } input[type="range"].range-sm::-moz-range-thumb { height: 1rem; width: 1rem } input[type="range"].range-lg::-moz-range-thumb { height: 1.5rem; width: 1.5rem } .toggle-bg:after { content: ""; position: absolute; top: .125rem; left: .125rem; background: #fff; border-color: var(--color-gray-300); border-width: 1px; border-radius: 9999px; height: 1.25rem; width: 1.25rem; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: .15s; box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) } input:checked+.toggle-bg:after { transform: translateX(100%); ; border-color: #fff } input:checked+.toggle-bg { background: var(--color-blue-600); border-color: var(--color-blue-600) } } @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-scale-x { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1 } @property --tw-rotate-x { syntax: "*"; inherits: false; initial-value: rotateX(0) } @property --tw-rotate-y { syntax: "*"; inherits: false; initial-value: rotateY(0) } @property --tw-rotate-z { syntax: "*"; inherits: false; initial-value: rotateZ(0) } @property --tw-skew-x { syntax: "*"; inherits: false; initial-value: skewX(0) } @property --tw-skew-y { syntax: "*"; inherits: false; initial-value: skewY(0) } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0 } @property --tw-divide-y-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-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0 } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @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-ease { syntax: "*"; inherits: false } .hero { background-image: url(../img/background-hero.png); background-repeat: no-repeat; background-position: top center; background-size: contain } iframe { aspect-ratio: 16 / 9 } .slide-iproc { background-image: url(../img/iproc-2-go/background-bottom.png); background-size: 100%; background-repeat: no-repeat; background-color: #005db5; background-position: bottom } .prev, .next { padding: 5px; width: 40px; height: 40px; cursor: pointer; outline: none; transition: 0.7s ease-in-out; background-color: #005DB5; color: #fff; border-radius: 20px; border: 3px solid #005db5; z-index: 1 } .award-prev, .award-next { padding: 5px; width: 40px; height: 40px; cursor: pointer; outline: none; transition: 0.7s ease-in-out; background-color: #00000080; color: #fff; border-radius: 9999px; z-index: 1 } .prev { left: 15px } .next { right: 15px } .feature { background-image: url(../img/iproc-2-go/background-bottom.png); background-size: 100%; background-repeat: no-repeat; background-color: #005db5; background-position: bottom } .count-up { background: linear-gradient(180deg, rgb(255 255 255 / .2) 0%, rgb(72 172 225 / .2) 100%), #FFF } .procurement { background: linear-gradient(to bottom, #c1e8ff00, #C1E8FF) } .testimonial { background-image: url(../img/iproc-2-go/background-bottom.png); background-size: 100%; background-repeat: no-repeat; background-color: #005db5; background-position: bottom } .bottom>div { background-image: url(../img/iproc-2-go/background-bottom.png); background-size: 100%; background-repeat: no-repeat; background-color: #005db5; background-position: bottom } .nav-link.active { color: #005db5 !important }