/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial } } } @layer theme { :root, :host { --font-sans: "Vazirmatn", system-ui, sans-serif; --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-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 80%; --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-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --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-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --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-mono-font-family: var(--font-mono); --color-accent: #ff6b00; --color-accent-hover: #e96000; --color-dark: #090909; --color-surface: #101010; --color-card: #131313; --color-line: #252525; --color-muted: #a0a0a0; --animate-marquee: marquee 32s linear infinite } } @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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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 } 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:where(:not(iframe)) { 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 } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) { ::placeholder { color: currentColor } @supports (color:color-mix(in lab, red, red)) { ::placeholder { 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 { 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 } ::-webkit-calendar-picker-indicator { line-height: 1 } :-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 } body { background-color: var(--color-dark); font-family: var(--font-sans); color: var(--color-white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } button:not(:disabled), select { cursor: pointer } button, input, textarea, select { font: inherit } ::selection { background-color: var(--color-accent); color: var(--color-white) } :focus-visible { outline: 2px solid var(--color-accent); outline-offset: 5px } section[id] { scroll-margin-top: 6rem } } @layer components { .container-x { width: 100%; max-width: 1140px; padding-inline: calc(var(--spacing) * 5); margin-inline: auto } @media (min-width:40rem) { .container-x { padding-inline: calc(var(--spacing) * 7) } } @media (min-width:64rem) { .container-x { padding-inline: calc(var(--spacing) * 8) } } .section-space { padding-block: calc(var(--spacing) * 20) } @media (min-width:48rem) { .section-space { padding-block: calc(var(--spacing) * 24) } } @media (min-width:64rem) { .section-space { padding-block: calc(var(--spacing) * 28) } } .section-title { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold) } @media (min-width:40rem) { .section-title { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } } @media (min-width:64rem) { .section-title { font-size: 36px } } .section-heading { margin-bottom: calc(var(--spacing) * 10); text-align: center } @media (min-width:48rem) { .section-heading { margin-bottom: calc(var(--spacing) * 14) } } .nav-link { padding-block: calc(var(--spacing) * 2); color: #ffffffb3; font-size: 16px; position: relative } @supports (color:color-mix(in lab, red, red)) { .nav-link { color: color-mix(in oklab, var(--color-white) 70%, transparent) } } .nav-link { 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)) } @media (hover:hover) { .nav-link:hover { color: var(--color-accent) } } .nav-link::after { content: ""; transform-origin: 100%; --tw-scale-x: 0%; height: 5px; scale: var(--tw-scale-x) var(--tw-scale-y); background-color: var(--color-accent); 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)); inset-inline: 0; position: absolute; bottom: -24px; border-radius: 2px 2px 0 0; } .nav-link[aria-current=location] { color: var(--color-accent) } .nav-link[aria-current=location]:after { --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .btn { min-height: calc(var(--spacing) * 11); justify-content: center; align-items: center; gap: calc(var(--spacing) * 3); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-line); background-color: var(--color-surface); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 3); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; border-radius: 2px; transition-duration: .3s; display: inline-flex } @media (hover:hover) { .btn:hover { border-color: var(--color-accent); color: white; background: var(--color-accent); translate: 0 -1px } } .btn-orange { min-height: calc(var(--spacing) * 11); justify-content: center; align-items: center; gap: calc(var(--spacing) * 3); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-accent); background-color: var(--color-accent); padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 3); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); color: var(--color-white); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; border-radius: 2px; transition-duration: .3s; display: inline-flex } @media (hover:hover) { .btn-orange:hover { border-color: var(--color-accent-hover); background-color: var(--color-accent-hover); translate: 0 -1px } } .card { position: relative; border-style: var(--tw-border-style); border-width: 1px; border-color: #ffffff0b; border-radius: 2px; overflow: hidden; } .card::before { content: ""; position: absolute; top: 0; left: 0; width: 30%; height: 55%; background-color: var(--color-accent); filter: blur(70px); z-index: -1; } @supports (color:color-mix(in lab, red, red)) { .card { border-color: color-mix(in oklab, var(--color-white) 4.5%, transparent) } } .card { background-color: var(--color-card); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: .3s; transition-duration: .3s } @media (hover:hover) { .card:hover { border-color: #ff6b0059; translate: 0 -4px } @supports (color:color-mix(in lab, red, red)) { .card:hover { border-color: color-mix(in oklab, var(--color-accent) 35%, transparent) } } } .field { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-line); width: 100%; padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-white); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-outline-style: none; background-color: #0000; border-radius: 2px; outline-style: none } .field::placeholder { color: #ffffff59 } @supports (color:color-mix(in lab, red, red)) { .field::placeholder { color: color-mix(in oklab, var(--color-white) 35%, transparent) } } .field:focus { border-color: var(--color-accent) } .icon { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); flex-shrink: 0 } .ghost-title { pointer-events: none; --tw-leading: 1; --tw-font-weight: var(--font-weight-black); line-height: 1; font-weight: var(--font-weight-black); color: #ffffff05; position: absolute } @supports (color:color-mix(in lab, red, red)) { .ghost-title { color: color-mix(in oklab, var(--color-white) 1.8%, transparent) } } .ghost-title { -webkit-user-select: none; user-select: none } } @layer utilities { .pointer-events-auto { pointer-events: auto } .pointer-events-none { pointer-events: none } .collapse { visibility: collapse } .invisible { visibility: hidden } .visible { visibility: visible } .sr-only { clip-path: inset(50%); 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: 0 } .inset-auto { inset: auto } .inset-full { inset: 100% } .inset-px { inset: 1px } .inset-x-0 { inset-inline: 0 } .inset-y-0 { inset-block: 0 } .top-0 { top: 0 } .top-1\/2 { top: 50% } .top-3 { top: calc(var(--spacing) * 3) } .top-4 { top: calc(var(--spacing) * 4) } .top-16 { top: calc(var(--spacing) * 16) } .top-20 { top: calc(var(--spacing) * 20) } .top-24 { top: calc(var(--spacing) * 24) } .top-\[56\%\] { top: 56% } .top-full { top: 100% } .right-0 { right: 0 } .right-1\/2 { right: 50% } .right-3 { right: calc(var(--spacing) * 3) } .right-4 { right: calc(var(--spacing) * 4) } .right-\[-62px\] { right: -62px } .right-full { right: 100% } .bottom-0 { bottom: 0 } .bottom-1\/2 { bottom: 50% } .bottom-5 { bottom: calc(var(--spacing) * 5) } .bottom-12 { bottom: calc(var(--spacing) * 12) } .bottom-full { bottom: 100% } .left-0 { left: 0 } .left-1\/2 { left: 50% } .left-4 { left: calc(var(--spacing) * 4) } .left-5 { left: calc(var(--spacing) * 5) } .left-full { left: 100% } .isolate { isolation: isolate } .-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 } .z-\[100\] { z-index: 100 } .z-auto { z-index: auto } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-first { order: -9999 } .order-last { order: 9999 } .order-none { order: 0 } .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-4 { grid-column: span 4/span 4 } .col-span-5 { grid-column: span 5/span 5 } .col-span-6 { grid-column: span 6/span 6 } .col-span-7 { grid-column: span 7/span 7 } .col-span-8 { grid-column: span 8/span 8 } .col-span-9 { grid-column: span 9/span 9 } .col-span-10 { grid-column: span 10/span 10 } .col-span-11 { grid-column: span 11/span 11 } .col-span-12 { grid-column: span 12/span 12 } .row-span-1 { grid-row: span 1/span 1 } .row-span-2 { grid-row: span 2/span 2 } .row-span-3 { grid-row: span 3/span 3 } .row-span-4 { grid-row: span 4/span 4 } .row-span-5 { grid-row: span 5/span 5 } .row-span-6 { grid-row: span 6/span 6 } .row-span-7 { grid-row: span 7/span 7 } .row-span-8 { grid-row: span 8/span 8 } .row-span-9 { grid-row: span 9/span 9 } .row-span-10 { grid-row: span 10/span 10 } .row-span-11 { grid-row: span 11/span 11 } .row-span-12 { grid-row: span 12/span 12 } .m-0 { margin: 0 } .m-1 { margin: var(--spacing) } .m-2 { margin: calc(var(--spacing) * 2) } .m-3 { margin: calc(var(--spacing) * 3) } .m-4 { margin: calc(var(--spacing) * 4) } .m-5 { margin: calc(var(--spacing) * 5) } .m-6 { margin: calc(var(--spacing) * 6) } .m-8 { margin: calc(var(--spacing) * 8) } .m-10 { margin: calc(var(--spacing) * 10) } .m-12 { margin: calc(var(--spacing) * 12) } .m-14 { margin: calc(var(--spacing) * 14) } .m-16 { margin: calc(var(--spacing) * 16) } .m-20 { margin: calc(var(--spacing) * 20) } .m-24 { margin: calc(var(--spacing) * 24) } .m-28 { margin: calc(var(--spacing) * 28) } .m-32 { margin: calc(var(--spacing) * 32) } .m-36 { margin: calc(var(--spacing) * 36) } .m-40 { margin: calc(var(--spacing) * 40) } .m-48 { margin: calc(var(--spacing) * 48) } .m-56 { margin: calc(var(--spacing) * 56) } .m-64 { margin: calc(var(--spacing) * 64) } .m-80 { margin: calc(var(--spacing) * 80) } .m-96 { margin: calc(var(--spacing) * 96) } .m-auto { margin: auto } .mx-0 { margin-inline: 0 } .mx-1 { margin-inline: var(--spacing) } .mx-2 { margin-inline: calc(var(--spacing) * 2) } .mx-3 { margin-inline: calc(var(--spacing) * 3) } .mx-4 { margin-inline: calc(var(--spacing) * 4) } .mx-5 { margin-inline: calc(var(--spacing) * 5) } .mx-6 { margin-inline: calc(var(--spacing) * 6) } .mx-8 { margin-inline: calc(var(--spacing) * 8) } .mx-10 { margin-inline: calc(var(--spacing) * 10) } .mx-12 { margin-inline: calc(var(--spacing) * 12) } .mx-14 { margin-inline: calc(var(--spacing) * 14) } .mx-16 { margin-inline: calc(var(--spacing) * 16) } .mx-20 { margin-inline: calc(var(--spacing) * 20) } .mx-24 { margin-inline: calc(var(--spacing) * 24) } .mx-28 { margin-inline: calc(var(--spacing) * 28) } .mx-32 { margin-inline: calc(var(--spacing) * 32) } .mx-36 { margin-inline: calc(var(--spacing) * 36) } .mx-40 { margin-inline: calc(var(--spacing) * 40) } .mx-48 { margin-inline: calc(var(--spacing) * 48) } .mx-56 { margin-inline: calc(var(--spacing) * 56) } .mx-64 { margin-inline: calc(var(--spacing) * 64) } .mx-80 { margin-inline: calc(var(--spacing) * 80) } .mx-96 { margin-inline: calc(var(--spacing) * 96) } .mx-auto { margin-inline: auto } .my-0 { margin-block: 0 } .my-1 { margin-block: var(--spacing) } .my-2 { margin-block: calc(var(--spacing) * 2) } .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) } .my-14 { margin-block: calc(var(--spacing) * 14) } .my-16 { margin-block: calc(var(--spacing) * 16) } .my-20 { margin-block: calc(var(--spacing) * 20) } .my-24 { margin-block: calc(var(--spacing) * 24) } .my-28 { margin-block: calc(var(--spacing) * 28) } .my-32 { margin-block: calc(var(--spacing) * 32) } .my-36 { margin-block: calc(var(--spacing) * 36) } .my-40 { margin-block: calc(var(--spacing) * 40) } .my-48 { margin-block: calc(var(--spacing) * 48) } .my-56 { margin-block: calc(var(--spacing) * 56) } .my-64 { margin-block: calc(var(--spacing) * 64) } .my-80 { margin-block: calc(var(--spacing) * 80) } .my-96 { margin-block: calc(var(--spacing) * 96) } .my-auto { margin-block: auto } .ms-0 { margin-inline-start: 0 } .ms-1 { margin-inline-start: var(--spacing) } .ms-2 { margin-inline-start: calc(var(--spacing) * 2) } .ms-3 { margin-inline-start: calc(var(--spacing) * 3) } .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-10 { margin-inline-start: calc(var(--spacing) * 10) } .ms-12 { margin-inline-start: calc(var(--spacing) * 12) } .ms-14 { margin-inline-start: calc(var(--spacing) * 14) } .ms-16 { margin-inline-start: calc(var(--spacing) * 16) } .ms-20 { margin-inline-start: calc(var(--spacing) * 20) } .ms-24 { margin-inline-start: calc(var(--spacing) * 24) } .ms-28 { margin-inline-start: calc(var(--spacing) * 28) } .ms-32 { margin-inline-start: calc(var(--spacing) * 32) } .ms-36 { margin-inline-start: calc(var(--spacing) * 36) } .ms-40 { margin-inline-start: calc(var(--spacing) * 40) } .ms-48 { margin-inline-start: calc(var(--spacing) * 48) } .ms-56 { margin-inline-start: calc(var(--spacing) * 56) } .ms-64 { margin-inline-start: calc(var(--spacing) * 64) } .ms-80 { margin-inline-start: calc(var(--spacing) * 80) } .ms-96 { margin-inline-start: calc(var(--spacing) * 96) } .me-0 { margin-inline-end: 0 } .me-1 { margin-inline-end: var(--spacing) } .me-2 { margin-inline-end: calc(var(--spacing) * 2) } .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-6 { margin-inline-end: calc(var(--spacing) * 6) } .me-8 { margin-inline-end: calc(var(--spacing) * 8) } .me-10 { margin-inline-end: calc(var(--spacing) * 10) } .me-12 { margin-inline-end: calc(var(--spacing) * 12) } .me-14 { margin-inline-end: calc(var(--spacing) * 14) } .me-16 { margin-inline-end: calc(var(--spacing) * 16) } .me-20 { margin-inline-end: calc(var(--spacing) * 20) } .me-24 { margin-inline-end: calc(var(--spacing) * 24) } .me-28 { margin-inline-end: calc(var(--spacing) * 28) } .me-32 { margin-inline-end: calc(var(--spacing) * 32) } .me-36 { margin-inline-end: calc(var(--spacing) * 36) } .me-40 { margin-inline-end: calc(var(--spacing) * 40) } .me-48 { margin-inline-end: calc(var(--spacing) * 48) } .me-56 { margin-inline-end: calc(var(--spacing) * 56) } .me-64 { margin-inline-end: calc(var(--spacing) * 64) } .me-80 { margin-inline-end: calc(var(--spacing) * 80) } .me-96 { margin-inline-end: calc(var(--spacing) * 96) } .mt-0 { margin-top: 0 } .mt-1 { margin-top: var(--spacing) } .mt-2 { margin-top: calc(var(--spacing) * 2) } .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-9 { margin-top: calc(var(--spacing) * 9) } .mt-10 { margin-top: calc(var(--spacing) * 10) } .mt-12 { margin-top: calc(var(--spacing) * 12) } .mt-14 { margin-top: calc(var(--spacing) * 14) } .mt-16 { margin-top: calc(var(--spacing) * 16) } .mt-20 { margin-top: calc(var(--spacing) * 20) } .mt-24 { margin-top: calc(var(--spacing) * 24) } .mt-28 { margin-top: calc(var(--spacing) * 28) } .mt-32 { margin-top: calc(var(--spacing) * 32) } .mt-36 { margin-top: calc(var(--spacing) * 36) } .mt-40 { margin-top: calc(var(--spacing) * 40) } .mt-48 { margin-top: calc(var(--spacing) * 48) } .mt-56 { margin-top: calc(var(--spacing) * 56) } .mt-64 { margin-top: calc(var(--spacing) * 64) } .mt-80 { margin-top: calc(var(--spacing) * 80) } .mt-96 { margin-top: calc(var(--spacing) * 96) } .mr-0 { margin-right: 0 } .mr-1 { margin-right: var(--spacing) } .mr-2 { margin-right: calc(var(--spacing) * 2) } .mr-3 { margin-right: calc(var(--spacing) * 3) } .mr-4 { margin-right: calc(var(--spacing) * 4) } .mr-5 { margin-right: calc(var(--spacing) * 5) } .mr-6 { margin-right: calc(var(--spacing) * 6) } .mr-8 { margin-right: calc(var(--spacing) * 8) } .mr-10 { margin-right: calc(var(--spacing) * 10) } .mr-12 { margin-right: calc(var(--spacing) * 12) } .mr-14 { margin-right: calc(var(--spacing) * 14) } .mr-16 { margin-right: calc(var(--spacing) * 16) } .mr-20 { margin-right: calc(var(--spacing) * 20) } .mr-24 { margin-right: calc(var(--spacing) * 24) } .mr-28 { margin-right: calc(var(--spacing) * 28) } .mr-32 { margin-right: calc(var(--spacing) * 32) } .mr-36 { margin-right: calc(var(--spacing) * 36) } .mr-40 { margin-right: calc(var(--spacing) * 40) } .mr-48 { margin-right: calc(var(--spacing) * 48) } .mr-56 { margin-right: calc(var(--spacing) * 56) } .mr-64 { margin-right: calc(var(--spacing) * 64) } .mr-80 { margin-right: calc(var(--spacing) * 80) } .mr-96 { margin-right: calc(var(--spacing) * 96) } .mb-0 { margin-bottom: 0 } .mb-1 { margin-bottom: var(--spacing) } .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-7 { margin-bottom: calc(var(--spacing) * 7) } .mb-8 { margin-bottom: calc(var(--spacing) * 8) } .mb-9 { margin-bottom: calc(var(--spacing) * 9) } .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-16 { margin-bottom: calc(var(--spacing) * 16) } .mb-20 { margin-bottom: calc(var(--spacing) * 20) } .mb-24 { margin-bottom: calc(var(--spacing) * 24) } .mb-28 { margin-bottom: calc(var(--spacing) * 28) } .mb-32 { margin-bottom: calc(var(--spacing) * 32) } .mb-36 { margin-bottom: calc(var(--spacing) * 36) } .mb-40 { margin-bottom: calc(var(--spacing) * 40) } .mb-48 { margin-bottom: calc(var(--spacing) * 48) } .mb-56 { margin-bottom: calc(var(--spacing) * 56) } .mb-64 { margin-bottom: calc(var(--spacing) * 64) } .mb-80 { margin-bottom: calc(var(--spacing) * 80) } .mb-96 { margin-bottom: calc(var(--spacing) * 96) } .ml-0 { margin-left: 0 } .ml-1 { margin-left: var(--spacing) } .ml-2 { margin-left: calc(var(--spacing) * 2) } .ml-3 { margin-left: calc(var(--spacing) * 3) } .ml-4 { margin-left: calc(var(--spacing) * 4) } .ml-5 { margin-left: calc(var(--spacing) * 5) } .ml-6 { margin-left: calc(var(--spacing) * 6) } .ml-8 { margin-left: calc(var(--spacing) * 8) } .ml-10 { margin-left: calc(var(--spacing) * 10) } .ml-12 { margin-left: calc(var(--spacing) * 12) } .ml-14 { margin-left: calc(var(--spacing) * 14) } .ml-16 { margin-left: calc(var(--spacing) * 16) } .ml-20 { margin-left: calc(var(--spacing) * 20) } .ml-24 { margin-left: calc(var(--spacing) * 24) } .ml-28 { margin-left: calc(var(--spacing) * 28) } .ml-32 { margin-left: calc(var(--spacing) * 32) } .ml-36 { margin-left: calc(var(--spacing) * 36) } .ml-40 { margin-left: calc(var(--spacing) * 40) } .ml-48 { margin-left: calc(var(--spacing) * 48) } .ml-56 { margin-left: calc(var(--spacing) * 56) } .ml-64 { margin-left: calc(var(--spacing) * 64) } .ml-80 { margin-left: calc(var(--spacing) * 80) } .ml-96 { margin-left: calc(var(--spacing) * 96) } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden } .block { display: block } .contents { display: contents } .flex { display: flex } .grid { display: grid } .hidden { display: none } .inline { display: inline } .inline-block { display: inline-block } .inline-flex { display: inline-flex } .inline-grid { display: inline-grid } .list-item { display: list-item } .table { display: table } .aspect-\[3\/2\] { aspect-ratio: 3/2 } .aspect-\[420\/483\] { aspect-ratio: 420/483 } .aspect-auto { aspect-ratio: auto } .aspect-square { aspect-ratio: 1 } .aspect-video { aspect-ratio: var(--aspect-video) } .size-0 { width: 0; height: 0 } .size-1 { width: var(--spacing); height: var(--spacing) } .size-2 { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2) } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3) } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14) } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28) } .size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .size-36 { width: calc(var(--spacing) * 36); height: calc(var(--spacing) * 36) } .size-40 { width: calc(var(--spacing) * 40); height: calc(var(--spacing) * 40) } .size-48 { width: calc(var(--spacing) * 48); height: calc(var(--spacing) * 48) } .size-56 { width: calc(var(--spacing) * 56); height: calc(var(--spacing) * 56) } .size-60 { width: calc(var(--spacing) * 60); height: calc(var(--spacing) * 60) } .size-64 { width: calc(var(--spacing) * 64); height: calc(var(--spacing) * 64) } .size-72 { width: calc(var(--spacing) * 72); height: calc(var(--spacing) * 72) } .size-80 { width: calc(var(--spacing) * 80); height: calc(var(--spacing) * 80) } .size-96 { width: calc(var(--spacing) * 96); height: calc(var(--spacing) * 96) } .h-0 { height: 0 } .h-1 { height: var(--spacing) } .h-1\/2 { height: 50% } .h-1\/3 { height: 33.3333% } .h-1\/4 { height: 25% } .h-1\/5 { height: 20% } .h-2 { height: calc(var(--spacing) * 2) } .h-2\/3 { height: 66.6667% } .h-2\/5 { height: 40% } .h-3 { height: calc(var(--spacing) * 3) } .h-3\/4 { height: 75% } .h-3\/5 { height: 60% } .h-4 { height: calc(var(--spacing) * 4) } .h-4\/5 { height: 80% } .h-5 { height: calc(var(--spacing) * 5) } .h-6 { height: calc(var(--spacing) * 6) } .h-8 { height: calc(var(--spacing) * 8) } .h-10 { height: calc(var(--spacing) * 10) } .h-12 { height: calc(var(--spacing) * 12) } .h-13 { height: calc(var(--spacing) * 13) } .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-32 { height: calc(var(--spacing) * 32) } .h-36 { height: calc(var(--spacing) * 36) } .h-40 { height: calc(var(--spacing) * 40) } .h-48 { height: calc(var(--spacing) * 48) } .h-56 { height: calc(var(--spacing) * 56) } .h-64 { height: calc(var(--spacing) * 64) } .h-80 { height: calc(var(--spacing) * 80) } .h-96 { height: calc(var(--spacing) * 96) } .h-\[76px\] { height: 76px } .h-auto { height: auto } .h-fit { height: fit-content } .h-full { height: 100% } .h-screen { height: 100vh } .min-h-0 { min-height: 0 } .min-h-1 { min-height: var(--spacing) } .min-h-2 { min-height: calc(var(--spacing) * 2) } .min-h-3 { min-height: calc(var(--spacing) * 3) } .min-h-4 { min-height: calc(var(--spacing) * 4) } .min-h-5 { min-height: calc(var(--spacing) * 5) } .min-h-6 { min-height: calc(var(--spacing) * 6) } .min-h-8 { min-height: calc(var(--spacing) * 8) } .min-h-10 { min-height: calc(var(--spacing) * 10) } .min-h-12 { min-height: calc(var(--spacing) * 12) } .min-h-14 { min-height: calc(var(--spacing) * 14) } .min-h-16 { min-height: calc(var(--spacing) * 16) } .min-h-20 { min-height: calc(var(--spacing) * 20) } .min-h-24 { min-height: calc(var(--spacing) * 24) } .min-h-28 { min-height: calc(var(--spacing) * 28) } .min-h-32 { min-height: calc(var(--spacing) * 32) } .min-h-36 { min-height: calc(var(--spacing) * 36) } .min-h-40 { min-height: calc(var(--spacing) * 40) } .min-h-48 { min-height: calc(var(--spacing) * 48) } .min-h-56 { min-height: calc(var(--spacing) * 56) } .min-h-64 { min-height: calc(var(--spacing) * 64) } .min-h-80 { min-height: calc(var(--spacing) * 80) } .min-h-96 { min-height: calc(var(--spacing) * 96) } .min-h-screen { min-height: 100vh } .w-0 { width: 0 } .w-1 { width: var(--spacing) } .w-1\/2 { width: 50% } .w-1\/3 { width: 33.3333% } .w-1\/4 { width: 25% } .w-1\/5 { width: 20% } .w-2 { width: calc(var(--spacing) * 2) } .w-2\/3 { width: 66.6667% } .w-2\/5 { width: 40% } .w-3 { width: calc(var(--spacing) * 3) } .w-3\/4 { width: 75% } .w-3\/5 { width: 60% } .w-4 { width: calc(var(--spacing) * 4) } .w-4\/5 { width: 80% } .w-5 { width: calc(var(--spacing) * 5) } .w-6 { width: calc(var(--spacing) * 6) } .w-8 { width: calc(var(--spacing) * 8) } .w-10 { width: calc(var(--spacing) * 10) } .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-28 { width: calc(var(--spacing) * 28) } .w-32 { width: calc(var(--spacing) * 32) } .w-36 { width: calc(var(--spacing) * 36) } .w-40 { width: calc(var(--spacing) * 40) } .w-48 { width: calc(var(--spacing) * 48) } .w-56 { width: calc(var(--spacing) * 56) } .w-64 { width: calc(var(--spacing) * 64) } .w-80 { width: calc(var(--spacing) * 80) } .w-96 { width: calc(var(--spacing) * 96) } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem) } .w-auto { width: auto } .w-fit { width: fit-content } .w-full { width: 100% } .w-max { width: max-content } .w-min { width: min-content } .w-px { width: 1px } .w-screen { width: 100vw } .max-w-0 { max-width: 0 } .max-w-1 { max-width: var(--spacing) } .max-w-2 { max-width: calc(var(--spacing) * 2) } .max-w-2xl { max-width: var(--container-2xl) } .max-w-3 { max-width: calc(var(--spacing) * 3) } .max-w-3xl { max-width: var(--container-3xl) } .max-w-4 { max-width: calc(var(--spacing) * 4) } .max-w-4xl { max-width: var(--container-4xl) } .max-w-5 { max-width: calc(var(--spacing) * 5) } .max-w-5xl { max-width: var(--container-5xl) } .max-w-6 { max-width: calc(var(--spacing) * 6) } .max-w-6xl { max-width: var(--container-6xl) } .max-w-7xl { max-width: var(--container-7xl) } .max-w-8 { max-width: calc(var(--spacing) * 8) } .max-w-10 { max-width: calc(var(--spacing) * 10) } .max-w-12 { max-width: calc(var(--spacing) * 12) } .max-w-14 { max-width: calc(var(--spacing) * 14) } .max-w-16 { max-width: calc(var(--spacing) * 16) } .max-w-20 { max-width: calc(var(--spacing) * 20) } .max-w-24 { max-width: calc(var(--spacing) * 24) } .max-w-28 { max-width: calc(var(--spacing) * 28) } .max-w-32 { max-width: calc(var(--spacing) * 32) } .max-w-36 { max-width: calc(var(--spacing) * 36) } .max-w-40 { max-width: calc(var(--spacing) * 40) } .max-w-48 { max-width: calc(var(--spacing) * 48) } .max-w-56 { max-width: calc(var(--spacing) * 56) } .max-w-64 { max-width: calc(var(--spacing) * 64) } .max-w-80 { max-width: calc(var(--spacing) * 80) } .max-w-96 { max-width: calc(var(--spacing) * 96) } .max-w-\[100\%\] { max-width: 100% } .max-w-\[430px\] { max-width: 430px } .max-w-\[460px\] { max-width: 460px } .max-w-\[940px\] { max-width: 940px } .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-sm { max-width: var(--container-sm) } .max-w-xl { max-width: var(--container-xl) } .min-w-0 { min-width: 0 } .min-w-1 { min-width: var(--spacing) } .min-w-2 { min-width: calc(var(--spacing) * 2) } .min-w-3 { min-width: calc(var(--spacing) * 3) } .min-w-4 { min-width: calc(var(--spacing) * 4) } .min-w-5 { min-width: calc(var(--spacing) * 5) } .min-w-6 { min-width: calc(var(--spacing) * 6) } .min-w-8 { min-width: calc(var(--spacing) * 8) } .min-w-10 { min-width: calc(var(--spacing) * 10) } .min-w-12 { min-width: calc(var(--spacing) * 12) } .min-w-14 { min-width: calc(var(--spacing) * 14) } .min-w-16 { min-width: calc(var(--spacing) * 16) } .min-w-20 { min-width: calc(var(--spacing) * 20) } .min-w-24 { min-width: calc(var(--spacing) * 24) } .min-w-28 { min-width: calc(var(--spacing) * 28) } .min-w-32 { min-width: calc(var(--spacing) * 32) } .min-w-36 { min-width: calc(var(--spacing) * 36) } .min-w-40 { min-width: calc(var(--spacing) * 40) } .min-w-48 { min-width: calc(var(--spacing) * 48) } .min-w-56 { min-width: calc(var(--spacing) * 56) } .min-w-64 { min-width: calc(var(--spacing) * 64) } .min-w-80 { min-width: calc(var(--spacing) * 80) } .min-w-96 { min-width: calc(var(--spacing) * 96) } .min-w-full { min-width: 100% } .flex-1 { flex: 1 } .flex-auto { flex: auto } .flex-initial { flex: 0 auto } .flex-none { flex: none } .shrink { flex-shrink: 1 } .shrink-0 { flex-shrink: 0 } .grow { flex-grow: 1 } .grow-0 { flex-grow: 0 } .basis-auto { flex-basis: auto } .basis-full { flex-basis: 100% } .origin-bottom { transform-origin: bottom } .origin-center { transform-origin: 50% } .origin-left { transform-origin: 0 } .origin-right { transform-origin: 100% } .origin-top { transform-origin: top } .-translate-x-0 { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-1 { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-2 { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-3 { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-4 { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-5 { --tw-translate-x: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-6 { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-8 { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-10 { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-12 { --tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-14 { --tw-translate-x: calc(var(--spacing) * -14); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-16 { --tw-translate-x: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-20 { --tw-translate-x: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-24 { --tw-translate-x: calc(var(--spacing) * -24); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-28 { --tw-translate-x: calc(var(--spacing) * -28); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-32 { --tw-translate-x: calc(var(--spacing) * -32); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-36 { --tw-translate-x: calc(var(--spacing) * -36); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-40 { --tw-translate-x: calc(var(--spacing) * -40); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-48 { --tw-translate-x: calc(var(--spacing) * -48); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-56 { --tw-translate-x: calc(var(--spacing) * -56); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-64 { --tw-translate-x: calc(var(--spacing) * -64); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-80 { --tw-translate-x: calc(var(--spacing) * -80); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-x-96 { --tw-translate-x: calc(var(--spacing) * -96); 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-x-0 { --tw-translate-x: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-1 { --tw-translate-x: var(--spacing); 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-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-3 { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-4 { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-6 { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-8 { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-10 { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-12 { --tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-14 { --tw-translate-x: calc(var(--spacing) * 14); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-16 { --tw-translate-x: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-20 { --tw-translate-x: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-24 { --tw-translate-x: calc(var(--spacing) * 24); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-28 { --tw-translate-x: calc(var(--spacing) * 28); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-32 { --tw-translate-x: calc(var(--spacing) * 32); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-36 { --tw-translate-x: calc(var(--spacing) * 36); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-40 { --tw-translate-x: calc(var(--spacing) * 40); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-48 { --tw-translate-x: calc(var(--spacing) * 48); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-56 { --tw-translate-x: calc(var(--spacing) * 56); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-64 { --tw-translate-x: calc(var(--spacing) * 64); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-80 { --tw-translate-x: calc(var(--spacing) * 80); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-x-96 { --tw-translate-x: calc(var(--spacing) * 96); 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-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); 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-2 { --tw-translate-y: calc(var(--spacing) * -2); 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-5 { --tw-translate-y: calc(var(--spacing) * -5); 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-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-10 { --tw-translate-y: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-12 { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-14 { --tw-translate-y: calc(var(--spacing) * -14); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-16 { --tw-translate-y: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-20 { --tw-translate-y: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-24 { --tw-translate-y: calc(var(--spacing) * -24); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-28 { --tw-translate-y: calc(var(--spacing) * -28); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-32 { --tw-translate-y: calc(var(--spacing) * -32); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-36 { --tw-translate-y: calc(var(--spacing) * -36); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-40 { --tw-translate-y: calc(var(--spacing) * -40); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-48 { --tw-translate-y: calc(var(--spacing) * -48); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-56 { --tw-translate-y: calc(var(--spacing) * -56); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-64 { --tw-translate-y: calc(var(--spacing) * -64); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-80 { --tw-translate-y: calc(var(--spacing) * -80); translate: var(--tw-translate-x) var(--tw-translate-y) } .-translate-y-96 { --tw-translate-y: calc(var(--spacing) * -96); 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-0 { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-1 { --tw-translate-y: var(--spacing); 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-2 { --tw-translate-y: calc(var(--spacing) * 2); 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-5 { --tw-translate-y: calc(var(--spacing) * 5); 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-8 { --tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-10 { --tw-translate-y: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-12 { --tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-14 { --tw-translate-y: calc(var(--spacing) * 14); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-16 { --tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-20 { --tw-translate-y: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-24 { --tw-translate-y: calc(var(--spacing) * 24); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-28 { --tw-translate-y: calc(var(--spacing) * 28); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-32 { --tw-translate-y: calc(var(--spacing) * 32); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-36 { --tw-translate-y: calc(var(--spacing) * 36); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-40 { --tw-translate-y: calc(var(--spacing) * 40); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-48 { --tw-translate-y: calc(var(--spacing) * 48); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-56 { --tw-translate-y: calc(var(--spacing) * 56); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-64 { --tw-translate-y: calc(var(--spacing) * 64); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-80 { --tw-translate-y: calc(var(--spacing) * 80); translate: var(--tw-translate-x) var(--tw-translate-y) } .translate-y-96 { --tw-translate-y: calc(var(--spacing) * 96); 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-100 { --tw-scale-x: calc(100% * -1); --tw-scale-y: calc(100% * -1); --tw-scale-z: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-50 { --tw-scale-x: 50%; --tw-scale-y: 50%; --tw-scale-z: 50%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-90 { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-105 { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-110 { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-125 { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-150 { --tw-scale-x: 150%; --tw-scale-y: 150%; --tw-scale-z: 150%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-x-100 { --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-x-105 { --tw-scale-x: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-y-100 { --tw-scale-y: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .scale-y-105 { --tw-scale-y: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .-rotate-45 { rotate: -45deg } .-rotate-90 { rotate: -90deg } .-rotate-180 { rotate: -180deg } .rotate-0 { rotate: 0deg } .rotate-45 { rotate: 45deg } .rotate-90 { rotate: 90deg } .rotate-180 { rotate: 180deg } .rotate-\[270deg\] { rotate: 270deg } .animate-bounce { animation: var(--animate-bounce) } .animate-marquee { animation: var(--animate-marquee) } .animate-none { animation: none } .animate-ping { animation: var(--animate-ping) } .animate-pulse { animation: var(--animate-pulse) } .animate-spin { animation: var(--animate-spin) } .cursor-auto { cursor: auto } .cursor-default { cursor: default } .cursor-help { cursor: help } .cursor-move { cursor: move } .cursor-none { cursor: none } .cursor-not-allowed { cursor: not-allowed } .cursor-pointer { cursor: pointer } .cursor-text { cursor: text } .cursor-wait { cursor: wait } .resize { resize: both } .resize-none { resize: none } .resize-x { resize: horizontal } .resize-y { resize: none } .list-inside { list-style-position: inside } .list-outside { list-style-position: outside } .list-decimal { list-style-type: decimal } .list-disc { list-style-type: disc } .list-none { list-style-type: none } .appearance-none { appearance: none } .auto-cols-auto { grid-auto-columns: auto } .auto-cols-fr { grid-auto-columns: minmax(0, 1fr) } .grid-flow-col { grid-auto-flow: column } .grid-flow-dense { grid-auto-flow: dense } .grid-flow-row { grid-auto-flow: row } .auto-rows-auto { grid-auto-rows: auto } .auto-rows-fr { grid-auto-rows: minmax(0, 1fr) } .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-9 { grid-template-columns: repeat(9, minmax(0, 1fr)) } .grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)) } .grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)) } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)) } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)) } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)) } .grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)) } .grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)) } .grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)) } .grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)) } .grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)) } .grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)) } .grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)) } .grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)) } .grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)) } .flex-col { flex-direction: column } .flex-col-reverse { flex-direction: column-reverse } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-nowrap { flex-wrap: nowrap } .flex-wrap { flex-wrap: wrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .place-content-center { place-content: center } .place-items-center { place-items: center } .place-items-end { place-items: end } .place-items-start { place-items: start } .place-items-stretch { place-items: stretch stretch } .content-around { align-content: space-around } .content-between { align-content: space-between } .content-center { align-content: center } .content-end { align-content: flex-end } .content-start { align-content: flex-start } .items-baseline { align-items: baseline } .items-center { align-items: center } .items-end { align-items: flex-end } .items-start { align-items: flex-start } .items-stretch { align-items: stretch } .justify-around { justify-content: space-around } .justify-between { justify-content: space-between } .justify-center { justify-content: center } .justify-end { justify-content: flex-end } .justify-evenly { justify-content: space-evenly } .justify-normal { justify-content: normal } .justify-start { justify-content: flex-start } .gap-0 { gap: 0 } .gap-1 { gap: var(--spacing) } .gap-2 { gap: calc(var(--spacing) * 2) } .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-7 { gap: calc(var(--spacing) * 7) } .gap-8 { gap: calc(var(--spacing) * 8) } .gap-10 { gap: calc(var(--spacing) * 10) } .gap-12 { gap: calc(var(--spacing) * 12) } .gap-14 { gap: calc(var(--spacing) * 14) } .gap-16 { gap: calc(var(--spacing) * 16) } .gap-20 { gap: calc(var(--spacing) * 20) } .gap-24 { gap: calc(var(--spacing) * 24) } .gap-28 { gap: calc(var(--spacing) * 28) } .gap-32 { gap: calc(var(--spacing) * 32) } .gap-36 { gap: calc(var(--spacing) * 36) } .gap-40 { gap: calc(var(--spacing) * 40) } .gap-48 { gap: calc(var(--spacing) * 48) } .gap-56 { gap: calc(var(--spacing) * 56) } .gap-64 { gap: calc(var(--spacing) * 64) } .gap-80 { gap: calc(var(--spacing) * 80) } .gap-96 { gap: calc(var(--spacing) * 96) } :where(.space-y-0>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block: 0 } :where(.space-y-1>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse)); margin-block-end: calc(var(--spacing) * 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-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-y-10>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-12>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-14>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-16>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-20>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-24>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-28>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 28) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 28) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-32>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-36>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 36) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 36) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-40>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 40) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-48>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 48) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 48) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-56>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 56) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 56) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-64>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 64) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 64) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-80>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 80) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 80) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-y-96>:not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 96) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 96) * calc(1 - var(--tw-space-y-reverse))) } :where(.space-x-0>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline: 0 } :where(.space-x-1>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(var(--spacing) * var(--tw-space-x-reverse)); margin-inline-end: calc(var(--spacing) * 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-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(.space-x-10>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 10) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-12>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 12) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-14>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 14) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-16>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 16) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-20>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 20) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-24>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 24) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-28>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 28) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 28) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-32>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 32) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-36>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 36) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 36) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-40>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 40) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 40) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-48>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 48) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 48) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-56>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 56) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 56) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-64>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 64) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 64) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-80>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 80) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 80) * calc(1 - var(--tw-space-x-reverse))) } :where(.space-x-96>:not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 96) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 96) * 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-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-y-reverse>:not(:last-child)) { --tw-divide-y-reverse: 1 } :where(.divide-dashed>:not(:last-child)) { --tw-border-style: dashed; border-style: dashed } :where(.divide-solid>:not(:last-child)) { --tw-border-style: solid; border-style: solid } .place-self-center { place-self: center } .place-self-end { place-self: end } .place-self-start { place-self: start } .self-auto { align-self: auto } .self-center { align-self: center } .self-end { align-self: flex-end } .self-start { align-self: flex-start } .self-stretch { align-self: stretch } .justify-self-center { justify-self: center } .justify-self-end { justify-self: flex-end } .justify-self-start { justify-self: flex-start } .justify-self-stretch { justify-self: stretch } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .overflow-auto { overflow: auto } .overflow-clip { overflow: clip } .overflow-hidden { overflow: hidden } .overflow-scroll { overflow: scroll } .overflow-visible { overflow: visible } .overflow-x-auto { overflow-x: auto } .overflow-x-clip { overflow-x: clip } .overflow-x-hidden { overflow-x: hidden } .overflow-x-scroll { overflow-x: scroll } .overflow-x-visible { overflow-x: visible } .overflow-y-auto { overflow-y: auto } .overflow-y-hidden { overflow-y: hidden } .overflow-y-scroll { overflow-y: scroll } .overflow-y-visible { overflow-y: visible } .overscroll-auto { overscroll-behavior: auto } .overscroll-contain { overscroll-behavior: contain } .overscroll-none { overscroll-behavior: none } .scroll-smooth { scroll-behavior: smooth } .rounded { border-radius: .25rem } .rounded-2xl { border-radius: var(--radius-2xl) } .rounded-3xl { border-radius: var(--radius-3xl) } .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-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl) } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg) } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0 } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl) } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg) } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0 } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg) } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl) } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg) } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .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-2 { border-style: var(--tw-border-style); border-width: 2px } .border-4 { border-style: var(--tw-border-style); border-width: 4px } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px } .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-2 { border-top-style: var(--tw-border-style); border-top-width: 2px } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0 } .border-r-2 { border-right-style: var(--tw-border-style); border-right-width: 2px } .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-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0 } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px } .border-dashed { --tw-border-style: dashed; border-style: dashed } .border-dotted { --tw-border-style: dotted; border-style: dotted } .border-double { --tw-border-style: double; border-style: double } .border-hidden { --tw-border-style: hidden; border-style: hidden } .border-none { --tw-border-style: none; border-style: none } .border-solid { --tw-border-style: solid; border-style: solid } .border-accent { border-color: var(--color-accent) } .border-accent\/25 { border-color: #ff6b0040 } @supports (color:color-mix(in lab, red, red)) { .border-accent\/25 { border-color: color-mix(in oklab, var(--color-accent) 25%, transparent) } } .border-accent\/30 { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .border-accent\/30 { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .border-accent\/45 { border-color: #ff6b0073 } @supports (color:color-mix(in lab, red, red)) { .border-accent\/45 { border-color: color-mix(in oklab, var(--color-accent) 45%, transparent) } } .border-accent\/50 { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .border-accent\/50 { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .border-accent\/70 { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .border-accent\/70 { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .border-amber-100 { border-color: var(--color-amber-100) } .border-amber-200 { border-color: var(--color-amber-200) } .border-amber-300 { border-color: var(--color-amber-300) } .border-amber-300\/30 { border-color: #ffd2364d } @supports (color:color-mix(in lab, red, red)) { .border-amber-300\/30 { border-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent) } } .border-amber-300\/50 { border-color: #ffd23680 } @supports (color:color-mix(in lab, red, red)) { .border-amber-300\/50 { border-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent) } } .border-amber-300\/75 { border-color: #ffd236bf } @supports (color:color-mix(in lab, red, red)) { .border-amber-300\/75 { border-color: color-mix(in oklab, var(--color-amber-300) 75%, transparent) } } .border-amber-400 { border-color: var(--color-amber-400) } .border-amber-400\/30 { border-color: #fcbb004d } @supports (color:color-mix(in lab, red, red)) { .border-amber-400\/30 { border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent) } } .border-amber-400\/50 { border-color: #fcbb0080 } @supports (color:color-mix(in lab, red, red)) { .border-amber-400\/50 { border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent) } } .border-amber-400\/75 { border-color: #fcbb00bf } @supports (color:color-mix(in lab, red, red)) { .border-amber-400\/75 { border-color: color-mix(in oklab, var(--color-amber-400) 75%, transparent) } } .border-amber-500 { border-color: var(--color-amber-500) } .border-amber-500\/30 { border-color: #f99c004d } @supports (color:color-mix(in lab, red, red)) { .border-amber-500\/30 { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent) } } .border-amber-500\/50 { border-color: #f99c0080 } @supports (color:color-mix(in lab, red, red)) { .border-amber-500\/50 { border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent) } } .border-amber-500\/75 { border-color: #f99c00bf } @supports (color:color-mix(in lab, red, red)) { .border-amber-500\/75 { border-color: color-mix(in oklab, var(--color-amber-500) 75%, transparent) } } .border-amber-600 { border-color: var(--color-amber-600) } .border-amber-600\/30 { border-color: #dd74004d } @supports (color:color-mix(in lab, red, red)) { .border-amber-600\/30 { border-color: color-mix(in oklab, var(--color-amber-600) 30%, transparent) } } .border-amber-600\/50 { border-color: #dd740080 } @supports (color:color-mix(in lab, red, red)) { .border-amber-600\/50 { border-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent) } } .border-amber-600\/75 { border-color: #dd7400bf } @supports (color:color-mix(in lab, red, red)) { .border-amber-600\/75 { border-color: color-mix(in oklab, var(--color-amber-600) 75%, transparent) } } .border-amber-700 { border-color: var(--color-amber-700) } .border-amber-800 { border-color: var(--color-amber-800) } .border-amber-900 { border-color: var(--color-amber-900) } .border-black\/5 { border-color: #0000000d } @supports (color:color-mix(in lab, red, red)) { .border-black\/5 { border-color: color-mix(in oklab, var(--color-black) 5%, transparent) } } .border-black\/10 { border-color: #0000001a } @supports (color:color-mix(in lab, red, red)) { .border-black\/10 { border-color: color-mix(in oklab, var(--color-black) 10%, transparent) } } .border-black\/20 { border-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .border-black\/20 { border-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .border-blue-100 { border-color: var(--color-blue-100) } .border-blue-200 { border-color: var(--color-blue-200) } .border-blue-300 { border-color: var(--color-blue-300) } .border-blue-300\/30 { border-color: #90c5ff4d } @supports (color:color-mix(in lab, red, red)) { .border-blue-300\/30 { border-color: color-mix(in oklab, var(--color-blue-300) 30%, transparent) } } .border-blue-300\/50 { border-color: #90c5ff80 } @supports (color:color-mix(in lab, red, red)) { .border-blue-300\/50 { border-color: color-mix(in oklab, var(--color-blue-300) 50%, transparent) } } .border-blue-300\/75 { border-color: #90c5ffbf } @supports (color:color-mix(in lab, red, red)) { .border-blue-300\/75 { border-color: color-mix(in oklab, var(--color-blue-300) 75%, transparent) } } .border-blue-400 { border-color: var(--color-blue-400) } .border-blue-400\/30 { border-color: #54a2ff4d } @supports (color:color-mix(in lab, red, red)) { .border-blue-400\/30 { border-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent) } } .border-blue-400\/50 { border-color: #54a2ff80 } @supports (color:color-mix(in lab, red, red)) { .border-blue-400\/50 { border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent) } } .border-blue-400\/75 { border-color: #54a2ffbf } @supports (color:color-mix(in lab, red, red)) { .border-blue-400\/75 { border-color: color-mix(in oklab, var(--color-blue-400) 75%, transparent) } } .border-blue-500 { border-color: var(--color-blue-500) } .border-blue-500\/30 { border-color: #3080ff4d } @supports (color:color-mix(in lab, red, red)) { .border-blue-500\/30 { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent) } } .border-blue-500\/50 { border-color: #3080ff80 } @supports (color:color-mix(in lab, red, red)) { .border-blue-500\/50 { border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent) } } .border-blue-500\/75 { border-color: #3080ffbf } @supports (color:color-mix(in lab, red, red)) { .border-blue-500\/75 { border-color: color-mix(in oklab, var(--color-blue-500) 75%, transparent) } } .border-blue-600 { border-color: var(--color-blue-600) } .border-blue-600\/30 { border-color: #155dfc4d } @supports (color:color-mix(in lab, red, red)) { .border-blue-600\/30 { border-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent) } } .border-blue-600\/50 { border-color: #155dfc80 } @supports (color:color-mix(in lab, red, red)) { .border-blue-600\/50 { border-color: color-mix(in oklab, var(--color-blue-600) 50%, transparent) } } .border-blue-600\/75 { border-color: #155dfcbf } @supports (color:color-mix(in lab, red, red)) { .border-blue-600\/75 { border-color: color-mix(in oklab, var(--color-blue-600) 75%, transparent) } } .border-blue-700 { border-color: var(--color-blue-700) } .border-blue-800 { border-color: var(--color-blue-800) } .border-blue-900 { border-color: var(--color-blue-900) } .border-cyan-100 { border-color: var(--color-cyan-100) } .border-cyan-200 { border-color: var(--color-cyan-200) } .border-cyan-300 { border-color: var(--color-cyan-300) } .border-cyan-300\/30 { border-color: #53eafd4d } @supports (color:color-mix(in lab, red, red)) { .border-cyan-300\/30 { border-color: color-mix(in oklab, var(--color-cyan-300) 30%, transparent) } } .border-cyan-300\/50 { border-color: #53eafd80 } @supports (color:color-mix(in lab, red, red)) { .border-cyan-300\/50 { border-color: color-mix(in oklab, var(--color-cyan-300) 50%, transparent) } } .border-cyan-300\/75 { border-color: #53eafdbf } @supports (color:color-mix(in lab, red, red)) { .border-cyan-300\/75 { border-color: color-mix(in oklab, var(--color-cyan-300) 75%, transparent) } } .border-cyan-400 { border-color: var(--color-cyan-400) } .border-cyan-400\/30 { border-color: #00d2ef4d } @supports (color:color-mix(in lab, red, red)) { .border-cyan-400\/30 { border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent) } } .border-cyan-400\/50 { border-color: #00d2ef80 } @supports (color:color-mix(in lab, red, red)) { .border-cyan-400\/50 { border-color: color-mix(in oklab, var(--color-cyan-400) 50%, transparent) } } .border-cyan-400\/75 { border-color: #00d2efbf } @supports (color:color-mix(in lab, red, red)) { .border-cyan-400\/75 { border-color: color-mix(in oklab, var(--color-cyan-400) 75%, transparent) } } .border-cyan-500 { border-color: var(--color-cyan-500) } .border-cyan-500\/30 { border-color: #00b7d74d } @supports (color:color-mix(in lab, red, red)) { .border-cyan-500\/30 { border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent) } } .border-cyan-500\/50 { border-color: #00b7d780 } @supports (color:color-mix(in lab, red, red)) { .border-cyan-500\/50 { border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent) } } .border-cyan-500\/75 { border-color: #00b7d7bf } @supports (color:color-mix(in lab, red, red)) { .border-cyan-500\/75 { border-color: color-mix(in oklab, var(--color-cyan-500) 75%, transparent) } } .border-cyan-600 { border-color: var(--color-cyan-600) } .border-cyan-600\/30 { border-color: #0092b54d } @supports (color:color-mix(in lab, red, red)) { .border-cyan-600\/30 { border-color: color-mix(in oklab, var(--color-cyan-600) 30%, transparent) } } .border-cyan-600\/50 { border-color: #0092b580 } @supports (color:color-mix(in lab, red, red)) { .border-cyan-600\/50 { border-color: color-mix(in oklab, var(--color-cyan-600) 50%, transparent) } } .border-cyan-600\/75 { border-color: #0092b5bf } @supports (color:color-mix(in lab, red, red)) { .border-cyan-600\/75 { border-color: color-mix(in oklab, var(--color-cyan-600) 75%, transparent) } } .border-cyan-700 { border-color: var(--color-cyan-700) } .border-cyan-800 { border-color: var(--color-cyan-800) } .border-cyan-900 { border-color: var(--color-cyan-900) } .border-emerald-100 { border-color: var(--color-emerald-100) } .border-emerald-200 { border-color: var(--color-emerald-200) } .border-emerald-300 { border-color: var(--color-emerald-300) } .border-emerald-300\/30 { border-color: #5ee9b54d } @supports (color:color-mix(in lab, red, red)) { .border-emerald-300\/30 { border-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent) } } .border-emerald-300\/50 { border-color: #5ee9b580 } @supports (color:color-mix(in lab, red, red)) { .border-emerald-300\/50 { border-color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent) } } .border-emerald-300\/75 { border-color: #5ee9b5bf } @supports (color:color-mix(in lab, red, red)) { .border-emerald-300\/75 { border-color: color-mix(in oklab, var(--color-emerald-300) 75%, transparent) } } .border-emerald-400 { border-color: var(--color-emerald-400) } .border-emerald-400\/30 { border-color: #00d2944d } @supports (color:color-mix(in lab, red, red)) { .border-emerald-400\/30 { border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent) } } .border-emerald-400\/50 { border-color: #00d29480 } @supports (color:color-mix(in lab, red, red)) { .border-emerald-400\/50 { border-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent) } } .border-emerald-400\/75 { border-color: #00d294bf } @supports (color:color-mix(in lab, red, red)) { .border-emerald-400\/75 { border-color: color-mix(in oklab, var(--color-emerald-400) 75%, transparent) } } .border-emerald-500 { border-color: var(--color-emerald-500) } .border-emerald-500\/30 { border-color: #00bb7f4d } @supports (color:color-mix(in lab, red, red)) { .border-emerald-500\/30 { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent) } } .border-emerald-500\/50 { border-color: #00bb7f80 } @supports (color:color-mix(in lab, red, red)) { .border-emerald-500\/50 { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent) } } .border-emerald-500\/75 { border-color: #00bb7fbf } @supports (color:color-mix(in lab, red, red)) { .border-emerald-500\/75 { border-color: color-mix(in oklab, var(--color-emerald-500) 75%, transparent) } } .border-emerald-600 { border-color: var(--color-emerald-600) } .border-emerald-600\/30 { border-color: #0097674d } @supports (color:color-mix(in lab, red, red)) { .border-emerald-600\/30 { border-color: color-mix(in oklab, var(--color-emerald-600) 30%, transparent) } } .border-emerald-600\/50 { border-color: #00976780 } @supports (color:color-mix(in lab, red, red)) { .border-emerald-600\/50 { border-color: color-mix(in oklab, var(--color-emerald-600) 50%, transparent) } } .border-emerald-600\/75 { border-color: #009767bf } @supports (color:color-mix(in lab, red, red)) { .border-emerald-600\/75 { border-color: color-mix(in oklab, var(--color-emerald-600) 75%, transparent) } } .border-emerald-700 { border-color: var(--color-emerald-700) } .border-emerald-800 { border-color: var(--color-emerald-800) } .border-emerald-900 { border-color: var(--color-emerald-900) } .border-fuchsia-100 { border-color: var(--color-fuchsia-100) } .border-fuchsia-200 { border-color: var(--color-fuchsia-200) } .border-fuchsia-300 { border-color: var(--color-fuchsia-300) } .border-fuchsia-300\/30 { border-color: #f2a9ff4d } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-300\/30 { border-color: color-mix(in oklab, var(--color-fuchsia-300) 30%, transparent) } } .border-fuchsia-300\/50 { border-color: #f2a9ff80 } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-300\/50 { border-color: color-mix(in oklab, var(--color-fuchsia-300) 50%, transparent) } } .border-fuchsia-300\/75 { border-color: #f2a9ffbf } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-300\/75 { border-color: color-mix(in oklab, var(--color-fuchsia-300) 75%, transparent) } } .border-fuchsia-400 { border-color: var(--color-fuchsia-400) } .border-fuchsia-400\/30 { border-color: #ec6cff4d } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-400\/30 { border-color: color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent) } } .border-fuchsia-400\/50 { border-color: #ec6cff80 } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-400\/50 { border-color: color-mix(in oklab, var(--color-fuchsia-400) 50%, transparent) } } .border-fuchsia-400\/75 { border-color: #ec6cffbf } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-400\/75 { border-color: color-mix(in oklab, var(--color-fuchsia-400) 75%, transparent) } } .border-fuchsia-500 { border-color: var(--color-fuchsia-500) } .border-fuchsia-500\/30 { border-color: #e12afb4d } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-500\/30 { border-color: color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent) } } .border-fuchsia-500\/50 { border-color: #e12afb80 } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-500\/50 { border-color: color-mix(in oklab, var(--color-fuchsia-500) 50%, transparent) } } .border-fuchsia-500\/75 { border-color: #e12afbbf } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-500\/75 { border-color: color-mix(in oklab, var(--color-fuchsia-500) 75%, transparent) } } .border-fuchsia-600 { border-color: var(--color-fuchsia-600) } .border-fuchsia-600\/30 { border-color: #c600db4d } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-600\/30 { border-color: color-mix(in oklab, var(--color-fuchsia-600) 30%, transparent) } } .border-fuchsia-600\/50 { border-color: #c600db80 } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-600\/50 { border-color: color-mix(in oklab, var(--color-fuchsia-600) 50%, transparent) } } .border-fuchsia-600\/75 { border-color: #c600dbbf } @supports (color:color-mix(in lab, red, red)) { .border-fuchsia-600\/75 { border-color: color-mix(in oklab, var(--color-fuchsia-600) 75%, transparent) } } .border-fuchsia-700 { border-color: var(--color-fuchsia-700) } .border-fuchsia-800 { border-color: var(--color-fuchsia-800) } .border-fuchsia-900 { border-color: var(--color-fuchsia-900) } .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-300\/30 { border-color: #d1d5dc4d } @supports (color:color-mix(in lab, red, red)) { .border-gray-300\/30 { border-color: color-mix(in oklab, var(--color-gray-300) 30%, transparent) } } .border-gray-300\/50 { border-color: #d1d5dc80 } @supports (color:color-mix(in lab, red, red)) { .border-gray-300\/50 { border-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent) } } .border-gray-300\/75 { border-color: #d1d5dcbf } @supports (color:color-mix(in lab, red, red)) { .border-gray-300\/75 { border-color: color-mix(in oklab, var(--color-gray-300) 75%, transparent) } } .border-gray-400 { border-color: var(--color-gray-400) } .border-gray-400\/30 { border-color: #99a1af4d } @supports (color:color-mix(in lab, red, red)) { .border-gray-400\/30 { border-color: color-mix(in oklab, var(--color-gray-400) 30%, transparent) } } .border-gray-400\/50 { border-color: #99a1af80 } @supports (color:color-mix(in lab, red, red)) { .border-gray-400\/50 { border-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent) } } .border-gray-400\/75 { border-color: #99a1afbf } @supports (color:color-mix(in lab, red, red)) { .border-gray-400\/75 { border-color: color-mix(in oklab, var(--color-gray-400) 75%, transparent) } } .border-gray-500 { border-color: var(--color-gray-500) } .border-gray-500\/30 { border-color: #6a72824d } @supports (color:color-mix(in lab, red, red)) { .border-gray-500\/30 { border-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent) } } .border-gray-500\/50 { border-color: #6a728280 } @supports (color:color-mix(in lab, red, red)) { .border-gray-500\/50 { border-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent) } } .border-gray-500\/75 { border-color: #6a7282bf } @supports (color:color-mix(in lab, red, red)) { .border-gray-500\/75 { border-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent) } } .border-gray-600 { border-color: var(--color-gray-600) } .border-gray-600\/30 { border-color: #4a55654d } @supports (color:color-mix(in lab, red, red)) { .border-gray-600\/30 { border-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent) } } .border-gray-600\/50 { border-color: #4a556580 } @supports (color:color-mix(in lab, red, red)) { .border-gray-600\/50 { border-color: color-mix(in oklab, var(--color-gray-600) 50%, transparent) } } .border-gray-600\/75 { border-color: #4a5565bf } @supports (color:color-mix(in lab, red, red)) { .border-gray-600\/75 { border-color: color-mix(in oklab, var(--color-gray-600) 75%, transparent) } } .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-100 { border-color: var(--color-green-100) } .border-green-200 { border-color: var(--color-green-200) } .border-green-300 { border-color: var(--color-green-300) } .border-green-300\/30 { border-color: #7bf1a84d } @supports (color:color-mix(in lab, red, red)) { .border-green-300\/30 { border-color: color-mix(in oklab, var(--color-green-300) 30%, transparent) } } .border-green-300\/50 { border-color: #7bf1a880 } @supports (color:color-mix(in lab, red, red)) { .border-green-300\/50 { border-color: color-mix(in oklab, var(--color-green-300) 50%, transparent) } } .border-green-300\/75 { border-color: #7bf1a8bf } @supports (color:color-mix(in lab, red, red)) { .border-green-300\/75 { border-color: color-mix(in oklab, var(--color-green-300) 75%, transparent) } } .border-green-400 { border-color: var(--color-green-400) } .border-green-400\/30 { border-color: #05df724d } @supports (color:color-mix(in lab, red, red)) { .border-green-400\/30 { border-color: color-mix(in oklab, var(--color-green-400) 30%, transparent) } } .border-green-400\/50 { border-color: #05df7280 } @supports (color:color-mix(in lab, red, red)) { .border-green-400\/50 { border-color: color-mix(in oklab, var(--color-green-400) 50%, transparent) } } .border-green-400\/75 { border-color: #05df72bf } @supports (color:color-mix(in lab, red, red)) { .border-green-400\/75 { border-color: color-mix(in oklab, var(--color-green-400) 75%, transparent) } } .border-green-500 { border-color: var(--color-green-500) } .border-green-500\/30 { border-color: #00c7584d } @supports (color:color-mix(in lab, red, red)) { .border-green-500\/30 { border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent) } } .border-green-500\/50 { border-color: #00c75880 } @supports (color:color-mix(in lab, red, red)) { .border-green-500\/50 { border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent) } } .border-green-500\/75 { border-color: #00c758bf } @supports (color:color-mix(in lab, red, red)) { .border-green-500\/75 { border-color: color-mix(in oklab, var(--color-green-500) 75%, transparent) } } .border-green-600 { border-color: var(--color-green-600) } .border-green-600\/30 { border-color: #00a5444d } @supports (color:color-mix(in lab, red, red)) { .border-green-600\/30 { border-color: color-mix(in oklab, var(--color-green-600) 30%, transparent) } } .border-green-600\/50 { border-color: #00a54480 } @supports (color:color-mix(in lab, red, red)) { .border-green-600\/50 { border-color: color-mix(in oklab, var(--color-green-600) 50%, transparent) } } .border-green-600\/75 { border-color: #00a544bf } @supports (color:color-mix(in lab, red, red)) { .border-green-600\/75 { border-color: color-mix(in oklab, var(--color-green-600) 75%, transparent) } } .border-green-700 { border-color: var(--color-green-700) } .border-green-800 { border-color: var(--color-green-800) } .border-green-900 { border-color: var(--color-green-900) } .border-indigo-100 { border-color: var(--color-indigo-100) } .border-indigo-200 { border-color: var(--color-indigo-200) } .border-indigo-300 { border-color: var(--color-indigo-300) } .border-indigo-300\/30 { border-color: #a4b3ff4d } @supports (color:color-mix(in lab, red, red)) { .border-indigo-300\/30 { border-color: color-mix(in oklab, var(--color-indigo-300) 30%, transparent) } } .border-indigo-300\/50 { border-color: #a4b3ff80 } @supports (color:color-mix(in lab, red, red)) { .border-indigo-300\/50 { border-color: color-mix(in oklab, var(--color-indigo-300) 50%, transparent) } } .border-indigo-300\/75 { border-color: #a4b3ffbf } @supports (color:color-mix(in lab, red, red)) { .border-indigo-300\/75 { border-color: color-mix(in oklab, var(--color-indigo-300) 75%, transparent) } } .border-indigo-400 { border-color: var(--color-indigo-400) } .border-indigo-400\/30 { border-color: #7d87ff4d } @supports (color:color-mix(in lab, red, red)) { .border-indigo-400\/30 { border-color: color-mix(in oklab, var(--color-indigo-400) 30%, transparent) } } .border-indigo-400\/50 { border-color: #7d87ff80 } @supports (color:color-mix(in lab, red, red)) { .border-indigo-400\/50 { border-color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent) } } .border-indigo-400\/75 { border-color: #7d87ffbf } @supports (color:color-mix(in lab, red, red)) { .border-indigo-400\/75 { border-color: color-mix(in oklab, var(--color-indigo-400) 75%, transparent) } } .border-indigo-500 { border-color: var(--color-indigo-500) } .border-indigo-500\/30 { border-color: #625fff4d } @supports (color:color-mix(in lab, red, red)) { .border-indigo-500\/30 { border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent) } } .border-indigo-500\/50 { border-color: #625fff80 } @supports (color:color-mix(in lab, red, red)) { .border-indigo-500\/50 { border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent) } } .border-indigo-500\/75 { border-color: #625fffbf } @supports (color:color-mix(in lab, red, red)) { .border-indigo-500\/75 { border-color: color-mix(in oklab, var(--color-indigo-500) 75%, transparent) } } .border-indigo-600 { border-color: var(--color-indigo-600) } .border-indigo-600\/30 { border-color: #4f39f64d } @supports (color:color-mix(in lab, red, red)) { .border-indigo-600\/30 { border-color: color-mix(in oklab, var(--color-indigo-600) 30%, transparent) } } .border-indigo-600\/50 { border-color: #4f39f680 } @supports (color:color-mix(in lab, red, red)) { .border-indigo-600\/50 { border-color: color-mix(in oklab, var(--color-indigo-600) 50%, transparent) } } .border-indigo-600\/75 { border-color: #4f39f6bf } @supports (color:color-mix(in lab, red, red)) { .border-indigo-600\/75 { border-color: color-mix(in oklab, var(--color-indigo-600) 75%, transparent) } } .border-indigo-700 { border-color: var(--color-indigo-700) } .border-indigo-800 { border-color: var(--color-indigo-800) } .border-indigo-900 { border-color: var(--color-indigo-900) } .border-line { border-color: var(--color-line) } .border-orange-100 { border-color: var(--color-orange-100) } .border-orange-200 { border-color: var(--color-orange-200) } .border-orange-300 { border-color: var(--color-orange-300) } .border-orange-300\/30 { border-color: #ffb96d4d } @supports (color:color-mix(in lab, red, red)) { .border-orange-300\/30 { border-color: color-mix(in oklab, var(--color-orange-300) 30%, transparent) } } .border-orange-300\/50 { border-color: #ffb96d80 } @supports (color:color-mix(in lab, red, red)) { .border-orange-300\/50 { border-color: color-mix(in oklab, var(--color-orange-300) 50%, transparent) } } .border-orange-300\/75 { border-color: #ffb96dbf } @supports (color:color-mix(in lab, red, red)) { .border-orange-300\/75 { border-color: color-mix(in oklab, var(--color-orange-300) 75%, transparent) } } .border-orange-400 { border-color: var(--color-orange-400) } .border-orange-400\/30 { border-color: #ff8b1a4d } @supports (color:color-mix(in lab, red, red)) { .border-orange-400\/30 { border-color: color-mix(in oklab, var(--color-orange-400) 30%, transparent) } } .border-orange-400\/50 { border-color: #ff8b1a80 } @supports (color:color-mix(in lab, red, red)) { .border-orange-400\/50 { border-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent) } } .border-orange-400\/75 { border-color: #ff8b1abf } @supports (color:color-mix(in lab, red, red)) { .border-orange-400\/75 { border-color: color-mix(in oklab, var(--color-orange-400) 75%, transparent) } } .border-orange-500 { border-color: var(--color-orange-500) } .border-orange-500\/30 { border-color: #fe6e004d } @supports (color:color-mix(in lab, red, red)) { .border-orange-500\/30 { border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent) } } .border-orange-500\/50 { border-color: #fe6e0080 } @supports (color:color-mix(in lab, red, red)) { .border-orange-500\/50 { border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent) } } .border-orange-500\/75 { border-color: #fe6e00bf } @supports (color:color-mix(in lab, red, red)) { .border-orange-500\/75 { border-color: color-mix(in oklab, var(--color-orange-500) 75%, transparent) } } .border-orange-600 { border-color: var(--color-orange-600) } .border-orange-600\/30 { border-color: #f051004d } @supports (color:color-mix(in lab, red, red)) { .border-orange-600\/30 { border-color: color-mix(in oklab, var(--color-orange-600) 30%, transparent) } } .border-orange-600\/50 { border-color: #f0510080 } @supports (color:color-mix(in lab, red, red)) { .border-orange-600\/50 { border-color: color-mix(in oklab, var(--color-orange-600) 50%, transparent) } } .border-orange-600\/75 { border-color: #f05100bf } @supports (color:color-mix(in lab, red, red)) { .border-orange-600\/75 { border-color: color-mix(in oklab, var(--color-orange-600) 75%, transparent) } } .border-orange-700 { border-color: var(--color-orange-700) } .border-orange-800 { border-color: var(--color-orange-800) } .border-orange-900 { border-color: var(--color-orange-900) } .border-pink-100 { border-color: var(--color-pink-100) } .border-pink-200 { border-color: var(--color-pink-200) } .border-pink-300 { border-color: var(--color-pink-300) } .border-pink-300\/30 { border-color: #fda5d54d } @supports (color:color-mix(in lab, red, red)) { .border-pink-300\/30 { border-color: color-mix(in oklab, var(--color-pink-300) 30%, transparent) } } .border-pink-300\/50 { border-color: #fda5d580 } @supports (color:color-mix(in lab, red, red)) { .border-pink-300\/50 { border-color: color-mix(in oklab, var(--color-pink-300) 50%, transparent) } } .border-pink-300\/75 { border-color: #fda5d5bf } @supports (color:color-mix(in lab, red, red)) { .border-pink-300\/75 { border-color: color-mix(in oklab, var(--color-pink-300) 75%, transparent) } } .border-pink-400 { border-color: var(--color-pink-400) } .border-pink-400\/30 { border-color: #fb64b64d } @supports (color:color-mix(in lab, red, red)) { .border-pink-400\/30 { border-color: color-mix(in oklab, var(--color-pink-400) 30%, transparent) } } .border-pink-400\/50 { border-color: #fb64b680 } @supports (color:color-mix(in lab, red, red)) { .border-pink-400\/50 { border-color: color-mix(in oklab, var(--color-pink-400) 50%, transparent) } } .border-pink-400\/75 { border-color: #fb64b6bf } @supports (color:color-mix(in lab, red, red)) { .border-pink-400\/75 { border-color: color-mix(in oklab, var(--color-pink-400) 75%, transparent) } } .border-pink-500 { border-color: var(--color-pink-500) } .border-pink-500\/30 { border-color: #f6339a4d } @supports (color:color-mix(in lab, red, red)) { .border-pink-500\/30 { border-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent) } } .border-pink-500\/50 { border-color: #f6339a80 } @supports (color:color-mix(in lab, red, red)) { .border-pink-500\/50 { border-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent) } } .border-pink-500\/75 { border-color: #f6339abf } @supports (color:color-mix(in lab, red, red)) { .border-pink-500\/75 { border-color: color-mix(in oklab, var(--color-pink-500) 75%, transparent) } } .border-pink-600 { border-color: var(--color-pink-600) } .border-pink-600\/30 { border-color: #e300764d } @supports (color:color-mix(in lab, red, red)) { .border-pink-600\/30 { border-color: color-mix(in oklab, var(--color-pink-600) 30%, transparent) } } .border-pink-600\/50 { border-color: #e3007680 } @supports (color:color-mix(in lab, red, red)) { .border-pink-600\/50 { border-color: color-mix(in oklab, var(--color-pink-600) 50%, transparent) } } .border-pink-600\/75 { border-color: #e30076bf } @supports (color:color-mix(in lab, red, red)) { .border-pink-600\/75 { border-color: color-mix(in oklab, var(--color-pink-600) 75%, transparent) } } .border-pink-700 { border-color: var(--color-pink-700) } .border-pink-800 { border-color: var(--color-pink-800) } .border-pink-900 { border-color: var(--color-pink-900) } .border-purple-100 { border-color: var(--color-purple-100) } .border-purple-200 { border-color: var(--color-purple-200) } .border-purple-300 { border-color: var(--color-purple-300) } .border-purple-300\/30 { border-color: #d9b3ff4d } @supports (color:color-mix(in lab, red, red)) { .border-purple-300\/30 { border-color: color-mix(in oklab, var(--color-purple-300) 30%, transparent) } } .border-purple-300\/50 { border-color: #d9b3ff80 } @supports (color:color-mix(in lab, red, red)) { .border-purple-300\/50 { border-color: color-mix(in oklab, var(--color-purple-300) 50%, transparent) } } .border-purple-300\/75 { border-color: #d9b3ffbf } @supports (color:color-mix(in lab, red, red)) { .border-purple-300\/75 { border-color: color-mix(in oklab, var(--color-purple-300) 75%, transparent) } } .border-purple-400 { border-color: var(--color-purple-400) } .border-purple-400\/30 { border-color: #c07eff4d } @supports (color:color-mix(in lab, red, red)) { .border-purple-400\/30 { border-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent) } } .border-purple-400\/50 { border-color: #c07eff80 } @supports (color:color-mix(in lab, red, red)) { .border-purple-400\/50 { border-color: color-mix(in oklab, var(--color-purple-400) 50%, transparent) } } .border-purple-400\/75 { border-color: #c07effbf } @supports (color:color-mix(in lab, red, red)) { .border-purple-400\/75 { border-color: color-mix(in oklab, var(--color-purple-400) 75%, transparent) } } .border-purple-500 { border-color: var(--color-purple-500) } .border-purple-500\/30 { border-color: #ac4bff4d } @supports (color:color-mix(in lab, red, red)) { .border-purple-500\/30 { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent) } } .border-purple-500\/50 { border-color: #ac4bff80 } @supports (color:color-mix(in lab, red, red)) { .border-purple-500\/50 { border-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent) } } .border-purple-500\/75 { border-color: #ac4bffbf } @supports (color:color-mix(in lab, red, red)) { .border-purple-500\/75 { border-color: color-mix(in oklab, var(--color-purple-500) 75%, transparent) } } .border-purple-600 { border-color: var(--color-purple-600) } .border-purple-600\/30 { border-color: #9810fa4d } @supports (color:color-mix(in lab, red, red)) { .border-purple-600\/30 { border-color: color-mix(in oklab, var(--color-purple-600) 30%, transparent) } } .border-purple-600\/50 { border-color: #9810fa80 } @supports (color:color-mix(in lab, red, red)) { .border-purple-600\/50 { border-color: color-mix(in oklab, var(--color-purple-600) 50%, transparent) } } .border-purple-600\/75 { border-color: #9810fabf } @supports (color:color-mix(in lab, red, red)) { .border-purple-600\/75 { border-color: color-mix(in oklab, var(--color-purple-600) 75%, transparent) } } .border-purple-700 { border-color: var(--color-purple-700) } .border-purple-800 { border-color: var(--color-purple-800) } .border-purple-900 { border-color: var(--color-purple-900) } .border-red-100 { border-color: var(--color-red-100) } .border-red-200 { border-color: var(--color-red-200) } .border-red-300 { border-color: var(--color-red-300) } .border-red-300\/30 { border-color: #ffa3a34d } @supports (color:color-mix(in lab, red, red)) { .border-red-300\/30 { border-color: color-mix(in oklab, var(--color-red-300) 30%, transparent) } } .border-red-300\/50 { border-color: #ffa3a380 } @supports (color:color-mix(in lab, red, red)) { .border-red-300\/50 { border-color: color-mix(in oklab, var(--color-red-300) 50%, transparent) } } .border-red-300\/75 { border-color: #ffa3a3bf } @supports (color:color-mix(in lab, red, red)) { .border-red-300\/75 { border-color: color-mix(in oklab, var(--color-red-300) 75%, transparent) } } .border-red-400 { border-color: var(--color-red-400) } .border-red-400\/30 { border-color: #ff65684d } @supports (color:color-mix(in lab, red, red)) { .border-red-400\/30 { border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent) } } .border-red-400\/50 { border-color: #ff656880 } @supports (color:color-mix(in lab, red, red)) { .border-red-400\/50 { border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent) } } .border-red-400\/75 { border-color: #ff6568bf } @supports (color:color-mix(in lab, red, red)) { .border-red-400\/75 { border-color: color-mix(in oklab, var(--color-red-400) 75%, transparent) } } .border-red-500 { border-color: var(--color-red-500) } .border-red-500\/30 { border-color: #fb2c364d } @supports (color:color-mix(in lab, red, red)) { .border-red-500\/30 { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent) } } .border-red-500\/50 { border-color: #fb2c3680 } @supports (color:color-mix(in lab, red, red)) { .border-red-500\/50 { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent) } } .border-red-500\/75 { border-color: #fb2c36bf } @supports (color:color-mix(in lab, red, red)) { .border-red-500\/75 { border-color: color-mix(in oklab, var(--color-red-500) 75%, transparent) } } .border-red-600 { border-color: var(--color-red-600) } .border-red-600\/30 { border-color: #e400144d } @supports (color:color-mix(in lab, red, red)) { .border-red-600\/30 { border-color: color-mix(in oklab, var(--color-red-600) 30%, transparent) } } .border-red-600\/50 { border-color: #e4001480 } @supports (color:color-mix(in lab, red, red)) { .border-red-600\/50 { border-color: color-mix(in oklab, var(--color-red-600) 50%, transparent) } } .border-red-600\/75 { border-color: #e40014bf } @supports (color:color-mix(in lab, red, red)) { .border-red-600\/75 { border-color: color-mix(in oklab, var(--color-red-600) 75%, transparent) } } .border-red-700 { border-color: var(--color-red-700) } .border-red-800 { border-color: var(--color-red-800) } .border-red-900 { border-color: var(--color-red-900) } .border-rose-100 { border-color: var(--color-rose-100) } .border-rose-200 { border-color: var(--color-rose-200) } .border-rose-300 { border-color: var(--color-rose-300) } .border-rose-300\/30 { border-color: #ffa2ae4d } @supports (color:color-mix(in lab, red, red)) { .border-rose-300\/30 { border-color: color-mix(in oklab, var(--color-rose-300) 30%, transparent) } } .border-rose-300\/50 { border-color: #ffa2ae80 } @supports (color:color-mix(in lab, red, red)) { .border-rose-300\/50 { border-color: color-mix(in oklab, var(--color-rose-300) 50%, transparent) } } .border-rose-300\/75 { border-color: #ffa2aebf } @supports (color:color-mix(in lab, red, red)) { .border-rose-300\/75 { border-color: color-mix(in oklab, var(--color-rose-300) 75%, transparent) } } .border-rose-400 { border-color: var(--color-rose-400) } .border-rose-400\/30 { border-color: #ff667f4d } @supports (color:color-mix(in lab, red, red)) { .border-rose-400\/30 { border-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent) } } .border-rose-400\/50 { border-color: #ff667f80 } @supports (color:color-mix(in lab, red, red)) { .border-rose-400\/50 { border-color: color-mix(in oklab, var(--color-rose-400) 50%, transparent) } } .border-rose-400\/75 { border-color: #ff667fbf } @supports (color:color-mix(in lab, red, red)) { .border-rose-400\/75 { border-color: color-mix(in oklab, var(--color-rose-400) 75%, transparent) } } .border-rose-500 { border-color: var(--color-rose-500) } .border-rose-500\/30 { border-color: #ff23574d } @supports (color:color-mix(in lab, red, red)) { .border-rose-500\/30 { border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent) } } .border-rose-500\/50 { border-color: #ff235780 } @supports (color:color-mix(in lab, red, red)) { .border-rose-500\/50 { border-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent) } } .border-rose-500\/75 { border-color: #ff2357bf } @supports (color:color-mix(in lab, red, red)) { .border-rose-500\/75 { border-color: color-mix(in oklab, var(--color-rose-500) 75%, transparent) } } .border-rose-600 { border-color: var(--color-rose-600) } .border-rose-600\/30 { border-color: #e700444d } @supports (color:color-mix(in lab, red, red)) { .border-rose-600\/30 { border-color: color-mix(in oklab, var(--color-rose-600) 30%, transparent) } } .border-rose-600\/50 { border-color: #e7004480 } @supports (color:color-mix(in lab, red, red)) { .border-rose-600\/50 { border-color: color-mix(in oklab, var(--color-rose-600) 50%, transparent) } } .border-rose-600\/75 { border-color: #e70044bf } @supports (color:color-mix(in lab, red, red)) { .border-rose-600\/75 { border-color: color-mix(in oklab, var(--color-rose-600) 75%, transparent) } } .border-rose-700 { border-color: var(--color-rose-700) } .border-rose-800 { border-color: var(--color-rose-800) } .border-rose-900 { border-color: var(--color-rose-900) } .border-sky-100 { border-color: var(--color-sky-100) } .border-sky-200 { border-color: var(--color-sky-200) } .border-sky-300 { border-color: var(--color-sky-300) } .border-sky-300\/30 { border-color: #77d4ff4d } @supports (color:color-mix(in lab, red, red)) { .border-sky-300\/30 { border-color: color-mix(in oklab, var(--color-sky-300) 30%, transparent) } } .border-sky-300\/50 { border-color: #77d4ff80 } @supports (color:color-mix(in lab, red, red)) { .border-sky-300\/50 { border-color: color-mix(in oklab, var(--color-sky-300) 50%, transparent) } } .border-sky-300\/75 { border-color: #77d4ffbf } @supports (color:color-mix(in lab, red, red)) { .border-sky-300\/75 { border-color: color-mix(in oklab, var(--color-sky-300) 75%, transparent) } } .border-sky-400 { border-color: var(--color-sky-400) } .border-sky-400\/30 { border-color: #00bcfe4d } @supports (color:color-mix(in lab, red, red)) { .border-sky-400\/30 { border-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent) } } .border-sky-400\/50 { border-color: #00bcfe80 } @supports (color:color-mix(in lab, red, red)) { .border-sky-400\/50 { border-color: color-mix(in oklab, var(--color-sky-400) 50%, transparent) } } .border-sky-400\/75 { border-color: #00bcfebf } @supports (color:color-mix(in lab, red, red)) { .border-sky-400\/75 { border-color: color-mix(in oklab, var(--color-sky-400) 75%, transparent) } } .border-sky-500 { border-color: var(--color-sky-500) } .border-sky-500\/30 { border-color: #00a5ef4d } @supports (color:color-mix(in lab, red, red)) { .border-sky-500\/30 { border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent) } } .border-sky-500\/50 { border-color: #00a5ef80 } @supports (color:color-mix(in lab, red, red)) { .border-sky-500\/50 { border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent) } } .border-sky-500\/75 { border-color: #00a5efbf } @supports (color:color-mix(in lab, red, red)) { .border-sky-500\/75 { border-color: color-mix(in oklab, var(--color-sky-500) 75%, transparent) } } .border-sky-600 { border-color: var(--color-sky-600) } .border-sky-600\/30 { border-color: #0084cc4d } @supports (color:color-mix(in lab, red, red)) { .border-sky-600\/30 { border-color: color-mix(in oklab, var(--color-sky-600) 30%, transparent) } } .border-sky-600\/50 { border-color: #0084cc80 } @supports (color:color-mix(in lab, red, red)) { .border-sky-600\/50 { border-color: color-mix(in oklab, var(--color-sky-600) 50%, transparent) } } .border-sky-600\/75 { border-color: #0084ccbf } @supports (color:color-mix(in lab, red, red)) { .border-sky-600\/75 { border-color: color-mix(in oklab, var(--color-sky-600) 75%, transparent) } } .border-sky-700 { border-color: var(--color-sky-700) } .border-sky-800 { border-color: var(--color-sky-800) } .border-sky-900 { border-color: var(--color-sky-900) } .border-slate-100 { border-color: var(--color-slate-100) } .border-slate-200 { border-color: var(--color-slate-200) } .border-slate-300 { border-color: var(--color-slate-300) } .border-slate-300\/30 { border-color: #cad5e24d } @supports (color:color-mix(in lab, red, red)) { .border-slate-300\/30 { border-color: color-mix(in oklab, var(--color-slate-300) 30%, transparent) } } .border-slate-300\/50 { border-color: #cad5e280 } @supports (color:color-mix(in lab, red, red)) { .border-slate-300\/50 { border-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent) } } .border-slate-300\/75 { border-color: #cad5e2bf } @supports (color:color-mix(in lab, red, red)) { .border-slate-300\/75 { border-color: color-mix(in oklab, var(--color-slate-300) 75%, transparent) } } .border-slate-400 { border-color: var(--color-slate-400) } .border-slate-400\/30 { border-color: #90a1b94d } @supports (color:color-mix(in lab, red, red)) { .border-slate-400\/30 { border-color: color-mix(in oklab, var(--color-slate-400) 30%, transparent) } } .border-slate-400\/50 { border-color: #90a1b980 } @supports (color:color-mix(in lab, red, red)) { .border-slate-400\/50 { border-color: color-mix(in oklab, var(--color-slate-400) 50%, transparent) } } .border-slate-400\/75 { border-color: #90a1b9bf } @supports (color:color-mix(in lab, red, red)) { .border-slate-400\/75 { border-color: color-mix(in oklab, var(--color-slate-400) 75%, transparent) } } .border-slate-500 { border-color: var(--color-slate-500) } .border-slate-500\/30 { border-color: #62748e4d } @supports (color:color-mix(in lab, red, red)) { .border-slate-500\/30 { border-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent) } } .border-slate-500\/50 { border-color: #62748e80 } @supports (color:color-mix(in lab, red, red)) { .border-slate-500\/50 { border-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent) } } .border-slate-500\/75 { border-color: #62748ebf } @supports (color:color-mix(in lab, red, red)) { .border-slate-500\/75 { border-color: color-mix(in oklab, var(--color-slate-500) 75%, transparent) } } .border-slate-600 { border-color: var(--color-slate-600) } .border-slate-600\/30 { border-color: #45556c4d } @supports (color:color-mix(in lab, red, red)) { .border-slate-600\/30 { border-color: color-mix(in oklab, var(--color-slate-600) 30%, transparent) } } .border-slate-600\/50 { border-color: #45556c80 } @supports (color:color-mix(in lab, red, red)) { .border-slate-600\/50 { border-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent) } } .border-slate-600\/75 { border-color: #45556cbf } @supports (color:color-mix(in lab, red, red)) { .border-slate-600\/75 { border-color: color-mix(in oklab, var(--color-slate-600) 75%, transparent) } } .border-slate-700 { border-color: var(--color-slate-700) } .border-slate-800 { border-color: var(--color-slate-800) } .border-slate-900 { border-color: var(--color-slate-900) } .border-teal-100 { border-color: var(--color-teal-100) } .border-teal-200 { border-color: var(--color-teal-200) } .border-teal-300 { border-color: var(--color-teal-300) } .border-teal-300\/30 { border-color: #46ecd54d } @supports (color:color-mix(in lab, red, red)) { .border-teal-300\/30 { border-color: color-mix(in oklab, var(--color-teal-300) 30%, transparent) } } .border-teal-300\/50 { border-color: #46ecd580 } @supports (color:color-mix(in lab, red, red)) { .border-teal-300\/50 { border-color: color-mix(in oklab, var(--color-teal-300) 50%, transparent) } } .border-teal-300\/75 { border-color: #46ecd5bf } @supports (color:color-mix(in lab, red, red)) { .border-teal-300\/75 { border-color: color-mix(in oklab, var(--color-teal-300) 75%, transparent) } } .border-teal-400 { border-color: var(--color-teal-400) } .border-teal-400\/30 { border-color: #00d3bd4d } @supports (color:color-mix(in lab, red, red)) { .border-teal-400\/30 { border-color: color-mix(in oklab, var(--color-teal-400) 30%, transparent) } } .border-teal-400\/50 { border-color: #00d3bd80 } @supports (color:color-mix(in lab, red, red)) { .border-teal-400\/50 { border-color: color-mix(in oklab, var(--color-teal-400) 50%, transparent) } } .border-teal-400\/75 { border-color: #00d3bdbf } @supports (color:color-mix(in lab, red, red)) { .border-teal-400\/75 { border-color: color-mix(in oklab, var(--color-teal-400) 75%, transparent) } } .border-teal-500 { border-color: var(--color-teal-500) } .border-teal-500\/30 { border-color: #00baa74d } @supports (color:color-mix(in lab, red, red)) { .border-teal-500\/30 { border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent) } } .border-teal-500\/50 { border-color: #00baa780 } @supports (color:color-mix(in lab, red, red)) { .border-teal-500\/50 { border-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent) } } .border-teal-500\/75 { border-color: #00baa7bf } @supports (color:color-mix(in lab, red, red)) { .border-teal-500\/75 { border-color: color-mix(in oklab, var(--color-teal-500) 75%, transparent) } } .border-teal-600 { border-color: var(--color-teal-600) } .border-teal-600\/30 { border-color: #0095884d } @supports (color:color-mix(in lab, red, red)) { .border-teal-600\/30 { border-color: color-mix(in oklab, var(--color-teal-600) 30%, transparent) } } .border-teal-600\/50 { border-color: #00958880 } @supports (color:color-mix(in lab, red, red)) { .border-teal-600\/50 { border-color: color-mix(in oklab, var(--color-teal-600) 50%, transparent) } } .border-teal-600\/75 { border-color: #009588bf } @supports (color:color-mix(in lab, red, red)) { .border-teal-600\/75 { border-color: color-mix(in oklab, var(--color-teal-600) 75%, transparent) } } .border-teal-700 { border-color: var(--color-teal-700) } .border-teal-800 { border-color: var(--color-teal-800) } .border-teal-900 { border-color: var(--color-teal-900) } .border-transparent { border-color: #0000 } .border-violet-100 { border-color: var(--color-violet-100) } .border-violet-200 { border-color: var(--color-violet-200) } .border-violet-300 { border-color: var(--color-violet-300) } .border-violet-300\/30 { border-color: #c4b4ff4d } @supports (color:color-mix(in lab, red, red)) { .border-violet-300\/30 { border-color: color-mix(in oklab, var(--color-violet-300) 30%, transparent) } } .border-violet-300\/50 { border-color: #c4b4ff80 } @supports (color:color-mix(in lab, red, red)) { .border-violet-300\/50 { border-color: color-mix(in oklab, var(--color-violet-300) 50%, transparent) } } .border-violet-300\/75 { border-color: #c4b4ffbf } @supports (color:color-mix(in lab, red, red)) { .border-violet-300\/75 { border-color: color-mix(in oklab, var(--color-violet-300) 75%, transparent) } } .border-violet-400 { border-color: var(--color-violet-400) } .border-violet-400\/30 { border-color: #a685ff4d } @supports (color:color-mix(in lab, red, red)) { .border-violet-400\/30 { border-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent) } } .border-violet-400\/50 { border-color: #a685ff80 } @supports (color:color-mix(in lab, red, red)) { .border-violet-400\/50 { border-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent) } } .border-violet-400\/75 { border-color: #a685ffbf } @supports (color:color-mix(in lab, red, red)) { .border-violet-400\/75 { border-color: color-mix(in oklab, var(--color-violet-400) 75%, transparent) } } .border-violet-500 { border-color: var(--color-violet-500) } .border-violet-500\/30 { border-color: #8d54ff4d } @supports (color:color-mix(in lab, red, red)) { .border-violet-500\/30 { border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent) } } .border-violet-500\/50 { border-color: #8d54ff80 } @supports (color:color-mix(in lab, red, red)) { .border-violet-500\/50 { border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent) } } .border-violet-500\/75 { border-color: #8d54ffbf } @supports (color:color-mix(in lab, red, red)) { .border-violet-500\/75 { border-color: color-mix(in oklab, var(--color-violet-500) 75%, transparent) } } .border-violet-600 { border-color: var(--color-violet-600) } .border-violet-600\/30 { border-color: #7f22fe4d } @supports (color:color-mix(in lab, red, red)) { .border-violet-600\/30 { border-color: color-mix(in oklab, var(--color-violet-600) 30%, transparent) } } .border-violet-600\/50 { border-color: #7f22fe80 } @supports (color:color-mix(in lab, red, red)) { .border-violet-600\/50 { border-color: color-mix(in oklab, var(--color-violet-600) 50%, transparent) } } .border-violet-600\/75 { border-color: #7f22febf } @supports (color:color-mix(in lab, red, red)) { .border-violet-600\/75 { border-color: color-mix(in oklab, var(--color-violet-600) 75%, transparent) } } .border-violet-700 { border-color: var(--color-violet-700) } .border-violet-800 { border-color: var(--color-violet-800) } .border-violet-900 { border-color: var(--color-violet-900) } .border-white { border-color: var(--color-white) } .border-white\/5 { border-color: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .border-white\/5 { border-color: color-mix(in oklab, var(--color-white) 5%, transparent) } } .border-white\/10 { border-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .border-white\/15 { border-color: #ffffff26 } @supports (color:color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent) } } .border-white\/20 { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .border-white\/30 { border-color: #ffffff4d } @supports (color:color-mix(in lab, red, red)) { .border-white\/30 { border-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .border-white\/40 { border-color: #fff6 } @supports (color:color-mix(in lab, red, red)) { .border-white\/40 { border-color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .border-white\/50 { border-color: #ffffff80 } @supports (color:color-mix(in lab, red, red)) { .border-white\/50 { border-color: color-mix(in oklab, var(--color-white) 50%, transparent) } } .border-white\/\[0\.035\] { border-color: #ffffff09 } @supports (color:color-mix(in lab, red, red)) { .border-white\/\[0\.035\] { border-color: color-mix(in oklab, var(--color-white) 3.5%, transparent) } } .border-yellow-100 { border-color: var(--color-yellow-100) } .border-yellow-200 { border-color: var(--color-yellow-200) } .border-yellow-300 { border-color: var(--color-yellow-300) } .border-yellow-300\/30 { border-color: #ffe02a4d } @supports (color:color-mix(in lab, red, red)) { .border-yellow-300\/30 { border-color: color-mix(in oklab, var(--color-yellow-300) 30%, transparent) } } .border-yellow-300\/50 { border-color: #ffe02a80 } @supports (color:color-mix(in lab, red, red)) { .border-yellow-300\/50 { border-color: color-mix(in oklab, var(--color-yellow-300) 50%, transparent) } } .border-yellow-300\/75 { border-color: #ffe02abf } @supports (color:color-mix(in lab, red, red)) { .border-yellow-300\/75 { border-color: color-mix(in oklab, var(--color-yellow-300) 75%, transparent) } } .border-yellow-400 { border-color: var(--color-yellow-400) } .border-yellow-400\/30 { border-color: #fac8004d } @supports (color:color-mix(in lab, red, red)) { .border-yellow-400\/30 { border-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent) } } .border-yellow-400\/50 { border-color: #fac80080 } @supports (color:color-mix(in lab, red, red)) { .border-yellow-400\/50 { border-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent) } } .border-yellow-400\/75 { border-color: #fac800bf } @supports (color:color-mix(in lab, red, red)) { .border-yellow-400\/75 { border-color: color-mix(in oklab, var(--color-yellow-400) 75%, transparent) } } .border-yellow-500 { border-color: var(--color-yellow-500) } .border-yellow-500\/30 { border-color: #edb2004d } @supports (color:color-mix(in lab, red, red)) { .border-yellow-500\/30 { border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent) } } .border-yellow-500\/50 { border-color: #edb20080 } @supports (color:color-mix(in lab, red, red)) { .border-yellow-500\/50 { border-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent) } } .border-yellow-500\/75 { border-color: #edb200bf } @supports (color:color-mix(in lab, red, red)) { .border-yellow-500\/75 { border-color: color-mix(in oklab, var(--color-yellow-500) 75%, transparent) } } .border-yellow-600 { border-color: var(--color-yellow-600) } .border-yellow-600\/30 { border-color: #cd89004d } @supports (color:color-mix(in lab, red, red)) { .border-yellow-600\/30 { border-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent) } } .border-yellow-600\/50 { border-color: #cd890080 } @supports (color:color-mix(in lab, red, red)) { .border-yellow-600\/50 { border-color: color-mix(in oklab, var(--color-yellow-600) 50%, transparent) } } .border-yellow-600\/75 { border-color: #cd8900bf } @supports (color:color-mix(in lab, red, red)) { .border-yellow-600\/75 { border-color: color-mix(in oklab, var(--color-yellow-600) 75%, transparent) } } .border-yellow-700 { border-color: var(--color-yellow-700) } .border-yellow-800 { border-color: var(--color-yellow-800) } .border-yellow-900 { border-color: var(--color-yellow-900) } .border-zinc-100 { border-color: var(--color-zinc-100) } .border-zinc-200 { border-color: var(--color-zinc-200) } .border-zinc-300 { border-color: var(--color-zinc-300) } .border-zinc-300\/30 { border-color: #d4d4d84d } @supports (color:color-mix(in lab, red, red)) { .border-zinc-300\/30 { border-color: color-mix(in oklab, var(--color-zinc-300) 30%, transparent) } } .border-zinc-300\/50 { border-color: #d4d4d880 } @supports (color:color-mix(in lab, red, red)) { .border-zinc-300\/50 { border-color: color-mix(in oklab, var(--color-zinc-300) 50%, transparent) } } .border-zinc-300\/75 { border-color: #d4d4d8bf } @supports (color:color-mix(in lab, red, red)) { .border-zinc-300\/75 { border-color: color-mix(in oklab, var(--color-zinc-300) 75%, transparent) } } .border-zinc-400 { border-color: var(--color-zinc-400) } .border-zinc-400\/30 { border-color: #9f9fa94d } @supports (color:color-mix(in lab, red, red)) { .border-zinc-400\/30 { border-color: color-mix(in oklab, var(--color-zinc-400) 30%, transparent) } } .border-zinc-400\/50 { border-color: #9f9fa980 } @supports (color:color-mix(in lab, red, red)) { .border-zinc-400\/50 { border-color: color-mix(in oklab, var(--color-zinc-400) 50%, transparent) } } .border-zinc-400\/75 { border-color: #9f9fa9bf } @supports (color:color-mix(in lab, red, red)) { .border-zinc-400\/75 { border-color: color-mix(in oklab, var(--color-zinc-400) 75%, transparent) } } .border-zinc-500 { border-color: var(--color-zinc-500) } .border-zinc-500\/30 { border-color: #71717b4d } @supports (color:color-mix(in lab, red, red)) { .border-zinc-500\/30 { border-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent) } } .border-zinc-500\/50 { border-color: #71717b80 } @supports (color:color-mix(in lab, red, red)) { .border-zinc-500\/50 { border-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent) } } .border-zinc-500\/75 { border-color: #71717bbf } @supports (color:color-mix(in lab, red, red)) { .border-zinc-500\/75 { border-color: color-mix(in oklab, var(--color-zinc-500) 75%, transparent) } } .border-zinc-600 { border-color: var(--color-zinc-600) } .border-zinc-600\/30 { border-color: #52525c4d } @supports (color:color-mix(in lab, red, red)) { .border-zinc-600\/30 { border-color: color-mix(in oklab, var(--color-zinc-600) 30%, transparent) } } .border-zinc-600\/50 { border-color: #52525c80 } @supports (color:color-mix(in lab, red, red)) { .border-zinc-600\/50 { border-color: color-mix(in oklab, var(--color-zinc-600) 50%, transparent) } } .border-zinc-600\/75 { border-color: #52525cbf } @supports (color:color-mix(in lab, red, red)) { .border-zinc-600\/75 { border-color: color-mix(in oklab, var(--color-zinc-600) 75%, transparent) } } .border-zinc-700 { border-color: var(--color-zinc-700) } .border-zinc-800 { border-color: var(--color-zinc-800) } .border-zinc-900 { border-color: var(--color-zinc-900) } .bg-\[\#10101094\] { background-color: #10101094 } .bg-accent { background-color: var(--color-accent) } .bg-amber-100 { background-color: var(--color-amber-100) } .bg-amber-200 { background-color: var(--color-amber-200) } .bg-amber-300 { background-color: var(--color-amber-300) } .bg-amber-300\/10 { background-color: #ffd2361a } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/10 { background-color: color-mix(in oklab, var(--color-amber-300) 10%, transparent) } } .bg-amber-300\/20 { background-color: #ffd23633 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/20 { background-color: color-mix(in oklab, var(--color-amber-300) 20%, transparent) } } .bg-amber-300\/30 { background-color: #ffd2364d } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/30 { background-color: color-mix(in oklab, var(--color-amber-300) 30%, transparent) } } .bg-amber-300\/40 { background-color: #ffd23666 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/40 { background-color: color-mix(in oklab, var(--color-amber-300) 40%, transparent) } } .bg-amber-300\/50 { background-color: #ffd23680 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/50 { background-color: color-mix(in oklab, var(--color-amber-300) 50%, transparent) } } .bg-amber-300\/60 { background-color: #ffd23699 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/60 { background-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent) } } .bg-amber-300\/70 { background-color: #ffd236b3 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/70 { background-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent) } } .bg-amber-300\/80 { background-color: #ffd236cc } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/80 { background-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent) } } .bg-amber-300\/90 { background-color: #ffd236e6 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-300\/90 { background-color: color-mix(in oklab, var(--color-amber-300) 90%, transparent) } } .bg-amber-400 { background-color: var(--color-amber-400) } .bg-amber-400\/10 { background-color: #fcbb001a } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/10 { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent) } } .bg-amber-400\/20 { background-color: #fcbb0033 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/20 { background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent) } } .bg-amber-400\/30 { background-color: #fcbb004d } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/30 { background-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent) } } .bg-amber-400\/40 { background-color: #fcbb0066 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/40 { background-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent) } } .bg-amber-400\/50 { background-color: #fcbb0080 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/50 { background-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent) } } .bg-amber-400\/60 { background-color: #fcbb0099 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/60 { background-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent) } } .bg-amber-400\/70 { background-color: #fcbb00b3 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/70 { background-color: color-mix(in oklab, var(--color-amber-400) 70%, transparent) } } .bg-amber-400\/80 { background-color: #fcbb00cc } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/80 { background-color: color-mix(in oklab, var(--color-amber-400) 80%, transparent) } } .bg-amber-400\/90 { background-color: #fcbb00e6 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-400\/90 { background-color: color-mix(in oklab, var(--color-amber-400) 90%, transparent) } } .bg-amber-500 { background-color: var(--color-amber-500) } .bg-amber-500\/10 { background-color: #f99c001a } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/10 { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent) } } .bg-amber-500\/20 { background-color: #f99c0033 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/20 { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent) } } .bg-amber-500\/30 { background-color: #f99c004d } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/30 { background-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent) } } .bg-amber-500\/40 { background-color: #f99c0066 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/40 { background-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent) } } .bg-amber-500\/50 { background-color: #f99c0080 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/50 { background-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent) } } .bg-amber-500\/60 { background-color: #f99c0099 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/60 { background-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent) } } .bg-amber-500\/70 { background-color: #f99c00b3 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/70 { background-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent) } } .bg-amber-500\/80 { background-color: #f99c00cc } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/80 { background-color: color-mix(in oklab, var(--color-amber-500) 80%, transparent) } } .bg-amber-500\/90 { background-color: #f99c00e6 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-500\/90 { background-color: color-mix(in oklab, var(--color-amber-500) 90%, transparent) } } .bg-amber-600 { background-color: var(--color-amber-600) } .bg-amber-600\/10 { background-color: #dd74001a } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/10 { background-color: color-mix(in oklab, var(--color-amber-600) 10%, transparent) } } .bg-amber-600\/20 { background-color: #dd740033 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/20 { background-color: color-mix(in oklab, var(--color-amber-600) 20%, transparent) } } .bg-amber-600\/30 { background-color: #dd74004d } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/30 { background-color: color-mix(in oklab, var(--color-amber-600) 30%, transparent) } } .bg-amber-600\/40 { background-color: #dd740066 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/40 { background-color: color-mix(in oklab, var(--color-amber-600) 40%, transparent) } } .bg-amber-600\/50 { background-color: #dd740080 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/50 { background-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent) } } .bg-amber-600\/60 { background-color: #dd740099 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/60 { background-color: color-mix(in oklab, var(--color-amber-600) 60%, transparent) } } .bg-amber-600\/70 { background-color: #dd7400b3 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/70 { background-color: color-mix(in oklab, var(--color-amber-600) 70%, transparent) } } .bg-amber-600\/80 { background-color: #dd7400cc } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/80 { background-color: color-mix(in oklab, var(--color-amber-600) 80%, transparent) } } .bg-amber-600\/90 { background-color: #dd7400e6 } @supports (color:color-mix(in lab, red, red)) { .bg-amber-600\/90 { background-color: color-mix(in oklab, var(--color-amber-600) 90%, transparent) } } .bg-amber-700 { background-color: var(--color-amber-700) } .bg-amber-800 { background-color: var(--color-amber-800) } .bg-amber-900 { background-color: var(--color-amber-900) } .bg-black { background-color: var(--color-black) } .bg-black\/10 { background-color: #0000001a } @supports (color:color-mix(in lab, red, red)) { .bg-black\/10 { background-color: color-mix(in oklab, var(--color-black) 10%, transparent) } } .bg-black\/20 { background-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) 20%, transparent) } } .bg-black\/30 { background-color: #0000004d } @supports (color:color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent) } } .bg-black\/40 { background-color: #0006 } @supports (color:color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent) } } .bg-black\/50 { background-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent) } } .bg-black\/60 { background-color: #0009 } @supports (color:color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent) } } .bg-black\/70 { background-color: #000000b3 } @supports (color:color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent) } } .bg-black\/80 { background-color: #000c } @supports (color:color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent) } } .bg-black\/90 { background-color: #000000e6 } @supports (color:color-mix(in lab, red, red)) { .bg-black\/90 { background-color: color-mix(in oklab, var(--color-black) 90%, transparent) } } .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-300\/10 { background-color: #90c5ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/10 { background-color: color-mix(in oklab, var(--color-blue-300) 10%, transparent) } } .bg-blue-300\/20 { background-color: #90c5ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/20 { background-color: color-mix(in oklab, var(--color-blue-300) 20%, transparent) } } .bg-blue-300\/30 { background-color: #90c5ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/30 { background-color: color-mix(in oklab, var(--color-blue-300) 30%, transparent) } } .bg-blue-300\/40 { background-color: #90c5ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/40 { background-color: color-mix(in oklab, var(--color-blue-300) 40%, transparent) } } .bg-blue-300\/50 { background-color: #90c5ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/50 { background-color: color-mix(in oklab, var(--color-blue-300) 50%, transparent) } } .bg-blue-300\/60 { background-color: #90c5ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/60 { background-color: color-mix(in oklab, var(--color-blue-300) 60%, transparent) } } .bg-blue-300\/70 { background-color: #90c5ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/70 { background-color: color-mix(in oklab, var(--color-blue-300) 70%, transparent) } } .bg-blue-300\/80 { background-color: #90c5ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/80 { background-color: color-mix(in oklab, var(--color-blue-300) 80%, transparent) } } .bg-blue-300\/90 { background-color: #90c5ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-300\/90 { background-color: color-mix(in oklab, var(--color-blue-300) 90%, transparent) } } .bg-blue-400 { background-color: var(--color-blue-400) } .bg-blue-400\/10 { background-color: #54a2ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/10 { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent) } } .bg-blue-400\/20 { background-color: #54a2ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/20 { background-color: color-mix(in oklab, var(--color-blue-400) 20%, transparent) } } .bg-blue-400\/30 { background-color: #54a2ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/30 { background-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent) } } .bg-blue-400\/40 { background-color: #54a2ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/40 { background-color: color-mix(in oklab, var(--color-blue-400) 40%, transparent) } } .bg-blue-400\/50 { background-color: #54a2ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/50 { background-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent) } } .bg-blue-400\/60 { background-color: #54a2ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/60 { background-color: color-mix(in oklab, var(--color-blue-400) 60%, transparent) } } .bg-blue-400\/70 { background-color: #54a2ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/70 { background-color: color-mix(in oklab, var(--color-blue-400) 70%, transparent) } } .bg-blue-400\/80 { background-color: #54a2ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/80 { background-color: color-mix(in oklab, var(--color-blue-400) 80%, transparent) } } .bg-blue-400\/90 { background-color: #54a2ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-400\/90 { background-color: color-mix(in oklab, var(--color-blue-400) 90%, transparent) } } .bg-blue-500 { background-color: var(--color-blue-500) } .bg-blue-500\/10 { background-color: #3080ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/10 { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent) } } .bg-blue-500\/20 { background-color: #3080ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/20 { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent) } } .bg-blue-500\/30 { background-color: #3080ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/30 { background-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent) } } .bg-blue-500\/40 { background-color: #3080ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/40 { background-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent) } } .bg-blue-500\/50 { background-color: #3080ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/50 { background-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent) } } .bg-blue-500\/60 { background-color: #3080ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/60 { background-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent) } } .bg-blue-500\/70 { background-color: #3080ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/70 { background-color: color-mix(in oklab, var(--color-blue-500) 70%, transparent) } } .bg-blue-500\/80 { background-color: #3080ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/80 { background-color: color-mix(in oklab, var(--color-blue-500) 80%, transparent) } } .bg-blue-500\/90 { background-color: #3080ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-500\/90 { background-color: color-mix(in oklab, var(--color-blue-500) 90%, transparent) } } .bg-blue-600 { background-color: var(--color-blue-600) } .bg-blue-600\/10 { background-color: #155dfc1a } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/10 { background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent) } } .bg-blue-600\/20 { background-color: #155dfc33 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/20 { background-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent) } } .bg-blue-600\/30 { background-color: #155dfc4d } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/30 { background-color: color-mix(in oklab, var(--color-blue-600) 30%, transparent) } } .bg-blue-600\/40 { background-color: #155dfc66 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/40 { background-color: color-mix(in oklab, var(--color-blue-600) 40%, transparent) } } .bg-blue-600\/50 { background-color: #155dfc80 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/50 { background-color: color-mix(in oklab, var(--color-blue-600) 50%, transparent) } } .bg-blue-600\/60 { background-color: #155dfc99 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/60 { background-color: color-mix(in oklab, var(--color-blue-600) 60%, transparent) } } .bg-blue-600\/70 { background-color: #155dfcb3 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/70 { background-color: color-mix(in oklab, var(--color-blue-600) 70%, transparent) } } .bg-blue-600\/80 { background-color: #155dfccc } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/80 { background-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent) } } .bg-blue-600\/90 { background-color: #155dfce6 } @supports (color:color-mix(in lab, red, red)) { .bg-blue-600\/90 { background-color: color-mix(in oklab, var(--color-blue-600) 90%, transparent) } } .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-cyan-100 { background-color: var(--color-cyan-100) } .bg-cyan-200 { background-color: var(--color-cyan-200) } .bg-cyan-300 { background-color: var(--color-cyan-300) } .bg-cyan-300\/10 { background-color: #53eafd1a } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/10 { background-color: color-mix(in oklab, var(--color-cyan-300) 10%, transparent) } } .bg-cyan-300\/20 { background-color: #53eafd33 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/20 { background-color: color-mix(in oklab, var(--color-cyan-300) 20%, transparent) } } .bg-cyan-300\/30 { background-color: #53eafd4d } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/30 { background-color: color-mix(in oklab, var(--color-cyan-300) 30%, transparent) } } .bg-cyan-300\/40 { background-color: #53eafd66 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/40 { background-color: color-mix(in oklab, var(--color-cyan-300) 40%, transparent) } } .bg-cyan-300\/50 { background-color: #53eafd80 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/50 { background-color: color-mix(in oklab, var(--color-cyan-300) 50%, transparent) } } .bg-cyan-300\/60 { background-color: #53eafd99 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/60 { background-color: color-mix(in oklab, var(--color-cyan-300) 60%, transparent) } } .bg-cyan-300\/70 { background-color: #53eafdb3 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/70 { background-color: color-mix(in oklab, var(--color-cyan-300) 70%, transparent) } } .bg-cyan-300\/80 { background-color: #53eafdcc } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/80 { background-color: color-mix(in oklab, var(--color-cyan-300) 80%, transparent) } } .bg-cyan-300\/90 { background-color: #53eafde6 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-300\/90 { background-color: color-mix(in oklab, var(--color-cyan-300) 90%, transparent) } } .bg-cyan-400 { background-color: var(--color-cyan-400) } .bg-cyan-400\/10 { background-color: #00d2ef1a } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/10 { background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent) } } .bg-cyan-400\/20 { background-color: #00d2ef33 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/20 { background-color: color-mix(in oklab, var(--color-cyan-400) 20%, transparent) } } .bg-cyan-400\/30 { background-color: #00d2ef4d } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/30 { background-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent) } } .bg-cyan-400\/40 { background-color: #00d2ef66 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/40 { background-color: color-mix(in oklab, var(--color-cyan-400) 40%, transparent) } } .bg-cyan-400\/50 { background-color: #00d2ef80 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/50 { background-color: color-mix(in oklab, var(--color-cyan-400) 50%, transparent) } } .bg-cyan-400\/60 { background-color: #00d2ef99 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/60 { background-color: color-mix(in oklab, var(--color-cyan-400) 60%, transparent) } } .bg-cyan-400\/70 { background-color: #00d2efb3 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/70 { background-color: color-mix(in oklab, var(--color-cyan-400) 70%, transparent) } } .bg-cyan-400\/80 { background-color: #00d2efcc } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/80 { background-color: color-mix(in oklab, var(--color-cyan-400) 80%, transparent) } } .bg-cyan-400\/90 { background-color: #00d2efe6 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-400\/90 { background-color: color-mix(in oklab, var(--color-cyan-400) 90%, transparent) } } .bg-cyan-500 { background-color: var(--color-cyan-500) } .bg-cyan-500\/10 { background-color: #00b7d71a } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/10 { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent) } } .bg-cyan-500\/20 { background-color: #00b7d733 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/20 { background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent) } } .bg-cyan-500\/30 { background-color: #00b7d74d } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/30 { background-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent) } } .bg-cyan-500\/40 { background-color: #00b7d766 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/40 { background-color: color-mix(in oklab, var(--color-cyan-500) 40%, transparent) } } .bg-cyan-500\/50 { background-color: #00b7d780 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/50 { background-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent) } } .bg-cyan-500\/60 { background-color: #00b7d799 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/60 { background-color: color-mix(in oklab, var(--color-cyan-500) 60%, transparent) } } .bg-cyan-500\/70 { background-color: #00b7d7b3 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/70 { background-color: color-mix(in oklab, var(--color-cyan-500) 70%, transparent) } } .bg-cyan-500\/80 { background-color: #00b7d7cc } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/80 { background-color: color-mix(in oklab, var(--color-cyan-500) 80%, transparent) } } .bg-cyan-500\/90 { background-color: #00b7d7e6 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-500\/90 { background-color: color-mix(in oklab, var(--color-cyan-500) 90%, transparent) } } .bg-cyan-600 { background-color: var(--color-cyan-600) } .bg-cyan-600\/10 { background-color: #0092b51a } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/10 { background-color: color-mix(in oklab, var(--color-cyan-600) 10%, transparent) } } .bg-cyan-600\/20 { background-color: #0092b533 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/20 { background-color: color-mix(in oklab, var(--color-cyan-600) 20%, transparent) } } .bg-cyan-600\/30 { background-color: #0092b54d } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/30 { background-color: color-mix(in oklab, var(--color-cyan-600) 30%, transparent) } } .bg-cyan-600\/40 { background-color: #0092b566 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/40 { background-color: color-mix(in oklab, var(--color-cyan-600) 40%, transparent) } } .bg-cyan-600\/50 { background-color: #0092b580 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/50 { background-color: color-mix(in oklab, var(--color-cyan-600) 50%, transparent) } } .bg-cyan-600\/60 { background-color: #0092b599 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/60 { background-color: color-mix(in oklab, var(--color-cyan-600) 60%, transparent) } } .bg-cyan-600\/70 { background-color: #0092b5b3 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/70 { background-color: color-mix(in oklab, var(--color-cyan-600) 70%, transparent) } } .bg-cyan-600\/80 { background-color: #0092b5cc } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/80 { background-color: color-mix(in oklab, var(--color-cyan-600) 80%, transparent) } } .bg-cyan-600\/90 { background-color: #0092b5e6 } @supports (color:color-mix(in lab, red, red)) { .bg-cyan-600\/90 { background-color: color-mix(in oklab, var(--color-cyan-600) 90%, transparent) } } .bg-cyan-700 { background-color: var(--color-cyan-700) } .bg-cyan-800 { background-color: var(--color-cyan-800) } .bg-cyan-900 { background-color: var(--color-cyan-900) } .bg-dark { background-color: var(--color-dark) } .bg-dark\/80 { background-color: #090909cc } @supports (color:color-mix(in lab, red, red)) { .bg-dark\/80 { background-color: color-mix(in oklab, var(--color-dark) 80%, transparent) } } .bg-emerald-100 { background-color: var(--color-emerald-100) } .bg-emerald-200 { background-color: var(--color-emerald-200) } .bg-emerald-300 { background-color: var(--color-emerald-300) } .bg-emerald-300\/10 { background-color: #5ee9b51a } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/10 { background-color: color-mix(in oklab, var(--color-emerald-300) 10%, transparent) } } .bg-emerald-300\/20 { background-color: #5ee9b533 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/20 { background-color: color-mix(in oklab, var(--color-emerald-300) 20%, transparent) } } .bg-emerald-300\/30 { background-color: #5ee9b54d } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/30 { background-color: color-mix(in oklab, var(--color-emerald-300) 30%, transparent) } } .bg-emerald-300\/40 { background-color: #5ee9b566 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/40 { background-color: color-mix(in oklab, var(--color-emerald-300) 40%, transparent) } } .bg-emerald-300\/50 { background-color: #5ee9b580 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/50 { background-color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent) } } .bg-emerald-300\/60 { background-color: #5ee9b599 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/60 { background-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent) } } .bg-emerald-300\/70 { background-color: #5ee9b5b3 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/70 { background-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent) } } .bg-emerald-300\/80 { background-color: #5ee9b5cc } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/80 { background-color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent) } } .bg-emerald-300\/90 { background-color: #5ee9b5e6 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-300\/90 { background-color: color-mix(in oklab, var(--color-emerald-300) 90%, transparent) } } .bg-emerald-400 { background-color: var(--color-emerald-400) } .bg-emerald-400\/10 { background-color: #00d2941a } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/10 { background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent) } } .bg-emerald-400\/20 { background-color: #00d29433 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/20 { background-color: color-mix(in oklab, var(--color-emerald-400) 20%, transparent) } } .bg-emerald-400\/30 { background-color: #00d2944d } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/30 { background-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent) } } .bg-emerald-400\/40 { background-color: #00d29466 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/40 { background-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent) } } .bg-emerald-400\/50 { background-color: #00d29480 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/50 { background-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent) } } .bg-emerald-400\/60 { background-color: #00d29499 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/60 { background-color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent) } } .bg-emerald-400\/70 { background-color: #00d294b3 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/70 { background-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent) } } .bg-emerald-400\/80 { background-color: #00d294cc } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/80 { background-color: color-mix(in oklab, var(--color-emerald-400) 80%, transparent) } } .bg-emerald-400\/90 { background-color: #00d294e6 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-400\/90 { background-color: color-mix(in oklab, var(--color-emerald-400) 90%, transparent) } } .bg-emerald-500 { background-color: var(--color-emerald-500) } .bg-emerald-500\/10 { background-color: #00bb7f1a } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/10 { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent) } } .bg-emerald-500\/20 { background-color: #00bb7f33 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/20 { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent) } } .bg-emerald-500\/30 { background-color: #00bb7f4d } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/30 { background-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent) } } .bg-emerald-500\/40 { background-color: #00bb7f66 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/40 { background-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent) } } .bg-emerald-500\/50 { background-color: #00bb7f80 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/50 { background-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent) } } .bg-emerald-500\/60 { background-color: #00bb7f99 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/60 { background-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent) } } .bg-emerald-500\/70 { background-color: #00bb7fb3 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/70 { background-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent) } } .bg-emerald-500\/80 { background-color: #00bb7fcc } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/80 { background-color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent) } } .bg-emerald-500\/90 { background-color: #00bb7fe6 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-500\/90 { background-color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent) } } .bg-emerald-600 { background-color: var(--color-emerald-600) } .bg-emerald-600\/10 { background-color: #0097671a } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/10 { background-color: color-mix(in oklab, var(--color-emerald-600) 10%, transparent) } } .bg-emerald-600\/20 { background-color: #00976733 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/20 { background-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent) } } .bg-emerald-600\/30 { background-color: #0097674d } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/30 { background-color: color-mix(in oklab, var(--color-emerald-600) 30%, transparent) } } .bg-emerald-600\/40 { background-color: #00976766 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/40 { background-color: color-mix(in oklab, var(--color-emerald-600) 40%, transparent) } } .bg-emerald-600\/50 { background-color: #00976780 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/50 { background-color: color-mix(in oklab, var(--color-emerald-600) 50%, transparent) } } .bg-emerald-600\/60 { background-color: #00976799 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/60 { background-color: color-mix(in oklab, var(--color-emerald-600) 60%, transparent) } } .bg-emerald-600\/70 { background-color: #009767b3 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/70 { background-color: color-mix(in oklab, var(--color-emerald-600) 70%, transparent) } } .bg-emerald-600\/80 { background-color: #009767cc } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/80 { background-color: color-mix(in oklab, var(--color-emerald-600) 80%, transparent) } } .bg-emerald-600\/90 { background-color: #009767e6 } @supports (color:color-mix(in lab, red, red)) { .bg-emerald-600\/90 { background-color: color-mix(in oklab, var(--color-emerald-600) 90%, transparent) } } .bg-emerald-700 { background-color: var(--color-emerald-700) } .bg-emerald-800 { background-color: var(--color-emerald-800) } .bg-emerald-900 { background-color: var(--color-emerald-900) } .bg-fuchsia-100 { background-color: var(--color-fuchsia-100) } .bg-fuchsia-200 { background-color: var(--color-fuchsia-200) } .bg-fuchsia-300 { background-color: var(--color-fuchsia-300) } .bg-fuchsia-300\/10 { background-color: #f2a9ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/10 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 10%, transparent) } } .bg-fuchsia-300\/20 { background-color: #f2a9ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/20 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 20%, transparent) } } .bg-fuchsia-300\/30 { background-color: #f2a9ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/30 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 30%, transparent) } } .bg-fuchsia-300\/40 { background-color: #f2a9ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/40 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 40%, transparent) } } .bg-fuchsia-300\/50 { background-color: #f2a9ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/50 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 50%, transparent) } } .bg-fuchsia-300\/60 { background-color: #f2a9ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/60 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 60%, transparent) } } .bg-fuchsia-300\/70 { background-color: #f2a9ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/70 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 70%, transparent) } } .bg-fuchsia-300\/80 { background-color: #f2a9ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/80 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 80%, transparent) } } .bg-fuchsia-300\/90 { background-color: #f2a9ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-300\/90 { background-color: color-mix(in oklab, var(--color-fuchsia-300) 90%, transparent) } } .bg-fuchsia-400 { background-color: var(--color-fuchsia-400) } .bg-fuchsia-400\/10 { background-color: #ec6cff1a } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/10 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 10%, transparent) } } .bg-fuchsia-400\/20 { background-color: #ec6cff33 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/20 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 20%, transparent) } } .bg-fuchsia-400\/30 { background-color: #ec6cff4d } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/30 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 30%, transparent) } } .bg-fuchsia-400\/40 { background-color: #ec6cff66 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/40 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 40%, transparent) } } .bg-fuchsia-400\/50 { background-color: #ec6cff80 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/50 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 50%, transparent) } } .bg-fuchsia-400\/60 { background-color: #ec6cff99 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/60 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 60%, transparent) } } .bg-fuchsia-400\/70 { background-color: #ec6cffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/70 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 70%, transparent) } } .bg-fuchsia-400\/80 { background-color: #ec6cffcc } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/80 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 80%, transparent) } } .bg-fuchsia-400\/90 { background-color: #ec6cffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-400\/90 { background-color: color-mix(in oklab, var(--color-fuchsia-400) 90%, transparent) } } .bg-fuchsia-500 { background-color: var(--color-fuchsia-500) } .bg-fuchsia-500\/10 { background-color: #e12afb1a } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/10 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent) } } .bg-fuchsia-500\/20 { background-color: #e12afb33 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/20 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent) } } .bg-fuchsia-500\/30 { background-color: #e12afb4d } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/30 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 30%, transparent) } } .bg-fuchsia-500\/40 { background-color: #e12afb66 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/40 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 40%, transparent) } } .bg-fuchsia-500\/50 { background-color: #e12afb80 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/50 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 50%, transparent) } } .bg-fuchsia-500\/60 { background-color: #e12afb99 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/60 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 60%, transparent) } } .bg-fuchsia-500\/70 { background-color: #e12afbb3 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/70 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 70%, transparent) } } .bg-fuchsia-500\/80 { background-color: #e12afbcc } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/80 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 80%, transparent) } } .bg-fuchsia-500\/90 { background-color: #e12afbe6 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-500\/90 { background-color: color-mix(in oklab, var(--color-fuchsia-500) 90%, transparent) } } .bg-fuchsia-600 { background-color: var(--color-fuchsia-600) } .bg-fuchsia-600\/10 { background-color: #c600db1a } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/10 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 10%, transparent) } } .bg-fuchsia-600\/20 { background-color: #c600db33 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/20 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 20%, transparent) } } .bg-fuchsia-600\/30 { background-color: #c600db4d } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/30 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 30%, transparent) } } .bg-fuchsia-600\/40 { background-color: #c600db66 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/40 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 40%, transparent) } } .bg-fuchsia-600\/50 { background-color: #c600db80 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/50 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 50%, transparent) } } .bg-fuchsia-600\/60 { background-color: #c600db99 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/60 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 60%, transparent) } } .bg-fuchsia-600\/70 { background-color: #c600dbb3 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/70 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 70%, transparent) } } .bg-fuchsia-600\/80 { background-color: #c600dbcc } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/80 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 80%, transparent) } } .bg-fuchsia-600\/90 { background-color: #c600dbe6 } @supports (color:color-mix(in lab, red, red)) { .bg-fuchsia-600\/90 { background-color: color-mix(in oklab, var(--color-fuchsia-600) 90%, transparent) } } .bg-fuchsia-700 { background-color: var(--color-fuchsia-700) } .bg-fuchsia-800 { background-color: var(--color-fuchsia-800) } .bg-fuchsia-900 { background-color: var(--color-fuchsia-900) } .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-300\/10 { background-color: #d1d5dc1a } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/10 { background-color: color-mix(in oklab, var(--color-gray-300) 10%, transparent) } } .bg-gray-300\/20 { background-color: #d1d5dc33 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/20 { background-color: color-mix(in oklab, var(--color-gray-300) 20%, transparent) } } .bg-gray-300\/30 { background-color: #d1d5dc4d } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/30 { background-color: color-mix(in oklab, var(--color-gray-300) 30%, transparent) } } .bg-gray-300\/40 { background-color: #d1d5dc66 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/40 { background-color: color-mix(in oklab, var(--color-gray-300) 40%, transparent) } } .bg-gray-300\/50 { background-color: #d1d5dc80 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/50 { background-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent) } } .bg-gray-300\/60 { background-color: #d1d5dc99 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/60 { background-color: color-mix(in oklab, var(--color-gray-300) 60%, transparent) } } .bg-gray-300\/70 { background-color: #d1d5dcb3 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/70 { background-color: color-mix(in oklab, var(--color-gray-300) 70%, transparent) } } .bg-gray-300\/80 { background-color: #d1d5dccc } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/80 { background-color: color-mix(in oklab, var(--color-gray-300) 80%, transparent) } } .bg-gray-300\/90 { background-color: #d1d5dce6 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-300\/90 { background-color: color-mix(in oklab, var(--color-gray-300) 90%, transparent) } } .bg-gray-400 { background-color: var(--color-gray-400) } .bg-gray-400\/10 { background-color: #99a1af1a } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/10 { background-color: color-mix(in oklab, var(--color-gray-400) 10%, transparent) } } .bg-gray-400\/20 { background-color: #99a1af33 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/20 { background-color: color-mix(in oklab, var(--color-gray-400) 20%, transparent) } } .bg-gray-400\/30 { background-color: #99a1af4d } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/30 { background-color: color-mix(in oklab, var(--color-gray-400) 30%, transparent) } } .bg-gray-400\/40 { background-color: #99a1af66 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/40 { background-color: color-mix(in oklab, var(--color-gray-400) 40%, transparent) } } .bg-gray-400\/50 { background-color: #99a1af80 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/50 { background-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent) } } .bg-gray-400\/60 { background-color: #99a1af99 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/60 { background-color: color-mix(in oklab, var(--color-gray-400) 60%, transparent) } } .bg-gray-400\/70 { background-color: #99a1afb3 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/70 { background-color: color-mix(in oklab, var(--color-gray-400) 70%, transparent) } } .bg-gray-400\/80 { background-color: #99a1afcc } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/80 { background-color: color-mix(in oklab, var(--color-gray-400) 80%, transparent) } } .bg-gray-400\/90 { background-color: #99a1afe6 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-400\/90 { background-color: color-mix(in oklab, var(--color-gray-400) 90%, transparent) } } .bg-gray-500 { background-color: var(--color-gray-500) } .bg-gray-500\/10 { background-color: #6a72821a } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/10 { background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent) } } .bg-gray-500\/20 { background-color: #6a728233 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/20 { background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent) } } .bg-gray-500\/30 { background-color: #6a72824d } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/30 { background-color: color-mix(in oklab, var(--color-gray-500) 30%, transparent) } } .bg-gray-500\/40 { background-color: #6a728266 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/40 { background-color: color-mix(in oklab, var(--color-gray-500) 40%, transparent) } } .bg-gray-500\/50 { background-color: #6a728280 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/50 { background-color: color-mix(in oklab, var(--color-gray-500) 50%, transparent) } } .bg-gray-500\/60 { background-color: #6a728299 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/60 { background-color: color-mix(in oklab, var(--color-gray-500) 60%, transparent) } } .bg-gray-500\/70 { background-color: #6a7282b3 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/70 { background-color: color-mix(in oklab, var(--color-gray-500) 70%, transparent) } } .bg-gray-500\/80 { background-color: #6a7282cc } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/80 { background-color: color-mix(in oklab, var(--color-gray-500) 80%, transparent) } } .bg-gray-500\/90 { background-color: #6a7282e6 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-500\/90 { background-color: color-mix(in oklab, var(--color-gray-500) 90%, transparent) } } .bg-gray-600 { background-color: var(--color-gray-600) } .bg-gray-600\/10 { background-color: #4a55651a } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/10 { background-color: color-mix(in oklab, var(--color-gray-600) 10%, transparent) } } .bg-gray-600\/20 { background-color: #4a556533 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/20 { background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent) } } .bg-gray-600\/30 { background-color: #4a55654d } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/30 { background-color: color-mix(in oklab, var(--color-gray-600) 30%, transparent) } } .bg-gray-600\/40 { background-color: #4a556566 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/40 { background-color: color-mix(in oklab, var(--color-gray-600) 40%, transparent) } } .bg-gray-600\/50 { background-color: #4a556580 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/50 { background-color: color-mix(in oklab, var(--color-gray-600) 50%, transparent) } } .bg-gray-600\/60 { background-color: #4a556599 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/60 { background-color: color-mix(in oklab, var(--color-gray-600) 60%, transparent) } } .bg-gray-600\/70 { background-color: #4a5565b3 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/70 { background-color: color-mix(in oklab, var(--color-gray-600) 70%, transparent) } } .bg-gray-600\/80 { background-color: #4a5565cc } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/80 { background-color: color-mix(in oklab, var(--color-gray-600) 80%, transparent) } } .bg-gray-600\/90 { background-color: #4a5565e6 } @supports (color:color-mix(in lab, red, red)) { .bg-gray-600\/90 { background-color: color-mix(in oklab, var(--color-gray-600) 90%, transparent) } } .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-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-300\/10 { background-color: #7bf1a81a } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/10 { background-color: color-mix(in oklab, var(--color-green-300) 10%, transparent) } } .bg-green-300\/20 { background-color: #7bf1a833 } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/20 { background-color: color-mix(in oklab, var(--color-green-300) 20%, transparent) } } .bg-green-300\/30 { background-color: #7bf1a84d } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/30 { background-color: color-mix(in oklab, var(--color-green-300) 30%, transparent) } } .bg-green-300\/40 { background-color: #7bf1a866 } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/40 { background-color: color-mix(in oklab, var(--color-green-300) 40%, transparent) } } .bg-green-300\/50 { background-color: #7bf1a880 } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/50 { background-color: color-mix(in oklab, var(--color-green-300) 50%, transparent) } } .bg-green-300\/60 { background-color: #7bf1a899 } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/60 { background-color: color-mix(in oklab, var(--color-green-300) 60%, transparent) } } .bg-green-300\/70 { background-color: #7bf1a8b3 } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/70 { background-color: color-mix(in oklab, var(--color-green-300) 70%, transparent) } } .bg-green-300\/80 { background-color: #7bf1a8cc } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/80 { background-color: color-mix(in oklab, var(--color-green-300) 80%, transparent) } } .bg-green-300\/90 { background-color: #7bf1a8e6 } @supports (color:color-mix(in lab, red, red)) { .bg-green-300\/90 { background-color: color-mix(in oklab, var(--color-green-300) 90%, transparent) } } .bg-green-400 { background-color: var(--color-green-400) } .bg-green-400\/10 { background-color: #05df721a } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/10 { background-color: color-mix(in oklab, var(--color-green-400) 10%, transparent) } } .bg-green-400\/20 { background-color: #05df7233 } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/20 { background-color: color-mix(in oklab, var(--color-green-400) 20%, transparent) } } .bg-green-400\/30 { background-color: #05df724d } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/30 { background-color: color-mix(in oklab, var(--color-green-400) 30%, transparent) } } .bg-green-400\/40 { background-color: #05df7266 } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/40 { background-color: color-mix(in oklab, var(--color-green-400) 40%, transparent) } } .bg-green-400\/50 { background-color: #05df7280 } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/50 { background-color: color-mix(in oklab, var(--color-green-400) 50%, transparent) } } .bg-green-400\/60 { background-color: #05df7299 } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/60 { background-color: color-mix(in oklab, var(--color-green-400) 60%, transparent) } } .bg-green-400\/70 { background-color: #05df72b3 } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/70 { background-color: color-mix(in oklab, var(--color-green-400) 70%, transparent) } } .bg-green-400\/80 { background-color: #05df72cc } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/80 { background-color: color-mix(in oklab, var(--color-green-400) 80%, transparent) } } .bg-green-400\/90 { background-color: #05df72e6 } @supports (color:color-mix(in lab, red, red)) { .bg-green-400\/90 { background-color: color-mix(in oklab, var(--color-green-400) 90%, transparent) } } .bg-green-500 { background-color: var(--color-green-500) } .bg-green-500\/10 { background-color: #00c7581a } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/10 { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent) } } .bg-green-500\/20 { background-color: #00c75833 } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/20 { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent) } } .bg-green-500\/30 { background-color: #00c7584d } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/30 { background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent) } } .bg-green-500\/40 { background-color: #00c75866 } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/40 { background-color: color-mix(in oklab, var(--color-green-500) 40%, transparent) } } .bg-green-500\/50 { background-color: #00c75880 } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/50 { background-color: color-mix(in oklab, var(--color-green-500) 50%, transparent) } } .bg-green-500\/60 { background-color: #00c75899 } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/60 { background-color: color-mix(in oklab, var(--color-green-500) 60%, transparent) } } .bg-green-500\/70 { background-color: #00c758b3 } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/70 { background-color: color-mix(in oklab, var(--color-green-500) 70%, transparent) } } .bg-green-500\/80 { background-color: #00c758cc } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/80 { background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent) } } .bg-green-500\/90 { background-color: #00c758e6 } @supports (color:color-mix(in lab, red, red)) { .bg-green-500\/90 { background-color: color-mix(in oklab, var(--color-green-500) 90%, transparent) } } .bg-green-600 { background-color: var(--color-green-600) } .bg-green-600\/10 { background-color: #00a5441a } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/10 { background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent) } } .bg-green-600\/20 { background-color: #00a54433 } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/20 { background-color: color-mix(in oklab, var(--color-green-600) 20%, transparent) } } .bg-green-600\/30 { background-color: #00a5444d } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/30 { background-color: color-mix(in oklab, var(--color-green-600) 30%, transparent) } } .bg-green-600\/40 { background-color: #00a54466 } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/40 { background-color: color-mix(in oklab, var(--color-green-600) 40%, transparent) } } .bg-green-600\/50 { background-color: #00a54480 } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/50 { background-color: color-mix(in oklab, var(--color-green-600) 50%, transparent) } } .bg-green-600\/60 { background-color: #00a54499 } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/60 { background-color: color-mix(in oklab, var(--color-green-600) 60%, transparent) } } .bg-green-600\/70 { background-color: #00a544b3 } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/70 { background-color: color-mix(in oklab, var(--color-green-600) 70%, transparent) } } .bg-green-600\/80 { background-color: #00a544cc } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/80 { background-color: color-mix(in oklab, var(--color-green-600) 80%, transparent) } } .bg-green-600\/90 { background-color: #00a544e6 } @supports (color:color-mix(in lab, red, red)) { .bg-green-600\/90 { background-color: color-mix(in oklab, var(--color-green-600) 90%, transparent) } } .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-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-300\/10 { background-color: #a4b3ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/10 { background-color: color-mix(in oklab, var(--color-indigo-300) 10%, transparent) } } .bg-indigo-300\/20 { background-color: #a4b3ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/20 { background-color: color-mix(in oklab, var(--color-indigo-300) 20%, transparent) } } .bg-indigo-300\/30 { background-color: #a4b3ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/30 { background-color: color-mix(in oklab, var(--color-indigo-300) 30%, transparent) } } .bg-indigo-300\/40 { background-color: #a4b3ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/40 { background-color: color-mix(in oklab, var(--color-indigo-300) 40%, transparent) } } .bg-indigo-300\/50 { background-color: #a4b3ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/50 { background-color: color-mix(in oklab, var(--color-indigo-300) 50%, transparent) } } .bg-indigo-300\/60 { background-color: #a4b3ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/60 { background-color: color-mix(in oklab, var(--color-indigo-300) 60%, transparent) } } .bg-indigo-300\/70 { background-color: #a4b3ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/70 { background-color: color-mix(in oklab, var(--color-indigo-300) 70%, transparent) } } .bg-indigo-300\/80 { background-color: #a4b3ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/80 { background-color: color-mix(in oklab, var(--color-indigo-300) 80%, transparent) } } .bg-indigo-300\/90 { background-color: #a4b3ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-300\/90 { background-color: color-mix(in oklab, var(--color-indigo-300) 90%, transparent) } } .bg-indigo-400 { background-color: var(--color-indigo-400) } .bg-indigo-400\/10 { background-color: #7d87ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/10 { background-color: color-mix(in oklab, var(--color-indigo-400) 10%, transparent) } } .bg-indigo-400\/20 { background-color: #7d87ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/20 { background-color: color-mix(in oklab, var(--color-indigo-400) 20%, transparent) } } .bg-indigo-400\/30 { background-color: #7d87ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/30 { background-color: color-mix(in oklab, var(--color-indigo-400) 30%, transparent) } } .bg-indigo-400\/40 { background-color: #7d87ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/40 { background-color: color-mix(in oklab, var(--color-indigo-400) 40%, transparent) } } .bg-indigo-400\/50 { background-color: #7d87ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/50 { background-color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent) } } .bg-indigo-400\/60 { background-color: #7d87ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/60 { background-color: color-mix(in oklab, var(--color-indigo-400) 60%, transparent) } } .bg-indigo-400\/70 { background-color: #7d87ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/70 { background-color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent) } } .bg-indigo-400\/80 { background-color: #7d87ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/80 { background-color: color-mix(in oklab, var(--color-indigo-400) 80%, transparent) } } .bg-indigo-400\/90 { background-color: #7d87ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-400\/90 { background-color: color-mix(in oklab, var(--color-indigo-400) 90%, transparent) } } .bg-indigo-500 { background-color: var(--color-indigo-500) } .bg-indigo-500\/10 { background-color: #625fff1a } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/10 { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent) } } .bg-indigo-500\/20 { background-color: #625fff33 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/20 { background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent) } } .bg-indigo-500\/30 { background-color: #625fff4d } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/30 { background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent) } } .bg-indigo-500\/40 { background-color: #625fff66 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/40 { background-color: color-mix(in oklab, var(--color-indigo-500) 40%, transparent) } } .bg-indigo-500\/50 { background-color: #625fff80 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/50 { background-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent) } } .bg-indigo-500\/60 { background-color: #625fff99 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/60 { background-color: color-mix(in oklab, var(--color-indigo-500) 60%, transparent) } } .bg-indigo-500\/70 { background-color: #625fffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/70 { background-color: color-mix(in oklab, var(--color-indigo-500) 70%, transparent) } } .bg-indigo-500\/80 { background-color: #625fffcc } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/80 { background-color: color-mix(in oklab, var(--color-indigo-500) 80%, transparent) } } .bg-indigo-500\/90 { background-color: #625fffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-500\/90 { background-color: color-mix(in oklab, var(--color-indigo-500) 90%, transparent) } } .bg-indigo-600 { background-color: var(--color-indigo-600) } .bg-indigo-600\/10 { background-color: #4f39f61a } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/10 { background-color: color-mix(in oklab, var(--color-indigo-600) 10%, transparent) } } .bg-indigo-600\/20 { background-color: #4f39f633 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/20 { background-color: color-mix(in oklab, var(--color-indigo-600) 20%, transparent) } } .bg-indigo-600\/30 { background-color: #4f39f64d } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/30 { background-color: color-mix(in oklab, var(--color-indigo-600) 30%, transparent) } } .bg-indigo-600\/40 { background-color: #4f39f666 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/40 { background-color: color-mix(in oklab, var(--color-indigo-600) 40%, transparent) } } .bg-indigo-600\/50 { background-color: #4f39f680 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/50 { background-color: color-mix(in oklab, var(--color-indigo-600) 50%, transparent) } } .bg-indigo-600\/60 { background-color: #4f39f699 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/60 { background-color: color-mix(in oklab, var(--color-indigo-600) 60%, transparent) } } .bg-indigo-600\/70 { background-color: #4f39f6b3 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/70 { background-color: color-mix(in oklab, var(--color-indigo-600) 70%, transparent) } } .bg-indigo-600\/80 { background-color: #4f39f6cc } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/80 { background-color: color-mix(in oklab, var(--color-indigo-600) 80%, transparent) } } .bg-indigo-600\/90 { background-color: #4f39f6e6 } @supports (color:color-mix(in lab, red, red)) { .bg-indigo-600\/90 { background-color: color-mix(in oklab, var(--color-indigo-600) 90%, transparent) } } .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-line { background-color: var(--color-line) } .bg-muted { background-color: var(--color-muted) } .bg-orange-100 { background-color: var(--color-orange-100) } .bg-orange-200 { background-color: var(--color-orange-200) } .bg-orange-300 { background-color: var(--color-orange-300) } .bg-orange-300\/10 { background-color: #ffb96d1a } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/10 { background-color: color-mix(in oklab, var(--color-orange-300) 10%, transparent) } } .bg-orange-300\/20 { background-color: #ffb96d33 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/20 { background-color: color-mix(in oklab, var(--color-orange-300) 20%, transparent) } } .bg-orange-300\/30 { background-color: #ffb96d4d } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/30 { background-color: color-mix(in oklab, var(--color-orange-300) 30%, transparent) } } .bg-orange-300\/40 { background-color: #ffb96d66 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/40 { background-color: color-mix(in oklab, var(--color-orange-300) 40%, transparent) } } .bg-orange-300\/50 { background-color: #ffb96d80 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/50 { background-color: color-mix(in oklab, var(--color-orange-300) 50%, transparent) } } .bg-orange-300\/60 { background-color: #ffb96d99 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/60 { background-color: color-mix(in oklab, var(--color-orange-300) 60%, transparent) } } .bg-orange-300\/70 { background-color: #ffb96db3 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/70 { background-color: color-mix(in oklab, var(--color-orange-300) 70%, transparent) } } .bg-orange-300\/80 { background-color: #ffb96dcc } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/80 { background-color: color-mix(in oklab, var(--color-orange-300) 80%, transparent) } } .bg-orange-300\/90 { background-color: #ffb96de6 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-300\/90 { background-color: color-mix(in oklab, var(--color-orange-300) 90%, transparent) } } .bg-orange-400 { background-color: var(--color-orange-400) } .bg-orange-400\/10 { background-color: #ff8b1a1a } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/10 { background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent) } } .bg-orange-400\/20 { background-color: #ff8b1a33 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/20 { background-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent) } } .bg-orange-400\/30 { background-color: #ff8b1a4d } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/30 { background-color: color-mix(in oklab, var(--color-orange-400) 30%, transparent) } } .bg-orange-400\/40 { background-color: #ff8b1a66 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/40 { background-color: color-mix(in oklab, var(--color-orange-400) 40%, transparent) } } .bg-orange-400\/50 { background-color: #ff8b1a80 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/50 { background-color: color-mix(in oklab, var(--color-orange-400) 50%, transparent) } } .bg-orange-400\/60 { background-color: #ff8b1a99 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/60 { background-color: color-mix(in oklab, var(--color-orange-400) 60%, transparent) } } .bg-orange-400\/70 { background-color: #ff8b1ab3 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/70 { background-color: color-mix(in oklab, var(--color-orange-400) 70%, transparent) } } .bg-orange-400\/80 { background-color: #ff8b1acc } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/80 { background-color: color-mix(in oklab, var(--color-orange-400) 80%, transparent) } } .bg-orange-400\/90 { background-color: #ff8b1ae6 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-400\/90 { background-color: color-mix(in oklab, var(--color-orange-400) 90%, transparent) } } .bg-orange-500 { background-color: var(--color-orange-500) } .bg-orange-500\/10 { background-color: #fe6e001a } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/10 { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent) } } .bg-orange-500\/20 { background-color: #fe6e0033 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/20 { background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent) } } .bg-orange-500\/30 { background-color: #fe6e004d } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/30 { background-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent) } } .bg-orange-500\/40 { background-color: #fe6e0066 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/40 { background-color: color-mix(in oklab, var(--color-orange-500) 40%, transparent) } } .bg-orange-500\/50 { background-color: #fe6e0080 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/50 { background-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent) } } .bg-orange-500\/60 { background-color: #fe6e0099 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/60 { background-color: color-mix(in oklab, var(--color-orange-500) 60%, transparent) } } .bg-orange-500\/70 { background-color: #fe6e00b3 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/70 { background-color: color-mix(in oklab, var(--color-orange-500) 70%, transparent) } } .bg-orange-500\/80 { background-color: #fe6e00cc } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/80 { background-color: color-mix(in oklab, var(--color-orange-500) 80%, transparent) } } .bg-orange-500\/90 { background-color: #fe6e00e6 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-500\/90 { background-color: color-mix(in oklab, var(--color-orange-500) 90%, transparent) } } .bg-orange-600 { background-color: var(--color-orange-600) } .bg-orange-600\/10 { background-color: #f051001a } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/10 { background-color: color-mix(in oklab, var(--color-orange-600) 10%, transparent) } } .bg-orange-600\/20 { background-color: #f0510033 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/20 { background-color: color-mix(in oklab, var(--color-orange-600) 20%, transparent) } } .bg-orange-600\/30 { background-color: #f051004d } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/30 { background-color: color-mix(in oklab, var(--color-orange-600) 30%, transparent) } } .bg-orange-600\/40 { background-color: #f0510066 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/40 { background-color: color-mix(in oklab, var(--color-orange-600) 40%, transparent) } } .bg-orange-600\/50 { background-color: #f0510080 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/50 { background-color: color-mix(in oklab, var(--color-orange-600) 50%, transparent) } } .bg-orange-600\/60 { background-color: #f0510099 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/60 { background-color: color-mix(in oklab, var(--color-orange-600) 60%, transparent) } } .bg-orange-600\/70 { background-color: #f05100b3 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/70 { background-color: color-mix(in oklab, var(--color-orange-600) 70%, transparent) } } .bg-orange-600\/80 { background-color: #f05100cc } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/80 { background-color: color-mix(in oklab, var(--color-orange-600) 80%, transparent) } } .bg-orange-600\/90 { background-color: #f05100e6 } @supports (color:color-mix(in lab, red, red)) { .bg-orange-600\/90 { background-color: color-mix(in oklab, var(--color-orange-600) 90%, transparent) } } .bg-orange-700 { background-color: var(--color-orange-700) } .bg-orange-800 { background-color: var(--color-orange-800) } .bg-orange-900 { background-color: var(--color-orange-900) } .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-300\/10 { background-color: #fda5d51a } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/10 { background-color: color-mix(in oklab, var(--color-pink-300) 10%, transparent) } } .bg-pink-300\/20 { background-color: #fda5d533 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/20 { background-color: color-mix(in oklab, var(--color-pink-300) 20%, transparent) } } .bg-pink-300\/30 { background-color: #fda5d54d } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/30 { background-color: color-mix(in oklab, var(--color-pink-300) 30%, transparent) } } .bg-pink-300\/40 { background-color: #fda5d566 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/40 { background-color: color-mix(in oklab, var(--color-pink-300) 40%, transparent) } } .bg-pink-300\/50 { background-color: #fda5d580 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/50 { background-color: color-mix(in oklab, var(--color-pink-300) 50%, transparent) } } .bg-pink-300\/60 { background-color: #fda5d599 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/60 { background-color: color-mix(in oklab, var(--color-pink-300) 60%, transparent) } } .bg-pink-300\/70 { background-color: #fda5d5b3 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/70 { background-color: color-mix(in oklab, var(--color-pink-300) 70%, transparent) } } .bg-pink-300\/80 { background-color: #fda5d5cc } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/80 { background-color: color-mix(in oklab, var(--color-pink-300) 80%, transparent) } } .bg-pink-300\/90 { background-color: #fda5d5e6 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-300\/90 { background-color: color-mix(in oklab, var(--color-pink-300) 90%, transparent) } } .bg-pink-400 { background-color: var(--color-pink-400) } .bg-pink-400\/10 { background-color: #fb64b61a } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/10 { background-color: color-mix(in oklab, var(--color-pink-400) 10%, transparent) } } .bg-pink-400\/20 { background-color: #fb64b633 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/20 { background-color: color-mix(in oklab, var(--color-pink-400) 20%, transparent) } } .bg-pink-400\/30 { background-color: #fb64b64d } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/30 { background-color: color-mix(in oklab, var(--color-pink-400) 30%, transparent) } } .bg-pink-400\/40 { background-color: #fb64b666 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/40 { background-color: color-mix(in oklab, var(--color-pink-400) 40%, transparent) } } .bg-pink-400\/50 { background-color: #fb64b680 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/50 { background-color: color-mix(in oklab, var(--color-pink-400) 50%, transparent) } } .bg-pink-400\/60 { background-color: #fb64b699 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/60 { background-color: color-mix(in oklab, var(--color-pink-400) 60%, transparent) } } .bg-pink-400\/70 { background-color: #fb64b6b3 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/70 { background-color: color-mix(in oklab, var(--color-pink-400) 70%, transparent) } } .bg-pink-400\/80 { background-color: #fb64b6cc } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/80 { background-color: color-mix(in oklab, var(--color-pink-400) 80%, transparent) } } .bg-pink-400\/90 { background-color: #fb64b6e6 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-400\/90 { background-color: color-mix(in oklab, var(--color-pink-400) 90%, transparent) } } .bg-pink-500 { background-color: var(--color-pink-500) } .bg-pink-500\/10 { background-color: #f6339a1a } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/10 { background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent) } } .bg-pink-500\/20 { background-color: #f6339a33 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/20 { background-color: color-mix(in oklab, var(--color-pink-500) 20%, transparent) } } .bg-pink-500\/30 { background-color: #f6339a4d } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/30 { background-color: color-mix(in oklab, var(--color-pink-500) 30%, transparent) } } .bg-pink-500\/40 { background-color: #f6339a66 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/40 { background-color: color-mix(in oklab, var(--color-pink-500) 40%, transparent) } } .bg-pink-500\/50 { background-color: #f6339a80 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/50 { background-color: color-mix(in oklab, var(--color-pink-500) 50%, transparent) } } .bg-pink-500\/60 { background-color: #f6339a99 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/60 { background-color: color-mix(in oklab, var(--color-pink-500) 60%, transparent) } } .bg-pink-500\/70 { background-color: #f6339ab3 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/70 { background-color: color-mix(in oklab, var(--color-pink-500) 70%, transparent) } } .bg-pink-500\/80 { background-color: #f6339acc } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/80 { background-color: color-mix(in oklab, var(--color-pink-500) 80%, transparent) } } .bg-pink-500\/90 { background-color: #f6339ae6 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-500\/90 { background-color: color-mix(in oklab, var(--color-pink-500) 90%, transparent) } } .bg-pink-600 { background-color: var(--color-pink-600) } .bg-pink-600\/10 { background-color: #e300761a } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/10 { background-color: color-mix(in oklab, var(--color-pink-600) 10%, transparent) } } .bg-pink-600\/20 { background-color: #e3007633 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/20 { background-color: color-mix(in oklab, var(--color-pink-600) 20%, transparent) } } .bg-pink-600\/30 { background-color: #e300764d } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/30 { background-color: color-mix(in oklab, var(--color-pink-600) 30%, transparent) } } .bg-pink-600\/40 { background-color: #e3007666 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/40 { background-color: color-mix(in oklab, var(--color-pink-600) 40%, transparent) } } .bg-pink-600\/50 { background-color: #e3007680 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/50 { background-color: color-mix(in oklab, var(--color-pink-600) 50%, transparent) } } .bg-pink-600\/60 { background-color: #e3007699 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/60 { background-color: color-mix(in oklab, var(--color-pink-600) 60%, transparent) } } .bg-pink-600\/70 { background-color: #e30076b3 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/70 { background-color: color-mix(in oklab, var(--color-pink-600) 70%, transparent) } } .bg-pink-600\/80 { background-color: #e30076cc } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/80 { background-color: color-mix(in oklab, var(--color-pink-600) 80%, transparent) } } .bg-pink-600\/90 { background-color: #e30076e6 } @supports (color:color-mix(in lab, red, red)) { .bg-pink-600\/90 { background-color: color-mix(in oklab, var(--color-pink-600) 90%, transparent) } } .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-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-300\/10 { background-color: #d9b3ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/10 { background-color: color-mix(in oklab, var(--color-purple-300) 10%, transparent) } } .bg-purple-300\/20 { background-color: #d9b3ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/20 { background-color: color-mix(in oklab, var(--color-purple-300) 20%, transparent) } } .bg-purple-300\/30 { background-color: #d9b3ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/30 { background-color: color-mix(in oklab, var(--color-purple-300) 30%, transparent) } } .bg-purple-300\/40 { background-color: #d9b3ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/40 { background-color: color-mix(in oklab, var(--color-purple-300) 40%, transparent) } } .bg-purple-300\/50 { background-color: #d9b3ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/50 { background-color: color-mix(in oklab, var(--color-purple-300) 50%, transparent) } } .bg-purple-300\/60 { background-color: #d9b3ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/60 { background-color: color-mix(in oklab, var(--color-purple-300) 60%, transparent) } } .bg-purple-300\/70 { background-color: #d9b3ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/70 { background-color: color-mix(in oklab, var(--color-purple-300) 70%, transparent) } } .bg-purple-300\/80 { background-color: #d9b3ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/80 { background-color: color-mix(in oklab, var(--color-purple-300) 80%, transparent) } } .bg-purple-300\/90 { background-color: #d9b3ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-300\/90 { background-color: color-mix(in oklab, var(--color-purple-300) 90%, transparent) } } .bg-purple-400 { background-color: var(--color-purple-400) } .bg-purple-400\/10 { background-color: #c07eff1a } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/10 { background-color: color-mix(in oklab, var(--color-purple-400) 10%, transparent) } } .bg-purple-400\/20 { background-color: #c07eff33 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/20 { background-color: color-mix(in oklab, var(--color-purple-400) 20%, transparent) } } .bg-purple-400\/30 { background-color: #c07eff4d } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/30 { background-color: color-mix(in oklab, var(--color-purple-400) 30%, transparent) } } .bg-purple-400\/40 { background-color: #c07eff66 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/40 { background-color: color-mix(in oklab, var(--color-purple-400) 40%, transparent) } } .bg-purple-400\/50 { background-color: #c07eff80 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/50 { background-color: color-mix(in oklab, var(--color-purple-400) 50%, transparent) } } .bg-purple-400\/60 { background-color: #c07eff99 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/60 { background-color: color-mix(in oklab, var(--color-purple-400) 60%, transparent) } } .bg-purple-400\/70 { background-color: #c07effb3 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/70 { background-color: color-mix(in oklab, var(--color-purple-400) 70%, transparent) } } .bg-purple-400\/80 { background-color: #c07effcc } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/80 { background-color: color-mix(in oklab, var(--color-purple-400) 80%, transparent) } } .bg-purple-400\/90 { background-color: #c07effe6 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-400\/90 { background-color: color-mix(in oklab, var(--color-purple-400) 90%, transparent) } } .bg-purple-500 { background-color: var(--color-purple-500) } .bg-purple-500\/10 { background-color: #ac4bff1a } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/10 { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent) } } .bg-purple-500\/20 { background-color: #ac4bff33 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/20 { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent) } } .bg-purple-500\/30 { background-color: #ac4bff4d } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/30 { background-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent) } } .bg-purple-500\/40 { background-color: #ac4bff66 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/40 { background-color: color-mix(in oklab, var(--color-purple-500) 40%, transparent) } } .bg-purple-500\/50 { background-color: #ac4bff80 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/50 { background-color: color-mix(in oklab, var(--color-purple-500) 50%, transparent) } } .bg-purple-500\/60 { background-color: #ac4bff99 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/60 { background-color: color-mix(in oklab, var(--color-purple-500) 60%, transparent) } } .bg-purple-500\/70 { background-color: #ac4bffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/70 { background-color: color-mix(in oklab, var(--color-purple-500) 70%, transparent) } } .bg-purple-500\/80 { background-color: #ac4bffcc } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/80 { background-color: color-mix(in oklab, var(--color-purple-500) 80%, transparent) } } .bg-purple-500\/90 { background-color: #ac4bffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-500\/90 { background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent) } } .bg-purple-600 { background-color: var(--color-purple-600) } .bg-purple-600\/10 { background-color: #9810fa1a } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/10 { background-color: color-mix(in oklab, var(--color-purple-600) 10%, transparent) } } .bg-purple-600\/20 { background-color: #9810fa33 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/20 { background-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent) } } .bg-purple-600\/30 { background-color: #9810fa4d } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/30 { background-color: color-mix(in oklab, var(--color-purple-600) 30%, transparent) } } .bg-purple-600\/40 { background-color: #9810fa66 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/40 { background-color: color-mix(in oklab, var(--color-purple-600) 40%, transparent) } } .bg-purple-600\/50 { background-color: #9810fa80 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/50 { background-color: color-mix(in oklab, var(--color-purple-600) 50%, transparent) } } .bg-purple-600\/60 { background-color: #9810fa99 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/60 { background-color: color-mix(in oklab, var(--color-purple-600) 60%, transparent) } } .bg-purple-600\/70 { background-color: #9810fab3 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/70 { background-color: color-mix(in oklab, var(--color-purple-600) 70%, transparent) } } .bg-purple-600\/80 { background-color: #9810facc } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/80 { background-color: color-mix(in oklab, var(--color-purple-600) 80%, transparent) } } .bg-purple-600\/90 { background-color: #9810fae6 } @supports (color:color-mix(in lab, red, red)) { .bg-purple-600\/90 { background-color: color-mix(in oklab, var(--color-purple-600) 90%, transparent) } } .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-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-300\/10 { background-color: #ffa3a31a } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/10 { background-color: color-mix(in oklab, var(--color-red-300) 10%, transparent) } } .bg-red-300\/20 { background-color: #ffa3a333 } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/20 { background-color: color-mix(in oklab, var(--color-red-300) 20%, transparent) } } .bg-red-300\/30 { background-color: #ffa3a34d } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/30 { background-color: color-mix(in oklab, var(--color-red-300) 30%, transparent) } } .bg-red-300\/40 { background-color: #ffa3a366 } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/40 { background-color: color-mix(in oklab, var(--color-red-300) 40%, transparent) } } .bg-red-300\/50 { background-color: #ffa3a380 } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/50 { background-color: color-mix(in oklab, var(--color-red-300) 50%, transparent) } } .bg-red-300\/60 { background-color: #ffa3a399 } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/60 { background-color: color-mix(in oklab, var(--color-red-300) 60%, transparent) } } .bg-red-300\/70 { background-color: #ffa3a3b3 } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/70 { background-color: color-mix(in oklab, var(--color-red-300) 70%, transparent) } } .bg-red-300\/80 { background-color: #ffa3a3cc } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/80 { background-color: color-mix(in oklab, var(--color-red-300) 80%, transparent) } } .bg-red-300\/90 { background-color: #ffa3a3e6 } @supports (color:color-mix(in lab, red, red)) { .bg-red-300\/90 { background-color: color-mix(in oklab, var(--color-red-300) 90%, transparent) } } .bg-red-400 { background-color: var(--color-red-400) } .bg-red-400\/10 { background-color: #ff65681a } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/10 { background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent) } } .bg-red-400\/20 { background-color: #ff656833 } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/20 { background-color: color-mix(in oklab, var(--color-red-400) 20%, transparent) } } .bg-red-400\/30 { background-color: #ff65684d } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/30 { background-color: color-mix(in oklab, var(--color-red-400) 30%, transparent) } } .bg-red-400\/40 { background-color: #ff656866 } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/40 { background-color: color-mix(in oklab, var(--color-red-400) 40%, transparent) } } .bg-red-400\/50 { background-color: #ff656880 } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/50 { background-color: color-mix(in oklab, var(--color-red-400) 50%, transparent) } } .bg-red-400\/60 { background-color: #ff656899 } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/60 { background-color: color-mix(in oklab, var(--color-red-400) 60%, transparent) } } .bg-red-400\/70 { background-color: #ff6568b3 } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/70 { background-color: color-mix(in oklab, var(--color-red-400) 70%, transparent) } } .bg-red-400\/80 { background-color: #ff6568cc } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/80 { background-color: color-mix(in oklab, var(--color-red-400) 80%, transparent) } } .bg-red-400\/90 { background-color: #ff6568e6 } @supports (color:color-mix(in lab, red, red)) { .bg-red-400\/90 { background-color: color-mix(in oklab, var(--color-red-400) 90%, transparent) } } .bg-red-500 { background-color: var(--color-red-500) } .bg-red-500\/10 { background-color: #fb2c361a } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/10 { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent) } } .bg-red-500\/20 { background-color: #fb2c3633 } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/20 { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent) } } .bg-red-500\/30 { background-color: #fb2c364d } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/30 { background-color: color-mix(in oklab, var(--color-red-500) 30%, transparent) } } .bg-red-500\/40 { background-color: #fb2c3666 } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/40 { background-color: color-mix(in oklab, var(--color-red-500) 40%, transparent) } } .bg-red-500\/50 { background-color: #fb2c3680 } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/50 { background-color: color-mix(in oklab, var(--color-red-500) 50%, transparent) } } .bg-red-500\/60 { background-color: #fb2c3699 } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/60 { background-color: color-mix(in oklab, var(--color-red-500) 60%, transparent) } } .bg-red-500\/70 { background-color: #fb2c36b3 } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/70 { background-color: color-mix(in oklab, var(--color-red-500) 70%, transparent) } } .bg-red-500\/80 { background-color: #fb2c36cc } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/80 { background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent) } } .bg-red-500\/90 { background-color: #fb2c36e6 } @supports (color:color-mix(in lab, red, red)) { .bg-red-500\/90 { background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent) } } .bg-red-600 { background-color: var(--color-red-600) } .bg-red-600\/10 { background-color: #e400141a } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/10 { background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent) } } .bg-red-600\/20 { background-color: #e4001433 } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/20 { background-color: color-mix(in oklab, var(--color-red-600) 20%, transparent) } } .bg-red-600\/30 { background-color: #e400144d } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/30 { background-color: color-mix(in oklab, var(--color-red-600) 30%, transparent) } } .bg-red-600\/40 { background-color: #e4001466 } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/40 { background-color: color-mix(in oklab, var(--color-red-600) 40%, transparent) } } .bg-red-600\/50 { background-color: #e4001480 } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/50 { background-color: color-mix(in oklab, var(--color-red-600) 50%, transparent) } } .bg-red-600\/60 { background-color: #e4001499 } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/60 { background-color: color-mix(in oklab, var(--color-red-600) 60%, transparent) } } .bg-red-600\/70 { background-color: #e40014b3 } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/70 { background-color: color-mix(in oklab, var(--color-red-600) 70%, transparent) } } .bg-red-600\/80 { background-color: #e40014cc } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/80 { background-color: color-mix(in oklab, var(--color-red-600) 80%, transparent) } } .bg-red-600\/90 { background-color: #e40014e6 } @supports (color:color-mix(in lab, red, red)) { .bg-red-600\/90 { background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent) } } .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-rose-100 { background-color: var(--color-rose-100) } .bg-rose-200 { background-color: var(--color-rose-200) } .bg-rose-300 { background-color: var(--color-rose-300) } .bg-rose-300\/10 { background-color: #ffa2ae1a } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/10 { background-color: color-mix(in oklab, var(--color-rose-300) 10%, transparent) } } .bg-rose-300\/20 { background-color: #ffa2ae33 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/20 { background-color: color-mix(in oklab, var(--color-rose-300) 20%, transparent) } } .bg-rose-300\/30 { background-color: #ffa2ae4d } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/30 { background-color: color-mix(in oklab, var(--color-rose-300) 30%, transparent) } } .bg-rose-300\/40 { background-color: #ffa2ae66 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/40 { background-color: color-mix(in oklab, var(--color-rose-300) 40%, transparent) } } .bg-rose-300\/50 { background-color: #ffa2ae80 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/50 { background-color: color-mix(in oklab, var(--color-rose-300) 50%, transparent) } } .bg-rose-300\/60 { background-color: #ffa2ae99 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/60 { background-color: color-mix(in oklab, var(--color-rose-300) 60%, transparent) } } .bg-rose-300\/70 { background-color: #ffa2aeb3 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/70 { background-color: color-mix(in oklab, var(--color-rose-300) 70%, transparent) } } .bg-rose-300\/80 { background-color: #ffa2aecc } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/80 { background-color: color-mix(in oklab, var(--color-rose-300) 80%, transparent) } } .bg-rose-300\/90 { background-color: #ffa2aee6 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-300\/90 { background-color: color-mix(in oklab, var(--color-rose-300) 90%, transparent) } } .bg-rose-400 { background-color: var(--color-rose-400) } .bg-rose-400\/10 { background-color: #ff667f1a } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/10 { background-color: color-mix(in oklab, var(--color-rose-400) 10%, transparent) } } .bg-rose-400\/20 { background-color: #ff667f33 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/20 { background-color: color-mix(in oklab, var(--color-rose-400) 20%, transparent) } } .bg-rose-400\/30 { background-color: #ff667f4d } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/30 { background-color: color-mix(in oklab, var(--color-rose-400) 30%, transparent) } } .bg-rose-400\/40 { background-color: #ff667f66 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/40 { background-color: color-mix(in oklab, var(--color-rose-400) 40%, transparent) } } .bg-rose-400\/50 { background-color: #ff667f80 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/50 { background-color: color-mix(in oklab, var(--color-rose-400) 50%, transparent) } } .bg-rose-400\/60 { background-color: #ff667f99 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/60 { background-color: color-mix(in oklab, var(--color-rose-400) 60%, transparent) } } .bg-rose-400\/70 { background-color: #ff667fb3 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/70 { background-color: color-mix(in oklab, var(--color-rose-400) 70%, transparent) } } .bg-rose-400\/80 { background-color: #ff667fcc } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/80 { background-color: color-mix(in oklab, var(--color-rose-400) 80%, transparent) } } .bg-rose-400\/90 { background-color: #ff667fe6 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-400\/90 { background-color: color-mix(in oklab, var(--color-rose-400) 90%, transparent) } } .bg-rose-500 { background-color: var(--color-rose-500) } .bg-rose-500\/10 { background-color: #ff23571a } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/10 { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent) } } .bg-rose-500\/20 { background-color: #ff235733 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/20 { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent) } } .bg-rose-500\/30 { background-color: #ff23574d } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/30 { background-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent) } } .bg-rose-500\/40 { background-color: #ff235766 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/40 { background-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent) } } .bg-rose-500\/50 { background-color: #ff235780 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/50 { background-color: color-mix(in oklab, var(--color-rose-500) 50%, transparent) } } .bg-rose-500\/60 { background-color: #ff235799 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/60 { background-color: color-mix(in oklab, var(--color-rose-500) 60%, transparent) } } .bg-rose-500\/70 { background-color: #ff2357b3 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/70 { background-color: color-mix(in oklab, var(--color-rose-500) 70%, transparent) } } .bg-rose-500\/80 { background-color: #ff2357cc } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/80 { background-color: color-mix(in oklab, var(--color-rose-500) 80%, transparent) } } .bg-rose-500\/90 { background-color: #ff2357e6 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-500\/90 { background-color: color-mix(in oklab, var(--color-rose-500) 90%, transparent) } } .bg-rose-600 { background-color: var(--color-rose-600) } .bg-rose-600\/10 { background-color: #e700441a } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/10 { background-color: color-mix(in oklab, var(--color-rose-600) 10%, transparent) } } .bg-rose-600\/20 { background-color: #e7004433 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/20 { background-color: color-mix(in oklab, var(--color-rose-600) 20%, transparent) } } .bg-rose-600\/30 { background-color: #e700444d } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/30 { background-color: color-mix(in oklab, var(--color-rose-600) 30%, transparent) } } .bg-rose-600\/40 { background-color: #e7004466 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/40 { background-color: color-mix(in oklab, var(--color-rose-600) 40%, transparent) } } .bg-rose-600\/50 { background-color: #e7004480 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/50 { background-color: color-mix(in oklab, var(--color-rose-600) 50%, transparent) } } .bg-rose-600\/60 { background-color: #e7004499 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/60 { background-color: color-mix(in oklab, var(--color-rose-600) 60%, transparent) } } .bg-rose-600\/70 { background-color: #e70044b3 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/70 { background-color: color-mix(in oklab, var(--color-rose-600) 70%, transparent) } } .bg-rose-600\/80 { background-color: #e70044cc } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/80 { background-color: color-mix(in oklab, var(--color-rose-600) 80%, transparent) } } .bg-rose-600\/90 { background-color: #e70044e6 } @supports (color:color-mix(in lab, red, red)) { .bg-rose-600\/90 { background-color: color-mix(in oklab, var(--color-rose-600) 90%, transparent) } } .bg-rose-700 { background-color: var(--color-rose-700) } .bg-rose-800 { background-color: var(--color-rose-800) } .bg-rose-900 { background-color: var(--color-rose-900) } .bg-sky-100 { background-color: var(--color-sky-100) } .bg-sky-200 { background-color: var(--color-sky-200) } .bg-sky-300 { background-color: var(--color-sky-300) } .bg-sky-300\/10 { background-color: #77d4ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/10 { background-color: color-mix(in oklab, var(--color-sky-300) 10%, transparent) } } .bg-sky-300\/20 { background-color: #77d4ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/20 { background-color: color-mix(in oklab, var(--color-sky-300) 20%, transparent) } } .bg-sky-300\/30 { background-color: #77d4ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/30 { background-color: color-mix(in oklab, var(--color-sky-300) 30%, transparent) } } .bg-sky-300\/40 { background-color: #77d4ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/40 { background-color: color-mix(in oklab, var(--color-sky-300) 40%, transparent) } } .bg-sky-300\/50 { background-color: #77d4ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/50 { background-color: color-mix(in oklab, var(--color-sky-300) 50%, transparent) } } .bg-sky-300\/60 { background-color: #77d4ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/60 { background-color: color-mix(in oklab, var(--color-sky-300) 60%, transparent) } } .bg-sky-300\/70 { background-color: #77d4ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/70 { background-color: color-mix(in oklab, var(--color-sky-300) 70%, transparent) } } .bg-sky-300\/80 { background-color: #77d4ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/80 { background-color: color-mix(in oklab, var(--color-sky-300) 80%, transparent) } } .bg-sky-300\/90 { background-color: #77d4ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-300\/90 { background-color: color-mix(in oklab, var(--color-sky-300) 90%, transparent) } } .bg-sky-400 { background-color: var(--color-sky-400) } .bg-sky-400\/10 { background-color: #00bcfe1a } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/10 { background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent) } } .bg-sky-400\/20 { background-color: #00bcfe33 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/20 { background-color: color-mix(in oklab, var(--color-sky-400) 20%, transparent) } } .bg-sky-400\/30 { background-color: #00bcfe4d } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/30 { background-color: color-mix(in oklab, var(--color-sky-400) 30%, transparent) } } .bg-sky-400\/40 { background-color: #00bcfe66 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/40 { background-color: color-mix(in oklab, var(--color-sky-400) 40%, transparent) } } .bg-sky-400\/50 { background-color: #00bcfe80 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/50 { background-color: color-mix(in oklab, var(--color-sky-400) 50%, transparent) } } .bg-sky-400\/60 { background-color: #00bcfe99 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/60 { background-color: color-mix(in oklab, var(--color-sky-400) 60%, transparent) } } .bg-sky-400\/70 { background-color: #00bcfeb3 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/70 { background-color: color-mix(in oklab, var(--color-sky-400) 70%, transparent) } } .bg-sky-400\/80 { background-color: #00bcfecc } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/80 { background-color: color-mix(in oklab, var(--color-sky-400) 80%, transparent) } } .bg-sky-400\/90 { background-color: #00bcfee6 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-400\/90 { background-color: color-mix(in oklab, var(--color-sky-400) 90%, transparent) } } .bg-sky-500 { background-color: var(--color-sky-500) } .bg-sky-500\/10 { background-color: #00a5ef1a } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/10 { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent) } } .bg-sky-500\/20 { background-color: #00a5ef33 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/20 { background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent) } } .bg-sky-500\/30 { background-color: #00a5ef4d } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/30 { background-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent) } } .bg-sky-500\/40 { background-color: #00a5ef66 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/40 { background-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent) } } .bg-sky-500\/50 { background-color: #00a5ef80 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/50 { background-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent) } } .bg-sky-500\/60 { background-color: #00a5ef99 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/60 { background-color: color-mix(in oklab, var(--color-sky-500) 60%, transparent) } } .bg-sky-500\/70 { background-color: #00a5efb3 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/70 { background-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent) } } .bg-sky-500\/80 { background-color: #00a5efcc } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/80 { background-color: color-mix(in oklab, var(--color-sky-500) 80%, transparent) } } .bg-sky-500\/90 { background-color: #00a5efe6 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-500\/90 { background-color: color-mix(in oklab, var(--color-sky-500) 90%, transparent) } } .bg-sky-600 { background-color: var(--color-sky-600) } .bg-sky-600\/10 { background-color: #0084cc1a } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/10 { background-color: color-mix(in oklab, var(--color-sky-600) 10%, transparent) } } .bg-sky-600\/20 { background-color: #0084cc33 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/20 { background-color: color-mix(in oklab, var(--color-sky-600) 20%, transparent) } } .bg-sky-600\/30 { background-color: #0084cc4d } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/30 { background-color: color-mix(in oklab, var(--color-sky-600) 30%, transparent) } } .bg-sky-600\/40 { background-color: #0084cc66 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/40 { background-color: color-mix(in oklab, var(--color-sky-600) 40%, transparent) } } .bg-sky-600\/50 { background-color: #0084cc80 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/50 { background-color: color-mix(in oklab, var(--color-sky-600) 50%, transparent) } } .bg-sky-600\/60 { background-color: #0084cc99 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/60 { background-color: color-mix(in oklab, var(--color-sky-600) 60%, transparent) } } .bg-sky-600\/70 { background-color: #0084ccb3 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/70 { background-color: color-mix(in oklab, var(--color-sky-600) 70%, transparent) } } .bg-sky-600\/80 { background-color: #0084cccc } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/80 { background-color: color-mix(in oklab, var(--color-sky-600) 80%, transparent) } } .bg-sky-600\/90 { background-color: #0084cce6 } @supports (color:color-mix(in lab, red, red)) { .bg-sky-600\/90 { background-color: color-mix(in oklab, var(--color-sky-600) 90%, transparent) } } .bg-sky-700 { background-color: var(--color-sky-700) } .bg-sky-800 { background-color: var(--color-sky-800) } .bg-sky-900 { background-color: var(--color-sky-900) } .bg-slate-100 { background-color: var(--color-slate-100) } .bg-slate-200 { background-color: var(--color-slate-200) } .bg-slate-300 { background-color: var(--color-slate-300) } .bg-slate-300\/10 { background-color: #cad5e21a } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/10 { background-color: color-mix(in oklab, var(--color-slate-300) 10%, transparent) } } .bg-slate-300\/20 { background-color: #cad5e233 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/20 { background-color: color-mix(in oklab, var(--color-slate-300) 20%, transparent) } } .bg-slate-300\/30 { background-color: #cad5e24d } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/30 { background-color: color-mix(in oklab, var(--color-slate-300) 30%, transparent) } } .bg-slate-300\/40 { background-color: #cad5e266 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/40 { background-color: color-mix(in oklab, var(--color-slate-300) 40%, transparent) } } .bg-slate-300\/50 { background-color: #cad5e280 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/50 { background-color: color-mix(in oklab, var(--color-slate-300) 50%, transparent) } } .bg-slate-300\/60 { background-color: #cad5e299 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/60 { background-color: color-mix(in oklab, var(--color-slate-300) 60%, transparent) } } .bg-slate-300\/70 { background-color: #cad5e2b3 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/70 { background-color: color-mix(in oklab, var(--color-slate-300) 70%, transparent) } } .bg-slate-300\/80 { background-color: #cad5e2cc } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/80 { background-color: color-mix(in oklab, var(--color-slate-300) 80%, transparent) } } .bg-slate-300\/90 { background-color: #cad5e2e6 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-300\/90 { background-color: color-mix(in oklab, var(--color-slate-300) 90%, transparent) } } .bg-slate-400 { background-color: var(--color-slate-400) } .bg-slate-400\/10 { background-color: #90a1b91a } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/10 { background-color: color-mix(in oklab, var(--color-slate-400) 10%, transparent) } } .bg-slate-400\/20 { background-color: #90a1b933 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/20 { background-color: color-mix(in oklab, var(--color-slate-400) 20%, transparent) } } .bg-slate-400\/30 { background-color: #90a1b94d } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/30 { background-color: color-mix(in oklab, var(--color-slate-400) 30%, transparent) } } .bg-slate-400\/40 { background-color: #90a1b966 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/40 { background-color: color-mix(in oklab, var(--color-slate-400) 40%, transparent) } } .bg-slate-400\/50 { background-color: #90a1b980 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/50 { background-color: color-mix(in oklab, var(--color-slate-400) 50%, transparent) } } .bg-slate-400\/60 { background-color: #90a1b999 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/60 { background-color: color-mix(in oklab, var(--color-slate-400) 60%, transparent) } } .bg-slate-400\/70 { background-color: #90a1b9b3 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/70 { background-color: color-mix(in oklab, var(--color-slate-400) 70%, transparent) } } .bg-slate-400\/80 { background-color: #90a1b9cc } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/80 { background-color: color-mix(in oklab, var(--color-slate-400) 80%, transparent) } } .bg-slate-400\/90 { background-color: #90a1b9e6 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-400\/90 { background-color: color-mix(in oklab, var(--color-slate-400) 90%, transparent) } } .bg-slate-500 { background-color: var(--color-slate-500) } .bg-slate-500\/10 { background-color: #62748e1a } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/10 { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent) } } .bg-slate-500\/20 { background-color: #62748e33 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/20 { background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent) } } .bg-slate-500\/30 { background-color: #62748e4d } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/30 { background-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent) } } .bg-slate-500\/40 { background-color: #62748e66 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/40 { background-color: color-mix(in oklab, var(--color-slate-500) 40%, transparent) } } .bg-slate-500\/50 { background-color: #62748e80 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/50 { background-color: color-mix(in oklab, var(--color-slate-500) 50%, transparent) } } .bg-slate-500\/60 { background-color: #62748e99 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/60 { background-color: color-mix(in oklab, var(--color-slate-500) 60%, transparent) } } .bg-slate-500\/70 { background-color: #62748eb3 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/70 { background-color: color-mix(in oklab, var(--color-slate-500) 70%, transparent) } } .bg-slate-500\/80 { background-color: #62748ecc } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/80 { background-color: color-mix(in oklab, var(--color-slate-500) 80%, transparent) } } .bg-slate-500\/90 { background-color: #62748ee6 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-500\/90 { background-color: color-mix(in oklab, var(--color-slate-500) 90%, transparent) } } .bg-slate-600 { background-color: var(--color-slate-600) } .bg-slate-600\/10 { background-color: #45556c1a } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/10 { background-color: color-mix(in oklab, var(--color-slate-600) 10%, transparent) } } .bg-slate-600\/20 { background-color: #45556c33 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/20 { background-color: color-mix(in oklab, var(--color-slate-600) 20%, transparent) } } .bg-slate-600\/30 { background-color: #45556c4d } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/30 { background-color: color-mix(in oklab, var(--color-slate-600) 30%, transparent) } } .bg-slate-600\/40 { background-color: #45556c66 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/40 { background-color: color-mix(in oklab, var(--color-slate-600) 40%, transparent) } } .bg-slate-600\/50 { background-color: #45556c80 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/50 { background-color: color-mix(in oklab, var(--color-slate-600) 50%, transparent) } } .bg-slate-600\/60 { background-color: #45556c99 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/60 { background-color: color-mix(in oklab, var(--color-slate-600) 60%, transparent) } } .bg-slate-600\/70 { background-color: #45556cb3 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/70 { background-color: color-mix(in oklab, var(--color-slate-600) 70%, transparent) } } .bg-slate-600\/80 { background-color: #45556ccc } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/80 { background-color: color-mix(in oklab, var(--color-slate-600) 80%, transparent) } } .bg-slate-600\/90 { background-color: #45556ce6 } @supports (color:color-mix(in lab, red, red)) { .bg-slate-600\/90 { background-color: color-mix(in oklab, var(--color-slate-600) 90%, transparent) } } .bg-slate-700 { background-color: var(--color-slate-700) } .bg-slate-800 { background-color: var(--color-slate-800) } .bg-slate-900 { background-color: var(--color-slate-900) } .bg-surface { background-color: var(--color-surface) } .bg-teal-100 { background-color: var(--color-teal-100) } .bg-teal-200 { background-color: var(--color-teal-200) } .bg-teal-300 { background-color: var(--color-teal-300) } .bg-teal-300\/10 { background-color: #46ecd51a } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/10 { background-color: color-mix(in oklab, var(--color-teal-300) 10%, transparent) } } .bg-teal-300\/20 { background-color: #46ecd533 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/20 { background-color: color-mix(in oklab, var(--color-teal-300) 20%, transparent) } } .bg-teal-300\/30 { background-color: #46ecd54d } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/30 { background-color: color-mix(in oklab, var(--color-teal-300) 30%, transparent) } } .bg-teal-300\/40 { background-color: #46ecd566 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/40 { background-color: color-mix(in oklab, var(--color-teal-300) 40%, transparent) } } .bg-teal-300\/50 { background-color: #46ecd580 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/50 { background-color: color-mix(in oklab, var(--color-teal-300) 50%, transparent) } } .bg-teal-300\/60 { background-color: #46ecd599 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/60 { background-color: color-mix(in oklab, var(--color-teal-300) 60%, transparent) } } .bg-teal-300\/70 { background-color: #46ecd5b3 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/70 { background-color: color-mix(in oklab, var(--color-teal-300) 70%, transparent) } } .bg-teal-300\/80 { background-color: #46ecd5cc } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/80 { background-color: color-mix(in oklab, var(--color-teal-300) 80%, transparent) } } .bg-teal-300\/90 { background-color: #46ecd5e6 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-300\/90 { background-color: color-mix(in oklab, var(--color-teal-300) 90%, transparent) } } .bg-teal-400 { background-color: var(--color-teal-400) } .bg-teal-400\/10 { background-color: #00d3bd1a } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/10 { background-color: color-mix(in oklab, var(--color-teal-400) 10%, transparent) } } .bg-teal-400\/20 { background-color: #00d3bd33 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/20 { background-color: color-mix(in oklab, var(--color-teal-400) 20%, transparent) } } .bg-teal-400\/30 { background-color: #00d3bd4d } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/30 { background-color: color-mix(in oklab, var(--color-teal-400) 30%, transparent) } } .bg-teal-400\/40 { background-color: #00d3bd66 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/40 { background-color: color-mix(in oklab, var(--color-teal-400) 40%, transparent) } } .bg-teal-400\/50 { background-color: #00d3bd80 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/50 { background-color: color-mix(in oklab, var(--color-teal-400) 50%, transparent) } } .bg-teal-400\/60 { background-color: #00d3bd99 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/60 { background-color: color-mix(in oklab, var(--color-teal-400) 60%, transparent) } } .bg-teal-400\/70 { background-color: #00d3bdb3 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/70 { background-color: color-mix(in oklab, var(--color-teal-400) 70%, transparent) } } .bg-teal-400\/80 { background-color: #00d3bdcc } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/80 { background-color: color-mix(in oklab, var(--color-teal-400) 80%, transparent) } } .bg-teal-400\/90 { background-color: #00d3bde6 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-400\/90 { background-color: color-mix(in oklab, var(--color-teal-400) 90%, transparent) } } .bg-teal-500 { background-color: var(--color-teal-500) } .bg-teal-500\/10 { background-color: #00baa71a } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/10 { background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent) } } .bg-teal-500\/20 { background-color: #00baa733 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/20 { background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent) } } .bg-teal-500\/30 { background-color: #00baa74d } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/30 { background-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent) } } .bg-teal-500\/40 { background-color: #00baa766 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/40 { background-color: color-mix(in oklab, var(--color-teal-500) 40%, transparent) } } .bg-teal-500\/50 { background-color: #00baa780 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/50 { background-color: color-mix(in oklab, var(--color-teal-500) 50%, transparent) } } .bg-teal-500\/60 { background-color: #00baa799 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/60 { background-color: color-mix(in oklab, var(--color-teal-500) 60%, transparent) } } .bg-teal-500\/70 { background-color: #00baa7b3 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/70 { background-color: color-mix(in oklab, var(--color-teal-500) 70%, transparent) } } .bg-teal-500\/80 { background-color: #00baa7cc } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/80 { background-color: color-mix(in oklab, var(--color-teal-500) 80%, transparent) } } .bg-teal-500\/90 { background-color: #00baa7e6 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-500\/90 { background-color: color-mix(in oklab, var(--color-teal-500) 90%, transparent) } } .bg-teal-600 { background-color: var(--color-teal-600) } .bg-teal-600\/10 { background-color: #0095881a } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/10 { background-color: color-mix(in oklab, var(--color-teal-600) 10%, transparent) } } .bg-teal-600\/20 { background-color: #00958833 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/20 { background-color: color-mix(in oklab, var(--color-teal-600) 20%, transparent) } } .bg-teal-600\/30 { background-color: #0095884d } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/30 { background-color: color-mix(in oklab, var(--color-teal-600) 30%, transparent) } } .bg-teal-600\/40 { background-color: #00958866 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/40 { background-color: color-mix(in oklab, var(--color-teal-600) 40%, transparent) } } .bg-teal-600\/50 { background-color: #00958880 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/50 { background-color: color-mix(in oklab, var(--color-teal-600) 50%, transparent) } } .bg-teal-600\/60 { background-color: #00958899 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/60 { background-color: color-mix(in oklab, var(--color-teal-600) 60%, transparent) } } .bg-teal-600\/70 { background-color: #009588b3 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/70 { background-color: color-mix(in oklab, var(--color-teal-600) 70%, transparent) } } .bg-teal-600\/80 { background-color: #009588cc } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/80 { background-color: color-mix(in oklab, var(--color-teal-600) 80%, transparent) } } .bg-teal-600\/90 { background-color: #009588e6 } @supports (color:color-mix(in lab, red, red)) { .bg-teal-600\/90 { background-color: color-mix(in oklab, var(--color-teal-600) 90%, transparent) } } .bg-teal-700 { background-color: var(--color-teal-700) } .bg-teal-800 { background-color: var(--color-teal-800) } .bg-teal-900 { background-color: var(--color-teal-900) } .bg-transparent { background-color: #0000 } .bg-violet-100 { background-color: var(--color-violet-100) } .bg-violet-200 { background-color: var(--color-violet-200) } .bg-violet-300 { background-color: var(--color-violet-300) } .bg-violet-300\/10 { background-color: #c4b4ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/10 { background-color: color-mix(in oklab, var(--color-violet-300) 10%, transparent) } } .bg-violet-300\/20 { background-color: #c4b4ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/20 { background-color: color-mix(in oklab, var(--color-violet-300) 20%, transparent) } } .bg-violet-300\/30 { background-color: #c4b4ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/30 { background-color: color-mix(in oklab, var(--color-violet-300) 30%, transparent) } } .bg-violet-300\/40 { background-color: #c4b4ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/40 { background-color: color-mix(in oklab, var(--color-violet-300) 40%, transparent) } } .bg-violet-300\/50 { background-color: #c4b4ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/50 { background-color: color-mix(in oklab, var(--color-violet-300) 50%, transparent) } } .bg-violet-300\/60 { background-color: #c4b4ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/60 { background-color: color-mix(in oklab, var(--color-violet-300) 60%, transparent) } } .bg-violet-300\/70 { background-color: #c4b4ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/70 { background-color: color-mix(in oklab, var(--color-violet-300) 70%, transparent) } } .bg-violet-300\/80 { background-color: #c4b4ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/80 { background-color: color-mix(in oklab, var(--color-violet-300) 80%, transparent) } } .bg-violet-300\/90 { background-color: #c4b4ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-300\/90 { background-color: color-mix(in oklab, var(--color-violet-300) 90%, transparent) } } .bg-violet-400 { background-color: var(--color-violet-400) } .bg-violet-400\/10 { background-color: #a685ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/10 { background-color: color-mix(in oklab, var(--color-violet-400) 10%, transparent) } } .bg-violet-400\/20 { background-color: #a685ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/20 { background-color: color-mix(in oklab, var(--color-violet-400) 20%, transparent) } } .bg-violet-400\/30 { background-color: #a685ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/30 { background-color: color-mix(in oklab, var(--color-violet-400) 30%, transparent) } } .bg-violet-400\/40 { background-color: #a685ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/40 { background-color: color-mix(in oklab, var(--color-violet-400) 40%, transparent) } } .bg-violet-400\/50 { background-color: #a685ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/50 { background-color: color-mix(in oklab, var(--color-violet-400) 50%, transparent) } } .bg-violet-400\/60 { background-color: #a685ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/60 { background-color: color-mix(in oklab, var(--color-violet-400) 60%, transparent) } } .bg-violet-400\/70 { background-color: #a685ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/70 { background-color: color-mix(in oklab, var(--color-violet-400) 70%, transparent) } } .bg-violet-400\/80 { background-color: #a685ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/80 { background-color: color-mix(in oklab, var(--color-violet-400) 80%, transparent) } } .bg-violet-400\/90 { background-color: #a685ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-400\/90 { background-color: color-mix(in oklab, var(--color-violet-400) 90%, transparent) } } .bg-violet-500 { background-color: var(--color-violet-500) } .bg-violet-500\/10 { background-color: #8d54ff1a } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/10 { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent) } } .bg-violet-500\/20 { background-color: #8d54ff33 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/20 { background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent) } } .bg-violet-500\/30 { background-color: #8d54ff4d } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/30 { background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent) } } .bg-violet-500\/40 { background-color: #8d54ff66 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/40 { background-color: color-mix(in oklab, var(--color-violet-500) 40%, transparent) } } .bg-violet-500\/50 { background-color: #8d54ff80 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/50 { background-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent) } } .bg-violet-500\/60 { background-color: #8d54ff99 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/60 { background-color: color-mix(in oklab, var(--color-violet-500) 60%, transparent) } } .bg-violet-500\/70 { background-color: #8d54ffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/70 { background-color: color-mix(in oklab, var(--color-violet-500) 70%, transparent) } } .bg-violet-500\/80 { background-color: #8d54ffcc } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/80 { background-color: color-mix(in oklab, var(--color-violet-500) 80%, transparent) } } .bg-violet-500\/90 { background-color: #8d54ffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-500\/90 { background-color: color-mix(in oklab, var(--color-violet-500) 90%, transparent) } } .bg-violet-600 { background-color: var(--color-violet-600) } .bg-violet-600\/10 { background-color: #7f22fe1a } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/10 { background-color: color-mix(in oklab, var(--color-violet-600) 10%, transparent) } } .bg-violet-600\/20 { background-color: #7f22fe33 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/20 { background-color: color-mix(in oklab, var(--color-violet-600) 20%, transparent) } } .bg-violet-600\/30 { background-color: #7f22fe4d } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/30 { background-color: color-mix(in oklab, var(--color-violet-600) 30%, transparent) } } .bg-violet-600\/40 { background-color: #7f22fe66 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/40 { background-color: color-mix(in oklab, var(--color-violet-600) 40%, transparent) } } .bg-violet-600\/50 { background-color: #7f22fe80 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/50 { background-color: color-mix(in oklab, var(--color-violet-600) 50%, transparent) } } .bg-violet-600\/60 { background-color: #7f22fe99 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/60 { background-color: color-mix(in oklab, var(--color-violet-600) 60%, transparent) } } .bg-violet-600\/70 { background-color: #7f22feb3 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/70 { background-color: color-mix(in oklab, var(--color-violet-600) 70%, transparent) } } .bg-violet-600\/80 { background-color: #7f22fecc } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/80 { background-color: color-mix(in oklab, var(--color-violet-600) 80%, transparent) } } .bg-violet-600\/90 { background-color: #7f22fee6 } @supports (color:color-mix(in lab, red, red)) { .bg-violet-600\/90 { background-color: color-mix(in oklab, var(--color-violet-600) 90%, transparent) } } .bg-violet-700 { background-color: var(--color-violet-700) } .bg-violet-800 { background-color: var(--color-violet-800) } .bg-violet-900 { background-color: var(--color-violet-900) } .bg-white { background-color: var(--color-white) } .bg-white\/5 { background-color: #ffffff0d } @supports (color:color-mix(in lab, red, red)) { .bg-white\/5 { background-color: color-mix(in oklab, var(--color-white) 5%, transparent) } } .bg-white\/10 { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .bg-white\/15 { background-color: #ffffff26 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent) } } .bg-white\/20 { background-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .bg-white\/25 { background-color: #ffffff40 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/25 { background-color: color-mix(in oklab, var(--color-white) 25%, transparent) } } .bg-white\/30 { background-color: #ffffff4d } @supports (color:color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent) } } .bg-white\/35 { background-color: #ffffff59 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/35 { background-color: color-mix(in oklab, var(--color-white) 35%, transparent) } } .bg-white\/40 { background-color: #fff6 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/40 { background-color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .bg-white\/45 { background-color: #ffffff73 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/45 { background-color: color-mix(in oklab, var(--color-white) 45%, transparent) } } .bg-white\/50 { background-color: #ffffff80 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent) } } .bg-white\/55 { background-color: #ffffff8c } @supports (color:color-mix(in lab, red, red)) { .bg-white\/55 { background-color: color-mix(in oklab, var(--color-white) 55%, transparent) } } .bg-white\/60 { background-color: #fff9 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/60 { background-color: color-mix(in oklab, var(--color-white) 60%, transparent) } } .bg-white\/65 { background-color: #ffffffa6 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/65 { background-color: color-mix(in oklab, var(--color-white) 65%, transparent) } } .bg-white\/70 { background-color: #ffffffb3 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/70 { background-color: color-mix(in oklab, var(--color-white) 70%, transparent) } } .bg-white\/75 { background-color: #ffffffbf } @supports (color:color-mix(in lab, red, red)) { .bg-white\/75 { background-color: color-mix(in oklab, var(--color-white) 75%, transparent) } } .bg-white\/80 { background-color: #fffc } @supports (color:color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent) } } .bg-white\/85 { background-color: #ffffffd9 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/85 { background-color: color-mix(in oklab, var(--color-white) 85%, transparent) } } .bg-white\/90 { background-color: #ffffffe6 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent) } } .bg-white\/95 { background-color: #fffffff2 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/95 { background-color: color-mix(in oklab, var(--color-white) 95%, transparent) } } .bg-white\/\[0\.025\] { background-color: #ffffff06 } @supports (color:color-mix(in lab, red, red)) { .bg-white\/\[0\.025\] { background-color: color-mix(in oklab, var(--color-white) 2.5%, transparent) } } .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-300\/10 { background-color: #ffe02a1a } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/10 { background-color: color-mix(in oklab, var(--color-yellow-300) 10%, transparent) } } .bg-yellow-300\/20 { background-color: #ffe02a33 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/20 { background-color: color-mix(in oklab, var(--color-yellow-300) 20%, transparent) } } .bg-yellow-300\/30 { background-color: #ffe02a4d } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/30 { background-color: color-mix(in oklab, var(--color-yellow-300) 30%, transparent) } } .bg-yellow-300\/40 { background-color: #ffe02a66 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/40 { background-color: color-mix(in oklab, var(--color-yellow-300) 40%, transparent) } } .bg-yellow-300\/50 { background-color: #ffe02a80 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/50 { background-color: color-mix(in oklab, var(--color-yellow-300) 50%, transparent) } } .bg-yellow-300\/60 { background-color: #ffe02a99 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/60 { background-color: color-mix(in oklab, var(--color-yellow-300) 60%, transparent) } } .bg-yellow-300\/70 { background-color: #ffe02ab3 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/70 { background-color: color-mix(in oklab, var(--color-yellow-300) 70%, transparent) } } .bg-yellow-300\/80 { background-color: #ffe02acc } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/80 { background-color: color-mix(in oklab, var(--color-yellow-300) 80%, transparent) } } .bg-yellow-300\/90 { background-color: #ffe02ae6 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-300\/90 { background-color: color-mix(in oklab, var(--color-yellow-300) 90%, transparent) } } .bg-yellow-400 { background-color: var(--color-yellow-400) } .bg-yellow-400\/10 { background-color: #fac8001a } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/10 { background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent) } } .bg-yellow-400\/20 { background-color: #fac80033 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/20 { background-color: color-mix(in oklab, var(--color-yellow-400) 20%, transparent) } } .bg-yellow-400\/30 { background-color: #fac8004d } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/30 { background-color: color-mix(in oklab, var(--color-yellow-400) 30%, transparent) } } .bg-yellow-400\/40 { background-color: #fac80066 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/40 { background-color: color-mix(in oklab, var(--color-yellow-400) 40%, transparent) } } .bg-yellow-400\/50 { background-color: #fac80080 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/50 { background-color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent) } } .bg-yellow-400\/60 { background-color: #fac80099 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/60 { background-color: color-mix(in oklab, var(--color-yellow-400) 60%, transparent) } } .bg-yellow-400\/70 { background-color: #fac800b3 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/70 { background-color: color-mix(in oklab, var(--color-yellow-400) 70%, transparent) } } .bg-yellow-400\/80 { background-color: #fac800cc } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/80 { background-color: color-mix(in oklab, var(--color-yellow-400) 80%, transparent) } } .bg-yellow-400\/90 { background-color: #fac800e6 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-400\/90 { background-color: color-mix(in oklab, var(--color-yellow-400) 90%, transparent) } } .bg-yellow-500 { background-color: var(--color-yellow-500) } .bg-yellow-500\/10 { background-color: #edb2001a } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/10 { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent) } } .bg-yellow-500\/20 { background-color: #edb20033 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/20 { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent) } } .bg-yellow-500\/30 { background-color: #edb2004d } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/30 { background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent) } } .bg-yellow-500\/40 { background-color: #edb20066 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/40 { background-color: color-mix(in oklab, var(--color-yellow-500) 40%, transparent) } } .bg-yellow-500\/50 { background-color: #edb20080 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/50 { background-color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent) } } .bg-yellow-500\/60 { background-color: #edb20099 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/60 { background-color: color-mix(in oklab, var(--color-yellow-500) 60%, transparent) } } .bg-yellow-500\/70 { background-color: #edb200b3 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/70 { background-color: color-mix(in oklab, var(--color-yellow-500) 70%, transparent) } } .bg-yellow-500\/80 { background-color: #edb200cc } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/80 { background-color: color-mix(in oklab, var(--color-yellow-500) 80%, transparent) } } .bg-yellow-500\/90 { background-color: #edb200e6 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-500\/90 { background-color: color-mix(in oklab, var(--color-yellow-500) 90%, transparent) } } .bg-yellow-600 { background-color: var(--color-yellow-600) } .bg-yellow-600\/10 { background-color: #cd89001a } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/10 { background-color: color-mix(in oklab, var(--color-yellow-600) 10%, transparent) } } .bg-yellow-600\/20 { background-color: #cd890033 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/20 { background-color: color-mix(in oklab, var(--color-yellow-600) 20%, transparent) } } .bg-yellow-600\/30 { background-color: #cd89004d } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/30 { background-color: color-mix(in oklab, var(--color-yellow-600) 30%, transparent) } } .bg-yellow-600\/40 { background-color: #cd890066 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/40 { background-color: color-mix(in oklab, var(--color-yellow-600) 40%, transparent) } } .bg-yellow-600\/50 { background-color: #cd890080 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/50 { background-color: color-mix(in oklab, var(--color-yellow-600) 50%, transparent) } } .bg-yellow-600\/60 { background-color: #cd890099 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/60 { background-color: color-mix(in oklab, var(--color-yellow-600) 60%, transparent) } } .bg-yellow-600\/70 { background-color: #cd8900b3 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/70 { background-color: color-mix(in oklab, var(--color-yellow-600) 70%, transparent) } } .bg-yellow-600\/80 { background-color: #cd8900cc } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/80 { background-color: color-mix(in oklab, var(--color-yellow-600) 80%, transparent) } } .bg-yellow-600\/90 { background-color: #cd8900e6 } @supports (color:color-mix(in lab, red, red)) { .bg-yellow-600\/90 { background-color: color-mix(in oklab, var(--color-yellow-600) 90%, transparent) } } .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) } .bg-zinc-100 { background-color: var(--color-zinc-100) } .bg-zinc-200 { background-color: var(--color-zinc-200) } .bg-zinc-300 { background-color: var(--color-zinc-300) } .bg-zinc-300\/10 { background-color: #d4d4d81a } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/10 { background-color: color-mix(in oklab, var(--color-zinc-300) 10%, transparent) } } .bg-zinc-300\/20 { background-color: #d4d4d833 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/20 { background-color: color-mix(in oklab, var(--color-zinc-300) 20%, transparent) } } .bg-zinc-300\/30 { background-color: #d4d4d84d } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/30 { background-color: color-mix(in oklab, var(--color-zinc-300) 30%, transparent) } } .bg-zinc-300\/40 { background-color: #d4d4d866 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/40 { background-color: color-mix(in oklab, var(--color-zinc-300) 40%, transparent) } } .bg-zinc-300\/50 { background-color: #d4d4d880 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/50 { background-color: color-mix(in oklab, var(--color-zinc-300) 50%, transparent) } } .bg-zinc-300\/60 { background-color: #d4d4d899 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/60 { background-color: color-mix(in oklab, var(--color-zinc-300) 60%, transparent) } } .bg-zinc-300\/70 { background-color: #d4d4d8b3 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/70 { background-color: color-mix(in oklab, var(--color-zinc-300) 70%, transparent) } } .bg-zinc-300\/80 { background-color: #d4d4d8cc } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/80 { background-color: color-mix(in oklab, var(--color-zinc-300) 80%, transparent) } } .bg-zinc-300\/90 { background-color: #d4d4d8e6 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-300\/90 { background-color: color-mix(in oklab, var(--color-zinc-300) 90%, transparent) } } .bg-zinc-400 { background-color: var(--color-zinc-400) } .bg-zinc-400\/10 { background-color: #9f9fa91a } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/10 { background-color: color-mix(in oklab, var(--color-zinc-400) 10%, transparent) } } .bg-zinc-400\/20 { background-color: #9f9fa933 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/20 { background-color: color-mix(in oklab, var(--color-zinc-400) 20%, transparent) } } .bg-zinc-400\/30 { background-color: #9f9fa94d } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/30 { background-color: color-mix(in oklab, var(--color-zinc-400) 30%, transparent) } } .bg-zinc-400\/40 { background-color: #9f9fa966 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/40 { background-color: color-mix(in oklab, var(--color-zinc-400) 40%, transparent) } } .bg-zinc-400\/50 { background-color: #9f9fa980 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/50 { background-color: color-mix(in oklab, var(--color-zinc-400) 50%, transparent) } } .bg-zinc-400\/60 { background-color: #9f9fa999 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/60 { background-color: color-mix(in oklab, var(--color-zinc-400) 60%, transparent) } } .bg-zinc-400\/70 { background-color: #9f9fa9b3 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/70 { background-color: color-mix(in oklab, var(--color-zinc-400) 70%, transparent) } } .bg-zinc-400\/80 { background-color: #9f9fa9cc } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/80 { background-color: color-mix(in oklab, var(--color-zinc-400) 80%, transparent) } } .bg-zinc-400\/90 { background-color: #9f9fa9e6 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-400\/90 { background-color: color-mix(in oklab, var(--color-zinc-400) 90%, transparent) } } .bg-zinc-500 { background-color: var(--color-zinc-500) } .bg-zinc-500\/10 { background-color: #71717b1a } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/10 { background-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent) } } .bg-zinc-500\/20 { background-color: #71717b33 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/20 { background-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent) } } .bg-zinc-500\/30 { background-color: #71717b4d } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/30 { background-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent) } } .bg-zinc-500\/40 { background-color: #71717b66 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/40 { background-color: color-mix(in oklab, var(--color-zinc-500) 40%, transparent) } } .bg-zinc-500\/50 { background-color: #71717b80 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/50 { background-color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent) } } .bg-zinc-500\/60 { background-color: #71717b99 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/60 { background-color: color-mix(in oklab, var(--color-zinc-500) 60%, transparent) } } .bg-zinc-500\/70 { background-color: #71717bb3 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/70 { background-color: color-mix(in oklab, var(--color-zinc-500) 70%, transparent) } } .bg-zinc-500\/80 { background-color: #71717bcc } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/80 { background-color: color-mix(in oklab, var(--color-zinc-500) 80%, transparent) } } .bg-zinc-500\/90 { background-color: #71717be6 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-500\/90 { background-color: color-mix(in oklab, var(--color-zinc-500) 90%, transparent) } } .bg-zinc-600 { background-color: var(--color-zinc-600) } .bg-zinc-600\/10 { background-color: #52525c1a } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/10 { background-color: color-mix(in oklab, var(--color-zinc-600) 10%, transparent) } } .bg-zinc-600\/20 { background-color: #52525c33 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/20 { background-color: color-mix(in oklab, var(--color-zinc-600) 20%, transparent) } } .bg-zinc-600\/30 { background-color: #52525c4d } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/30 { background-color: color-mix(in oklab, var(--color-zinc-600) 30%, transparent) } } .bg-zinc-600\/40 { background-color: #52525c66 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/40 { background-color: color-mix(in oklab, var(--color-zinc-600) 40%, transparent) } } .bg-zinc-600\/50 { background-color: #52525c80 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/50 { background-color: color-mix(in oklab, var(--color-zinc-600) 50%, transparent) } } .bg-zinc-600\/60 { background-color: #52525c99 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/60 { background-color: color-mix(in oklab, var(--color-zinc-600) 60%, transparent) } } .bg-zinc-600\/70 { background-color: #52525cb3 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/70 { background-color: color-mix(in oklab, var(--color-zinc-600) 70%, transparent) } } .bg-zinc-600\/80 { background-color: #52525ccc } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/80 { background-color: color-mix(in oklab, var(--color-zinc-600) 80%, transparent) } } .bg-zinc-600\/90 { background-color: #52525ce6 } @supports (color:color-mix(in lab, red, red)) { .bg-zinc-600\/90 { background-color: color-mix(in oklab, var(--color-zinc-600) 90%, transparent) } } .bg-zinc-700 { background-color: var(--color-zinc-700) } .bg-zinc-800 { background-color: var(--color-zinc-800) } .bg-zinc-900 { background-color: var(--color-zinc-900) } .object-contain { object-fit: contain } .object-cover { object-fit: cover } .object-fill { object-fit: fill } .object-none { object-fit: none } .object-scale-down { object-fit: scale-down } .object-bottom { object-position: bottom } .object-center { object-position: center } .object-left { object-position: left } .object-right { object-position: right } .object-top { object-position: top } .p-0 { padding: 0 } .p-1 { padding: var(--spacing) } .p-2 { padding: calc(var(--spacing) * 2) } .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-7 { padding: calc(var(--spacing) * 7) } .p-8 { padding: calc(var(--spacing) * 8) } .p-10 { padding: calc(var(--spacing) * 10) } .p-12 { padding: calc(var(--spacing) * 12) } .p-14 { padding: calc(var(--spacing) * 14) } .p-16 { padding: calc(var(--spacing) * 16) } .p-20 { padding: calc(var(--spacing) * 20) } .p-24 { padding: calc(var(--spacing) * 24) } .p-28 { padding: calc(var(--spacing) * 28) } .p-32 { padding: calc(var(--spacing) * 32) } .p-36 { padding: calc(var(--spacing) * 36) } .p-40 { padding: calc(var(--spacing) * 40) } .p-48 { padding: calc(var(--spacing) * 48) } .p-56 { padding: calc(var(--spacing) * 56) } .p-64 { padding: calc(var(--spacing) * 64) } .p-80 { padding: calc(var(--spacing) * 80) } .p-96 { padding: calc(var(--spacing) * 96) } .px-0 { padding-inline: 0 } .px-1 { padding-inline: var(--spacing) } .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-7 { padding-inline: calc(var(--spacing) * 7) } .px-8 { padding-inline: calc(var(--spacing) * 8) } .px-10 { padding-inline: calc(var(--spacing) * 10) } .px-12 { padding-inline: calc(var(--spacing) * 12) } .px-14 { padding-inline: calc(var(--spacing) * 14) } .px-16 { padding-inline: calc(var(--spacing) * 16) } .px-20 { padding-inline: calc(var(--spacing) * 20) } .px-24 { padding-inline: calc(var(--spacing) * 24) } .px-28 { padding-inline: calc(var(--spacing) * 28) } .px-32 { padding-inline: calc(var(--spacing) * 32) } .px-36 { padding-inline: calc(var(--spacing) * 36) } .px-40 { padding-inline: calc(var(--spacing) * 40) } .px-48 { padding-inline: calc(var(--spacing) * 48) } .px-56 { padding-inline: calc(var(--spacing) * 56) } .px-64 { padding-inline: calc(var(--spacing) * 64) } .px-80 { padding-inline: calc(var(--spacing) * 80) } .px-96 { padding-inline: calc(var(--spacing) * 96) } .py-0 { padding-block: 0 } .py-1 { padding-block: var(--spacing) } .py-2 { padding-block: calc(var(--spacing) * 2) } .py-3 { padding-block: calc(var(--spacing) * 3) } .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-10 { padding-block: calc(var(--spacing) * 10) } .py-12 { padding-block: calc(var(--spacing) * 12) } .py-14 { padding-block: calc(var(--spacing) * 14) } .py-16 { padding-block: calc(var(--spacing) * 16) } .py-20 { padding-block: calc(var(--spacing) * 20) } .py-24 { padding-block: calc(var(--spacing) * 24) } .py-28 { padding-block: calc(var(--spacing) * 28) } .py-32 { padding-block: calc(var(--spacing) * 32) } .py-36 { padding-block: calc(var(--spacing) * 36) } .py-40 { padding-block: calc(var(--spacing) * 40) } .py-48 { padding-block: calc(var(--spacing) * 48) } .py-56 { padding-block: calc(var(--spacing) * 56) } .py-64 { padding-block: calc(var(--spacing) * 64) } .py-80 { padding-block: calc(var(--spacing) * 80) } .py-96 { padding-block: calc(var(--spacing) * 96) } .ps-0 { padding-inline-start: 0 } .ps-1 { padding-inline-start: var(--spacing) } .ps-2 { padding-inline-start: calc(var(--spacing) * 2) } .ps-3 { padding-inline-start: calc(var(--spacing) * 3) } .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-8 { padding-inline-start: calc(var(--spacing) * 8) } .ps-10 { padding-inline-start: calc(var(--spacing) * 10) } .ps-12 { padding-inline-start: calc(var(--spacing) * 12) } .ps-14 { padding-inline-start: calc(var(--spacing) * 14) } .ps-16 { padding-inline-start: calc(var(--spacing) * 16) } .ps-20 { padding-inline-start: calc(var(--spacing) * 20) } .ps-24 { padding-inline-start: calc(var(--spacing) * 24) } .ps-28 { padding-inline-start: calc(var(--spacing) * 28) } .ps-32 { padding-inline-start: calc(var(--spacing) * 32) } .ps-36 { padding-inline-start: calc(var(--spacing) * 36) } .ps-40 { padding-inline-start: calc(var(--spacing) * 40) } .ps-48 { padding-inline-start: calc(var(--spacing) * 48) } .ps-56 { padding-inline-start: calc(var(--spacing) * 56) } .ps-64 { padding-inline-start: calc(var(--spacing) * 64) } .ps-80 { padding-inline-start: calc(var(--spacing) * 80) } .ps-96 { padding-inline-start: calc(var(--spacing) * 96) } .pe-0 { padding-inline-end: 0 } .pe-1 { padding-inline-end: var(--spacing) } .pe-2 { padding-inline-end: calc(var(--spacing) * 2) } .pe-3 { padding-inline-end: calc(var(--spacing) * 3) } .pe-4 { padding-inline-end: calc(var(--spacing) * 4) } .pe-5 { padding-inline-end: calc(var(--spacing) * 5) } .pe-6 { padding-inline-end: calc(var(--spacing) * 6) } .pe-8 { padding-inline-end: calc(var(--spacing) * 8) } .pe-10 { padding-inline-end: calc(var(--spacing) * 10) } .pe-12 { padding-inline-end: calc(var(--spacing) * 12) } .pe-14 { padding-inline-end: calc(var(--spacing) * 14) } .pe-16 { padding-inline-end: calc(var(--spacing) * 16) } .pe-20 { padding-inline-end: calc(var(--spacing) * 20) } .pe-24 { padding-inline-end: calc(var(--spacing) * 24) } .pe-28 { padding-inline-end: calc(var(--spacing) * 28) } .pe-32 { padding-inline-end: calc(var(--spacing) * 32) } .pe-36 { padding-inline-end: calc(var(--spacing) * 36) } .pe-40 { padding-inline-end: calc(var(--spacing) * 40) } .pe-48 { padding-inline-end: calc(var(--spacing) * 48) } .pe-56 { padding-inline-end: calc(var(--spacing) * 56) } .pe-64 { padding-inline-end: calc(var(--spacing) * 64) } .pe-80 { padding-inline-end: calc(var(--spacing) * 80) } .pe-96 { padding-inline-end: calc(var(--spacing) * 96) } .pt-0 { padding-top: 0 } .pt-1 { padding-top: var(--spacing) } .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-7 { padding-top: calc(var(--spacing) * 7) } .pt-8 { padding-top: calc(var(--spacing) * 8) } .pt-10 { padding-top: calc(var(--spacing) * 10) } .pt-12 { padding-top: calc(var(--spacing) * 12) } .pt-14 { padding-top: calc(var(--spacing) * 14) } .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-28 { padding-top: calc(var(--spacing) * 28) } .pt-32 { padding-top: calc(var(--spacing) * 32) } .pt-36 { padding-top: calc(var(--spacing) * 36) } .pt-40 { padding-top: calc(var(--spacing) * 40) } .pt-48 { padding-top: calc(var(--spacing) * 48) } .pt-56 { padding-top: calc(var(--spacing) * 56) } .pt-64 { padding-top: calc(var(--spacing) * 64) } .pt-80 { padding-top: calc(var(--spacing) * 80) } .pt-96 { padding-top: calc(var(--spacing) * 96) } .pr-0 { padding-right: 0 } .pr-1 { padding-right: var(--spacing) } .pr-2 { padding-right: calc(var(--spacing) * 2) } .pr-3 { padding-right: calc(var(--spacing) * 3) } .pr-4 { padding-right: calc(var(--spacing) * 4) } .pr-5 { padding-right: calc(var(--spacing) * 5) } .pr-6 { padding-right: calc(var(--spacing) * 6) } .pr-8 { padding-right: calc(var(--spacing) * 8) } .pr-10 { padding-right: calc(var(--spacing) * 10) } .pr-12 { padding-right: calc(var(--spacing) * 12) } .pr-14 { padding-right: calc(var(--spacing) * 14) } .pr-16 { padding-right: calc(var(--spacing) * 16) } .pr-20 { padding-right: calc(var(--spacing) * 20) } .pr-24 { padding-right: calc(var(--spacing) * 24) } .pr-28 { padding-right: calc(var(--spacing) * 28) } .pr-32 { padding-right: calc(var(--spacing) * 32) } .pr-36 { padding-right: calc(var(--spacing) * 36) } .pr-40 { padding-right: calc(var(--spacing) * 40) } .pr-48 { padding-right: calc(var(--spacing) * 48) } .pr-56 { padding-right: calc(var(--spacing) * 56) } .pr-64 { padding-right: calc(var(--spacing) * 64) } .pr-80 { padding-right: calc(var(--spacing) * 80) } .pr-96 { padding-right: calc(var(--spacing) * 96) } .pb-0 { padding-bottom: 0 } .pb-1 { padding-bottom: var(--spacing) } .pb-2 { padding-bottom: calc(var(--spacing) * 2) } .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-12 { padding-bottom: calc(var(--spacing) * 12) } .pb-14 { padding-bottom: calc(var(--spacing) * 14) } .pb-16 { padding-bottom: calc(var(--spacing) * 16) } .pb-20 { padding-bottom: calc(var(--spacing) * 20) } .pb-24 { padding-bottom: calc(var(--spacing) * 24) } .pb-28 { padding-bottom: calc(var(--spacing) * 28) } .pb-32 { padding-bottom: calc(var(--spacing) * 32) } .pb-36 { padding-bottom: calc(var(--spacing) * 36) } .pb-40 { padding-bottom: calc(var(--spacing) * 40) } .pb-48 { padding-bottom: calc(var(--spacing) * 48) } .pb-56 { padding-bottom: calc(var(--spacing) * 56) } .pb-64 { padding-bottom: calc(var(--spacing) * 64) } .pb-80 { padding-bottom: calc(var(--spacing) * 80) } .pb-96 { padding-bottom: calc(var(--spacing) * 96) } .pl-0 { padding-left: 0 } .pl-1 { padding-left: var(--spacing) } .pl-2 { padding-left: calc(var(--spacing) * 2) } .pl-3 { padding-left: calc(var(--spacing) * 3) } .pl-4 { padding-left: calc(var(--spacing) * 4) } .pl-5 { padding-left: calc(var(--spacing) * 5) } .pl-6 { padding-left: calc(var(--spacing) * 6) } .pl-8 { padding-left: calc(var(--spacing) * 8) } .pl-10 { padding-left: calc(var(--spacing) * 10) } .pl-12 { padding-left: calc(var(--spacing) * 12) } .pl-14 { padding-left: calc(var(--spacing) * 14) } .pl-16 { padding-left: calc(var(--spacing) * 16) } .pl-20 { padding-left: calc(var(--spacing) * 20) } .pl-24 { padding-left: calc(var(--spacing) * 24) } .pl-28 { padding-left: calc(var(--spacing) * 28) } .pl-32 { padding-left: calc(var(--spacing) * 32) } .pl-36 { padding-left: calc(var(--spacing) * 36) } .pl-40 { padding-left: calc(var(--spacing) * 40) } .pl-48 { padding-left: calc(var(--spacing) * 48) } .pl-56 { padding-left: calc(var(--spacing) * 56) } .pl-64 { padding-left: calc(var(--spacing) * 64) } .pl-80 { padding-left: calc(var(--spacing) * 80) } .pl-96 { padding-left: calc(var(--spacing) * 96) } .text-center { text-align: center } .text-end { text-align: end } .text-justify { text-align: justify } .text-left { text-align: left } .text-right { text-align: right } .text-start { text-align: start } .font-mono { font-family: var(--font-mono) } .font-sans { font-family: var(--font-sans) } .font-serif { font-family: var(--font-serif) } .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-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)) } .text-\[10px\] { font-size: 10px } .text-\[11px\] { font-size: 11px } .text-\[13px\] { font-size: 13px } .text-\[15px\] { font-size: 15px } .text-\[16px\] { font-size: 16px } .text-\[18vw\] { font-size: 18vw } .text-\[38px\] { font-size: 38px } .text-\[44px\] { font-size: 44px } .text-\[100px\] { font-size: 100px } .text-\[130px\] { font-size: 130px } .text-\[140px\] { font-size: 140px } .text-\[clamp\(2\.2rem\,4\.4vw\,4rem\)\] { font-size: clamp(2.2rem, 4.4vw, 4rem) } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4) } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5) } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6) } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7) } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8) } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9) } .leading-10 { --tw-leading: calc(var(--spacing) * 10); line-height: calc(var(--spacing) * 10) } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5 } .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-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug) } .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-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light) } .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-\[-0\.06em\] { --tw-tracking: -.06em; letter-spacing: -.06em } .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-words { overflow-wrap: break-word } .break-all { word-break: break-all } .whitespace-nowrap { white-space: nowrap } .whitespace-pre { white-space: pre } .whitespace-pre-line { white-space: pre-line } .whitespace-pre-wrap { white-space: pre-wrap } .text-accent { color: var(--color-accent) } .text-accent\/50 { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .text-accent\/50 { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .text-accent\/60 { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .text-accent\/60 { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .text-accent\/70 { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .text-accent\/70 { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .text-accent\/80 { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .text-accent\/80 { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .text-accent\/90 { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .text-accent\/90 { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .text-amber-100 { color: var(--color-amber-100) } .text-amber-200 { color: var(--color-amber-200) } .text-amber-300 { color: var(--color-amber-300) } .text-amber-300\/50 { color: #ffd23680 } @supports (color:color-mix(in lab, red, red)) { .text-amber-300\/50 { color: color-mix(in oklab, var(--color-amber-300) 50%, transparent) } } .text-amber-300\/75 { color: #ffd236bf } @supports (color:color-mix(in lab, red, red)) { .text-amber-300\/75 { color: color-mix(in oklab, var(--color-amber-300) 75%, transparent) } } .text-amber-400 { color: var(--color-amber-400) } .text-amber-400\/50 { color: #fcbb0080 } @supports (color:color-mix(in lab, red, red)) { .text-amber-400\/50 { color: color-mix(in oklab, var(--color-amber-400) 50%, transparent) } } .text-amber-400\/75 { color: #fcbb00bf } @supports (color:color-mix(in lab, red, red)) { .text-amber-400\/75 { color: color-mix(in oklab, var(--color-amber-400) 75%, transparent) } } .text-amber-500 { color: var(--color-amber-500) } .text-amber-500\/50 { color: #f99c0080 } @supports (color:color-mix(in lab, red, red)) { .text-amber-500\/50 { color: color-mix(in oklab, var(--color-amber-500) 50%, transparent) } } .text-amber-500\/75 { color: #f99c00bf } @supports (color:color-mix(in lab, red, red)) { .text-amber-500\/75 { color: color-mix(in oklab, var(--color-amber-500) 75%, transparent) } } .text-amber-600 { color: var(--color-amber-600) } .text-amber-600\/50 { color: #dd740080 } @supports (color:color-mix(in lab, red, red)) { .text-amber-600\/50 { color: color-mix(in oklab, var(--color-amber-600) 50%, transparent) } } .text-amber-600\/75 { color: #dd7400bf } @supports (color:color-mix(in lab, red, red)) { .text-amber-600\/75 { color: color-mix(in oklab, var(--color-amber-600) 75%, transparent) } } .text-amber-700 { color: var(--color-amber-700) } .text-amber-800 { color: var(--color-amber-800) } .text-amber-900 { color: var(--color-amber-900) } .text-black { color: var(--color-black) } .text-blue-100 { color: var(--color-blue-100) } .text-blue-200 { color: var(--color-blue-200) } .text-blue-300 { color: var(--color-blue-300) } .text-blue-300\/50 { color: #90c5ff80 } @supports (color:color-mix(in lab, red, red)) { .text-blue-300\/50 { color: color-mix(in oklab, var(--color-blue-300) 50%, transparent) } } .text-blue-300\/75 { color: #90c5ffbf } @supports (color:color-mix(in lab, red, red)) { .text-blue-300\/75 { color: color-mix(in oklab, var(--color-blue-300) 75%, transparent) } } .text-blue-400 { color: var(--color-blue-400) } .text-blue-400\/50 { color: #54a2ff80 } @supports (color:color-mix(in lab, red, red)) { .text-blue-400\/50 { color: color-mix(in oklab, var(--color-blue-400) 50%, transparent) } } .text-blue-400\/75 { color: #54a2ffbf } @supports (color:color-mix(in lab, red, red)) { .text-blue-400\/75 { color: color-mix(in oklab, var(--color-blue-400) 75%, transparent) } } .text-blue-500 { color: var(--color-blue-500) } .text-blue-500\/50 { color: #3080ff80 } @supports (color:color-mix(in lab, red, red)) { .text-blue-500\/50 { color: color-mix(in oklab, var(--color-blue-500) 50%, transparent) } } .text-blue-500\/75 { color: #3080ffbf } @supports (color:color-mix(in lab, red, red)) { .text-blue-500\/75 { color: color-mix(in oklab, var(--color-blue-500) 75%, transparent) } } .text-blue-600 { color: var(--color-blue-600) } .text-blue-600\/50 { color: #155dfc80 } @supports (color:color-mix(in lab, red, red)) { .text-blue-600\/50 { color: color-mix(in oklab, var(--color-blue-600) 50%, transparent) } } .text-blue-600\/75 { color: #155dfcbf } @supports (color:color-mix(in lab, red, red)) { .text-blue-600\/75 { color: color-mix(in oklab, var(--color-blue-600) 75%, 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-current { color: currentColor } .text-cyan-100 { color: var(--color-cyan-100) } .text-cyan-200 { color: var(--color-cyan-200) } .text-cyan-300 { color: var(--color-cyan-300) } .text-cyan-300\/50 { color: #53eafd80 } @supports (color:color-mix(in lab, red, red)) { .text-cyan-300\/50 { color: color-mix(in oklab, var(--color-cyan-300) 50%, transparent) } } .text-cyan-300\/75 { color: #53eafdbf } @supports (color:color-mix(in lab, red, red)) { .text-cyan-300\/75 { color: color-mix(in oklab, var(--color-cyan-300) 75%, transparent) } } .text-cyan-400 { color: var(--color-cyan-400) } .text-cyan-400\/50 { color: #00d2ef80 } @supports (color:color-mix(in lab, red, red)) { .text-cyan-400\/50 { color: color-mix(in oklab, var(--color-cyan-400) 50%, transparent) } } .text-cyan-400\/75 { color: #00d2efbf } @supports (color:color-mix(in lab, red, red)) { .text-cyan-400\/75 { color: color-mix(in oklab, var(--color-cyan-400) 75%, transparent) } } .text-cyan-500 { color: var(--color-cyan-500) } .text-cyan-500\/50 { color: #00b7d780 } @supports (color:color-mix(in lab, red, red)) { .text-cyan-500\/50 { color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent) } } .text-cyan-500\/75 { color: #00b7d7bf } @supports (color:color-mix(in lab, red, red)) { .text-cyan-500\/75 { color: color-mix(in oklab, var(--color-cyan-500) 75%, transparent) } } .text-cyan-600 { color: var(--color-cyan-600) } .text-cyan-600\/50 { color: #0092b580 } @supports (color:color-mix(in lab, red, red)) { .text-cyan-600\/50 { color: color-mix(in oklab, var(--color-cyan-600) 50%, transparent) } } .text-cyan-600\/75 { color: #0092b5bf } @supports (color:color-mix(in lab, red, red)) { .text-cyan-600\/75 { color: color-mix(in oklab, var(--color-cyan-600) 75%, transparent) } } .text-cyan-700 { color: var(--color-cyan-700) } .text-cyan-800 { color: var(--color-cyan-800) } .text-cyan-900 { color: var(--color-cyan-900) } .text-dark { color: var(--color-dark) } .text-emerald-100 { color: var(--color-emerald-100) } .text-emerald-200 { color: var(--color-emerald-200) } .text-emerald-300 { color: var(--color-emerald-300) } .text-emerald-300\/50 { color: #5ee9b580 } @supports (color:color-mix(in lab, red, red)) { .text-emerald-300\/50 { color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent) } } .text-emerald-300\/75 { color: #5ee9b5bf } @supports (color:color-mix(in lab, red, red)) { .text-emerald-300\/75 { color: color-mix(in oklab, var(--color-emerald-300) 75%, transparent) } } .text-emerald-400 { color: var(--color-emerald-400) } .text-emerald-400\/50 { color: #00d29480 } @supports (color:color-mix(in lab, red, red)) { .text-emerald-400\/50 { color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent) } } .text-emerald-400\/75 { color: #00d294bf } @supports (color:color-mix(in lab, red, red)) { .text-emerald-400\/75 { color: color-mix(in oklab, var(--color-emerald-400) 75%, transparent) } } .text-emerald-500 { color: var(--color-emerald-500) } .text-emerald-500\/50 { color: #00bb7f80 } @supports (color:color-mix(in lab, red, red)) { .text-emerald-500\/50 { color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent) } } .text-emerald-500\/75 { color: #00bb7fbf } @supports (color:color-mix(in lab, red, red)) { .text-emerald-500\/75 { color: color-mix(in oklab, var(--color-emerald-500) 75%, transparent) } } .text-emerald-600 { color: var(--color-emerald-600) } .text-emerald-600\/50 { color: #00976780 } @supports (color:color-mix(in lab, red, red)) { .text-emerald-600\/50 { color: color-mix(in oklab, var(--color-emerald-600) 50%, transparent) } } .text-emerald-600\/75 { color: #009767bf } @supports (color:color-mix(in lab, red, red)) { .text-emerald-600\/75 { color: color-mix(in oklab, var(--color-emerald-600) 75%, transparent) } } .text-emerald-700 { color: var(--color-emerald-700) } .text-emerald-800 { color: var(--color-emerald-800) } .text-emerald-900 { color: var(--color-emerald-900) } .text-fuchsia-100 { color: var(--color-fuchsia-100) } .text-fuchsia-200 { color: var(--color-fuchsia-200) } .text-fuchsia-300 { color: var(--color-fuchsia-300) } .text-fuchsia-300\/50 { color: #f2a9ff80 } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-300\/50 { color: color-mix(in oklab, var(--color-fuchsia-300) 50%, transparent) } } .text-fuchsia-300\/75 { color: #f2a9ffbf } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-300\/75 { color: color-mix(in oklab, var(--color-fuchsia-300) 75%, transparent) } } .text-fuchsia-400 { color: var(--color-fuchsia-400) } .text-fuchsia-400\/50 { color: #ec6cff80 } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-400\/50 { color: color-mix(in oklab, var(--color-fuchsia-400) 50%, transparent) } } .text-fuchsia-400\/75 { color: #ec6cffbf } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-400\/75 { color: color-mix(in oklab, var(--color-fuchsia-400) 75%, transparent) } } .text-fuchsia-500 { color: var(--color-fuchsia-500) } .text-fuchsia-500\/50 { color: #e12afb80 } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-500\/50 { color: color-mix(in oklab, var(--color-fuchsia-500) 50%, transparent) } } .text-fuchsia-500\/75 { color: #e12afbbf } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-500\/75 { color: color-mix(in oklab, var(--color-fuchsia-500) 75%, transparent) } } .text-fuchsia-600 { color: var(--color-fuchsia-600) } .text-fuchsia-600\/50 { color: #c600db80 } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-600\/50 { color: color-mix(in oklab, var(--color-fuchsia-600) 50%, transparent) } } .text-fuchsia-600\/75 { color: #c600dbbf } @supports (color:color-mix(in lab, red, red)) { .text-fuchsia-600\/75 { color: color-mix(in oklab, var(--color-fuchsia-600) 75%, transparent) } } .text-fuchsia-700 { color: var(--color-fuchsia-700) } .text-fuchsia-800 { color: var(--color-fuchsia-800) } .text-fuchsia-900 { color: var(--color-fuchsia-900) } .text-gray-100 { color: var(--color-gray-100) } .text-gray-200 { color: var(--color-gray-200) } .text-gray-300 { color: var(--color-gray-300) } .text-gray-300\/50 { color: #d1d5dc80 } @supports (color:color-mix(in lab, red, red)) { .text-gray-300\/50 { color: color-mix(in oklab, var(--color-gray-300) 50%, transparent) } } .text-gray-300\/75 { color: #d1d5dcbf } @supports (color:color-mix(in lab, red, red)) { .text-gray-300\/75 { color: color-mix(in oklab, var(--color-gray-300) 75%, transparent) } } .text-gray-400 { color: var(--color-gray-400) } .text-gray-400\/50 { color: #99a1af80 } @supports (color:color-mix(in lab, red, red)) { .text-gray-400\/50 { color: color-mix(in oklab, var(--color-gray-400) 50%, transparent) } } .text-gray-400\/75 { color: #99a1afbf } @supports (color:color-mix(in lab, red, red)) { .text-gray-400\/75 { color: color-mix(in oklab, var(--color-gray-400) 75%, transparent) } } .text-gray-500 { color: var(--color-gray-500) } .text-gray-500\/50 { color: #6a728280 } @supports (color:color-mix(in lab, red, red)) { .text-gray-500\/50 { color: color-mix(in oklab, var(--color-gray-500) 50%, transparent) } } .text-gray-500\/75 { color: #6a7282bf } @supports (color:color-mix(in lab, red, red)) { .text-gray-500\/75 { color: color-mix(in oklab, var(--color-gray-500) 75%, transparent) } } .text-gray-600 { color: var(--color-gray-600) } .text-gray-600\/50 { color: #4a556580 } @supports (color:color-mix(in lab, red, red)) { .text-gray-600\/50 { color: color-mix(in oklab, var(--color-gray-600) 50%, transparent) } } .text-gray-600\/75 { color: #4a5565bf } @supports (color:color-mix(in lab, red, red)) { .text-gray-600\/75 { color: color-mix(in oklab, var(--color-gray-600) 75%, transparent) } } .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-100 { color: var(--color-green-100) } .text-green-200 { color: var(--color-green-200) } .text-green-300 { color: var(--color-green-300) } .text-green-300\/50 { color: #7bf1a880 } @supports (color:color-mix(in lab, red, red)) { .text-green-300\/50 { color: color-mix(in oklab, var(--color-green-300) 50%, transparent) } } .text-green-300\/75 { color: #7bf1a8bf } @supports (color:color-mix(in lab, red, red)) { .text-green-300\/75 { color: color-mix(in oklab, var(--color-green-300) 75%, transparent) } } .text-green-400 { color: var(--color-green-400) } .text-green-400\/50 { color: #05df7280 } @supports (color:color-mix(in lab, red, red)) { .text-green-400\/50 { color: color-mix(in oklab, var(--color-green-400) 50%, transparent) } } .text-green-400\/75 { color: #05df72bf } @supports (color:color-mix(in lab, red, red)) { .text-green-400\/75 { color: color-mix(in oklab, var(--color-green-400) 75%, transparent) } } .text-green-500 { color: var(--color-green-500) } .text-green-500\/50 { color: #00c75880 } @supports (color:color-mix(in lab, red, red)) { .text-green-500\/50 { color: color-mix(in oklab, var(--color-green-500) 50%, transparent) } } .text-green-500\/75 { color: #00c758bf } @supports (color:color-mix(in lab, red, red)) { .text-green-500\/75 { color: color-mix(in oklab, var(--color-green-500) 75%, transparent) } } .text-green-600 { color: var(--color-green-600) } .text-green-600\/50 { color: #00a54480 } @supports (color:color-mix(in lab, red, red)) { .text-green-600\/50 { color: color-mix(in oklab, var(--color-green-600) 50%, transparent) } } .text-green-600\/75 { color: #00a544bf } @supports (color:color-mix(in lab, red, red)) { .text-green-600\/75 { color: color-mix(in oklab, var(--color-green-600) 75%, transparent) } } .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-100 { color: var(--color-indigo-100) } .text-indigo-200 { color: var(--color-indigo-200) } .text-indigo-300 { color: var(--color-indigo-300) } .text-indigo-300\/50 { color: #a4b3ff80 } @supports (color:color-mix(in lab, red, red)) { .text-indigo-300\/50 { color: color-mix(in oklab, var(--color-indigo-300) 50%, transparent) } } .text-indigo-300\/75 { color: #a4b3ffbf } @supports (color:color-mix(in lab, red, red)) { .text-indigo-300\/75 { color: color-mix(in oklab, var(--color-indigo-300) 75%, transparent) } } .text-indigo-400 { color: var(--color-indigo-400) } .text-indigo-400\/50 { color: #7d87ff80 } @supports (color:color-mix(in lab, red, red)) { .text-indigo-400\/50 { color: color-mix(in oklab, var(--color-indigo-400) 50%, transparent) } } .text-indigo-400\/75 { color: #7d87ffbf } @supports (color:color-mix(in lab, red, red)) { .text-indigo-400\/75 { color: color-mix(in oklab, var(--color-indigo-400) 75%, transparent) } } .text-indigo-500 { color: var(--color-indigo-500) } .text-indigo-500\/50 { color: #625fff80 } @supports (color:color-mix(in lab, red, red)) { .text-indigo-500\/50 { color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent) } } .text-indigo-500\/75 { color: #625fffbf } @supports (color:color-mix(in lab, red, red)) { .text-indigo-500\/75 { color: color-mix(in oklab, var(--color-indigo-500) 75%, transparent) } } .text-indigo-600 { color: var(--color-indigo-600) } .text-indigo-600\/50 { color: #4f39f680 } @supports (color:color-mix(in lab, red, red)) { .text-indigo-600\/50 { color: color-mix(in oklab, var(--color-indigo-600) 50%, transparent) } } .text-indigo-600\/75 { color: #4f39f6bf } @supports (color:color-mix(in lab, red, red)) { .text-indigo-600\/75 { color: color-mix(in oklab, var(--color-indigo-600) 75%, transparent) } } .text-indigo-700 { color: var(--color-indigo-700) } .text-indigo-800 { color: var(--color-indigo-800) } .text-indigo-900 { color: var(--color-indigo-900) } .text-muted { color: var(--color-muted) } .text-orange-100 { color: var(--color-orange-100) } .text-orange-200 { color: var(--color-orange-200) } .text-orange-300 { color: var(--color-orange-300) } .text-orange-300\/50 { color: #ffb96d80 } @supports (color:color-mix(in lab, red, red)) { .text-orange-300\/50 { color: color-mix(in oklab, var(--color-orange-300) 50%, transparent) } } .text-orange-300\/75 { color: #ffb96dbf } @supports (color:color-mix(in lab, red, red)) { .text-orange-300\/75 { color: color-mix(in oklab, var(--color-orange-300) 75%, transparent) } } .text-orange-400 { color: var(--color-orange-400) } .text-orange-400\/50 { color: #ff8b1a80 } @supports (color:color-mix(in lab, red, red)) { .text-orange-400\/50 { color: color-mix(in oklab, var(--color-orange-400) 50%, transparent) } } .text-orange-400\/75 { color: #ff8b1abf } @supports (color:color-mix(in lab, red, red)) { .text-orange-400\/75 { color: color-mix(in oklab, var(--color-orange-400) 75%, transparent) } } .text-orange-500 { color: var(--color-orange-500) } .text-orange-500\/50 { color: #fe6e0080 } @supports (color:color-mix(in lab, red, red)) { .text-orange-500\/50 { color: color-mix(in oklab, var(--color-orange-500) 50%, transparent) } } .text-orange-500\/75 { color: #fe6e00bf } @supports (color:color-mix(in lab, red, red)) { .text-orange-500\/75 { color: color-mix(in oklab, var(--color-orange-500) 75%, transparent) } } .text-orange-600 { color: var(--color-orange-600) } .text-orange-600\/50 { color: #f0510080 } @supports (color:color-mix(in lab, red, red)) { .text-orange-600\/50 { color: color-mix(in oklab, var(--color-orange-600) 50%, transparent) } } .text-orange-600\/75 { color: #f05100bf } @supports (color:color-mix(in lab, red, red)) { .text-orange-600\/75 { color: color-mix(in oklab, var(--color-orange-600) 75%, transparent) } } .text-orange-700 { color: var(--color-orange-700) } .text-orange-800 { color: var(--color-orange-800) } .text-orange-900 { color: var(--color-orange-900) } .text-pink-100 { color: var(--color-pink-100) } .text-pink-200 { color: var(--color-pink-200) } .text-pink-300 { color: var(--color-pink-300) } .text-pink-300\/50 { color: #fda5d580 } @supports (color:color-mix(in lab, red, red)) { .text-pink-300\/50 { color: color-mix(in oklab, var(--color-pink-300) 50%, transparent) } } .text-pink-300\/75 { color: #fda5d5bf } @supports (color:color-mix(in lab, red, red)) { .text-pink-300\/75 { color: color-mix(in oklab, var(--color-pink-300) 75%, transparent) } } .text-pink-400 { color: var(--color-pink-400) } .text-pink-400\/50 { color: #fb64b680 } @supports (color:color-mix(in lab, red, red)) { .text-pink-400\/50 { color: color-mix(in oklab, var(--color-pink-400) 50%, transparent) } } .text-pink-400\/75 { color: #fb64b6bf } @supports (color:color-mix(in lab, red, red)) { .text-pink-400\/75 { color: color-mix(in oklab, var(--color-pink-400) 75%, transparent) } } .text-pink-500 { color: var(--color-pink-500) } .text-pink-500\/50 { color: #f6339a80 } @supports (color:color-mix(in lab, red, red)) { .text-pink-500\/50 { color: color-mix(in oklab, var(--color-pink-500) 50%, transparent) } } .text-pink-500\/75 { color: #f6339abf } @supports (color:color-mix(in lab, red, red)) { .text-pink-500\/75 { color: color-mix(in oklab, var(--color-pink-500) 75%, transparent) } } .text-pink-600 { color: var(--color-pink-600) } .text-pink-600\/50 { color: #e3007680 } @supports (color:color-mix(in lab, red, red)) { .text-pink-600\/50 { color: color-mix(in oklab, var(--color-pink-600) 50%, transparent) } } .text-pink-600\/75 { color: #e30076bf } @supports (color:color-mix(in lab, red, red)) { .text-pink-600\/75 { color: color-mix(in oklab, var(--color-pink-600) 75%, transparent) } } .text-pink-700 { color: var(--color-pink-700) } .text-pink-800 { color: var(--color-pink-800) } .text-pink-900 { color: var(--color-pink-900) } .text-purple-100 { color: var(--color-purple-100) } .text-purple-200 { color: var(--color-purple-200) } .text-purple-300 { color: var(--color-purple-300) } .text-purple-300\/50 { color: #d9b3ff80 } @supports (color:color-mix(in lab, red, red)) { .text-purple-300\/50 { color: color-mix(in oklab, var(--color-purple-300) 50%, transparent) } } .text-purple-300\/75 { color: #d9b3ffbf } @supports (color:color-mix(in lab, red, red)) { .text-purple-300\/75 { color: color-mix(in oklab, var(--color-purple-300) 75%, transparent) } } .text-purple-400 { color: var(--color-purple-400) } .text-purple-400\/50 { color: #c07eff80 } @supports (color:color-mix(in lab, red, red)) { .text-purple-400\/50 { color: color-mix(in oklab, var(--color-purple-400) 50%, transparent) } } .text-purple-400\/75 { color: #c07effbf } @supports (color:color-mix(in lab, red, red)) { .text-purple-400\/75 { color: color-mix(in oklab, var(--color-purple-400) 75%, transparent) } } .text-purple-500 { color: var(--color-purple-500) } .text-purple-500\/50 { color: #ac4bff80 } @supports (color:color-mix(in lab, red, red)) { .text-purple-500\/50 { color: color-mix(in oklab, var(--color-purple-500) 50%, transparent) } } .text-purple-500\/75 { color: #ac4bffbf } @supports (color:color-mix(in lab, red, red)) { .text-purple-500\/75 { color: color-mix(in oklab, var(--color-purple-500) 75%, transparent) } } .text-purple-600 { color: var(--color-purple-600) } .text-purple-600\/50 { color: #9810fa80 } @supports (color:color-mix(in lab, red, red)) { .text-purple-600\/50 { color: color-mix(in oklab, var(--color-purple-600) 50%, transparent) } } .text-purple-600\/75 { color: #9810fabf } @supports (color:color-mix(in lab, red, red)) { .text-purple-600\/75 { color: color-mix(in oklab, var(--color-purple-600) 75%, transparent) } } .text-purple-700 { color: var(--color-purple-700) } .text-purple-800 { color: var(--color-purple-800) } .text-purple-900 { color: var(--color-purple-900) } .text-red-100 { color: var(--color-red-100) } .text-red-200 { color: var(--color-red-200) } .text-red-300 { color: var(--color-red-300) } .text-red-300\/50 { color: #ffa3a380 } @supports (color:color-mix(in lab, red, red)) { .text-red-300\/50 { color: color-mix(in oklab, var(--color-red-300) 50%, transparent) } } .text-red-300\/75 { color: #ffa3a3bf } @supports (color:color-mix(in lab, red, red)) { .text-red-300\/75 { color: color-mix(in oklab, var(--color-red-300) 75%, transparent) } } .text-red-400 { color: var(--color-red-400) } .text-red-400\/50 { color: #ff656880 } @supports (color:color-mix(in lab, red, red)) { .text-red-400\/50 { color: color-mix(in oklab, var(--color-red-400) 50%, transparent) } } .text-red-400\/75 { color: #ff6568bf } @supports (color:color-mix(in lab, red, red)) { .text-red-400\/75 { color: color-mix(in oklab, var(--color-red-400) 75%, transparent) } } .text-red-500 { color: var(--color-red-500) } .text-red-500\/50 { color: #fb2c3680 } @supports (color:color-mix(in lab, red, red)) { .text-red-500\/50 { color: color-mix(in oklab, var(--color-red-500) 50%, transparent) } } .text-red-500\/75 { color: #fb2c36bf } @supports (color:color-mix(in lab, red, red)) { .text-red-500\/75 { color: color-mix(in oklab, var(--color-red-500) 75%, transparent) } } .text-red-600 { color: var(--color-red-600) } .text-red-600\/50 { color: #e4001480 } @supports (color:color-mix(in lab, red, red)) { .text-red-600\/50 { color: color-mix(in oklab, var(--color-red-600) 50%, transparent) } } .text-red-600\/75 { color: #e40014bf } @supports (color:color-mix(in lab, red, red)) { .text-red-600\/75 { color: color-mix(in oklab, var(--color-red-600) 75%, transparent) } } .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-rose-100 { color: var(--color-rose-100) } .text-rose-200 { color: var(--color-rose-200) } .text-rose-300 { color: var(--color-rose-300) } .text-rose-300\/50 { color: #ffa2ae80 } @supports (color:color-mix(in lab, red, red)) { .text-rose-300\/50 { color: color-mix(in oklab, var(--color-rose-300) 50%, transparent) } } .text-rose-300\/75 { color: #ffa2aebf } @supports (color:color-mix(in lab, red, red)) { .text-rose-300\/75 { color: color-mix(in oklab, var(--color-rose-300) 75%, transparent) } } .text-rose-400 { color: var(--color-rose-400) } .text-rose-400\/50 { color: #ff667f80 } @supports (color:color-mix(in lab, red, red)) { .text-rose-400\/50 { color: color-mix(in oklab, var(--color-rose-400) 50%, transparent) } } .text-rose-400\/75 { color: #ff667fbf } @supports (color:color-mix(in lab, red, red)) { .text-rose-400\/75 { color: color-mix(in oklab, var(--color-rose-400) 75%, transparent) } } .text-rose-500 { color: var(--color-rose-500) } .text-rose-500\/50 { color: #ff235780 } @supports (color:color-mix(in lab, red, red)) { .text-rose-500\/50 { color: color-mix(in oklab, var(--color-rose-500) 50%, transparent) } } .text-rose-500\/75 { color: #ff2357bf } @supports (color:color-mix(in lab, red, red)) { .text-rose-500\/75 { color: color-mix(in oklab, var(--color-rose-500) 75%, transparent) } } .text-rose-600 { color: var(--color-rose-600) } .text-rose-600\/50 { color: #e7004480 } @supports (color:color-mix(in lab, red, red)) { .text-rose-600\/50 { color: color-mix(in oklab, var(--color-rose-600) 50%, transparent) } } .text-rose-600\/75 { color: #e70044bf } @supports (color:color-mix(in lab, red, red)) { .text-rose-600\/75 { color: color-mix(in oklab, var(--color-rose-600) 75%, transparent) } } .text-rose-700 { color: var(--color-rose-700) } .text-rose-800 { color: var(--color-rose-800) } .text-rose-900 { color: var(--color-rose-900) } .text-sky-100 { color: var(--color-sky-100) } .text-sky-200 { color: var(--color-sky-200) } .text-sky-300 { color: var(--color-sky-300) } .text-sky-300\/50 { color: #77d4ff80 } @supports (color:color-mix(in lab, red, red)) { .text-sky-300\/50 { color: color-mix(in oklab, var(--color-sky-300) 50%, transparent) } } .text-sky-300\/75 { color: #77d4ffbf } @supports (color:color-mix(in lab, red, red)) { .text-sky-300\/75 { color: color-mix(in oklab, var(--color-sky-300) 75%, transparent) } } .text-sky-400 { color: var(--color-sky-400) } .text-sky-400\/50 { color: #00bcfe80 } @supports (color:color-mix(in lab, red, red)) { .text-sky-400\/50 { color: color-mix(in oklab, var(--color-sky-400) 50%, transparent) } } .text-sky-400\/75 { color: #00bcfebf } @supports (color:color-mix(in lab, red, red)) { .text-sky-400\/75 { color: color-mix(in oklab, var(--color-sky-400) 75%, transparent) } } .text-sky-500 { color: var(--color-sky-500) } .text-sky-500\/50 { color: #00a5ef80 } @supports (color:color-mix(in lab, red, red)) { .text-sky-500\/50 { color: color-mix(in oklab, var(--color-sky-500) 50%, transparent) } } .text-sky-500\/75 { color: #00a5efbf } @supports (color:color-mix(in lab, red, red)) { .text-sky-500\/75 { color: color-mix(in oklab, var(--color-sky-500) 75%, transparent) } } .text-sky-600 { color: var(--color-sky-600) } .text-sky-600\/50 { color: #0084cc80 } @supports (color:color-mix(in lab, red, red)) { .text-sky-600\/50 { color: color-mix(in oklab, var(--color-sky-600) 50%, transparent) } } .text-sky-600\/75 { color: #0084ccbf } @supports (color:color-mix(in lab, red, red)) { .text-sky-600\/75 { color: color-mix(in oklab, var(--color-sky-600) 75%, transparent) } } .text-sky-700 { color: var(--color-sky-700) } .text-sky-800 { color: var(--color-sky-800) } .text-sky-900 { color: var(--color-sky-900) } .text-slate-100 { color: var(--color-slate-100) } .text-slate-200 { color: var(--color-slate-200) } .text-slate-300 { color: var(--color-slate-300) } .text-slate-300\/50 { color: #cad5e280 } @supports (color:color-mix(in lab, red, red)) { .text-slate-300\/50 { color: color-mix(in oklab, var(--color-slate-300) 50%, transparent) } } .text-slate-300\/75 { color: #cad5e2bf } @supports (color:color-mix(in lab, red, red)) { .text-slate-300\/75 { color: color-mix(in oklab, var(--color-slate-300) 75%, transparent) } } .text-slate-400 { color: var(--color-slate-400) } .text-slate-400\/50 { color: #90a1b980 } @supports (color:color-mix(in lab, red, red)) { .text-slate-400\/50 { color: color-mix(in oklab, var(--color-slate-400) 50%, transparent) } } .text-slate-400\/75 { color: #90a1b9bf } @supports (color:color-mix(in lab, red, red)) { .text-slate-400\/75 { color: color-mix(in oklab, var(--color-slate-400) 75%, transparent) } } .text-slate-500 { color: var(--color-slate-500) } .text-slate-500\/50 { color: #62748e80 } @supports (color:color-mix(in lab, red, red)) { .text-slate-500\/50 { color: color-mix(in oklab, var(--color-slate-500) 50%, transparent) } } .text-slate-500\/75 { color: #62748ebf } @supports (color:color-mix(in lab, red, red)) { .text-slate-500\/75 { color: color-mix(in oklab, var(--color-slate-500) 75%, transparent) } } .text-slate-600 { color: var(--color-slate-600) } .text-slate-600\/50 { color: #45556c80 } @supports (color:color-mix(in lab, red, red)) { .text-slate-600\/50 { color: color-mix(in oklab, var(--color-slate-600) 50%, transparent) } } .text-slate-600\/75 { color: #45556cbf } @supports (color:color-mix(in lab, red, red)) { .text-slate-600\/75 { color: color-mix(in oklab, var(--color-slate-600) 75%, transparent) } } .text-slate-700 { color: var(--color-slate-700) } .text-slate-800 { color: var(--color-slate-800) } .text-slate-900 { color: var(--color-slate-900) } .text-teal-100 { color: var(--color-teal-100) } .text-teal-200 { color: var(--color-teal-200) } .text-teal-300 { color: var(--color-teal-300) } .text-teal-300\/50 { color: #46ecd580 } @supports (color:color-mix(in lab, red, red)) { .text-teal-300\/50 { color: color-mix(in oklab, var(--color-teal-300) 50%, transparent) } } .text-teal-300\/75 { color: #46ecd5bf } @supports (color:color-mix(in lab, red, red)) { .text-teal-300\/75 { color: color-mix(in oklab, var(--color-teal-300) 75%, transparent) } } .text-teal-400 { color: var(--color-teal-400) } .text-teal-400\/50 { color: #00d3bd80 } @supports (color:color-mix(in lab, red, red)) { .text-teal-400\/50 { color: color-mix(in oklab, var(--color-teal-400) 50%, transparent) } } .text-teal-400\/75 { color: #00d3bdbf } @supports (color:color-mix(in lab, red, red)) { .text-teal-400\/75 { color: color-mix(in oklab, var(--color-teal-400) 75%, transparent) } } .text-teal-500 { color: var(--color-teal-500) } .text-teal-500\/50 { color: #00baa780 } @supports (color:color-mix(in lab, red, red)) { .text-teal-500\/50 { color: color-mix(in oklab, var(--color-teal-500) 50%, transparent) } } .text-teal-500\/75 { color: #00baa7bf } @supports (color:color-mix(in lab, red, red)) { .text-teal-500\/75 { color: color-mix(in oklab, var(--color-teal-500) 75%, transparent) } } .text-teal-600 { color: var(--color-teal-600) } .text-teal-600\/50 { color: #00958880 } @supports (color:color-mix(in lab, red, red)) { .text-teal-600\/50 { color: color-mix(in oklab, var(--color-teal-600) 50%, transparent) } } .text-teal-600\/75 { color: #009588bf } @supports (color:color-mix(in lab, red, red)) { .text-teal-600\/75 { color: color-mix(in oklab, var(--color-teal-600) 75%, transparent) } } .text-teal-700 { color: var(--color-teal-700) } .text-teal-800 { color: var(--color-teal-800) } .text-teal-900 { color: var(--color-teal-900) } .text-transparent { color: #0000 } .text-violet-100 { color: var(--color-violet-100) } .text-violet-200 { color: var(--color-violet-200) } .text-violet-300 { color: var(--color-violet-300) } .text-violet-300\/50 { color: #c4b4ff80 } @supports (color:color-mix(in lab, red, red)) { .text-violet-300\/50 { color: color-mix(in oklab, var(--color-violet-300) 50%, transparent) } } .text-violet-300\/75 { color: #c4b4ffbf } @supports (color:color-mix(in lab, red, red)) { .text-violet-300\/75 { color: color-mix(in oklab, var(--color-violet-300) 75%, transparent) } } .text-violet-400 { color: var(--color-violet-400) } .text-violet-400\/50 { color: #a685ff80 } @supports (color:color-mix(in lab, red, red)) { .text-violet-400\/50 { color: color-mix(in oklab, var(--color-violet-400) 50%, transparent) } } .text-violet-400\/75 { color: #a685ffbf } @supports (color:color-mix(in lab, red, red)) { .text-violet-400\/75 { color: color-mix(in oklab, var(--color-violet-400) 75%, transparent) } } .text-violet-500 { color: var(--color-violet-500) } .text-violet-500\/50 { color: #8d54ff80 } @supports (color:color-mix(in lab, red, red)) { .text-violet-500\/50 { color: color-mix(in oklab, var(--color-violet-500) 50%, transparent) } } .text-violet-500\/75 { color: #8d54ffbf } @supports (color:color-mix(in lab, red, red)) { .text-violet-500\/75 { color: color-mix(in oklab, var(--color-violet-500) 75%, transparent) } } .text-violet-600 { color: var(--color-violet-600) } .text-violet-600\/50 { color: #7f22fe80 } @supports (color:color-mix(in lab, red, red)) { .text-violet-600\/50 { color: color-mix(in oklab, var(--color-violet-600) 50%, transparent) } } .text-violet-600\/75 { color: #7f22febf } @supports (color:color-mix(in lab, red, red)) { .text-violet-600\/75 { color: color-mix(in oklab, var(--color-violet-600) 75%, transparent) } } .text-violet-700 { color: var(--color-violet-700) } .text-violet-800 { color: var(--color-violet-800) } .text-violet-900 { color: var(--color-violet-900) } .text-white { color: var(--color-white) } .text-white\/40 { color: #fff6 } @supports (color:color-mix(in lab, red, red)) { .text-white\/40 { color: color-mix(in oklab, var(--color-white) 40%, transparent) } } .text-white\/45 { color: #ffffff73 } @supports (color:color-mix(in lab, red, red)) { .text-white\/45 { color: color-mix(in oklab, var(--color-white) 45%, transparent) } } .text-white\/50 { color: #ffffff80 } @supports (color:color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent) } } .text-white\/55 { color: #ffffff8c } @supports (color:color-mix(in lab, red, red)) { .text-white\/55 { color: color-mix(in oklab, var(--color-white) 55%, transparent) } } .text-white\/60 { color: #fff9 } @supports (color:color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent) } } .text-white\/65 { color: #ffffffa6 } @supports (color:color-mix(in lab, red, red)) { .text-white\/65 { color: color-mix(in oklab, var(--color-white) 65%, transparent) } } .text-white\/70 { color: #ffffffb3 } @supports (color:color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent) } } .text-white\/75 { color: #ffffffbf } @supports (color:color-mix(in lab, red, red)) { .text-white\/75 { color: color-mix(in oklab, var(--color-white) 75%, transparent) } } .text-white\/80 { color: #fffc } @supports (color:color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent) } } .text-white\/85 { color: #ffffffd9 } @supports (color:color-mix(in lab, red, red)) { .text-white\/85 { color: color-mix(in oklab, var(--color-white) 85%, transparent) } } .text-white\/90 { color: #ffffffe6 } @supports (color:color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent) } } .text-yellow-100 { color: var(--color-yellow-100) } .text-yellow-200 { color: var(--color-yellow-200) } .text-yellow-300 { color: var(--color-yellow-300) } .text-yellow-300\/50 { color: #ffe02a80 } @supports (color:color-mix(in lab, red, red)) { .text-yellow-300\/50 { color: color-mix(in oklab, var(--color-yellow-300) 50%, transparent) } } .text-yellow-300\/75 { color: #ffe02abf } @supports (color:color-mix(in lab, red, red)) { .text-yellow-300\/75 { color: color-mix(in oklab, var(--color-yellow-300) 75%, transparent) } } .text-yellow-400 { color: var(--color-yellow-400) } .text-yellow-400\/50 { color: #fac80080 } @supports (color:color-mix(in lab, red, red)) { .text-yellow-400\/50 { color: color-mix(in oklab, var(--color-yellow-400) 50%, transparent) } } .text-yellow-400\/75 { color: #fac800bf } @supports (color:color-mix(in lab, red, red)) { .text-yellow-400\/75 { color: color-mix(in oklab, var(--color-yellow-400) 75%, transparent) } } .text-yellow-500 { color: var(--color-yellow-500) } .text-yellow-500\/50 { color: #edb20080 } @supports (color:color-mix(in lab, red, red)) { .text-yellow-500\/50 { color: color-mix(in oklab, var(--color-yellow-500) 50%, transparent) } } .text-yellow-500\/75 { color: #edb200bf } @supports (color:color-mix(in lab, red, red)) { .text-yellow-500\/75 { color: color-mix(in oklab, var(--color-yellow-500) 75%, transparent) } } .text-yellow-600 { color: var(--color-yellow-600) } .text-yellow-600\/50 { color: #cd890080 } @supports (color:color-mix(in lab, red, red)) { .text-yellow-600\/50 { color: color-mix(in oklab, var(--color-yellow-600) 50%, transparent) } } .text-yellow-600\/75 { color: #cd8900bf } @supports (color:color-mix(in lab, red, red)) { .text-yellow-600\/75 { color: color-mix(in oklab, var(--color-yellow-600) 75%, transparent) } } .text-yellow-700 { color: var(--color-yellow-700) } .text-yellow-800 { color: var(--color-yellow-800) } .text-yellow-900 { color: var(--color-yellow-900) } .text-zinc-100 { color: var(--color-zinc-100) } .text-zinc-200 { color: var(--color-zinc-200) } .text-zinc-300 { color: var(--color-zinc-300) } .text-zinc-300\/50 { color: #d4d4d880 } @supports (color:color-mix(in lab, red, red)) { .text-zinc-300\/50 { color: color-mix(in oklab, var(--color-zinc-300) 50%, transparent) } } .text-zinc-300\/75 { color: #d4d4d8bf } @supports (color:color-mix(in lab, red, red)) { .text-zinc-300\/75 { color: color-mix(in oklab, var(--color-zinc-300) 75%, transparent) } } .text-zinc-400 { color: var(--color-zinc-400) } .text-zinc-400\/50 { color: #9f9fa980 } @supports (color:color-mix(in lab, red, red)) { .text-zinc-400\/50 { color: color-mix(in oklab, var(--color-zinc-400) 50%, transparent) } } .text-zinc-400\/75 { color: #9f9fa9bf } @supports (color:color-mix(in lab, red, red)) { .text-zinc-400\/75 { color: color-mix(in oklab, var(--color-zinc-400) 75%, transparent) } } .text-zinc-500 { color: var(--color-zinc-500) } .text-zinc-500\/50 { color: #71717b80 } @supports (color:color-mix(in lab, red, red)) { .text-zinc-500\/50 { color: color-mix(in oklab, var(--color-zinc-500) 50%, transparent) } } .text-zinc-500\/75 { color: #71717bbf } @supports (color:color-mix(in lab, red, red)) { .text-zinc-500\/75 { color: color-mix(in oklab, var(--color-zinc-500) 75%, transparent) } } .text-zinc-600 { color: var(--color-zinc-600) } .text-zinc-600\/50 { color: #52525c80 } @supports (color:color-mix(in lab, red, red)) { .text-zinc-600\/50 { color: color-mix(in oklab, var(--color-zinc-600) 50%, transparent) } } .text-zinc-600\/75 { color: #52525cbf } @supports (color:color-mix(in lab, red, red)) { .text-zinc-600\/75 { color: color-mix(in oklab, var(--color-zinc-600) 75%, transparent) } } .text-zinc-700 { color: var(--color-zinc-700) } .text-zinc-800 { color: var(--color-zinc-800) } .text-zinc-900 { color: var(--color-zinc-900) } .capitalize { text-transform: capitalize } .lowercase { text-transform: lowercase } .normal-case { text-transform: none } .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 } .overline { text-decoration-line: overline } .underline { text-decoration-line: underline } .opacity-0 { opacity: 0 } .opacity-5 { opacity: .05 } .opacity-10 { opacity: .1 } .opacity-20 { opacity: .2 } .opacity-25 { opacity: .25 } .opacity-30 { opacity: .3 } .opacity-40 { opacity: .4 } .opacity-50 { opacity: .5 } .opacity-60 { opacity: .6 } .opacity-70 { opacity: .7 } .opacity-75 { opacity: .75 } .opacity-80 { opacity: .8 } .opacity-90 { opacity: .9 } .opacity-95 { opacity: .95 } .opacity-100 { opacity: 1 } .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-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } .shadow-inner { --tw-shadow: inset 0 2px 4px 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-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-none { --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) } .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-black\/10 { --tw-shadow-color: #0000001a } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/20 { --tw-shadow-color: #0003 } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/25 { --tw-shadow-color: #00000040 } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/25 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent) } } .shadow-black\/50 { --tw-shadow-color: #00000080 } @supports (color:color-mix(in lab, red, red)) { .shadow-black\/50 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 50%, transparent) var(--tw-shadow-alpha), transparent) } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px } .outline-offset-2 { outline-offset: 2px } .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-2xl { --tw-blur: blur(var(--blur-2xl)); 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-3xl { --tw-blur: blur(var(--blur-3xl)); 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-lg { --tw-blur: blur(var(--blur-lg)); 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-md { --tw-blur: blur(var(--blur-md)); 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-none { --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, ) } .blur-sm { --tw-blur: blur(var(--blur-sm)); 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-xl { --tw-blur: blur(var(--blur-xl)); 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, ) } .brightness-50 { --tw-brightness: brightness(50%); 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, ) } .brightness-75 { --tw-brightness: brightness(75%); 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, ) } .brightness-90 { --tw-brightness: brightness(90%); 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, ) } .brightness-95 { --tw-brightness: brightness(95%); 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, ) } .brightness-100 { --tw-brightness: brightness(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, ) } .brightness-105 { --tw-brightness: brightness(105%); 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, ) } .brightness-110 { --tw-brightness: brightness(110%); 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, ) } .brightness-125 { --tw-brightness: brightness(125%); 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, ) } .brightness-150 { --tw-brightness: brightness(150%); 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, ) } .brightness-200 { --tw-brightness: brightness(200%); 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, ) } .contrast-50 { --tw-contrast: contrast(50%); 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, ) } .contrast-75 { --tw-contrast: contrast(75%); 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, ) } .contrast-100 { --tw-contrast: contrast(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, ) } .contrast-125 { --tw-contrast: contrast(125%); 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, ) } .contrast-150 { --tw-contrast: contrast(150%); 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, ) } .contrast-200 { --tw-contrast: contrast(200%); 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, ) } .grayscale-0 { --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, ) } .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, ) } .invert-0 { --tw-invert: invert(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, ) } .saturate-0 { --tw-saturate: saturate(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, ) } .saturate-50 { --tw-saturate: saturate(50%); 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, ) } .saturate-100 { --tw-saturate: saturate(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, ) } .saturate-150 { --tw-saturate: saturate(150%); 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, ) } .saturate-200 { --tw-saturate: saturate(200%); 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, ) } .sepia { --tw-sepia: sepia(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, ) } .sepia-0 { --tw-sepia: sepia(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, ) } .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: 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-blur-lg { --tw-backdrop-blur: blur(var(--blur-lg)); -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, ) } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -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, ) } .backdrop-blur-none { --tw-backdrop-blur: ; -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, ) } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -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, ) } .backdrop-blur-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -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, ) } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); -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, ) } .backdrop-invert { --tw-backdrop-invert: invert(100%); -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, ) } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); -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, display, content-visibility, overlay, pointer-events; 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-shadow { transition-property: box-shadow; 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)) } .transition-none { transition-property: none } .delay-75 { transition-delay: 75ms } .delay-100 { transition-delay: .1s } .delay-150 { transition-delay: .15s } .delay-200 { transition-delay: .2s } .delay-300 { transition-delay: .3s } .delay-500 { transition-delay: .5s } .delay-700 { transition-delay: .7s } .delay-1000 { transition-delay: 1s } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms } .duration-100 { --tw-duration: .1s; transition-duration: .1s } .duration-150 { --tw-duration: .15s; transition-duration: .15s } .duration-200 { --tw-duration: .2s; transition-duration: .2s } .duration-300 { --tw-duration: .3s; transition-duration: .3s } .duration-500 { --tw-duration: .5s; transition-duration: .5s } .duration-700 { --tw-duration: .7s; transition-duration: .7s } .duration-1000 { --tw-duration: 1s; transition-duration: 1s } .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) } .outline-none { --tw-outline-style: none; outline-style: none } .select-all { -webkit-user-select: all; user-select: all } .select-auto { -webkit-user-select: auto; user-select: auto } .select-none { -webkit-user-select: none; user-select: none } .select-text { -webkit-user-select: text; user-select: text } .\[writing-mode\:vertical-rl\] { writing-mode: vertical-rl } :where(.divide-x-reverse>:not(:last-child)) { --tw-divide-x-reverse: 1 } .group-focus-within\:opacity-100:is(:where(.group):focus-within *) { opacity: 1 } @media (hover:hover) { .group-hover\:-translate-y-1:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:translate-y-0:is(:where(.group):hover *) { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-hover\:scale-90:is(:where(.group):hover *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-95:is(:where(.group):hover *) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-hover\:cursor-pointer:is(:where(.group):hover *) { cursor: pointer } .group-hover\:border-accent:is(:where(.group):hover *) { border-color: var(--color-accent) } .group-hover\:border-accent\/30:is(:where(.group):hover *) { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-accent\/30:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .group-hover\:border-accent\/50:is(:where(.group):hover *) { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-accent\/50:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .group-hover\:border-accent\/70:is(:where(.group):hover *) { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-accent\/70:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .group-hover\:border-line:is(:where(.group):hover *) { border-color: var(--color-line) } .group-hover\:border-transparent:is(:where(.group):hover *) { border-color: #0000 } .group-hover\:border-white:is(:where(.group):hover *) { border-color: var(--color-white) } .group-hover\:border-white\/20:is(:where(.group):hover *) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:border-white\/20:is(:where(.group):hover *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .group-hover\:bg-accent:is(:where(.group):hover *) { background-color: var(--color-accent) } .group-hover\:bg-dark:is(:where(.group):hover *) { background-color: var(--color-dark) } .group-hover\:bg-line:is(:where(.group):hover *) { background-color: var(--color-line) } .group-hover\:bg-muted:is(:where(.group):hover *) { background-color: var(--color-muted) } .group-hover\:bg-transparent:is(:where(.group):hover *) { background-color: #0000 } .group-hover\:bg-white:is(:where(.group):hover *) { background-color: var(--color-white) } .group-hover\:bg-white\/10:is(:where(.group):hover *) { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .group-hover\:bg-white\/10:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .group-hover\:text-accent:is(:where(.group):hover *) { color: var(--color-accent) } .group-hover\:text-accent\/50:is(:where(.group):hover *) { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-accent\/50:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .group-hover\:text-accent\/60:is(:where(.group):hover *) { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-accent\/60:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .group-hover\:text-accent\/70:is(:where(.group):hover *) { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-accent\/70:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .group-hover\:text-accent\/80:is(:where(.group):hover *) { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-accent\/80:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .group-hover\:text-accent\/90:is(:where(.group):hover *) { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .group-hover\:text-accent\/90:is(:where(.group):hover *) { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .group-hover\:text-current:is(:where(.group):hover *) { color: currentColor } .group-hover\:text-dark:is(:where(.group):hover *) { color: var(--color-dark) } .group-hover\:text-muted:is(:where(.group):hover *) { color: var(--color-muted) } .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white) } .group-hover\:no-underline:is(:where(.group):hover *) { text-decoration-line: none } .group-hover\:underline:is(:where(.group):hover *) { text-decoration-line: underline } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0 } .group-hover\:opacity-50:is(:where(.group):hover *) { opacity: .5 } .group-hover\:opacity-75:is(:where(.group):hover *) { opacity: .75 } .group-hover\:opacity-90:is(:where(.group):hover *) { opacity: .9 } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1 } .group-hover\:shadow:is(:where(.group):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) } .group-hover\:shadow-lg:is(:where(.group):hover *) { --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) } .group-hover\:shadow-none:is(:where(.group):hover *) { --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) } .group-hover\:blur:is(:where(.group):hover *) { --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, ) } .group-hover\:blur-none:is(:where(.group):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, ) } .group-hover\:grayscale:is(:where(.group):hover *) { --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, ) } .group-hover\:grayscale-0:is(:where(.group):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, ) } .group-hover\:transition:is(:where(.group):hover *) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .group-hover\:transition-colors:is(:where(.group):hover *) { 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)) } .group-hover\:transition-opacity:is(:where(.group):hover *) { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .group-hover\:transition-transform:is(:where(.group):hover *) { 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)) } .group-hover\:duration-300:is(:where(.group):hover *) { --tw-duration: .3s; transition-duration: .3s } } .group-focus\:-translate-y-1:is(:where(.group):focus *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-focus\:translate-y-0:is(:where(.group):focus *) { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-focus\:scale-90:is(:where(.group):focus *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-focus\:scale-95:is(:where(.group):focus *) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-focus\:scale-100:is(:where(.group):focus *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-focus\:scale-105:is(:where(.group):focus *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-focus\:cursor-pointer:is(:where(.group):focus *) { cursor: pointer } .group-focus\:border-accent:is(:where(.group):focus *) { border-color: var(--color-accent) } .group-focus\:border-accent\/30:is(:where(.group):focus *) { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .group-focus\:border-accent\/30:is(:where(.group):focus *) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .group-focus\:border-accent\/50:is(:where(.group):focus *) { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .group-focus\:border-accent\/50:is(:where(.group):focus *) { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .group-focus\:border-accent\/70:is(:where(.group):focus *) { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .group-focus\:border-accent\/70:is(:where(.group):focus *) { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .group-focus\:border-line:is(:where(.group):focus *) { border-color: var(--color-line) } .group-focus\:border-transparent:is(:where(.group):focus *) { border-color: #0000 } .group-focus\:border-white:is(:where(.group):focus *) { border-color: var(--color-white) } .group-focus\:border-white\/20:is(:where(.group):focus *) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .group-focus\:border-white\/20:is(:where(.group):focus *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .group-focus\:bg-accent:is(:where(.group):focus *) { background-color: var(--color-accent) } .group-focus\:bg-dark:is(:where(.group):focus *) { background-color: var(--color-dark) } .group-focus\:bg-line:is(:where(.group):focus *) { background-color: var(--color-line) } .group-focus\:bg-muted:is(:where(.group):focus *) { background-color: var(--color-muted) } .group-focus\:bg-transparent:is(:where(.group):focus *) { background-color: #0000 } .group-focus\:bg-white:is(:where(.group):focus *) { background-color: var(--color-white) } .group-focus\:bg-white\/10:is(:where(.group):focus *) { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .group-focus\:bg-white\/10:is(:where(.group):focus *) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .group-focus\:text-accent:is(:where(.group):focus *) { color: var(--color-accent) } .group-focus\:text-accent\/50:is(:where(.group):focus *) { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .group-focus\:text-accent\/50:is(:where(.group):focus *) { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .group-focus\:text-accent\/60:is(:where(.group):focus *) { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .group-focus\:text-accent\/60:is(:where(.group):focus *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .group-focus\:text-accent\/70:is(:where(.group):focus *) { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .group-focus\:text-accent\/70:is(:where(.group):focus *) { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .group-focus\:text-accent\/80:is(:where(.group):focus *) { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .group-focus\:text-accent\/80:is(:where(.group):focus *) { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .group-focus\:text-accent\/90:is(:where(.group):focus *) { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .group-focus\:text-accent\/90:is(:where(.group):focus *) { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .group-focus\:text-current:is(:where(.group):focus *) { color: currentColor } .group-focus\:text-dark:is(:where(.group):focus *) { color: var(--color-dark) } .group-focus\:text-muted:is(:where(.group):focus *) { color: var(--color-muted) } .group-focus\:text-white:is(:where(.group):focus *) { color: var(--color-white) } .group-focus\:no-underline:is(:where(.group):focus *) { text-decoration-line: none } .group-focus\:underline:is(:where(.group):focus *) { text-decoration-line: underline } .group-focus\:opacity-0:is(:where(.group):focus *) { opacity: 0 } .group-focus\:opacity-50:is(:where(.group):focus *) { opacity: .5 } .group-focus\:opacity-75:is(:where(.group):focus *) { opacity: .75 } .group-focus\:opacity-90:is(:where(.group):focus *) { opacity: .9 } .group-focus\:opacity-100:is(:where(.group):focus *) { opacity: 1 } .group-focus\:shadow:is(:where(.group):focus *) { --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) } .group-focus\:shadow-lg:is(:where(.group):focus *) { --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) } .group-focus\:shadow-none:is(:where(.group):focus *) { --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) } .group-focus\:blur:is(:where(.group):focus *) { --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, ) } .group-focus\:blur-none:is(:where(.group):focus *) { --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, ) } .group-focus\:grayscale:is(:where(.group):focus *) { --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, ) } .group-focus\:grayscale-0:is(:where(.group):focus *) { --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, ) } .group-focus\:transition:is(:where(.group):focus *) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .group-focus\:transition-colors:is(:where(.group):focus *) { 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)) } .group-focus\:transition-opacity:is(:where(.group):focus *) { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .group-focus\:transition-transform:is(:where(.group):focus *) { 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)) } .group-focus\:duration-300:is(:where(.group):focus *) { --tw-duration: .3s; transition-duration: .3s } .group-active\:-translate-y-1:is(:where(.group):active *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .group-active\:translate-y-0:is(:where(.group):active *) { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .group-active\:scale-90:is(:where(.group):active *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-active\:scale-95:is(:where(.group):active *) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-active\:scale-100:is(:where(.group):active *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-active\:scale-105:is(:where(.group):active *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .group-active\:cursor-pointer:is(:where(.group):active *) { cursor: pointer } .group-active\:border-accent:is(:where(.group):active *) { border-color: var(--color-accent) } .group-active\:border-accent\/30:is(:where(.group):active *) { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .group-active\:border-accent\/30:is(:where(.group):active *) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .group-active\:border-accent\/50:is(:where(.group):active *) { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .group-active\:border-accent\/50:is(:where(.group):active *) { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .group-active\:border-accent\/70:is(:where(.group):active *) { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .group-active\:border-accent\/70:is(:where(.group):active *) { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .group-active\:border-line:is(:where(.group):active *) { border-color: var(--color-line) } .group-active\:border-transparent:is(:where(.group):active *) { border-color: #0000 } .group-active\:border-white:is(:where(.group):active *) { border-color: var(--color-white) } .group-active\:border-white\/20:is(:where(.group):active *) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .group-active\:border-white\/20:is(:where(.group):active *) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .group-active\:bg-accent:is(:where(.group):active *) { background-color: var(--color-accent) } .group-active\:bg-dark:is(:where(.group):active *) { background-color: var(--color-dark) } .group-active\:bg-line:is(:where(.group):active *) { background-color: var(--color-line) } .group-active\:bg-muted:is(:where(.group):active *) { background-color: var(--color-muted) } .group-active\:bg-transparent:is(:where(.group):active *) { background-color: #0000 } .group-active\:bg-white:is(:where(.group):active *) { background-color: var(--color-white) } .group-active\:bg-white\/10:is(:where(.group):active *) { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .group-active\:bg-white\/10:is(:where(.group):active *) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .group-active\:text-accent:is(:where(.group):active *) { color: var(--color-accent) } .group-active\:text-accent\/50:is(:where(.group):active *) { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .group-active\:text-accent\/50:is(:where(.group):active *) { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .group-active\:text-accent\/60:is(:where(.group):active *) { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .group-active\:text-accent\/60:is(:where(.group):active *) { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .group-active\:text-accent\/70:is(:where(.group):active *) { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .group-active\:text-accent\/70:is(:where(.group):active *) { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .group-active\:text-accent\/80:is(:where(.group):active *) { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .group-active\:text-accent\/80:is(:where(.group):active *) { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .group-active\:text-accent\/90:is(:where(.group):active *) { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .group-active\:text-accent\/90:is(:where(.group):active *) { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .group-active\:text-current:is(:where(.group):active *) { color: currentColor } .group-active\:text-dark:is(:where(.group):active *) { color: var(--color-dark) } .group-active\:text-muted:is(:where(.group):active *) { color: var(--color-muted) } .group-active\:text-white:is(:where(.group):active *) { color: var(--color-white) } .group-active\:no-underline:is(:where(.group):active *) { text-decoration-line: none } .group-active\:underline:is(:where(.group):active *) { text-decoration-line: underline } .group-active\:opacity-0:is(:where(.group):active *) { opacity: 0 } .group-active\:opacity-50:is(:where(.group):active *) { opacity: .5 } .group-active\:opacity-75:is(:where(.group):active *) { opacity: .75 } .group-active\:opacity-90:is(:where(.group):active *) { opacity: .9 } .group-active\:opacity-100:is(:where(.group):active *) { opacity: 1 } .group-active\:shadow:is(:where(.group):active *) { --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) } .group-active\:shadow-lg:is(:where(.group):active *) { --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) } .group-active\:shadow-none:is(:where(.group):active *) { --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) } .group-active\:blur:is(:where(.group):active *) { --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, ) } .group-active\:blur-none:is(:where(.group):active *) { --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, ) } .group-active\:grayscale:is(:where(.group):active *) { --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, ) } .group-active\:grayscale-0:is(:where(.group):active *) { --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, ) } .group-active\:transition:is(:where(.group):active *) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .group-active\:transition-colors:is(:where(.group):active *) { 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)) } .group-active\:transition-opacity:is(:where(.group):active *) { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .group-active\:transition-transform:is(:where(.group):active *) { 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)) } .group-active\:duration-300:is(:where(.group):active *) { --tw-duration: .3s; transition-duration: .3s } .first\:-translate-y-1:first-child { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .first\:translate-y-0:first-child { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .first\:scale-90:first-child { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .first\:scale-95:first-child { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .first\:scale-100:first-child { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .first\:scale-105:first-child { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .first\:cursor-pointer:first-child { cursor: pointer } .first\:border-accent:first-child { border-color: var(--color-accent) } .first\:border-accent\/30:first-child { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .first\:border-accent\/30:first-child { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .first\:border-accent\/50:first-child { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .first\:border-accent\/50:first-child { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .first\:border-accent\/70:first-child { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .first\:border-accent\/70:first-child { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .first\:border-line:first-child { border-color: var(--color-line) } .first\:border-transparent:first-child { border-color: #0000 } .first\:border-white:first-child { border-color: var(--color-white) } .first\:border-white\/20:first-child { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .first\:border-white\/20:first-child { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .first\:bg-accent:first-child { background-color: var(--color-accent) } .first\:bg-dark:first-child { background-color: var(--color-dark) } .first\:bg-line:first-child { background-color: var(--color-line) } .first\:bg-muted:first-child { background-color: var(--color-muted) } .first\:bg-transparent:first-child { background-color: #0000 } .first\:bg-white:first-child { background-color: var(--color-white) } .first\:bg-white\/10:first-child { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .first\:bg-white\/10:first-child { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .first\:text-accent:first-child { color: var(--color-accent) } .first\:text-accent\/50:first-child { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .first\:text-accent\/50:first-child { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .first\:text-accent\/60:first-child { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .first\:text-accent\/60:first-child { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .first\:text-accent\/70:first-child { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .first\:text-accent\/70:first-child { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .first\:text-accent\/80:first-child { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .first\:text-accent\/80:first-child { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .first\:text-accent\/90:first-child { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .first\:text-accent\/90:first-child { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .first\:text-current:first-child { color: currentColor } .first\:text-dark:first-child { color: var(--color-dark) } .first\:text-muted:first-child { color: var(--color-muted) } .first\:text-white:first-child { color: var(--color-white) } .first\:no-underline:first-child { text-decoration-line: none } .first\:underline:first-child { text-decoration-line: underline } .first\:opacity-0:first-child { opacity: 0 } .first\:opacity-50:first-child { opacity: .5 } .first\:opacity-75:first-child { opacity: .75 } .first\:opacity-90:first-child { opacity: .9 } .first\:opacity-100:first-child { opacity: 1 } .first\:shadow:first-child { --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) } .first\:shadow-lg:first-child { --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) } .first\:shadow-none:first-child { --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) } .first\:blur:first-child { --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, ) } .first\:blur-none:first-child { --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, ) } .first\:grayscale:first-child { --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, ) } .first\:grayscale-0:first-child { --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, ) } .first\:transition:first-child { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .first\:transition-colors:first-child { 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)) } .first\:transition-opacity:first-child { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .first\:transition-transform:first-child { 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)) } .first\:duration-300:first-child { --tw-duration: .3s; transition-duration: .3s } .last\:-translate-y-1:last-child { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .last\:translate-y-0:last-child { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .last\:scale-90:last-child { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .last\:scale-95:last-child { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .last\:scale-100:last-child { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .last\:scale-105:last-child { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .last\:cursor-pointer:last-child { cursor: pointer } .last\:border-accent:last-child { border-color: var(--color-accent) } .last\:border-accent\/30:last-child { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .last\:border-accent\/30:last-child { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .last\:border-accent\/50:last-child { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .last\:border-accent\/50:last-child { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .last\:border-accent\/70:last-child { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .last\:border-accent\/70:last-child { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .last\:border-line:last-child { border-color: var(--color-line) } .last\:border-transparent:last-child { border-color: #0000 } .last\:border-white:last-child { border-color: var(--color-white) } .last\:border-white\/20:last-child { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .last\:border-white\/20:last-child { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .last\:bg-accent:last-child { background-color: var(--color-accent) } .last\:bg-dark:last-child { background-color: var(--color-dark) } .last\:bg-line:last-child { background-color: var(--color-line) } .last\:bg-muted:last-child { background-color: var(--color-muted) } .last\:bg-transparent:last-child { background-color: #0000 } .last\:bg-white:last-child { background-color: var(--color-white) } .last\:bg-white\/10:last-child { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .last\:bg-white\/10:last-child { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .last\:text-accent:last-child { color: var(--color-accent) } .last\:text-accent\/50:last-child { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .last\:text-accent\/50:last-child { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .last\:text-accent\/60:last-child { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .last\:text-accent\/60:last-child { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .last\:text-accent\/70:last-child { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .last\:text-accent\/70:last-child { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .last\:text-accent\/80:last-child { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .last\:text-accent\/80:last-child { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .last\:text-accent\/90:last-child { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .last\:text-accent\/90:last-child { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .last\:text-current:last-child { color: currentColor } .last\:text-dark:last-child { color: var(--color-dark) } .last\:text-muted:last-child { color: var(--color-muted) } .last\:text-white:last-child { color: var(--color-white) } .last\:no-underline:last-child { text-decoration-line: none } .last\:underline:last-child { text-decoration-line: underline } .last\:opacity-0:last-child { opacity: 0 } .last\:opacity-50:last-child { opacity: .5 } .last\:opacity-75:last-child { opacity: .75 } .last\:opacity-90:last-child { opacity: .9 } .last\:opacity-100:last-child { opacity: 1 } .last\:shadow:last-child { --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) } .last\:shadow-lg:last-child { --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) } .last\:shadow-none:last-child { --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) } .last\:blur:last-child { --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, ) } .last\:blur-none:last-child { --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, ) } .last\:grayscale:last-child { --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, ) } .last\:grayscale-0:last-child { --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, ) } .last\:transition:last-child { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .last\:transition-colors:last-child { 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)) } .last\:transition-opacity:last-child { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .last\:transition-transform:last-child { 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)) } .last\:duration-300:last-child { --tw-duration: .3s; transition-duration: .3s } .odd\:-translate-y-1:nth-child(odd) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .odd\:translate-y-0:nth-child(odd) { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .odd\:scale-90:nth-child(odd) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .odd\:scale-95:nth-child(odd) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .odd\:scale-100:nth-child(odd) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .odd\:scale-105:nth-child(odd) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .odd\:cursor-pointer:nth-child(odd) { cursor: pointer } .odd\:border-accent:nth-child(odd) { border-color: var(--color-accent) } .odd\:border-accent\/30:nth-child(odd) { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .odd\:border-accent\/30:nth-child(odd) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .odd\:border-accent\/50:nth-child(odd) { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .odd\:border-accent\/50:nth-child(odd) { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .odd\:border-accent\/70:nth-child(odd) { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .odd\:border-accent\/70:nth-child(odd) { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .odd\:border-line:nth-child(odd) { border-color: var(--color-line) } .odd\:border-transparent:nth-child(odd) { border-color: #0000 } .odd\:border-white:nth-child(odd) { border-color: var(--color-white) } .odd\:border-white\/20:nth-child(odd) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .odd\:border-white\/20:nth-child(odd) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .odd\:bg-accent:nth-child(odd) { background-color: var(--color-accent) } .odd\:bg-dark:nth-child(odd) { background-color: var(--color-dark) } .odd\:bg-line:nth-child(odd) { background-color: var(--color-line) } .odd\:bg-muted:nth-child(odd) { background-color: var(--color-muted) } .odd\:bg-transparent:nth-child(odd) { background-color: #0000 } .odd\:bg-white:nth-child(odd) { background-color: var(--color-white) } .odd\:bg-white\/10:nth-child(odd) { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .odd\:bg-white\/10:nth-child(odd) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .odd\:text-accent:nth-child(odd) { color: var(--color-accent) } .odd\:text-accent\/50:nth-child(odd) { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .odd\:text-accent\/50:nth-child(odd) { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .odd\:text-accent\/60:nth-child(odd) { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .odd\:text-accent\/60:nth-child(odd) { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .odd\:text-accent\/70:nth-child(odd) { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .odd\:text-accent\/70:nth-child(odd) { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .odd\:text-accent\/80:nth-child(odd) { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .odd\:text-accent\/80:nth-child(odd) { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .odd\:text-accent\/90:nth-child(odd) { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .odd\:text-accent\/90:nth-child(odd) { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .odd\:text-current:nth-child(odd) { color: currentColor } .odd\:text-dark:nth-child(odd) { color: var(--color-dark) } .odd\:text-muted:nth-child(odd) { color: var(--color-muted) } .odd\:text-white:nth-child(odd) { color: var(--color-white) } .odd\:no-underline:nth-child(odd) { text-decoration-line: none } .odd\:underline:nth-child(odd) { text-decoration-line: underline } .odd\:opacity-0:nth-child(odd) { opacity: 0 } .odd\:opacity-50:nth-child(odd) { opacity: .5 } .odd\:opacity-75:nth-child(odd) { opacity: .75 } .odd\:opacity-90:nth-child(odd) { opacity: .9 } .odd\:opacity-100:nth-child(odd) { opacity: 1 } .odd\:shadow:nth-child(odd) { --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) } .odd\:shadow-lg:nth-child(odd) { --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) } .odd\:shadow-none:nth-child(odd) { --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) } .odd\:blur:nth-child(odd) { --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, ) } .odd\:blur-none:nth-child(odd) { --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, ) } .odd\:grayscale:nth-child(odd) { --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, ) } .odd\:grayscale-0:nth-child(odd) { --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, ) } .odd\:transition:nth-child(odd) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .odd\:transition-colors:nth-child(odd) { 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)) } .odd\:transition-opacity:nth-child(odd) { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .odd\:transition-transform:nth-child(odd) { 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)) } .odd\:duration-300:nth-child(odd) { --tw-duration: .3s; transition-duration: .3s } .even\:-translate-y-1:nth-child(2n) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .even\:translate-y-0:nth-child(2n) { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .even\:scale-90:nth-child(2n) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .even\:scale-95:nth-child(2n) { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .even\:scale-100:nth-child(2n) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .even\:scale-105:nth-child(2n) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .even\:cursor-pointer:nth-child(2n) { cursor: pointer } .even\:border-accent:nth-child(2n) { border-color: var(--color-accent) } .even\:border-accent\/30:nth-child(2n) { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .even\:border-accent\/30:nth-child(2n) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .even\:border-accent\/50:nth-child(2n) { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .even\:border-accent\/50:nth-child(2n) { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .even\:border-accent\/70:nth-child(2n) { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .even\:border-accent\/70:nth-child(2n) { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .even\:border-line:nth-child(2n) { border-color: var(--color-line) } .even\:border-transparent:nth-child(2n) { border-color: #0000 } .even\:border-white:nth-child(2n) { border-color: var(--color-white) } .even\:border-white\/20:nth-child(2n) { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .even\:border-white\/20:nth-child(2n) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .even\:bg-accent:nth-child(2n) { background-color: var(--color-accent) } .even\:bg-dark:nth-child(2n) { background-color: var(--color-dark) } .even\:bg-line:nth-child(2n) { background-color: var(--color-line) } .even\:bg-muted:nth-child(2n) { background-color: var(--color-muted) } .even\:bg-transparent:nth-child(2n) { background-color: #0000 } .even\:bg-white:nth-child(2n) { background-color: var(--color-white) } .even\:bg-white\/10:nth-child(2n) { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .even\:bg-white\/10:nth-child(2n) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .even\:text-accent:nth-child(2n) { color: var(--color-accent) } .even\:text-accent\/50:nth-child(2n) { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .even\:text-accent\/50:nth-child(2n) { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .even\:text-accent\/60:nth-child(2n) { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .even\:text-accent\/60:nth-child(2n) { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .even\:text-accent\/70:nth-child(2n) { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .even\:text-accent\/70:nth-child(2n) { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .even\:text-accent\/80:nth-child(2n) { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .even\:text-accent\/80:nth-child(2n) { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .even\:text-accent\/90:nth-child(2n) { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .even\:text-accent\/90:nth-child(2n) { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .even\:text-current:nth-child(2n) { color: currentColor } .even\:text-dark:nth-child(2n) { color: var(--color-dark) } .even\:text-muted:nth-child(2n) { color: var(--color-muted) } .even\:text-white:nth-child(2n) { color: var(--color-white) } .even\:no-underline:nth-child(2n) { text-decoration-line: none } .even\:underline:nth-child(2n) { text-decoration-line: underline } .even\:opacity-0:nth-child(2n) { opacity: 0 } .even\:opacity-50:nth-child(2n) { opacity: .5 } .even\:opacity-75:nth-child(2n) { opacity: .75 } .even\:opacity-90:nth-child(2n) { opacity: .9 } .even\:opacity-100:nth-child(2n) { opacity: 1 } .even\:shadow:nth-child(2n) { --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) } .even\:shadow-lg:nth-child(2n) { --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) } .even\:shadow-none:nth-child(2n) { --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) } .even\:blur:nth-child(2n) { --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, ) } .even\:blur-none:nth-child(2n) { --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, ) } .even\:grayscale:nth-child(2n) { --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, ) } .even\:grayscale-0:nth-child(2n) { --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, ) } .even\:transition:nth-child(2n) { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .even\:transition-colors:nth-child(2n) { 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)) } .even\:transition-opacity:nth-child(2n) { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .even\:transition-transform:nth-child(2n) { 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)) } .even\:duration-300:nth-child(2n) { --tw-duration: .3s; transition-duration: .3s } .visited\:-translate-y-1:visited { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .visited\:translate-y-0:visited { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .visited\:scale-90:visited { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .visited\:scale-95:visited { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .visited\:scale-100:visited { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .visited\:scale-105:visited { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .visited\:cursor-pointer:visited { cursor: pointer } .visited\:border-accent:visited { border-color: var(--color-accent) } .visited\:border-accent\/30:visited { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .visited\:border-accent\/30:visited { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .visited\:border-accent\/50:visited { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .visited\:border-accent\/50:visited { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .visited\:border-accent\/70:visited { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .visited\:border-accent\/70:visited { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .visited\:border-line:visited { border-color: var(--color-line) } .visited\:border-transparent:visited { border-color: #0000 } .visited\:border-white:visited { border-color: var(--color-white) } .visited\:border-white\/20:visited { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .visited\:border-white\/20:visited { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .visited\:bg-accent:visited { background-color: var(--color-accent) } .visited\:bg-dark:visited { background-color: var(--color-dark) } .visited\:bg-line:visited { background-color: var(--color-line) } .visited\:bg-muted:visited { background-color: var(--color-muted) } .visited\:bg-transparent:visited { background-color: #0000 } .visited\:bg-white:visited { background-color: var(--color-white) } .visited\:bg-white\/10:visited { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .visited\:bg-white\/10:visited { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .visited\:text-accent:visited { color: var(--color-accent) } .visited\:text-accent\/50:visited { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .visited\:text-accent\/50:visited { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .visited\:text-accent\/60:visited { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .visited\:text-accent\/60:visited { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .visited\:text-accent\/70:visited { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .visited\:text-accent\/70:visited { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .visited\:text-accent\/80:visited { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .visited\:text-accent\/80:visited { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .visited\:text-accent\/90:visited { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .visited\:text-accent\/90:visited { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .visited\:text-current:visited { color: currentColor } .visited\:text-dark:visited { color: var(--color-dark) } .visited\:text-muted:visited { color: var(--color-muted) } .visited\:text-white:visited { color: var(--color-white) } .visited\:no-underline:visited { text-decoration-line: none } .visited\:underline:visited { text-decoration-line: underline } .visited\:opacity-0:visited { opacity: 0 } .visited\:opacity-50:visited { opacity: .5 } .visited\:opacity-75:visited { opacity: .75 } .visited\:opacity-90:visited { opacity: .9 } .visited\:opacity-100:visited { opacity: 1 } .visited\:shadow:visited { --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) } .visited\:shadow-lg:visited { --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) } .visited\:shadow-none:visited { --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) } .visited\:blur:visited { --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, ) } .visited\:blur-none:visited { --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, ) } .visited\:grayscale:visited { --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, ) } .visited\:grayscale-0:visited { --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, ) } .visited\:transition:visited { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .visited\:transition-colors:visited { 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)) } .visited\:transition-opacity:visited { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .visited\:transition-transform:visited { 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)) } .visited\:duration-300:visited { --tw-duration: .3s; transition-duration: .3s } .focus-within\:-translate-y-1:focus-within { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .focus-within\:translate-y-0:focus-within { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .focus-within\:scale-90:focus-within { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus-within\:scale-95:focus-within { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus-within\:scale-100:focus-within { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus-within\:scale-105:focus-within { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus-within\:cursor-pointer:focus-within { cursor: pointer } .focus-within\:border-accent:focus-within { border-color: var(--color-accent) } .focus-within\:border-accent\/30:focus-within { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .focus-within\:border-accent\/30:focus-within { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .focus-within\:border-accent\/50:focus-within { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .focus-within\:border-accent\/50:focus-within { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .focus-within\:border-accent\/70:focus-within { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .focus-within\:border-accent\/70:focus-within { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .focus-within\:border-line:focus-within { border-color: var(--color-line) } .focus-within\:border-transparent:focus-within { border-color: #0000 } .focus-within\:border-white:focus-within { border-color: var(--color-white) } .focus-within\:border-white\/20:focus-within { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .focus-within\:border-white\/20:focus-within { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .focus-within\:bg-accent:focus-within { background-color: var(--color-accent) } .focus-within\:bg-dark:focus-within { background-color: var(--color-dark) } .focus-within\:bg-line:focus-within { background-color: var(--color-line) } .focus-within\:bg-muted:focus-within { background-color: var(--color-muted) } .focus-within\:bg-transparent:focus-within { background-color: #0000 } .focus-within\:bg-white:focus-within { background-color: var(--color-white) } .focus-within\:bg-white\/10:focus-within { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .focus-within\:bg-white\/10:focus-within { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .focus-within\:text-accent:focus-within { color: var(--color-accent) } .focus-within\:text-accent\/50:focus-within { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .focus-within\:text-accent\/50:focus-within { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .focus-within\:text-accent\/60:focus-within { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .focus-within\:text-accent\/60:focus-within { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .focus-within\:text-accent\/70:focus-within { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .focus-within\:text-accent\/70:focus-within { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .focus-within\:text-accent\/80:focus-within { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .focus-within\:text-accent\/80:focus-within { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .focus-within\:text-accent\/90:focus-within { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .focus-within\:text-accent\/90:focus-within { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .focus-within\:text-current:focus-within { color: currentColor } .focus-within\:text-dark:focus-within { color: var(--color-dark) } .focus-within\:text-muted:focus-within { color: var(--color-muted) } .focus-within\:text-white:focus-within { color: var(--color-white) } .focus-within\:no-underline:focus-within { text-decoration-line: none } .focus-within\:underline:focus-within { text-decoration-line: underline } .focus-within\:opacity-0:focus-within { opacity: 0 } .focus-within\:opacity-50:focus-within { opacity: .5 } .focus-within\:opacity-75:focus-within { opacity: .75 } .focus-within\:opacity-90:focus-within { opacity: .9 } .focus-within\:opacity-100:focus-within { opacity: 1 } .focus-within\:shadow:focus-within { --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) } .focus-within\:shadow-lg:focus-within { --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) } .focus-within\:shadow-none:focus-within { --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) } .focus-within\:blur:focus-within { --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, ) } .focus-within\:blur-none:focus-within { --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, ) } .focus-within\:grayscale:focus-within { --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, ) } .focus-within\:grayscale-0:focus-within { --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-within\:transition:focus-within { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .focus-within\:transition-colors:focus-within { 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)) } .focus-within\:transition-opacity:focus-within { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .focus-within\:transition-transform:focus-within { 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)) } .focus-within\:duration-300:focus-within { --tw-duration: .3s; transition-duration: .3s } @media (hover:hover) { .hover\:-translate-y-1:hover { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:translate-y-0:hover { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .hover\:scale-90:hover { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-95:hover { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-100:hover { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .hover\:cursor-pointer:hover { cursor: pointer } .hover\:border-accent:hover { border-color: var(--color-accent) } .hover\:border-accent\/30:hover { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .hover\:border-accent\/30:hover { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .hover\:border-accent\/50:hover { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .hover\:border-accent\/50:hover { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .hover\:border-accent\/70:hover { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .hover\:border-accent\/70:hover { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .hover\:border-line:hover { border-color: var(--color-line) } .hover\:border-transparent:hover { border-color: #0000 } .hover\:border-white:hover { border-color: var(--color-white) } .hover\:border-white\/20:hover { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .hover\:border-white\/20:hover { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .hover\:bg-accent:hover { background-color: var(--color-accent) } .hover\:bg-dark:hover { background-color: var(--color-dark) } .hover\:bg-line:hover { background-color: var(--color-line) } .hover\:bg-muted:hover { background-color: var(--color-muted) } .hover\:bg-transparent:hover { background-color: #0000 } .hover\:bg-white:hover { background-color: var(--color-white) } .hover\:bg-white\/10:hover { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .hover\:text-accent:hover { color: var(--color-accent) } .hover\:text-accent\/50:hover { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .hover\:text-accent\/50:hover { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .hover\:text-accent\/60:hover { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .hover\:text-accent\/60:hover { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .hover\:text-accent\/70:hover { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .hover\:text-accent\/70:hover { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .hover\:text-accent\/80:hover { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .hover\:text-accent\/80:hover { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .hover\:text-accent\/90:hover { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .hover\:text-accent\/90:hover { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .hover\:text-current:hover { color: currentColor } .hover\:text-dark:hover { color: var(--color-dark) } .hover\:text-muted:hover { color: var(--color-muted) } .hover\:text-white:hover { color: var(--color-white) } .hover\:no-underline:hover { text-decoration-line: none } .hover\:underline:hover { text-decoration-line: underline } .hover\:opacity-0:hover { opacity: 0 } .hover\:opacity-50:hover { opacity: .5 } .hover\:opacity-75:hover { opacity: .75 } .hover\:opacity-90:hover { opacity: .9 } .hover\:opacity-100:hover { opacity: 1 } .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\:shadow-lg:hover { --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) } .hover\:shadow-none:hover { --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) } .hover\:blur:hover { --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, ) } .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:hover { --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, ) } .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, ) } .hover\:transition:hover { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .hover\:transition-colors:hover { 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)) } .hover\:transition-opacity:hover { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .hover\:transition-transform:hover { 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)) } .hover\:duration-300:hover { --tw-duration: .3s; transition-duration: .3s } } .focus\:-translate-y-1:focus { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .focus\:translate-y-0:focus { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .focus\:scale-90:focus { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus\:scale-95:focus { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus\:scale-100:focus { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus\:scale-105:focus { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .focus\:cursor-pointer:focus { cursor: pointer } .focus\:border-accent:focus { border-color: var(--color-accent) } .focus\:border-accent\/30:focus { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .focus\:border-accent\/30:focus { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .focus\:border-accent\/50:focus { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .focus\:border-accent\/50:focus { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .focus\:border-accent\/70:focus { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .focus\:border-accent\/70:focus { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .focus\:border-line:focus { border-color: var(--color-line) } .focus\:border-transparent:focus { border-color: #0000 } .focus\:border-white:focus { border-color: var(--color-white) } .focus\:border-white\/20:focus { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .focus\:border-white\/20:focus { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .focus\:bg-accent:focus { background-color: var(--color-accent) } .focus\:bg-dark:focus { background-color: var(--color-dark) } .focus\:bg-line:focus { background-color: var(--color-line) } .focus\:bg-muted:focus { background-color: var(--color-muted) } .focus\:bg-transparent:focus { background-color: #0000 } .focus\:bg-white:focus { background-color: var(--color-white) } .focus\:bg-white\/10:focus { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .focus\:bg-white\/10:focus { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .focus\:text-accent:focus { color: var(--color-accent) } .focus\:text-accent\/50:focus { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .focus\:text-accent\/50:focus { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .focus\:text-accent\/60:focus { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .focus\:text-accent\/60:focus { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .focus\:text-accent\/70:focus { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .focus\:text-accent\/70:focus { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .focus\:text-accent\/80:focus { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .focus\:text-accent\/80:focus { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .focus\:text-accent\/90:focus { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .focus\:text-accent\/90:focus { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .focus\:text-current:focus { color: currentColor } .focus\:text-dark:focus { color: var(--color-dark) } .focus\:text-muted:focus { color: var(--color-muted) } .focus\:text-white:focus { color: var(--color-white) } .focus\:no-underline:focus { text-decoration-line: none } .focus\:underline:focus { text-decoration-line: underline } .focus\:opacity-0:focus { opacity: 0 } .focus\:opacity-50:focus { opacity: .5 } .focus\:opacity-75:focus { opacity: .75 } .focus\:opacity-90:focus { opacity: .9 } .focus\:opacity-100:focus { opacity: 1 } .focus\:shadow:focus { --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) } .focus\:shadow-lg:focus { --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) } .focus\:shadow-none:focus { --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) } .focus\:blur:focus { --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, ) } .focus\:blur-none:focus { --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, ) } .focus\:grayscale:focus { --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, ) } .focus\:grayscale-0:focus { --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\:transition:focus { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .focus\:transition-colors:focus { 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)) } .focus\:transition-opacity:focus { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .focus\:transition-transform:focus { 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)) } .focus\:duration-300:focus { --tw-duration: .3s; transition-duration: .3s } .active\:-translate-y-1:active { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .active\:translate-y-0:active { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .active\:scale-90:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .active\:scale-100:active { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .active\:scale-105:active { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .active\:cursor-pointer:active { cursor: pointer } .active\:border-accent:active { border-color: var(--color-accent) } .active\:border-accent\/30:active { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .active\:border-accent\/30:active { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .active\:border-accent\/50:active { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .active\:border-accent\/50:active { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .active\:border-accent\/70:active { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .active\:border-accent\/70:active { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .active\:border-line:active { border-color: var(--color-line) } .active\:border-transparent:active { border-color: #0000 } .active\:border-white:active { border-color: var(--color-white) } .active\:border-white\/20:active { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .active\:border-white\/20:active { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .active\:bg-accent:active { background-color: var(--color-accent) } .active\:bg-dark:active { background-color: var(--color-dark) } .active\:bg-line:active { background-color: var(--color-line) } .active\:bg-muted:active { background-color: var(--color-muted) } .active\:bg-transparent:active { background-color: #0000 } .active\:bg-white:active { background-color: var(--color-white) } .active\:bg-white\/10:active { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .active\:bg-white\/10:active { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .active\:text-accent:active { color: var(--color-accent) } .active\:text-accent\/50:active { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .active\:text-accent\/50:active { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .active\:text-accent\/60:active { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .active\:text-accent\/60:active { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .active\:text-accent\/70:active { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .active\:text-accent\/70:active { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .active\:text-accent\/80:active { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .active\:text-accent\/80:active { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .active\:text-accent\/90:active { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .active\:text-accent\/90:active { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .active\:text-current:active { color: currentColor } .active\:text-dark:active { color: var(--color-dark) } .active\:text-muted:active { color: var(--color-muted) } .active\:text-white:active { color: var(--color-white) } .active\:no-underline:active { text-decoration-line: none } .active\:underline:active { text-decoration-line: underline } .active\:opacity-0:active { opacity: 0 } .active\:opacity-50:active { opacity: .5 } .active\:opacity-75:active { opacity: .75 } .active\:opacity-90:active { opacity: .9 } .active\:opacity-100:active { opacity: 1 } .active\:shadow:active { --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) } .active\:shadow-lg:active { --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) } .active\:shadow-none:active { --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) } .active\:blur:active { --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, ) } .active\:blur-none:active { --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, ) } .active\:grayscale:active { --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, ) } .active\:grayscale-0:active { --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, ) } .active\:transition:active { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .active\:transition-colors:active { 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)) } .active\:transition-opacity:active { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .active\:transition-transform:active { 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)) } .active\:duration-300:active { --tw-duration: .3s; transition-duration: .3s } .disabled\:-translate-y-1:disabled { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y) } .disabled\:translate-y-0:disabled { --tw-translate-y: 0px; translate: var(--tw-translate-x) var(--tw-translate-y) } .disabled\:scale-90:disabled { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y) } .disabled\:scale-95:disabled { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y) } .disabled\:scale-100:disabled { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y) } .disabled\:scale-105:disabled { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y) } .disabled\:cursor-pointer:disabled { cursor: pointer } .disabled\:border-accent:disabled { border-color: var(--color-accent) } .disabled\:border-accent\/30:disabled { border-color: #ff6b004d } @supports (color:color-mix(in lab, red, red)) { .disabled\:border-accent\/30:disabled { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent) } } .disabled\:border-accent\/50:disabled { border-color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .disabled\:border-accent\/50:disabled { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .disabled\:border-accent\/70:disabled { border-color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .disabled\:border-accent\/70:disabled { border-color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .disabled\:border-line:disabled { border-color: var(--color-line) } .disabled\:border-transparent:disabled { border-color: #0000 } .disabled\:border-white:disabled { border-color: var(--color-white) } .disabled\:border-white\/20:disabled { border-color: #fff3 } @supports (color:color-mix(in lab, red, red)) { .disabled\:border-white\/20:disabled { border-color: color-mix(in oklab, var(--color-white) 20%, transparent) } } .disabled\:bg-accent:disabled { background-color: var(--color-accent) } .disabled\:bg-dark:disabled { background-color: var(--color-dark) } .disabled\:bg-line:disabled { background-color: var(--color-line) } .disabled\:bg-muted:disabled { background-color: var(--color-muted) } .disabled\:bg-transparent:disabled { background-color: #0000 } .disabled\:bg-white:disabled { background-color: var(--color-white) } .disabled\:bg-white\/10:disabled { background-color: #ffffff1a } @supports (color:color-mix(in lab, red, red)) { .disabled\:bg-white\/10:disabled { background-color: color-mix(in oklab, var(--color-white) 10%, transparent) } } .disabled\:text-accent:disabled { color: var(--color-accent) } .disabled\:text-accent\/50:disabled { color: #ff6b0080 } @supports (color:color-mix(in lab, red, red)) { .disabled\:text-accent\/50:disabled { color: color-mix(in oklab, var(--color-accent) 50%, transparent) } } .disabled\:text-accent\/60:disabled { color: #ff6b0099 } @supports (color:color-mix(in lab, red, red)) { .disabled\:text-accent\/60:disabled { color: color-mix(in oklab, var(--color-accent) 60%, transparent) } } .disabled\:text-accent\/70:disabled { color: #ff6b00b3 } @supports (color:color-mix(in lab, red, red)) { .disabled\:text-accent\/70:disabled { color: color-mix(in oklab, var(--color-accent) 70%, transparent) } } .disabled\:text-accent\/80:disabled { color: #ff6b00cc } @supports (color:color-mix(in lab, red, red)) { .disabled\:text-accent\/80:disabled { color: color-mix(in oklab, var(--color-accent) 80%, transparent) } } .disabled\:text-accent\/90:disabled { color: #ff6b00e6 } @supports (color:color-mix(in lab, red, red)) { .disabled\:text-accent\/90:disabled { color: color-mix(in oklab, var(--color-accent) 90%, transparent) } } .disabled\:text-current:disabled { color: currentColor } .disabled\:text-dark:disabled { color: var(--color-dark) } .disabled\:text-muted:disabled { color: var(--color-muted) } .disabled\:text-white:disabled { color: var(--color-white) } .disabled\:no-underline:disabled { text-decoration-line: none } .disabled\:underline:disabled { text-decoration-line: underline } .disabled\:opacity-0:disabled { opacity: 0 } .disabled\:opacity-50:disabled { opacity: .5 } .disabled\:opacity-75:disabled { opacity: .75 } .disabled\:opacity-90:disabled { opacity: .9 } .disabled\:opacity-100:disabled { opacity: 1 } .disabled\:shadow:disabled { --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) } .disabled\:shadow-lg:disabled { --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) } .disabled\:shadow-none:disabled { --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) } .disabled\:blur:disabled { --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, ) } .disabled\:blur-none:disabled { --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, ) } .disabled\:grayscale:disabled { --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, ) } .disabled\:grayscale-0:disabled { --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, ) } .disabled\:transition:disabled { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .disabled\:transition-colors:disabled { 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)) } .disabled\:transition-opacity:disabled { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)) } .disabled\:transition-transform:disabled { 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)) } .disabled\:duration-300:disabled { --tw-duration: .3s; transition-duration: .3s } @media (min-width:1400px) { .min-\[1400px\]\:flex { display: flex } } @media (min-width:40rem) { .sm\:absolute { position: absolute } .sm\:fixed { position: fixed } .sm\:relative { position: relative } .sm\:sticky { position: sticky } .sm\:-left-5 { left: calc(var(--spacing) * -5) } .sm\:order-1 { order: 1 } .sm\:order-2 { order: 2 } .sm\:order-3 { order: 3 } .sm\:order-first { order: -9999 } .sm\:order-last { order: 9999 } .sm\:order-none { order: 0 } .sm\:col-span-1 { grid-column: span 1/span 1 } .sm\:col-span-2 { grid-column: span 2/span 2 } .sm\:col-span-3 { grid-column: span 3/span 3 } .sm\:col-span-4 { grid-column: span 4/span 4 } .sm\:col-span-5 { grid-column: span 5/span 5 } .sm\:col-span-6 { grid-column: span 6/span 6 } .sm\:col-span-7 { grid-column: span 7/span 7 } .sm\:col-span-8 { grid-column: span 8/span 8 } .sm\:col-span-9 { grid-column: span 9/span 9 } .sm\:col-span-10 { grid-column: span 10/span 10 } .sm\:col-span-11 { grid-column: span 11/span 11 } .sm\:col-span-12 { grid-column: span 12/span 12 } .sm\:mx-0 { margin-inline: 0 } .sm\:mx-2 { margin-inline: calc(var(--spacing) * 2) } .sm\:mx-3 { margin-inline: calc(var(--spacing) * 3) } .sm\:mx-4 { margin-inline: calc(var(--spacing) * 4) } .sm\:mx-5 { margin-inline: calc(var(--spacing) * 5) } .sm\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .sm\:mx-8 { margin-inline: calc(var(--spacing) * 8) } .sm\:mx-auto { margin-inline: auto } .sm\:my-0 { margin-block: 0 } .sm\:my-auto { margin-block: auto } .sm\:mt-0 { margin-top: 0 } .sm\:mt-1 { margin-top: var(--spacing) } .sm\:mt-2 { margin-top: calc(var(--spacing) * 2) } .sm\:mt-3 { margin-top: calc(var(--spacing) * 3) } .sm\:mt-4 { margin-top: calc(var(--spacing) * 4) } .sm\:mt-5 { margin-top: calc(var(--spacing) * 5) } .sm\:mt-6 { margin-top: calc(var(--spacing) * 6) } .sm\:mt-8 { margin-top: calc(var(--spacing) * 8) } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10) } .sm\:mt-12 { margin-top: calc(var(--spacing) * 12) } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16) } .sm\:mt-20 { margin-top: calc(var(--spacing) * 20) } .sm\:mt-24 { margin-top: calc(var(--spacing) * 24) } .sm\:mt-28 { margin-top: calc(var(--spacing) * 28) } .sm\:mt-32 { margin-top: calc(var(--spacing) * 32) } .sm\:mr-0 { margin-right: 0 } .sm\:mr-2 { margin-right: calc(var(--spacing) * 2) } .sm\:mr-4 { margin-right: calc(var(--spacing) * 4) } .sm\:mr-6 { margin-right: calc(var(--spacing) * 6) } .sm\:mb-0 { margin-bottom: 0 } .sm\:mb-1 { margin-bottom: var(--spacing) } .sm\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .sm\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .sm\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .sm\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8) } .sm\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .sm\:mb-12 { margin-bottom: calc(var(--spacing) * 12) } .sm\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .sm\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .sm\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .sm\:ml-0 { margin-left: 0 } .sm\:ml-2 { margin-left: calc(var(--spacing) * 2) } .sm\:ml-4 { margin-left: calc(var(--spacing) * 4) } .sm\:ml-6 { margin-left: calc(var(--spacing) * 6) } .sm\:block { display: block } .sm\:flex { display: flex } .sm\:grid { display: grid } .sm\:hidden { display: none } .sm\:inline { display: inline } .sm\:inline-block { display: inline-block } .sm\:inline-flex { display: inline-flex } .sm\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .sm\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .sm\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .sm\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .sm\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .sm\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .sm\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .sm\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .sm\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .sm\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .sm\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .sm\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .sm\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .sm\:h-full { height: 100% } .sm\:w-auto { width: auto } .sm\:w-fit { width: fit-content } .sm\:w-full { width: 100% } .sm\:max-w-full { max-width: 100% } .sm\:min-w-full { min-width: 100% } .sm\:flex-1 { flex: 1 } .sm\:flex-none { flex: none } .sm\:shrink { flex-shrink: 1 } .sm\:grow { flex-grow: 1 } .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\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .sm\:flex-col { flex-direction: column } .sm\:flex-col-reverse { flex-direction: column-reverse } .sm\:flex-row { flex-direction: row } .sm\:flex-row-reverse { flex-direction: row-reverse } .sm\:flex-nowrap { flex-wrap: nowrap } .sm\:flex-wrap { flex-wrap: wrap } .sm\:place-content-center { place-content: center } .sm\:place-items-center { place-items: center } .sm\:content-between { align-content: space-between } .sm\:content-center { align-content: center } .sm\:content-end { align-content: flex-end } .sm\:content-start { align-content: flex-start } .sm\:items-baseline { align-items: baseline } .sm\:items-center { align-items: center } .sm\:items-end { align-items: flex-end } .sm\:items-start { align-items: flex-start } .sm\:items-stretch { align-items: stretch } .sm\:justify-around { justify-content: space-around } .sm\:justify-between { justify-content: space-between } .sm\:justify-center { justify-content: center } .sm\:justify-end { justify-content: flex-end } .sm\:justify-evenly { justify-content: space-evenly } .sm\:justify-start { justify-content: flex-start } .sm\:gap-1 { gap: var(--spacing) } .sm\:gap-2 { gap: calc(var(--spacing) * 2) } .sm\:gap-3 { gap: calc(var(--spacing) * 3) } .sm\:gap-4 { gap: calc(var(--spacing) * 4) } .sm\:gap-5 { gap: calc(var(--spacing) * 5) } .sm\:gap-6 { gap: calc(var(--spacing) * 6) } .sm\:gap-8 { gap: calc(var(--spacing) * 8) } .sm\:gap-10 { gap: calc(var(--spacing) * 10) } .sm\:gap-12 { gap: calc(var(--spacing) * 12) } .sm\:place-self-center { place-self: center } .sm\:self-center { align-self: center } .sm\:self-end { align-self: flex-end } .sm\:self-start { align-self: flex-start } .sm\:self-stretch { align-self: stretch } .sm\:justify-self-center { justify-self: center } .sm\:justify-self-end { justify-self: flex-end } .sm\:justify-self-start { justify-self: flex-start } .sm\:justify-self-stretch { justify-self: stretch } .sm\:overflow-hidden { overflow: hidden } .sm\:overflow-x-clip { overflow-x: clip } .sm\:overflow-x-hidden { overflow-x: hidden } .sm\:overflow-y-hidden { overflow-y: hidden } .sm\:p-0 { padding: 0 } .sm\:p-1 { padding: var(--spacing) } .sm\:p-2 { padding: calc(var(--spacing) * 2) } .sm\:p-3 { padding: calc(var(--spacing) * 3) } .sm\:p-4 { padding: calc(var(--spacing) * 4) } .sm\:p-5 { padding: calc(var(--spacing) * 5) } .sm\:p-6 { padding: calc(var(--spacing) * 6) } .sm\:p-8 { padding: calc(var(--spacing) * 8) } .sm\:p-10 { padding: calc(var(--spacing) * 10) } .sm\:px-0 { padding-inline: 0 } .sm\:px-1 { padding-inline: var(--spacing) } .sm\:px-2 { padding-inline: calc(var(--spacing) * 2) } .sm\:px-3 { padding-inline: calc(var(--spacing) * 3) } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4) } .sm\:px-5 { padding-inline: calc(var(--spacing) * 5) } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6) } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8) } .sm\:px-10 { padding-inline: calc(var(--spacing) * 10) } .sm\:py-0 { padding-block: 0 } .sm\:py-1 { padding-block: var(--spacing) } .sm\:py-2 { padding-block: calc(var(--spacing) * 2) } .sm\:py-3 { padding-block: calc(var(--spacing) * 3) } .sm\:py-4 { padding-block: calc(var(--spacing) * 4) } .sm\:py-5 { padding-block: calc(var(--spacing) * 5) } .sm\:py-6 { padding-block: calc(var(--spacing) * 6) } .sm\:py-8 { padding-block: calc(var(--spacing) * 8) } .sm\:py-10 { padding-block: calc(var(--spacing) * 10) } .sm\:pt-0 { padding-top: 0 } .sm\:pt-2 { padding-top: calc(var(--spacing) * 2) } .sm\:pt-3 { padding-top: calc(var(--spacing) * 3) } .sm\:pt-4 { padding-top: calc(var(--spacing) * 4) } .sm\:pt-5 { padding-top: calc(var(--spacing) * 5) } .sm\:pt-6 { padding-top: calc(var(--spacing) * 6) } .sm\:pt-8 { padding-top: calc(var(--spacing) * 8) } .sm\:pt-10 { padding-top: calc(var(--spacing) * 10) } .sm\:pt-12 { padding-top: calc(var(--spacing) * 12) } .sm\:pt-16 { padding-top: calc(var(--spacing) * 16) } .sm\:pt-20 { padding-top: calc(var(--spacing) * 20) } .sm\:pt-24 { padding-top: calc(var(--spacing) * 24) } .sm\:pt-28 { padding-top: calc(var(--spacing) * 28) } .sm\:pt-32 { padding-top: calc(var(--spacing) * 32) } .sm\:pb-0 { padding-bottom: 0 } .sm\:pb-2 { padding-bottom: calc(var(--spacing) * 2) } .sm\:pb-3 { padding-bottom: calc(var(--spacing) * 3) } .sm\:pb-4 { padding-bottom: calc(var(--spacing) * 4) } .sm\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .sm\:pb-6 { padding-bottom: calc(var(--spacing) * 6) } .sm\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .sm\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .sm\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .sm\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .sm\:pb-20 { padding-bottom: calc(var(--spacing) * 20) } .sm\:pb-24 { padding-bottom: calc(var(--spacing) * 24) } .sm\:text-center { text-align: center } .sm\:text-end { text-align: end } .sm\:text-left { text-align: left } .sm\:text-right { text-align: right } .sm\:text-start { text-align: start } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .sm\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--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-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)) } } @media (min-width:48rem) { .md\:absolute { position: absolute } .md\:fixed { position: fixed } .md\:relative { position: relative } .md\:sticky { position: sticky } .md\:order-1 { order: 1 } .md\:order-2 { order: 2 } .md\:order-3 { order: 3 } .md\:order-first { order: -9999 } .md\:order-last { order: 9999 } .md\:order-none { order: 0 } .md\:col-span-1 { grid-column: span 1/span 1 } .md\:col-span-2 { grid-column: span 2/span 2 } .md\:col-span-3 { grid-column: span 3/span 3 } .md\:col-span-4 { grid-column: span 4/span 4 } .md\:col-span-5 { grid-column: span 5/span 5 } .md\:col-span-6 { grid-column: span 6/span 6 } .md\:col-span-7 { grid-column: span 7/span 7 } .md\:col-span-8 { grid-column: span 8/span 8 } .md\:col-span-9 { grid-column: span 9/span 9 } .md\:col-span-10 { grid-column: span 10/span 10 } .md\:col-span-11 { grid-column: span 11/span 11 } .md\:col-span-12 { grid-column: span 12/span 12 } .md\:mx-0 { margin-inline: 0 } .md\:mx-2 { margin-inline: calc(var(--spacing) * 2) } .md\:mx-3 { margin-inline: calc(var(--spacing) * 3) } .md\:mx-4 { margin-inline: calc(var(--spacing) * 4) } .md\:mx-5 { margin-inline: calc(var(--spacing) * 5) } .md\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .md\:mx-8 { margin-inline: calc(var(--spacing) * 8) } .md\:mx-auto { margin-inline: auto } .md\:my-0 { margin-block: 0 } .md\:my-auto { margin-block: auto } .md\:mt-0 { margin-top: 0 } .md\:mt-1 { margin-top: var(--spacing) } .md\:mt-2 { margin-top: calc(var(--spacing) * 2) } .md\:mt-3 { margin-top: calc(var(--spacing) * 3) } .md\:mt-4 { margin-top: calc(var(--spacing) * 4) } .md\:mt-5 { margin-top: calc(var(--spacing) * 5) } .md\:mt-6 { margin-top: calc(var(--spacing) * 6) } .md\:mt-8 { margin-top: calc(var(--spacing) * 8) } .md\:mt-10 { margin-top: calc(var(--spacing) * 10) } .md\:mt-12 { margin-top: calc(var(--spacing) * 12) } .md\:mt-16 { margin-top: calc(var(--spacing) * 16) } .md\:mt-20 { margin-top: calc(var(--spacing) * 20) } .md\:mt-24 { margin-top: calc(var(--spacing) * 24) } .md\:mt-28 { margin-top: calc(var(--spacing) * 28) } .md\:mt-32 { margin-top: calc(var(--spacing) * 32) } .md\:mr-0 { margin-right: 0 } .md\:mr-2 { margin-right: calc(var(--spacing) * 2) } .md\:mr-4 { margin-right: calc(var(--spacing) * 4) } .md\:mr-6 { margin-right: calc(var(--spacing) * 6) } .md\:mb-0 { margin-bottom: 0 } .md\:mb-1 { margin-bottom: var(--spacing) } .md\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .md\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .md\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .md\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .md\:mb-8 { margin-bottom: calc(var(--spacing) * 8) } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .md\:mb-12 { margin-bottom: calc(var(--spacing) * 12) } .md\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .md\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .md\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .md\:ml-0 { margin-left: 0 } .md\:ml-2 { margin-left: calc(var(--spacing) * 2) } .md\:ml-4 { margin-left: calc(var(--spacing) * 4) } .md\:ml-6 { margin-left: calc(var(--spacing) * 6) } .md\:block { display: block } .md\:flex { display: flex } .md\:grid { display: grid } .md\:hidden { display: none } .md\:inline { display: inline } .md\:inline-block { display: inline-block } .md\:inline-flex { display: inline-flex } .md\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .md\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .md\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .md\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .md\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .md\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .md\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .md\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .md\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .md\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .md\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .md\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .md\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .md\:h-full { height: 100% } .md\:w-auto { width: auto } .md\:w-fit { width: fit-content } .md\:w-full { width: 100% } .md\:max-w-full { max-width: 100% } .md\:min-w-full { min-width: 100% } .md\:flex-1 { flex: 1 } .md\:flex-none { flex: none } .md\:shrink { flex-shrink: 1 } .md\:grow { flex-grow: 1 } .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\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .md\:flex-col { flex-direction: column } .md\:flex-col-reverse { flex-direction: column-reverse } .md\:flex-row { flex-direction: row } .md\:flex-row-reverse { flex-direction: row-reverse } .md\:flex-nowrap { flex-wrap: nowrap } .md\:flex-wrap { flex-wrap: wrap } .md\:place-content-center { place-content: center } .md\:place-items-center { place-items: center } .md\:content-between { align-content: space-between } .md\:content-center { align-content: center } .md\:content-end { align-content: flex-end } .md\:content-start { align-content: flex-start } .md\:items-baseline { align-items: baseline } .md\:items-center { align-items: center } .md\:items-end { align-items: flex-end } .md\:items-start { align-items: flex-start } .md\:items-stretch { align-items: stretch } .md\:justify-around { justify-content: space-around } .md\:justify-between { justify-content: space-between } .md\:justify-center { justify-content: center } .md\:justify-end { justify-content: flex-end } .md\:justify-evenly { justify-content: space-evenly } .md\:justify-start { justify-content: flex-start } .md\:gap-1 { gap: var(--spacing) } .md\:gap-2 { gap: calc(var(--spacing) * 2) } .md\:gap-3 { gap: calc(var(--spacing) * 3) } .md\:gap-4 { gap: calc(var(--spacing) * 4) } .md\:gap-5 { gap: calc(var(--spacing) * 5) } .md\:gap-6 { gap: calc(var(--spacing) * 6) } .md\:gap-8 { gap: calc(var(--spacing) * 8) } .md\:gap-10 { gap: calc(var(--spacing) * 10) } .md\:gap-12 { gap: calc(var(--spacing) * 12) } .md\:place-self-center { place-self: center } .md\:self-center { align-self: center } .md\:self-end { align-self: flex-end } .md\:self-start { align-self: flex-start } .md\:self-stretch { align-self: stretch } .md\:justify-self-center { justify-self: center } .md\:justify-self-end { justify-self: flex-end } .md\:justify-self-start { justify-self: flex-start } .md\:justify-self-stretch { justify-self: stretch } .md\:overflow-hidden { overflow: hidden } .md\:overflow-x-clip { overflow-x: clip } .md\:overflow-x-hidden { overflow-x: hidden } .md\:overflow-y-hidden { overflow-y: hidden } .md\:p-0 { padding: 0 } .md\:p-1 { padding: var(--spacing) } .md\:p-2 { padding: calc(var(--spacing) * 2) } .md\:p-3 { padding: calc(var(--spacing) * 3) } .md\:p-4 { padding: calc(var(--spacing) * 4) } .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-10 { padding: calc(var(--spacing) * 10) } .md\:px-0 { padding-inline: 0 } .md\:px-1 { padding-inline: var(--spacing) } .md\:px-2 { padding-inline: calc(var(--spacing) * 2) } .md\:px-3 { padding-inline: calc(var(--spacing) * 3) } .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\:px-8 { padding-inline: calc(var(--spacing) * 8) } .md\:px-10 { padding-inline: calc(var(--spacing) * 10) } .md\:py-0 { padding-block: 0 } .md\:py-1 { padding-block: var(--spacing) } .md\:py-2 { padding-block: calc(var(--spacing) * 2) } .md\:py-3 { padding-block: calc(var(--spacing) * 3) } .md\:py-4 { padding-block: calc(var(--spacing) * 4) } .md\:py-5 { padding-block: calc(var(--spacing) * 5) } .md\:py-6 { padding-block: calc(var(--spacing) * 6) } .md\:py-8 { padding-block: calc(var(--spacing) * 8) } .md\:py-10 { padding-block: calc(var(--spacing) * 10) } .md\:pt-0 { padding-top: 0 } .md\:pt-2 { padding-top: calc(var(--spacing) * 2) } .md\:pt-3 { padding-top: calc(var(--spacing) * 3) } .md\:pt-4 { padding-top: calc(var(--spacing) * 4) } .md\:pt-5 { padding-top: calc(var(--spacing) * 5) } .md\:pt-6 { padding-top: calc(var(--spacing) * 6) } .md\:pt-8 { padding-top: calc(var(--spacing) * 8) } .md\:pt-10 { padding-top: calc(var(--spacing) * 10) } .md\:pt-12 { padding-top: calc(var(--spacing) * 12) } .md\:pt-16 { padding-top: calc(var(--spacing) * 16) } .md\:pt-20 { padding-top: calc(var(--spacing) * 20) } .md\:pt-24 { padding-top: calc(var(--spacing) * 24) } .md\:pt-28 { padding-top: calc(var(--spacing) * 28) } .md\:pt-32 { padding-top: calc(var(--spacing) * 32) } .md\:pb-0 { padding-bottom: 0 } .md\:pb-2 { padding-bottom: calc(var(--spacing) * 2) } .md\:pb-3 { padding-bottom: calc(var(--spacing) * 3) } .md\:pb-4 { padding-bottom: calc(var(--spacing) * 4) } .md\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .md\:pb-6 { padding-bottom: calc(var(--spacing) * 6) } .md\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .md\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .md\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .md\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .md\:pb-20 { padding-bottom: calc(var(--spacing) * 20) } .md\:pb-24 { padding-bottom: calc(var(--spacing) * 24) } .md\:text-center { text-align: center } .md\:text-end { text-align: end } .md\:text-left { text-align: left } .md\:text-right { text-align: right } .md\:text-start { text-align: start } .md\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .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-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--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)) } } @media (min-width:64rem) { .lg\:absolute { position: absolute } .lg\:fixed { position: fixed } .lg\:relative { position: relative } .lg\:sticky { position: sticky } .lg\:order-1 { order: 1 } .lg\:order-2 { order: 2 } .lg\:order-3 { order: 3 } .lg\:order-first { order: -9999 } .lg\:order-last { order: 9999 } .lg\:order-none { order: 0 } .lg\:col-span-1 { grid-column: span 1/span 1 } .lg\:col-span-2 { grid-column: span 2/span 2 } .lg\:col-span-3 { grid-column: span 3/span 3 } .lg\:col-span-4 { grid-column: span 4/span 4 } .lg\:col-span-5 { grid-column: span 5/span 5 } .lg\:col-span-6 { grid-column: span 6/span 6 } .lg\:col-span-7 { grid-column: span 7/span 7 } .lg\:col-span-8 { grid-column: span 8/span 8 } .lg\:col-span-9 { grid-column: span 9/span 9 } .lg\:col-span-10 { grid-column: span 10/span 10 } .lg\:col-span-11 { grid-column: span 11/span 11 } .lg\:col-span-12 { grid-column: span 12/span 12 } .lg\:mx-0 { margin-inline: 0 } .lg\:mx-2 { margin-inline: calc(var(--spacing) * 2) } .lg\:mx-3 { margin-inline: calc(var(--spacing) * 3) } .lg\:mx-4 { margin-inline: calc(var(--spacing) * 4) } .lg\:mx-5 { margin-inline: calc(var(--spacing) * 5) } .lg\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .lg\:mx-8 { margin-inline: calc(var(--spacing) * 8) } .lg\:mx-auto { margin-inline: auto } .lg\:my-0 { margin-block: 0 } .lg\:my-auto { margin-block: auto } .lg\:mt-0 { margin-top: 0 } .lg\:mt-1 { margin-top: var(--spacing) } .lg\:mt-2 { margin-top: calc(var(--spacing) * 2) } .lg\:mt-3 { margin-top: calc(var(--spacing) * 3) } .lg\:mt-4 { margin-top: calc(var(--spacing) * 4) } .lg\:mt-5 { margin-top: calc(var(--spacing) * 5) } .lg\:mt-6 { margin-top: calc(var(--spacing) * 6) } .lg\:mt-8 { margin-top: calc(var(--spacing) * 8) } .lg\:mt-10 { margin-top: calc(var(--spacing) * 10) } .lg\:mt-12 { margin-top: calc(var(--spacing) * 12) } .lg\:mt-16 { margin-top: calc(var(--spacing) * 16) } .lg\:mt-20 { margin-top: calc(var(--spacing) * 20) } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24) } .lg\:mt-28 { margin-top: calc(var(--spacing) * 28) } .lg\:mt-32 { margin-top: calc(var(--spacing) * 32) } .lg\:mr-0 { margin-right: 0 } .lg\:mr-2 { margin-right: calc(var(--spacing) * 2) } .lg\:mr-4 { margin-right: calc(var(--spacing) * 4) } .lg\:mr-6 { margin-right: calc(var(--spacing) * 6) } .lg\:mr-auto { margin-right: auto } .lg\:mb-0 { margin-bottom: 0 } .lg\:mb-1 { margin-bottom: var(--spacing) } .lg\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .lg\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .lg\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .lg\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .lg\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .lg\:mb-8 { margin-bottom: calc(var(--spacing) * 8) } .lg\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .lg\:mb-12 { margin-bottom: calc(var(--spacing) * 12) } .lg\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .lg\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .lg\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .lg\:ml-0 { margin-left: 0 } .lg\:ml-2 { margin-left: calc(var(--spacing) * 2) } .lg\:ml-4 { margin-left: calc(var(--spacing) * 4) } .lg\:ml-6 { margin-left: calc(var(--spacing) * 6) } .lg\:block { display: block } .lg\:flex { display: flex } .lg\:grid { display: grid } .lg\:hidden { display: none } .lg\:inline { display: inline } .lg\:inline-block { display: inline-block } .lg\:inline-flex { display: inline-flex } .lg\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .lg\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .lg\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .lg\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .lg\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .lg\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .lg\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .lg\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .lg\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .lg\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .lg\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .lg\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .lg\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .lg\:h-\[88px\] { height: 88px } .lg\:h-full { height: 100% } .lg\:w-auto { width: auto } .lg\:w-fit { width: fit-content } .lg\:w-full { width: 100% } .lg\:max-w-full { max-width: 100% } .lg\:min-w-full { min-width: 100% } .lg\:flex-1 { flex: 1 } .lg\:flex-none { flex: none } .lg\:shrink { flex-shrink: 1 } .lg\:grow { flex-grow: 1 } .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-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .lg\:flex-col { flex-direction: column } .lg\:flex-col-reverse { flex-direction: column-reverse } .lg\:flex-row { flex-direction: row } .lg\:flex-row-reverse { flex-direction: row-reverse } .lg\:flex-nowrap { flex-wrap: nowrap } .lg\:flex-wrap { flex-wrap: wrap } .lg\:place-content-center { place-content: center } .lg\:place-items-center { place-items: center } .lg\:content-between { align-content: space-between } .lg\:content-center { align-content: center } .lg\:content-end { align-content: flex-end } .lg\:content-start { align-content: flex-start } .lg\:items-baseline { align-items: baseline } .lg\:items-center { align-items: center } .lg\:items-end { align-items: flex-end } .lg\:items-start { align-items: flex-start } .lg\:items-stretch { align-items: stretch } .lg\:justify-around { justify-content: space-around } .lg\:justify-between { justify-content: space-between } .lg\:justify-center { justify-content: center } .lg\:justify-end { justify-content: flex-end } .lg\:justify-evenly { justify-content: space-evenly } .lg\:justify-start { justify-content: flex-start } .lg\:gap-1 { gap: var(--spacing) } .lg\:gap-2 { gap: calc(var(--spacing) * 2) } .lg\:gap-3 { gap: calc(var(--spacing) * 3) } .lg\:gap-4 { gap: calc(var(--spacing) * 4) } .lg\:gap-5 { gap: calc(var(--spacing) * 5) } .lg\:gap-6 { gap: calc(var(--spacing) * 6) } .lg\:gap-8 { gap: calc(var(--spacing) * 8) } .lg\:gap-10 { gap: calc(var(--spacing) * 10) } .lg\:gap-12 { gap: calc(var(--spacing) * 12) } .lg\:gap-20 { gap: calc(var(--spacing) * 20) } .lg\:place-self-center { place-self: center } .lg\:self-center { align-self: center } .lg\:self-end { align-self: flex-end } .lg\:self-start { align-self: flex-start } .lg\:self-stretch { align-self: stretch } .lg\:justify-self-center { justify-self: center } .lg\:justify-self-end { justify-self: flex-end } .lg\:justify-self-start { justify-self: flex-start } .lg\:justify-self-stretch { justify-self: stretch } .lg\:overflow-hidden { overflow: hidden } .lg\:overflow-x-clip { overflow-x: clip } .lg\:overflow-x-hidden { overflow-x: hidden } .lg\:overflow-y-hidden { overflow-y: hidden } .lg\:p-0 { padding: 0 } .lg\:p-1 { padding: var(--spacing) } .lg\:p-2 { padding: calc(var(--spacing) * 2) } .lg\:p-3 { padding: calc(var(--spacing) * 3) } .lg\:p-4 { padding: calc(var(--spacing) * 4) } .lg\:p-5 { padding: calc(var(--spacing) * 5) } .lg\:p-6 { padding: calc(var(--spacing) * 6) } .lg\:p-7 { padding: calc(var(--spacing) * 7) } .lg\:p-8 { padding: calc(var(--spacing) * 8) } .lg\:p-9 { padding: calc(var(--spacing) * 9) } .lg\:p-10 { padding: calc(var(--spacing) * 10) } .lg\:p-14 { padding: calc(var(--spacing) * 14) } .lg\:px-0 { padding-inline: 0 } .lg\:px-1 { padding-inline: var(--spacing) } .lg\:px-2 { padding-inline: calc(var(--spacing) * 2) } .lg\:px-3 { padding-inline: calc(var(--spacing) * 3) } .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-10 { padding-inline: calc(var(--spacing) * 10) } .lg\:py-0 { padding-block: 0 } .lg\:py-1 { padding-block: var(--spacing) } .lg\:py-2 { padding-block: calc(var(--spacing) * 2) } .lg\:py-3 { padding-block: calc(var(--spacing) * 3) } .lg\:py-4 { padding-block: calc(var(--spacing) * 4) } .lg\:py-5 { padding-block: calc(var(--spacing) * 5) } .lg\:py-6 { padding-block: calc(var(--spacing) * 6) } .lg\:py-8 { padding-block: calc(var(--spacing) * 8) } .lg\:py-10 { padding-block: calc(var(--spacing) * 10) } .lg\:pt-0 { padding-top: 0 } .lg\:pt-2 { padding-top: calc(var(--spacing) * 2) } .lg\:pt-3 { padding-top: calc(var(--spacing) * 3) } .lg\:pt-4 { padding-top: calc(var(--spacing) * 4) } .lg\:pt-5 { padding-top: calc(var(--spacing) * 5) } .lg\:pt-6 { padding-top: calc(var(--spacing) * 6) } .lg\:pt-8 { padding-top: calc(var(--spacing) * 8) } .lg\:pt-10 { padding-top: calc(var(--spacing) * 10) } .lg\:pt-12 { padding-top: calc(var(--spacing) * 12) } .lg\:pt-16 { padding-top: calc(var(--spacing) * 16) } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20) } .lg\:pt-24 { padding-top: calc(var(--spacing) * 24) } .lg\:pt-28 { padding-top: calc(var(--spacing) * 28) } .lg\:pt-32 { padding-top: calc(var(--spacing) * 32) } .lg\:pt-50 { padding-top: calc(var(--spacing) * 50) } .lg\:pb-0 { padding-bottom: 0 } .lg\:pb-2 { padding-bottom: calc(var(--spacing) * 2) } .lg\:pb-3 { padding-bottom: calc(var(--spacing) * 3) } .lg\:pb-4 { padding-bottom: calc(var(--spacing) * 4) } .lg\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .lg\:pb-6 { padding-bottom: calc(var(--spacing) * 6) } .lg\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .lg\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .lg\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20) } .lg\:pb-24 { padding-bottom: calc(var(--spacing) * 24) } .lg\:text-center { text-align: center } .lg\:text-end { text-align: end } .lg\:text-left { text-align: left } .lg\:text-right { text-align: right } .lg\:text-start { text-align: start } .lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .lg\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .lg\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .lg\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--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-\[190px\] { font-size: 190px } } @media (min-width:80rem) { .xl\:absolute { position: absolute } .xl\:fixed { position: fixed } .xl\:relative { position: relative } .xl\:sticky { position: sticky } .xl\:order-1 { order: 1 } .xl\:order-2 { order: 2 } .xl\:order-3 { order: 3 } .xl\:order-first { order: -9999 } .xl\:order-last { order: 9999 } .xl\:order-none { order: 0 } .xl\:col-span-1 { grid-column: span 1/span 1 } .xl\:col-span-2 { grid-column: span 2/span 2 } .xl\:col-span-3 { grid-column: span 3/span 3 } .xl\:col-span-4 { grid-column: span 4/span 4 } .xl\:col-span-5 { grid-column: span 5/span 5 } .xl\:col-span-6 { grid-column: span 6/span 6 } .xl\:col-span-7 { grid-column: span 7/span 7 } .xl\:col-span-8 { grid-column: span 8/span 8 } .xl\:col-span-9 { grid-column: span 9/span 9 } .xl\:col-span-10 { grid-column: span 10/span 10 } .xl\:col-span-11 { grid-column: span 11/span 11 } .xl\:col-span-12 { grid-column: span 12/span 12 } .xl\:mx-0 { margin-inline: 0 } .xl\:mx-2 { margin-inline: calc(var(--spacing) * 2) } .xl\:mx-3 { margin-inline: calc(var(--spacing) * 3) } .xl\:mx-4 { margin-inline: calc(var(--spacing) * 4) } .xl\:mx-5 { margin-inline: calc(var(--spacing) * 5) } .xl\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .xl\:mx-8 { margin-inline: calc(var(--spacing) * 8) } .xl\:mx-auto { margin-inline: auto } .xl\:my-0 { margin-block: 0 } .xl\:my-auto { margin-block: auto } .xl\:mt-0 { margin-top: 0 } .xl\:mt-1 { margin-top: var(--spacing) } .xl\:mt-2 { margin-top: calc(var(--spacing) * 2) } .xl\:mt-3 { margin-top: calc(var(--spacing) * 3) } .xl\:mt-4 { margin-top: calc(var(--spacing) * 4) } .xl\:mt-5 { margin-top: calc(var(--spacing) * 5) } .xl\:mt-6 { margin-top: calc(var(--spacing) * 6) } .xl\:mt-8 { margin-top: calc(var(--spacing) * 8) } .xl\:mt-10 { margin-top: calc(var(--spacing) * 10) } .xl\:mt-12 { margin-top: calc(var(--spacing) * 12) } .xl\:mt-16 { margin-top: calc(var(--spacing) * 16) } .xl\:mt-20 { margin-top: calc(var(--spacing) * 20) } .xl\:mt-24 { margin-top: calc(var(--spacing) * 24) } .xl\:mt-28 { margin-top: calc(var(--spacing) * 28) } .xl\:mt-32 { margin-top: calc(var(--spacing) * 32) } .xl\:mr-0 { margin-right: 0 } .xl\:mr-2 { margin-right: calc(var(--spacing) * 2) } .xl\:mr-4 { margin-right: calc(var(--spacing) * 4) } .xl\:mr-6 { margin-right: calc(var(--spacing) * 6) } .xl\:mb-0 { margin-bottom: 0 } .xl\:mb-1 { margin-bottom: var(--spacing) } .xl\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .xl\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .xl\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .xl\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .xl\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .xl\:mb-8 { margin-bottom: calc(var(--spacing) * 8) } .xl\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .xl\:mb-12 { margin-bottom: calc(var(--spacing) * 12) } .xl\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .xl\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .xl\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .xl\:ml-0 { margin-left: 0 } .xl\:ml-2 { margin-left: calc(var(--spacing) * 2) } .xl\:ml-4 { margin-left: calc(var(--spacing) * 4) } .xl\:ml-6 { margin-left: calc(var(--spacing) * 6) } .xl\:block { display: block } .xl\:flex { display: flex } .xl\:grid { display: grid } .xl\:hidden { display: none } .xl\:inline { display: inline } .xl\:inline-block { display: inline-block } .xl\:inline-flex { display: inline-flex } .xl\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .xl\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .xl\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .xl\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .xl\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .xl\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .xl\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .xl\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .xl\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .xl\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .xl\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .xl\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .xl\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .xl\:h-full { height: 100% } .xl\:w-auto { width: auto } .xl\:w-fit { width: fit-content } .xl\:w-full { width: 100% } .xl\:max-w-full { max-width: 100% } .xl\:min-w-full { min-width: 100% } .xl\:flex-1 { flex: 1 } .xl\:flex-none { flex: none } .xl\:shrink { flex-shrink: 1 } .xl\:grow { flex-grow: 1 } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .xl\:flex-col { flex-direction: column } .xl\:flex-col-reverse { flex-direction: column-reverse } .xl\:flex-row { flex-direction: row } .xl\:flex-row-reverse { flex-direction: row-reverse } .xl\:flex-nowrap { flex-wrap: nowrap } .xl\:flex-wrap { flex-wrap: wrap } .xl\:place-content-center { place-content: center } .xl\:place-items-center { place-items: center } .xl\:content-between { align-content: space-between } .xl\:content-center { align-content: center } .xl\:content-end { align-content: flex-end } .xl\:content-start { align-content: flex-start } .xl\:items-baseline { align-items: baseline } .xl\:items-center { align-items: center } .xl\:items-end { align-items: flex-end } .xl\:items-start { align-items: flex-start } .xl\:items-stretch { align-items: stretch } .xl\:justify-around { justify-content: space-around } .xl\:justify-between { justify-content: space-between } .xl\:justify-center { justify-content: center } .xl\:justify-end { justify-content: flex-end } .xl\:justify-evenly { justify-content: space-evenly } .xl\:justify-start { justify-content: flex-start } .xl\:gap-1 { gap: var(--spacing) } .xl\:gap-2 { gap: calc(var(--spacing) * 2) } .xl\:gap-3 { gap: calc(var(--spacing) * 3) } .xl\:gap-4 { gap: calc(var(--spacing) * 4) } .xl\:gap-5 { gap: calc(var(--spacing) * 5) } .xl\:gap-6 { gap: calc(var(--spacing) * 6) } .xl\:gap-8 { gap: calc(var(--spacing) * 8) } .xl\:gap-10 { gap: calc(var(--spacing) * 10) } .xl\:gap-12 { gap: calc(var(--spacing) * 12) } .xl\:place-self-center { place-self: center } .xl\:self-center { align-self: center } .xl\:self-end { align-self: flex-end } .xl\:self-start { align-self: flex-start } .xl\:self-stretch { align-self: stretch } .xl\:justify-self-center { justify-self: center } .xl\:justify-self-end { justify-self: flex-end } .xl\:justify-self-start { justify-self: flex-start } .xl\:justify-self-stretch { justify-self: stretch } .xl\:overflow-hidden { overflow: hidden } .xl\:overflow-x-clip { overflow-x: clip } .xl\:overflow-x-hidden { overflow-x: hidden } .xl\:overflow-y-hidden { overflow-y: hidden } .xl\:p-0 { padding: 0 } .xl\:p-1 { padding: var(--spacing) } .xl\:p-2 { padding: calc(var(--spacing) * 2) } .xl\:p-3 { padding: calc(var(--spacing) * 3) } .xl\:p-4 { padding: calc(var(--spacing) * 4) } .xl\:p-5 { padding: calc(var(--spacing) * 5) } .xl\:p-6 { padding: calc(var(--spacing) * 6) } .xl\:p-8 { padding: calc(var(--spacing) * 8) } .xl\:p-10 { padding: calc(var(--spacing) * 10) } .xl\:px-0 { padding-inline: 0 } .xl\:px-1 { padding-inline: var(--spacing) } .xl\:px-2 { padding-inline: calc(var(--spacing) * 2) } .xl\:px-3 { padding-inline: calc(var(--spacing) * 3) } .xl\:px-4 { padding-inline: calc(var(--spacing) * 4) } .xl\:px-5 { padding-inline: calc(var(--spacing) * 5) } .xl\:px-6 { padding-inline: calc(var(--spacing) * 6) } .xl\:px-8 { padding-inline: calc(var(--spacing) * 8) } .xl\:px-10 { padding-inline: calc(var(--spacing) * 10) } .xl\:py-0 { padding-block: 0 } .xl\:py-1 { padding-block: var(--spacing) } .xl\:py-2 { padding-block: calc(var(--spacing) * 2) } .xl\:py-3 { padding-block: calc(var(--spacing) * 3) } .xl\:py-4 { padding-block: calc(var(--spacing) * 4) } .xl\:py-5 { padding-block: calc(var(--spacing) * 5) } .xl\:py-6 { padding-block: calc(var(--spacing) * 6) } .xl\:py-8 { padding-block: calc(var(--spacing) * 8) } .xl\:py-10 { padding-block: calc(var(--spacing) * 10) } .xl\:pt-0 { padding-top: 0 } .xl\:pt-2 { padding-top: calc(var(--spacing) * 2) } .xl\:pt-3 { padding-top: calc(var(--spacing) * 3) } .xl\:pt-4 { padding-top: calc(var(--spacing) * 4) } .xl\:pt-5 { padding-top: calc(var(--spacing) * 5) } .xl\:pt-6 { padding-top: calc(var(--spacing) * 6) } .xl\:pt-8 { padding-top: calc(var(--spacing) * 8) } .xl\:pt-10 { padding-top: calc(var(--spacing) * 10) } .xl\:pt-12 { padding-top: calc(var(--spacing) * 12) } .xl\:pt-16 { padding-top: calc(var(--spacing) * 16) } .xl\:pt-20 { padding-top: calc(var(--spacing) * 20) } .xl\:pt-24 { padding-top: calc(var(--spacing) * 24) } .xl\:pt-28 { padding-top: calc(var(--spacing) * 28) } .xl\:pt-32 { padding-top: calc(var(--spacing) * 32) } .xl\:pb-0 { padding-bottom: 0 } .xl\:pb-2 { padding-bottom: calc(var(--spacing) * 2) } .xl\:pb-3 { padding-bottom: calc(var(--spacing) * 3) } .xl\:pb-4 { padding-bottom: calc(var(--spacing) * 4) } .xl\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .xl\:pb-6 { padding-bottom: calc(var(--spacing) * 6) } .xl\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .xl\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .xl\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .xl\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .xl\:pb-20 { padding-bottom: calc(var(--spacing) * 20) } .xl\:pb-24 { padding-bottom: calc(var(--spacing) * 24) } .xl\:text-center { text-align: center } .xl\:text-end { text-align: end } .xl\:text-left { text-align: left } .xl\:text-right { text-align: right } .xl\:text-start { text-align: start } .xl\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .xl\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .xl\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .xl\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .xl\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } } @media (min-width:96rem) { .\32 xl\:absolute { position: absolute } .\32 xl\:fixed { position: fixed } .\32 xl\:relative { position: relative } .\32 xl\:sticky { position: sticky } .\32 xl\:order-1 { order: 1 } .\32 xl\:order-2 { order: 2 } .\32 xl\:order-3 { order: 3 } .\32 xl\:order-first { order: -9999 } .\32 xl\:order-last { order: 9999 } .\32 xl\:order-none { order: 0 } .\32 xl\:col-span-1 { grid-column: span 1/span 1 } .\32 xl\:col-span-2 { grid-column: span 2/span 2 } .\32 xl\:col-span-3 { grid-column: span 3/span 3 } .\32 xl\:col-span-4 { grid-column: span 4/span 4 } .\32 xl\:col-span-5 { grid-column: span 5/span 5 } .\32 xl\:col-span-6 { grid-column: span 6/span 6 } .\32 xl\:col-span-7 { grid-column: span 7/span 7 } .\32 xl\:col-span-8 { grid-column: span 8/span 8 } .\32 xl\:col-span-9 { grid-column: span 9/span 9 } .\32 xl\:col-span-10 { grid-column: span 10/span 10 } .\32 xl\:col-span-11 { grid-column: span 11/span 11 } .\32 xl\:col-span-12 { grid-column: span 12/span 12 } .\32 xl\:mx-0 { margin-inline: 0 } .\32 xl\:mx-2 { margin-inline: calc(var(--spacing) * 2) } .\32 xl\:mx-3 { margin-inline: calc(var(--spacing) * 3) } .\32 xl\:mx-4 { margin-inline: calc(var(--spacing) * 4) } .\32 xl\:mx-5 { margin-inline: calc(var(--spacing) * 5) } .\32 xl\:mx-6 { margin-inline: calc(var(--spacing) * 6) } .\32 xl\:mx-8 { margin-inline: calc(var(--spacing) * 8) } .\32 xl\:mx-auto { margin-inline: auto } .\32 xl\:my-0 { margin-block: 0 } .\32 xl\:my-auto { margin-block: auto } .\32 xl\:mt-0 { margin-top: 0 } .\32 xl\:mt-1 { margin-top: var(--spacing) } .\32 xl\:mt-2 { margin-top: calc(var(--spacing) * 2) } .\32 xl\:mt-3 { margin-top: calc(var(--spacing) * 3) } .\32 xl\:mt-4 { margin-top: calc(var(--spacing) * 4) } .\32 xl\:mt-5 { margin-top: calc(var(--spacing) * 5) } .\32 xl\:mt-6 { margin-top: calc(var(--spacing) * 6) } .\32 xl\:mt-8 { margin-top: calc(var(--spacing) * 8) } .\32 xl\:mt-10 { margin-top: calc(var(--spacing) * 10) } .\32 xl\:mt-12 { margin-top: calc(var(--spacing) * 12) } .\32 xl\:mt-16 { margin-top: calc(var(--spacing) * 16) } .\32 xl\:mt-20 { margin-top: calc(var(--spacing) * 20) } .\32 xl\:mt-24 { margin-top: calc(var(--spacing) * 24) } .\32 xl\:mt-28 { margin-top: calc(var(--spacing) * 28) } .\32 xl\:mt-32 { margin-top: calc(var(--spacing) * 32) } .\32 xl\:mr-0 { margin-right: 0 } .\32 xl\:mr-2 { margin-right: calc(var(--spacing) * 2) } .\32 xl\:mr-4 { margin-right: calc(var(--spacing) * 4) } .\32 xl\:mr-6 { margin-right: calc(var(--spacing) * 6) } .\32 xl\:mb-0 { margin-bottom: 0 } .\32 xl\:mb-1 { margin-bottom: var(--spacing) } .\32 xl\:mb-2 { margin-bottom: calc(var(--spacing) * 2) } .\32 xl\:mb-3 { margin-bottom: calc(var(--spacing) * 3) } .\32 xl\:mb-4 { margin-bottom: calc(var(--spacing) * 4) } .\32 xl\:mb-5 { margin-bottom: calc(var(--spacing) * 5) } .\32 xl\:mb-6 { margin-bottom: calc(var(--spacing) * 6) } .\32 xl\:mb-8 { margin-bottom: calc(var(--spacing) * 8) } .\32 xl\:mb-10 { margin-bottom: calc(var(--spacing) * 10) } .\32 xl\:mb-12 { margin-bottom: calc(var(--spacing) * 12) } .\32 xl\:mb-16 { margin-bottom: calc(var(--spacing) * 16) } .\32 xl\:mb-20 { margin-bottom: calc(var(--spacing) * 20) } .\32 xl\:mb-24 { margin-bottom: calc(var(--spacing) * 24) } .\32 xl\:ml-0 { margin-left: 0 } .\32 xl\:ml-2 { margin-left: calc(var(--spacing) * 2) } .\32 xl\:ml-4 { margin-left: calc(var(--spacing) * 4) } .\32 xl\:ml-6 { margin-left: calc(var(--spacing) * 6) } .\32 xl\:block { display: block } .\32 xl\:flex { display: flex } .\32 xl\:grid { display: grid } .\32 xl\:hidden { display: none } .\32 xl\:inline { display: inline } .\32 xl\:inline-block { display: inline-block } .\32 xl\:inline-flex { display: inline-flex } .\32 xl\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4) } .\32 xl\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5) } .\32 xl\:size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6) } .\32 xl\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7) } .\32 xl\:size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8) } .\32 xl\:size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9) } .\32 xl\:size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10) } .\32 xl\:size-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11) } .\32 xl\:size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12) } .\32 xl\:size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16) } .\32 xl\:size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20) } .\32 xl\:size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24) } .\32 xl\:size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32) } .\32 xl\:h-full { height: 100% } .\32 xl\:w-auto { width: auto } .\32 xl\:w-fit { width: fit-content } .\32 xl\:w-full { width: 100% } .\32 xl\:max-w-full { max-width: 100% } .\32 xl\:min-w-full { min-width: 100% } .\32 xl\:flex-1 { flex: 1 } .\32 xl\:flex-none { flex: none } .\32 xl\:shrink { flex-shrink: 1 } .\32 xl\:grow { flex-grow: 1 } .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) } .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .\32 xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .\32 xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .\32 xl\:flex-col { flex-direction: column } .\32 xl\:flex-col-reverse { flex-direction: column-reverse } .\32 xl\:flex-row { flex-direction: row } .\32 xl\:flex-row-reverse { flex-direction: row-reverse } .\32 xl\:flex-nowrap { flex-wrap: nowrap } .\32 xl\:flex-wrap { flex-wrap: wrap } .\32 xl\:place-content-center { place-content: center } .\32 xl\:place-items-center { place-items: center } .\32 xl\:content-between { align-content: space-between } .\32 xl\:content-center { align-content: center } .\32 xl\:content-end { align-content: flex-end } .\32 xl\:content-start { align-content: flex-start } .\32 xl\:items-baseline { align-items: baseline } .\32 xl\:items-center { align-items: center } .\32 xl\:items-end { align-items: flex-end } .\32 xl\:items-start { align-items: flex-start } .\32 xl\:items-stretch { align-items: stretch } .\32 xl\:justify-around { justify-content: space-around } .\32 xl\:justify-between { justify-content: space-between } .\32 xl\:justify-center { justify-content: center } .\32 xl\:justify-end { justify-content: flex-end } .\32 xl\:justify-evenly { justify-content: space-evenly } .\32 xl\:justify-start { justify-content: flex-start } .\32 xl\:gap-1 { gap: var(--spacing) } .\32 xl\:gap-2 { gap: calc(var(--spacing) * 2) } .\32 xl\:gap-3 { gap: calc(var(--spacing) * 3) } .\32 xl\:gap-4 { gap: calc(var(--spacing) * 4) } .\32 xl\:gap-5 { gap: calc(var(--spacing) * 5) } .\32 xl\:gap-6 { gap: calc(var(--spacing) * 6) } .\32 xl\:gap-8 { gap: calc(var(--spacing) * 8) } .\32 xl\:gap-10 { gap: calc(var(--spacing) * 10) } .\32 xl\:gap-12 { gap: calc(var(--spacing) * 12) } .\32 xl\:place-self-center { place-self: center } .\32 xl\:self-center { align-self: center } .\32 xl\:self-end { align-self: flex-end } .\32 xl\:self-start { align-self: flex-start } .\32 xl\:self-stretch { align-self: stretch } .\32 xl\:justify-self-center { justify-self: center } .\32 xl\:justify-self-end { justify-self: flex-end } .\32 xl\:justify-self-start { justify-self: flex-start } .\32 xl\:justify-self-stretch { justify-self: stretch } .\32 xl\:overflow-hidden { overflow: hidden } .\32 xl\:overflow-x-clip { overflow-x: clip } .\32 xl\:overflow-x-hidden { overflow-x: hidden } .\32 xl\:overflow-y-hidden { overflow-y: hidden } .\32 xl\:p-0 { padding: 0 } .\32 xl\:p-1 { padding: var(--spacing) } .\32 xl\:p-2 { padding: calc(var(--spacing) * 2) } .\32 xl\:p-3 { padding: calc(var(--spacing) * 3) } .\32 xl\:p-4 { padding: calc(var(--spacing) * 4) } .\32 xl\:p-5 { padding: calc(var(--spacing) * 5) } .\32 xl\:p-6 { padding: calc(var(--spacing) * 6) } .\32 xl\:p-8 { padding: calc(var(--spacing) * 8) } .\32 xl\:p-10 { padding: calc(var(--spacing) * 10) } .\32 xl\:px-0 { padding-inline: 0 } .\32 xl\:px-1 { padding-inline: var(--spacing) } .\32 xl\:px-2 { padding-inline: calc(var(--spacing) * 2) } .\32 xl\:px-3 { padding-inline: calc(var(--spacing) * 3) } .\32 xl\:px-4 { padding-inline: calc(var(--spacing) * 4) } .\32 xl\:px-5 { padding-inline: calc(var(--spacing) * 5) } .\32 xl\:px-6 { padding-inline: calc(var(--spacing) * 6) } .\32 xl\:px-8 { padding-inline: calc(var(--spacing) * 8) } .\32 xl\:px-10 { padding-inline: calc(var(--spacing) * 10) } .\32 xl\:py-0 { padding-block: 0 } .\32 xl\:py-1 { padding-block: var(--spacing) } .\32 xl\:py-2 { padding-block: calc(var(--spacing) * 2) } .\32 xl\:py-3 { padding-block: calc(var(--spacing) * 3) } .\32 xl\:py-4 { padding-block: calc(var(--spacing) * 4) } .\32 xl\:py-5 { padding-block: calc(var(--spacing) * 5) } .\32 xl\:py-6 { padding-block: calc(var(--spacing) * 6) } .\32 xl\:py-8 { padding-block: calc(var(--spacing) * 8) } .\32 xl\:py-10 { padding-block: calc(var(--spacing) * 10) } .\32 xl\:pt-0 { padding-top: 0 } .\32 xl\:pt-2 { padding-top: calc(var(--spacing) * 2) } .\32 xl\:pt-3 { padding-top: calc(var(--spacing) * 3) } .\32 xl\:pt-4 { padding-top: calc(var(--spacing) * 4) } .\32 xl\:pt-5 { padding-top: calc(var(--spacing) * 5) } .\32 xl\:pt-6 { padding-top: calc(var(--spacing) * 6) } .\32 xl\:pt-8 { padding-top: calc(var(--spacing) * 8) } .\32 xl\:pt-10 { padding-top: calc(var(--spacing) * 10) } .\32 xl\:pt-12 { padding-top: calc(var(--spacing) * 12) } .\32 xl\:pt-16 { padding-top: calc(var(--spacing) * 16) } .\32 xl\:pt-20 { padding-top: calc(var(--spacing) * 20) } .\32 xl\:pt-24 { padding-top: calc(var(--spacing) * 24) } .\32 xl\:pt-28 { padding-top: calc(var(--spacing) * 28) } .\32 xl\:pt-32 { padding-top: calc(var(--spacing) * 32) } .\32 xl\:pb-0 { padding-bottom: 0 } .\32 xl\:pb-2 { padding-bottom: calc(var(--spacing) * 2) } .\32 xl\:pb-3 { padding-bottom: calc(var(--spacing) * 3) } .\32 xl\:pb-4 { padding-bottom: calc(var(--spacing) * 4) } .\32 xl\:pb-5 { padding-bottom: calc(var(--spacing) * 5) } .\32 xl\:pb-6 { padding-bottom: calc(var(--spacing) * 6) } .\32 xl\:pb-8 { padding-bottom: calc(var(--spacing) * 8) } .\32 xl\:pb-10 { padding-bottom: calc(var(--spacing) * 10) } .\32 xl\:pb-12 { padding-bottom: calc(var(--spacing) * 12) } .\32 xl\:pb-16 { padding-bottom: calc(var(--spacing) * 16) } .\32 xl\:pb-20 { padding-bottom: calc(var(--spacing) * 20) } .\32 xl\:pb-24 { padding-bottom: calc(var(--spacing) * 24) } .\32 xl\:text-center { text-align: center } .\32 xl\:text-end { text-align: end } .\32 xl\:text-left { text-align: left } .\32 xl\:text-right { text-align: right } .\32 xl\:text-start { text-align: start } .\32 xl\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)) } .\32 xl\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)) } .\32 xl\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)) } .\32 xl\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)) } .\32 xl\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)) } .\32 xl\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)) } .\32 xl\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)) } .\32 xl\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)) } } } .hero-portrait { -webkit-mask-image: linear-gradient(#000 0% 75%, #0000 100%); mask-image: linear-gradient(#000 0% 75%, #0000 100%) } .marquee-track[data-paused=true], .marquee-track:hover { animation-play-state: paused } dialog::backdrop { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background: #000000e0 } @media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto !important } *, :before, :after { transition: none !important; animation: none !important } } #header { border-bottom: 1px solid #252525 } #main:before, #main:after { content: ""; background: 0 0; border-left: 1px solid #252525; width: 110px; height: 100%; position: absolute; top: 0; right: 0; z-index: -1; } #main::after { border-right: 1px solid #252525; left: 0; right: auto; border-left: 0; } section { border-bottom: 1px solid #252525 } #services, #contact { border: 0; } [data-theme="light"] #main:before { border-left-color: #e4e3df } [data-theme="light"] #main:after { border-right-color: #e4e3df } [data-theme="light"] section { border-bottom-color: #e4e3df } @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-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-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-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000 } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #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: ""; 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-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @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 } } @keyframes marquee { 0% { transform: translate(0) } to { transform: translate(-50%) } } /* ============================================================ بخش سفارشی — هدر اسکرول‌شده، منوی موبایل و خطوط کنار صفحه ============================================================ */ /* --- ۱. هدر چسبان هنگام اسکرول: هم‌رنگ با تم جاری صفحه --- رنگ از توکن‌های تم (--color-dark و --color-line) می‌آید؛ پس در نسخهٔ تاریک تیره، در نسخهٔ روشن سفید و در نسخهٔ سوئیچر مطابق تم فعال است. --- */ #header { transition: background-color .45s cubic-bezier(.4, 0, .2, 1), box-shadow .45s cubic-bezier(.4, 0, .2, 1), border-color .45s cubic-bezier(.4, 0, .2, 1) } #header.is-scrolled { background-color: #111111ed; border-bottom-color: transparent; } /* --- ۲. حذف خطوط عمودی کنار صفحه در موبایل و تبلت --- */ @media (max-width:63.98rem) { #main:before, #main:after { display: none } } /* --- ۳. منوی موبایل اپلیکیشنی --- */ .mobile-menu { max-height: 0; opacity: 0; visibility: hidden; transform: translateY(-10px); pointer-events: none; transition: max-height .5s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, transform .45s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .5s } .mobile-menu.menu-open { max-height: calc(100dvh - 76px); opacity: 1; visibility: visible; transform: none; pointer-events: auto; overflow-y: auto; transition: max-height .55s cubic-bezier(.4, 0, .2, 1), opacity .35s ease .08s, transform .45s cubic-bezier(.4, 0, .2, 1), visibility 0s } .mobile-menu-inner { margin: 10px 14px 16px; overflow: hidden } .mobile-menu-list { list-style: none; padding: 10px } .mobile-menu-list li { opacity: 0; transform: translateY(12px); transition: opacity .35s ease, transform .35s cubic-bezier(.4, 0, .2, 1) } .mobile-menu.menu-open .mobile-menu-list li { opacity: 1; transform: none } .mobile-menu.menu-open .mobile-menu-list li:nth-child(1) { transition-delay: .05s } .mobile-menu.menu-open .mobile-menu-list li:nth-child(2) { transition-delay: .1s } .mobile-menu.menu-open .mobile-menu-list li:nth-child(3) { transition-delay: .15s } .mobile-menu.menu-open .mobile-menu-list li:nth-child(4) { transition-delay: .2s } .mobile-menu.menu-open .mobile-menu-list li:nth-child(5) { transition-delay: .25s } .mobile-menu.menu-open .mobile-menu-list li:nth-child(6) { transition-delay: .3s } .mobile-link { display: flex; align-items: center; gap: 14px; padding: 15px 16px; border-radius: 14px; font-size: 15px; font-weight: 500; color: var(--color-white); transition: background-color .25s ease, color .25s ease } .mobile-link-num { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--color-muted); transition: color .25s ease } .mobile-link-arrow { width: 18px; height: 18px; margin-inline-start: auto; opacity: 0; transform: translateX(-6px); transition: opacity .25s ease, transform .25s ease } @media (hover:hover) { .mobile-link:hover { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); color: var(--color-accent) } .mobile-link:hover .mobile-link-num { color: var(--color-accent) } .mobile-link:hover .mobile-link-arrow { opacity: 1; transform: none } } .mobile-link[aria-current=location] { background-color: color-mix(in oklab, var(--color-accent) 14%, transparent); color: var(--color-accent); font-weight: 700 } .mobile-link[aria-current=location] .mobile-link-num { color: var(--color-accent) } .mobile-menu-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--color-line); } .mobile-menu-social { display: flex; align-items: center; gap: 4px } .mobile-menu-social a { display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 12px; color: var(--color-muted); transition: color .25s ease, background-color .25s ease } @media (hover:hover) { .mobile-menu-social a:hover { color: var(--color-accent); background-color: color-mix(in oklab, var(--color-accent) 12%, transparent) } } .mobile-menu-cta { min-height: 42px; border-radius: 12px } /* --- ۴. انیمیشن ورود سکشن‌ها و کارت‌ها هنگام اسکرول --- */ @media (prefers-reduced-motion: no-preference) { [data-reveal] { opacity: 0; transform: translateY(28px); transition: all 0.3s ease; will-change: opacity, transform; } [data-reveal].is-revealed { opacity: 1; transform: none } }