/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-orange-50: oklch(98% 0.016 73.684); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-200: oklch(90.1% 0.076 70.697); --color-orange-300: oklch(83.7% 0.128 66.29); --color-orange-400: oklch(75% 0.183 55.934); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-orange-700: oklch(55.3% 0.195 38.402); --color-orange-800: oklch(47% 0.157 37.304); --color-orange-900: oklch(40.8% 0.123 38.172); --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-yellow-800: oklch(47.6% 0.114 61.907); --color-yellow-900: oklch(42.1% 0.095 57.708); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-teal-50: oklch(98.4% 0.014 180.72); --color-teal-100: oklch(95.3% 0.051 180.801); --color-teal-300: oklch(85.5% 0.138 181.071); --color-teal-400: oklch(77.7% 0.152 181.912); --color-teal-500: oklch(70.4% 0.14 182.503); --color-teal-600: oklch(60% 0.118 184.704); --color-teal-700: oklch(51.1% 0.096 186.391); --color-teal-900: oklch(38.6% 0.063 188.416); --color-cyan-100: oklch(95.6% 0.045 203.388); --color-cyan-300: oklch(86.5% 0.127 207.078); --color-cyan-400: oklch(78.9% 0.154 211.53); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-600: oklch(60.9% 0.126 221.723); --color-cyan-700: oklch(52% 0.105 223.128); --color-cyan-900: oklch(39.8% 0.07 227.392); --color-blue-50: oklch(97% 0.014 254.604); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-200: oklch(88.2% 0.059 254.128); --color-blue-300: oklch(80.9% 0.105 251.813); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-blue-800: oklch(42.4% 0.199 265.638); --color-blue-900: oklch(37.9% 0.146 265.522); --color-blue-950: oklch(28.2% 0.091 267.935); --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-300: oklch(78.5% 0.115 274.713); --color-indigo-400: oklch(67.3% 0.182 276.935); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-indigo-700: oklch(45.7% 0.24 277.023); --color-indigo-800: oklch(39.8% 0.195 277.366); --color-indigo-900: oklch(35.9% 0.144 278.697); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-300: oklch(82.7% 0.119 306.383); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-purple-800: oklch(43.8% 0.218 303.724); --color-purple-900: oklch(38.1% 0.176 304.987); --color-pink-50: oklch(97.1% 0.014 343.198); --color-pink-300: oklch(82.3% 0.12 346.018); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-600: oklch(59.2% 0.249 0.584); --color-pink-700: oklch(52.5% 0.223 3.958); --color-pink-900: oklch(40.8% 0.153 2.432); --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-100: oklch(94.1% 0.03 12.58); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-rose-700: oklch(51.4% 0.222 16.935); --color-rose-800: oklch(45.5% 0.188 13.697); --color-rose-900: oklch(41% 0.159 10.272); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-800: oklch(27.8% 0.033 256.848); --color-gray-900: oklch(21% 0.034 264.665); --color-gray-950: oklch(13% 0.028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-zinc-700: oklch(37% 0.013 285.805); --color-zinc-900: oklch(21% 0.006 285.885); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-xl: 80rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --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-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-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-brand: oklch(66.64% 0.2202 37.57); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: 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; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden='until-found'])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .fixed\! { position: fixed !important; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-10 { top: calc(var(--spacing) * -10); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-6 { top: calc(var(--spacing) * 6); } .top-12 { top: calc(var(--spacing) * 12); } .top-14 { top: calc(var(--spacing) * 14); } .top-16 { top: calc(var(--spacing) * 16); } .top-20 { top: calc(var(--spacing) * 20); } .top-\[-4px\] { top: -4px; } .top-\[40\%\] { top: 40%; } .top-full { top: 100%; } .-right-0 { right: calc(var(--spacing) * -0); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-2 { right: calc(var(--spacing) * -2); } .-right-6 { right: calc(var(--spacing) * -6); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-\[-4px\] { right: -4px; } .right-full { right: 100%; } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .-bottom-6 { bottom: calc(var(--spacing) * -6); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-12 { bottom: calc(var(--spacing) * 12); } .bottom-20 { bottom: calc(var(--spacing) * 20); } .bottom-24 { bottom: calc(var(--spacing) * 24); } .bottom-\[10\.5rem\] { bottom: 10.5rem; } .bottom-full { bottom: 100%; } .-left-6 { left: calc(var(--spacing) * -6); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1/2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-full { left: 100%; } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .z-6 { z-index: 6; } .z-7 { z-index: 7; } .z-8 { z-index: 8; } .z-9 { z-index: 9; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-25 { z-index: 25; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-45 { z-index: 45; } .z-50 { z-index: 50; } .z-60 { z-index: 60; } .z-1000 { z-index: 1000; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[100\] { z-index: 100; } .z-\[9999\] { z-index: 9999; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .-m-1 { margin: calc(var(--spacing) * -1); } .-m-1\.5 { margin: calc(var(--spacing) * -1.5); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-3 { margin: calc(var(--spacing) * -3); } .m-0 { margin: calc(var(--spacing) * 0); } .m-4 { margin: calc(var(--spacing) * 4); } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-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-0 { margin-inline: calc(var(--spacing) * 0); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .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-auto { margin-inline: auto; } .-my-0\.5 { margin-block: calc(var(--spacing) * -0.5); } .-my-1 { margin-block: calc(var(--spacing) * -1); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .-my-4 { margin-block: calc(var(--spacing) * -4); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-7 { margin-block: calc(var(--spacing) * 7); } .my-8 { margin-block: calc(var(--spacing) * 8); } .ms-0 { margin-inline-start: calc(var(--spacing) * 0); } .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .me-3 { margin-inline-end: calc(var(--spacing) * 3); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-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-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-20 { margin-top: calc(var(--spacing) * 20); } .mt-auto { margin-top: auto; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-0\.5 { margin-right: calc(var(--spacing) * 0.5); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .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-6 { margin-right: calc(var(--spacing) * 6); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-16 { margin-right: calc(var(--spacing) * 16); } .\!mb-12 { margin-bottom: calc(var(--spacing) * 12) !important; } .-mb-1 { margin-bottom: calc(var(--spacing) * -1); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-24 { margin-bottom: calc(var(--spacing) * 24); } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-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-7 { margin-left: calc(var(--spacing) * 7); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-10 { margin-left: calc(var(--spacing) * 10); } .ml-auto { margin-left: auto; } .hero-academic-cap { --hero-academic-cap: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.26%2010.147a60.438%2060.438%200%200%200-.491%206.347A48.62%2048.62%200%200%201%2012%2020.904a48.62%2048.62%200%200%201%208.232-4.41%2060.46%2060.46%200%200%200-.491-6.347m-15.482%200a50.636%2050.636%200%200%200-2.658-.813A59.906%2059.906%200%200%201%2012%203.493a59.903%2059.903%200%200%201%2010.399%205.84c-.896.248-1.783.52-2.658.814m-15.482%200A50.717%2050.717%200%200%201%2012%2013.489a50.702%2050.702%200%200%201%207.74-3.342M6.75%2015a.75.75%200%201%200%200-1.5.75.75%200%200%200%200%201.5Zm0%200v-3.675A55.378%2055.378%200%200%201%2012%208.443m-7.007%2011.55A5.981%205.981%200%200%200%206.75%2015.75v-1.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-academic-cap); mask: var(--hero-academic-cap); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-adjustments-horizontal { --hero-adjustments-horizontal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%206h9.75M10.5%206a1.5%201.5%200%201%201-3%200m3%200a1.5%201.5%200%201%200-3%200M3.75%206H7.5m3%2012h9.75m-9.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-3.75%200H7.5m9-6h3.75m-3.75%200a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m-9.75%200h9.75%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-adjustments-horizontal); mask: var(--hero-adjustments-horizontal); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-adjustments-vertical { --hero-adjustments-vertical: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2013.5V3.75m0%209.75a1.5%201.5%200%200%201%200%203m0-3a1.5%201.5%200%200%200%200%203m0%203.75V16.5m12-3V3.75m0%209.75a1.5%201.5%200%200%201%200%203m0-3a1.5%201.5%200%200%200%200%203m0%203.75V16.5m-6-9V3.75m0%203.75a1.5%201.5%200%200%201%200%203m0-3a1.5%201.5%200%200%200%200%203m0%209.75V10.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-adjustments-vertical); mask: var(--hero-adjustments-vertical); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-archive-box { --hero-archive-box: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m20.25%207.5-.625%2010.632a2.25%202.25%200%200%201-2.247%202.118H6.622a2.25%202.25%200%200%201-2.247-2.118L3.75%207.5M10%2011.25h4M3.375%207.5h17.25c.621%200%201.125-.504%201.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-archive-box); mask: var(--hero-archive-box); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-archive-box-arrow-down { --hero-archive-box-arrow-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m20.25%207.5-.625%2010.632a2.25%202.25%200%200%201-2.247%202.118H6.622a2.25%202.25%200%200%201-2.247-2.118L3.75%207.5m8.25%203v6.75m0%200-3-3m3%203%203-3M3.375%207.5h17.25c.621%200%201.125-.504%201.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-archive-box-arrow-down); mask: var(--hero-archive-box-arrow-down); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-archive-box-x-mark { --hero-archive-box-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m20.25%207.5-.625%2010.632a2.25%202.25%200%200%201-2.247%202.118H6.622a2.25%202.25%200%200%201-2.247-2.118L3.75%207.5m6%204.125%202.25%202.25m0%200%202.25%202.25M12%2013.875l2.25-2.25M12%2013.875l-2.25%202.25M3.375%207.5h17.25c.621%200%201.125-.504%201.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-archive-box-x-mark); mask: var(--hero-archive-box-x-mark); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-down { --hero-arrow-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2013.5%2012%2021m0%200-7.5-7.5M12%2021V3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-down); mask: var(--hero-arrow-down); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-down-circle { --hero-arrow-down-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9%2012.75%203%203m0%200%203-3m-3%203v-7.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-down-circle); mask: var(--hero-arrow-down-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-down-circle-solid { --hero-arrow-down-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25c-5.385%200-9.75%204.365-9.75%209.75s4.365%209.75%209.75%209.75%209.75-4.365%209.75-9.75S17.385%202.25%2012%202.25Zm-.53%2014.03a.75.75%200%200%200%201.06%200l3-3a.75.75%200%201%200-1.06-1.06l-1.72%201.72V8.25a.75.75%200%200%200-1.5%200v5.69l-1.72-1.72a.75.75%200%200%200-1.06%201.06l3%203Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-down-circle-solid); mask: var(--hero-arrow-down-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-down-tray { --hero-arrow-down-tray: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2016.5v2.25A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75V16.5M16.5%2012%2012%2016.5m0%200L7.5%2012m4.5%204.5V3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-down-tray); mask: var(--hero-arrow-down-tray); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-left { --hero-arrow-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2019.5%203%2012m0%200%207.5-7.5M3%2012h18%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-left); mask: var(--hero-arrow-left); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-left-on-rectangle { --hero-arrow-left-on-rectangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%209V5.25A2.25%202.25%200%200%200%2013.5%203h-6a2.25%202.25%200%200%200-2.25%202.25v13.5A2.25%202.25%200%200%200%207.5%2021h6a2.25%202.25%200%200%200%202.25-2.25V15M12%209l-3%203m0%200%203%203m-3-3h12.75%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-left-on-rectangle); mask: var(--hero-arrow-left-on-rectangle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-left-solid { --hero-arrow-left-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.03%203.97a.75.75%200%200%201%200%201.06l-6.22%206.22H21a.75.75%200%200%201%200%201.5H4.81l6.22%206.22a.75.75%200%201%201-1.06%201.06l-7.5-7.5a.75.75%200%200%201%200-1.06l7.5-7.5a.75.75%200%200%201%201.06%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-left-solid); mask: var(--hero-arrow-left-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-path { --hero-arrow-path: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.023%209.348h4.992v-.001M2.985%2019.644v-4.992m0%200h4.992m-4.993%200%203.181%203.183a8.25%208.25%200%200%200%2013.803-3.7M4.031%209.865a8.25%208.25%200%200%201%2013.803-3.7l3.181%203.182m0-4.991v4.99%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-path); mask: var(--hero-arrow-path); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-path-rounded-square { --hero-arrow-path-rounded-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2012c0-1.232-.046-2.453-.138-3.662a4.006%204.006%200%200%200-3.7-3.7%2048.678%2048.678%200%200%200-7.324%200%204.006%204.006%200%200%200-3.7%203.7c-.017.22-.032.441-.046.662M19.5%2012l3-3m-3%203-3-3m-12%203c0%201.232.046%202.453.138%203.662a4.006%204.006%200%200%200%203.7%203.7%2048.656%2048.656%200%200%200%207.324%200%204.006%204.006%200%200%200%203.7-3.7c.017-.22.032-.441.046-.662M4.5%2012l3%203m-3-3-3%203%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-path-rounded-square); mask: var(--hero-arrow-path-rounded-square); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-right { --hero-arrow-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%204.5%2021%2012m0%200-7.5%207.5M21%2012H3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-right); mask: var(--hero-arrow-right); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-right-circle { --hero-arrow-right-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m12.75%2015%203-3m0%200-3-3m3%203h-7.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-right-circle); mask: var(--hero-arrow-right-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-right-on-rectangle { --hero-arrow-right-on-rectangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%209V5.25A2.25%202.25%200%200%200%2013.5%203h-6a2.25%202.25%200%200%200-2.25%202.25v13.5A2.25%202.25%200%200%200%207.5%2021h6a2.25%202.25%200%200%200%202.25-2.25V15m3%200%203-3m0%200-3-3m3%203H9%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-right-on-rectangle); mask: var(--hero-arrow-right-on-rectangle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-top-right-on-square { --hero-arrow-top-right-on-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%206H5.25A2.25%202.25%200%200%200%203%208.25v10.5A2.25%202.25%200%200%200%205.25%2021h10.5A2.25%202.25%200%200%200%2018%2018.75V10.5m-10.5%206L21%203m0%200h-5.25M21%203v5.25%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-top-right-on-square); mask: var(--hero-arrow-top-right-on-square); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-trending-down { --hero-arrow-trending-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%206%209%2012.75l4.286-4.286a11.948%2011.948%200%200%201%204.306%206.43l.776%202.898m0%200%203.182-5.511m-3.182%205.51-5.511-3.181%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-trending-down); mask: var(--hero-arrow-trending-down); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-trending-up { --hero-arrow-trending-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2018%209%2011.25l4.306%204.306a11.95%2011.95%200%200%201%205.814-5.518l2.74-1.22m0%200-5.94-2.281m5.94%202.28-2.28%205.941%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-trending-up); mask: var(--hero-arrow-trending-up); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-up { --hero-arrow-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.5%2010.5%2012%203m0%200%207.5%207.5M12%203v18%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-up); mask: var(--hero-arrow-up); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-up-circle { --hero-arrow-up-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m15%2011.25-3-3m0%200-3%203m3-3v7.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-up-circle); mask: var(--hero-arrow-up-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-up-circle-solid { --hero-arrow-up-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25c-5.385%200-9.75%204.365-9.75%209.75s4.365%209.75%209.75%209.75%209.75-4.365%209.75-9.75S17.385%202.25%2012%202.25Zm.53%205.47a.75.75%200%200%200-1.06%200l-3%203a.75.75%200%201%200%201.06%201.06l1.72-1.72v5.69a.75.75%200%200%200%201.5%200v-5.69l1.72%201.72a.75.75%200%201%200%201.06-1.06l-3-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-up-circle-solid); mask: var(--hero-arrow-up-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-up-tray { --hero-arrow-up-tray: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2016.5v2.25A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75V16.5m-13.5-9L12%203m0%200%204.5%204.5M12%203v13.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-up-tray); mask: var(--hero-arrow-up-tray); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrow-uturn-left { --hero-arrow-uturn-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2015%203%209m0%200%206-6M3%209h12a6%206%200%200%201%200%2012h-3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrow-uturn-left); mask: var(--hero-arrow-uturn-left); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrows-pointing-in { --hero-arrows-pointing-in: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%209V4.5M9%209H4.5M9%209%203.75%203.75M9%2015v4.5M9%2015H4.5M9%2015l-5.25%205.25M15%209h4.5M15%209V4.5M15%209l5.25-5.25M15%2015h4.5M15%2015v4.5m0-4.5%205.25%205.25%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrows-pointing-in); mask: var(--hero-arrows-pointing-in); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrows-pointing-out { --hero-arrows-pointing-out: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%203.75v4.5m0-4.5h4.5m-4.5%200L9%209M3.75%2020.25v-4.5m0%204.5h4.5m-4.5%200L9%2015M20.25%203.75h-4.5m4.5%200v4.5m0-4.5L15%209m5.25%2011.25h-4.5m4.5%200v-4.5m0%204.5L15%2015%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrows-pointing-out); mask: var(--hero-arrows-pointing-out); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-arrows-right-left { --hero-arrows-right-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%2021%203%2016.5m0%200L7.5%2012M3%2016.5h13.5m0-13.5L21%207.5m0%200L16.5%2012M21%207.5H7.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-arrows-right-left); mask: var(--hero-arrows-right-left); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-banknotes { --hero-banknotes: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2018.75a60.07%2060.07%200%200%201%2015.797%202.101c.727.198%201.453-.342%201.453-1.096V18.75M3.75%204.5v.75A.75.75%200%200%201%203%206h-.75m0%200v-.375c0-.621.504-1.125%201.125-1.125H20.25M2.25%206v9m18-10.5v.75c0%20.414.336.75.75.75h.75m-1.5-1.5h.375c.621%200%201.125.504%201.125%201.125v9.75c0%20.621-.504%201.125-1.125%201.125h-.375m1.5-1.5H21a.75.75%200%200%200-.75.75v.75m0%200H3.75m0%200h-.375a1.125%201.125%200%200%201-1.125-1.125V15m1.5%201.5v-.75A.75.75%200%200%200%203%2015h-.75M15%2010.5a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm3%200h.008v.008H18V10.5Zm-12%200h.008v.008H6V10.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-banknotes); mask: var(--hero-banknotes); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bars-2 { --hero-bars-2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%209h16.5m-16.5%206.75h16.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bars-2); mask: var(--hero-bars-2); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bars-3 { --hero-bars-3: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206.75h16.5M3.75%2012h16.5m-16.5%205.25h16.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bars-3); mask: var(--hero-bars-3); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-beaker { --hero-beaker: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.75%203.104v5.714a2.25%202.25%200%200%201-.659%201.591L5%2014.5M9.75%203.104c-.251.023-.501.05-.75.082m.75-.082a24.301%2024.301%200%200%201%204.5%200m0%200v5.714c0%20.597.237%201.17.659%201.591L19.8%2015.3M14.25%203.104c.251.023.501.05.75.082M19.8%2015.3l-1.57.393A9.065%209.065%200%200%201%2012%2015a9.065%209.065%200%200%200-6.23-.693L5%2014.5m14.8.8%201.402%201.402c1.232%201.232.65%203.318-1.067%203.611A48.309%2048.309%200%200%201%2012%2021c-2.773%200-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5%2014.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-beaker); mask: var(--hero-beaker); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bell { --hero-bell: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.857%2017.082a23.848%2023.848%200%200%200%205.454-1.31A8.967%208.967%200%200%201%2018%209.75V9A6%206%200%200%200%206%209v.75a8.967%208.967%200%200%201-2.312%206.022c1.733.64%203.56%201.085%205.455%201.31m5.714%200a24.255%2024.255%200%200%201-5.714%200m5.714%200a3%203%200%201%201-5.714%200%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bell); mask: var(--hero-bell); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bell-alert { --hero-bell-alert: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.857%2017.082a23.848%2023.848%200%200%200%205.454-1.31A8.967%208.967%200%200%201%2018%209.75V9A6%206%200%200%200%206%209v.75a8.967%208.967%200%200%201-2.312%206.022c1.733.64%203.56%201.085%205.455%201.31m5.714%200a24.255%2024.255%200%200%201-5.714%200m5.714%200a3%203%200%201%201-5.714%200M3.124%207.5A8.969%208.969%200%200%201%205.292%203m13.416%200a8.969%208.969%200%200%201%202.168%204.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bell-alert); mask: var(--hero-bell-alert); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bell-slash { --hero-bell-slash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.143%2017.082a24.248%2024.248%200%200%200%203.844.148m-3.844-.148a23.856%2023.856%200%200%201-5.455-1.31%208.964%208.964%200%200%200%202.3-5.542m3.155%206.852a3%203%200%200%200%205.667%201.97m1.965-2.277L21%2021m-4.225-4.225a23.81%2023.81%200%200%200%203.536-1.003A8.967%208.967%200%200%201%2018%209.75V9A6%206%200%200%200%206.53%206.53m10.245%2010.245L6.53%206.53M3%203l3.53%203.53%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bell-slash); mask: var(--hero-bell-slash); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bell-snooze { --hero-bell-snooze: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.857%2017.082a23.848%2023.848%200%200%200%205.454-1.31A8.967%208.967%200%200%201%2018%209.75V9A6%206%200%200%200%206%209v.75a8.967%208.967%200%200%201-2.312%206.022c1.733.64%203.56%201.085%205.455%201.31m5.714%200a24.255%2024.255%200%200%201-5.714%200m5.714%200a3%203%200%201%201-5.714%200M10.5%208.25h3l-3%204.5h3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bell-snooze); mask: var(--hero-bell-snooze); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bell-snooze-solid { --hero-bell-snooze-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25A6.75%206.75%200%200%200%205.25%209v.75a8.217%208.217%200%200%201-2.119%205.52.75.75%200%200%200%20.298%201.206c1.544.57%203.16.99%204.831%201.243a3.75%203.75%200%201%200%207.48%200%2024.583%2024.583%200%200%200%204.83-1.244.75.75%200%200%200%20.298-1.205%208.217%208.217%200%200%201-2.118-5.52V9A6.75%206.75%200%200%200%2012%202.25ZM9.75%2018c0-.034%200-.067.002-.1a25.05%2025.05%200%200%200%204.496%200l.002.1a2.25%202.25%200%201%201-4.5%200Zm.75-10.5a.75.75%200%200%200%200%201.5h1.599l-2.223%203.334A.75.75%200%200%200%2010.5%2013.5h3a.75.75%200%200%200%200-1.5h-1.599l2.223-3.334A.75.75%200%200%200%2013.5%207.5h-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bell-snooze-solid); mask: var(--hero-bell-snooze-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bold { --hero-bold: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%203.744h-.753v8.25h7.125a4.125%204.125%200%200%200%200-8.25H6.75Zm0%200v.38m0%2016.122h6.747a4.5%204.5%200%200%200%200-9.001h-7.5v9h.753Zm0%200v-.37m0-15.751h6a3.75%203.75%200%201%201%200%207.5h-6m0-7.5v7.5m0%200v8.25m0-8.25h6.375a4.125%204.125%200%200%201%200%208.25H6.75m.747-15.38h4.875a3.375%203.375%200%200%201%200%206.75H7.497v-6.75Zm0%207.5h5.25a3.75%203.75%200%200%201%200%207.5h-5.25v-7.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bold); mask: var(--hero-bold); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bolt { --hero-bolt: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m3.75%2013.5%2010.5-11.25L12%2010.5h8.25L9.75%2021.75%2012%2013.5H3.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bolt); mask: var(--hero-bolt); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bolt-solid { --hero-bolt-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M14.615%201.595a.75.75%200%200%201%20.359.852L12.982%209.75h7.268a.75.75%200%200%201%20.548%201.262l-10.5%2011.25a.75.75%200%200%201-1.272-.71l1.992-7.302H3.75a.75.75%200%200%201-.548-1.262l10.5-11.25a.75.75%200%200%201%20.913-.143Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bolt-solid); mask: var(--hero-bolt-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-book-open { --hero-book-open: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206.042A8.967%208.967%200%200%200%206%203.75c-1.052%200-2.062.18-3%20.512v14.25A8.987%208.987%200%200%201%206%2018c2.305%200%204.408.867%206%202.292m0-14.25a8.966%208.966%200%200%201%206-2.292c1.052%200%202.062.18%203%20.512v14.25A8.987%208.987%200%200%200%2018%2018a8.967%208.967%200%200%200-6%202.292m0-14.25v14.25%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-book-open); mask: var(--hero-book-open); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bookmark { --hero-bookmark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.593%203.322c1.1.128%201.907%201.077%201.907%202.185V21L12%2017.25%204.5%2021V5.507c0-1.108.806-2.057%201.907-2.185a48.507%2048.507%200%200%201%2011.186%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bookmark); mask: var(--hero-bookmark); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bookmark-solid { --hero-bookmark-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.32%202.577a49.255%2049.255%200%200%201%2011.36%200c1.497.174%202.57%201.46%202.57%202.93V21a.75.75%200%200%201-1.085.67L12%2018.089l-7.165%203.583A.75.75%200%200%201%203.75%2021V5.507c0-1.47%201.073-2.756%202.57-2.93Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bookmark-solid); mask: var(--hero-bookmark-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-bookmark-square { --hero-bookmark-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%203.75V16.5L12%2014.25%207.5%2016.5V3.75m9%200H18A2.25%202.25%200%200%201%2020.25%206v12A2.25%202.25%200%200%201%2018%2020.25H6A2.25%202.25%200%200%201%203.75%2018V6A2.25%202.25%200%200%201%206%203.75h1.5m9%200h-9%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-bookmark-square); mask: var(--hero-bookmark-square); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-briefcase { --hero-briefcase: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.25%2014.15v4.25c0%201.094-.787%202.036-1.872%202.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5%200a2.18%202.18%200%200%200%20.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114%2048.114%200%200%200-3.413-.387m4.5%208.006c-.194.165-.42.295-.673.38A23.978%2023.978%200%200%201%2012%2015.75c-2.648%200-5.195-.429-7.577-1.22a2.016%202.016%200%200%201-.673-.38m0%200A2.18%202.18%200%200%201%203%2012.489V8.706c0-1.081.768-2.015%201.837-2.175a48.111%2048.111%200%200%201%203.413-.387m7.5%200V5.25A2.25%202.25%200%200%200%2013.5%203h-3a2.25%202.25%200%200%200-2.25%202.25v.894m7.5%200a48.667%2048.667%200%200%200-7.5%200M12%2012.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-briefcase); mask: var(--hero-briefcase); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-building-library { --hero-building-library: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2021v-8.25M15.75%2021v-8.25M8.25%2021v-8.25M3%209l9-6%209%206m-1.5%2012V10.332A48.36%2048.36%200%200%200%2012%209.75c-2.551%200-5.056.2-7.5.582V21M3%2021h18M12%206.75h.008v.008H12V6.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-building-library); mask: var(--hero-building-library); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-building-library-solid { --hero-building-library-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M11.584%202.376a.75.75%200%200%201%20.832%200l9%206a.75.75%200%201%201-.832%201.248L12%203.901%203.416%209.624a.75.75%200%200%201-.832-1.248l9-6Z%22%2F%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M20.25%2010.332v9.918H21a.75.75%200%200%201%200%201.5H3a.75.75%200%200%201%200-1.5h.75v-9.918a.75.75%200%200%201%20.634-.74A49.109%2049.109%200%200%201%2012%209c2.59%200%205.134.202%207.616.592a.75.75%200%200%201%20.634.74Zm-7.5%202.418a.75.75%200%200%200-1.5%200v6.75a.75.75%200%200%200%201.5%200v-6.75Zm3-.75a.75.75%200%200%201%20.75.75v6.75a.75.75%200%200%201-1.5%200v-6.75a.75.75%200%200%201%20.75-.75ZM9%2012.75a.75.75%200%200%200-1.5%200v6.75a.75.75%200%200%200%201.5%200v-6.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%3Cpath%20d%3D%22M12%207.875a1.125%201.125%200%201%200%200-2.25%201.125%201.125%200%200%200%200%202.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-building-library-solid); mask: var(--hero-building-library-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-building-office { --hero-building-office: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%2021h16.5M4.5%203h15M5.25%203v18m13.5-18v18M9%206.75h1.5m-1.5%203h1.5m-1.5%203h1.5m3-6H15m-1.5%203H15m-1.5%203H15M9%2021v-3.375c0-.621.504-1.125%201.125-1.125h3.75c.621%200%201.125.504%201.125%201.125V21%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-building-office); mask: var(--hero-building-office); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-building-office-2 { --hero-building-office-2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2021h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75%206.75h.75m-.75%203h.75m-.75%203h.75m3-6h.75m-.75%203h.75m-.75%203h.75M6.75%2021v-3.375c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125V21M3%203h12m-.75%204.5H21m-3.75%203.75h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Zm0%203h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-building-office-2); mask: var(--hero-building-office-2); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-building-storefront { --hero-building-storefront: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%2021v-7.5a.75.75%200%200%201%20.75-.75h3a.75.75%200%200%201%20.75.75V21m-4.5%200H2.36m11.14%200H18m0%200h3.64m-1.39%200V9.349M3.75%2021V9.349m0%200a3.001%203.001%200%200%200%203.75-.615A2.993%202.993%200%200%200%209.75%209.75c.896%200%201.7-.393%202.25-1.016a2.993%202.993%200%200%200%202.25%201.016c.896%200%201.7-.393%202.25-1.015a3.001%203.001%200%200%200%203.75.614m-16.5%200a3.004%203.004%200%200%201-.621-4.72l1.189-1.19A1.5%201.5%200%200%201%205.378%203h13.243a1.5%201.5%200%200%201%201.06.44l1.19%201.189a3%203%200%200%201-.621%204.72M6.75%2018h3.75a.75.75%200%200%200%20.75-.75V13.5a.75.75%200%200%200-.75-.75H6.75a.75.75%200%200%200-.75.75v3.75c0%20.414.336.75.75.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-building-storefront); mask: var(--hero-building-storefront); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-building-storefront-solid { --hero-building-storefront-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M5.223%202.25c-.497%200-.974.198-1.325.55l-1.3%201.298A3.75%203.75%200%200%200%207.5%209.75c.627.47%201.406.75%202.25.75.844%200%201.624-.28%202.25-.75.626.47%201.406.75%202.25.75.844%200%201.623-.28%202.25-.75a3.75%203.75%200%200%200%204.902-5.652l-1.3-1.299a1.875%201.875%200%200%200-1.325-.549H5.223Z%22%2F%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3%2020.25v-8.755c1.42.674%203.08.673%204.5%200A5.234%205.234%200%200%200%209.75%2012c.804%200%201.568-.182%202.25-.506a5.234%205.234%200%200%200%202.25.506c.804%200%201.567-.182%202.25-.506%201.42.674%203.08.675%204.5.001v8.755h.75a.75.75%200%200%201%200%201.5H2.25a.75.75%200%200%201%200-1.5H3Zm3-6a.75.75%200%200%201%20.75-.75h3a.75.75%200%200%201%20.75.75v3a.75.75%200%200%201-.75.75h-3a.75.75%200%200%201-.75-.75v-3Zm8.25-.75a.75.75%200%200%200-.75.75v5.25c0%20.414.336.75.75.75h3a.75.75%200%200%200%20.75-.75v-5.25a.75.75%200%200%200-.75-.75h-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-building-storefront-solid); mask: var(--hero-building-storefront-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cake { --hero-cake: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%208.25v-1.5m0%201.5c-1.355%200-2.697.056-4.024.166C6.845%208.51%206%209.473%206%2010.608v2.513m6-4.871c1.355%200%202.697.056%204.024.166C17.155%208.51%2018%209.473%2018%2010.608v2.513M15%208.25v-1.5m-6%201.5v-1.5m12%209.75-1.5.75a3.354%203.354%200%200%201-3%200%203.354%203.354%200%200%200-3%200%203.354%203.354%200%200%201-3%200%203.354%203.354%200%200%200-3%200%203.354%203.354%200%200%201-3%200L3%2016.5m15-3.379a48.474%2048.474%200%200%200-6-.371c-2.032%200-4.034.126-6%20.371m12%200c.39.049.777.102%201.163.16%201.07.16%201.837%201.094%201.837%202.175v5.169c0%20.621-.504%201.125-1.125%201.125H4.125A1.125%201.125%200%200%201%203%2020.625v-5.17c0-1.08.768-2.014%201.837-2.174A47.78%2047.78%200%200%201%206%2013.12M12.265%203.11a.375.375%200%201%201-.53%200L12%202.845l.265.265Zm-3%200a.375.375%200%201%201-.53%200L9%202.845l.265.265Zm6%200a.375.375%200%201%201-.53%200L15%202.845l.265.265Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cake); mask: var(--hero-cake); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-calendar { --hero-calendar: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%203v2.25M17.25%203v2.25M3%2018.75V7.5a2.25%202.25%200%200%201%202.25-2.25h13.5A2.25%202.25%200%200%201%2021%207.5v11.25m-18%200A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75m-18%200v-7.5A2.25%202.25%200%200%201%205.25%209h13.5A2.25%202.25%200%200%201%2021%2011.25v7.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-calendar); mask: var(--hero-calendar); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-calendar-days { --hero-calendar-days: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%203v2.25M17.25%203v2.25M3%2018.75V7.5a2.25%202.25%200%200%201%202.25-2.25h13.5A2.25%202.25%200%200%201%2021%207.5v11.25m-18%200A2.25%202.25%200%200%200%205.25%2021h13.5A2.25%202.25%200%200%200%2021%2018.75m-18%200v-7.5A2.25%202.25%200%200%201%205.25%209h13.5A2.25%202.25%200%200%201%2021%2011.25v7.5m-9-6h.008v.008H12v-.008ZM12%2015h.008v.008H12V15Zm0%202.25h.008v.008H12v-.008ZM9.75%2015h.008v.008H9.75V15Zm0%202.25h.008v.008H9.75v-.008ZM7.5%2015h.008v.008H7.5V15Zm0%202.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0%202.25h.008v.008h-.008V15Zm0%202.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0%202.25h.008v.008H16.5V15Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-calendar-days); mask: var(--hero-calendar-days); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-camera { --hero-camera: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.827%206.175A2.31%202.31%200%200%201%205.186%207.23c-.38.054-.757.112-1.134.175C2.999%207.58%202.25%208.507%202.25%209.574V18a2.25%202.25%200%200%200%202.25%202.25h15A2.25%202.25%200%200%200%2021.75%2018V9.574c0-1.067-.75-1.994-1.802-2.169a47.865%2047.865%200%200%200-1.134-.175%202.31%202.31%200%200%201-1.64-1.055l-.822-1.316a2.192%202.192%200%200%200-1.736-1.039%2048.774%2048.774%200%200%200-5.232%200%202.192%202.192%200%200%200-1.736%201.039l-.821%201.316Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2012.75a4.5%204.5%200%201%201-9%200%204.5%204.5%200%200%201%209%200ZM18.75%2010.5h.008v.008h-.008V10.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-camera); mask: var(--hero-camera); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chart-bar { --hero-chart-bar: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2013.125C3%2012.504%203.504%2012%204.125%2012h2.25c.621%200%201.125.504%201.125%201.125v6.75C7.5%2020.496%206.996%2021%206.375%2021h-2.25A1.125%201.125%200%200%201%203%2019.875v-6.75ZM9.75%208.625c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125v11.25c0%20.621-.504%201.125-1.125%201.125h-2.25a1.125%201.125%200%200%201-1.125-1.125V8.625ZM16.5%204.125c0-.621.504-1.125%201.125-1.125h2.25C20.496%203%2021%203.504%2021%204.125v15.75c0%20.621-.504%201.125-1.125%201.125h-2.25a1.125%201.125%200%200%201-1.125-1.125V4.125Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chart-bar); mask: var(--hero-chart-bar); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chart-pie { --hero-chart-pie: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%206a7.5%207.5%200%201%200%207.5%207.5h-7.5V6Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%2010.5H21A7.5%207.5%200%200%200%2013.5%203v7.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chart-pie); mask: var(--hero-chart-pie); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chat-bubble-left { --hero-chat-bubble-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2012.76c0%201.6%201.123%202.994%202.707%203.227%201.087.16%202.185.283%203.293.369V21l4.076-4.076a1.526%201.526%200%200%201%201.037-.443%2048.282%2048.282%200%200%200%205.68-.494c1.584-.233%202.707-1.626%202.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394%2048.394%200%200%200%2012%203c-2.392%200-4.744.175-7.043.513C3.373%203.746%202.25%205.14%202.25%206.741v6.018Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chat-bubble-left); mask: var(--hero-chat-bubble-left); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chat-bubble-left-ellipsis { --hero-chat-bubble-left-ellipsis: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.625%209.75a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H8.25m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H12m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200h-.375m-13.5%203.01c0%201.6%201.123%202.994%202.707%203.227%201.087.16%202.185.283%203.293.369V21l4.184-4.183a1.14%201.14%200%200%201%20.778-.332%2048.294%2048.294%200%200%200%205.83-.498c1.585-.233%202.708-1.626%202.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394%2048.394%200%200%200%2012%203c-2.392%200-4.744.175-7.043.513C3.373%203.746%202.25%205.14%202.25%206.741v6.018Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chat-bubble-left-ellipsis); mask: var(--hero-chat-bubble-left-ellipsis); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chat-bubble-left-right { --hero-chat-bubble-left-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.25%208.511c.884.284%201.5%201.128%201.5%202.097v4.286c0%201.136-.847%202.1-1.98%202.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354%200-2.694-.055-4.02-.163a2.115%202.115%200%200%201-.825-.242m9.345-8.334a2.126%202.126%200%200%200-.476-.095%2048.64%2048.64%200%200%200-8.048%200c-1.131.094-1.976%201.057-1.976%202.192v4.286c0%20.837.46%201.58%201.155%201.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455%2048.455%200%200%200%2011.25%203c-2.115%200-4.198.137-6.24.402-1.608.209-2.76%201.614-2.76%203.235v6.226c0%201.621%201.152%203.026%202.76%203.235.577.075%201.157.14%201.74.194V21l4.155-4.155%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chat-bubble-left-right); mask: var(--hero-chat-bubble-left-right); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chat-bubble-left-right-solid { --hero-chat-bubble-left-right-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M4.913%202.658c2.075-.27%204.19-.408%206.337-.408%202.147%200%204.262.139%206.337.408%201.922.25%203.291%201.861%203.405%203.727a4.403%204.403%200%200%200-1.032-.211%2050.89%2050.89%200%200%200-8.42%200c-2.358.196-4.04%202.19-4.04%204.434v4.286a4.47%204.47%200%200%200%202.433%203.984L7.28%2021.53A.75.75%200%200%201%206%2021v-4.03a48.527%2048.527%200%200%201-1.087-.128C2.905%2016.58%201.5%2014.833%201.5%2012.862V6.638c0-1.97%201.405-3.718%203.413-3.979Z%22%2F%3E%20%20%3Cpath%20d%3D%22M15.75%207.5c-1.376%200-2.739.057-4.086.169C10.124%207.797%209%209.103%209%2010.609v4.285c0%201.507%201.128%202.814%202.67%202.94%201.243.102%202.5.157%203.768.165l2.782%202.781a.75.75%200%200%200%201.28-.53v-2.39l.33-.026c1.542-.125%202.67-1.433%202.67-2.94v-4.286c0-1.505-1.125-2.811-2.664-2.94A49.392%2049.392%200%200%200%2015.75%207.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chat-bubble-left-right-solid); mask: var(--hero-chat-bubble-left-right-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chat-bubble-oval-left { --hero-chat-bubble-oval-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2020.25c4.97%200%209-3.694%209-8.25s-4.03-8.25-9-8.25S3%207.444%203%2012c0%202.104.859%204.023%202.273%205.48.432.447.74%201.04.586%201.641a4.483%204.483%200%200%201-.923%201.785A5.969%205.969%200%200%200%206%2021c1.282%200%202.47-.402%203.445-1.087.81.22%201.668.337%202.555.337Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chat-bubble-oval-left); mask: var(--hero-chat-bubble-oval-left); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-check { --hero-check: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2012.75%206%206%209-13.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-check); mask: var(--hero-check); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-check-badge { --hero-check-badge: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.75%2011.25%2015%2015%209.75M21%2012c0%201.268-.63%202.39-1.593%203.068a3.745%203.745%200%200%201-1.043%203.296%203.745%203.745%200%200%201-3.296%201.043A3.745%203.745%200%200%201%2012%2021c-1.268%200-2.39-.63-3.068-1.593a3.746%203.746%200%200%201-3.296-1.043%203.745%203.745%200%200%201-1.043-3.296A3.745%203.745%200%200%201%203%2012c0-1.268.63-2.39%201.593-3.068a3.745%203.745%200%200%201%201.043-3.296%203.746%203.746%200%200%201%203.296-1.043A3.746%203.746%200%200%201%2012%203c1.268%200%202.39.63%203.068%201.593a3.746%203.746%200%200%201%203.296%201.043%203.746%203.746%200%200%201%201.043%203.296A3.745%203.745%200%200%201%2021%2012Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-check-badge); mask: var(--hero-check-badge); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-check-badge-solid { --hero-check-badge-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.603%203.799A4.49%204.49%200%200%201%2012%202.25c1.357%200%202.573.6%203.397%201.549a4.49%204.49%200%200%201%203.498%201.307%204.491%204.491%200%200%201%201.307%203.497A4.49%204.49%200%200%201%2021.75%2012a4.49%204.49%200%200%201-1.549%203.397%204.491%204.491%200%200%201-1.307%203.497%204.491%204.491%200%200%201-3.497%201.307A4.49%204.49%200%200%201%2012%2021.75a4.49%204.49%200%200%201-3.397-1.549%204.49%204.49%200%200%201-3.498-1.306%204.491%204.491%200%200%201-1.307-3.498A4.49%204.49%200%200%201%202.25%2012c0-1.357.6-2.573%201.549-3.397a4.49%204.49%200%200%201%201.307-3.497%204.49%204.49%200%200%201%203.497-1.307Zm7.007%206.387a.75.75%200%201%200-1.22-.872l-3.236%204.53L9.53%2012.22a.75.75%200%200%200-1.06%201.06l2.25%202.25a.75.75%200%200%200%201.14-.094l3.75-5.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-check-badge-solid); mask: var(--hero-check-badge-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-check-circle { --hero-check-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.75%2011.25%2015%2015%209.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-check-circle); mask: var(--hero-check-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-check-circle-mini { --hero-check-circle-mini: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10%2018a8%208%200%201%200%200-16%208%208%200%200%200%200%2016Zm3.857-9.809a.75.75%200%200%200-1.214-.882l-3.483%204.79-1.88-1.88a.75.75%200%201%200-1.06%201.061l2.5%202.5a.75.75%200%200%200%201.137-.089l4-5.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-check-circle-mini); mask: var(--hero-check-circle-mini); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.25rem; height: 1.25rem; } .hero-check-circle-solid { --hero-check-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%2012c0-5.385%204.365-9.75%209.75-9.75s9.75%204.365%209.75%209.75-4.365%209.75-9.75%209.75S2.25%2017.385%202.25%2012Zm13.36-1.814a.75.75%200%201%200-1.22-.872l-3.236%204.53L9.53%2012.22a.75.75%200%200%200-1.06%201.06l2.25%202.25a.75.75%200%200%200%201.14-.094l3.75-5.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-check-circle-solid); mask: var(--hero-check-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-check-solid { --hero-check-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M19.916%204.626a.75.75%200%200%201%20.208%201.04l-9%2013.5a.75.75%200%200%201-1.154.114l-6-6a.75.75%200%200%201%201.06-1.06l5.353%205.353%208.493-12.74a.75.75%200%200%201%201.04-.207Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-check-solid); mask: var(--hero-check-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chevron-down { --hero-chevron-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m19.5%208.25-7.5%207.5-7.5-7.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chevron-down); mask: var(--hero-chevron-down); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chevron-left { --hero-chevron-left: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%2019.5%208.25%2012l7.5-7.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chevron-left); mask: var(--hero-chevron-left); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chevron-right { --hero-chevron-right: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m8.25%204.5%207.5%207.5-7.5%207.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chevron-right); mask: var(--hero-chevron-right); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-chevron-up { --hero-chevron-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m4.5%2015.75%207.5-7.5%207.5%207.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-chevron-up); mask: var(--hero-chevron-up); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-circle-stack { --hero-circle-stack: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.25%206.375c0%202.278-3.694%204.125-8.25%204.125S3.75%208.653%203.75%206.375m16.5%200c0-2.278-3.694-4.125-8.25-4.125S3.75%204.097%203.75%206.375m16.5%200v11.25c0%202.278-3.694%204.125-8.25%204.125s-8.25-1.847-8.25-4.125V6.375m16.5%200v3.75m-16.5-3.75v3.75m16.5%200v3.75C20.25%2016.153%2016.556%2018%2012%2018s-8.25-1.847-8.25-4.125v-3.75m16.5%200c0%202.278-3.694%204.125-8.25%204.125s-8.25-1.847-8.25-4.125%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-circle-stack); mask: var(--hero-circle-stack); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-clipboard { --hero-clipboard: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.666%203.888A2.25%202.25%200%200%200%2013.5%202.25h-3c-1.03%200-1.9.693-2.166%201.638m7.332%200c.055.194.084.4.084.612v0a.75.75%200%200%201-.75.75H9a.75.75%200%200%201-.75-.75v0c0-.212.03-.418.084-.612m7.332%200c.646.049%201.288.11%201.927.184%201.1.128%201.907%201.077%201.907%202.185V19.5a2.25%202.25%200%200%201-2.25%202.25H6.75A2.25%202.25%200%200%201%204.5%2019.5V6.257c0-1.108.806-2.057%201.907-2.185a48.208%2048.208%200%200%201%201.927-.184%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-clipboard); mask: var(--hero-clipboard); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-clipboard-document { --hero-clipboard-document: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%207.5V6.108c0-1.135.845-2.098%201.976-2.192.373-.03.748-.057%201.123-.08M15.75%2018H18a2.25%202.25%200%200%200%202.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424%2048.424%200%200%200-1.123-.08M15.75%2018.75v-1.875a3.375%203.375%200%200%200-3.375-3.375h-1.5a1.125%201.125%200%200%201-1.125-1.125v-1.5A3.375%203.375%200%200%200%206.375%207.5H5.25m11.9-3.664A2.251%202.251%200%200%200%2015%202.25h-1.5a2.251%202.251%200%200%200-2.15%201.586m5.8%200c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75%207.5H4.875c-.621%200-1.125.504-1.125%201.125v12c0%20.621.504%201.125%201.125%201.125h9.75c.621%200%201.125-.504%201.125-1.125V16.5a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-clipboard-document); mask: var(--hero-clipboard-document); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-clipboard-document-list { --hero-clipboard-document-list: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012h3.75M9%2015h3.75M9%2018h3.75m3%20.75H18a2.25%202.25%200%200%200%202.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424%2048.424%200%200%200-1.123-.08m-5.801%200c-.065.21-.1.433-.1.664%200%20.414.336.75.75.75h4.5a.75.75%200%200%200%20.75-.75%202.25%202.25%200%200%200-.1-.664m-5.8%200A2.251%202.251%200%200%201%2013.5%202.25H15c1.012%200%201.867.668%202.15%201.586m-5.8%200c-.376.023-.75.05-1.124.08C9.095%204.01%208.25%204.973%208.25%206.108V8.25m0%200H4.875c-.621%200-1.125.504-1.125%201.125v11.25c0%20.621.504%201.125%201.125%201.125h9.75c.621%200%201.125-.504%201.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25ZM6.75%2012h.008v.008H6.75V12Zm0%203h.008v.008H6.75V15Zm0%203h.008v.008H6.75V18Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-clipboard-document-list); mask: var(--hero-clipboard-document-list); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-clipboard-document-list-solid { --hero-clipboard-document-list-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.502%206h7.128A3.375%203.375%200%200%201%2018%209.375v9.375a3%203%200%200%200%203-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972%2048.972%200%200%200-.673-.05A3%203%200%200%200%2015%201.5h-1.5a3%203%200%200%200-2.663%201.618c-.225.015-.45.032-.673.05C8.662%203.295%207.554%204.542%207.502%206ZM13.5%203A1.5%201.5%200%200%200%2012%204.5h4.5A1.5%201.5%200%200%200%2015%203h-1.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3%209.375C3%208.339%203.84%207.5%204.875%207.5h9.75c1.036%200%201.875.84%201.875%201.875v11.25c0%201.035-.84%201.875-1.875%201.875h-9.75A1.875%201.875%200%200%201%203%2020.625V9.375ZM6%2012a.75.75%200%200%201%20.75-.75h.008a.75.75%200%200%201%20.75.75v.008a.75.75%200%200%201-.75.75H6.75a.75.75%200%200%201-.75-.75V12Zm2.25%200a.75.75%200%200%201%20.75-.75h3.75a.75.75%200%200%201%200%201.5H9a.75.75%200%200%201-.75-.75ZM6%2015a.75.75%200%200%201%20.75-.75h.008a.75.75%200%200%201%20.75.75v.008a.75.75%200%200%201-.75.75H6.75a.75.75%200%200%201-.75-.75V15Zm2.25%200a.75.75%200%200%201%20.75-.75h3.75a.75.75%200%200%201%200%201.5H9a.75.75%200%200%201-.75-.75ZM6%2018a.75.75%200%200%201%20.75-.75h.008a.75.75%200%200%201%20.75.75v.008a.75.75%200%200%201-.75.75H6.75a.75.75%200%200%201-.75-.75V18Zm2.25%200a.75.75%200%200%201%20.75-.75h3.75a.75.75%200%200%201%200%201.5H9a.75.75%200%200%201-.75-.75Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-clipboard-document-list-solid); mask: var(--hero-clipboard-document-list-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-clock { --hero-clock: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v6h4.5m4.5%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-clock); mask: var(--hero-clock); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cloud { --hero-cloud: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2015a4.5%204.5%200%200%200%204.5%204.5H18a3.75%203.75%200%200%200%201.332-7.257%203%203%200%200%200-3.758-3.848%205.25%205.25%200%200%200-10.233%202.33A4.502%204.502%200%200%200%202.25%2015Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cloud); mask: var(--hero-cloud); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cloud-arrow-down { --hero-cloud-arrow-down: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209.75v6.75m0%200-3-3m3%203%203-3m-8.25%206a4.5%204.5%200%200%201-1.41-8.775%205.25%205.25%200%200%201%2010.233-2.33%203%203%200%200%201%203.758%203.848A3.752%203.752%200%200%201%2018%2019.5H6.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cloud-arrow-down); mask: var(--hero-cloud-arrow-down); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cloud-arrow-up { --hero-cloud-arrow-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2016.5V9.75m0%200%203%203m-3-3-3%203M6.75%2019.5a4.5%204.5%200%200%201-1.41-8.775%205.25%205.25%200%200%201%2010.233-2.33%203%203%200%200%201%203.758%203.848A3.752%203.752%200%200%201%2018%2019.5H6.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cloud-arrow-up); mask: var(--hero-cloud-arrow-up); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cloud-arrow-up-solid { --hero-cloud-arrow-up-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.5%203.75a6%206%200%200%200-5.98%206.496A5.25%205.25%200%200%200%206.75%2020.25H18a4.5%204.5%200%200%200%202.206-8.423%203.75%203.75%200%200%200-4.133-4.303A6.001%206.001%200%200%200%2010.5%203.75Zm2.03%205.47a.75.75%200%200%200-1.06%200l-3%203a.75.75%200%201%200%201.06%201.06l1.72-1.72v4.94a.75.75%200%200%200%201.5%200v-4.94l1.72%201.72a.75.75%200%201%200%201.06-1.06l-3-3Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cloud-arrow-up-solid); mask: var(--hero-cloud-arrow-up-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-code-bracket { --hero-code-bracket: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.25%206.75%2022.5%2012l-5.25%205.25m-10.5%200L1.5%2012l5.25-5.25m7.5-3-4.5%2016.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-code-bracket); mask: var(--hero-code-bracket); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-code-bracket-square { --hero-code-bracket-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.25%209.75%2016.5%2012l-2.25%202.25m-4.5%200L7.5%2012l2.25-2.25M6%2020.25h12A2.25%202.25%200%200%200%2020.25%2018V6A2.25%202.25%200%200%200%2018%203.75H6A2.25%202.25%200%200%200%203.75%206v12A2.25%202.25%200%200%200%206%2020.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-code-bracket-square); mask: var(--hero-code-bracket-square); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cog { --hero-cog: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.5%2012a7.5%207.5%200%200%200%2015%200m-15%200a7.5%207.5%200%201%201%2015%200m-15%200H3m16.5%200H21m-1.5%200H12m-8.457%203.077%201.41-.513m14.095-5.13%201.41-.513M5.106%2017.785l1.15-.964m11.49-9.642%201.149-.964M7.501%2019.795l.75-1.3m7.5-12.99.75-1.3m-6.063%2016.658.26-1.477m2.605-14.772.26-1.477m0%2017.726-.26-1.477M10.698%204.614l-.26-1.477M16.5%2019.794l-.75-1.299M7.5%204.205%2012%2012m6.894%205.785-1.149-.964M6.256%207.178l-1.15-.964m15.352%208.864-1.41-.513M4.954%209.435l-1.41-.514M12.002%2012l-3.75%206.495%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cog); mask: var(--hero-cog); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cog-6-tooth { --hero-cog-6-tooth: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.594%203.94c.09-.542.56-.94%201.11-.94h2.593c.55%200%201.02.398%201.11.94l.213%201.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257%201.075.124l1.217-.456a1.125%201.125%200%200%201%201.37.49l1.296%202.247a1.125%201.125%200%200%201-.26%201.431l-1.003.827c-.293.241-.438.613-.43.992a7.723%207.723%200%200%201%200%20.255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26%201.43l-1.298%202.247a1.125%201.125%200%200%201-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47%206.47%200%200%201-.22.128c-.331.183-.581.495-.644.869l-.213%201.281c-.09.543-.56.94-1.11.94h-2.594c-.55%200-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52%206.52%200%200%201-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125%201.125%200%200%201-1.369-.49l-1.297-2.247a1.125%201.125%200%200%201%20.26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932%206.932%200%200%201%200-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125%201.125%200%200%201-.26-1.43l1.297-2.247a1.125%201.125%200%200%201%201.37-.491l1.216.456c.356.133.751.072%201.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cog-6-tooth); mask: var(--hero-cog-6-tooth); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-computer-desktop { --hero-computer-desktop: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2017.25v1.007a3%203%200%200%201-.879%202.122L7.5%2021h9l-.621-.621A3%203%200%200%201%2015%2018.257V17.25m6-12V15a2.25%202.25%200%200%201-2.25%202.25H5.25A2.25%202.25%200%200%201%203%2015V5.25m18%200A2.25%202.25%200%200%200%2018.75%203H5.25A2.25%202.25%200%200%200%203%205.25m18%200V12a2.25%202.25%200%200%201-2.25%202.25H5.25A2.25%202.25%200%200%201%203%2012V5.25%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-computer-desktop); mask: var(--hero-computer-desktop); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-computer-desktop-solid { --hero-computer-desktop-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%205.25a3%203%200%200%201%203-3h13.5a3%203%200%200%201%203%203V15a3%203%200%200%201-3%203h-3v.257c0%20.597.237%201.17.659%201.591l.621.622a.75.75%200%200%201-.53%201.28h-9a.75.75%200%200%201-.53-1.28l.621-.622a2.25%202.25%200%200%200%20.659-1.59V18h-3a3%203%200%200%201-3-3V5.25Zm1.5%200v7.5a1.5%201.5%200%200%200%201.5%201.5h13.5a1.5%201.5%200%200%200%201.5-1.5v-7.5a1.5%201.5%200%200%200-1.5-1.5H5.25a1.5%201.5%200%200%200-1.5%201.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-computer-desktop-solid); mask: var(--hero-computer-desktop-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cpu-chip { --hero-cpu-chip: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%203v1.5M4.5%208.25H3m18%200h-1.5M4.5%2012H3m18%200h-1.5m-15%203.75H3m18%200h-1.5M8.25%2019.5V21M12%203v1.5m0%2015V21m3.75-18v1.5m0%2015V21m-9-1.5h10.5a2.25%202.25%200%200%200%202.25-2.25V6.75a2.25%202.25%200%200%200-2.25-2.25H6.75A2.25%202.25%200%200%200%204.5%206.75v10.5a2.25%202.25%200%200%200%202.25%202.25Zm.75-12h9v9h-9v-9Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cpu-chip); mask: var(--hero-cpu-chip); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-credit-card { --hero-credit-card: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%208.25h19.5M2.25%209h19.5m-16.5%205.25h6m-6%202.25h3m-3.75%203h15a2.25%202.25%200%200%200%202.25-2.25V6.75A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25v10.5A2.25%202.25%200%200%200%204.5%2019.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-credit-card); mask: var(--hero-credit-card); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cube { --hero-cube: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%207.5-9-5.25L3%207.5m18%200-9%205.25m9-5.25v9l-9%205.25M3%207.5l9%205.25M3%207.5v9l9%205.25m0-9v9%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cube); mask: var(--hero-cube); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cube-transparent { --hero-cube-transparent: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%207.5-2.25-1.313M21%207.5v2.25m0-2.25-2.25%201.313M3%207.5l2.25-1.313M3%207.5l2.25%201.313M3%207.5v2.25m9%203%202.25-1.313M12%2012.75l-2.25-1.313M12%2012.75V15m0%206.75%202.25-1.313M12%2021.75V19.5m0%202.25-2.25-1.313m0-16.875L12%202.25l2.25%201.313M21%2014.25v2.25l-2.25%201.313m-13.5%200L3%2016.5v-2.25%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cube-transparent); mask: var(--hero-cube-transparent); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-currency-dollar { --hero-currency-dollar: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206v12m-3-2.818.879.659c1.171.879%203.07.879%204.242%200%201.172-.879%201.172-2.303%200-3.182C13.536%2012.219%2012.768%2012%2012%2012c-.725%200-1.45-.22-2.003-.659-1.106-.879-1.106-2.303%200-3.182s2.9-.879%204.006%200l.415.33M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-currency-dollar); mask: var(--hero-currency-dollar); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-cursor-arrow-rays { --hero-cursor-arrow-rays: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.042%2021.672%2013.684%2016.6m0%200-2.51%202.225.569-9.47%205.227%207.917-3.286-.672ZM12%202.25V4.5m5.834.166-1.591%201.591M20.25%2010.5H18M7.757%2014.743l-1.59%201.59M6%2010.5H3.75m4.007-4.243-1.59-1.59%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-cursor-arrow-rays); mask: var(--hero-cursor-arrow-rays); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-device-phone-mobile { --hero-device-phone-mobile: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%201.5H8.25A2.25%202.25%200%200%200%206%203.75v16.5a2.25%202.25%200%200%200%202.25%202.25h7.5A2.25%202.25%200%200%200%2018%2020.25V3.75a2.25%202.25%200%200%200-2.25-2.25H13.5m-3%200V3h3V1.5m-3%200h3m-3%2018.75h3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-device-phone-mobile); mask: var(--hero-device-phone-mobile); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-device-tablet { --hero-device-tablet: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.5%2019.5h3m-6.75%202.25h10.5a2.25%202.25%200%200%200%202.25-2.25v-15a2.25%202.25%200%200%200-2.25-2.25H6.75A2.25%202.25%200%200%200%204.5%204.5v15a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-device-tablet); mask: var(--hero-device-tablet); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-document { --hero-document: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%200%200-3.375-3.375h-1.5A1.125%201.125%200%200%201%2013.5%207.125v-1.5a3.375%203.375%200%200%200-3.375-3.375H8.25m2.25%200H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-document); mask: var(--hero-document); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-document-check { --hero-document-check: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.125%202.25h-4.5c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125v-9M10.125%202.25h.375a9%209%200%200%201%209%209v.375M10.125%202.25A3.375%203.375%200%200%201%2013.5%205.625v1.5c0%20.621.504%201.125%201.125%201.125h1.5a3.375%203.375%200%200%201%203.375%203.375M9%2015l2.25%202.25L15%2012%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-document-check); mask: var(--hero-document-check); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-document-magnifying-glass { --hero-document-magnifying-glass: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%200%200-3.375-3.375h-1.5A1.125%201.125%200%200%201%2013.5%207.125v-1.5a3.375%203.375%200%200%200-3.375-3.375H8.25m5.231%2013.481L15%2017.25m-4.5-15H5.625c-.621%200-1.125.504-1.125%201.125v16.5c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%200%200-9-9Zm3.75%2011.625a2.625%202.625%200%201%201-5.25%200%202.625%202.625%200%200%201%205.25%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-document-magnifying-glass); mask: var(--hero-document-magnifying-glass); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-document-minus { --hero-document-minus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%200%200-3.375-3.375h-1.5A1.125%201.125%200%200%201%2013.5%207.125v-1.5a3.375%203.375%200%200%200-3.375-3.375H8.25m6.75%2012H9m1.5-12H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-document-minus); mask: var(--hero-document-minus); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-document-text { --hero-document-text: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%200%200-3.375-3.375h-1.5A1.125%201.125%200%200%201%2013.5%207.125v-1.5a3.375%203.375%200%200%200-3.375-3.375H8.25m0%2012.75h7.5m-7.5%203H12M10.5%202.25H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%200%200-9-9Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-document-text); mask: var(--hero-document-text); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-document-text-solid { --hero-document-text-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.625%201.5c-1.036%200-1.875.84-1.875%201.875v17.25c0%201.035.84%201.875%201.875%201.875h12.75c1.035%200%201.875-.84%201.875-1.875V12.75A3.75%203.75%200%200%200%2016.5%209h-1.875a1.875%201.875%200%200%201-1.875-1.875V5.25A3.75%203.75%200%200%200%209%201.5H5.625ZM7.5%2015a.75.75%200%200%201%20.75-.75h7.5a.75.75%200%200%201%200%201.5h-7.5A.75.75%200%200%201%207.5%2015Zm.75%202.25a.75.75%200%200%200%200%201.5H12a.75.75%200%200%200%200-1.5H8.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%3Cpath%20d%3D%22M12.971%201.816A5.23%205.23%200%200%201%2014.25%205.25v1.875c0%20.207.168.375.375.375H16.5a5.23%205.23%200%200%201%203.434%201.279%209.768%209.768%200%200%200-6.963-6.963Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-document-text-solid); mask: var(--hero-document-text-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-ellipsis-horizontal { --hero-ellipsis-horizontal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200ZM12.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200ZM18.75%2012a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-ellipsis-horizontal); mask: var(--hero-ellipsis-horizontal); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-ellipsis-horizontal-circle { --hero-ellipsis-horizontal-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.625%2012a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H8.25m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200H12m4.125%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm0%200h-.375M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-ellipsis-horizontal-circle); mask: var(--hero-ellipsis-horizontal-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-ellipsis-vertical { --hero-ellipsis-vertical: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%206.75a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5ZM12%2012.75a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5ZM12%2018.75a.75.75%200%201%201%200-1.5.75.75%200%200%201%200%201.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-ellipsis-vertical); mask: var(--hero-ellipsis-vertical); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-envelope { --hero-envelope: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%206.75v10.5a2.25%202.25%200%200%201-2.25%202.25h-15a2.25%202.25%200%200%201-2.25-2.25V6.75m19.5%200A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25m19.5%200v.243a2.25%202.25%200%200%201-1.07%201.916l-7.5%204.615a2.25%202.25%200%200%201-2.36%200L3.32%208.91a2.25%202.25%200%200%201-1.07-1.916V6.75%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-envelope); mask: var(--hero-envelope); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-envelope-open { --hero-envelope-open: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%209v.906a2.25%202.25%200%200%201-1.183%201.981l-6.478%203.488M2.25%209v.906a2.25%202.25%200%200%200%201.183%201.981l6.478%203.488m8.839%202.51-4.66-2.51m0%200-1.023-.55a2.25%202.25%200%200%200-2.134%200l-1.022.55m0%200-4.661%202.51m16.5%201.615a2.25%202.25%200%200%201-2.25%202.25h-15a2.25%202.25%200%200%201-2.25-2.25V8.844a2.25%202.25%200%200%201%201.183-1.981l7.5-4.039a2.25%202.25%200%200%201%202.134%200l7.5%204.039a2.25%202.25%200%200%201%201.183%201.98V19.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-envelope-open); mask: var(--hero-envelope-open); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-envelope-solid { --hero-envelope-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M1.5%208.67v8.58a3%203%200%200%200%203%203h15a3%203%200%200%200%203-3V8.67l-8.928%205.493a3%203%200%200%201-3.144%200L1.5%208.67Z%22%2F%3E%20%20%3Cpath%20d%3D%22M22.5%206.908V6.75a3%203%200%200%200-3-3h-15a3%203%200%200%200-3%203v.158l9.714%205.978a1.5%201.5%200%200%200%201.572%200L22.5%206.908Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-envelope-solid); mask: var(--hero-envelope-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-exclamation-circle { --hero-exclamation-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m9-.75a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%203.75h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-exclamation-circle); mask: var(--hero-exclamation-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-exclamation-circle-mini { --hero-exclamation-circle-mini: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18%2010a8%208%200%201%201-16%200%208%208%200%200%201%2016%200Zm-8-5a.75.75%200%200%201%20.75.75v4.5a.75.75%200%200%201-1.5%200v-4.5A.75.75%200%200%201%2010%205Zm0%2010a1%201%200%201%200%200-2%201%201%200%200%200%200%202Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-exclamation-circle-mini); mask: var(--hero-exclamation-circle-mini); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.25rem; height: 1.25rem; } .hero-exclamation-circle-solid { --hero-exclamation-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%2012c0-5.385%204.365-9.75%209.75-9.75s9.75%204.365%209.75%209.75-4.365%209.75-9.75%209.75S2.25%2017.385%202.25%2012ZM12%208.25a.75.75%200%200%201%20.75.75v3.75a.75.75%200%200%201-1.5%200V9a.75.75%200%200%201%20.75-.75Zm0%208.25a.75.75%200%201%200%200-1.5.75.75%200%200%200%200%201.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-exclamation-circle-solid); mask: var(--hero-exclamation-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-exclamation-triangle { --hero-exclamation-triangle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m-9.303%203.376c-.866%201.5.217%203.374%201.948%203.374h14.71c1.73%200%202.813-1.874%201.948-3.374L13.949%203.378c-.866-1.5-3.032-1.5-3.898%200L2.697%2016.126ZM12%2015.75h.007v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-exclamation-triangle); mask: var(--hero-exclamation-triangle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-exclamation-triangle-mini { --hero-exclamation-triangle-mini: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.485%202.495c.673-1.167%202.357-1.167%203.03%200l6.28%2010.875c.673%201.167-.17%202.625-1.516%202.625H3.72c-1.347%200-2.189-1.458-1.515-2.625L8.485%202.495ZM10%205a.75.75%200%200%201%20.75.75v3.5a.75.75%200%200%201-1.5%200v-3.5A.75.75%200%200%201%2010%205Zm0%209a1%201%200%201%200%200-2%201%201%200%200%200%200%202Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-exclamation-triangle-mini); mask: var(--hero-exclamation-triangle-mini); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.25rem; height: 1.25rem; } .hero-eye { --hero-eye: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.036%2012.322a1.012%201.012%200%200%201%200-.639C3.423%207.51%207.36%204.5%2012%204.5c4.638%200%208.573%203.007%209.963%207.178.07.207.07.431%200%20.639C20.577%2016.49%2016.64%2019.5%2012%2019.5c-4.638%200-8.573-3.007-9.963-7.178Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-eye); mask: var(--hero-eye); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-eye-slash { --hero-eye-slash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.98%208.223A10.477%2010.477%200%200%200%201.934%2012C3.226%2016.338%207.244%2019.5%2012%2019.5c.993%200%201.953-.138%202.863-.395M6.228%206.228A10.451%2010.451%200%200%201%2012%204.5c4.756%200%208.773%203.162%2010.065%207.498a10.522%2010.522%200%200%201-4.293%205.774M6.228%206.228%203%203m3.228%203.228%203.65%203.65m7.894%207.894L21%2021m-3.228-3.228-3.65-3.65m0%200a3%203%200%201%200-4.243-4.243m4.242%204.242L9.88%209.88%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-eye-slash); mask: var(--hero-eye-slash); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-eye-solid { --hero-eye-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M12%2015a3%203%200%201%200%200-6%203%203%200%200%200%200%206Z%22%2F%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.323%2011.447C2.811%206.976%207.028%203.75%2012.001%203.75c4.97%200%209.185%203.223%2010.675%207.69.12.362.12.752%200%201.113-1.487%204.471-5.705%207.697-10.677%207.697-4.97%200-9.186-3.223-10.675-7.69a1.762%201.762%200%200%201%200-1.113ZM17.25%2012a5.25%205.25%200%201%201-10.5%200%205.25%205.25%200%200%201%2010.5%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-eye-solid); mask: var(--hero-eye-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-face-frown { --hero-face-frown: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.182%2016.318A4.486%204.486%200%200%200%2012.016%2015a4.486%204.486%200%200%200-3.198%201.318M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200ZM9.75%209.75c0%20.414-.168.75-.375.75S9%2010.164%209%209.75%209.168%209%209.375%209s.375.336.375.75Zm-.375%200h.008v.015h-.008V9.75Zm5.625%200c0%20.414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375%200h.008v.015h-.008V9.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-face-frown); mask: var(--hero-face-frown); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-face-smile { --hero-face-smile: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.182%2015.182a4.5%204.5%200%200%201-6.364%200M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200ZM9.75%209.75c0%20.414-.168.75-.375.75S9%2010.164%209%209.75%209.168%209%209.375%209s.375.336.375.75Zm-.375%200h.008v.015h-.008V9.75Zm5.625%200c0%20.414-.168.75-.375.75s-.375-.336-.375-.75.168-.75.375-.75.375.336.375.75Zm-.375%200h.008v.015h-.008V9.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-face-smile); mask: var(--hero-face-smile); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-face-smile-solid { --hero-face-smile-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25c-5.385%200-9.75%204.365-9.75%209.75s4.365%209.75%209.75%209.75%209.75-4.365%209.75-9.75S17.385%202.25%2012%202.25Zm-2.625%206c-.54%200-.828.419-.936.634a1.96%201.96%200%200%200-.189.866c0%20.298.059.605.189.866.108.215.395.634.936.634.54%200%20.828-.419.936-.634.13-.26.189-.568.189-.866%200-.298-.059-.605-.189-.866-.108-.215-.395-.634-.936-.634Zm4.314.634c.108-.215.395-.634.936-.634.54%200%20.828.419.936.634.13.26.189.568.189.866%200%20.298-.059.605-.189.866-.108.215-.395.634-.936.634-.54%200-.828-.419-.936-.634a1.96%201.96%200%200%201-.189-.866c0-.298.059-.605.189-.866Zm2.023%206.828a.75.75%200%201%200-1.06-1.06%203.75%203.75%200%200%201-5.304%200%20.75.75%200%200%200-1.06%201.06%205.25%205.25%200%200%200%207.424%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-face-smile-solid); mask: var(--hero-face-smile-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-film { --hero-film: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.375%2019.5h17.25m-17.25%200a1.125%201.125%200%200%201-1.125-1.125M3.375%2019.5h1.5C5.496%2019.5%206%2018.996%206%2018.375m-3.75%200V5.625m0%2012.75v-1.5c0-.621.504-1.125%201.125-1.125m18.375%202.625V5.625m0%2012.75c0%20.621-.504%201.125-1.125%201.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0%203.75h-1.5A1.125%201.125%200%200%201%2018%2018.375M20.625%204.5H3.375m17.25%200c.621%200%201.125.504%201.125%201.125M20.625%204.5h-1.5C18.504%204.5%2018%205.004%2018%205.625m3.75%200v1.5c0%20.621-.504%201.125-1.125%201.125M3.375%204.5c-.621%200-1.125.504-1.125%201.125M3.375%204.5h1.5C5.496%204.5%206%205.004%206%205.625m-3.75%200v1.5c0%20.621.504%201.125%201.125%201.125m0%200h1.5m-1.5%200c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125m1.5-3.75C5.496%208.25%206%207.746%206%207.125v-1.5M4.875%208.25C5.496%208.25%206%208.754%206%209.375v1.5m0-5.25v5.25m0-5.25C6%205.004%206.504%204.5%207.125%204.5h9.75c.621%200%201.125.504%201.125%201.125m1.125%202.625h1.5m-1.5%200A1.125%201.125%200%200%201%2018%207.125v-1.5m1.125%202.625c-.621%200-1.125.504-1.125%201.125v1.5m2.625-2.625c.621%200%201.125.504%201.125%201.125v1.5c0%20.621-.504%201.125-1.125%201.125M18%205.625v5.25M7.125%2012h9.75m-9.75%200A1.125%201.125%200%200%201%206%2010.875M7.125%2012C6.504%2012%206%2012.504%206%2013.125m0-2.25C6%2011.496%205.496%2012%204.875%2012M18%2010.875c0%20.621-.504%201.125-1.125%201.125M18%2010.875c0%20.621.504%201.125%201.125%201.125m-2.25%200c.621%200%201.125.504%201.125%201.125m-12%205.25v-5.25m0%205.25c0%20.621.504%201.125%201.125%201.125h9.75c.621%200%201.125-.504%201.125-1.125m-12%200v-1.5c0-.621-.504-1.125-1.125-1.125M18%2018.375v-5.25m0%205.25v-1.5c0-.621.504-1.125%201.125-1.125M18%2013.125v1.5c0%20.621.504%201.125%201.125%201.125M18%2013.125c0-.621.504-1.125%201.125-1.125M6%2013.125v1.5c0%20.621-.504%201.125-1.125%201.125M6%2013.125C6%2012.504%205.496%2012%204.875%2012m-1.5%200h1.5m-1.5%200c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125M19.125%2012h1.5m0%200c.621%200%201.125.504%201.125%201.125v1.5c0%20.621-.504%201.125-1.125%201.125m-17.25%200h1.5m14.25%200h1.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-film); mask: var(--hero-film); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-fire { --hero-fire: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.362%205.214A8.252%208.252%200%200%201%2012%2021%208.25%208.25%200%200%201%206.038%207.047%208.287%208.287%200%200%200%209%209.601a8.983%208.983%200%200%201%203.361-6.867%208.21%208.21%200%200%200%203%202.48Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2018a3.75%203.75%200%200%200%20.495-7.468%205.99%205.99%200%200%200-1.925%203.547%205.975%205.975%200%200%201-2.133-1.001A3.75%203.75%200%200%200%2012%2018Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-fire); mask: var(--hero-fire); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-flag { --hero-flag: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%203v1.5M3%2021v-6m0%200%202.77-.693a9%209%200%200%201%206.208.682l.108.054a9%209%200%200%200%206.086.71l3.114-.732a48.524%2048.524%200%200%201-.005-10.499l-3.11.732a9%209%200%200%201-6.085-.711l-.108-.054a9%209%200%200%200-6.208-.682L3%204.5M3%2015V4.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-flag); mask: var(--hero-flag); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-folder { --hero-folder: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%2012.75V12A2.25%202.25%200%200%201%204.5%209.75h15A2.25%202.25%200%200%201%2021.75%2012v.75m-8.69-6.44-2.12-2.12a1.5%201.5%200%200%200-1.061-.44H4.5A2.25%202.25%200%200%200%202.25%206v12a2.25%202.25%200%200%200%202.25%202.25h15A2.25%202.25%200%200%200%2021.75%2018V9a2.25%202.25%200%200%200-2.25-2.25h-5.379a1.5%201.5%200%200%201-1.06-.44Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-folder); mask: var(--hero-folder); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-folder-open { --hero-folder-open: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%209.776c.112-.017.227-.026.344-.026h15.812c.117%200%20.232.009.344.026m-16.5%200a2.25%202.25%200%200%200-1.883%202.542l.857%206a2.25%202.25%200%200%200%202.227%201.932H19.05a2.25%202.25%200%200%200%202.227-1.932l.857-6a2.25%202.25%200%200%200-1.883-2.542m-16.5%200V6A2.25%202.25%200%200%201%206%203.75h3.879a1.5%201.5%200%200%201%201.06.44l2.122%202.12a1.5%201.5%200%200%200%201.06.44H18A2.25%202.25%200%200%201%2020.25%209v.776%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-folder-open); mask: var(--hero-folder-open); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-funnel { --hero-funnel: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%203c2.755%200%205.455.232%208.083.678.533.09.917.556.917%201.096v1.044a2.25%202.25%200%200%201-.659%201.591l-5.432%205.432a2.25%202.25%200%200%200-.659%201.591v2.927a2.25%202.25%200%200%201-1.244%202.013L9.75%2021v-6.568a2.25%202.25%200%200%200-.659-1.591L3.659%207.409A2.25%202.25%200%200%201%203%205.818V4.774c0-.54.384-1.006.917-1.096A48.32%2048.32%200%200%201%2012%203Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-funnel); mask: var(--hero-funnel); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-gif { --hero-gif: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12.75%208.25v7.5m6-7.5h-3V12m0%200v3.75m0-3.75H18M9.75%209.348c-1.03-1.464-2.698-1.464-3.728%200-1.03%201.465-1.03%203.84%200%205.304%201.03%201.464%202.699%201.464%203.728%200V12h-1.5M4.5%2019.5h15a2.25%202.25%200%200%200%202.25-2.25V6.75A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25v10.5A2.25%202.25%200%200%200%204.5%2019.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-gif); mask: var(--hero-gif); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-gift { --hero-gift: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%2011.25v8.25a1.5%201.5%200%200%201-1.5%201.5H5.25a1.5%201.5%200%200%201-1.5-1.5v-8.25M12%204.875A2.625%202.625%200%201%200%209.375%207.5H12m0-2.625V7.5m0-2.625A2.625%202.625%200%201%201%2014.625%207.5H12m0%200V21m-8.625-9.75h18c.621%200%201.125-.504%201.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-gift); mask: var(--hero-gift); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-globe-alt { --hero-globe-alt: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2021a9.004%209.004%200%200%200%208.716-6.747M12%2021a9.004%209.004%200%200%201-8.716-6.747M12%2021c2.485%200%204.5-4.03%204.5-9S14.485%203%2012%203m0%2018c-2.485%200-4.5-4.03-4.5-9S9.515%203%2012%203m0%200a8.997%208.997%200%200%201%207.843%204.582M12%203a8.997%208.997%200%200%200-7.843%204.582m15.686%200A11.953%2011.953%200%200%201%2012%2010.5c-2.998%200-5.74-1.1-7.843-2.918m15.686%200A8.959%208.959%200%200%201%2021%2012c0%20.778-.099%201.533-.284%202.253m0%200A17.919%2017.919%200%200%201%2012%2016.5c-3.162%200-6.133-.815-8.716-2.247m0%200A9.015%209.015%200%200%201%203%2012c0-1.605.42-3.113%201.157-4.418%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-globe-alt); mask: var(--hero-globe-alt); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-globe-americas { --hero-globe-americas: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m6.115%205.19.319%201.913A6%206%200%200%200%208.11%2010.36L9.75%2012l-.387.775c-.217.433-.132.956.21%201.298l1.348%201.348c.21.21.329.497.329.795v1.089c0%20.426.24.815.622%201.006l.153.076c.433.217.956.132%201.298-.21l.723-.723a8.7%208.7%200%200%200%202.288-4.042%201.087%201.087%200%200%200-.358-1.099l-1.33-1.108c-.251-.21-.582-.299-.905-.245l-1.17.195a1.125%201.125%200%200%201-.98-.314l-.295-.295a1.125%201.125%200%200%201%200-1.591l.13-.132a1.125%201.125%200%200%201%201.3-.21l.603.302a.809.809%200%200%200%201.086-1.086L14.25%207.5l1.256-.837a4.5%204.5%200%200%200%201.528-1.732l.146-.292M6.115%205.19A9%209%200%201%200%2017.18%204.64M6.115%205.19A8.965%208.965%200%200%201%2012%203c1.929%200%203.716.607%205.18%201.64%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-globe-americas); mask: var(--hero-globe-americas); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-hand-raised { --hero-hand-raised: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.05%204.575a1.575%201.575%200%201%200-3.15%200v3m3.15-3v-1.5a1.575%201.575%200%200%201%203.15%200v1.5m-3.15%200%20.075%205.925m3.075.75V4.575m0%200a1.575%201.575%200%200%201%203.15%200V15M6.9%207.575a1.575%201.575%200%201%200-3.15%200v8.175a6.75%206.75%200%200%200%206.75%206.75h2.018a5.25%205.25%200%200%200%203.712-1.538l1.732-1.732a5.25%205.25%200%200%200%201.538-3.712l.003-2.024a.668.668%200%200%201%20.198-.471%201.575%201.575%200%201%200-2.228-2.228%203.818%203.818%200%200%200-1.12%202.687M6.9%207.575V12m6.27%204.318A4.49%204.49%200%200%201%2016.35%2015m.002%200h-.002%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-hand-raised); mask: var(--hero-hand-raised); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-hand-raised-solid { --hero-hand-raised-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M10.5%201.875a1.125%201.125%200%200%201%202.25%200v8.219c.517.162%201.02.382%201.5.659V3.375a1.125%201.125%200%200%201%202.25%200v10.937a4.505%204.505%200%200%200-3.25%202.373%208.963%208.963%200%200%201%204-.935A.75.75%200%200%200%2018%2015v-2.266a3.368%203.368%200%200%201%20.988-2.37%201.125%201.125%200%200%201%201.591%201.59%201.118%201.118%200%200%200-.329.79v3.006h-.005a6%206%200%200%201-1.752%204.007l-1.736%201.736a6%206%200%200%201-4.242%201.757H10.5a7.5%207.5%200%200%201-7.5-7.5V6.375a1.125%201.125%200%200%201%202.25%200v5.519c.46-.452.965-.832%201.5-1.141V3.375a1.125%201.125%200%200%201%202.25%200v6.526c.495-.1.997-.151%201.5-.151V1.875Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-hand-raised-solid); mask: var(--hero-hand-raised-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-hand-thumb-up { --hero-hand-thumb-up: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.633%2010.25c.806%200%201.533-.446%202.031-1.08a9.041%209.041%200%200%201%202.861-2.4c.723-.384%201.35-.956%201.653-1.715a4.498%204.498%200%200%200%20.322-1.672V2.75a.75.75%200%200%201%20.75-.75%202.25%202.25%200%200%201%202.25%202.25c0%201.152-.26%202.243-.723%203.218-.266.558.107%201.282.725%201.282m0%200h3.126c1.026%200%201.945.694%202.054%201.715.045.422.068.85.068%201.285a11.95%2011.95%200%200%201-2.649%207.521c-.388.482-.987.729-1.605.729H13.48c-.483%200-.964-.078-1.423-.23l-3.114-1.04a4.501%204.501%200%200%200-1.423-.23H5.904m10.598-9.75H14.25M5.904%2018.5c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889%200-1.713-.518-1.972-1.368a12%2012%200%200%201-.521-3.507c0-1.553.295-3.036.831-4.398C3.387%209.953%204.167%209.5%205%209.5h1.053c.472%200%20.745.556.5.96a8.958%208.958%200%200%200-1.302%204.665c0%201.194.232%202.333.654%203.375Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-hand-thumb-up); mask: var(--hero-hand-thumb-up); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-hashtag { --hero-hashtag: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.25%208.25h15m-16.5%207.5h15m-1.8-13.5-3.9%2019.5m-2.1-19.5-3.9%2019.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-hashtag); mask: var(--hero-hashtag); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-heart { --hero-heart: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%208.25c0-2.485-2.099-4.5-4.688-4.5-1.935%200-3.597%201.126-4.312%202.733-.715-1.607-2.377-2.733-4.313-2.733C5.1%203.75%203%205.765%203%208.25c0%207.22%209%2012%209%2012s9-4.78%209-12Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-heart); mask: var(--hero-heart); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-heart-solid { --hero-heart-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22m11.645%2020.91-.007-.003-.022-.012a15.247%2015.247%200%200%201-.383-.218%2025.18%2025.18%200%200%201-4.244-3.17C4.688%2015.36%202.25%2012.174%202.25%208.25%202.25%205.322%204.714%203%207.688%203A5.5%205.5%200%200%201%2012%205.052%205.5%205.5%200%200%201%2016.313%203c2.973%200%205.437%202.322%205.437%205.25%200%203.925-2.438%207.111-4.739%209.256a25.175%2025.175%200%200%201-4.244%203.17%2015.247%2015.247%200%200%201-.383.219l-.022.012-.007.004-.003.001a.752.752%200%200%201-.704%200l-.003-.001Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-heart-solid); mask: var(--hero-heart-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-home { --hero-home: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m2.25%2012%208.954-8.955c.44-.439%201.152-.439%201.591%200L21.75%2012M4.5%209.75v10.125c0%20.621.504%201.125%201.125%201.125H9.75v-4.875c0-.621.504-1.125%201.125-1.125h2.25c.621%200%201.125.504%201.125%201.125V21h4.125c.621%200%201.125-.504%201.125-1.125V9.75M8.25%2021h8.25%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-home); mask: var(--hero-home); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-home-solid { --hero-home-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M11.47%203.841a.75.75%200%200%201%201.06%200l8.69%208.69a.75.75%200%201%200%201.06-1.061l-8.689-8.69a2.25%202.25%200%200%200-3.182%200l-8.69%208.69a.75.75%200%201%200%201.061%201.06l8.69-8.689Z%22%2F%3E%20%20%3Cpath%20d%3D%22m12%205.432%208.159%208.159c.03.03.06.058.091.086v6.198c0%201.035-.84%201.875-1.875%201.875H15a.75.75%200%200%201-.75-.75v-4.5a.75.75%200%200%200-.75-.75h-3a.75.75%200%200%200-.75.75V21a.75.75%200%200%201-.75.75H5.625a1.875%201.875%200%200%201-1.875-1.875v-6.198a2.29%202.29%200%200%200%20.091-.086L12%205.432Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-home-solid); mask: var(--hero-home-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-identification { --hero-identification: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%209h3.75M15%2012h3.75M15%2015h3.75M4.5%2019.5h15a2.25%202.25%200%200%200%202.25-2.25V6.75A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25v10.5A2.25%202.25%200%200%200%204.5%2019.5Zm6-10.125a1.875%201.875%200%201%201-3.75%200%201.875%201.875%200%200%201%203.75%200Zm1.294%206.336a6.721%206.721%200%200%201-3.17.789%206.721%206.721%200%200%201-3.168-.789%203.376%203.376%200%200%201%206.338%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-identification); mask: var(--hero-identification); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-information-circle { --hero-information-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-information-circle); mask: var(--hero-information-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-information-circle-mini { --hero-information-circle-mini: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18%2010a8%208%200%201%201-16%200%208%208%200%200%201%2016%200Zm-7-4a1%201%200%201%201-2%200%201%201%200%200%201%202%200ZM9%209a.75.75%200%200%200%200%201.5h.253a.25.25%200%200%201%20.244.304l-.459%202.066A1.75%201.75%200%200%200%2010.747%2015H11a.75.75%200%200%200%200-1.5h-.253a.25.25%200%200%201-.244-.304l.459-2.066A1.75%201.75%200%200%200%209.253%209H9Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-information-circle-mini); mask: var(--hero-information-circle-mini); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.25rem; height: 1.25rem; } .hero-information-circle-solid { --hero-information-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%2012c0-5.385%204.365-9.75%209.75-9.75s9.75%204.365%209.75%209.75-4.365%209.75-9.75%209.75S2.25%2017.385%202.25%2012Zm8.706-1.442c1.146-.573%202.437.463%202.126%201.706l-.709%202.836.042-.02a.75.75%200%200%201%20.67%201.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75%200%201%201-.671-1.34l.041-.022ZM12%209a.75.75%200%201%200%200-1.5.75.75%200%200%200%200%201.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-information-circle-solid); mask: var(--hero-information-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-italic { --hero-italic: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.248%2020.246H9.05m0%200h3.696m-3.696%200%205.893-16.502m0%200h-3.697m3.697%200h3.803%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-italic); mask: var(--hero-italic); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-key { --hero-key: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%205.25a3%203%200%200%201%203%203m3%200a6%206%200%200%201-7.029%205.912c-.563-.097-1.159.026-1.563.43L10.5%2017.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1%20.43-1.563A6%206%200%201%201%2021.75%208.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-key); mask: var(--hero-key); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-language { --hero-language: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m10.5%2021%205.25-11.25L21%2021m-9-3h7.5M3%205.621a48.474%2048.474%200%200%201%206-.371m0%200c1.12%200%202.233.038%203.334.114M9%205.25V3m3.334%202.364C11.176%2010.658%207.69%2015.08%203%2017.502m9.334-12.138c.896.061%201.785.147%202.666.257m-4.589%208.495a18.023%2018.023%200%200%201-3.827-5.802%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-language); mask: var(--hero-language); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-lifebuoy { --hero-lifebuoy: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.712%204.33a9.027%209.027%200%200%201%201.652%201.306c.51.51.944%201.064%201.306%201.652M16.712%204.33l-3.448%204.138m3.448-4.138a9.014%209.014%200%200%200-9.424%200M19.67%207.288l-4.138%203.448m4.138-3.448a9.014%209.014%200%200%201%200%209.424m-4.138-5.976a3.736%203.736%200%200%200-.88-1.388%203.737%203.737%200%200%200-1.388-.88m2.268%202.268a3.765%203.765%200%200%201%200%202.528m-2.268-4.796a3.765%203.765%200%200%200-2.528%200m4.796%204.796c-.181.506-.475.982-.88%201.388a3.736%203.736%200%200%201-1.388.88m2.268-2.268%204.138%203.448m0%200a9.027%209.027%200%200%201-1.306%201.652c-.51.51-1.064.944-1.652%201.306m0%200-3.448-4.138m3.448%204.138a9.014%209.014%200%200%201-9.424%200m5.976-4.138a3.765%203.765%200%200%201-2.528%200m0%200a3.736%203.736%200%200%201-1.388-.88%203.737%203.737%200%200%201-.88-1.388m2.268%202.268L7.288%2019.67m0%200a9.024%209.024%200%200%201-1.652-1.306%209.027%209.027%200%200%201-1.306-1.652m0%200%204.138-3.448M4.33%2016.712a9.014%209.014%200%200%201%200-9.424m4.138%205.976a3.765%203.765%200%200%201%200-2.528m0%200c.181-.506.475-.982.88-1.388a3.736%203.736%200%200%201%201.388-.88m-2.268%202.268L4.33%207.288m6.406%201.18L7.288%204.33m0%200a9.024%209.024%200%200%200-1.652%201.306A9.025%209.025%200%200%200%204.33%207.288%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-lifebuoy); mask: var(--hero-lifebuoy); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-light-bulb { --hero-light-bulb: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2018v-5.25m0%200a6.01%206.01%200%200%200%201.5-.189m-1.5.189a6.01%206.01%200%200%201-1.5-.189m3.75%207.478a12.06%2012.06%200%200%201-4.5%200m3.75%202.383a14.406%2014.406%200%200%201-3%200M14.25%2018v-.192c0-.983.658-1.823%201.508-2.316a7.5%207.5%200%201%200-7.517%200c.85.493%201.509%201.333%201.509%202.316V18%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-light-bulb); mask: var(--hero-light-bulb); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-link { --hero-link: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.19%208.688a4.5%204.5%200%200%201%201.242%207.244l-4.5%204.5a4.5%204.5%200%200%201-6.364-6.364l1.757-1.757m13.35-.622%201.757-1.757a4.5%204.5%200%200%200-6.364-6.364l-4.5%204.5a4.5%204.5%200%200%200%201.242%207.244%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-link); mask: var(--hero-link); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-list-bullet { --hero-list-bullet: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%206.75h12M8.25%2012h12m-12%205.25h12M3.75%206.75h.007v.008H3.75V6.75Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200ZM3.75%2012h.007v.008H3.75V12Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm-.375%205.25h.007v.008H3.75v-.008Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-list-bullet); mask: var(--hero-list-bullet); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-lock-closed { --hero-lock-closed: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2010.5V6.75a4.5%204.5%200%201%200-9%200v3.75m-.75%2011.25h10.5a2.25%202.25%200%200%200%202.25-2.25v-6.75a2.25%202.25%200%200%200-2.25-2.25H6.75a2.25%202.25%200%200%200-2.25%202.25v6.75a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-lock-closed); mask: var(--hero-lock-closed); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-magnifying-glass { --hero-magnifying-glass: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m21%2021-5.197-5.197m0%200A7.5%207.5%200%201%200%205.196%205.196a7.5%207.5%200%200%200%2010.607%2010.607Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-magnifying-glass); mask: var(--hero-magnifying-glass); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-map { --hero-map: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%206.75V15m6-6v8.25m.503%203.498%204.875-2.437c.381-.19.622-.58.622-1.006V4.82c0-.836-.88-1.38-1.628-1.006l-3.869%201.934c-.317.159-.69.159-1.006%200L9.503%203.252a1.125%201.125%200%200%200-1.006%200L3.622%205.689C3.24%205.88%203%206.27%203%206.695V19.18c0%20.836.88%201.38%201.628%201.006l3.869-1.934c.317-.159.69-.159%201.006%200l4.994%202.497c.317.158.69.158%201.006%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-map); mask: var(--hero-map); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-map-pin { --hero-map-pin: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2010.5a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2010.5c0%207.142-7.5%2011.25-7.5%2011.25S4.5%2017.642%204.5%2010.5a7.5%207.5%200%201%201%2015%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-map-pin); mask: var(--hero-map-pin); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-map-pin-solid { --hero-map-pin-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m11.54%2022.351.07.04.028.016a.76.76%200%200%200%20.723%200l.028-.015.071-.041a16.975%2016.975%200%200%200%201.144-.742%2019.58%2019.58%200%200%200%202.683-2.282c1.944-1.99%203.963-4.98%203.963-8.827a8.25%208.25%200%200%200-16.5%200c0%203.846%202.02%206.837%203.963%208.827a19.58%2019.58%200%200%200%202.682%202.282%2016.975%2016.975%200%200%200%201.145.742ZM12%2013.5a3%203%200%201%200%200-6%203%203%200%200%200%200%206Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-map-pin-solid); mask: var(--hero-map-pin-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-megaphone { --hero-megaphone: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M10.34%2015.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5%204.5%200%201%201%200-9h.75c.704%200%201.402-.03%202.09-.09m0%209.18c.253.962.584%201.892.985%202.783.247.55.06%201.21-.463%201.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845%2020.845%200%200%201-1.44-4.282m3.102.069a18.03%2018.03%200%200%201-.59-4.59c0-1.586.205-3.124.59-4.59m0%209.18a23.848%2023.848%200%200%201%208.835%202.535M10.34%206.66a23.847%2023.847%200%200%200%208.835-2.535m0%200A23.74%2023.74%200%200%200%2018.795%203m.38%201.125a23.91%2023.91%200%200%201%201.014%205.395m-1.014%208.855c-.118.38-.245.754-.38%201.125m.38-1.125a23.91%2023.91%200%200%200%201.014-5.395m0-3.46c.495.413.811%201.035.811%201.73%200%20.695-.316%201.317-.811%201.73m0-3.46a24.347%2024.347%200%200%201%200%203.46%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-megaphone); mask: var(--hero-megaphone); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-microphone { --hero-microphone: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2018.75a6%206%200%200%200%206-6v-1.5m-6%207.5a6%206%200%200%201-6-6v-1.5m6%207.5v3.75m-3.75%200h7.5M12%2015.75a3%203%200%200%201-3-3V4.5a3%203%200%201%201%206%200v8.25a3%203%200%200%201-3%203Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-microphone); mask: var(--hero-microphone); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-minus { --hero-minus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-minus); mask: var(--hero-minus); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-minus-circle { --hero-minus-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2012H9m12%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-minus-circle); mask: var(--hero-minus-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-moon { --hero-moon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.752%2015.002A9.72%209.72%200%200%201%2018%2015.75c-5.385%200-9.75-4.365-9.75-9.75%200-1.33.266-2.597.748-3.752A9.753%209.753%200%200%200%203%2011.25C3%2016.635%207.365%2021%2012.75%2021a9.753%209.753%200%200%200%209.002-5.998Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-moon); mask: var(--hero-moon); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-moon-solid { --hero-moon-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.528%201.718a.75.75%200%200%201%20.162.819A8.97%208.97%200%200%200%209%206a9%209%200%200%200%209%209%208.97%208.97%200%200%200%203.463-.69.75.75%200%200%201%20.981.98%2010.503%2010.503%200%200%201-9.694%206.46c-5.799%200-10.5-4.7-10.5-10.5%200-4.368%202.667-8.112%206.46-9.694a.75.75%200%200%201%20.818.162Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-moon-solid); mask: var(--hero-moon-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-musical-note { --hero-musical-note: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9%209%2010.5-3m0%206.553v3.75a2.25%202.25%200%200%201-1.632%202.163l-1.32.377a1.803%201.803%200%201%201-.99-3.467l2.31-.66a2.25%202.25%200%200%200%201.632-2.163Zm0%200V2.25L9%205.25v10.303m0%200v3.75a2.25%202.25%200%200%201-1.632%202.163l-1.32.377a1.803%201.803%200%200%201-.99-3.467l2.31-.66A2.25%202.25%200%200%200%209%2015.553Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-musical-note); mask: var(--hero-musical-note); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-newspaper { --hero-newspaper: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%207.5h1.5m-1.5%203h1.5m-7.5%203h7.5m-7.5%203h7.5m3-9h3.375c.621%200%201.125.504%201.125%201.125V18a2.25%202.25%200%200%201-2.25%202.25M16.5%207.5V18a2.25%202.25%200%200%200%202.25%202.25M16.5%207.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504%203.75%203%204.254%203%204.875V18a2.25%202.25%200%200%200%202.25%202.25h13.5M6%207.5h3v3H6v-3Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-newspaper); mask: var(--hero-newspaper); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-newspaper-solid { --hero-newspaper-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.125%203C3.089%203%202.25%203.84%202.25%204.875V18a3%203%200%200%200%203%203h15a3%203%200%200%201-3-3V4.875C17.25%203.839%2016.41%203%2015.375%203H4.125ZM12%209.75a.75.75%200%200%200%200%201.5h1.5a.75.75%200%200%200%200-1.5H12Zm-.75-2.25a.75.75%200%200%201%20.75-.75h1.5a.75.75%200%200%201%200%201.5H12a.75.75%200%200%201-.75-.75ZM6%2012.75a.75.75%200%200%200%200%201.5h7.5a.75.75%200%200%200%200-1.5H6Zm-.75%203.75a.75.75%200%200%201%20.75-.75h7.5a.75.75%200%200%201%200%201.5H6a.75.75%200%200%201-.75-.75ZM6%206.75a.75.75%200%200%200-.75.75v3c0%20.414.336.75.75.75h3a.75.75%200%200%200%20.75-.75v-3A.75.75%200%200%200%209%206.75H6Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%3Cpath%20d%3D%22M18.75%206.75h1.875c.621%200%201.125.504%201.125%201.125V18a1.5%201.5%200%200%201-3%200V6.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-newspaper-solid); mask: var(--hero-newspaper-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-no-symbol { --hero-no-symbol: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18.364%2018.364A9%209%200%200%200%205.636%205.636m12.728%2012.728A9%209%200%200%201%205.636%205.636m12.728%2012.728L5.636%205.636%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-no-symbol); mask: var(--hero-no-symbol); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-numbered-list { --hero-numbered-list: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.242%205.992h12m-12%206.003H20.24m-12%205.999h12M4.117%207.495v-3.75H2.99m1.125%203.75H2.99m1.125%200H5.24m-1.92%202.577a1.125%201.125%200%201%201%201.591%201.59l-1.83%201.83h2.16M2.99%2015.745h1.125a1.125%201.125%200%200%201%200%202.25H3.74m0-.002h.375a1.125%201.125%200%200%201%200%202.25H2.99%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-numbered-list); mask: var(--hero-numbered-list); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-paint-brush { --hero-paint-brush: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.53%2016.122a3%203%200%200%200-5.78%201.128%202.25%202.25%200%200%201-2.4%202.245%204.5%204.5%200%200%200%208.4-2.245c0-.399-.078-.78-.22-1.128Zm0%200a15.998%2015.998%200%200%200%203.388-1.62m-5.043-.025a15.994%2015.994%200%200%201%201.622-3.395m3.42%203.42a15.995%2015.995%200%200%200%204.764-4.648l3.876-5.814a1.151%201.151%200%200%200-1.597-1.597L14.146%206.32a15.996%2015.996%200%200%200-4.649%204.763m3.42%203.42a6.776%206.776%200%200%200-3.42-3.42%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-paint-brush); mask: var(--hero-paint-brush); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-paper-airplane { --hero-paper-airplane: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2012%203.269%203.125A59.769%2059.769%200%200%201%2021.485%2012%2059.768%2059.768%200%200%201%203.27%2020.875L5.999%2012Zm0%200h7.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-paper-airplane); mask: var(--hero-paper-airplane); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-paper-airplane-solid { --hero-paper-airplane-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M3.478%202.404a.75.75%200%200%200-.926.941l2.432%207.905H13.5a.75.75%200%200%201%200%201.5H4.984l-2.432%207.905a.75.75%200%200%200%20.926.94%2060.519%2060.519%200%200%200%2018.445-8.986.75.75%200%200%200%200-1.218A60.517%2060.517%200%200%200%203.478%202.404Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-paper-airplane-solid); mask: var(--hero-paper-airplane-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-paper-clip { --hero-paper-clip: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m18.375%2012.739-7.693%207.693a4.5%204.5%200%200%201-6.364-6.364l10.94-10.94A3%203%200%201%201%2019.5%207.372L8.552%2018.32m.009-.01-.01.01m5.699-9.941-7.81%207.81a1.5%201.5%200%200%200%202.112%202.13%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-paper-clip); mask: var(--hero-paper-clip); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-pause { --hero-pause: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%205.25v13.5m-7.5-13.5v13.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-pause); mask: var(--hero-pause); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-pause-circle { --hero-pause-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.25%209v6m-4.5%200V9M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-pause-circle); mask: var(--hero-pause-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-pencil { --hero-pencil: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m16.862%204.487%201.687-1.688a1.875%201.875%200%201%201%202.652%202.652L6.832%2019.82a4.5%204.5%200%200%201-1.897%201.13l-2.685.8.8-2.685a4.5%204.5%200%200%201%201.13-1.897L16.863%204.487Zm0%200L19.5%207.125%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-pencil); mask: var(--hero-pencil); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-pencil-square { --hero-pencil-square: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m16.862%204.487%201.687-1.688a1.875%201.875%200%201%201%202.652%202.652L10.582%2016.07a4.5%204.5%200%200%201-1.897%201.13L6%2018l.8-2.685a4.5%204.5%200%200%201%201.13-1.897l8.932-8.931Zm0%200L19.5%207.125M18%2014v4.75A2.25%202.25%200%200%201%2015.75%2021H5.25A2.25%202.25%200%200%201%203%2018.75V8.25A2.25%202.25%200%200%201%205.25%206H10%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-pencil-square); mask: var(--hero-pencil-square); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-photo { --hero-photo: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m2.25%2015.75%205.159-5.159a2.25%202.25%200%200%201%203.182%200l5.159%205.159m-1.5-1.5%201.409-1.409a2.25%202.25%200%200%201%203.182%200l2.909%202.909m-18%203.75h16.5a1.5%201.5%200%200%200%201.5-1.5V6a1.5%201.5%200%200%200-1.5-1.5H3.75A1.5%201.5%200%200%200%202.25%206v12a1.5%201.5%200%200%200%201.5%201.5Zm10.5-11.25h.008v.008h-.008V8.25Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-photo); mask: var(--hero-photo); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-play { --hero-play: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.25%205.653c0-.856.917-1.398%201.667-.986l11.54%206.347a1.125%201.125%200%200%201%200%201.972l-11.54%206.347a1.125%201.125%200%200%201-1.667-.986V5.653Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-play); mask: var(--hero-play); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-play-circle { --hero-play-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.91%2011.672a.375.375%200%200%201%200%20.656l-5.603%203.113a.375.375%200%200%201-.557-.328V8.887c0-.286.307-.466.557-.327l5.603%203.112Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-play-circle); mask: var(--hero-play-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-plus { --hero-plus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%204.5v15m7.5-7.5h-15%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-plus); mask: var(--hero-plus); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-plus-circle { --hero-plus-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v6m3-3H9m12%200a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-plus-circle); mask: var(--hero-plus-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-presentation-chart-bar { --hero-presentation-chart-bar: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%203v11.25A2.25%202.25%200%200%200%206%2016.5h2.25M3.75%203h-1.5m1.5%200h16.5m0%200h1.5m-1.5%200v11.25A2.25%202.25%200%200%201%2018%2016.5h-2.25m-7.5%200h7.5m-7.5%200-1%203m8.5-3%201%203m0%200%20.5%201.5m-.5-1.5h-9.5m0%200-.5%201.5M9%2011.25v1.5M12%209v3.75m3-6v6%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-presentation-chart-bar); mask: var(--hero-presentation-chart-bar); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-printer { --hero-printer: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.72%2013.829c-.24.03-.48.062-.72.096m.72-.096a42.415%2042.415%200%200%201%2010.56%200m-10.56%200L6.34%2018m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66%2018m0%200%20.229%202.523a1.125%201.125%200%200%201-1.12%201.227H7.231c-.662%200-1.18-.568-1.12-1.227L6.34%2018m11.318%200h1.091A2.25%202.25%200%200%200%2021%2015.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055%2048.055%200%200%200-1.913-.247M6.34%2018H5.25A2.25%202.25%200%200%201%203%2015.75V9.456c0-1.081.768-2.015%201.837-2.175a48.041%2048.041%200%200%201%201.913-.247m10.5%200a48.536%2048.536%200%200%200-10.5%200m10.5%200V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621%200-1.125.504-1.125%201.125v3.659M18%2010.5h.008v.008H18V10.5Zm-3%200h.008v.008H15V10.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-printer); mask: var(--hero-printer); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-puzzle-piece { --hero-puzzle-piece: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.25%206.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003%200-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25%201.875c0%20.369.128.713.349%201.003.215.283.401.604.401.959v0a.64.64%200%200%201-.657.643%2048.39%2048.39%200%200%201-4.163-.3c.186%201.613.293%203.25.315%204.907a.656.656%200%200%201-.658.663v0c-.355%200-.676-.186-.959-.401a1.647%201.647%200%200%200-1.003-.349c-1.036%200-1.875%201.007-1.875%202.25s.84%202.25%201.875%202.25c.369%200%20.713-.128%201.003-.349.283-.215.604-.401.959-.401v0c.31%200%20.555.26.532.57a48.039%2048.039%200%200%201-.642%205.056c1.518.19%203.058.309%204.616.354a.64.64%200%200%200%20.657-.643v0c0-.355-.186-.676-.401-.959a1.647%201.647%200%200%201-.349-1.003c0-1.035%201.008-1.875%202.25-1.875%201.243%200%202.25.84%202.25%201.875%200%20.369-.128.713-.349%201.003-.215.283-.4.604-.4.959v0c0%20.333.277.599.61.58a48.1%2048.1%200%200%200%205.427-.63%2048.05%2048.05%200%200%200%20.582-4.717.532.532%200%200%200-.533-.57v0c-.355%200-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035%200-1.875-1.007-1.875-2.25s.84-2.25%201.875-2.25c.37%200%20.713.128%201.003.349.283.215.604.401.96.401v0a.656.656%200%200%200%20.658-.663%2048.422%2048.422%200%200%200-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578%200%200%201-.61-.58v0Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-puzzle-piece); mask: var(--hero-puzzle-piece); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-qr-code { --hero-qr-code: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%204.875c0-.621.504-1.125%201.125-1.125h4.5c.621%200%201.125.504%201.125%201.125v4.5c0%20.621-.504%201.125-1.125%201.125h-4.5A1.125%201.125%200%200%201%203.75%209.375v-4.5ZM3.75%2014.625c0-.621.504-1.125%201.125-1.125h4.5c.621%200%201.125.504%201.125%201.125v4.5c0%20.621-.504%201.125-1.125%201.125h-4.5a1.125%201.125%200%200%201-1.125-1.125v-4.5ZM13.5%204.875c0-.621.504-1.125%201.125-1.125h4.5c.621%200%201.125.504%201.125%201.125v4.5c0%20.621-.504%201.125-1.125%201.125h-4.5A1.125%201.125%200%200%201%2013.5%209.375v-4.5Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.75%206.75h.75v.75h-.75v-.75ZM6.75%2016.5h.75v.75h-.75v-.75ZM16.5%206.75h.75v.75h-.75v-.75ZM13.5%2013.5h.75v.75h-.75v-.75ZM13.5%2019.5h.75v.75h-.75v-.75ZM19.5%2013.5h.75v.75h-.75v-.75ZM19.5%2019.5h.75v.75h-.75v-.75ZM16.5%2016.5h.75v.75h-.75v-.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-qr-code); mask: var(--hero-qr-code); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-question-mark-circle { --hero-question-mark-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.879%207.519c1.171-1.025%203.071-1.025%204.242%200%201.172%201.025%201.172%202.687%200%203.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45%201.827v.75M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9%205.25h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-question-mark-circle); mask: var(--hero-question-mark-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-question-mark-circle-solid { --hero-question-mark-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%2012c0-5.385%204.365-9.75%209.75-9.75s9.75%204.365%209.75%209.75-4.365%209.75-9.75%209.75S2.25%2017.385%202.25%2012Zm11.378-3.917c-.89-.777-2.366-.777-3.255%200a.75.75%200%200%201-.988-1.129c1.454-1.272%203.776-1.272%205.23%200%201.513%201.324%201.513%203.518%200%204.842a3.75%203.75%200%200%201-.837.552c-.676.328-1.028.774-1.028%201.152v.75a.75.75%200%200%201-1.5%200v-.75c0-1.279%201.06-2.107%201.875-2.502.182-.088.351-.199.503-.331.83-.727.83-1.857%200-2.584ZM12%2018a.75.75%200%201%200%200-1.5.75.75%200%200%200%200%201.5Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-question-mark-circle-solid); mask: var(--hero-question-mark-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-queue-list { --hero-queue-list: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%2012h16.5m-16.5%203.75h16.5M3.75%2019.5h16.5M5.625%204.5h12.75a1.875%201.875%200%200%201%200%203.75H5.625a1.875%201.875%200%200%201%200-3.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-queue-list); mask: var(--hero-queue-list); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-receipt-percent { --hero-receipt-percent: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9%2014.25%206-6m4.5-3.493V21.75l-3.75-1.5-3.75%201.5-3.75-1.5-3.75%201.5V4.757c0-1.108.806-2.057%201.907-2.185a48.507%2048.507%200%200%201%2011.186%200c1.1.128%201.907%201.077%201.907%202.185ZM9.75%209h.008v.008H9.75V9Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm4.125%204.5h.008v.008h-.008V13.5Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-receipt-percent); mask: var(--hero-receipt-percent); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-rectangle-stack { --hero-rectangle-stack: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%206.878V6a2.25%202.25%200%200%201%202.25-2.25h7.5A2.25%202.25%200%200%201%2018%206v.878m-12%200c.235-.083.487-.128.75-.128h10.5c.263%200%20.515.045.75.128m-12%200A2.25%202.25%200%200%200%204.5%209v.878m13.5-3A2.25%202.25%200%200%201%2019.5%209v.878m0%200a2.246%202.246%200%200%200-.75-.128H5.25c-.263%200-.515.045-.75.128m15%200A2.25%202.25%200%200%201%2021%2012v6a2.25%202.25%200%200%201-2.25%202.25H5.25A2.25%202.25%200%200%201%203%2018v-6c0-.98.626-1.813%201.5-2.122%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-rectangle-stack); mask: var(--hero-rectangle-stack); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-rocket-launch { --hero-rocket-launch: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.59%2014.37a6%206%200%200%201-5.84%207.38v-4.8m5.84-2.58a14.98%2014.98%200%200%200%206.16-12.12A14.98%2014.98%200%200%200%209.631%208.41m5.96%205.96a14.926%2014.926%200%200%201-5.841%202.58m-.119-8.54a6%206%200%200%200-7.381%205.84h4.8m2.581-5.84a14.927%2014.927%200%200%200-2.58%205.84m2.699%202.7c-.103.021-.207.041-.311.06a15.09%2015.09%200%200%201-2.448-2.448%2014.9%2014.9%200%200%201%20.06-.312m-2.24%202.39a4.493%204.493%200%200%200-1.757%204.306%204.493%204.493%200%200%200%204.306-1.758M16.5%209a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-rocket-launch); mask: var(--hero-rocket-launch); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-scale { --hero-scale: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%203v17.25m0%200c-1.472%200-2.882.265-4.185.75M12%2020.25c1.472%200%202.882.265%204.185.75M18.75%204.97A48.416%2048.416%200%200%200%2012%204.5c-2.291%200-4.545.16-6.75.47m13.5%200c1.01.143%202.01.317%203%20.52m-3-.52%202.62%2010.726c.122.499-.106%201.028-.589%201.202a5.988%205.988%200%200%201-2.031.352%205.988%205.988%200%200%201-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75%204.971Zm-16.5.52c.99-.203%201.99-.377%203-.52m0%200%202.62%2010.726c.122.499-.106%201.028-.589%201.202a5.989%205.989%200%200%201-2.031.352%205.989%205.989%200%200%201-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25%204.971Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-scale); mask: var(--hero-scale); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-scissors { --hero-scissors: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m7.848%208.25%201.536.887M7.848%208.25a3%203%200%201%201-5.196-3%203%203%200%200%201%205.196%203Zm1.536.887a2.165%202.165%200%200%201%201.083%201.839c.005.351.054.695.14%201.024M9.384%209.137l2.077%201.199M7.848%2015.75l1.536-.887m-1.536.887a3%203%200%201%201-5.196%203%203%203%200%200%201%205.196-3Zm1.536-.887a2.165%202.165%200%200%200%201.083-1.838c.005-.352.054-.695.14-1.025m-1.223%202.863%202.077-1.199m0-3.328a4.323%204.323%200%200%201%202.068-1.379l5.325-1.628a4.5%204.5%200%200%201%202.48-.044l.803.215-7.794%204.5m-2.882-1.664A4.33%204.33%200%200%200%2010.607%2012m3.736%200%207.794%204.5-.802.215a4.5%204.5%200%200%201-2.48-.043l-5.326-1.629a4.324%204.324%200%200%201-2.068-1.379M14.343%2012l-2.882%201.664%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-scissors); mask: var(--hero-scissors); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-server { --hero-server: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%2017.25v-.228a4.5%204.5%200%200%200-.12-1.03l-2.268-9.64a3.375%203.375%200%200%200-3.285-2.602H7.923a3.375%203.375%200%200%200-3.285%202.602l-2.268%209.64a4.5%204.5%200%200%200-.12%201.03v.228m19.5%200a3%203%200%200%201-3%203H5.25a3%203%200%200%201-3-3m19.5%200a3%203%200%200%200-3-3H5.25a3%203%200%200%200-3%203m16.5%200h.008v.008h-.008v-.008Zm-3%200h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-server); mask: var(--hero-server); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-server-stack { --hero-server-stack: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5.25%2014.25h13.5m-13.5%200a3%203%200%200%201-3-3m3%203a3%203%200%201%200%200%206h13.5a3%203%200%201%200%200-6m-16.5-3a3%203%200%200%201%203-3h13.5a3%203%200%200%201%203%203m-19.5%200a4.5%204.5%200%200%201%20.9-2.7L5.737%205.1a3.375%203.375%200%200%201%202.7-1.35h7.126c1.062%200%202.062.5%202.7%201.35l2.587%203.45a4.5%204.5%200%200%201%20.9%202.7m0%200a3%203%200%200%201-3%203m0%203h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Zm-3%206h.008v.008h-.008v-.008Zm0-6h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-server-stack); mask: var(--hero-server-stack); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-share { --hero-share: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.217%2010.907a2.25%202.25%200%201%200%200%202.186m0-2.186c.18.324.283.696.283%201.093s-.103.77-.283%201.093m0-2.186%209.566-5.314m-9.566%207.5%209.566%205.314m0%200a2.25%202.25%200%201%200%203.935%202.186%202.25%202.25%200%200%200-3.935-2.186Zm0-12.814a2.25%202.25%200%201%200%203.933-2.185%202.25%202.25%200%200%200-3.933%202.185Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-share); mask: var(--hero-share); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-shield-check { --hero-shield-check: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2012.75%2011.25%2015%2015%209.75m-3-7.036A11.959%2011.959%200%200%201%203.598%206%2011.99%2011.99%200%200%200%203%209.749c0%205.592%203.824%2010.29%209%2011.623%205.176-1.332%209-6.03%209-11.622%200-1.31-.21-2.571-.598-3.751h-.152c-3.196%200-6.1-1.248-8.25-3.285Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-shield-check); mask: var(--hero-shield-check); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-shield-check-solid { --hero-shield-check-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.516%202.17a.75.75%200%200%200-1.032%200%2011.209%2011.209%200%200%201-7.877%203.08.75.75%200%200%200-.722.515A12.74%2012.74%200%200%200%202.25%209.75c0%205.942%204.064%2010.933%209.563%2012.348a.749.749%200%200%200%20.374%200c5.499-1.415%209.563-6.406%209.563-12.348%200-1.39-.223-2.73-.635-3.985a.75.75%200%200%200-.722-.516l-.143.001c-2.996%200-5.717-1.17-7.734-3.08Zm3.094%208.016a.75.75%200%201%200-1.22-.872l-3.236%204.53L9.53%2012.22a.75.75%200%200%200-1.06%201.06l2.25%202.25a.75.75%200%200%200%201.14-.094l3.75-5.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-shield-check-solid); mask: var(--hero-shield-check-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-shield-exclamation { --hero-shield-exclamation: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m0-10.036A11.959%2011.959%200%200%201%203.598%206%2011.99%2011.99%200%200%200%203%209.75c0%205.592%203.824%2010.29%209%2011.622%205.176-1.332%209-6.03%209-11.622%200-1.31-.21-2.57-.598-3.75h-.152c-3.196%200-6.1-1.25-8.25-3.286Zm0%2013.036h.008v.008H12v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-shield-exclamation); mask: var(--hero-shield-exclamation); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-shopping-bag { --hero-shopping-bag: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%2010.5V6a3.75%203.75%200%201%200-7.5%200v4.5m11.356-1.993%201.263%2012c.07.665-.45%201.243-1.119%201.243H4.25a1.125%201.125%200%200%201-1.12-1.243l1.264-12A1.125%201.125%200%200%201%205.513%207.5h12.974c.576%200%201.059.435%201.119%201.007ZM8.625%2010.5a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Zm7.5%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-shopping-bag); mask: var(--hero-shopping-bag); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-shopping-cart { --hero-shopping-cart: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.25%203h1.386c.51%200%20.955.343%201.087.835l.383%201.437M7.5%2014.25a3%203%200%200%200-3%203h15.75m-12.75-3h11.218c1.121-2.3%202.1-4.684%202.924-7.138a60.114%2060.114%200%200%200-16.536-1.84M7.5%2014.25%205.106%205.272M6%2020.25a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200Zm12.75%200a.75.75%200%201%201-1.5%200%20.75.75%200%200%201%201.5%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-shopping-cart); mask: var(--hero-shopping-cart); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-signal { --hero-signal: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.348%2014.652a3.75%203.75%200%200%201%200-5.304m5.304%200a3.75%203.75%200%200%201%200%205.304m-7.425%202.121a6.75%206.75%200%200%201%200-9.546m9.546%200a6.75%206.75%200%200%201%200%209.546M5.106%2018.894c-3.808-3.807-3.808-9.98%200-13.788m13.788%200c3.808%203.807%203.808%209.98%200%2013.788M12%2012h.008v.008H12V12Zm.375%200a.375.375%200%201%201-.75%200%20.375.375%200%200%201%20.75%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-signal); mask: var(--hero-signal); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-sparkles { --hero-sparkles: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.813%2015.904%209%2018.75l-.813-2.846a4.5%204.5%200%200%200-3.09-3.09L2.25%2012l2.846-.813a4.5%204.5%200%200%200%203.09-3.09L9%205.25l.813%202.846a4.5%204.5%200%200%200%203.09%203.09L15.75%2012l-2.846.813a4.5%204.5%200%200%200-3.09%203.09ZM18.259%208.715%2018%209.75l-.259-1.035a3.375%203.375%200%200%200-2.455-2.456L14.25%206l1.036-.259a3.375%203.375%200%200%200%202.455-2.456L18%202.25l.259%201.035a3.375%203.375%200%200%200%202.456%202.456L21.75%206l-1.035.259a3.375%203.375%200%200%200-2.456%202.456ZM16.894%2020.567%2016.5%2021.75l-.394-1.183a2.25%202.25%200%200%200-1.423-1.423L13.5%2018.75l1.183-.394a2.25%202.25%200%200%200%201.423-1.423l.394-1.183.394%201.183a2.25%202.25%200%200%200%201.423%201.423l1.183.394-1.183.394a2.25%202.25%200%200%200-1.423%201.423Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-sparkles); mask: var(--hero-sparkles); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-sparkles-solid { --hero-sparkles-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9%204.5a.75.75%200%200%201%20.721.544l.813%202.846a3.75%203.75%200%200%200%202.576%202.576l2.846.813a.75.75%200%200%201%200%201.442l-2.846.813a3.75%203.75%200%200%200-2.576%202.576l-.813%202.846a.75.75%200%200%201-1.442%200l-.813-2.846a3.75%203.75%200%200%200-2.576-2.576l-2.846-.813a.75.75%200%200%201%200-1.442l2.846-.813A3.75%203.75%200%200%200%207.466%207.89l.813-2.846A.75.75%200%200%201%209%204.5ZM18%201.5a.75.75%200%200%201%20.728.568l.258%201.036c.236.94.97%201.674%201.91%201.91l1.036.258a.75.75%200%200%201%200%201.456l-1.036.258c-.94.236-1.674.97-1.91%201.91l-.258%201.036a.75.75%200%200%201-1.456%200l-.258-1.036a2.625%202.625%200%200%200-1.91-1.91l-1.036-.258a.75.75%200%200%201%200-1.456l1.036-.258a2.625%202.625%200%200%200%201.91-1.91l.258-1.036A.75.75%200%200%201%2018%201.5ZM16.5%2015a.75.75%200%200%201%20.712.513l.394%201.183c.15.447.5.799.948.948l1.183.395a.75.75%200%200%201%200%201.422l-1.183.395c-.447.15-.799.5-.948.948l-.395%201.183a.75.75%200%200%201-1.422%200l-.395-1.183a1.5%201.5%200%200%200-.948-.948l-1.183-.395a.75.75%200%200%201%200-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75%200%200%201%2016.5%2015Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-sparkles-solid); mask: var(--hero-sparkles-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-speaker-wave { --hero-speaker-wave: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.114%205.636a9%209%200%200%201%200%2012.728M16.463%208.288a5.25%205.25%200%200%201%200%207.424M6.75%208.25l4.72-4.72a.75.75%200%200%201%201.28.53v15.88a.75.75%200%200%201-1.28.53l-4.72-4.72H4.51c-.88%200-1.704-.507-1.938-1.354A9.009%209.009%200%200%201%202.25%2012c0-.83.112-1.633.322-2.396C2.806%208.756%203.63%208.25%204.51%208.25H6.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-speaker-wave); mask: var(--hero-speaker-wave); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-speaker-x-mark { --hero-speaker-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.25%209.75%2019.5%2012m0%200%202.25%202.25M19.5%2012l2.25-2.25M19.5%2012l-2.25%202.25m-10.5-6%204.72-4.72a.75.75%200%200%201%201.28.53v15.88a.75.75%200%200%201-1.28.53l-4.72-4.72H4.51c-.88%200-1.704-.507-1.938-1.354A9.009%209.009%200%200%201%202.25%2012c0-.83.112-1.633.322-2.396C2.806%208.756%203.63%208.25%204.51%208.25H6.75Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-speaker-x-mark); mask: var(--hero-speaker-x-mark); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-square-3-stack-3d { --hero-square-3-stack-3d: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.429%209.75%202.25%2012l4.179%202.25m0-4.5%205.571%203%205.571-3m-11.142%200L2.25%207.5%2012%202.25l9.75%205.25-4.179%202.25m0%200L21.75%2012l-4.179%202.25m0%200%204.179%202.25L12%2021.75%202.25%2016.5l4.179-2.25m11.142%200-5.571%203-5.571-3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-square-3-stack-3d); mask: var(--hero-square-3-stack-3d); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-squares-2x2 { --hero-squares-2x2: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.75%206A2.25%202.25%200%200%201%206%203.75h2.25A2.25%202.25%200%200%201%2010.5%206v2.25a2.25%202.25%200%200%201-2.25%202.25H6a2.25%202.25%200%200%201-2.25-2.25V6ZM3.75%2015.75A2.25%202.25%200%200%201%206%2013.5h2.25a2.25%202.25%200%200%201%202.25%202.25V18a2.25%202.25%200%200%201-2.25%202.25H6A2.25%202.25%200%200%201%203.75%2018v-2.25ZM13.5%206a2.25%202.25%200%200%201%202.25-2.25H18A2.25%202.25%200%200%201%2020.25%206v2.25A2.25%202.25%200%200%201%2018%2010.5h-2.25a2.25%202.25%200%200%201-2.25-2.25V6ZM13.5%2015.75a2.25%202.25%200%200%201%202.25-2.25H18a2.25%202.25%200%200%201%202.25%202.25V18A2.25%202.25%200%200%201%2018%2020.25h-2.25A2.25%202.25%200%200%201%2013.5%2018v-2.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-squares-2x2); mask: var(--hero-squares-2x2); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-squares-plus { --hero-squares-plus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M13.5%2016.875h3.375m0%200h3.375m-3.375%200V13.5m0%203.375v3.375M6%2010.5h2.25a2.25%202.25%200%200%200%202.25-2.25V6a2.25%202.25%200%200%200-2.25-2.25H6A2.25%202.25%200%200%200%203.75%206v2.25A2.25%202.25%200%200%200%206%2010.5Zm0%209.75h2.25A2.25%202.25%200%200%200%2010.5%2018v-2.25a2.25%202.25%200%200%200-2.25-2.25H6a2.25%202.25%200%200%200-2.25%202.25V18A2.25%202.25%200%200%200%206%2020.25Zm9.75-9.75H18a2.25%202.25%200%200%200%202.25-2.25V6A2.25%202.25%200%200%200%2018%203.75h-2.25A2.25%202.25%200%200%200%2013.5%206v2.25a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-squares-plus); mask: var(--hero-squares-plus); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-star { --hero-star: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.48%203.499a.562.562%200%200%201%201.04%200l2.125%205.111a.563.563%200%200%200%20.475.345l5.518.442c.499.04.701.663.321.988l-4.204%203.602a.563.563%200%200%200-.182.557l1.285%205.385a.562.562%200%200%201-.84.61l-4.725-2.885a.562.562%200%200%200-.586%200L6.982%2020.54a.562.562%200%200%201-.84-.61l1.285-5.386a.562.562%200%200%200-.182-.557l-4.204-3.602a.562.562%200%200%201%20.321-.988l5.518-.442a.563.563%200%200%200%20.475-.345L11.48%203.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-star); mask: var(--hero-star); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-star-solid { --hero-star-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M10.788%203.21c.448-1.077%201.976-1.077%202.424%200l2.082%205.006%205.404.434c1.164.093%201.636%201.545.749%202.305l-4.117%203.527%201.257%205.273c.271%201.136-.964%202.033-1.96%201.425L12%2018.354%207.373%2021.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434%202.082-5.005Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-star-solid); mask: var(--hero-star-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-stop-circle { --hero-stop-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%209.563C9%209.252%209.252%209%209.563%209h4.874c.311%200%20.563.252.563.563v4.874c0%20.311-.252.563-.563.563H9.564A.562.562%200%200%201%209%2014.437V9.564Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-stop-circle); mask: var(--hero-stop-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-stop-circle-solid { --hero-stop-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.25%2012c0-5.385%204.365-9.75%209.75-9.75s9.75%204.365%209.75%209.75-4.365%209.75-9.75%209.75S2.25%2017.385%202.25%2012Zm6-2.438c0-.724.588-1.312%201.313-1.312h4.874c.725%200%201.313.588%201.313%201.313v4.874c0%20.725-.588%201.313-1.313%201.313H9.564a1.312%201.312%200%200%201-1.313-1.313V9.564Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-stop-circle-solid); mask: var(--hero-stop-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-strikethrough { --hero-strikethrough: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%2012a8.912%208.912%200%200%201-.318-.079c-1.585-.424-2.904-1.247-3.76-2.236-.873-1.009-1.265-2.19-.968-3.301.59-2.2%203.663-3.29%206.863-2.432A8.186%208.186%200%200%201%2016.5%205.21M6.42%2017.81c.857.99%202.176%201.812%203.761%202.237%203.2.858%206.274-.23%206.863-2.431.233-.868.044-1.779-.465-2.617M3.75%2012h16.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-strikethrough); mask: var(--hero-strikethrough); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-sun { --hero-sun: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%203v2.25m6.364.386-1.591%201.591M21%2012h-2.25m-.386%206.364-1.591-1.591M12%2018.75V21m-4.773-4.227-1.591%201.591M5.25%2012H3m4.227-4.773L5.636%205.636M15.75%2012a3.75%203.75%200%201%201-7.5%200%203.75%203.75%200%200%201%207.5%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-sun); mask: var(--hero-sun); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-sun-solid { --hero-sun-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M12%202.25a.75.75%200%200%201%20.75.75v2.25a.75.75%200%200%201-1.5%200V3a.75.75%200%200%201%20.75-.75ZM7.5%2012a4.5%204.5%200%201%201%209%200%204.5%204.5%200%200%201-9%200ZM18.894%206.166a.75.75%200%200%200-1.06-1.06l-1.591%201.59a.75.75%200%201%200%201.06%201.061l1.591-1.59ZM21.75%2012a.75.75%200%200%201-.75.75h-2.25a.75.75%200%200%201%200-1.5H21a.75.75%200%200%201%20.75.75ZM17.834%2018.894a.75.75%200%200%200%201.06-1.06l-1.59-1.591a.75.75%200%201%200-1.061%201.06l1.59%201.591ZM12%2018a.75.75%200%200%201%20.75.75V21a.75.75%200%200%201-1.5%200v-2.25A.75.75%200%200%201%2012%2018ZM7.758%2017.303a.75.75%200%200%200-1.061-1.06l-1.591%201.59a.75.75%200%200%200%201.06%201.061l1.591-1.59ZM6%2012a.75.75%200%200%201-.75.75H3a.75.75%200%200%201%200-1.5h2.25A.75.75%200%200%201%206%2012ZM6.697%207.757a.75.75%200%200%200%201.06-1.06l-1.59-1.591a.75.75%200%200%200-1.061%201.06l1.59%201.591Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-sun-solid); mask: var(--hero-sun-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-swatch { --hero-swatch: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.098%2019.902a3.75%203.75%200%200%200%205.304%200l6.401-6.402M6.75%2021A3.75%203.75%200%200%201%203%2017.25V4.125C3%203.504%203.504%203%204.125%203h5.25c.621%200%201.125.504%201.125%201.125v4.072M6.75%2021a3.75%203.75%200%200%200%203.75-3.75V8.197M6.75%2021h13.125c.621%200%201.125-.504%201.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5%208.197l2.88-2.88c.438-.439%201.15-.439%201.59%200l3.712%203.713c.44.44.44%201.152%200%201.59l-2.879%202.88M6.75%2017.25h.008v.008H6.75v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-swatch); mask: var(--hero-swatch); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-table-cells { --hero-table-cells: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3.375%2019.5h17.25m-17.25%200a1.125%201.125%200%200%201-1.125-1.125M3.375%2019.5h7.5c.621%200%201.125-.504%201.125-1.125m-9.75%200V5.625m0%2012.75v-1.5c0-.621.504-1.125%201.125-1.125m18.375%202.625V5.625m0%2012.75c0%20.621-.504%201.125-1.125%201.125m1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125m0%203.75h-7.5A1.125%201.125%200%200%201%2012%2018.375m9.75-12.75c0-.621-.504-1.125-1.125-1.125H3.375c-.621%200-1.125.504-1.125%201.125m19.5%200v1.5c0%20.621-.504%201.125-1.125%201.125M2.25%205.625v1.5c0%20.621.504%201.125%201.125%201.125m0%200h17.25m-17.25%200h7.5c.621%200%201.125.504%201.125%201.125M3.375%208.25c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125m17.25-3.75h-7.5c-.621%200-1.125.504-1.125%201.125m8.625-1.125c.621%200%201.125.504%201.125%201.125v1.5c0%20.621-.504%201.125-1.125%201.125m-17.25%200h7.5m-7.5%200c-.621%200-1.125.504-1.125%201.125v1.5c0%20.621.504%201.125%201.125%201.125M12%2010.875v-1.5m0%201.5c0%20.621-.504%201.125-1.125%201.125M12%2010.875c0%20.621.504%201.125%201.125%201.125m-2.25%200c.621%200%201.125.504%201.125%201.125M13.125%2012h7.5m-7.5%200c-.621%200-1.125.504-1.125%201.125M20.625%2012c.621%200%201.125.504%201.125%201.125v1.5c0%20.621-.504%201.125-1.125%201.125m-17.25%200h7.5M12%2014.625v-1.5m0%201.5c0%20.621-.504%201.125-1.125%201.125M12%2014.625c0%20.621.504%201.125%201.125%201.125m-2.25%200c.621%200%201.125.504%201.125%201.125m0%201.5v-1.5m0%200c0-.621.504-1.125%201.125-1.125m0%200h7.5%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-table-cells); mask: var(--hero-table-cells); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-tag { --hero-tag: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.568%203H5.25A2.25%202.25%200%200%200%203%205.25v4.318c0%20.597.237%201.17.659%201.591l9.581%209.581c.699.699%201.78.872%202.607.33a18.095%2018.095%200%200%200%205.223-5.223c.542-.827.369-1.908-.33-2.607L11.16%203.66A2.25%202.25%200%200%200%209.568%203Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%206h.008v.008H6V6Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-tag); mask: var(--hero-tag); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-tag-solid { --hero-tag-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.25%202.25a3%203%200%200%200-3%203v4.318a3%203%200%200%200%20.879%202.121l9.58%209.581c.92.92%202.39%201.186%203.548.428a18.849%2018.849%200%200%200%205.441-5.44c.758-1.16.492-2.629-.428-3.548l-9.58-9.581a3%203%200%200%200-2.122-.879H5.25ZM6.375%207.5a1.125%201.125%200%201%200%200-2.25%201.125%201.125%200%200%200%200%202.25Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-tag-solid); mask: var(--hero-tag-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-trash { --hero-trash: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m14.74%209-.346%209m-4.788%200L9.26%209m9.968-3.21c.342.052.682.107%201.022.166m-1.022-.165L18.16%2019.673a2.25%202.25%200%200%201-2.244%202.077H8.084a2.25%202.25%200%200%201-2.244-2.077L4.772%205.79m14.456%200a48.108%2048.108%200%200%200-3.478-.397m-12%20.562c.34-.059.68-.114%201.022-.165m0%200a48.11%2048.11%200%200%201%203.478-.397m7.5%200v-.916c0-1.18-.91-2.164-2.09-2.201a51.964%2051.964%200%200%200-3.32%200c-1.18.037-2.09%201.022-2.09%202.201v.916m7.5%200a48.667%2048.667%200%200%200-7.5%200%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-trash); mask: var(--hero-trash); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-trophy { --hero-trophy: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.5%2018.75h-9m9%200a3%203%200%200%201%203%203h-15a3%203%200%200%201%203-3m9%200v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5%2018.75v-3.375c0-.621.504-1.125%201.125-1.125h.872m5.007%200H9.497m5.007%200a7.454%207.454%200%200%201-.982-3.172M9.497%2014.25a7.454%207.454%200%200%200%20.981-3.172M5.25%204.236c-.982.143-1.954.317-2.916.52A6.003%206.003%200%200%200%207.73%209.728M5.25%204.236V4.5c0%202.108.966%203.99%202.48%205.228M5.25%204.236V2.721C7.456%202.41%209.71%202.25%2012%202.25c2.291%200%204.545.16%206.75.47v1.516M7.73%209.728a6.726%206.726%200%200%200%202.748%201.35m8.272-6.842V4.5c0%202.108-.966%203.99-2.48%205.228m2.48-5.492a46.32%2046.32%200%200%201%202.916.52%206.003%206.003%200%200%201-5.395%204.972m0%200a6.726%206.726%200%200%201-2.749%201.35m0%200a6.772%206.772%200%200%201-3.044%200%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-trophy); mask: var(--hero-trophy); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-truck { --hero-truck: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M8.25%2018.75a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m3%200h6m-9%200H3.375a1.125%201.125%200%200%201-1.125-1.125V14.25m17.25%204.5a1.5%201.5%200%200%201-3%200m3%200a1.5%201.5%200%200%200-3%200m3%200h1.125c.621%200%201.129-.504%201.09-1.124a17.902%2017.902%200%200%200-3.213-9.193%202.056%202.056%200%200%200-1.58-.86H14.25M16.5%2018.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554%2048.554%200%200%200-10.026%200%201.106%201.106%200%200%200-.987%201.106v7.635m12-6.677v6.677m0%204.5v-4.5m0%200h-12%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-truck); mask: var(--hero-truck); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user { --hero-user: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15.75%206a3.75%203.75%200%201%201-7.5%200%203.75%203.75%200%200%201%207.5%200ZM4.501%2020.118a7.5%207.5%200%200%201%2014.998%200A17.933%2017.933%200%200%201%2012%2021.75c-2.676%200-5.216-.584-7.499-1.632Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user); mask: var(--hero-user); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user-circle { --hero-user-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17.982%2018.725A7.488%207.488%200%200%200%2012%2015.75a7.488%207.488%200%200%200-5.982%202.975m11.963%200a9%209%200%201%200-11.963%200m11.963%200A8.966%208.966%200%200%201%2012%2021a8.966%208.966%200%200%201-5.982-2.275M15%209.75a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user-circle); mask: var(--hero-user-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user-circle-solid { --hero-user-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M18.685%2019.097A9.723%209.723%200%200%200%2021.75%2012c0-5.385-4.365-9.75-9.75-9.75S2.25%206.615%202.25%2012a9.723%209.723%200%200%200%203.065%207.097A9.716%209.716%200%200%200%2012%2021.75a9.716%209.716%200%200%200%206.685-2.653Zm-12.54-1.285A7.486%207.486%200%200%201%2012%2015a7.486%207.486%200%200%201%205.855%202.812A8.224%208.224%200%200%201%2012%2020.25a8.224%208.224%200%200%201-5.855-2.438ZM15.75%209a3.75%203.75%200%201%201-7.5%200%203.75%203.75%200%200%201%207.5%200Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user-circle-solid); mask: var(--hero-user-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user-group { --hero-user-group: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18%2018.72a9.094%209.094%200%200%200%203.741-.479%203%203%200%200%200-4.682-2.72m.94%203.198.001.031c0%20.225-.012.447-.037.666A11.944%2011.944%200%200%201%2012%2021c-2.17%200-4.207-.576-5.963-1.584A6.062%206.062%200%200%201%206%2018.719m12%200a5.971%205.971%200%200%200-.941-3.197m0%200A5.995%205.995%200%200%200%2012%2012.75a5.995%205.995%200%200%200-5.058%202.772m0%200a3%203%200%200%200-4.681%202.72%208.986%208.986%200%200%200%203.74.477m.94-3.197a5.971%205.971%200%200%200-.94%203.197M15%206.75a3%203%200%201%201-6%200%203%203%200%200%201%206%200Zm6%203a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Zm-13.5%200a2.25%202.25%200%201%201-4.5%200%202.25%202.25%200%200%201%204.5%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user-group); mask: var(--hero-user-group); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user-group-solid { --hero-user-group-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8.25%206.75a3.75%203.75%200%201%201%207.5%200%203.75%203.75%200%200%201-7.5%200ZM15.75%209.75a3%203%200%201%201%206%200%203%203%200%200%201-6%200ZM2.25%209.75a3%203%200%201%201%206%200%203%203%200%200%201-6%200ZM6.31%2015.117A6.745%206.745%200%200%201%2012%2012a6.745%206.745%200%200%201%206.709%207.498.75.75%200%200%201-.372.568A12.696%2012.696%200%200%201%2012%2021.75c-2.305%200-4.47-.612-6.337-1.684a.75.75%200%200%201-.372-.568%206.787%206.787%200%200%201%201.019-4.38Z%22%20clip-rule%3D%22evenodd%22%2F%3E%20%20%3Cpath%20d%3D%22M5.082%2014.254a8.287%208.287%200%200%200-1.308%205.135%209.687%209.687%200%200%201-1.764-.44l-.115-.04a.563.563%200%200%201-.373-.487l-.01-.121a3.75%203.75%200%200%201%203.57-4.047ZM20.226%2019.389a8.287%208.287%200%200%200-1.308-5.135%203.75%203.75%200%200%201%203.57%204.047l-.01.121a.563.563%200%200%201-.373.486l-.115.04c-.567.2-1.156.349-1.764.441Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user-group-solid); mask: var(--hero-user-group-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user-minus { --hero-user-minus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2010.5h-6m-2.25-4.125a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200ZM4%2019.235v-.11a6.375%206.375%200%200%201%2012.75%200v.109A12.318%2012.318%200%200%201%2010.374%2021c-2.331%200-4.512-.645-6.374-1.766Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user-minus); mask: var(--hero-user-minus); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user-plus { --hero-user-plus: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M18%207.5v3m0%200v3m0-3h3m-3%200h-3m-2.25-4.125a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200ZM3%2019.235v-.11a6.375%206.375%200%200%201%2012.75%200v.109A12.318%2012.318%200%200%201%209.374%2021c-2.331%200-4.512-.645-6.374-1.766Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user-plus); mask: var(--hero-user-plus); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-user-solid { --hero-user-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.5%206a4.5%204.5%200%201%201%209%200%204.5%204.5%200%200%201-9%200ZM3.751%2020.105a8.25%208.25%200%200%201%2016.498%200%20.75.75%200%200%201-.437.695A18.683%2018.683%200%200%201%2012%2022.5c-2.786%200-5.433-.608-7.812-1.7a.75.75%200%200%201-.437-.695Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-user-solid); mask: var(--hero-user-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-users { --hero-users: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M15%2019.128a9.38%209.38%200%200%200%202.625.372%209.337%209.337%200%200%200%204.121-.952%204.125%204.125%200%200%200-7.533-2.493M15%2019.128v-.003c0-1.113-.285-2.16-.786-3.07M15%2019.128v.106A12.318%2012.318%200%200%201%208.624%2021c-2.331%200-4.512-.645-6.374-1.766l-.001-.109a6.375%206.375%200%200%201%2011.964-3.07M12%206.375a3.375%203.375%200%201%201-6.75%200%203.375%203.375%200%200%201%206.75%200Zm8.25%202.25a2.625%202.625%200%201%201-5.25%200%202.625%202.625%200%200%201%205.25%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-users); mask: var(--hero-users); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-users-solid { --hero-users-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M4.5%206.375a4.125%204.125%200%201%201%208.25%200%204.125%204.125%200%200%201-8.25%200ZM14.25%208.625a3.375%203.375%200%201%201%206.75%200%203.375%203.375%200%200%201-6.75%200ZM1.5%2019.125a7.125%207.125%200%200%201%2014.25%200v.003l-.001.119a.75.75%200%200%201-.363.63%2013.067%2013.067%200%200%201-6.761%201.873c-2.472%200-4.786-.684-6.76-1.873a.75.75%200%200%201-.364-.63l-.001-.122ZM17.25%2019.128l-.001.144a2.25%202.25%200%200%201-.233.96%2010.088%2010.088%200%200%200%205.06-1.01.75.75%200%200%200%20.42-.643%204.875%204.875%200%200%200-6.957-4.611%208.586%208.586%200%200%201%201.71%205.157v.003Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-users-solid); mask: var(--hero-users-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-video-camera { --hero-video-camera: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m15.75%2010.5%204.72-4.72a.75.75%200%200%201%201.28.53v11.38a.75.75%200%200%201-1.28.53l-4.72-4.72M4.5%2018.75h9a2.25%202.25%200%200%200%202.25-2.25v-9a2.25%202.25%200%200%200-2.25-2.25h-9A2.25%202.25%200%200%200%202.25%207.5v9a2.25%202.25%200%200%200%202.25%202.25Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-video-camera); mask: var(--hero-video-camera); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-viewfinder-circle { --hero-viewfinder-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7.5%203.75H6A2.25%202.25%200%200%200%203.75%206v1.5M16.5%203.75H18A2.25%202.25%200%200%201%2020.25%206v1.5m0%209V18A2.25%202.25%200%200%201%2018%2020.25h-1.5m-9%200H6A2.25%202.25%200%200%201%203.75%2018v-1.5M15%2012a3%203%200%201%201-6%200%203%203%200%200%201%206%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-viewfinder-circle); mask: var(--hero-viewfinder-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-viewfinder-circle-solid { --hero-viewfinder-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20d%3D%22M6%203a3%203%200%200%200-3%203v1.5a.75.75%200%200%200%201.5%200V6A1.5%201.5%200%200%201%206%204.5h1.5a.75.75%200%200%200%200-1.5H6ZM16.5%203a.75.75%200%200%200%200%201.5H18A1.5%201.5%200%200%201%2019.5%206v1.5a.75.75%200%200%200%201.5%200V6a3%203%200%200%200-3-3h-1.5ZM12%208.25a3.75%203.75%200%201%200%200%207.5%203.75%203.75%200%200%200%200-7.5ZM4.5%2016.5a.75.75%200%200%200-1.5%200V18a3%203%200%200%200%203%203h1.5a.75.75%200%200%200%200-1.5H6A1.5%201.5%200%200%201%204.5%2018v-1.5ZM21%2016.5a.75.75%200%200%200-1.5%200V18a1.5%201.5%200%200%201-1.5%201.5h-1.5a.75.75%200%200%200%200%201.5H18a3%203%200%200%200%203-3v-1.5Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-viewfinder-circle-solid); mask: var(--hero-viewfinder-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-wallet { --hero-wallet: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21%2012a2.25%202.25%200%200%200-2.25-2.25H15a3%203%200%201%201-6%200H5.25A2.25%202.25%200%200%200%203%2012m18%200v6a2.25%202.25%200%200%201-2.25%202.25H5.25A2.25%202.25%200%200%201%203%2018v-6m18%200V9M3%2012V9m18%200a2.25%202.25%200%200%200-2.25-2.25H5.25A2.25%202.25%200%200%200%203%209m18%200V6a2.25%202.25%200%200%200-2.25-2.25H5.25A2.25%202.25%200%200%200%203%206v3%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-wallet); mask: var(--hero-wallet); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-window { --hero-window: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%208.25V18a2.25%202.25%200%200%200%202.25%202.25h13.5A2.25%202.25%200%200%200%2021%2018V8.25m-18%200V6a2.25%202.25%200%200%201%202.25-2.25h13.5A2.25%202.25%200%200%201%2021%206v2.25m-18%200h18M5.25%206h.008v.008H5.25V6ZM7.5%206h.008v.008H7.5V6Zm2.25%200h.008v.008H9.75V6Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-window); mask: var(--hero-window); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-wrench { --hero-wrench: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%206.75a4.5%204.5%200%200%201-4.884%204.484c-1.076-.091-2.264.071-2.95.904l-7.152%208.684a2.548%202.548%200%201%201-3.586-3.586l8.684-7.152c.833-.686.995-1.874.904-2.95a4.5%204.5%200%200%201%206.336-4.486l-3.276%203.276a3.004%203.004%200%200%200%202.25%202.25l3.276-3.276c.256.565.398%201.192.398%201.852Z%22%2F%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.867%2019.125h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-wrench); mask: var(--hero-wrench); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-wrench-screwdriver { --hero-wrench-screwdriver: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.42%2015.17%2017.25%2021A2.652%202.652%200%200%200%2021%2017.25l-5.877-5.877M11.42%2015.17l2.496-3.03c.317-.384.74-.626%201.208-.766M11.42%2015.17l-4.655%205.653a2.548%202.548%200%201%201-3.586-3.586l6.837-5.63m5.108-.233c.55-.164%201.163-.188%201.743-.14a4.5%204.5%200%200%200%204.486-6.336l-3.276%203.277a3.004%203.004%200%200%201-2.25-2.25l3.276-3.276a4.5%204.5%200%200%200-6.336%204.486c.091%201.076-.071%202.264-.904%202.95l-.102.085m-1.745%201.437L5.909%207.5H4.5L2.25%203.75l1.5-1.5L7.5%204.5v1.409l4.26%204.26m-1.745%201.437%201.745-1.437m6.615%208.206L15.75%2015.75M4.867%2019.125h.008v.008h-.008v-.008Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-wrench-screwdriver); mask: var(--hero-wrench-screwdriver); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-x-circle { --hero-x-circle: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22m9.75%209.75%204.5%204.5m0-4.5-4.5%204.5M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Z%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-x-circle); mask: var(--hero-x-circle); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-x-circle-solid { --hero-x-circle-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202.25c-5.385%200-9.75%204.365-9.75%209.75s4.365%209.75%209.75%209.75%209.75-4.365%209.75-9.75S17.385%202.25%2012%202.25Zm-1.72%206.97a.75.75%200%201%200-1.06%201.06L10.94%2012l-1.72%201.72a.75.75%200%201%200%201.06%201.06L12%2013.06l1.72%201.72a.75.75%200%201%200%201.06-1.06L13.06%2012l1.72-1.72a.75.75%200%201%200-1.06-1.06L12%2010.94l-1.72-1.72Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-x-circle-solid); mask: var(--hero-x-circle-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-x-mark { --hero-x-mark: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6%2018%2018%206M6%206l12%2012%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-x-mark); mask: var(--hero-x-mark); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .hero-x-mark-solid { --hero-x-mark-solid: url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%20aria-hidden%3D%22true%22%20data-slot%3D%22icon%22%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.47%205.47a.75.75%200%200%201%201.06%200L12%2010.94l5.47-5.47a.75.75%200%201%201%201.06%201.06L13.06%2012l5.47%205.47a.75.75%200%201%201-1.06%201.06L12%2013.06l-5.47%205.47a.75.75%200%200%201-1.06-1.06L10.94%2012%205.47%206.53a.75.75%200%200%201%200-1.06Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E'); -webkit-mask: var(--hero-x-mark-solid); mask: var(--hero-x-mark-solid); mask-repeat: no-repeat; background-color: currentColor; vertical-align: middle; display: inline-block; width: 1.5rem; height: 1.5rem; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .\!block { display: block !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flow-root { display: flow-root; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[9\/16\] { aspect-ratio: 9/16; } .aspect-\[16\/9\] { aspect-ratio: 16/9; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\/2 { height: calc(1/2 * 100%); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: calc(var(--spacing) * 18); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .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-50 { height: calc(var(--spacing) * 50); } .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-\[600px\] { height: 600px; } .h-\[calc\(100\%-8px\)\] { height: calc(100% - 8px); } .h-\[calc\(100\%-20rem\)\] { height: calc(100% - 20rem); } .h-\[calc\(100dvh-3\.5rem\)\] { height: calc(100dvh - 3.5rem); } .h-\[calc\(100dvh-73px\)\] { height: calc(100dvh - 73px); } .h-\[calc\(100vh-3\.5rem\)\] { height: calc(100vh - 3.5rem); } .h-\[calc\(100vh-73px\)\] { height: calc(100vh - 73px); } .h-\[calc\(var\(--vh\)\*100-3\.5rem\)\] { height: calc(var(--vh) * 100 - 3.5rem); } .h-\[calc\(var\(--vh\)\*100-73px\)\] { height: calc(var(--vh) * 100 - 73px); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90dvh\] { max-height: 90dvh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[calc\(100dvh-30vh\)\] { max-height: calc(100dvh - 30vh); } .max-h-\[calc\(var\(--vh\)\*90\)\] { max-height: calc(var(--vh) * 90); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-36 { min-height: calc(var(--spacing) * 36); } .min-h-48 { min-height: calc(var(--spacing) * 48); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-\[6rem\] { min-height: 6rem; } .min-h-\[38px\] { min-height: 38px; } .min-h-\[40dvh\] { min-height: 40dvh; } .min-h-\[40vh\] { min-height: 40vh; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[50dvh\] { min-height: 50dvh; } .min-h-\[50vh\] { min-height: 50vh; } .min-h-\[60dvh\] { min-height: 60dvh; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[100dvh\] { min-height: 100dvh; } .min-h-\[100vh\] { min-height: 100vh; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[222px\] { min-height: 222px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[calc\(var\(--vh\)\*40\)\] { min-height: calc(var(--vh) * 40); } .min-h-\[calc\(var\(--vh\)\*50\)\] { min-height: calc(var(--vh) * 50); } .min-h-\[calc\(var\(--vh\)\*60\)\] { min-height: calc(var(--vh) * 60); } .min-h-\[calc\(var\(--vh\)\*100\)\] { min-height: calc(var(--vh) * 100); } .min-h-auto { min-height: auto; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0 { width: calc(var(--spacing) * 0); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1/2 * 100%); } .w-1\/3 { width: calc(1/3 * 100%); } .w-1\/4 { width: calc(1/4 * 100%); } .w-1\/6 { width: calc(1/6 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/6 { width: calc(4/6 * 100%); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-18 { width: calc(var(--spacing) * 18); } .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-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-\[60px\] { width: 60px; } .w-\[calc\(100\%-8px\)\] { width: calc(100% - 8px); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .w-screen { width: 100vw; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-16 { max-width: calc(var(--spacing) * 16); } .max-w-20 { max-width: calc(var(--spacing) * 20); } .max-w-\[4rem\] { max-width: 4rem; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[90px\] { max-width: 90px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .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-prose { max-width: 65ch; } .max-w-screen-md { max-width: var(--breakpoint-md); } .max-w-screen-sm { max-width: var(--breakpoint-sm); } .max-w-screen-xl { max-width: var(--breakpoint-xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-\[1rem\] { min-width: 1rem; } .min-w-\[3rem\] { min-width: 3rem; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[80px\] { min-width: 80px; } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .origin-bottom-right { transform-origin: bottom right; } .origin-top-right { transform-origin: top right; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); 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-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-0 { --tw-translate-y: calc(var(--spacing) * -0); 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-0 { --tw-translate-y: calc(var(--spacing) * 0); 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-4 { --tw-translate-y: calc(var(--spacing) * 4); 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); } .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-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); } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-bounce { animation: var(--animate-bounce); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-default { cursor: default; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-pan-x { --tw-pan-x: pan-x; touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,); } .touch-manipulation { touch-action: manipulation; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .scroll-pt-11 { scroll-padding-top: calc(var(--spacing) * 11); } .scroll-pb-2 { scroll-padding-bottom: calc(var(--spacing) * 2); } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .break-inside-avoid-column { break-inside: avoid-column; } .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-8 { grid-template-columns: repeat(8, 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)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .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-start { justify-content: flex-start; } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .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-8 { gap: calc(var(--spacing) * 8); } .gap-12 { gap: calc(var(--spacing) * 12); } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :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))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :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))); } } .space-y-5 { :where(& > :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))); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-8 { :where(& > :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))); } } .space-y-10 { :where(& > :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))); } } .space-y-12 { :where(& > :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))); } } .gap-x-0\.5 { column-gap: calc(var(--spacing) * 0.5); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .-space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--tw-space-x-reverse))); } } .-space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } } .-space-x-px { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse))); } } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-3 { :where(& > :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))); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-6 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } } .space-x-8 { :where(& > :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))); } } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } } .divide-gray-100 { :where(& > :not(:last-child)) { border-color: var(--color-gray-100); } } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } .divide-gray-300 { :where(& > :not(:last-child)) { border-color: var(--color-gray-300); } } .self-center { align-self: center; } .self-start { align-self: flex-start; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overscroll-none { overscroll-behavior: none; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-full { border-radius: calc(infinity * 1px); } .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-s-lg { border-start-start-radius: var(--radius-lg); border-end-start-radius: var(--radius-lg); } .rounded-e-lg { border-start-end-radius: var(--radius-lg); border-end-end-radius: var(--radius-lg); } .\!rounded-t-sm { border-top-left-radius: var(--radius-sm) !important; border-top-right-radius: var(--radius-sm) !important; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-full { border-top-left-radius: calc(infinity * 1px); border-top-right-radius: calc(infinity * 1px); } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-l-xl { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-r-sm { border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm); } .rounded-r-xl { border-top-right-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); } .\!rounded-b-none { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-b-sm { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } .\!border { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[2px\] { border-style: var(--tw-border-style); border-width: 2px; } .border-\[3px\] { border-style: var(--tw-border-style); border-width: 3px; } .border-e-0 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0px; } .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: 0px; } .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: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .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: 0px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .\!border-black\/10 { border-color: color-mix(in srgb, #000 10%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent) !important; } } .\!border-red-300 { border-color: var(--color-red-300) !important; } .\!border-red-500 { border-color: var(--color-red-500) !important; } .border-amber-200 { border-color: var(--color-amber-200); } .border-black\/10 { border-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-black\/20 { border-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { 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-500 { border-color: var(--color-blue-500); } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-700 { border-color: var(--color-blue-700); } .border-current { border-color: currentcolor; } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-200\/60 { border-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-200) 60%, transparent); } } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-700 { border-color: var(--color-gray-700); } .border-gray-800 { border-color: var(--color-gray-800); } .border-gray-900 { border-color: var(--color-gray-900); } .border-gray-900\/10 { border-color: color-mix(in srgb, oklch(21% 0.034 264.665) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent); } } .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-400 { border-color: var(--color-green-400); } .border-green-500 { border-color: var(--color-green-500); } .border-indigo-200 { border-color: var(--color-indigo-200); } .border-indigo-500 { border-color: var(--color-indigo-500); } .border-indigo-600 { border-color: var(--color-indigo-600); } .border-orange-200 { border-color: var(--color-orange-200); } .border-orange-300 { border-color: var(--color-orange-300); } .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: color-mix(in srgb, oklch(82.7% 0.119 306.383) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-300) 30%, transparent); } } .border-purple-500 { border-color: var(--color-purple-500); } .border-purple-500\/30 { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } .border-purple-600 { border-color: var(--color-purple-600); } .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-400 { border-color: var(--color-red-400); } .border-red-500 { border-color: var(--color-red-500); } .border-red-900 { border-color: var(--color-red-900); } .border-teal-400 { border-color: var(--color-teal-400); } .border-teal-500 { border-color: var(--color-teal-500); } .border-transparent { border-color: transparent; } .border-white { border-color: var(--color-white); } .border-white\/10 { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/30 { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, 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-500 { border-color: var(--color-yellow-500); } .border-t-transparent { border-top-color: transparent; } .\!bg-red-50 { background-color: var(--color-red-50) !important; } .bg-\[\#0A66C2\] { background-color: #0A66C2; } .bg-\[\#25D366\] { background-color: #25D366; } .bg-\[\#4267B2\] { background-color: #4267B2; } .bg-\[\#FF4500\] { background-color: #FF4500; } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/95 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 95%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-200 { background-color: var(--color-amber-200); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-black { background-color: var(--color-black); } .bg-black\/0 { background-color: color-mix(in srgb, #000 0%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 0%, transparent); } } .bg-black\/20 { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/30 { background-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/60 { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/70 { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/75 { background-color: color-mix(in srgb, #000 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .bg-black\/80 { background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-black\/90 { background-color: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .bg-black\/95 { background-color: color-mix(in srgb, #000 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 95%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-100\/70 { background-color: color-mix(in srgb, oklch(93.2% 0.032 255.585) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-100) 70%, transparent); } } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-300 { background-color: var(--color-blue-300); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-400\/80 { background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 80%, transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/80 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 80%, transparent); } } .bg-blue-500\/90 { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 90%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-600\/80 { background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-600) 80%, transparent); } } .bg-cyan-100 { background-color: var(--color-cyan-100); } .bg-cyan-600 { background-color: var(--color-cyan-600); } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/95 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 95%, transparent); } } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-50\/80 { background-color: color-mix(in srgb, oklch(98.5% 0.002 247.839) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-100\/80 { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent); } } .bg-gray-100\/90 { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 90%, transparent); } } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-200\/80 { background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-200) 80%, transparent); } } .bg-gray-200\/90 { background-color: color-mix(in srgb, oklch(92.8% 0.006 264.531) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-200) 90%, transparent); } } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-500\/75 { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent); } } .bg-gray-500\/80 { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 80%, transparent); } } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-700\/80 { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 80%, transparent); } } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-800\/80 { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent); } } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/50 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } .bg-gray-900\/75 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 75%, transparent); } } .bg-gray-900\/80 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } .bg-gray-900\/90 { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 90%, transparent); } } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-50\/50 { background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-50) 50%, transparent); } } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-100\/70 { background-color: color-mix(in srgb, oklch(96.2% 0.044 156.743) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-100) 70%, transparent); } } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-600\/80 { background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-600) 80%, transparent); } } .bg-green-700 { background-color: var(--color-green-700); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-100\/70 { background-color: color-mix(in srgb, oklch(93% 0.034 272.788) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-100) 70%, transparent); } } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-indigo-500\/90 { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 90%, transparent); } } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/80 { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 80%, transparent); } } .bg-orange-600 { background-color: var(--color-orange-600); } .bg-pink-500 { background-color: var(--color-pink-500); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-100\/70 { background-color: color-mix(in srgb, oklch(94.6% 0.033 307.174) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-100) 70%, transparent); } } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-500\/80 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 80%, transparent); } } .bg-purple-500\/90 { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 90%, transparent); } } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-purple-600\/80 { background-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-600) 80%, transparent); } } .bg-purple-700 { background-color: var(--color-purple-700); } .bg-purple-900\/30 { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent); } } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-50\/95 { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 95%, transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-500\/75 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 75%, transparent); } } .bg-red-500\/80 { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } .bg-red-600 { background-color: var(--color-red-600); } .bg-red-700 { background-color: var(--color-red-700); } .bg-red-700\/75 { background-color: color-mix(in srgb, oklch(50.5% 0.213 27.518) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-700) 75%, transparent); } } .bg-red-800\/50 { background-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-800) 50%, transparent); } } .bg-red-900\/30 { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-teal-100 { background-color: var(--color-teal-100); } .bg-teal-400 { background-color: var(--color-teal-400); } .bg-teal-600 { background-color: var(--color-teal-600); } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/10 { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/70 { background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #fff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-200 { background-color: var(--color-yellow-200); } .bg-yellow-300 { background-color: var(--color-yellow-300); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-600 { background-color: var(--color-yellow-600); } .bg-zinc-50\/90 { background-color: color-mix(in srgb, oklch(98.5% 0 0) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-zinc-50) 90%, transparent); } } .bg-zinc-100 { background-color: var(--color-zinc-100); } .bg-zinc-900 { background-color: var(--color-zinc-900); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-l { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[url\(\'\/images\/grid\.svg\'\)\] { background-image: url('/images/grid.svg'); } .from-amber-400 { --tw-gradient-from: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-amber-500 { --tw-gradient-from: var(--color-amber-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/20 { --tw-gradient-from: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/70 { --tw-gradient-from: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-500\/20 { --tw-gradient-from: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-600 { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-900 { --tw-gradient-from: var(--color-blue-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-cyan-500 { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-50\/50 { --tw-gradient-from: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-100 { --tw-gradient-from: var(--color-gray-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-200 { --tw-gradient-from: var(--color-gray-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-500 { --tw-gradient-from: var(--color-gray-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-600 { --tw-gradient-from: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-800 { --tw-gradient-from: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-900 { --tw-gradient-from: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-50 { --tw-gradient-from: var(--color-green-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-500 { --tw-gradient-from: var(--color-green-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-50 { --tw-gradient-from: var(--color-indigo-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-100 { --tw-gradient-from: var(--color-indigo-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-300 { --tw-gradient-from: var(--color-indigo-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-500 { --tw-gradient-from: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-700 { --tw-gradient-from: var(--color-indigo-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-900 { --tw-gradient-from: var(--color-indigo-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-500 { --tw-gradient-from: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-pink-600 { --tw-gradient-from: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-50 { --tw-gradient-from: var(--color-purple-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-500\/20 { --tw-gradient-from: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-50 { --tw-gradient-from: var(--color-red-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-500 { --tw-gradient-from: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-50 { --tw-gradient-from: var(--color-yellow-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-yellow-500 { --tw-gradient-from: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-blue-600 { --tw-gradient-via: var(--color-blue-600); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-gray-100 { --tw-gradient-via: var(--color-gray-100); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-gray-900\/40 { --tw-gradient-via: color-mix(in srgb, oklch(21% 0.034 264.665) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-purple-50 { --tw-gradient-via: var(--color-purple-50); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-yellow-500 { --tw-gradient-via: var(--color-yellow-500); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-amber-400 { --tw-gradient-to: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black { --tw-gradient-to: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-50 { --tw-gradient-to: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-100 { --tw-gradient-to: var(--color-blue-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-400 { --tw-gradient-to: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-blue-700 { --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-500 { --tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-emerald-600 { --tw-gradient-to: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-50\/50 { --tw-gradient-to: color-mix(in srgb, oklch(98.5% 0.002 247.839) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-200 { --tw-gradient-to: var(--color-gray-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-600 { --tw-gradient-to: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-700 { --tw-gradient-to: var(--color-gray-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-900 { --tw-gradient-to: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-100 { --tw-gradient-to: var(--color-green-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-green-600 { --tw-gradient-to: var(--color-green-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-50 { --tw-gradient-to: var(--color-indigo-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-100 { --tw-gradient-to: var(--color-indigo-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-500 { --tw-gradient-to: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-600 { --tw-gradient-to: var(--color-indigo-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-900 { --tw-gradient-to: var(--color-indigo-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-500 { --tw-gradient-to: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-600 { --tw-gradient-to: var(--color-orange-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-50 { --tw-gradient-to: var(--color-pink-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-500\/20 { --tw-gradient-to: color-mix(in srgb, oklch(65.6% 0.241 354.308) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-pink-500) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-600 { --tw-gradient-to: var(--color-pink-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-50 { --tw-gradient-to: var(--color-purple-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-100 { --tw-gradient-to: var(--color-purple-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-200 { --tw-gradient-to: var(--color-purple-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-600 { --tw-gradient-to: var(--color-purple-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-600\/20 { --tw-gradient-to: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-100 { --tw-gradient-to: var(--color-red-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-red-600 { --tw-gradient-to: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-rose-500 { --tw-gradient-to: var(--color-rose-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-rose-600 { --tw-gradient-to: var(--color-rose-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-100 { --tw-gradient-to: var(--color-yellow-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-500 { --tw-gradient-to: var(--color-yellow-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-yellow-600 { --tw-gradient-to: var(--color-yellow-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .\[mask-image\:linear-gradient\(180deg\,white\,rgba\(255\,255\,255\,0\)\)\] { mask-image: linear-gradient(180deg,white,rgba(255,255,255,0)); } .bg-cover { background-size: cover; } .bg-clip-text { background-clip: text; } .bg-center { background-position: center; } .fill-black { fill: var(--color-black); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-bottom { object-position: bottom; } .object-center { object-position: center; } .object-top { object-position: top; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-12 { padding: calc(var(--spacing) * 12); } .p-14 { padding: calc(var(--spacing) * 14); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .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-12 { padding-inline: calc(var(--spacing) * 12); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .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-32 { padding-block: calc(var(--spacing) * 32); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-14 { padding-top: calc(var(--spacing) * 14); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pt-80 { padding-top: calc(var(--spacing) * 80); } .pt-\[10dvh\] { padding-top: 10dvh; } .pt-\[10vh\] { padding-top: 10vh; } .pt-\[calc\(200dvh\)\] { padding-top: calc(200dvh); } .pt-\[calc\(200vh\)\] { padding-top: calc(200vh); } .pt-\[calc\(var\(--vh\)\*10\)\] { padding-top: calc(var(--vh) * 10); } .pt-\[calc\(var\(--vh\)\*200\)\] { padding-top: calc(var(--vh) * 200); } .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-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\.5 { padding-bottom: calc(var(--spacing) * 0.5); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .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-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .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-\[80px\] { padding-bottom: 80px; } .pb-\[150px\] { padding-bottom: 150px; } .pb-\[calc\(200dvh\)\] { padding-bottom: calc(200dvh); } .pb-\[calc\(200vh\)\] { padding-bottom: calc(200vh); } .pb-\[calc\(var\(--vh\)\*200\)\] { padding-bottom: calc(var(--vh) * 200); } .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-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .font-mono { font-family: var(--font-mono); } .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-lg\/8 { font-size: var(--text-lg); line-height: calc(var(--spacing) * 8); } .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-\[0\.8125rem\] { font-size: 0.8125rem; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .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-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-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-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .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; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .\!text-blue-500 { color: var(--color-blue-500) !important; } .\!text-red-900 { color: var(--color-red-900) !important; } .text-amber-500 { color: var(--color-amber-500); } .text-amber-600 { color: var(--color-amber-600); } .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-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .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-brand { color: var(--color-brand); } .text-current { color: currentcolor; } .text-cyan-600 { color: var(--color-cyan-600); } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-emerald-800 { color: var(--color-emerald-800); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-600\/80 { color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-green-600) 80%, 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-200 { color: var(--color-indigo-200); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-indigo-600\/70 { color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-indigo-600) 70%, 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-orange-400 { color: var(--color-orange-400); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-700 { color: var(--color-orange-700); } .text-orange-800 { color: var(--color-orange-800); } .text-pink-600 { color: var(--color-pink-600); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-500 { color: var(--color-purple-500); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-800 { color: var(--color-purple-800); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-rose-500 { color: var(--color-rose-500); } .text-slate-600 { color: var(--color-slate-600); } .text-teal-400 { color: var(--color-teal-400); } .text-teal-600 { color: var(--color-teal-600); } .text-transparent { color: transparent; } .text-white { color: var(--color-white); } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .\!placeholder-red-700 { &::placeholder { color: var(--color-red-700) !important; } } .placeholder-gray-400 { &::placeholder { color: var(--color-gray-400); } } .placeholder-gray-500 { &::placeholder { color: var(--color-gray-500); } } .placeholder-red-700 { &::placeholder { color: var(--color-red-700); } } .accent-gray-800 { accent-color: var(--color-gray-800); } .opacity-0 { opacity: 0%; } .opacity-20 { opacity: 20%; } .opacity-25 { opacity: 25%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-90 { opacity: 90%; } .opacity-100 { opacity: 100%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_25px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(0,0,0,0.2)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_4px_15px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 4px 15px var(--tw-shadow-color, rgba(0,0,0,0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-gray-900\/5 { --tw-shadow-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-zinc-700\/10 { --tw-shadow-color: color-mix(in srgb, oklch(37% 0.013 285.805) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-zinc-700) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-amber-100 { --tw-ring-color: var(--color-amber-100); } .ring-amber-200 { --tw-ring-color: var(--color-amber-200); } .ring-amber-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-600) 20%, transparent); } } .ring-black { --tw-ring-color: var(--color-black); } .ring-blue-100 { --tw-ring-color: var(--color-blue-100); } .ring-blue-200 { --tw-ring-color: var(--color-blue-200); } .ring-blue-400 { --tw-ring-color: var(--color-blue-400); } .ring-blue-500 { --tw-ring-color: var(--color-blue-500); } .ring-blue-500\/20 { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .ring-blue-500\/50 { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent); } } .ring-blue-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .ring-blue-700\/10 { --tw-ring-color: color-mix(in srgb, oklch(48.8% 0.243 264.376) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 10%, transparent); } } .ring-gray-200 { --tw-ring-color: var(--color-gray-200); } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-gray-400 { --tw-ring-color: var(--color-gray-400); } .ring-gray-500\/10 { --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } .ring-gray-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent); } } .ring-gray-700\/10 { --tw-ring-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-700) 10%, transparent); } } .ring-gray-900\/5 { --tw-ring-color: color-mix(in srgb, oklch(21% 0.034 264.665) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent); } } .ring-green-400 { --tw-ring-color: var(--color-green-400); } .ring-green-500 { --tw-ring-color: var(--color-green-500); } .ring-green-500\/20 { --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .ring-green-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-green-600) 20%, transparent); } } .ring-indigo-700\/10 { --tw-ring-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-indigo-700) 10%, transparent); } } .ring-orange-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(64.6% 0.222 41.116) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-orange-600) 20%, transparent); } } .ring-purple-400 { --tw-ring-color: var(--color-purple-400); } .ring-purple-500 { --tw-ring-color: var(--color-purple-500); } .ring-purple-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent); } } .ring-red-500 { --tw-ring-color: var(--color-red-500); } .ring-white { --tw-ring-color: var(--color-white); } .ring-zinc-700\/10 { --tw-ring-color: color-mix(in srgb, oklch(37% 0.013 285.805) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-zinc-700) 10%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .blur-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,); } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-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,); } .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,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -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-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-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, 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)); } .duration-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .duration-700 { --tw-duration: 700ms; transition-duration: 700ms; } .duration-1000 { --tw-duration: 1000ms; transition-duration: 1000ms; } .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); } .select-none { -webkit-user-select: none; user-select: none; } .\[scrollbar-gutter\:stable\] { scrollbar-gutter: stable; } .ring-inset { --tw-ring-inset: inset; } .group-hover\:translate-x-1 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:scale-110 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .group-hover\:scale-\[1\.02\] { &:is(:where(.group):hover *) { @media (hover: hover) { scale: 1.02; } } } .group-hover\:rotate-90 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 90deg; } } } .group-hover\:rotate-180 { &:is(:where(.group):hover *) { @media (hover: hover) { rotate: 180deg; } } } .group-hover\:text-amber-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-amber-600); } } } .group-hover\:text-amber-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-amber-700); } } } .group-hover\:text-blue-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-600); } } } .group-hover\:text-blue-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-700); } } } .group-hover\:text-cyan-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-cyan-600); } } } .group-hover\:text-cyan-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-cyan-700); } } } .group-hover\:text-gray-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-600); } } } .group-hover\:text-gray-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-700); } } } .group-hover\:text-green-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-green-600); } } } .group-hover\:text-green-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-green-700); } } } .group-hover\:text-green-800 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-green-800); } } } .group-hover\:text-indigo-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-indigo-600); } } } .group-hover\:text-indigo-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-indigo-700); } } } .group-hover\:text-orange-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-600); } } } .group-hover\:text-orange-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-700); } } } .group-hover\:text-pink-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-pink-600); } } } .group-hover\:text-pink-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-pink-700); } } } .group-hover\:text-purple-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-purple-600); } } } .group-hover\:text-purple-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-purple-700); } } } .group-hover\:text-red-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-red-600); } } } .group-hover\:text-red-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-red-700); } } } .group-hover\:text-teal-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-teal-600); } } } .group-hover\:text-teal-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-teal-700); } } } .group-hover\:text-yellow-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-yellow-600); } } } .group-hover\:text-yellow-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-yellow-700); } } } .group-hover\:underline { &:is(:where(.group):hover *) { @media (hover: hover) { text-decoration-line: underline; } } } .group-hover\:opacity-80 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 80%; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\:shadow-2xl { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); 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-md { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .peer-checked\:bg-blue-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-600); } } .peer-checked\:bg-purple-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-purple-600); } } .peer-focus\:ring-4 { &:is(:where(.peer):focus ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .peer-focus\:ring-blue-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-300); } } .peer-focus\:ring-purple-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-purple-300); } } .peer-focus\:outline-none { &:is(:where(.peer):focus ~ *) { --tw-outline-style: none; outline-style: none; } } .placeholder\:text-xs { &::placeholder { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:top-\[2px\] { &::after { content: var(--tw-content); top: 2px; } } .after\:left-\[2px\] { &::after { content: var(--tw-content); left: 2px; } } .after\:h-5 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .after\:w-5 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:border { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } } .after\:border-gray-300 { &::after { content: var(--tw-content); border-color: var(--color-gray-300); } } .after\:bg-white { &::after { content: var(--tw-content); background-color: var(--color-white); } } .after\:transition-all { &::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:content-\[\'\'\] { &::after { content: var(--tw-content); --tw-content: ''; content: var(--tw-content); } } .peer-checked\:after\:translate-x-full { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .peer-checked\:after\:border-white { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); border-color: var(--color-white); } } } .first\:ml-4 { &:first-child { margin-left: calc(var(--spacing) * 4); } } .first\:rounded-t-sm { &:first-child { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } } .last\:mr-4 { &:last-child { margin-right: calc(var(--spacing) * 4); } } .last\:rounded-b-sm { &:last-child { border-bottom-right-radius: var(--radius-sm); border-bottom-left-radius: var(--radius-sm); } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .focus-within\:border-blue-500 { &:focus-within { border-color: var(--color-blue-500); } } .focus-within\:ring-1 { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-blue-500 { &:focus-within { --tw-ring-color: var(--color-blue-500); } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-\[1\.02\] { &:hover { @media (hover: hover) { scale: 1.02; } } } .hover\:cursor-pointer { &:hover { @media (hover: hover) { cursor: pointer; } } } .hover\:\!border-black\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #000 20%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 20%, transparent) !important; } } } } .hover\:border-black\/20 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } .hover\:border-blue-400 { &:hover { @media (hover: hover) { border-color: var(--color-blue-400); } } } .hover\:border-blue-500 { &:hover { @media (hover: hover) { border-color: var(--color-blue-500); } } } .hover\:border-blue-800 { &:hover { @media (hover: hover) { border-color: var(--color-blue-800); } } } .hover\:border-gray-300 { &:hover { @media (hover: hover) { border-color: var(--color-gray-300); } } } .hover\:border-gray-400 { &:hover { @media (hover: hover) { border-color: var(--color-gray-400); } } } .hover\:border-green-400 { &:hover { @media (hover: hover) { border-color: var(--color-green-400); } } } .hover\:border-indigo-300 { &:hover { @media (hover: hover) { border-color: var(--color-indigo-300); } } } .hover\:border-indigo-500 { &:hover { @media (hover: hover) { border-color: var(--color-indigo-500); } } } .hover\:border-purple-300 { &:hover { @media (hover: hover) { border-color: var(--color-purple-300); } } } .hover\:border-purple-500 { &:hover { @media (hover: hover) { border-color: var(--color-purple-500); } } } .hover\:border-white\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } } .hover\:bg-amber-50 { &:hover { @media (hover: hover) { background-color: var(--color-amber-50); } } } .hover\:bg-amber-100 { &:hover { @media (hover: hover) { background-color: var(--color-amber-100); } } } .hover\:bg-amber-600 { &:hover { @media (hover: hover) { background-color: var(--color-amber-600); } } } .hover\:bg-black\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } .hover\:bg-black\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } } } .hover\:bg-black\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } } } .hover\:bg-black\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } } } .hover\:bg-blue-50 { &:hover { @media (hover: hover) { background-color: var(--color-blue-50); } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-200 { &:hover { @media (hover: hover) { background-color: var(--color-blue-200); } } } .hover\:bg-blue-400 { &:hover { @media (hover: hover) { background-color: var(--color-blue-400); } } } .hover\:bg-blue-600 { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-blue-800 { &:hover { @media (hover: hover) { background-color: var(--color-blue-800); } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-100\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 20%, transparent); } } } } .hover\:bg-gray-100\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 60%, transparent); } } } } .hover\:bg-gray-100\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 80%, transparent); } } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-gray-300 { &:hover { @media (hover: hover) { background-color: var(--color-gray-300); } } } .hover\:bg-gray-300\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-300) 90%, transparent); } } } } .hover\:bg-gray-400 { &:hover { @media (hover: hover) { background-color: var(--color-gray-400); } } } .hover\:bg-gray-500 { &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } } .hover\:bg-gray-600 { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } .hover\:bg-gray-700 { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } .hover\:bg-gray-800 { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } .hover\:bg-gray-900 { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } .hover\:bg-green-50 { &:hover { @media (hover: hover) { background-color: var(--color-green-50); } } } .hover\:bg-green-100 { &:hover { @media (hover: hover) { background-color: var(--color-green-100); } } } .hover\:bg-green-200 { &:hover { @media (hover: hover) { background-color: var(--color-green-200); } } } .hover\:bg-green-600 { &:hover { @media (hover: hover) { background-color: var(--color-green-600); } } } .hover\:bg-green-700 { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } .hover\:bg-green-800 { &:hover { @media (hover: hover) { background-color: var(--color-green-800); } } } .hover\:bg-indigo-50 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-50); } } } .hover\:bg-indigo-100 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-100); } } } .hover\:bg-indigo-200 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-200); } } } .hover\:bg-indigo-500 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-500); } } } .hover\:bg-indigo-600 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-600); } } } .hover\:bg-indigo-600\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-600) 20%, transparent); } } } } .hover\:bg-indigo-700 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-700); } } } .hover\:bg-orange-50 { &:hover { @media (hover: hover) { background-color: var(--color-orange-50); } } } .hover\:bg-orange-100 { &:hover { @media (hover: hover) { background-color: var(--color-orange-100); } } } .hover\:bg-orange-200 { &:hover { @media (hover: hover) { background-color: var(--color-orange-200); } } } .hover\:bg-orange-500 { &:hover { @media (hover: hover) { background-color: var(--color-orange-500); } } } .hover\:bg-orange-700 { &:hover { @media (hover: hover) { background-color: var(--color-orange-700); } } } .hover\:bg-purple-50 { &:hover { @media (hover: hover) { background-color: var(--color-purple-50); } } } .hover\:bg-purple-100 { &:hover { @media (hover: hover) { background-color: var(--color-purple-100); } } } .hover\:bg-purple-600 { &:hover { @media (hover: hover) { background-color: var(--color-purple-600); } } } .hover\:bg-purple-700 { &:hover { @media (hover: hover) { background-color: var(--color-purple-700); } } } .hover\:bg-red-50 { &:hover { @media (hover: hover) { background-color: var(--color-red-50); } } } .hover\:bg-red-50\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 80%, transparent); } } } } .hover\:bg-red-100 { &:hover { @media (hover: hover) { background-color: var(--color-red-100); } } } .hover\:bg-red-200 { &:hover { @media (hover: hover) { background-color: var(--color-red-200); } } } .hover\:bg-red-500 { &:hover { @media (hover: hover) { background-color: var(--color-red-500); } } } .hover\:bg-red-500\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent); } } } } .hover\:bg-red-600 { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-red-800 { &:hover { @media (hover: hover) { background-color: var(--color-red-800); } } } .hover\:bg-teal-500 { &:hover { @media (hover: hover) { background-color: var(--color-teal-500); } } } .hover\:bg-teal-900\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-900) 30%, transparent); } } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-white\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } .hover\:bg-white\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } .hover\:bg-white\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } } } .hover\:bg-white\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } } .hover\:bg-yellow-50 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-50); } } } .hover\:bg-yellow-100 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-100); } } } .hover\:bg-yellow-200 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-200); } } } .hover\:bg-yellow-700 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-700); } } } .hover\:bg-zinc-200 { &:hover { @media (hover: hover) { background-color: var(--color-zinc-200); } } } .hover\:bg-zinc-700 { &:hover { @media (hover: hover) { background-color: var(--color-zinc-700); } } } .hover\:bg-gradient-to-l { &:hover { @media (hover: hover) { --tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:bg-gradient-to-r { &:hover { @media (hover: hover) { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:from-blue-600 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-blue-700 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-cyan-600 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-gray-500 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-gray-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-gray-700 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-gray-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-white\/10 { &:hover { @media (hover: hover) { --tw-gradient-from: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-blue-700 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-blue-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-gray-600 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-gray-800 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-purple-700 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-transparent { &:hover { @media (hover: hover) { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:text-amber-600 { &:hover { @media (hover: hover) { color: var(--color-amber-600); } } } .hover\:text-blue-300 { &:hover { @media (hover: hover) { color: var(--color-blue-300); } } } .hover\:text-blue-500 { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-blue-800 { &:hover { @media (hover: hover) { color: var(--color-blue-800); } } } .hover\:text-blue-900 { &:hover { @media (hover: hover) { color: var(--color-blue-900); } } } .hover\:text-brand\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, oklch(66.64% 0.2202 37.57) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand) 80%, transparent); } } } } .hover\:text-gray-500 { &:hover { @media (hover: hover) { color: var(--color-gray-500); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-700 { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } .hover\:text-gray-800 { &:hover { @media (hover: hover) { color: var(--color-gray-800); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-green-600 { &:hover { @media (hover: hover) { color: var(--color-green-600); } } } .hover\:text-green-700 { &:hover { @media (hover: hover) { color: var(--color-green-700); } } } .hover\:text-green-800 { &:hover { @media (hover: hover) { color: var(--color-green-800); } } } .hover\:text-green-900 { &:hover { @media (hover: hover) { color: var(--color-green-900); } } } .hover\:text-indigo-300 { &:hover { @media (hover: hover) { color: var(--color-indigo-300); } } } .hover\:text-indigo-400 { &:hover { @media (hover: hover) { color: var(--color-indigo-400); } } } .hover\:text-indigo-500 { &:hover { @media (hover: hover) { color: var(--color-indigo-500); } } } .hover\:text-indigo-600 { &:hover { @media (hover: hover) { color: var(--color-indigo-600); } } } .hover\:text-indigo-700 { &:hover { @media (hover: hover) { color: var(--color-indigo-700); } } } .hover\:text-indigo-800 { &:hover { @media (hover: hover) { color: var(--color-indigo-800); } } } .hover\:text-indigo-900 { &:hover { @media (hover: hover) { color: var(--color-indigo-900); } } } .hover\:text-orange-600 { &:hover { @media (hover: hover) { color: var(--color-orange-600); } } } .hover\:text-orange-800 { &:hover { @media (hover: hover) { color: var(--color-orange-800); } } } .hover\:text-orange-900 { &:hover { @media (hover: hover) { color: var(--color-orange-900); } } } .hover\:text-purple-600 { &:hover { @media (hover: hover) { color: var(--color-purple-600); } } } .hover\:text-purple-700 { &:hover { @media (hover: hover) { color: var(--color-purple-700); } } } .hover\:text-purple-800 { &:hover { @media (hover: hover) { color: var(--color-purple-800); } } } .hover\:text-purple-900 { &:hover { @media (hover: hover) { color: var(--color-purple-900); } } } .hover\:text-red-500 { &:hover { @media (hover: hover) { color: var(--color-red-500); } } } .hover\:text-red-600 { &:hover { @media (hover: hover) { color: var(--color-red-600); } } } .hover\:text-red-700 { &:hover { @media (hover: hover) { color: var(--color-red-700); } } } .hover\:text-red-800 { &:hover { @media (hover: hover) { color: var(--color-red-800); } } } .hover\:text-red-900 { &:hover { @media (hover: hover) { color: var(--color-red-900); } } } .hover\:text-teal-500 { &:hover { @media (hover: hover) { color: var(--color-teal-500); } } } .hover\:text-yellow-200 { &:hover { @media (hover: hover) { color: var(--color-yellow-200); } } } .hover\:text-yellow-500 { &:hover { @media (hover: hover) { color: var(--color-yellow-500); } } } .hover\:text-yellow-600 { &:hover { @media (hover: hover) { color: var(--color-yellow-600); } } } .hover\:text-yellow-900 { &:hover { @media (hover: hover) { color: var(--color-yellow-900); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-40 { &:hover { @media (hover: hover) { opacity: 40%; } } } .hover\:opacity-80 { &:hover { @media (hover: hover) { opacity: 80%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-2xl { &:hover { @media (hover: hover) { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); 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-\[0_8px_30px_rgba\(0\,0\,0\,0\.2\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(0,0,0,0.2)); 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 { @media (hover: hover) { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-md { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); 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-xl { &:hover { @media (hover: hover) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:ring-2 { &:hover { @media (hover: hover) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-blue-500\/20 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:ring-blue-500 { &:hover { @media (hover: hover) { --tw-ring-color: var(--color-blue-500); } } } .focus\:z-10 { &:focus { z-index: 10; } } .focus\:z-20 { &:focus { z-index: 20; } } .focus\:\!border-black\/30 { &:focus { border-color: color-mix(in srgb, #000 30%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 30%, transparent) !important; } } } .focus\:border-black\/30 { &:focus { border-color: color-mix(in srgb, #000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } } .focus\:border-blue-300 { &:focus { border-color: var(--color-blue-300); } } .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); } } .focus\:border-brand { &:focus { border-color: var(--color-brand); } } .focus\:border-gray-500 { &:focus { border-color: var(--color-gray-500); } } .focus\:border-indigo-500 { &:focus { border-color: var(--color-indigo-500); } } .focus\:border-indigo-600 { &:focus { border-color: var(--color-indigo-600); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:border-transparent { &:focus { border-color: transparent; } } .focus\:bg-blue-200 { &:focus { background-color: var(--color-blue-200); } } .focus\:bg-gray-100\/10 { &:focus { background-color: color-mix(in srgb, oklch(96.7% 0.003 264.542) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 10%, transparent); } } } .focus\:bg-white\/10 { &:focus { background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .focus\:text-blue-600 { &:focus { color: var(--color-blue-600); } } .focus\:ring { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-1 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-4 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-amber-500 { &:focus { --tw-ring-color: var(--color-amber-500); } } .focus\:ring-black { &:focus { --tw-ring-color: var(--color-black); } } .focus\:ring-blue-200 { &:focus { --tw-ring-color: var(--color-blue-200); } } .focus\:ring-blue-300 { &:focus { --tw-ring-color: var(--color-blue-300); } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-blue-500\/5 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } } .focus\:ring-emerald-500 { &:focus { --tw-ring-color: var(--color-emerald-500); } } .focus\:ring-gray-100 { &:focus { --tw-ring-color: var(--color-gray-100); } } .focus\:ring-gray-200 { &:focus { --tw-ring-color: var(--color-gray-200); } } .focus\:ring-gray-300 { &:focus { --tw-ring-color: var(--color-gray-300); } } .focus\:ring-gray-300\/50 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(87.2% 0.01 258.338) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-300) 50%, transparent); } } } .focus\:ring-gray-500 { &:focus { --tw-ring-color: var(--color-gray-500); } } .focus\:ring-gray-700 { &:focus { --tw-ring-color: var(--color-gray-700); } } .focus\:ring-gray-800 { &:focus { --tw-ring-color: var(--color-gray-800); } } .focus\:ring-green-300 { &:focus { --tw-ring-color: var(--color-green-300); } } .focus\:ring-green-500 { &:focus { --tw-ring-color: var(--color-green-500); } } .focus\:ring-indigo-500 { &:focus { --tw-ring-color: var(--color-indigo-500); } } .focus\:ring-indigo-600 { &:focus { --tw-ring-color: var(--color-indigo-600); } } .focus\:ring-orange-500 { &:focus { --tw-ring-color: var(--color-orange-500); } } .focus\:ring-purple-500 { &:focus { --tw-ring-color: var(--color-purple-500); } } .focus\:ring-red-300 { &:focus { --tw-ring-color: var(--color-red-300); } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:ring-teal-500 { &:focus { --tw-ring-color: var(--color-teal-500); } } .focus\:ring-white\/50 { &:focus { --tw-ring-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } } .focus\:ring-yellow-400 { &:focus { --tw-ring-color: var(--color-yellow-400); } } .focus\:ring-yellow-500 { &:focus { --tw-ring-color: var(--color-yellow-500); } } .focus\:ring-offset-1 { &:focus { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:ring-offset-2 { &:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:outline-hidden { &:focus { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus\:outline-offset-0 { &:focus { outline-offset: 0px; } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus\:ring-inset { &:focus { --tw-ring-inset: inset; } } .focus-visible\:outline { &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } } .focus-visible\:outline-2 { &:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } } .focus-visible\:outline-offset-2 { &:focus-visible { outline-offset: 2px; } } .focus-visible\:outline-gray-900 { &:focus-visible { outline-color: var(--color-gray-900); } } .focus-visible\:outline-indigo-600 { &:focus-visible { outline-color: var(--color-indigo-600); } } .focus-visible\:outline-orange-600 { &:focus-visible { outline-color: var(--color-orange-600); } } .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\:bg-blue-700 { &:active { background-color: var(--color-blue-700); } } .active\:bg-green-700 { &:active { background-color: var(--color-green-700); } } .active\:bg-purple-700 { &:active { background-color: var(--color-purple-700); } } .active\:bg-red-200 { &:active { background-color: var(--color-red-200); } } .active\:bg-red-700 { &:active { background-color: var(--color-red-700); } } .disabled\:transform-none { &:disabled { transform: none; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-gray-400 { &:disabled { background-color: var(--color-gray-400); } } .disabled\:bg-indigo-400 { &:disabled { background-color: var(--color-indigo-400); } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:hover\:border-gray-200 { &:disabled { &:hover { @media (hover: hover) { border-color: var(--color-gray-200); } } } } .disabled\:hover\:bg-transparent { &:disabled { &:hover { @media (hover: hover) { background-color: transparent; } } } } .sm\:order-2 { @media (width >= 40rem) { order: 2; } } .sm\:order-first { @media (width >= 40rem) { order: -9999; } } .sm\:order-last { @media (width >= 40rem) { order: 9999; } } .sm\:col-span-1 { @media (width >= 40rem) { grid-column: span 1 / span 1; } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:col-span-3 { @media (width >= 40rem) { grid-column: span 3 / span 3; } } .sm\:col-span-4 { @media (width >= 40rem) { grid-column: span 4 / span 4; } } .sm\:col-span-6 { @media (width >= 40rem) { grid-column: span 6 / span 6; } } .sm\:col-start-1 { @media (width >= 40rem) { grid-column-start: 1; } } .sm\:col-start-2 { @media (width >= 40rem) { grid-column-start: 2; } } .sm\:-mx-6 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * -6); } } .sm\:mx-0 { @media (width >= 40rem) { margin-inline: calc(var(--spacing) * 0); } } .sm\:mx-auto { @media (width >= 40rem) { margin-inline: auto; } } .sm\:my-4 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 4); } } .sm\:my-8 { @media (width >= 40rem) { margin-block: calc(var(--spacing) * 8); } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:mt-4 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 4); } } .sm\:mt-5 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 5); } } .sm\:mt-6 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 6); } } .sm\:mt-7 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 7); } } .sm\:mt-20 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 20); } } .sm\:mr-1 { @media (width >= 40rem) { margin-right: calc(var(--spacing) * 1); } } .sm\:mr-2 { @media (width >= 40rem) { margin-right: calc(var(--spacing) * 2); } } .sm\:mr-3 { @media (width >= 40rem) { margin-right: calc(var(--spacing) * 3); } } .sm\:mb-2 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 2); } } .sm\:mb-8 { @media (width >= 40rem) { margin-bottom: calc(var(--spacing) * 8); } } .sm\:ml-0 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 0); } } .sm\:ml-1 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 1); } } .sm\:ml-3 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 3); } } .sm\:ml-4 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 4); } } .sm\:ml-16 { @media (width >= 40rem) { margin-left: calc(var(--spacing) * 16); } } .sm\:ml-auto { @media (width >= 40rem) { margin-left: auto; } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:grid { @media (width >= 40rem) { display: grid; } } .sm\:hidden { @media (width >= 40rem) { display: none; } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:inline-block { @media (width >= 40rem) { display: inline-block; } } .sm\:table-cell { @media (width >= 40rem) { display: table-cell; } } .sm\:aspect-\[2\/1\] { @media (width >= 40rem) { aspect-ratio: 2/1; } } .sm\:h-3\.5 { @media (width >= 40rem) { height: calc(var(--spacing) * 3.5); } } .sm\:h-4 { @media (width >= 40rem) { height: calc(var(--spacing) * 4); } } .sm\:h-5 { @media (width >= 40rem) { height: calc(var(--spacing) * 5); } } .sm\:h-10 { @media (width >= 40rem) { height: calc(var(--spacing) * 10); } } .sm\:h-16 { @media (width >= 40rem) { height: calc(var(--spacing) * 16); } } .sm\:h-20 { @media (width >= 40rem) { height: calc(var(--spacing) * 20); } } .sm\:h-32 { @media (width >= 40rem) { height: calc(var(--spacing) * 32); } } .sm\:h-\[18px\] { @media (width >= 40rem) { height: 18px; } } .sm\:h-auto { @media (width >= 40rem) { height: auto; } } .sm\:h-screen { @media (width >= 40rem) { height: 100vh; } } .sm\:max-h-\[70vh\] { @media (width >= 40rem) { max-height: 70vh; } } .sm\:min-h-0 { @media (width >= 40rem) { min-height: calc(var(--spacing) * 0); } } .sm\:w-1\/2 { @media (width >= 40rem) { width: calc(1/2 * 100%); } } .sm\:w-3\.5 { @media (width >= 40rem) { width: calc(var(--spacing) * 3.5); } } .sm\:w-4 { @media (width >= 40rem) { width: calc(var(--spacing) * 4); } } .sm\:w-5 { @media (width >= 40rem) { width: calc(var(--spacing) * 5); } } .sm\:w-10 { @media (width >= 40rem) { width: calc(var(--spacing) * 10); } } .sm\:w-16 { @media (width >= 40rem) { width: calc(var(--spacing) * 16); } } .sm\:w-20 { @media (width >= 40rem) { width: calc(var(--spacing) * 20); } } .sm\:w-32 { @media (width >= 40rem) { width: calc(var(--spacing) * 32); } } .sm\:w-48 { @media (width >= 40rem) { width: calc(var(--spacing) * 48); } } .sm\:w-72 { @media (width >= 40rem) { width: calc(var(--spacing) * 72); } } .sm\:w-96 { @media (width >= 40rem) { width: calc(var(--spacing) * 96); } } .sm\:w-\[18px\] { @media (width >= 40rem) { width: 18px; } } .sm\:w-auto { @media (width >= 40rem) { width: auto; } } .sm\:w-full { @media (width >= 40rem) { width: 100%; } } .sm\:max-w-2xl { @media (width >= 40rem) { max-width: var(--container-2xl); } } .sm\:max-w-3xl { @media (width >= 40rem) { max-width: var(--container-3xl); } } .sm\:max-w-4xl { @media (width >= 40rem) { max-width: var(--container-4xl); } } .sm\:max-w-full { @media (width >= 40rem) { max-width: 100%; } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:max-w-md { @media (width >= 40rem) { max-width: var(--container-md); } } .sm\:flex-1 { @media (width >= 40rem) { flex: 1; } } .sm\:flex-auto { @media (width >= 40rem) { flex: auto; } } .sm\:flex-none { @media (width >= 40rem) { flex: none; } } .sm\:-translate-y-12 { @media (width >= 40rem) { --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } } .sm\:-translate-y-36 { @media (width >= 40rem) { --tw-translate-y: calc(var(--spacing) * -36); translate: var(--tw-translate-x) var(--tw-translate-y); } } .sm\:grid-flow-row-dense { @media (width >= 40rem) { grid-auto-flow: row dense; } } .sm\:grid-cols-1 { @media (width >= 40rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-5 { @media (width >= 40rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .sm\:grid-cols-6 { @media (width >= 40rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:flex-row-reverse { @media (width >= 40rem) { flex-direction: row-reverse; } } .sm\:items-center { @media (width >= 40rem) { align-items: center; } } .sm\:items-start { @media (width >= 40rem) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 40rem) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 40rem) { justify-content: flex-end; } } .sm\:gap-2 { @media (width >= 40rem) { gap: calc(var(--spacing) * 2); } } .sm\:gap-3 { @media (width >= 40rem) { gap: calc(var(--spacing) * 3); } } .sm\:gap-4 { @media (width >= 40rem) { gap: calc(var(--spacing) * 4); } } .sm\:gap-8 { @media (width >= 40rem) { gap: calc(var(--spacing) * 8); } } .sm\:gap-10 { @media (width >= 40rem) { gap: calc(var(--spacing) * 10); } } .sm\:space-x-2 { @media (width >= 40rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } } } .sm\:truncate { @media (width >= 40rem) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .sm\:rounded-sm { @media (width >= 40rem) { border-radius: var(--radius-sm); } } .sm\:p-0 { @media (width >= 40rem) { padding: calc(var(--spacing) * 0); } } .sm\:p-2 { @media (width >= 40rem) { padding: calc(var(--spacing) * 2); } } .sm\:p-3 { @media (width >= 40rem) { padding: calc(var(--spacing) * 3); } } .sm\:p-4 { @media (width >= 40rem) { padding: calc(var(--spacing) * 4); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .sm\:p-7 { @media (width >= 40rem) { padding: calc(var(--spacing) * 7); } } .sm\:p-8 { @media (width >= 40rem) { padding: calc(var(--spacing) * 8); } } .sm\:px-2 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 2); } } .sm\:px-2\.5 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 2.5); } } .sm\:px-3 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 3); } } .sm\:px-4 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-6 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } } .sm\:px-8 { @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 8); } } .sm\:py-1\.5 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 1.5); } } .sm\:py-4 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 4); } } .sm\:py-6 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 6); } } .sm\:py-8 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 8); } } .sm\:py-24 { @media (width >= 40rem) { padding-block: calc(var(--spacing) * 24); } } .sm\:pt-0 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 0); } } .sm\:pt-48 { @media (width >= 40rem) { padding-top: calc(var(--spacing) * 48); } } .sm\:pr-0 { @media (width >= 40rem) { padding-right: calc(var(--spacing) * 0); } } .sm\:pb-4 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 4); } } .sm\:pb-20 { @media (width >= 40rem) { padding-bottom: calc(var(--spacing) * 20); } } .sm\:pl-0 { @media (width >= 40rem) { padding-left: calc(var(--spacing) * 0); } } .sm\:pl-6 { @media (width >= 40rem) { padding-left: calc(var(--spacing) * 6); } } .sm\:text-left { @media (width >= 40rem) { text-align: left; } } .sm\:align-middle { @media (width >= 40rem) { vertical-align: middle; } } .sm\:text-2xl { @media (width >= 40rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-3xl { @media (width >= 40rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .sm\:text-4xl { @media (width >= 40rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .sm\:text-5xl { @media (width >= 40rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .sm\:text-lg { @media (width >= 40rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sm\:text-sm { @media (width >= 40rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .sm\:text-xl { @media (width >= 40rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .sm\:text-xs { @media (width >= 40rem) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .sm\:leading-6 { @media (width >= 40rem) { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } } .sm\:leading-normal { @media (width >= 40rem) { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } } .sm\:tracking-tight { @media (width >= 40rem) { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } } .md\:pointer-events-none { @media (width >= 48rem) { pointer-events: none; } } .md\:absolute { @media (width >= 48rem) { position: absolute; } } .md\:inset-y-0 { @media (width >= 48rem) { inset-block: calc(var(--spacing) * 0); } } .md\:top-16 { @media (width >= 48rem) { top: calc(var(--spacing) * 16); } } .md\:-right-8 { @media (width >= 48rem) { right: calc(var(--spacing) * -8); } } .md\:right-0 { @media (width >= 48rem) { right: calc(var(--spacing) * 0); } } .md\:bottom-0 { @media (width >= 48rem) { bottom: calc(var(--spacing) * 0); } } .md\:-left-8 { @media (width >= 48rem) { left: calc(var(--spacing) * -8); } } .md\:left-0 { @media (width >= 48rem) { left: calc(var(--spacing) * 0); } } .md\:z-30 { @media (width >= 48rem) { z-index: 30; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:mb-0 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 0); } } .md\:mb-16 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 16); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:table-cell { @media (width >= 48rem) { display: table-cell; } } .md\:h-5 { @media (width >= 48rem) { height: calc(var(--spacing) * 5); } } .md\:h-10 { @media (width >= 48rem) { height: calc(var(--spacing) * 10); } } .md\:h-\[90vh\] { @media (width >= 48rem) { height: 90vh; } } .md\:max-h-\[90vh\] { @media (width >= 48rem) { max-height: 90vh; } } .md\:w-1\/2 { @media (width >= 48rem) { width: calc(1/2 * 100%); } } .md\:w-5 { @media (width >= 48rem) { width: calc(var(--spacing) * 5); } } .md\:w-10 { @media (width >= 48rem) { width: calc(var(--spacing) * 10); } } .md\:w-64 { @media (width >= 48rem) { width: calc(var(--spacing) * 64); } } .md\:w-\[500px\] { @media (width >= 48rem) { width: 500px; } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:max-w-2xl { @media (width >= 48rem) { max-width: var(--container-2xl); } } .md\:max-w-full { @media (width >= 48rem) { max-width: 100%; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:flex-col { @media (width >= 48rem) { flex-direction: column; } } .md\:flex-row { @media (width >= 48rem) { flex-direction: row; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:space-y-0 { @media (width >= 48rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .md\:rounded-sm { @media (width >= 48rem) { border-radius: var(--radius-sm); } } .md\:p-8 { @media (width >= 48rem) { padding: calc(var(--spacing) * 8); } } .md\:p-16 { @media (width >= 48rem) { padding: calc(var(--spacing) * 16); } } .md\:px-10 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 10); } } .md\:py-2 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 2); } } .md\:py-4 { @media (width >= 48rem) { padding-block: calc(var(--spacing) * 4); } } .md\:pb-0 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 0); } } .md\:pl-64 { @media (width >= 48rem) { padding-left: calc(var(--spacing) * 64); } } .md\:text-2xl { @media (width >= 48rem) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .md\:text-3xl { @media (width >= 48rem) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .md\:text-4xl { @media (width >= 48rem) { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } } .md\:text-5xl { @media (width >= 48rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .md\:text-6xl { @media (width >= 48rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .md\:text-7xl { @media (width >= 48rem) { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } .md\:text-lg { @media (width >= 48rem) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .md\:text-sm { @media (width >= 48rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xl { @media (width >= 48rem) { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } } .md\:opacity-0 { @media (width >= 48rem) { opacity: 0%; } } .md\:group-hover\:opacity-100 { @media (width >= 48rem) { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } } .lg\:pointer-events-none { @media (width >= 64rem) { pointer-events: none; } } .lg\:relative { @media (width >= 64rem) { position: relative; } } .lg\:static { @media (width >= 64rem) { position: static; } } .lg\:inset-0 { @media (width >= 64rem) { inset: calc(var(--spacing) * 0); } } .lg\:top-0 { @media (width >= 64rem) { top: calc(var(--spacing) * 0); } } .lg\:right-3 { @media (width >= 64rem) { right: calc(var(--spacing) * 3); } } .lg\:left-3 { @media (width >= 64rem) { left: calc(var(--spacing) * 3); } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:order-2 { @media (width >= 64rem) { order: 2; } } .lg\:col-span-1 { @media (width >= 64rem) { grid-column: span 1 / span 1; } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:col-start-1 { @media (width >= 64rem) { grid-column-start: 1; } } .lg\:col-start-2 { @media (width >= 64rem) { grid-column-start: 2; } } .lg\:row-start-1 { @media (width >= 64rem) { grid-row-start: 1; } } .lg\:-mx-8 { @media (width >= 64rem) { margin-inline: calc(var(--spacing) * -8); } } .lg\:mx-0 { @media (width >= 64rem) { margin-inline: calc(var(--spacing) * 0); } } .lg\:mx-auto { @media (width >= 64rem) { margin-inline: auto; } } .lg\:mt-0 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 0); } } .lg\:mb-8 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 8); } } .lg\:ml-6 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * 6); } } .lg\:ml-80 { @media (width >= 64rem) { margin-left: calc(var(--spacing) * 80); } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:grid { @media (width >= 64rem) { display: grid; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:inline { @media (width >= 64rem) { display: inline; } } .lg\:table-cell { @media (width >= 64rem) { display: table-cell; } } .lg\:aspect-\[3\/2\] { @media (width >= 64rem) { aspect-ratio: 3/2; } } .lg\:h-12 { @media (width >= 64rem) { height: calc(var(--spacing) * 12); } } .lg\:h-px { @media (width >= 64rem) { height: 1px; } } .lg\:min-h-0 { @media (width >= 64rem) { min-height: calc(var(--spacing) * 0); } } .lg\:w-1\/2 { @media (width >= 64rem) { width: calc(1/2 * 100%); } } .lg\:w-1\/5 { @media (width >= 64rem) { width: calc(1/5 * 100%); } } .lg\:w-2\/3 { @media (width >= 64rem) { width: calc(2/3 * 100%); } } .lg\:w-80 { @media (width >= 64rem) { width: calc(var(--spacing) * 80); } } .lg\:w-96 { @media (width >= 64rem) { width: calc(var(--spacing) * 96); } } .lg\:w-\[30\%\] { @media (width >= 64rem) { width: 30%; } } .lg\:w-\[40\%\] { @media (width >= 64rem) { width: 40%; } } .lg\:w-\[60\%\] { @media (width >= 64rem) { width: 60%; } } .lg\:w-auto { @media (width >= 64rem) { width: auto; } } .lg\:w-full { @media (width >= 64rem) { width: 100%; } } .lg\:max-w-7xl { @media (width >= 64rem) { max-width: var(--container-7xl); } } .lg\:max-w-none { @media (width >= 64rem) { max-width: none; } } .lg\:min-w-0 { @media (width >= 64rem) { min-width: calc(var(--spacing) * 0); } } .lg\:min-w-32 { @media (width >= 64rem) { min-width: calc(var(--spacing) * 32); } } .lg\:min-w-40 { @media (width >= 64rem) { min-width: calc(var(--spacing) * 40); } } .lg\:min-w-fit { @media (width >= 64rem) { min-width: fit-content; } } .lg\:flex-1 { @media (width >= 64rem) { flex: 1; } } .lg\:flex-initial { @media (width >= 64rem) { flex: 0 auto; } } .lg\:flex-shrink-0 { @media (width >= 64rem) { flex-shrink: 0; } } .lg\:translate-x-0 { @media (width >= 64rem) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .lg\:rotate-0 { @media (width >= 64rem) { rotate: 0deg; } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 64rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 64rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:flex-col { @media (width >= 64rem) { flex-direction: column; } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:items-end { @media (width >= 64rem) { align-items: flex-end; } } .lg\:items-start { @media (width >= 64rem) { align-items: flex-start; } } .lg\:justify-between { @media (width >= 64rem) { justify-content: space-between; } } .lg\:justify-center { @media (width >= 64rem) { justify-content: center; } } .lg\:justify-end { @media (width >= 64rem) { justify-content: flex-end; } } .lg\:justify-start { @media (width >= 64rem) { justify-content: flex-start; } } .lg\:gap-2 { @media (width >= 64rem) { gap: calc(var(--spacing) * 2); } } .lg\:gap-3 { @media (width >= 64rem) { gap: calc(var(--spacing) * 3); } } .lg\:gap-4 { @media (width >= 64rem) { gap: calc(var(--spacing) * 4); } } .lg\:gap-8 { @media (width >= 64rem) { gap: calc(var(--spacing) * 8); } } .lg\:gap-12 { @media (width >= 64rem) { gap: calc(var(--spacing) * 12); } } .lg\:space-y-0 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } } .lg\:gap-x-4 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 4); } } .lg\:gap-x-5 { @media (width >= 64rem) { column-gap: calc(var(--spacing) * 5); } } .lg\:space-x-8 { @media (width >= 64rem) { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse))); } } } .lg\:self-end { @media (width >= 64rem) { align-self: flex-end; } } .lg\:border-0 { @media (width >= 64rem) { border-style: var(--tw-border-style); border-width: 0px; } } .lg\:border-t-0 { @media (width >= 64rem) { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .lg\:border-r { @media (width >= 64rem) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .lg\:bg-transparent { @media (width >= 64rem) { background-color: transparent; } } .lg\:p-0 { @media (width >= 64rem) { padding: calc(var(--spacing) * 0); } } .lg\:px-0 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 0); } } .lg\:px-3 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 3); } } .lg\:px-6 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 6); } } .lg\:px-8 { @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } } .lg\:py-8 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 8); } } .lg\:py-12 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 12); } } .lg\:py-16 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 16); } } .lg\:py-32 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 32); } } .lg\:pt-3 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 3); } } .lg\:pt-8 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 8); } } .lg\:pt-80 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 80); } } .lg\:pr-8 { @media (width >= 64rem) { padding-right: calc(var(--spacing) * 8); } } .lg\:pb-0 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 0); } } .lg\:pb-16 { @media (width >= 64rem) { padding-bottom: calc(var(--spacing) * 16); } } .lg\:text-center { @media (width >= 64rem) { text-align: center; } } .lg\:text-5xl { @media (width >= 64rem) { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } .lg\:text-6xl { @media (width >= 64rem) { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } } .lg\:text-7xl { @media (width >= 64rem) { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } } .lg\:text-8xl { @media (width >= 64rem) { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } } .lg\:text-9xl { @media (width >= 64rem) { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } } .lg\:text-base { @media (width >= 64rem) { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .lg\:text-\[12rem\] { @media (width >= 64rem) { font-size: 12rem; } } .lg\:opacity-0 { @media (width >= 64rem) { opacity: 0%; } } .lg\:hover\:bg-transparent { @media (width >= 64rem) { &:hover { @media (hover: hover) { background-color: transparent; } } } } .xl\:w-\[20\%\] { @media (width >= 80rem) { width: 20%; } } .xl\:w-\[80\%\] { @media (width >= 80rem) { width: 80%; } } .xl\:grid-cols-6 { @media (width >= 80rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .dark\:divide-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { :where(& > :not(:last-child)) { border-color: var(--color-gray-600); } } } .dark\:divide-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { :where(& > :not(:last-child)) { border-color: var(--color-gray-700); } } } .dark\:divide-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { :where(& > :not(:last-child)) { border-color: var(--color-gray-800); } } } .dark\:\!border-red-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-red-500) !important; } } .dark\:\!border-red-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-red-600) !important; } } .dark\:\!border-white\/15 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, #fff 15%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent) !important; } } } .dark\:border-amber-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-amber-700); } } .dark\:border-amber-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-amber-800); } } .dark\:border-amber-800\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent); } } } .dark\:border-amber-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-amber-900); } } .dark\:border-blue-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-blue-400); } } .dark\:border-blue-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-blue-500); } } .dark\:border-blue-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-blue-600); } } .dark\:border-blue-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-blue-700); } } .dark\:border-blue-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-blue-800); } } .dark\:border-blue-800\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-800) 30%, transparent); } } } .dark\:border-emerald-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-emerald-700); } } .dark\:border-emerald-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-emerald-800); } } .dark\:border-gray-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-200); } } .dark\:border-gray-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-300); } } .dark\:border-gray-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-500); } } .dark\:border-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } } .dark\:border-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-700); } } .dark\:border-gray-700\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } } .dark\:border-gray-700\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent); } } } .dark\:border-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-800); } } .dark\:border-gray-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-900); } } .dark\:border-green-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-green-400); } } .dark\:border-green-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-green-600); } } .dark\:border-green-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-green-700); } } .dark\:border-green-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-green-800); } } .dark\:border-indigo-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-indigo-400); } } .dark\:border-indigo-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-indigo-500); } } .dark\:border-indigo-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-indigo-800); } } .dark\:border-orange-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-orange-600); } } .dark\:border-orange-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-orange-800); } } .dark\:border-purple-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-purple-400); } } .dark\:border-purple-500\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-purple-500) 30%, transparent); } } } .dark\:border-purple-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-purple-700); } } .dark\:border-purple-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-purple-800); } } .dark\:border-red-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-red-500); } } .dark\:border-red-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-red-600); } } .dark\:border-red-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-red-700); } } .dark\:border-red-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-red-800); } } .dark\:border-red-800\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-800) 30%, transparent); } } } .dark\:border-teal-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-teal-900); } } .dark\:border-white { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-white); } } .dark\:border-white\/15 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } .dark\:border-white\/25 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } .dark\:border-yellow-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-yellow-700); } } .dark\:border-yellow-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-yellow-800); } } .dark\:\!bg-red-900\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent) !important; } } } .dark\:\!bg-white { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-white) !important; } } .dark\:bg-amber-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-amber-400); } } .dark\:bg-amber-500\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } } .dark\:bg-amber-800\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-800) 30%, transparent); } } } .dark\:bg-amber-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-amber-900); } } .dark\:bg-amber-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent); } } } .dark\:bg-amber-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } } .dark\:bg-amber-900\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent); } } } .dark\:bg-amber-900\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 80%, transparent); } } } .dark\:bg-amber-950\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent); } } } .dark\:bg-black { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-black); } } .dark\:bg-black\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, #000 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } } .dark\:bg-black\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, #000 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } } .dark\:bg-black\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } } .dark\:bg-black\/75 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, #000 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } } .dark\:bg-black\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, #000 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } } .dark\:bg-black\/90 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } } .dark\:bg-blue-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-blue-400); } } .dark\:bg-blue-400\/90 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 90%, transparent); } } } .dark\:bg-blue-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-blue-500); } } .dark\:bg-blue-500\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } } .dark\:bg-blue-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-blue-600); } } .dark\:bg-blue-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-blue-700); } } .dark\:bg-blue-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-blue-800); } } .dark\:bg-blue-800\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-800) 30%, transparent); } } } .dark\:bg-blue-800\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent); } } } .dark\:bg-blue-800\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-800) 70%, transparent); } } } .dark\:bg-blue-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-blue-900); } } .dark\:bg-blue-900\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent); } } } .dark\:bg-blue-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } } .dark\:bg-blue-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } } .dark\:bg-blue-900\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent); } } } .dark\:bg-blue-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } } } .dark\:bg-blue-950\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent); } } } .dark\:bg-cyan-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent); } } } .dark\:bg-emerald-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent); } } } .dark\:bg-emerald-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent); } } } .dark\:bg-emerald-900\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent); } } } .dark\:bg-emerald-900\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 80%, transparent); } } } .dark\:bg-gray-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-100); } } .dark\:bg-gray-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-200); } } .dark\:bg-gray-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-500); } } .dark\:bg-gray-500\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } } .dark\:bg-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-600); } } .dark\:bg-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-700); } } .dark\:bg-gray-700\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent); } } } .dark\:bg-gray-700\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } } .dark\:bg-gray-700\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 80%, transparent); } } } .dark\:bg-gray-700\/90 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 90%, transparent); } } } .dark\:bg-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } .dark\:bg-gray-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent); } } } .dark\:bg-gray-800\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } } .dark\:bg-gray-800\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } .dark\:bg-gray-800\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent); } } } .dark\:bg-gray-800\/95 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 95%, transparent); } } } .dark\:bg-gray-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-900); } } .dark\:bg-gray-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .dark\:bg-gray-900\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } } .dark\:bg-gray-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } } .dark\:bg-gray-900\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } } .dark\:bg-gray-950 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-950); } } .dark\:bg-green-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-green-400); } } .dark\:bg-green-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-green-500); } } .dark\:bg-green-500\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } } .dark\:bg-green-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-green-600); } } .dark\:bg-green-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-green-800); } } .dark\:bg-green-800\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-800) 70%, transparent); } } } .dark\:bg-green-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-green-900); } } .dark\:bg-green-900\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 10%, transparent); } } } .dark\:bg-green-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent); } } } .dark\:bg-green-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } } .dark\:bg-green-900\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent); } } } .dark\:bg-green-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent); } } } .dark\:bg-indigo-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-indigo-400); } } .dark\:bg-indigo-400\/90 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-400) 90%, transparent); } } } .dark\:bg-indigo-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-indigo-500); } } .dark\:bg-indigo-500\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } } .dark\:bg-indigo-500\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent); } } } .dark\:bg-indigo-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-indigo-600); } } .dark\:bg-indigo-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-indigo-700); } } .dark\:bg-indigo-800\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-800) 70%, transparent); } } } .dark\:bg-indigo-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-indigo-900); } } .dark\:bg-indigo-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } } } .dark\:bg-indigo-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent); } } } .dark\:bg-indigo-900\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent); } } } .dark\:bg-indigo-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent); } } } .dark\:bg-neutral-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-neutral-900); } } .dark\:bg-orange-500\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } } .dark\:bg-orange-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-orange-800); } } .dark\:bg-orange-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-orange-900); } } .dark\:bg-orange-900\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 10%, transparent); } } } .dark\:bg-orange-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent); } } } .dark\:bg-orange-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent); } } } .dark\:bg-orange-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent); } } } .dark\:bg-pink-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-pink-600); } } .dark\:bg-purple-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-purple-400); } } .dark\:bg-purple-400\/90 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(71.4% 0.203 305.504) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-400) 90%, transparent); } } } .dark\:bg-purple-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-purple-500); } } .dark\:bg-purple-500\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } } .dark\:bg-purple-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-purple-600); } } .dark\:bg-purple-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-purple-800); } } .dark\:bg-purple-800\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-800) 30%, transparent); } } } .dark\:bg-purple-800\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(43.8% 0.218 303.724) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-800) 70%, transparent); } } } .dark\:bg-purple-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-purple-900); } } .dark\:bg-purple-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } } } .dark\:bg-purple-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent); } } } .dark\:bg-purple-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 50%, transparent); } } } .dark\:bg-red-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-red-500); } } .dark\:bg-red-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-red-600); } } .dark\:bg-red-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-red-800); } } .dark\:bg-red-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-red-900); } } .dark\:bg-red-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } .dark\:bg-red-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } } .dark\:bg-red-900\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } } .dark\:bg-red-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } } .dark\:bg-red-900\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 80%, transparent); } } } .dark\:bg-rose-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-900) 20%, transparent); } } } .dark\:bg-slate-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-slate-800); } } .dark\:bg-slate-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-800) 20%, transparent); } } } .dark\:bg-slate-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-slate-900); } } .dark\:bg-teal-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(38.6% 0.063 188.416) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-900) 30%, transparent); } } } .dark\:bg-transparent { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: transparent; } } .dark\:bg-yellow-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-yellow-400); } } .dark\:bg-yellow-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-yellow-800); } } .dark\:bg-yellow-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-yellow-900); } } .dark\:bg-yellow-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent); } } } .dark\:bg-yellow-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent); } } } .dark\:bg-yellow-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 50%, transparent); } } } .dark\:from-blue-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: var(--color-gray-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-gray-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: var(--color-gray-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-gray-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(21% 0.034 264.665) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-gray-900) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-green-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-indigo-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: var(--color-indigo-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-indigo-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-indigo-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-purple-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-red-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-red-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-yellow-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-from: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-yellow-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:via-purple-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-via: var(--color-purple-900); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .dark\:to-blue-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(42.4% 0.199 265.638) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-blue-800) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-blue-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: var(--color-gray-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-gray-800\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(27.8% 0.033 256.848) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-gray-800) 80%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-green-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(44.8% 0.119 151.328) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-green-800) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-indigo-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.195 277.366) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-800) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-indigo-900\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-pink-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: var(--color-pink-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-purple-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(43.8% 0.218 303.724) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-purple-800) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-purple-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: var(--color-purple-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-purple-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-red-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(44.4% 0.177 26.899) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-red-800) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-transparent { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-yellow-800\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-gradient-to: color-mix(in srgb, oklch(47.6% 0.114 61.907) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-yellow-800) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:fill-white { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { fill: var(--color-white); } } .dark\:\!text-blue-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-400) !important; } } .dark\:\!text-red-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-red-500) !important; } } .dark\:text-amber-50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-amber-50); } } .dark\:text-amber-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-amber-200); } } .dark\:text-amber-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-amber-300); } } .dark\:text-amber-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-amber-400); } } .dark\:text-blue-50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-50); } } .dark\:text-blue-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-100); } } .dark\:text-blue-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-200); } } .dark\:text-blue-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-300); } } .dark\:text-blue-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-400); } } .dark\:text-blue-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-500); } } .dark\:text-blue-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-600); } } .dark\:text-cyan-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-cyan-400); } } .dark\:text-emerald-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-emerald-300); } } .dark\:text-emerald-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-emerald-400); } } .dark\:text-gray-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-100); } } .dark\:text-gray-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-200); } } .dark\:text-gray-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } .dark\:text-gray-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } .dark\:text-gray-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-500); } } .dark\:text-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-600); } } .dark\:text-green-50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-green-50); } } .dark\:text-green-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-green-100); } } .dark\:text-green-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-green-200); } } .dark\:text-green-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-green-300); } } .dark\:text-green-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-green-400); } } .dark\:text-green-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-green-500); } } .dark\:text-indigo-50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-indigo-50); } } .dark\:text-indigo-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-indigo-100); } } .dark\:text-indigo-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-indigo-200); } } .dark\:text-indigo-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-indigo-300); } } .dark\:text-indigo-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-indigo-400); } } .dark\:text-indigo-400\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: color-mix(in srgb, oklch(67.3% 0.182 276.935) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-indigo-400) 70%, transparent); } } } .dark\:text-orange-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-orange-200); } } .dark\:text-orange-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-orange-300); } } .dark\:text-orange-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-orange-400); } } .dark\:text-pink-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-pink-400); } } .dark\:text-purple-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-100); } } .dark\:text-purple-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-200); } } .dark\:text-purple-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-300); } } .dark\:text-purple-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-400); } } .dark\:text-purple-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-500); } } .dark\:text-red-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-red-100); } } .dark\:text-red-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-red-200); } } .dark\:text-red-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-red-300); } } .dark\:text-red-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-red-400); } } .dark\:text-red-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-red-500); } } .dark\:text-slate-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-slate-400); } } .dark\:text-teal-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-teal-300); } } .dark\:text-teal-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-teal-400); } } .dark\:text-white { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .dark\:text-yellow-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-yellow-100); } } .dark\:text-yellow-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-yellow-200); } } .dark\:text-yellow-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-yellow-300); } } .dark\:text-yellow-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-yellow-400); } } .dark\:text-yellow-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-yellow-500); } } .dark\:\!placeholder-red-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &::placeholder { color: var(--color-red-500) !important; } } } .dark\:placeholder-gray-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &::placeholder { color: var(--color-gray-400); } } } .dark\:placeholder-gray-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &::placeholder { color: var(--color-gray-500); } } } .dark\:accent-blue-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { accent-color: var(--color-blue-600); } } .dark\:shadow-\[0_0_25px_rgba\(0\,0\,0\,0\.5\)\] { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-shadow: 0 0 25px var(--tw-shadow-color, rgba(0,0,0,0.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-\[0_4px_30px_rgba\(0\,0\,0\,0\.7\)\] { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-shadow: 0 4px 30px var(--tw-shadow-color, rgba(0,0,0,0.7)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-xl { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .dark\:shadow-black\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-shadow-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent); } } } .dark\:ring-amber-500\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } } .dark\:ring-amber-800\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-800) 60%, transparent); } } } .dark\:ring-amber-900\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent); } } } .dark\:ring-blue-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-blue-300); } } .dark\:ring-blue-500\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .dark\:ring-blue-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-blue-700); } } .dark\:ring-blue-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-blue-800); } } .dark\:ring-blue-800\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(42.4% 0.199 265.638) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-800) 60%, transparent); } } } .dark\:ring-blue-900\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-900) 60%, transparent); } } } .dark\:ring-gray-500\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); } } } .dark\:ring-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-gray-600); } } .dark\:ring-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-gray-700); } } .dark\:ring-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-gray-800); } } .dark\:ring-gray-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-gray-900); } } .dark\:ring-green-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-green-300); } } .dark\:ring-green-500\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } } .dark\:ring-green-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-green-700); } } .dark\:ring-indigo-500\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } } .dark\:ring-indigo-700\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(45.7% 0.24 277.023) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-indigo-700) 60%, transparent); } } } .dark\:ring-orange-500\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(70.5% 0.213 47.604) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } } .dark\:ring-purple-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-purple-300); } } .dark\:ring-purple-500\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } } .dark\:ring-purple-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-purple-700); } } .dark\:ring-red-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: var(--color-red-700); } } .dark\:ring-white\/10 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .dark\:ring-offset-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { --tw-ring-offset-color: var(--color-gray-800); } } .dark\:group-hover\:text-amber-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-amber-300); } } } } .dark\:group-hover\:text-amber-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-amber-400); } } } } .dark\:group-hover\:text-blue-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-300); } } } } .dark\:group-hover\:text-blue-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-400); } } } } .dark\:group-hover\:text-cyan-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-cyan-300); } } } } .dark\:group-hover\:text-cyan-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-cyan-400); } } } } .dark\:group-hover\:text-gray-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-300); } } } } .dark\:group-hover\:text-gray-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-400); } } } } .dark\:group-hover\:text-green-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-green-300); } } } } .dark\:group-hover\:text-green-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-green-400); } } } } .dark\:group-hover\:text-indigo-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-indigo-300); } } } } .dark\:group-hover\:text-indigo-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-indigo-400); } } } } .dark\:group-hover\:text-orange-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-300); } } } } .dark\:group-hover\:text-orange-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-orange-400); } } } } .dark\:group-hover\:text-pink-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-pink-300); } } } } .dark\:group-hover\:text-pink-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-pink-400); } } } } .dark\:group-hover\:text-purple-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-purple-300); } } } } .dark\:group-hover\:text-purple-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-purple-400); } } } } .dark\:group-hover\:text-red-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-red-300); } } } } .dark\:group-hover\:text-red-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-red-400); } } } } .dark\:group-hover\:text-teal-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-teal-300); } } } } .dark\:group-hover\:text-teal-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-teal-400); } } } } .dark\:group-hover\:text-yellow-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-yellow-300); } } } } .dark\:group-hover\:text-yellow-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-yellow-400); } } } } .dark\:peer-focus\:ring-blue-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-800); } } } .dark\:peer-focus\:ring-purple-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-purple-800); } } } .dark\:hover\:\!border-white\/25 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 25%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent) !important; } } } } } .dark\:hover\:border-gray-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: var(--color-gray-500); } } } } .dark\:hover\:border-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: var(--color-gray-600); } } } } .dark\:hover\:border-green-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: var(--color-green-600); } } } } .dark\:hover\:border-indigo-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: var(--color-indigo-400); } } } } .dark\:hover\:border-indigo-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: var(--color-indigo-600); } } } } .dark\:hover\:border-purple-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: var(--color-purple-400); } } } } .dark\:hover\:border-purple-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: var(--color-purple-600); } } } } .dark\:hover\:border-white\/25 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } } } } .dark\:hover\:bg-amber-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-amber-600); } } } } .dark\:hover\:bg-amber-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } } } } .dark\:hover\:bg-black { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-black); } } } } .dark\:hover\:bg-black\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } } .dark\:hover\:bg-black\/90 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #000 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } } } } .dark\:hover\:bg-blue-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } } .dark\:hover\:bg-blue-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } } .dark\:hover\:bg-blue-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-blue-800); } } } } .dark\:hover\:bg-blue-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } } } } .dark\:hover\:bg-blue-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } } } } .dark\:hover\:bg-blue-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } } } } } .dark\:hover\:bg-blue-900\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 60%, transparent); } } } } } .dark\:hover\:bg-blue-900\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 70%, transparent); } } } } } .dark\:hover\:bg-gray-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } } .dark\:hover\:bg-gray-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } } .dark\:hover\:bg-gray-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-500); } } } } .dark\:hover\:bg-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .dark\:hover\:bg-gray-600\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent); } } } } } .dark\:hover\:bg-gray-600\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(44.6% 0.03 256.802) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-600) 50%, transparent); } } } } } .dark\:hover\:bg-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } } .dark\:hover\:bg-gray-700\/60 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent); } } } } } .dark\:hover\:bg-gray-700\/80 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 80%, transparent); } } } } } .dark\:hover\:bg-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } } .dark\:hover\:bg-gray-800\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } } } } .dark\:hover\:bg-gray-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } } .dark\:hover\:bg-gray-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } } } .dark\:hover\:bg-gray-900\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 70%, transparent); } } } } } .dark\:hover\:bg-green-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } } .dark\:hover\:bg-green-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-green-800); } } } } .dark\:hover\:bg-green-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent); } } } } } .dark\:hover\:bg-green-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } } } } .dark\:hover\:bg-green-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent); } } } } } .dark\:hover\:bg-green-900\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 70%, transparent); } } } } } .dark\:hover\:bg-indigo-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-indigo-500); } } } } .dark\:hover\:bg-indigo-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-indigo-600); } } } } .dark\:hover\:bg-indigo-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-indigo-800); } } } } .dark\:hover\:bg-indigo-800\/40 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-800) 40%, transparent); } } } } } .dark\:hover\:bg-indigo-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } } } } } .dark\:hover\:bg-indigo-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent); } } } } } .dark\:hover\:bg-indigo-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent); } } } } } .dark\:hover\:bg-indigo-900\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 70%, transparent); } } } } } .dark\:hover\:bg-neutral-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-neutral-700); } } } } .dark\:hover\:bg-orange-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-orange-700); } } } } .dark\:hover\:bg-orange-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent); } } } } } .dark\:hover\:bg-orange-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent); } } } } } .dark\:hover\:bg-orange-900\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 70%, transparent); } } } } } .dark\:hover\:bg-purple-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-purple-400); } } } } .dark\:hover\:bg-purple-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-purple-600); } } } } .dark\:hover\:bg-purple-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent); } } } } } .dark\:hover\:bg-red-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-red-600); } } } } .dark\:hover\:bg-red-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } } .dark\:hover\:bg-red-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-red-800); } } } } .dark\:hover\:bg-red-800\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-800) 50%, transparent); } } } } } .dark\:hover\:bg-red-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-red-900); } } } } .dark\:hover\:bg-red-900\/20 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } } } .dark\:hover\:bg-red-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } } } } .dark\:hover\:bg-red-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } } } } .dark\:hover\:bg-white\/5 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } } .dark\:hover\:bg-yellow-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-yellow-700); } } } } .dark\:hover\:bg-yellow-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-yellow-800); } } } } .dark\:hover\:bg-yellow-800\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(47.6% 0.114 61.907) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-800) 50%, transparent); } } } } } .dark\:hover\:bg-yellow-900\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 30%, transparent); } } } } } .dark\:hover\:bg-yellow-900\/70 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 70%, transparent); } } } } } .hover\:dark\:bg-amber-900\/20 { &:hover { @media (hover: hover) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent); } } } } } .hover\:dark\:bg-gray-700 { &:hover { @media (hover: hover) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-700); } } } } .hover\:dark\:bg-gray-700\/50 { &:hover { @media (hover: hover) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } } } } .hover\:dark\:bg-gray-800 { &:hover { @media (hover: hover) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } } } .hover\:dark\:bg-purple-900\/30 { &:hover { @media (hover: hover) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent); } } } } } .hover\:dark\:bg-red-900\/20 { &:hover { @media (hover: hover) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } } } .dark\:hover\:from-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-gray-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } } .dark\:hover\:to-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-gray-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } } .dark\:hover\:text-amber-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-amber-300); } } } } .dark\:hover\:text-blue-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-blue-100); } } } } .dark\:hover\:text-blue-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-blue-200); } } } } .dark\:hover\:text-blue-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-blue-300); } } } } .dark\:hover\:text-blue-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-blue-400); } } } } .dark\:hover\:text-gray-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-gray-100); } } } } .dark\:hover\:text-gray-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-gray-200); } } } } .dark\:hover\:text-gray-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } } .dark\:hover\:text-green-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-green-100); } } } } .dark\:hover\:text-green-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-green-200); } } } } .dark\:hover\:text-green-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-green-300); } } } } .dark\:hover\:text-green-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-green-400); } } } } .dark\:hover\:text-indigo-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-indigo-300); } } } } .dark\:hover\:text-indigo-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-indigo-400); } } } } .dark\:hover\:text-indigo-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-indigo-500); } } } } .dark\:hover\:text-indigo-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-indigo-600); } } } } .dark\:hover\:text-orange-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-orange-100); } } } } .dark\:hover\:text-orange-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-orange-300); } } } } .dark\:hover\:text-orange-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-orange-400); } } } } .dark\:hover\:text-purple-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-purple-100); } } } } .dark\:hover\:text-purple-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-purple-300); } } } } .dark\:hover\:text-purple-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-purple-400); } } } } .dark\:hover\:text-red-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-red-300); } } } } .dark\:hover\:text-red-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-red-400); } } } } .dark\:hover\:text-teal-300 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-teal-300); } } } } .dark\:hover\:text-white { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .dark\:hover\:text-yellow-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-yellow-100); } } } } .dark\:hover\:text-yellow-200 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-yellow-200); } } } } .dark\:hover\:text-yellow-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-yellow-400); } } } } .dark\:hover\:shadow-\[0_8px_30px_rgba\(79\,70\,229\,0\.3\)\] { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { --tw-shadow: 0 8px 30px var(--tw-shadow-color, rgba(79,70,229,0.3)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } } .dark\:focus\:\!border-white\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { border-color: color-mix(in srgb, #fff 30%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent) !important; } } } } .dark\:focus\:border-blue-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { border-color: var(--color-blue-500); } } } .dark\:focus\:border-red-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { border-color: var(--color-red-500); } } } .dark\:focus\:border-white\/30 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { border-color: color-mix(in srgb, #fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } } .dark\:focus\:ring-amber-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-amber-400); } } } .dark\:focus\:ring-blue-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-blue-400); } } } .dark\:focus\:ring-blue-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-blue-500); } } } .dark\:focus\:ring-blue-500\/5 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } } } .dark\:focus\:ring-blue-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-blue-600); } } } .dark\:focus\:ring-blue-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-blue-900); } } } .dark\:focus\:ring-gray-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-gray-400); } } } .dark\:focus\:ring-gray-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-gray-600); } } } .dark\:focus\:ring-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-gray-700); } } } .dark\:focus\:ring-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-gray-800); } } } .dark\:focus\:ring-green-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-green-800); } } } .dark\:focus\:ring-indigo-400 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-indigo-400); } } } .dark\:focus\:ring-indigo-500 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-indigo-500); } } } .dark\:focus\:ring-indigo-600 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-indigo-600); } } } .dark\:focus\:ring-red-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-color: var(--color-red-900); } } } .dark\:focus\:ring-offset-gray-800 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-offset-color: var(--color-gray-800); } } } .dark\:focus\:ring-offset-gray-900 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus { --tw-ring-offset-color: var(--color-gray-900); } } } .dark\:focus-visible\:outline-gray-100 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus-visible { outline-color: var(--color-gray-100); } } } .dark\:focus-visible\:outline-gray-700 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:focus-visible { outline-color: var(--color-gray-700); } } } .dark\:active\:bg-red-900\/50 { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:active { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } } } .lg\:dark\:hover\:bg-transparent { @media (width >= 64rem) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: transparent; } } } } } .lg\:dark\:hover\:text-white { @media (width >= 64rem) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } } .phx-submit-loading\:opacity-75 { [".phx-submit-loading&", ".phx-submit-loading &"] { opacity: 75%; } } .color-scheme-neutral\:inline { &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { display: inline; } } .color-scheme-neutral\:inline-block { &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { display: inline-block; } } .color-scheme-dark\:inline { &:where([data-color-scheme="dark"], [data-color-scheme="dark"] *) { display: inline; } } .color-scheme-dark\:inline-block { &:where([data-color-scheme="dark"], [data-color-scheme="dark"] *) { display: inline-block; } } .color-scheme-light\:inline { &:where([data-color-scheme="light"], [data-color-scheme="light"] *) { display: inline; } } .color-scheme-light\:inline-block { &:where([data-color-scheme="light"], [data-color-scheme="light"] *) { display: inline-block; } } .color-scheme-pink\:inline { &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { display: inline; } } .color-scheme-pink\:inline-block { &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { display: inline-block; } } .color-scheme-purple\:inline { &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { display: inline; } } .color-scheme-purple\:inline-block { &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { display: inline-block; } } .\[\&\>\*\]\:order-\[0\] { &>* { order: 0; } } } .comment-thread { position: relative; } .comment-level-2 { position: relative; margin-left: calc(var(--spacing) * 8); } .comment-level-2::before { content: ''; position: absolute; width: 1px; background-color: var(--color-gray-300); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-600); } left: -2rem; top: 0; height: calc(100% - 1rem); } .comment-level-2::after { content: '└──'; position: absolute; color: var(--color-gray-400); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-500); } left: -2rem; top: 1rem; font-family: 'Courier New', monospace; font-size: 14px; line-height: 1; transform: translateX(-4px); } .comment-level-3 { position: relative; margin-left: calc(var(--spacing) * 8); } .comment-level-3::before { content: ''; position: absolute; width: 1px; background-color: var(--color-gray-300); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-600); } left: -2rem; top: 0; height: calc(100% - 1rem); } .comment-level-3::after { content: '└──'; position: absolute; color: var(--color-gray-400); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-500); } left: -2rem; top: 1rem; font-family: 'Courier New', monospace; font-size: 14px; line-height: 1; transform: translateX(-4px); } .glass-mode .comment-card { background-color: var(--glass-bg) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--glass-border); border-radius: 0.5rem; box-shadow: 0 2px 8px var(--glass-shadow); transition: all 0.2s ease; } .glass-mode .comment-level-2 .comment-card, .glass-mode .comment-level-3 .comment-card { background-color: var(--glass-bg) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1px solid var(--glass-border); border-radius: 0.5rem; box-shadow: 0 2px 8px var(--glass-shadow); transition: all 0.2s ease; transform: translateZ(0); -webkit-transform: translateZ(0); } .glass-mode .comment-card:hover { box-shadow: 0 4px 16px var(--glass-shadow); } .comment-card { border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-200); background-color: var(--color-white); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-700); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } transition: all 0.2s ease; } .comment-card:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .comment-avatar { border-radius: calc(infinity * 1px); } .comment-thread { animation: commentSlideIn 0.3s ease-out; } @keyframes commentSlideIn { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } } .glass-mode .comment-collapse-btn { background-color: var(--glass-bg) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--glass-border); border-radius: 50%; width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .glass-mode .comment-collapse-btn:hover { transform: scale(1.05); box-shadow: 0 2px 8px var(--glass-shadow); } .comment-collapse-btn { display: flex; height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); background-color: var(--color-gray-100); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms; &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-700); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .comment-collapse-btn:hover { transform: scale(1.05); } .glass-mode .comment-reply-btn { background-color: var(--glass-bg) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--glass-border); border-radius: 9999px; padding: 0.375rem 0.75rem; font-size: 0.75rem; font-weight: 500; transition: all 0.2s ease; } .glass-mode .comment-reply-btn:hover { transform: translateY(-1px); box-shadow: 0 2px 8px var(--glass-shadow); } .comment-reply-btn { border-radius: calc(infinity * 1px); background-color: var(--color-gray-100); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); 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); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms; &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-700); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .comment-reply-btn:hover { transform: translateY(-1px); } .glass-mode .comment-menu-btn { background-color: var(--glass-bg) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--glass-border); border-radius: 50%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .glass-mode .comment-menu-btn:hover { transform: scale(1.05); box-shadow: 0 2px 8px var(--glass-shadow); } .comment-menu-btn { display: flex; height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); align-items: center; justify-content: center; border-radius: calc(infinity * 1px); background-color: var(--color-gray-100); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms; &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-700); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .comment-menu-btn:hover { transform: scale(1.05); } .conversation-detail { display: flex; flex-direction: column; height: 100%; } .conversation-detail.keyboard-open { transition: height 0.3s ease-out; } .conversation-detail > div:first-child { flex-shrink: 0; } .conversation-detail > div:nth-child(2) { flex: 1; min-height: 0; overflow: hidden; } .conversation-detail > div:last-child { flex-shrink: 0; } @media screen and (max-width: 768px) { .conversation-detail > div:last-child { position: relative !important; bottom: auto !important; } .conversation-detail.keyboard-open { height: 100vh !important; height: -webkit-fill-available !important; will-change: height; } .conversation-detail[data-keyboard-open="true"] { height: 100vh !important; height: -webkit-fill-available !important; } } #messages-list { scroll-behavior: smooth; } #conversation-messages-container { transition: padding-bottom 0.3s ease-out; } .spatial-photo-enhanced { transform: translateZ(0); will-change: transform; image-rendering: -webkit-optimize-contrast; image-rendering: high-quality; image-rendering: crisp-edges; image-orientation: from-image; transition: transform 0.2s ease-out, filter 0.2s ease-out; } .spatial-photo-active { image-rendering: pixelated; backface-visibility: hidden; filter: brightness(1.02) contrast(1.01); } .spatial-interaction-layer { background: transparent; cursor: pointer; transition: background-color 0.15s ease-out; z-index: 5; } .spatial-interaction-layer:hover { background: rgba(59, 130, 246, 0.05); } .spatial-interaction-layer:active { background: rgba(59, 130, 246, 0.1); } [data-spatial-ready="true"] { position: relative; overflow: hidden; } [data-spatial-ready="true"] .spatial-photo-enhanced { transform: translateZ(0) scale(1); } @media (prefers-color-scheme: dark) { .spatial-photo-active { filter: brightness(1.03) contrast(1.02); } } @keyframes spatial-fade-in { from { opacity: 0; transform: translateZ(0) scale(0.98); } to { opacity: 1; transform: translateZ(0) scale(1); } } .spatial-photo-enhanced { animation: spatial-fade-in 0.3s ease-out; } .spatial-photo-notice { z-index: 10; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .spatial-photo-loading, .spatial-photo-error { z-index: 15; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .panorama-image { transition: transform 0.2s ease-out; image-rendering: -webkit-optimize-contrast; image-rendering: high-quality; image-orientation: from-image; } .panorama-scroll-indicator-left, .panorama-scroll-indicator-right { transition: opacity 0.3s ease-out; opacity: 0; z-index: 5; } [data-panorama-url] { scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; } [data-panorama-url]::-webkit-scrollbar { display: none; } [data-panorama-url]:focus { outline: 2px solid rgba(59, 130, 246, 0.5); outline-offset: 2px; } .panorama-fullscreen-btn { z-index: 10; transition: all 0.2s ease-out; } .panorama-fullscreen-btn:hover { transform: scale(1.05); } .panorama-loading, .panorama-error { z-index: 15; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } @media (prefers-reduced-motion: no-preference) { .panorama-image { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); } } @media (hover: none) and (pointer: coarse) { .panorama-scroll-indicator-left, .panorama-scroll-indicator-right { display: none; } [data-panorama-url] { -webkit-overflow-scrolling: touch; } } @media (hover: hover) and (pointer: fine) { [data-panorama-url] { cursor: grab; } [data-panorama-url]:active { cursor: grabbing; } } @media (prefers-color-scheme: dark) { .panorama-scroll-indicator-left, .panorama-scroll-indicator-right { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), transparent); } } .panorama-container-wide { aspect-ratio: 3 / 1; } .panorama-container-standard { aspect-ratio: 2.5 / 1; } .panorama-container-moderate { aspect-ratio: 2 / 1; } @keyframes panorama-reveal { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } } .panorama-image { animation: panorama-reveal 0.4s ease-out; } .model-viewer-container { position: relative; overflow: hidden; } model { display: block; width: 100%; height: 100%; transform: translateZ(0); will-change: transform; transition: transform 0.2s ease-out; } .model-controls { z-index: 10; transition: opacity 0.3s ease-out, transform 0.3s ease-out; } .model-controls button { transition: all 0.2s ease-out; } .model-controls button:hover { transform: scale(1.05); } .model-controls button:active { transform: scale(0.95); } .model-loading, .model-error { z-index: 15; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .model-fallback { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 300px; background: linear-gradient(135deg, rgba(99, 102, 241, 0.05), rgba(168, 85, 247, 0.05)); } @media (prefers-color-scheme: dark) { model { filter: brightness(1.02) contrast(1.01); } .model-fallback { background: linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.1)); } } @keyframes model-fade-in { from { opacity: 0; transform: translateZ(0) scale(0.95); } to { opacity: 1; transform: translateZ(0) scale(1); } } model { animation: model-fade-in 0.5s ease-out; } @media (max-width: 768px) { .model-controls { padding: 0.75rem 1rem; } .model-controls button { padding: 0.5rem; } } .file-display-section .model-viewer-container { margin-bottom: 1rem; } .model-platform-badge { background: linear-gradient(135deg, #8B5CF6, #A855F7); color: white; font-weight: 600; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .ar-quicklook-button { background: linear-gradient(135deg, #8B5CF6, #A855F7); border: none; box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3); transition: all 0.3s ease; } .ar-quicklook-button:hover { background: linear-gradient(135deg, #7C3AED, #9333EA); box-shadow: 0 6px 16px rgba(139, 92, 246, 0.4); transform: translateY(-1px); } .ar-quicklook-button:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3); } .fullscreen-model-button { background: linear-gradient(135deg, #2563EB, #3B82F6); border: none; box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3); transition: all 0.3s ease; } .fullscreen-model-button:hover { background: linear-gradient(135deg, #1D4ED8, #2563EB); box-shadow: 0 6px 16px rgba(37, 99, 235, 0.4); transform: translateY(-1px); } .fullscreen-model-button:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(37, 99, 235, 0.3); } .ar-capability-indicator { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.75rem; background: rgba(139, 92, 246, 0.1); border: 1px solid rgba(139, 92, 246, 0.2); border-radius: 9999px; font-size: 0.75rem; color: #8B5CF6; font-weight: 500; } .ar-capability-indicator::before { content: "📱"; font-size: 1rem; } .model-viewer-ar-enhanced { position: relative; } .model-viewer-ar-enhanced::after { content: "AR Ready"; position: absolute; top: 0.5rem; right: 0.5rem; background: rgba(139, 92, 246, 0.9); color: white; padding: 0.25rem 0.5rem; border-radius: 0.375rem; font-size: 0.75rem; font-weight: 600; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .visionos-only { display: none; } .vr-active { background-color: rgba(59, 130, 246, 0.1); color: rgb(59, 130, 246); } @keyframes vr-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.05); } } .vr-active { animation: vr-pulse 2s ease-in-out infinite; } .animate-fade-in { animation: fadeIn 0.3s ease-in; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .vr-icon { transition: transform 0.2s ease; } .vr-active .vr-icon { transform: scale(1.1); } @font-face { font-family: "Comforter"; src: url("/fonts/Comforter-Regular-f9620360a6a02a40faa15dd4d601daa6.woff2?vsn=d") format("woff2"), url("/fonts/Comforter-Regular-8c1eb7bab9c8756e6f02a3bd31453595.ttf?vsn=d") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } .font-logo { font-family: "Comforter", cursive; } .font-body { font-family: "Inter", system-ui, sans-serif; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; } @supports (content-visibility: auto) { .card { content-visibility: auto; contain-intrinsic-size: auto 800px; } html.ios-app .card { content-visibility: visible !important; contain-intrinsic-size: auto !important; } } @supports (-webkit-overflow-scrolling: touch) { .card:not([style*="content-visibility: auto"]) img[alt*="avatar"], .card:not([style*="content-visibility: auto"]) img.comment-avatar, .card:not([style*="content-visibility: auto"]) img.header-avatar-img, .card:not([style*="content-visibility: auto"]) img.rounded-sm, .progressive-image[loading="eager"] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } } .modern-audio-player { border-radius: var(--radius-sm); background-color: var(--color-gray-50); padding: calc(var(--spacing) * 4); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } width: 100%; max-width: 100%; display: block; overflow: hidden; box-sizing: border-box; } .modern-audio-player .loading-state { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .modern-audio-player .play-btn { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 200ms; transition-duration: 200ms; &:hover { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } &:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .modern-audio-player .waveform-container { -webkit-user-select: none; user-select: none; min-height: 60px !important; height: 60px !important; width: 100% !important; max-width: 100% !important; display: block !important; visibility: visible !important; opacity: 1 !important; background: transparent !important; contain: layout; overflow: hidden !important; box-sizing: border-box !important; } html.ios-app .modern-audio-player .waveform-container, html.ios-web .modern-audio-player .waveform-container { overflow: hidden !important; transform: translateZ(0); -webkit-transform: translateZ(0); } @media (max-width: 640px) { .modern-audio-player { padding: calc(var(--spacing) * 3); } .modern-audio-player .play-btn { height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); } .modern-audio-player .play-btn svg { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); } .modern-audio-player .waveform-container { min-height: 50px; } } @media (hover: none) and (pointer: coarse) { .modern-audio-player .play-btn { &:active { background-color: var(--color-blue-700); } } .modern-audio-player .waveform-container { cursor: pointer; touch-action: manipulation; } } .pt-safe { padding-top: env(safe-area-inset-top, 1rem); } .is-visionos .pt-safe { padding-top: 0 !important; } .pl-safe { padding-left: env(safe-area-inset-left, 1rem); } .pr-safe { padding-right: env(safe-area-inset-right, 1rem); } .p-safe { padding-top: env(safe-area-inset-top, 1rem); padding-left: env(safe-area-inset-left, 1rem); padding-right: env(safe-area-inset-right, 1rem); } .pt-safe-modal { padding-top: env(safe-area-inset-top, 2.5rem); } .pb-safe-modal { padding-bottom: env(safe-area-inset-bottom, 2rem); } .p-safe-modal { padding-top: env(safe-area-inset-top, 2.5rem); padding-left: env(safe-area-inset-left, 1rem); padding-right: env(safe-area-inset-right, 1rem); padding-bottom: env(safe-area-inset-bottom, 2rem); } html.ios-app:not(.visionos-app) .pb-safe, html.android-app .pb-safe { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 7rem); } @media (max-width: 768px) { .pb-safe { padding-bottom: 8rem; } } .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } [data-phx-root-id] { display: contents; } .rounded-table-corner:first-child::before, .rounded-table-corner:last-child::before { content: ''; position: absolute; height: 100%; width: 4px; top: 0; } .rounded-table-corner:first-child::before { left: -4px; } .rounded-table-corner:last-child::before { right: -4px; } .group:hover .rounded-table-corner:first-child::before, .group:hover .rounded-table-corner:last-child::before { background-color: rgb(250 250 250); } @media (min-width: 640px) { .rounded-table-corner:first-child::before { border-top-left-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-table-corner:last-child::before { border-top-right-radius: 0.75rem; border-bottom-right-radius: 0.75rem; } } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #d1d5db; border-radius: 0.375rem; height: 2.5rem; display: flex; align-items: center; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #111827; line-height: 2.5rem; padding-left: 0.75rem; padding-right: 2rem; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 2.5rem; width: 2rem; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #2563eb; color: white; } .select2-dropdown { border: 1px solid #d1d5db; border-radius: 0.375rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .select2-search--dropdown .select2-search__field { border: 1px solid #d1d5db; border-radius: 0.25rem; padding: 0.5rem; } .dark .select2-container--default .select2-selection--single { background-color: #1f2937; border-color: #4b5563; } .dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: #f3f4f6; } .dark .select2-dropdown { background-color: #1f2937; border-color: #4b5563; } .dark .select2-container--default .select2-results__option { color: #f3f4f6; } .dark .select2-container--default .select2-results__option[aria-selected=true] { background-color: #374151; } .dark .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3b82f6; } .dark .select2-search--dropdown .select2-search__field { background-color: #374151; border-color: #4b5563; color: #f3f4f6; } .dark .select2-container--default .select2-selection__arrow b { border-color: #9ca3af transparent transparent transparent; } .prose-compact { font-size: 0.875rem; line-height: 1.25rem; } .prose-compact h1, .prose-compact h2, .prose-compact h3, .prose-compact h4, .prose-compact h5, .prose-compact h6 { margin-top: calc(var(--spacing) * 2); margin-bottom: calc(var(--spacing) * 1); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose-compact h1 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .prose-compact h2 { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .prose-compact h3 { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .prose-compact p { margin-bottom: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose-compact ul, .prose-compact ol { margin-block: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .prose-compact li { margin-bottom: calc(var(--spacing) * 0.5); } .prose-compact blockquote { margin-block: calc(var(--spacing) * 1); border-left-style: var(--tw-border-style); border-left-width: 2px; border-color: var(--color-gray-300); background-color: var(--color-gray-50); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); font-style: italic; &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } .prose-compact code { border-radius: 0.25rem; background-color: var(--color-gray-100); padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 0.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } .prose-compact pre { margin-block: calc(var(--spacing) * 1); overflow-x: auto; border-radius: 0.25rem; background-color: var(--color-gray-100); padding: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } .prose-compact pre code { background-color: transparent; padding: calc(var(--spacing) * 0); } .prose-compact img, .prose-compact video, .prose-compact iframe { display: none; } .prose-compact pre { max-height: 2rem; overflow: hidden; } .prose-compact table { margin-block: calc(var(--spacing) * 1); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .prose-compact th, .prose-compact td { padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 0.5); } .prose-sm { font-size: 0.875rem; line-height: 1.25rem; } .prose-xs { font-size: 0.75rem; line-height: 1rem; } .prose-base { font-size: 1rem; line-height: 1.5rem; } .prose.prose-card-truncated { position: relative; --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); max-height: 16rem !important; overflow: hidden !important; } .prose.prose-card-truncated::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 4rem; background: linear-gradient(transparent, rgba(255, 255, 255, 0.95)); pointer-events: none; z-index: 1; } .dark .prose.prose-card-truncated::after { background: linear-gradient(transparent, rgba(17, 24, 39, 0.95)); } .prose-expanded { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .prose-expanded h1, .prose-expanded h2, .prose-expanded h3, .prose-expanded h4, .prose-expanded h5, .prose-expanded h6 { margin-top: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 3); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose-expanded h1 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .prose-expanded h2 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .prose-expanded h3 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .prose-expanded p { margin-bottom: calc(var(--spacing) * 3); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose-expanded img, .prose-expanded video { margin-block: calc(var(--spacing) * 3); height: auto; max-width: 100%; border-radius: var(--radius-sm); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .prose-expanded iframe { margin-block: calc(var(--spacing) * 3); max-width: 100%; border-radius: var(--radius-sm); } .prose-expanded blockquote { margin-block: calc(var(--spacing) * 3); border-left-style: var(--tw-border-style); border-left-width: 4px; border-color: var(--color-blue-500); background-color: var(--color-blue-50); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-style: italic; &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-blue-400); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } } .prose-expanded code { border-radius: 0.25rem; background-color: var(--color-gray-100); padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 0.5); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } .prose-expanded pre { margin-block: calc(var(--spacing) * 3); overflow-x: auto; border-radius: var(--radius-sm); background-color: var(--color-gray-100); padding: calc(var(--spacing) * 3); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } max-height: 8rem; overflow-y: auto; } .prose-expanded table { margin-block: calc(var(--spacing) * 3); border-collapse: collapse; border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } } .prose-expanded th, .prose-expanded td { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } } .prose-full { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); max-height: none; overflow: visible; } .prose-full::after { display: none; } .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose h1 { margin-top: calc(var(--spacing) * 6); margin-bottom: calc(var(--spacing) * 4); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-gray-200); padding-bottom: calc(var(--spacing) * 2); font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-700); } } .prose h2 { margin-top: calc(var(--spacing) * 5); margin-bottom: calc(var(--spacing) * 3); font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .prose h3 { margin-top: calc(var(--spacing) * 4); margin-bottom: calc(var(--spacing) * 2); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .prose p, .prose .prose-content p, .prose-content p { color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose blockquote { margin-block: calc(var(--spacing) * 4); border-left-style: var(--tw-border-style); border-left-width: 4px; border-color: var(--color-blue-500); background-color: var(--color-blue-50); padding-inline: calc(var(--spacing) * 4); padding-block: calc(var(--spacing) * 3); font-style: italic; &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-blue-400); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } } .prose blockquote p { margin-bottom: calc(var(--spacing) * 0); color: var(--color-blue-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-100); } } .prose code { border-radius: 0.25rem; background-color: var(--color-gray-100); padding-inline: calc(var(--spacing) * 1.5); padding-block: calc(var(--spacing) * 0.5); font-family: var(--font-mono); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-pink-600); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-pink-400); } } .prose pre { margin-block: calc(var(--spacing) * 4); overflow-x: auto; border-radius: var(--radius-sm); background-color: var(--color-gray-900); padding: calc(var(--spacing) * 4); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-950); } } .prose pre code { background-color: transparent; padding: calc(var(--spacing) * 0); color: var(--color-gray-100); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-200); } } .prose ul, .prose ol { margin-block: calc(var(--spacing) * 4); :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .prose ul li, .prose .prose-content ul li, .prose-content ul li { position: relative; padding-left: calc(var(--spacing) * 6); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose ul li::before, .prose .prose-content ul li::before, .prose-content ul li::before { position: absolute; top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 2); --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); color: var(--color-blue-500); --tw-content: '•'; content: var(--tw-content); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-400); } } .prose ol li, .prose .prose-content ol li, .prose-content ol li { position: relative; padding-left: calc(var(--spacing) * 6); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose strong, .prose .prose-content strong, .prose-content strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose em, .prose .prose-content em, .prose-content em { color: var(--color-gray-700); font-style: italic; &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } .prose a { color: var(--color-blue-600); text-decoration-line: underline; &:hover { @media (hover: hover) { color: var(--color-blue-800); } } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-400); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-blue-300); } } } } .prose * { color: inherit; } .prose .prose-content *, .prose-content * { color: #111827 !important; } .dark .prose .prose-content *, .dark .prose-content * { color: #ffffff !important; } .prose .prose-content h1, .prose .prose-content h2, .prose .prose-content h3, .prose .prose-content h4, .prose .prose-content h5, .prose .prose-content h6 { color: #111827 !important; } .dark .prose .prose-content h1, .dark .prose .prose-content h2, .dark .prose .prose-content h3, .dark .prose .prose-content h4, .dark .prose .prose-content h5, .dark .prose .prose-content h6 { color: #ffffff !important; } .prose .prose-content strong { color: #111827 !important; } .dark .prose .prose-content strong { color: #ffffff !important; } .prose .prose-content em { color: #374151 !important; } .dark .prose .prose-content em { color: #d1d5db !important; } article.prose .prose-content p, article.prose .prose-content div, article.prose .prose-content span, .prose .prose-content p, .prose .prose-content div, .prose .prose-content span { color: rgb(var(--color-primary)) !important; } .dark article.prose .prose-content p, .dark article.prose .prose-content div, .dark article.prose .prose-content span, .dark .prose .prose-content p, .dark .prose .prose-content div, .dark .prose .prose-content span { color: #ffffff !important; } .light article.prose .prose-content p, .light article.prose .prose-content div, .light article.prose .prose-content span, .light .prose .prose-content p, .light .prose .prose-content div, .light .prose .prose-content span { color: #111827 !important; } .prose img { height: auto; max-width: 100%; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-200); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-700); } } .prose video { width: 100%; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-200); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-700); } } .aspect-video { aspect-ratio: 16 / 9; } .prose iframe { width: 100%; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 0px; } .prose .media-container { margin-inline: auto; margin-block: calc(var(--spacing) * 6); max-width: 100%; } .prose table { margin-block: calc(var(--spacing) * 4); border-collapse: collapse; overflow: hidden; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } } .prose th, .prose td { border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-300); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } } .prose th { background-color: var(--color-gray-100); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } .prose hr { margin-block: calc(var(--spacing) * 6); border-color: var(--color-gray-300); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } } .prose .twitter-tweet { margin-left: auto; margin-right: auto; } .prose img[loading="lazy"] { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; } .prose img[loading="lazy"]:not([src]) { opacity: 0%; } .prose img:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; } .prose video:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); --tw-duration: 300ms; transition-duration: 300ms; } .prose .media-caption { margin-top: calc(var(--spacing) * 2); text-align: center; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-gray-500); font-style: italic; &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .text-decoration-line-through { text-decoration: line-through; } #need_description::placeholder { font-size: 0.75rem !important; } @media (max-width: 640px) { .prose { font-size: 0.875rem; line-height: 1.25rem; } .prose h1 { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .prose h2 { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .prose h3 { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .prose img { margin-inline: auto; } .prose video { width: 100%; } .aspect-video { aspect-ratio: 16 / 10; } } .prose .prose-content p, .prose .prose-content div, .prose .prose-content span, article.prose .prose-content p, article.prose .prose-content div, article.prose .prose-content span { color: inherit !important; } .dark .prose .prose-content p, .dark .prose .prose-content div, .dark .prose .prose-content span, .dark article.prose .prose-content p, .dark article.prose .prose-content div, .dark article.prose .prose-content span, html.dark .prose .prose-content p, html.dark .prose .prose-content div, html.dark .prose .prose-content span, html.dark article.prose .prose-content p, html.dark article.prose .prose-content div, html.dark article.prose .prose-content span { color: #ffffff !important; } .light .prose .prose-content p, .light .prose .prose-content div, .light .prose .prose-content span, .light article.prose .prose-content p, .light article.prose .prose-content div, .light article.prose .prose-content span, html.light .prose .prose-content p, html.light .prose .prose-content div, html.light .prose .prose-content span { color: #000000 !important; } @media (prefers-color-scheme: dark) { .prose .prose-content p, .prose .prose-content div, .prose .prose-content span, article.prose .prose-content p, article.prose .prose-content div, article.prose .prose-content span { color: #ffffff !important; } } @media (prefers-color-scheme: light) { .prose .prose-content p, .prose .prose-content div, .prose .prose-content span, article.prose .prose-content p, article.prose .prose-content div, article.prose .prose-content span { color: #000000 !important; } } .prose-card { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .prose-card p { margin-bottom: calc(var(--spacing) * 0); display: inline; } .prose-card a { color: var(--color-blue-600); &:hover { @media (hover: hover) { color: var(--color-blue-800); } } &:hover { @media (hover: hover) { text-decoration-line: underline; } } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-blue-400); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { &:hover { @media (hover: hover) { color: var(--color-blue-300); } } } } .prose-card strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .prose-card em { font-style: italic; } .prose-card code { border-radius: 0.25rem; background-color: var(--color-gray-100); padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 0.5); font-family: var(--font-mono); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } } .prose-card img, .prose-card video, .prose-card iframe { display: none; } .prose-card-story { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .prose-card-story p { margin-bottom: calc(var(--spacing) * 0); display: inline; color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .prose-card-story a { color: var(--color-blue-300); text-decoration-line: underline; &:hover { @media (hover: hover) { color: var(--color-blue-200); } } } .prose-card-story strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); color: var(--color-white); } .prose-card-story em { color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } font-style: italic; } .prose-card-story code { border-radius: 0.25rem; background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } padding-inline: calc(var(--spacing) * 1); padding-block: calc(var(--spacing) * 0.5); font-family: var(--font-mono); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: color-mix(in srgb, #fff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .prose-card-story img, .prose-card-story video, .prose-card-story iframe { display: none; } .theme-logo { color: #000000; } .theme-text { background-color: #000000 !important; color: #ffffff !important; } .theme-button { background-color: #000000 !important; color: #ffffff !important; } .theme-button:hover { background-color: #374151 !important; } .theme-icon-large, .theme-icon-small, .theme-icon-medium { background-color: #000000 !important; } .bg-black:hover { background: linear-gradient(to bottom, #1f2937, #111827) !important; } .bg-black { background: linear-gradient(to bottom, #374151, #1f2937) !important; border-color: #d1d5db !important; } .bg-black:hover { background: linear-gradient(to bottom, #1f2937, #111827) !important; } [data-color-scheme="dark"] { --dark-bg: #000; --dark-body-bg: #111; --dark-card-bg: #222; --dark-border: #333; --dark-text: #ffffff; --dark-text-secondary: #aaaaaa; } [data-color-scheme="dark"] body { background-color: var(--dark-body-bg); } [data-color-scheme="dark"] .bg-white { background-color: var(--dark-bg); } [data-color-scheme="dark"] .bg-gray-50, [data-color-scheme="dark"] .bg-gray-100, [data-color-scheme="dark"] .bg-gray-800 { background-color: var(--dark-card-bg); } [data-color-scheme="dark"] .border-gray-100, [data-color-scheme="dark"] .border-gray-200, [data-color-scheme="dark"] .border-gray-300, [data-color-scheme="dark"] .border-gray-700 { border-color: var(--dark-border); } [data-color-scheme="dark"] .hover\:bg-gray-50:hover, [data-color-scheme="dark"] .hover\:bg-gray-100:hover, [data-color-scheme="dark"] .hover\:bg-gray-700:hover { background-color: #1a1a1a; } [data-color-scheme="dark"] input:focus, [data-color-scheme="dark"] textarea:focus, [data-color-scheme="dark"] select:focus { --tw-ring-color: rgba(59, 130, 246, 0.5); border-color: #3b82f6; } [data-color-scheme="dark"] input[type="text"], [data-color-scheme="dark"] input[type="email"], [data-color-scheme="dark"] input[type="password"], [data-color-scheme="dark"] input[type="number"], [data-color-scheme="dark"] input[type="url"], [data-color-scheme="dark"] input[type="tel"], [data-color-scheme="dark"] input[type="date"], [data-color-scheme="dark"] input[type="datetime-local"], [data-color-scheme="dark"] textarea, [data-color-scheme="dark"] select { background-color: var(--dark-card-bg) !important; border-color: var(--dark-border) !important; color: var(--dark-text) !important; } [data-color-scheme="dark"] input.bg-transparent, [data-color-scheme="dark"] input#mobile-search-input, [data-color-scheme="dark"] input#communities-search-input { background-color: transparent !important; } [data-color-scheme="dark"] input[type="text"]::placeholder, [data-color-scheme="dark"] input[type="email"]::placeholder, [data-color-scheme="dark"] input[type="password"]::placeholder, [data-color-scheme="dark"] input[type="number"]::placeholder, [data-color-scheme="dark"] input[type="url"]::placeholder, [data-color-scheme="dark"] input[type="tel"]::placeholder, [data-color-scheme="dark"] textarea::placeholder { color: var(--dark-text-secondary) !important; } [data-color-scheme="dark"] .theme-logo { color: #ffffff !important; } [data-color-scheme="dark"] .theme-text { background-color: var(--dark-text) !important; color: var(--dark-bg) !important; } [data-color-scheme="dark"] .theme-button { background-color: #ffffff !important; color: #000000 !important; } [data-color-scheme="dark"] .theme-button:hover { background-color: #f3f4f6 !important; } [data-color-scheme="dark"] .theme-icon-large, [data-color-scheme="dark"] .theme-icon-small, [data-color-scheme="dark"] .theme-icon-medium { background-color: #ffffff !important; } [data-color-scheme="dark"] .bg-black { background: linear-gradient(to bottom, #000000, #111111) !important; border-color: #222222 !important; } [data-color-scheme="dark"] .bg-black:hover { background: linear-gradient(to bottom, #111111, #1a1a1a) !important; } [data-color-scheme="dark"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(1); cursor: pointer; } [data-color-scheme="dark"] input[type="date"]::-webkit-inner-spin-button, [data-color-scheme="dark"] input[type="date"]::-webkit-clear-button, [data-color-scheme="dark"] input[type="datetime-local"]::-webkit-inner-spin-button, [data-color-scheme="dark"] input[type="datetime-local"]::-webkit-clear-button { filter: invert(1); } [data-color-scheme="dark"] .date-input-dark-mode::-webkit-calendar-picker-indicator, [data-color-scheme="dark"] .datetime-input-dark-mode::-webkit-calendar-picker-indicator { filter: invert(1) !important; cursor: pointer; } [data-color-scheme="dark"] #mobile-navigation-container::after { background-color: rgba(0, 0, 0, 0.95) !important; } [data-color-scheme="neutral"] { --neutral-bg: #0f172a; --neutral-body-bg: #0c1425; --neutral-card-bg: #1e293b; --neutral-border: #334155; --neutral-text: #ffffff; --neutral-text-secondary: #cbd5e1; } [data-color-scheme="neutral"] body { background-color: var(--neutral-body-bg); } [data-color-scheme="neutral"] .bg-white { background-color: var(--neutral-bg); } [data-color-scheme="neutral"] .bg-gray-50, [data-color-scheme="neutral"] .bg-gray-100, [data-color-scheme="neutral"] .bg-gray-800 { background-color: var(--neutral-card-bg); } [data-color-scheme="neutral"] .border-gray-100, [data-color-scheme="neutral"] .border-gray-200, [data-color-scheme="neutral"] .border-gray-300, [data-color-scheme="neutral"] .border-gray-700 { border-color: var(--neutral-border); } [data-color-scheme="neutral"] .hover\:bg-gray-50:hover, [data-color-scheme="neutral"] .hover\:bg-gray-100:hover, [data-color-scheme="neutral"] .hover\:bg-gray-700:hover { background-color: #475569; } [data-color-scheme="neutral"] input[type="text"], [data-color-scheme="neutral"] input[type="email"], [data-color-scheme="neutral"] input[type="password"], [data-color-scheme="neutral"] input[type="number"], [data-color-scheme="neutral"] input[type="url"], [data-color-scheme="neutral"] input[type="tel"], [data-color-scheme="neutral"] input[type="date"], [data-color-scheme="neutral"] input[type="datetime-local"], [data-color-scheme="neutral"] textarea, [data-color-scheme="neutral"] select { background-color: var(--neutral-card-bg) !important; color: var(--neutral-text) !important; } [data-color-scheme="neutral"] input[type="text"]::placeholder, [data-color-scheme="neutral"] input[type="email"]::placeholder, [data-color-scheme="neutral"] input[type="password"]::placeholder, [data-color-scheme="neutral"] input[type="number"]::placeholder, [data-color-scheme="neutral"] input[type="url"]::placeholder, [data-color-scheme="neutral"] input[type="tel"]::placeholder, [data-color-scheme="neutral"] textarea::placeholder { color: var(--neutral-text-secondary) !important; } [data-color-scheme="neutral"] input:focus, [data-color-scheme="neutral"] textarea:focus, [data-color-scheme="neutral"] select:focus { --tw-ring-color: rgba(59, 130, 246, 0.5); border-color: #3b82f6; } [data-color-scheme="neutral"] .theme-logo { color: #ffffff !important; } [data-color-scheme="neutral"] .theme-text { background-color: var(--neutral-text) !important; color: var(--neutral-bg) !important; } [data-color-scheme="neutral"] .theme-button { background-color: #ffffff !important; color: #111827 !important; } [data-color-scheme="neutral"] .theme-button:hover { background-color: #f3f4f6 !important; } [data-color-scheme="neutral"] .theme-icon-large, [data-color-scheme="neutral"] .theme-icon-small, [data-color-scheme="neutral"] .theme-icon-medium { background-color: #ffffff !important; } [data-color-scheme="neutral"] .bg-black { background: linear-gradient(to bottom, #1e293b, #0f172a) !important; border-color: #334155 !important; } [data-color-scheme="neutral"] .bg-black:hover { background: linear-gradient(to bottom, #0f172a, #020617) !important; } [data-color-scheme="neutral"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="neutral"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(1); cursor: pointer; } [data-color-scheme="neutral"] #mobile-navigation-container::after { background-color: rgba(15, 23, 42, 0.95) !important; } [data-color-scheme="pink"] { --pink-bg: #fdf2f8; --pink-body-bg: #fefcfd; --pink-card-bg: #fce7f3; --pink-border: #f9a8d4; --pink-text: #881337; --pink-text-secondary: #be185d; --pink-accent: #ec4899; } [data-color-scheme="pink"] body { background-color: var(--pink-body-bg); } [data-color-scheme="pink"] .bg-white { background-color: var(--pink-bg); } [data-color-scheme="pink"] .bg-gray-50, [data-color-scheme="pink"] .bg-gray-100, [data-color-scheme="pink"] .bg-gray-800 { background-color: var(--pink-card-bg); } [data-color-scheme="pink"] .comment-level-2 .comment-card { background-color: #ec4899 !important; } [data-color-scheme="pink"] .comment-level-3 .comment-card { background-color: #db2777 !important; } .glass-mode[data-color-scheme="pink"] .main-header input[type="search"], .glass-mode[data-color-scheme="pink"] .main-header .searchbar-component input { background-color: var(--glass-dropdown-bg) !important; color: rgba(255, 255, 255, 0.95) !important; border: 1px solid var(--glass-border) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; } .glass-mode[data-color-scheme="pink"] .main-header input[type="search"]::placeholder, .glass-mode[data-color-scheme="pink"] .main-header .searchbar-component input::placeholder { color: rgba(255, 255, 255, 0.7) !important; opacity: 1; } [data-color-scheme="pink"]:not(.glass-mode) .main-header input[type="search"], [data-color-scheme="pink"]:not(.glass-mode) .main-header .searchbar-component input { background-color: rgba(190, 24, 93, 0.8) !important; color: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(190, 24, 93, 0.5) !important; } [data-color-scheme="pink"]:not(.glass-mode) .main-header input[type="search"]::placeholder, [data-color-scheme="pink"]:not(.glass-mode) .main-header .searchbar-component input::placeholder { color: rgba(255, 255, 255, 0.7) !important; opacity: 1; } [data-color-scheme="pink"] .prose, [data-color-scheme="pink"] .prose p, [data-color-scheme="pink"] .prose .prose-content p, [data-color-scheme="pink"] .prose-content p, [data-color-scheme="pink"] .prose div, [data-color-scheme="pink"] .prose span, [data-color-scheme="pink"] .prose li { color: #ffffff !important; } [data-color-scheme="pink"] .prose h1, [data-color-scheme="pink"] .prose h2, [data-color-scheme="pink"] .prose h3, [data-color-scheme="pink"] .prose h4, [data-color-scheme="pink"] .prose h5, [data-color-scheme="pink"] .prose h6 { color: #ffffff !important; } [data-color-scheme="pink"] .prose strong { color: #ffffff !important; } [data-color-scheme="pink"] .border-gray-100, [data-color-scheme="pink"] .border-gray-200, [data-color-scheme="pink"] .border-gray-300, [data-color-scheme="pink"] .border-gray-700 { border-color: var(--pink-border); } [data-color-scheme="pink"] .divide-gray-200 > * + * { border-color: var(--pink-border); } [data-color-scheme="pink"] .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--pink-border); } } [data-color-scheme="pink"] .divide-gray-700 > * + * { border-color: #be123c; } [data-color-scheme="pink"] .hover\:bg-gray-50:hover, [data-color-scheme="pink"] .hover\:bg-gray-100:hover, [data-color-scheme="pink"] .hover\:bg-gray-700:hover { background-color: #fbb6ce; } [data-color-scheme="pink"] input:focus, [data-color-scheme="pink"] textarea:focus, [data-color-scheme="pink"] select:focus { --tw-ring-color: rgba(236, 72, 153, 0.5); border-color: var(--pink-accent); } [data-color-scheme="pink"] .theme-logo { color: #831843 !important; } [data-color-scheme="pink"] .theme-text { background-color: var(--pink-text) !important; color: var(--pink-bg) !important; } [data-color-scheme="pink"] .theme-button { background-color: #831843 !important; color: #ffffff !important; } [data-color-scheme="pink"] .theme-button:hover { background-color: #9f1239 !important; } [data-color-scheme="pink"] .theme-icon-large, [data-color-scheme="pink"] .theme-icon-small, [data-color-scheme="pink"] .theme-icon-medium { background-color: #831843 !important; } [data-color-scheme="pink"] .bg-black { background: linear-gradient(to bottom, #ec4899, #be185d) !important; border-color: #f9a8d4 !important; color: #fdf2f8 !important; } [data-color-scheme="pink"] .bg-black:hover { background: linear-gradient(to bottom, #be185d, #9f1239) !important; color: #fdf2f8 !important; } [data-color-scheme="pink"] .bg-gradient-to-b.from-gray-800 { background: linear-gradient(to bottom, #ec4899, #be185d) !important; color: #fdf2f8 !important; } [data-color-scheme="pink"] .bg-gradient-to-b.from-gray-800:hover { background: linear-gradient(to bottom, #be185d, #9f1239) !important; color: #fdf2f8 !important; } [data-color-scheme="pink"] .bg-blue-600 { background-color: #ec4899 !important; } [data-color-scheme="pink"] .bg-blue-600.border-blue-600 { background-color: #ec4899 !important; border-color: #ec4899 !important; } [data-color-scheme="pink"] .bg-blue-100 { background-color: #fce7f3 !important; } [data-color-scheme="pink"] .dark .bg-blue-900\/30, .dark[data-color-scheme="pink"] .bg-blue-900\/30 { background-color: rgba(236, 72, 153, 0.3) !important; } [data-color-scheme="pink"] .dark .text-blue-400, .dark[data-color-scheme="pink"] .text-blue-400 { color: #f472b6 !important; } [data-color-scheme="pink"] .bg-blue-600:not(.bg-gradient-to-b) { background-color: #ec4899 !important; } [data-color-scheme="pink"] .bg-blue-600:not(.bg-gradient-to-b):hover, [data-color-scheme="pink"] .hover\:bg-blue-700:hover { background-color: #be185d !important; } [data-color-scheme="pink"] .focus\:ring-blue-500:focus { --tw-ring-color: #ec4899 !important; } [data-color-scheme="pink"] .bg-blue-50 { background-color: #fce7f3 !important; } [data-color-scheme="pink"] .border-blue-500 { border-color: #ec4899 !important; } [data-color-scheme="pink"] .dark .bg-blue-900\/10, .dark[data-color-scheme="pink"] .bg-blue-900\/10 { background-color: rgba(236, 72, 153, 0.1) !important; } [data-color-scheme="pink"] .dark .border-blue-500, .dark[data-color-scheme="pink"] .border-blue-500 { border-color: #ec4899 !important; } [data-color-scheme="pink"] .bg-indigo-600 { background-color: #ec4899 !important; color: #fdf2f8 !important; } [data-color-scheme="pink"] .hover\:bg-indigo-700:hover { background-color: #be185d !important; color: #fdf2f8 !important; } [data-color-scheme="pink"] .focus\:ring-indigo-500:focus { --tw-ring-color: #ec4899 !important; } [data-color-scheme="pink"] .border-gray-900 { border-color: #ec4899 !important; } [data-color-scheme="pink"] .text-gray-900 { color: #be185d !important; } [data-color-scheme="pink"] .bg-indigo-100 { background-color: #fce7f3 !important; } [data-color-scheme="pink"] .text-indigo-700 { color: #be185d !important; } [data-color-scheme="pink"] .dark .bg-indigo-900\/30, .dark[data-color-scheme="pink"] .bg-indigo-900\/30 { background-color: rgba(236, 72, 153, 0.3) !important; } [data-color-scheme="pink"] .dark .text-indigo-300, .dark[data-color-scheme="pink"] .text-indigo-300 { color: #f472b6 !important; } [data-color-scheme="pink"] .bg-gray-100 { background-color: #fce7f3 !important; } [data-color-scheme="pink"] .hover\:bg-gray-200:hover { background-color: #fbb6ce !important; } [data-color-scheme="pink"] .dark .bg-gray-700, .dark[data-color-scheme="pink"] .bg-gray-700 { background-color: rgba(236, 72, 153, 0.2) !important; } [data-color-scheme="pink"] .dark .hover\:bg-gray-600:hover, .dark[data-color-scheme="pink"] .hover\:bg-gray-600:hover { background-color: rgba(236, 72, 153, 0.3) !important; } [data-color-scheme="pink"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="pink"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(7454%) hue-rotate(315deg) brightness(101%) contrast(101%); cursor: pointer; } [data-color-scheme="pink"] #mobile-filter-wrapper { background-color: var(--pink-bg); border-color: var(--pink-border); } [data-color-scheme="pink"] #mobile-navigation-container::after { background-color: rgba(252, 231, 243, 0.95) !important; } [data-color-scheme="pink"] .bg-blue-50 { background-color: #fce7f3 !important; } [data-color-scheme="pink"] .dark .bg-blue-900\/20, .dark[data-color-scheme="pink"] .bg-blue-900\/20 { background-color: rgba(136, 19, 55, 0.4) !important; } [data-color-scheme="pink"] .border-blue-200 { border-color: #fda4af !important; } [data-color-scheme="pink"] .dark .border-blue-800, .dark[data-color-scheme="pink"] .border-blue-800 { border-color: #be185d !important; } [data-color-scheme="pink"] .dark .text-blue-400, .dark[data-color-scheme="pink"] .text-blue-400 { color: #f472b6 !important; } [data-color-scheme="pink"] .text-blue-800 { color: #881337 !important; } [data-color-scheme="pink"] .dark .text-blue-200, .dark[data-color-scheme="pink"] .text-blue-200 { color: #fce7f3 !important; } [data-color-scheme="pink"] .text-blue-700 { color: #be185d !important; } [data-color-scheme="pink"] .dark .text-blue-300, .dark[data-color-scheme="pink"] .text-blue-300 { color: #f9a8d4 !important; } [data-color-scheme="pink"] .apple-card { background: rgba(136, 19, 55, 0.85); border: 1px solid rgba(236, 72, 153, 0.3); border-radius: 6px; box-shadow: 0 4px 16px rgba(236, 72, 153, 0.2); } [data-color-scheme="pink"] .dark .apple-card, .dark[data-color-scheme="pink"] .apple-card { background: rgba(45, 24, 35, 0.85); border: 1px solid rgba(236, 72, 153, 0.3); box-shadow: 0 4px 16px rgba(236, 72, 153, 0.2); } [data-color-scheme="pink"] .apple-card:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(236, 72, 153, 0.15); } [data-color-scheme="pink"] .dark .apple-card:hover, .dark[data-color-scheme="pink"] .apple-card:hover { box-shadow: 0 8px 25px rgba(236, 72, 153, 0.3); } [data-color-scheme="pink"] .apple-progress-bg { background: rgba(136, 19, 55, 0.6); } [data-color-scheme="pink"] .dark .apple-progress-bg, .dark[data-color-scheme="pink"] .apple-progress-bg { background: rgba(45, 24, 35, 0.8); } [data-color-scheme="pink"] .bg-gray-100\/90 { background: rgba(190, 24, 93, 0.7) !important; } [data-color-scheme="pink"] .dark .bg-gray-700\/90, .dark[data-color-scheme="pink"] .bg-gray-700\/90 { background: rgba(80, 15, 40, 0.8) !important; } [data-color-scheme="pink"] .bg-white\/95:not(.backdrop-blur-sm) { background: rgba(252, 231, 243, 0.95) !important; } [data-color-scheme="pink"] .dark .bg-black\/95:not(.backdrop-blur-sm), .dark[data-color-scheme="pink"] .bg-black\/95:not(.backdrop-blur-sm) { background: rgba(252, 231, 243, 0.95) !important; } [data-color-scheme="pink"] .bg-white\/95.backdrop-blur-sm { background: rgba(136, 19, 55, 0.95) !important; } [data-color-scheme="pink"] .dark .bg-black\/95.backdrop-blur-sm, .dark[data-color-scheme="pink"] .bg-black\/95.backdrop-blur-sm { background: rgba(136, 19, 55, 0.95) !important; } [data-color-scheme="purple"] { --purple-bg: #faf5ff; --purple-body-bg: #fefcff; --purple-card-bg: #f3e8ff; --purple-border: #c084fc; --purple-text: #581c87; --purple-text-secondary: #7c3aed; --purple-accent: #a855f7; } [data-color-scheme="purple"] body { background-color: var(--purple-body-bg); } [data-color-scheme="purple"] .bg-white { background-color: var(--purple-bg); } [data-color-scheme="purple"] .bg-gray-50, [data-color-scheme="purple"] .bg-gray-100, [data-color-scheme="purple"] .bg-gray-800 { background-color: var(--purple-card-bg); } [data-color-scheme="purple"] .comment-level-2 .comment-card { background-color: #9333ea !important; } [data-color-scheme="purple"] .comment-level-3 .comment-card { background-color: #7c3aed !important; } .glass-mode[data-color-scheme="purple"] .main-header input[type="search"], .glass-mode[data-color-scheme="purple"] .main-header .searchbar-component input { background-color: var(--glass-dropdown-bg) !important; color: rgba(255, 255, 255, 0.95) !important; border: 1px solid var(--glass-border) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; } .glass-mode[data-color-scheme="purple"] .main-header input[type="search"]::placeholder, .glass-mode[data-color-scheme="purple"] .main-header .searchbar-component input::placeholder { color: rgba(255, 255, 255, 0.7) !important; opacity: 1; } [data-color-scheme="purple"]:not(.glass-mode) .main-header input[type="search"], [data-color-scheme="purple"]:not(.glass-mode) .main-header .searchbar-component input { background-color: rgba(88, 28, 135, 0.8) !important; color: rgba(255, 255, 255, 0.95) !important; border: 1px solid rgba(88, 28, 135, 0.5) !important; } [data-color-scheme="purple"]:not(.glass-mode) .main-header input[type="search"]::placeholder, [data-color-scheme="purple"]:not(.glass-mode) .main-header .searchbar-component input::placeholder { color: rgba(255, 255, 255, 0.7) !important; opacity: 1; } [data-color-scheme="purple"] .prose, [data-color-scheme="purple"] .prose p, [data-color-scheme="purple"] .prose .prose-content p, [data-color-scheme="purple"] .prose-content p, [data-color-scheme="purple"] .prose div, [data-color-scheme="purple"] .prose span, [data-color-scheme="purple"] .prose li { color: #ffffff !important; } [data-color-scheme="purple"] .prose h1, [data-color-scheme="purple"] .prose h2, [data-color-scheme="purple"] .prose h3, [data-color-scheme="purple"] .prose h4, [data-color-scheme="purple"] .prose h5, [data-color-scheme="purple"] .prose h6 { color: #ffffff !important; } [data-color-scheme="purple"] .prose strong { color: #ffffff !important; } [data-color-scheme="purple"] .border-gray-100, [data-color-scheme="purple"] .border-gray-200, [data-color-scheme="purple"] .border-gray-300, [data-color-scheme="purple"] .border-gray-700 { border-color: var(--purple-border); } [data-color-scheme="purple"] .divide-gray-200 > * + * { border-color: var(--purple-border); } [data-color-scheme="purple"] .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--purple-border); } } [data-color-scheme="purple"] .divide-gray-700 > * + * { border-color: #6d28d9; } [data-color-scheme="purple"] .hover\:bg-gray-50:hover, [data-color-scheme="purple"] .hover\:bg-gray-100:hover, [data-color-scheme="purple"] .hover\:bg-gray-700:hover { background-color: #ddd6fe; } [data-color-scheme="purple"] input[type="text"], [data-color-scheme="purple"] input[type="email"], [data-color-scheme="purple"] input[type="password"], [data-color-scheme="purple"] input[type="number"], [data-color-scheme="purple"] input[type="url"], [data-color-scheme="purple"] input[type="tel"], [data-color-scheme="purple"] input[type="date"], [data-color-scheme="purple"] input[type="datetime-local"], [data-color-scheme="purple"] textarea, [data-color-scheme="purple"] select { background-color: var(--purple-card-bg) !important; border-color: var(--purple-border) !important; color: var(--purple-text) !important; } [data-color-scheme="purple"] input[type="text"]::placeholder, [data-color-scheme="purple"] input[type="email"]::placeholder, [data-color-scheme="purple"] input[type="password"]::placeholder, [data-color-scheme="purple"] input[type="number"]::placeholder, [data-color-scheme="purple"] input[type="url"]::placeholder, [data-color-scheme="purple"] input[type="tel"]::placeholder, [data-color-scheme="purple"] textarea::placeholder { color: var(--purple-text-secondary) !important; } [data-color-scheme="purple"] input:focus, [data-color-scheme="purple"] textarea:focus, [data-color-scheme="purple"] select:focus { --tw-ring-color: rgba(168, 85, 247, 0.5); border-color: var(--purple-accent); } [data-color-scheme="purple"] .theme-logo { color: #4c1d95 !important; } [data-color-scheme="purple"] .theme-text { background-color: var(--purple-text) !important; color: var(--purple-bg) !important; } [data-color-scheme="purple"] .theme-button { background-color: #4c1d95 !important; color: #ffffff !important; } [data-color-scheme="purple"] .theme-button:hover { background-color: #5b21b6 !important; } [data-color-scheme="purple"] .theme-icon-large, [data-color-scheme="purple"] .theme-icon-small, [data-color-scheme="purple"] .theme-icon-medium { background-color: #4c1d95 !important; } [data-color-scheme="purple"] .bg-black { background: linear-gradient(to bottom, #a855f7, #7c3aed) !important; border-color: #c4b5fd !important; color: #faf5ff !important; } [data-color-scheme="purple"] .bg-black:hover { background: linear-gradient(to bottom, #7c3aed, #6d28d9) !important; color: #faf5ff !important; } [data-color-scheme="purple"] .bg-gradient-to-b.from-gray-800 { background: linear-gradient(to bottom, #a855f7, #7c3aed) !important; color: #faf5ff !important; } [data-color-scheme="purple"] .bg-gradient-to-b.from-gray-800:hover { background: linear-gradient(to bottom, #7c3aed, #6d28d9) !important; color: #faf5ff !important; } [data-color-scheme="purple"] .bg-blue-600 { background-color: #a855f7 !important; } [data-color-scheme="purple"] .bg-blue-600.border-blue-600 { background-color: #a855f7 !important; border-color: #a855f7 !important; } [data-color-scheme="purple"] .bg-blue-100 { background-color: #f3e8ff !important; } [data-color-scheme="purple"] .dark .bg-blue-900\/30, .dark[data-color-scheme="purple"] .bg-blue-900\/30 { background-color: rgba(168, 85, 247, 0.3) !important; } [data-color-scheme="purple"] .bg-blue-600:not(.bg-gradient-to-b) { background-color: #a855f7 !important; } [data-color-scheme="purple"] .bg-blue-600:not(.bg-gradient-to-b):hover, [data-color-scheme="purple"] .hover\:bg-blue-700:hover { background-color: #7c3aed !important; } [data-color-scheme="purple"] .focus\:ring-blue-500:focus { --tw-ring-color: #a855f7 !important; } [data-color-scheme="purple"] .bg-indigo-600 { background-color: #a855f7 !important; color: #faf5ff !important; } [data-color-scheme="purple"] .hover\:bg-indigo-700:hover { background-color: #7c3aed !important; color: #faf5ff !important; } [data-color-scheme="purple"] .focus\:ring-indigo-500:focus { --tw-ring-color: #a855f7 !important; } [data-color-scheme="purple"] .border-gray-900 { border-color: #a855f7 !important; } [data-color-scheme="purple"] .bg-indigo-100 { background-color: #f3e8ff !important; } [data-color-scheme="purple"] .dark .bg-indigo-900\/30, .dark[data-color-scheme="purple"] .bg-indigo-900\/30 { background-color: rgba(168, 85, 247, 0.3) !important; } [data-color-scheme="purple"] .bg-gray-100 { background-color: #f3e8ff !important; } [data-color-scheme="purple"] .hover\:bg-gray-200:hover { background-color: #ddd6fe !important; } [data-color-scheme="purple"] .dark .bg-gray-700, .dark[data-color-scheme="purple"] .bg-gray-700 { background-color: rgba(168, 85, 247, 0.2) !important; } [data-color-scheme="purple"] .dark .hover\:bg-gray-600:hover, .dark[data-color-scheme="purple"] .hover\:bg-gray-600:hover { background-color: rgba(168, 85, 247, 0.3) !important; } [data-color-scheme="purple"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="purple"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(7454%) hue-rotate(260deg) brightness(101%) contrast(101%); cursor: pointer; } [data-color-scheme="purple"] #mobile-filter-wrapper { background-color: var(--purple-bg); border-color: var(--purple-border); } [data-color-scheme="purple"] .apple-card { background: rgba(88, 28, 135, 0.85); border: 1px solid rgba(147, 51, 234, 0.3); border-radius: 6px; box-shadow: 0 4px 16px rgba(147, 51, 234, 0.2); } [data-color-scheme="purple"] .dark .apple-card, .dark[data-color-scheme="purple"] .apple-card { background: rgba(35, 25, 45, 0.85); border: 1px solid rgba(147, 51, 234, 0.3); box-shadow: 0 4px 16px rgba(147, 51, 234, 0.2); } [data-color-scheme="purple"] .apple-card:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(147, 51, 234, 0.15); } [data-color-scheme="purple"] .dark .apple-card:hover, .dark[data-color-scheme="purple"] .apple-card:hover { box-shadow: 0 8px 25px rgba(147, 51, 234, 0.3); } [data-color-scheme="purple"] .apple-progress-bg { background: rgba(88, 28, 135, 0.6); } [data-color-scheme="purple"] .dark .apple-progress-bg, .dark[data-color-scheme="purple"] .apple-progress-bg { background: rgba(35, 25, 45, 0.8); } [data-color-scheme="purple"] .bg-gray-100\/90 { background: rgba(126, 34, 206, 0.7) !important; } [data-color-scheme="purple"] .dark .bg-gray-700\/90, .dark[data-color-scheme="purple"] .bg-gray-700\/90 { background: rgba(60, 20, 100, 0.8) !important; } [data-color-scheme="purple"] .bg-white\/95:not(.backdrop-blur-sm) { background: rgba(243, 232, 255, 0.95) !important; } [data-color-scheme="purple"] .dark .bg-black\/95:not(.backdrop-blur-sm), .dark[data-color-scheme="purple"] .bg-black\/95:not(.backdrop-blur-sm) { background: rgba(243, 232, 255, 0.95) !important; } [data-color-scheme="purple"] .bg-white\/95.backdrop-blur-sm { background: rgba(88, 28, 135, 0.95) !important; } [data-color-scheme="purple"] .dark .bg-black\/95.backdrop-blur-sm, .dark[data-color-scheme="purple"] .bg-black\/95.backdrop-blur-sm { background: rgba(88, 28, 135, 0.95) !important; } .text-primary { color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-gray-900); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-gray-900); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-100); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } } .text-secondary { color: var(--color-gray-700); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-800); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-200); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-800); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-200); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-200); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-200); } } } .text-muted { color: var(--color-gray-500); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-700); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-300); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-700); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-300); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-300); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } } .glass-mode .text-primary { color: var(--color-black); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-white); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-white); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-white); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } } .glass-mode .text-secondary { color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-100); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-100); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-100); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-100); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-100); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-100); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-100); } } } .glass-mode .text-muted { color: var(--color-gray-800); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-200); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-200); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-200); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-200); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-200); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-200); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-200); } } } .text-primary-hover:hover { color: var(--color-gray-700); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-100); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-300); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-300); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-300); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-300); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-300); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } } .text-secondary-hover:hover { color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-900); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-900); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-900); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-900); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-100); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-900); } } } .glass-mode .text-primary-hover:hover { color: var(--color-gray-500); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-100); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-100); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-100); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-100); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-300); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } } .glass-mode .text-secondary-hover:hover { color: var(--color-gray-500); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-200); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-200); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-200); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-200); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-300); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } } .text-icon-primary { color: var(--color-gray-600); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-600); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-600); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-400); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } } .text-icon-secondary { color: var(--color-gray-500); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-500); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-500); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-500); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-400); } } } .glass-mode .text-icon-primary { color: var(--color-black); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-300); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-300); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-300); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-300); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-300); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } } .glass-mode .text-icon-secondary { color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-100); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { color: var(--color-rose-400); } &:where([data-color-scheme="pink"], [data-color-scheme="pink"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-rose-400); } } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { color: var(--color-purple-400); } &:where([data-color-scheme="purple"], [data-color-scheme="purple"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-purple-400); } } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { color: var(--color-gray-300); } &:where([data-color-scheme="neutral"], [data-color-scheme="neutral"] *) { &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-300); } } } .glass-mode { --glass-blur: blur(20px); --glass-opacity: 0.3; --glass-border-opacity: 0.2; --glass-shadow-opacity: 0.12; --glass-bg: rgba(255, 255, 255, var(--glass-opacity)); --glass-border: rgba(255, 255, 255, var(--glass-border-opacity)); --glass-shadow: rgba(0, 0, 0, var(--glass-shadow-opacity)); --glass-text: rgba(17, 24, 39, 0.9); backdrop-filter: var(--glass-blur); -webkit-backdrop-filter: var(--glass-blur); } .glass-mode[data-color-scheme="light"] { --glass-bg: rgba(248, 250, 252, 0.4); --glass-dropdown-bg: rgba(248, 250, 252, 0.8); --glass-border: rgba(148, 163, 184, 0.2); --glass-shadow: rgba(0, 0, 0, 0.1); --glass-text: rgba(17, 24, 39, 0.9); } .glass-mode[data-color-scheme="dark"] { --glass-bg: rgba(0, 0, 0, 0.3); --glass-dropdown-bg: rgba(0, 0, 0, 0.7); --glass-border: rgba(255, 255, 255, 0.1); --glass-shadow: rgba(0, 0, 0, 0.2); --glass-text: rgba(255, 255, 255, 0.9); } .glass-mode[data-color-scheme="neutral"] { --glass-bg: rgba(51, 65, 85, 0.35); --glass-dropdown-bg: rgba(51, 65, 85, 0.8); --glass-border: rgba(148, 163, 184, 0.2); --glass-shadow: rgba(51, 65, 85, 0.12); --glass-text: rgba(255, 255, 255, 0.9); } .glass-mode[data-color-scheme="pink"] { --glass-bg: rgba(190, 24, 93, 0.5); --glass-dropdown-bg: rgba(190, 24, 93, 0.8); --glass-border: rgba(190, 24, 93, 0.5); --glass-shadow: rgba(190, 24, 93, 0.12); --glass-text: rgba(255, 255, 255, 0.95); } .glass-mode[data-color-scheme="purple"] { --glass-bg: rgba(88, 28, 135, 0.7); --glass-dropdown-bg: rgba(88, 28, 135, 0.8); --glass-border: rgba(88, 28, 135, 0.5); --glass-shadow: rgba(88, 28, 135, 0.15); --glass-text: rgba(255, 255, 255, 0.95); } .glass-mode[data-color-scheme="pink"] .divide-gray-200 > * + * { border-color: rgba(190, 24, 93, 0.5); } .glass-mode[data-color-scheme="pink"] .divide-gray-200 { :where(& > :not(:last-child)) { border-color: rgba(190, 24, 93, 0.5); } } .glass-mode[data-color-scheme="pink"] .divide-gray-700 > * + * { border-color: rgba(190, 24, 93, 0.6); } .glass-mode[data-color-scheme="purple"] .divide-gray-200 > * + * { border-color: rgba(88, 28, 135, 0.5); } .glass-mode[data-color-scheme="purple"] .divide-gray-200 { :where(& > :not(:last-child)) { border-color: rgba(88, 28, 135, 0.5); } } .glass-mode[data-color-scheme="purple"] .divide-gray-700 > * + * { border-color: rgba(88, 28, 135, 0.6); } .glass-mode[data-color-scheme="purple"] .bg-white\/95:not(.backdrop-blur-sm) { background: rgba(88, 28, 135, 0.95) !important; backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); } .glass-mode[data-color-scheme="pink"] .bg-white\/95:not(.backdrop-blur-sm) { background: rgba(190, 24, 93, 0.95) !important; backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); } .glass-mode .card, .glass-mode .modal, .glass-mode .panel, .glass-mode .sidebar, .glass-mode .conversation-list { background-color: var(--glass-bg) !important; backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); box-shadow: 0 4px 20px var(--glass-shadow); } .glass-mode .dropdown { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid var(--glass-border) !important; box-shadow: 0 4px 20px var(--glass-shadow) !important; } .glass-mode #mobile-navigation-container, .glass-mode .main-header { background-color: var(--glass-bg) !important; backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); border-color: var(--glass-border); box-shadow: 0 4px 20px var(--glass-shadow); --glass-opacity: 0.35; } .glass-mode #mobile-navigation-container nav { background-color: transparent !important; } .glass-mode .dropdown.glass-menu { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid var(--glass-border) !important; box-shadow: 0 8px 32px var(--glass-shadow) !important; } .glass-mode input[type="text"], .glass-mode input[type="email"], .glass-mode input[type="password"], .glass-mode input[type="number"], .glass-mode input[type="date"], .glass-mode textarea, .glass-mode select, .glass-mode .input-standard, .glass-mode .select-standard, .glass-mode .textarea-standard { background-color: var(--glass-bg) !important; color: rgba(255, 255, 255, 0.95) !important; border: 1px solid var(--glass-border); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .glass-mode input.bg-transparent, .glass-mode input#mobile-search-input, .glass-mode input#communities-search-input { background-color: transparent !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .glass-mode[data-color-scheme="light"] input[type="text"], .glass-mode[data-color-scheme="light"] input[type="email"], .glass-mode[data-color-scheme="light"] input[type="password"], .glass-mode[data-color-scheme="light"] input[type="number"], .glass-mode[data-color-scheme="light"] input[type="date"], .glass-mode[data-color-scheme="light"] input[type="url"], .glass-mode[data-color-scheme="light"] input[type="tel"], .glass-mode[data-color-scheme="light"] textarea, .glass-mode[data-color-scheme="light"] select, .glass-mode[data-color-scheme="light"] .input-standard, .glass-mode[data-color-scheme="light"] .select-standard, .glass-mode[data-color-scheme="light"] .textarea-standard { color: var(--glass-text) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .glass-mode[data-color-scheme="dark"] input[type="text"], .glass-mode[data-color-scheme="dark"] input[type="email"], .glass-mode[data-color-scheme="dark"] input[type="password"], .glass-mode[data-color-scheme="dark"] input[type="number"], .glass-mode[data-color-scheme="dark"] input[type="date"], .glass-mode[data-color-scheme="dark"] input[type="url"], .glass-mode[data-color-scheme="dark"] input[type="tel"], .glass-mode[data-color-scheme="dark"] textarea, .glass-mode[data-color-scheme="dark"] select, .glass-mode[data-color-scheme="dark"] .input-standard, .glass-mode[data-color-scheme="dark"] .select-standard, .glass-mode[data-color-scheme="dark"] .textarea-standard { color: var(--glass-text) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .glass-mode[data-color-scheme="neutral"] input[type="text"], .glass-mode[data-color-scheme="neutral"] input[type="email"], .glass-mode[data-color-scheme="neutral"] input[type="password"], .glass-mode[data-color-scheme="neutral"] input[type="number"], .glass-mode[data-color-scheme="neutral"] input[type="date"], .glass-mode[data-color-scheme="neutral"] input[type="url"], .glass-mode[data-color-scheme="neutral"] input[type="tel"], .glass-mode[data-color-scheme="neutral"] textarea, .glass-mode[data-color-scheme="neutral"] select, .glass-mode[data-color-scheme="neutral"] .input-standard, .glass-mode[data-color-scheme="neutral"] .select-standard, .glass-mode[data-color-scheme="neutral"] .textarea-standard { color: var(--glass-text) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .glass-mode[data-color-scheme="pink"] input[type="text"], .glass-mode[data-color-scheme="pink"] input[type="email"], .glass-mode[data-color-scheme="pink"] input[type="password"], .glass-mode[data-color-scheme="pink"] input[type="number"], .glass-mode[data-color-scheme="pink"] input[type="date"], .glass-mode[data-color-scheme="pink"] input[type="url"], .glass-mode[data-color-scheme="pink"] input[type="tel"], .glass-mode[data-color-scheme="pink"] textarea, .glass-mode[data-color-scheme="pink"] select, .glass-mode[data-color-scheme="pink"] .input-standard, .glass-mode[data-color-scheme="pink"] .select-standard, .glass-mode[data-color-scheme="pink"] .textarea-standard { background-color: rgba(190, 24, 93, 0.5) !important; color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(249, 168, 212, 0.6) !important; } .glass-mode[data-color-scheme="purple"] input[type="text"], .glass-mode[data-color-scheme="purple"] input[type="email"], .glass-mode[data-color-scheme="purple"] input[type="password"], .glass-mode[data-color-scheme="purple"] input[type="number"], .glass-mode[data-color-scheme="purple"] input[type="date"], .glass-mode[data-color-scheme="purple"] input[type="url"], .glass-mode[data-color-scheme="purple"] input[type="tel"], .glass-mode[data-color-scheme="purple"] textarea, .glass-mode[data-color-scheme="purple"] select, .glass-mode[data-color-scheme="purple"] .input-standard, .glass-mode[data-color-scheme="purple"] .select-standard, .glass-mode[data-color-scheme="purple"] .textarea-standard { background-color: rgba(147, 51, 234, 0.5) !important; color: rgba(255, 255, 255, 0.95) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(196, 181, 253, 0.6) !important; } .glass-mode[data-color-scheme="pink"] input[type="text"]:focus, .glass-mode[data-color-scheme="pink"] input[type="email"]:focus, .glass-mode[data-color-scheme="pink"] input[type="password"]:focus, .glass-mode[data-color-scheme="pink"] input[type="number"]:focus, .glass-mode[data-color-scheme="pink"] input[type="date"]:focus, .glass-mode[data-color-scheme="pink"] input[type="url"]:focus, .glass-mode[data-color-scheme="pink"] input[type="tel"]:focus, .glass-mode[data-color-scheme="pink"] textarea:focus, .glass-mode[data-color-scheme="pink"] select:focus, .glass-mode[data-color-scheme="pink"] .input-standard:focus, .glass-mode[data-color-scheme="pink"] .select-standard:focus, .glass-mode[data-color-scheme="pink"] .textarea-standard:focus { border-color: #ec4899 !important; box-shadow: 0 0 0 3px rgba(249, 168, 212, 0.3) !important; outline: none !important; } .glass-mode[data-color-scheme="purple"] input[type="text"]:focus, .glass-mode[data-color-scheme="purple"] input[type="email"]:focus, .glass-mode[data-color-scheme="purple"] input[type="password"]:focus, .glass-mode[data-color-scheme="purple"] input[type="number"]:focus, .glass-mode[data-color-scheme="purple"] input[type="date"]:focus, .glass-mode[data-color-scheme="purple"] input[type="url"]:focus, .glass-mode[data-color-scheme="purple"] input[type="tel"]:focus, .glass-mode[data-color-scheme="purple"] textarea:focus, .glass-mode[data-color-scheme="purple"] select:focus, .glass-mode[data-color-scheme="purple"] .input-standard:focus, .glass-mode[data-color-scheme="purple"] .select-standard:focus, .glass-mode[data-color-scheme="purple"] .textarea-standard:focus { border-color: #a855f7 !important; box-shadow: 0 0 0 3px rgba(196, 181, 253, 0.3) !important; outline: none !important; } .glass-mode .theme-button, .glass-mode .bg-blue-600, .glass-mode .bg-indigo-600, .glass-mode .bg-gradient-to-b { background-color: var(--glass-bg) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--glass-border); } .glass-mode .glass-button { background-color: var(--glass-bg) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--glass-border); } .glass-mode[data-color-scheme="pink"] .glass-button, .glass-mode[data-color-scheme="purple"] .glass-button { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid var(--glass-border) !important; } .ios-app.glass-mode .glass-button { background-color: var(--glass-bg) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1px solid var(--glass-border) !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; isolation: isolate !important; will-change: backdrop-filter !important; } .ios-app.glass-mode[data-color-scheme="pink"] .glass-button, .ios-app.glass-mode[data-color-scheme="purple"] .glass-button { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(15px) !important; -webkit-backdrop-filter: blur(15px) !important; border: 1px solid var(--glass-border) !important; } .glass-mode .glass-badge { background-color: var(--glass-bg) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--glass-border); box-shadow: 0 2px 8px var(--glass-shadow) !important; } .glass-mode[data-color-scheme="pink"] .glass-badge, .glass-mode[data-color-scheme="purple"] .glass-badge { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .ios-app.glass-mode .glass-badge { background-color: var(--glass-bg) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; border: 1px solid var(--glass-border) !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; isolation: isolate !important; will-change: backdrop-filter !important; box-shadow: 0 2px 8px var(--glass-shadow) !important; } .ios-app.glass-mode[data-color-scheme="pink"] .glass-badge, .ios-app.glass-mode[data-color-scheme="purple"] .glass-badge { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } .glass-mode .glass-menu { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid var(--glass-border) !important; box-shadow: 0 8px 32px var(--glass-shadow) !important; } .glass-mode[data-color-scheme="pink"] .glass-menu, .glass-mode[data-color-scheme="purple"] .glass-menu { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; } .ios-app.glass-mode .glass-menu { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid var(--glass-border) !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; isolation: isolate !important; will-change: backdrop-filter !important; box-shadow: 0 8px 32px var(--glass-shadow) !important; } .ios-app.glass-mode[data-color-scheme="pink"] .glass-menu, .ios-app.glass-mode[data-color-scheme="purple"] .glass-menu { background-color: var(--glass-dropdown-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; } .glass-mode #load-more-button, .glass-mode #load-more-comments-button, .glass-mode button[phx-click="load-more"], .glass-mode button[phx-click="load_more"] { background-color: var(--glass-bg) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid var(--glass-border) !important; color: var(--glass-text) !important; } .glass-mode #load-more-button:hover, .glass-mode #load-more-comments-button:hover, .glass-mode button[phx-click="load-more"]:hover, .glass-mode button[phx-click="load_more"]:hover { background-color: rgba(255, 255, 255, 0.25) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid var(--glass-border) !important; } .glass-mode #load-more-button:disabled, .glass-mode #load-more-comments-button:disabled, .glass-mode [id*="load-more"]:disabled, .glass-mode button[phx-click="load-more"]:disabled, .glass-mode button[phx-click="load_more"]:disabled, .glass-mode button[phx-click="load_more_conversations"]:disabled { background-color: var(--glass-bg) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); border: 1px solid var(--glass-border) !important; color: var(--glass-text) !important; opacity: 0.6; } .glass-mode #load-more-button *, .glass-mode #load-more-comments-button *, .glass-mode [id*="load-more"] *, .glass-mode button[phx-click="load-more"] *, .glass-mode button[phx-click="load_more"] *, .glass-mode button[phx-click="load_more_conversations"] * { color: var(--glass-text) !important; } .glass-mode .hover\:bg-gray-50:hover, .glass-mode .hover\:bg-gray-100:hover, .glass-mode .hover\:bg-gray-800:hover, .glass-mode .hover\:bg-gray-900:hover { background-color: rgba(255, 255, 255, 0.25) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } .glass-mode[data-color-scheme="purple"] .hover\:bg-gray-50:hover, .glass-mode[data-color-scheme="purple"] .hover\:bg-gray-100:hover { background-color: rgba(221, 214, 254, 0.6) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } .glass-mode[data-color-scheme="pink"] .hover\:bg-gray-50:hover, .glass-mode[data-color-scheme="pink"] .hover\:bg-gray-100:hover { background-color: rgba(251, 182, 206, 0.6) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } .glass-mode input::placeholder, .glass-mode textarea::placeholder { color: rgba(107, 114, 128, 0.8) !important; opacity: 1; } .glass-mode .bg-red-50 { background: rgba(220, 38, 38, 0.35) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid rgba(248, 113, 113, 0.4) !important; } .glass-mode .bg-blue-100 { background: rgba(59, 130, 246, 0.35) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid rgba(96, 165, 250, 0.4) !important; } .glass-mode .bg-green-50, .glass-mode .bg-green-100 { background: rgba(34, 197, 94, 0.35) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border: 1px solid rgba(74, 222, 128, 0.4) !important; } .glass-mode[data-color-scheme="dark"] input::placeholder, .glass-mode[data-color-scheme="dark"] textarea::placeholder, .glass-mode[data-color-scheme="neutral"] input::placeholder, .glass-mode[data-color-scheme="neutral"] textarea::placeholder { color: rgba(255, 255, 255, 0.6) !important; } .glass-mode[data-color-scheme="pink"] input::placeholder, .glass-mode[data-color-scheme="pink"] textarea::placeholder, .glass-mode[data-color-scheme="pink"] .input-standard::placeholder, .glass-mode[data-color-scheme="pink"] .textarea-standard::placeholder { color: rgba(255, 255, 255, 0.8) !important; } .glass-mode[data-color-scheme="purple"] input::placeholder, .glass-mode[data-color-scheme="purple"] textarea::placeholder, .glass-mode[data-color-scheme="purple"] .input-standard::placeholder, .glass-mode[data-color-scheme="purple"] .textarea-standard::placeholder { color: rgba(255, 255, 255, 0.6) !important; } .glass-mode .bg-black\/30, .glass-mode .bg-black\/40, .glass-mode .bg-black\/50, .glass-mode .bg-black\/60, .glass-mode .bg-black\/70, .glass-mode .bg-black\/75, .glass-mode .bg-black\/80, .glass-mode .bg-black\/90, .glass-mode .bg-gray-900\/50, .glass-mode .bg-gray-900\/75, .glass-mode .bg-gray-900\/80, .glass-mode .bg-gray-500\/75 { background-color: rgba(0, 0, 0, 0.15) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .glass-mode .bg-black.bg-opacity-30, .glass-mode .bg-black.bg-opacity-40, .glass-mode .bg-black.bg-opacity-50, .glass-mode .bg-black.bg-opacity-60, .glass-mode .bg-black.bg-opacity-70, .glass-mode .bg-gray-900.bg-opacity-50, .glass-mode .bg-gray-900.bg-opacity-75, .glass-mode .bg-gray-500.bg-opacity-75 { background-color: rgba(0, 0, 0, 0.15) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } .ios-app.glass-mode .bg-black\/30, .ios-app.glass-mode .bg-black\/40, .ios-app.glass-mode .bg-black\/50, .ios-app.glass-mode .bg-black\/60, .ios-app.glass-mode .bg-black\/70, .ios-app.glass-mode .bg-black\/75, .ios-app.glass-mode .bg-black\/80, .ios-app.glass-mode .bg-black\/90, .ios-app.glass-mode .bg-gray-900\/50, .ios-app.glass-mode .bg-gray-900\/75, .ios-app.glass-mode .bg-gray-900\/80, .ios-app.glass-mode .bg-gray-500\/75, .ios-app.glass-mode .bg-black.bg-opacity-30, .ios-app.glass-mode .bg-black.bg-opacity-40, .ios-app.glass-mode .bg-black.bg-opacity-50, .ios-app.glass-mode .bg-black.bg-opacity-60, .ios-app.glass-mode .bg-black.bg-opacity-70, .ios-app.glass-mode .bg-gray-900.bg-opacity-50, .ios-app.glass-mode .bg-gray-900.bg-opacity-75, .ios-app.glass-mode .bg-gray-500.bg-opacity-75 { background-color: rgba(0, 0, 0, 0.15) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } .glass-mode .bg-gray-700\/50, .glass-mode .bg-rose-100\/50, .glass-mode .bg-purple-100\/50 { background-color: rgba(255, 255, 255, 0.1) !important; backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.15); } .glass-mode ::-webkit-scrollbar { width: 8px; } .glass-mode ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .glass-mode ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 4px; } .glass-mode ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.4); } .glass-mode[data-color-scheme="dark"] ::-webkit-scrollbar-track, .glass-mode[data-color-scheme="neutral"] ::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); } .glass-mode[data-color-scheme="dark"] ::-webkit-scrollbar-thumb, .glass-mode[data-color-scheme="neutral"] ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2); } .glass-mode[data-color-scheme="dark"] ::-webkit-scrollbar-thumb:hover, .glass-mode[data-color-scheme="neutral"] ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.3); } .ios-app .glass-mode { -webkit-backdrop-filter: var(--glass-blur) !important; backdrop-filter: var(--glass-blur) !important; -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; will-change: backdrop-filter; } .ios-app.glass-mode .card, .ios-app.glass-mode .modal, .ios-app.glass-mode .panel, .ios-app.glass-mode .dropdown, .ios-app.glass-mode header, .ios-app.glass-mode .sidebar, .ios-app.glass-mode .conversation-list, .ios-app.glass-mode #mobile-conversation-list, .ios-app.glass-mode .main-header, .ios-app.glass-mode .sidebar-scrollable { background-color: var(--glass-bg) !important; -webkit-backdrop-filter: blur(25px) !important; backdrop-filter: blur(25px) !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; isolation: isolate !important; will-change: backdrop-filter !important; box-shadow: 0 4px 20px var(--glass-shadow) !important; } .ios-app.glass-mode .sidebar-scrollable .bg-white, .ios-app.glass-mode .sidebar-scrollable .bg-gray-100, .ios-app.glass-mode .sidebar-scrollable .bg-gray-900, .ios-app.glass-mode .sidebar-scrollable .bg-black, .ios-app.glass-mode .sidebar-scrollable a[class*="bg-"], .ios-app.glass-mode .sidebar-scrollable div[class*="bg-"]:not(.sidebar-scrollable) { background-color: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border: none !important; box-shadow: none !important; will-change: auto !important; transform: none !important; -webkit-transform: none !important; isolation: auto !important; } .ios-app.glass-mode .sidebar-scrollable a.bg-white, .ios-app.glass-mode .sidebar-scrollable a.bg-black { background-color: rgba(59, 130, 246, 0.1) !important; } .ios-app.glass-mode .sidebar-scrollable a:hover { background-color: rgba(0, 0, 0, 0.05) !important; } .ios-app.glass-mode .dark .sidebar-scrollable a:hover { background-color: rgba(255, 255, 255, 0.05) !important; } #ios-background-element { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: -1 !important; pointer-events: none !important; transform: translateZ(0); -webkit-transform: translateZ(0); } .ios-app body { position: relative; z-index: 1; } @supports not (backdrop-filter: blur(1px)) { .glass-mode .bg-white, .glass-mode .bg-gray-50, .glass-mode .bg-gray-100, .glass-mode .bg-gray-800, .glass-mode .bg-gray-900 { background-color: rgba(255, 255, 255, 0.9) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .glass-mode[data-color-scheme="dark"] .bg-white, .glass-mode[data-color-scheme="dark"] .bg-gray-50, .glass-mode[data-color-scheme="dark"] .bg-gray-100, .glass-mode[data-color-scheme="dark"] .bg-gray-800, .glass-mode[data-color-scheme="dark"] .bg-gray-900 { background-color: rgba(0, 0, 0, 0.9) !important; } } .ios-app.glass-mode { --glass-bg-light: rgba(255, 255, 255, 0.4) !important; --glass-bg-dark: rgba(0, 0, 0, 0.3) !important; --glass-bg-neutral: rgba(51, 65, 85, 0.35) !important; --glass-bg-pink: rgba(190, 24, 93, 0.35) !important; --glass-bg-purple: rgba(88, 28, 135, 0.35) !important; --glass-dropdown-bg-light: rgba(255, 255, 255, 0.8) !important; --glass-dropdown-bg-dark: rgba(0, 0, 0, 0.7) !important; --glass-dropdown-bg-neutral: rgba(51, 65, 85, 0.8) !important; --glass-dropdown-bg-pink: rgba(190, 24, 93, 0.8) !important; --glass-dropdown-bg-purple: rgba(88, 28, 135, 0.8) !important; } .ios-app.glass-mode[data-color-scheme="light"] { --glass-bg: var(--glass-bg-light) !important; --glass-dropdown-bg: var(--glass-dropdown-bg-light) !important; } .ios-app.glass-mode[data-color-scheme="dark"] { --glass-bg: var(--glass-bg-dark) !important; --glass-dropdown-bg: var(--glass-dropdown-bg-dark) !important; } .ios-app.glass-mode[data-color-scheme="neutral"] { --glass-bg: var(--glass-bg-neutral) !important; --glass-dropdown-bg: var(--glass-dropdown-bg-neutral) !important; } .ios-app.glass-mode[data-color-scheme="pink"] { --glass-bg: var(--glass-bg-pink) !important; --glass-dropdown-bg: var(--glass-dropdown-bg-pink) !important; } .ios-app.glass-mode[data-color-scheme="purple"] { --glass-bg: var(--glass-bg-purple) !important; --glass-dropdown-bg: var(--glass-dropdown-bg-purple) !important; } .ios-app.glass-mode .bg-white:not(.absolute):not([class*="translate-x"]):not([class*="transition-transform"]):not(.rounded-full):not(.sidebar-scrollable):not(.sidebar-scrollable *), .ios-app.glass-mode .bg-gray-50:not(.absolute):not([class*="translate-x"]):not([class*="transition-transform"]):not(.rounded-full):not(.sidebar-scrollable):not(.sidebar-scrollable *), .ios-app.glass-mode .bg-gray-100:not(.absolute):not([class*="translate-x"]):not([class*="transition-transform"]):not(.rounded-full):not(.sidebar-scrollable):not(.sidebar-scrollable *), .ios-app.glass-mode .bg-gray-700:not(.absolute):not([class*="translate-x"]):not([class*="transition-transform"]):not(.rounded-full):not(.sidebar-scrollable):not(.sidebar-scrollable *), .ios-app.glass-mode .bg-gray-800:not(.absolute):not([class*="translate-x"]):not([class*="transition-transform"]):not(.rounded-full):not(.sidebar-scrollable):not(.sidebar-scrollable *), .ios-app.glass-mode .bg-gray-900:not(.absolute):not([class*="translate-x"]):not([class*="transition-transform"]):not(.rounded-full):not(.sidebar-scrollable):not(.sidebar-scrollable *), .ios-app.glass-mode .bg-black:not(.absolute):not([class*="translate-x"]):not([class*="transition-transform"]):not(.rounded-full):not(.sidebar-scrollable):not(.sidebar-scrollable *) { background-color: var(--glass-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; box-shadow: 0 4px 20px var(--glass-shadow) !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; isolation: isolate !important; will-change: backdrop-filter !important; } .ios-app.glass-mode .absolute[class*="translate-x"], .ios-app.glass-mode .relative [class*="translate-x"], .ios-app.glass-mode [class*="transition-transform"]:not(#photo-carousel-track):not([id*="carousel-track"]):not([class*="carousel"]):not([data-target]):not([phx-hook="MobileSwipe"]) { -webkit-transform: none !important; transform: var(--tw-transform) !important; will-change: transform !important; } .ios-app.glass-mode .absolute.bg-white.rounded-full[class*="translate-x"], .ios-app.glass-mode .absolute.bg-white.rounded-full.translate-x-6, .ios-app.glass-mode .absolute.bg-white.rounded-full.translate-x-0 { background-color: white !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: none !important; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; -webkit-transform: none !important; transform: var(--tw-transform) !important; isolation: auto !important; will-change: transform !important; z-index: 10 !important; position: absolute !important; width: 1.5rem !important; height: 1.5rem !important; min-width: 1.5rem !important; min-height: 1.5rem !important; max-width: 1.5rem !important; max-height: 1.5rem !important; flex-shrink: 0 !important; flex-grow: 0 !important; box-sizing: border-box !important; } .ios-app.glass-mode #mobile-navigation-container, .ios-app.glass-mode .main-header { background-color: var(--glass-bg) !important; backdrop-filter: blur(25px) !important; -webkit-backdrop-filter: blur(25px) !important; border-color: var(--glass-border) !important; box-shadow: 0 4px 20px var(--glass-shadow) !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; isolation: isolate !important; will-change: backdrop-filter !important; } .ios-app.glass-mode .glass-menu { -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; will-change: backdrop-filter; } .glass-mode[data-color-scheme="dark"] .glass-radio-selected { background-color: white !important; } .glass-mode .bg-blue-50 { background: rgba(59, 130, 246, 0.15) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode .bg-purple-50 { background: rgba(168, 85, 247, 0.15) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode .bg-emerald-50 { background: rgba(16, 185, 129, 0.15) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode .bg-amber-50 { background: rgba(245, 158, 11, 0.15) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode .bg-green-50 { background: rgba(34, 197, 94, 0.15) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode .bg-gray-50 { background: rgba(107, 114, 128, 0.15) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode[data-color-scheme="dark"] .bg-blue-900\/20 { background: rgba(30, 64, 175, 0.35) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode[data-color-scheme="dark"] .bg-green-900\/20 { background: rgba(20, 83, 45, 0.35) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .glass-mode[data-color-scheme="dark"] .bg-gray-800 { background: rgba(31, 41, 55, 0.35) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .dark .apple-spinner::before { border-top-color: rgba(10, 132, 255, 0.9); box-shadow: 0 0 20px rgba(10, 132, 255, 0.3); } .dark .apple-spinner::after { border-top-color: rgba(10, 132, 255, 0.5); } .dark .apple-dots .dot { background: rgba(10, 132, 255, 0.9); box-shadow: 0 0 10px rgba(10, 132, 255, 0.4); } .input-standard { display: block; width: 100%; padding: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; border-radius: 0.5rem; border-width: 1px; border-style: solid; border-color: var(--color-gray-300); background-color: var(--color-white); color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-600); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-gray-800); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-gray-100); } } .input-standard.pl-10 { padding-left: 2.5rem; } .input-standard.pl-12 { padding-left: 3rem; } .input-standard.pr-10 { padding-right: 2.5rem; } .input-standard.pr-12 { padding-right: 3rem; } .input-standard::placeholder { color: var(--color-text-muted); } .input-standard:focus { border-color: #3b82f6; box-shadow: 0 0 0 4px rgb(59 130 246 / 0.05); } .select-standard { display: block; width: 100%; padding: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; border-width: 1px; border-radius: 0.5rem; border-style: solid; background-color: var(--color-background-secondary); color: var(--color-text-primary); border-color: var(--color-border-primary); } .select-standard:focus { border-color: #3b82f6; box-shadow: 0 0 0 4px rgb(59 130 246 / 0.05); } .textarea-standard { display: block; width: 100%; padding: 0.625rem; font-size: 0.875rem; line-height: 1.25rem; border-width: 1px; border-radius: 0.25rem; border-style: solid; resize: vertical; background-color: var(--color-background-secondary); color: var(--color-text-primary); border-color: var(--color-border-primary); } .textarea-standard::placeholder { color: var(--color-text-muted); } .textarea-standard:focus { border-color: #3b82f6; box-shadow: 0 0 0 4px rgb(59 130 246 / 0.05); } .location-dropdown { position: absolute; z-index: 10; margin-top: calc(var(--spacing) * 1); max-height: calc(var(--spacing) * 60); width: 100%; overflow: auto; border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-gray-200); background-color: var(--color-white); --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:focus { --tw-outline-style: none; outline-style: none; } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { border-color: var(--color-gray-700); } &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { background-color: var(--color-black); } } [data-color-scheme="pink"] .input-standard, [data-color-scheme="pink"] .select-standard, [data-color-scheme="pink"] .textarea-standard { background-color: var(--pink-card-bg); color: var(--pink-text); border-color: var(--pink-border); } [data-color-scheme="pink"] .input-standard::placeholder, [data-color-scheme="pink"] .textarea-standard::placeholder { color: var(--pink-text-secondary); } [data-color-scheme="purple"] .input-standard, [data-color-scheme="purple"] .select-standard, [data-color-scheme="purple"] .textarea-standard { background-color: var(--purple-card-bg); color: var(--purple-text); border-color: var(--purple-border); } [data-color-scheme="purple"] .input-standard::placeholder, [data-color-scheme="purple"] .textarea-standard::placeholder { color: var(--purple-text-secondary); } [data-color-scheme="pink"] .input-standard:focus, [data-color-scheme="pink"] .select-standard:focus, [data-color-scheme="pink"] .textarea-standard:focus { border-color: var(--pink-accent); } [data-color-scheme="purple"] .input-standard:focus, [data-color-scheme="purple"] .select-standard:focus, [data-color-scheme="purple"] .textarea-standard:focus { border-color: var(--purple-accent); } [data-color-scheme="pink"] button[phx-click*="toggle-color-scheme"] { background-color: var(--pink-card-bg) !important; color: var(--pink-text-secondary) !important; border-color: var(--pink-border) !important; } [data-color-scheme="pink"] button[phx-click*="toggle-color-scheme"]:hover { background-color: #fbb6ce !important; color: var(--pink-text) !important; } [data-color-scheme="purple"] button[phx-click*="toggle-color-scheme"] { background-color: var(--purple-card-bg) !important; color: var(--purple-text-secondary) !important; border-color: var(--purple-border) !important; } [data-color-scheme="purple"] button[phx-click*="toggle-color-scheme"]:hover { background-color: #ddd6fe !important; color: var(--purple-text) !important; } [data-color-scheme="pink"] .background-info-box .info-box-title, [data-color-scheme="pink"] .background-info-box .info-box-text, [data-color-scheme="pink"] .background-info-box .info-box-link { color: white !important; } [data-color-scheme="pink"] .background-info-box .info-box-icon { color: white !important; } [data-color-scheme="pink"] .background-info-box .info-box-link:hover { color: rgba(255, 255, 255, 0.8) !important; } [data-color-scheme="purple"] .background-info-box .info-box-title, [data-color-scheme="purple"] .background-info-box .info-box-text, [data-color-scheme="purple"] .background-info-box .info-box-link { color: white !important; } [data-color-scheme="purple"] .background-info-box .info-box-icon { color: white !important; } [data-color-scheme="purple"] .background-info-box .info-box-link:hover { color: rgba(255, 255, 255, 0.8) !important; } [data-color-scheme="pink"] .tag-dropdown { background-color: rgba(157, 23, 77, 0.95) !important; border-color: rgba(244, 63, 94, 0.5) !important; } [data-color-scheme="pink"] .tag-dropdown-item { color: white !important; } [data-color-scheme="pink"] .tag-dropdown-item:hover { background-color: rgba(244, 63, 94, 0.3) !important; } [data-color-scheme="pink"] .tag-dropdown-item-selected { background-color: rgba(244, 63, 94, 0.5) !important; color: white !important; } [data-color-scheme="pink"] .tag-dropdown-empty { color: rgba(255, 255, 255, 0.7) !important; } [data-color-scheme="purple"] .tag-dropdown { background-color: rgba(88, 28, 135, 0.95) !important; border-color: rgba(168, 85, 247, 0.5) !important; } [data-color-scheme="purple"] .tag-dropdown-item { color: white !important; } [data-color-scheme="purple"] .tag-dropdown-item:hover { background-color: rgba(168, 85, 247, 0.3) !important; } [data-color-scheme="purple"] .tag-dropdown-item-selected { background-color: rgba(168, 85, 247, 0.5) !important; color: white !important; } [data-color-scheme="purple"] .tag-dropdown-empty { color: rgba(255, 255, 255, 0.7) !important; } [data-color-scheme="pink"] .location-dropdown { background-color: rgba(157, 23, 77, 0.95) !important; border-color: rgba(244, 63, 94, 0.5) !important; } [data-color-scheme="pink"] .location-dropdown-item { color: white !important; } [data-color-scheme="pink"] .location-dropdown-item:hover { background-color: rgba(244, 63, 94, 0.3) !important; } [data-color-scheme="pink"] .location-dropdown-item-selected { background-color: rgba(244, 63, 94, 0.5) !important; color: white !important; } [data-color-scheme="pink"] .location-dropdown-icon { color: white !important; } [data-color-scheme="pink"] .location-dropdown-empty { color: rgba(255, 255, 255, 0.7) !important; } [data-color-scheme="purple"] .location-dropdown { background-color: rgba(88, 28, 135, 0.95) !important; border-color: rgba(168, 85, 247, 0.5) !important; } [data-color-scheme="purple"] .location-dropdown-item { color: white !important; } [data-color-scheme="purple"] .location-dropdown-item:hover { background-color: rgba(168, 85, 247, 0.3) !important; } [data-color-scheme="purple"] .location-dropdown-item-selected { background-color: rgba(168, 85, 247, 0.5) !important; color: white !important; } [data-color-scheme="purple"] .location-dropdown-icon { color: white !important; } [data-color-scheme="purple"] .location-dropdown-empty { color: rgba(255, 255, 255, 0.7) !important; } [data-color-scheme="pink"] .gif-preview-box { background-color: rgba(157, 23, 77, 0.95) !important; border-color: rgba(244, 63, 94, 0.5) !important; } [data-color-scheme="pink"] .gif-preview-title, [data-color-scheme="pink"] .gif-preview-subtitle { color: white !important; } [data-color-scheme="pink"] .gif-preview-thumbnail { border-color: rgba(244, 63, 94, 0.5) !important; } [data-color-scheme="pink"] .gif-preview-remove { color: white !important; } [data-color-scheme="pink"] .gif-preview-remove:hover { background-color: rgba(244, 63, 94, 0.3) !important; color: white !important; } [data-color-scheme="purple"] .gif-preview-box { background-color: rgba(88, 28, 135, 0.95) !important; border-color: rgba(168, 85, 247, 0.5) !important; } [data-color-scheme="purple"] .gif-preview-title, [data-color-scheme="purple"] .gif-preview-subtitle { color: white !important; } [data-color-scheme="purple"] .gif-preview-thumbnail { border-color: rgba(168, 85, 247, 0.5) !important; } [data-color-scheme="purple"] .gif-preview-remove { color: white !important; } [data-color-scheme="purple"] .gif-preview-remove:hover { background-color: rgba(168, 85, 247, 0.3) !important; color: white !important; } [x-cloak] { display: none !important; } .mobile-sidebar-hidden { display: none !important; } .mobile-sidebar-hidden[x-show="open"] { display: block !important; } #needs-feed, [data-related-needs-feed] { visibility: visible !important; opacity: 1 !important; display: block !important; } #needs-feed * { visibility: visible !important; opacity: 1 !important; } .typing-animation { display: inline-flex; } .typing-animation .dot { animation: typingDot 1.4s infinite; opacity: 0; } .typing-animation .dot:nth-child(2) { animation-delay: 0.2s; } .typing-animation .dot:nth-child(3) { animation-delay: 0.4s; } @keyframes typingDot { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 1; } 60% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } body[data-page="messages"] { overflow: hidden !important; height: 100vh !important; height: 100dvh !important; height: calc(var(--vh) * 100) !important; } body[data-page="messages"] #messages-list { overflow-y: auto !important; overflow-x: hidden !important; height: 0 !important; flex: 1 !important; min-height: 0 !important; } body[data-page="messages"] #conversation-messages-container { display: flex !important; flex-direction: column !important; justify-content: flex-start !important; min-height: min-content !important; } body[data-page="messages"] #conversation-messages-list { display: grid !important; grid-template-columns: 1fr !important; grid-auto-flow: row !important; gap: 0 !important; contain: layout !important; } body[data-page="messages"] [id^="date-sep-"] { grid-column: 1 !important; grid-row: auto !important; position: static !important; z-index: auto !important; transform: none !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; margin: 0 !important; float: none !important; display: block !important; width: 100% !important; contain: layout style paint !important; order: 0 !important; } body[data-page="messages"] .conversation-detail .flex-1.min-h-0 { height: 0 !important; min-height: 0 !important; flex: 1 !important; display: flex !important; flex-direction: column !important; } body[data-page="messages"] .conversation-detail { height: calc(100vh - 60px) !important; height: calc(100dvh - 60px) !important; height: calc(var(--vh) * 100 - 60px) !important; max-height: calc(100vh - 60px) !important; max-height: calc(100dvh - 60px) !important; max-height: calc(var(--vh) * 100 - 60px) !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; } .link, .prose p > a { color: #2563eb; } .dark .link, .dark .prose p > a { color: #d1d5db; } .link:hover, .prose p > a:hover { text-decoration: underline; } .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { font-weight: 700; line-height: 1.2; margin-top: 2em; margin-bottom: 0.75em; } .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 { color: var(--color-gray-900); &:where(.dark, .dark *, [data-color-scheme^="neutral"], [data-color-scheme^="neutral"] *) { color: var(--color-white); } } .prose h1 { font-size: 2.25em; } .prose h2 { font-size: 1.875em; } .prose h3 { font-size: 1.5em; } .prose h4 { font-size: 1.25em; } .prose h5 { font-size: 1.125em; } .prose h6 { font-size: 1em; } .prose p { margin-top: 1.25em; margin-bottom: 1.25em; } .prose blockquote { border-left: 4px solid #e5e7eb; padding-left: 1em; margin-left: 0; font-style: italic; } .dark .prose blockquote { border-left-color: #4b5563; } .prose pre { background-color: #f3f4f6; border-radius: 0.375rem; padding: 1em; overflow-x: auto; } .dark .prose pre { background-color: #1f2937; } .prose ul, .prose ol { margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em; } .prose li { margin-top: 0.5em; margin-bottom: 0.5em; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background-color: rgba(156, 163, 175, 0.5); border-radius: 9999px; } ::-webkit-scrollbar-thumb:hover { background-color: rgba(107, 114, 128, 0.6); } .dark ::-webkit-scrollbar-thumb { background-color: rgba(38, 38, 38, 0.9); border-radius: 9999px; } .dark ::-webkit-scrollbar-thumb:hover { background-color: rgba(23, 23, 23, 0.95); } .flex.grow.flex-col.gap-y-5.overflow-y-auto::-webkit-scrollbar, .sidebar-scrollable::-webkit-scrollbar { width: 4px; } .flex.grow.flex-col.gap-y-5.overflow-y-auto::-webkit-scrollbar-thumb, .sidebar-scrollable::-webkit-scrollbar-thumb { background-color: rgba(156, 163, 175, 0.3); } .dark .flex.grow.flex-col.gap-y-5.overflow-y-auto::-webkit-scrollbar-thumb, .dark .sidebar-scrollable::-webkit-scrollbar-thumb { background-color: rgba(75, 85, 99, 0.3); } * { scrollbar-width: thin; scrollbar-color: rgba(156, 163, 175, 0.5) transparent; } .dark * { scrollbar-width: thin; scrollbar-color: rgba(38, 38, 38, 0.9) transparent; } .sidebar-scrollable { scrollbar-width: thin; scrollbar-color: rgba(156, 163, 175, 0.3) transparent; } .dark .sidebar-scrollable { scrollbar-width: thin; scrollbar-color: rgba(75, 85, 99, 0.3) transparent; } .timeline-scroll { scrollbar-width: thin; scrollbar-color: rgba(156, 163, 175, 0.5) transparent; } .timeline-scroll::-webkit-scrollbar { width: 6px; } .timeline-scroll::-webkit-scrollbar-thumb { background-color: rgba(156, 163, 175, 0.5); border-radius: 20px; } .timeline-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(156, 163, 175, 0.8); } .dark .timeline-scroll { scrollbar-color: rgba(75, 85, 99, 0.5) transparent; } .dark .timeline-scroll::-webkit-scrollbar-thumb { background-color: rgba(75, 85, 99, 0.5); } .dark .timeline-scroll::-webkit-scrollbar-thumb:hover { background-color: rgba(75, 85, 99, 0.8); } .emoji-picker-container { width: 280px; max-height: 200px; z-index: 1000; } .glass-mode .emoji-picker-container { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .glass-mode[data-color-scheme="pink"] .emoji-picker-container { background: rgba(251, 207, 232, 0.95) !important; border-color: rgba(244, 63, 94, 0.4) !important; box-shadow: 0 10px 15px -3px rgba(244, 63, 94, 0.25) !important; } .glass-mode[data-color-scheme="purple"] .emoji-picker-container { background: rgba(233, 213, 255, 0.95) !important; border-color: rgba(168, 85, 247, 0.4) !important; box-shadow: 0 10px 15px -3px rgba(168, 85, 247, 0.25) !important; } .glass-mode.dark[data-color-scheme="pink"] .emoji-picker-container { background: rgba(39, 39, 42, 0.95) !important; border-color: rgba(244, 63, 94, 0.4) !important; box-shadow: 0 10px 15px -3px rgba(244, 63, 94, 0.4) !important; } .glass-mode.dark[data-color-scheme="purple"] .emoji-picker-container { background: rgba(39, 39, 42, 0.95) !important; border-color: rgba(168, 85, 247, 0.4) !important; box-shadow: 0 10px 15px -3px rgba(168, 85, 247, 0.4) !important; } [data-color-scheme="pink"] .emoji-picker-button:hover { background-color: #fce7f3 !important; } [data-color-scheme="purple"] .emoji-picker-button:hover { background-color: #f3e8ff !important; } .dark[data-color-scheme="pink"] .emoji-picker-button:hover { background-color: #be123c !important; } .dark[data-color-scheme="purple"] .emoji-picker-button:hover { background-color: #6d28d9 !important; } .emoji-picker-container::-webkit-scrollbar { width: 6px; } .emoji-picker-container::-webkit-scrollbar-track { background: #f9fafb; border-radius: 3px; } .emoji-picker-container::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 3px; } .emoji-picker-container::-webkit-scrollbar-thumb:hover { background: #9ca3af; } .dark .emoji-picker-container::-webkit-scrollbar-track { background: rgba(75, 85, 99, 0.3); } .dark .emoji-picker-container::-webkit-scrollbar-thumb { background: rgba(75, 85, 99, 0.6); } .dark .emoji-picker-container::-webkit-scrollbar-thumb:hover { background: rgba(75, 85, 99, 0.8); } [data-color-scheme="pink"] .emoji-picker-container::-webkit-scrollbar-thumb { background: #f9a8d4; } [data-color-scheme="purple"] .emoji-picker-container::-webkit-scrollbar-thumb { background: #c084fc; } .select2-container { width: 100% !important; } .dark .select2-selection { background-color: #1e1e1e !important; border-color: #333333 !important; color: white !important; } .dark .select2-dropdown { background-color: #1e1e1e !important; border-color: #333333 !important; color: white !important; } .dark .bg-indigo-100 { background-color: #2d2d2d !important; } .dark .bg-indigo-600 { background-color: #4b4b4b !important; } .dark .hover\:bg-indigo-700:hover { background-color: #333333 !important; } .dark .focus\:ring-indigo-500:focus { --tw-ring-color: #6b6b6b !important; } body, html { overflow-x: hidden; max-width: 100%; } body { overflow-y: auto; scrollbar-width: thin; } html.ios-app #feed-scroll { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; touch-action: pan-y; } html.ios-app [id$="-viewport-bottom"] { min-height: 20px; height: 20px; display: block; } html.ios-app [id$="-grid-container"] { padding-bottom: 2rem; } [id*="-grid-container"].grid > div, .grid.grid-cols-3 > div { aspect-ratio: 3 / 4 !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; position: relative !important; } [id*="-grid-container"].grid > div > .card, .grid.grid-cols-3 > div > .card { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; } [id*="-grid-container"].grid > div[data-need-type] { aspect-ratio: 3 / 4 !important; } [id*="-grid-container"].grid > div > .card[data-need-type] { height: 100% !important; width: 100% !important; } html.ios-app .main-content-scrollable { position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch; } html.ios-app .ios-grid-bottom-padding { display: block; min-height: 8rem; padding-bottom: env(safe-area-inset-bottom, 0px); } @supports (-webkit-touch-callout: none) { body[data-user-signed-in="true"] .min-h-screen.main-content-scrollable { position: relative !important; overflow-y: auto !important; height: 100vh !important; height: 100dvh !important; height: calc(var(--vh) * 100) !important; -webkit-overflow-scrolling: touch; overscroll-behavior: auto; touch-action: pan-y; } body[data-user-signed-in="true"] { position: fixed !important; overflow: hidden !important; height: 100% !important; width: 100% !important; } body[data-page="messages"] { position: static !important; overflow: auto !important; height: auto !important; width: auto !important; } } html.ios-app body[data-page="messages"] { position: static !important; overflow: auto !important; height: auto !important; width: auto !important; overscroll-behavior: auto !important; -webkit-overflow-scrolling: touch !important; touch-action: auto !important; } html.ios-app[data-page="messages"] { position: static !important; overflow: auto !important; height: auto !important; width: auto !important; overscroll-behavior: auto !important; } html.ios-app body[data-page="messages"] * { overscroll-behavior: auto !important; } .max-w-full { max-width: 100% !important; overflow-x: hidden !important; } [id^="messages-preview"] { max-height: calc(100vh - 12rem); max-height: calc(100dvh - 12rem); max-height: calc(var(--vh) * 100 - 12rem); overflow-y: auto; } [id^="messages-preview"] li { flex-shrink: 0; } [id^="messages-preview"] .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } [id^="messages-preview"] .flex { display: flex; } [id^="messages-preview"] .flex-1 { flex: 1 1 0%; } [id^="messages-preview"] a { display: block; width: 100%; } .truncate { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .flex { min-width: 0; } #scroll-to-top { z-index: 50; transition: all 0.3s ease-in-out; border-radius: 0.375rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } #scroll-to-top:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } #scroll-to-top:active { transform: translateY(0); } #infinite-scroll-trigger .animate-pulse { animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .pac-item { padding: 8px 12px !important; cursor: pointer !important; } .dark .pac-container { background-color: #374151 !important; color: #e5e7eb !important; border: 1px solid #4b5563 !important; } .dark .pac-item, .dark .pac-item-query { color: #e5e7eb !important; border-color: #4b5563 !important; } .pac-container.pac-logo { z-index: 9999 !important; border-top: none !important; border-left: none !important; } #admin-content canvas, #needs-chart, #users-chart, #community-chart { position: relative; z-index: 1 !important; } #admin-content .searchbar-component { position: relative; z-index: 1100 !important; } #admin-header .searchbar-component, #admin-header .live-select-container, #admin-header .pac-container { position: relative; z-index: 100 !important; } #searchbar-location-menu, [id$="-location-menu"] { z-index: 1200 !important; } .gm-style, .gm-style-pbc, .gm-control-active, .gm-svpc, .gm-style-iw, .gm-style > div { border-top: none !important; border-left: none !important; outline: none !important; } body > .gm-style:not(#searchbar-component *):not(#location-search-container *):not(#user-locations-component *):not(.map-container *), body > .gm-style-pbc:not(#searchbar-component *):not(#location-search-container *):not(#user-locations-component *):not(.map-container *), body > .gm-control-active:not(#searchbar-component *):not(#location-search-container *):not(#user-locations-component *):not(.map-container *) { border: none !important; outline: none !important; } body > div[style*="position: absolute"], body > div[style*="z-index: 1000000"], body > div[style*="top: 0px"], body > div[style*="left: 0px"] { border-top: none !important; border-left: none !important; outline: none !important; } body, html, .min-h-screen, body > div:first-child { border-top-width: 0 !important; border-top-color: transparent !important; border-top-style: none !important; outline: none !important; } .live-select-container { position: relative; width: 100%; } .live-select-input { margin-top: 0.25rem; display: block; width: 100%; border-radius: 0.375rem; border-color: #d1d5db; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: all 0.2s ease-in-out; } .live-select-input:focus { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); } .dark .live-select-input { background-color: #374151; border-color: #4b5563; color: white; } .live-select-tags-container { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem; } .live-select-tag { display: inline-flex; align-items: center; padding: 0.25rem 0.625rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; background-color: #dbeafe; color: #1e40af; margin-right: 0.5rem; margin-bottom: 0.5rem; transition: all 0.2s ease-in-out; } .dark .live-select-tag { background-color: #1e40af; color: #dbeafe; } .live-select-tag:hover { background-color: #bfdbfe; } .dark .live-select-tag:hover { background-color: #1e3a8a; } .live-select-tag-remove { margin-left: 0.375rem; height: 1rem; width: 1rem; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; color: #60a5fa; transition: all 0.15s ease-in-out; } .live-select-tag-remove:hover { background-color: #bfdbfe; color: #3b82f6; } .live-select-tag-remove:focus { outline: none; background-color: #3b82f6; color: white; } .live-select-dropdown { position: absolute; z-index: 10; margin-top: 0.25rem; width: 100%; background-color: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.375rem; padding: 0.25rem 0; font-size: 1rem; max-height: 200px; overflow: auto; animation: fadeIn 0.2s ease-in-out; } .dark .live-select-dropdown { background-color: #1f2937; border-color: #374151; } .live-select-dropdown-item { cursor: default; user-select: none; position: relative; padding: 0.5rem 0.75rem; padding-right: 2.25rem; transition: background-color 0.15s ease-in-out; } .live-select-dropdown-item:hover { background-color: #eff6ff; } .dark .live-select-dropdown-item:hover { background-color: #1e3a8a; } .live-select-dropdown-item-selected { color: #1e3a8a; background-color: #dbeafe; } .dark .live-select-dropdown-item-selected { color: #dbeafe; background-color: #1e40af; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fadeIn { animation: fadeIn 0.2s ease-in-out; } [phx-hook="MessageReaction"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; } [phx-hook="NeedReaction"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; } [phx-hook="ReactionButton"] { touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; transition: transform 0.1s ease, opacity 0.1s ease; } .message-content, .message-content *:not([phx-hook="ReactionButton"]) { -webkit-user-select: text !important; -moz-user-select: text !important; -ms-user-select: text !important; user-select: text !important; } [phx-hook="ReactionButton"]:active { transform: scale(0.95); opacity: 0.8; } [phx-hook="ReactionButton"] { display: inline-flex; align-items: center; justify-content: center; } .ios-app .fixed.inset-0.z-50 { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .live-select-container .select2-selection--multiple .select2-selection__choice { display: inline-flex; align-items: center; padding: 0.25rem 0.625rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; background-color: #dbeafe; color: #1e40af; margin-right: 0.5rem; margin-bottom: 0.5rem; border: none !important; } .dark .live-select-container .select2-selection--multiple .select2-selection__choice { background-color: #1e40af; color: #dbeafe; } .live-select-container .select2-selection--multiple .select2-selection__choice__remove { margin-left: 0.375rem; height: 1rem; width: 1rem; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; color: #60a5fa; border: none !important; color: inherit !important; } [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple { border-radius: 0.375rem; border-color: #d1d5db; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); min-height: 38px; } [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple:focus { border-color: #3b82f6; box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); } .dark [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple { background-color: #374151; border-color: #4b5563; color: white; } [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple .select2-selection__choice { display: inline-flex; align-items: center; padding: 0.25rem 0.625rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 500; background-color: #dbeafe; color: #1e40af; margin-right: 0.5rem; margin-bottom: 0.5rem; border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .dark [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #1e40af; color: #dbeafe; } [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left: 0.375rem; height: 1rem; width: 1rem; border-radius: 9999px; display: inline-flex; align-items: center; justify-content: center; color: #60a5fa; border: none; color: inherit; } [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 0 8px; } [phx-hook="LiveSelect"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eff6ff; color: #1e3a8a; } .dark [phx-hook="LiveSelect"] .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #1e3a8a; color: #dbeafe; } [phx-hook="LiveSelect"] .select2-dropdown { background-color: white; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); border-radius: 0.375rem; padding: 0.25rem 0; font-size: 1rem; border: 1px solid rgba(0, 0, 0, 0.05); animation: fadeIn 0.2s ease-in-out; } .dark [phx-hook="LiveSelect"] .select2-dropdown { background-color: #1f2937; border-color: #374151; } [phx-hook="LiveSelect"] .select2-results__option { padding: 0.5rem 0.75rem; padding-left: 0.75rem; padding-right: 2.25rem; } .dark [phx-hook="LiveSelect"] .select2-results__option { color: #e5e7eb; } .dark [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple { background-color: #374151; border-color: #4b5563; color: white; } .dark [phx-hook="LiveSelect"] .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #1e40af; color: #dbeafe; } .dark [phx-hook="LiveSelect"] .select2-dropdown { background-color: #1f2937; border-color: #374151; } .dark [phx-hook="LiveSelect"] .select2-results__option { color: #e5e7eb; } .lg\:hidden [x-show="open"] { border-top: none !important; } .hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; } .hide-scrollbar::-webkit-scrollbar { display: none; } .inline-flex.flex-nowrap { white-space: nowrap; min-width: min-content; } .overflow-x-auto { overflow-x: auto; -webkit-overflow-scrolling: touch; } @keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); } } body.hide-navigation #mobile-navigation-container, body[data-page="messages"] #mobile-navigation-container { display: none !important; } body.hide-navigation .main-content-scrollable, body[data-page="messages"] .main-content-scrollable { padding-bottom: 0 !important; overflow-y: hidden !important; } #messages-container { height: 100% !important; display: flex; flex-direction: column; gap: 0.5rem; } html.android-app body[data-page="messages"] { overflow: hidden !important; } html.ios-app body[data-page="messages"] { overflow: hidden !important; } html.android-app .conversation-detail { display: flex; flex-direction: column; height: 100% !important; min-height: 0 !important; overflow: visible !important; } html.android-app #messages-list { height: auto !important; max-height: none !important; flex: 1 1 auto !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; touch-action: pan-y; overflow-x: visible !important; } html.android-app #conversation-messages-container { padding-bottom: 0.5rem !important; } html.ios-app:not(.visionos-app) #mobile-conversation-list { overflow: hidden !important; top: calc(2rem + env(safe-area-inset-top, 0px)) !important; } html.ios-app #mobile-conversation-list #mobile-conversation-list-container { height: 100% !important; min-height: 0 !important; display: flex; flex-direction: column; } html.ios-app #mobile-conversation-list .flex-1 { min-height: 0 !important; } html.ios-app #mobile-conversation-list .overflow-y-auto { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; touch-action: pan-y; } html.android-app #mobile-conversation-list { overflow: hidden !important; top: calc(2.75rem + env(safe-area-inset-top, 0px)) !important; } html.android-app #mobile-conversation-list #mobile-conversation-list-container { height: 100% !important; min-height: 0 !important; display: flex; flex-direction: column; } html.android-app #mobile-conversation-list .flex-1 { min-height: 0 !important; } html.android-app #mobile-conversation-list .overflow-y-auto { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; touch-action: pan-y; } html.android-app .conversation-detail > .flex-1 { min-height: 0 !important; height: auto !important; display: flex; flex-direction: column; overflow: visible !important; } #message-input { min-height: 3rem !important; } #message-input { display: block; min-height: 72px; max-height: 120px; } @keyframes storyProgress { 0% { width: 0%; } 100% { width: 100%; } } .animate-story-progress { animation: storyProgress 10s linear forwards; } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: translateY(0); animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } .animate-bounce { animation: bounce 1s infinite; } .scrollbar-none::-webkit-scrollbar { display: none; } .scrollbar-none { -ms-overflow-style: none; scrollbar-width: none; } .snap-x { scroll-snap-type: x mandatory; } .snap-start { scroll-snap-align: start; } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .viewed { opacity: 0.85; } .unviewed { opacity: 1; } .need-viewed { position: relative; } [data-need-indicator-id].viewed { background: rgba(16, 185, 129, 0.1); border-color: rgba(16, 185, 129, 0.3); } @keyframes pulse-border { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5); } 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } } .unviewed-pulse { animation: pulse-border 2s infinite; } @media (max-width: 768px) { .desktop-only-topbar { display: none !important; } } .dark .user-link-component p { color: white !important; } .dark .user-link-component .text-gray-900 { color: white !important; } body.keyboard-visible .conversation-detail { padding-bottom: env(keyboard-inset-height, 0); } @supports (padding: max(0px)) { body.keyboard-visible .conversation-detail { padding-bottom: max(env(keyboard-inset-height, 0), 270px); } } @supports (-webkit-touch-callout: none) { body.keyboard-visible .messages-page { height: -webkit-fill-available !important; } body.keyboard-visible #messages-container { height: -webkit-fill-available !important; } } .image-loading { opacity: 0; transition: opacity 0.3s ease-in-out; } .image-loaded { opacity: 1; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fade-in { animation: fadeIn 0.5s ease-in; } img[data-hdr="true"] { color-profile: auto; } @supports (-webkit-overflow-scrolling: touch) { img[data-hdr="true"] { -webkit-color-profile: auto; -webkit-color-gamut: p3; } @media (color-gamut: p3) { img[data-hdr="true"] { color-profile: auto; color-gamut: p3; } } } img.opacity-0 { opacity: 0; } .fade-in { opacity: 0; animation: fadeIn 0.5s ease-in forwards; } .drop-zone { border: 2px dashed #ccc; border-radius: 20px; width: 100%; padding: 20px; text-align: center; cursor: pointer; } .drop-zone:hover { background-color: #f8f8f8; } .ios-optimized-transitions * { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; } @supports (-webkit-touch-callout: none) { .phx-connected, .phx-loading, .phx-disconnected { transition: opacity 0.2s ease; } } @supports (-webkit-touch-callout: none) { .animate-slideIn, .space-y-4 > div, .grid-cols-1 > div { will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0); } } .filter-toggle-icon { transition: transform 0.3s ease; } .filter-toggle-icon.rotate-180 { transform: rotate(180deg); } #mobile-filter-wrapper { transition: max-height 0.3s ease-in-out; overflow: hidden; } #mobile-filter-wrapper.max-h-0 { max-height: 0; } #mobile-filter-wrapper.max-h-20 { max-height: 5rem; } #filter-toggle-button { transition: background-color 0.3s ease; } .loading { position: relative; } .loading::before { content: ""; position: absolute; inset: 0; background-color: rgba(17, 24, 39, 1); z-index: 5; } .loading::after { content: ""; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; border: 4px solid rgba(156, 163, 175, 0.3); border-radius: 50%; border-top-color: white; animation: spin 1s ease-in-out infinite; transform: translate(-50%, -50%); z-index: 10; } body.hide-video-spinners .loading::before, body.hide-video-spinners .loading::after, body.hide-video-spinners .video-loading-spinner, body.hide-video-spinners .video-loading-overlay { display: none !important; } @keyframes spin { to { transform: translate(-50%, -50%) rotate(360deg); } } .needs-feed .max-w-sm, .needs-feed .max-w-md, .needs-feed .max-w-lg, .needs-feed .max-w-xl, .needs-feed .max-w-2xl, .needs-feed .max-w-3xl, .needs-feed .max-w-4xl, .needs-feed .max-w-5xl, .needs-feed .max-w-6xl, .needs-feed .max-w-7xl { max-width: 100% !important; width: 100% !important; } .video-loading { position: relative; } .video-loading video { opacity: 0; transition: opacity 0.3s ease-in-out; } .video-loaded video { opacity: 1; } .video-loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; z-index: 1; display: flex; align-items: center; justify-content: center; } .video-loading-spinner { width: 30px; height: 30px; border: 3px solid rgba(255, 255, 255, 0.2); border-top: 3px solid rgba(255, 255, 255, 0.8); border-radius: 50%; animation: video-spinner-animation 1s linear infinite; } @keyframes video-spinner-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media (max-width: 768px) { body[data-view-mode="expand"] .toggle-set .toggle-option, .expanded .toggle-set .toggle-option, [data-view="expanded"] .toggle-set .toggle-option, .page-content.expanded .filter-toggle-set .toggle-option { width: 100% !important; flex: 1 0 100% !important; display: block !important; margin-bottom: 0.5rem !important; } body[data-view-mode="compact"] .toggle-set .toggle-option, .compact .toggle-set .toggle-option, [data-view="compact"] .toggle-set .toggle-option, .page-content.compact .filter-toggle-set .toggle-option { width: calc(33.33% - 0.5rem) !important; flex: 0 0 calc(33.33% - 0.5rem) !important; margin-right: 0.25rem !important; margin-left: 0.25rem !important; margin-bottom: 0.5rem !important; } .filter-toggle-set, .toggle-set { display: flex !important; flex-wrap: wrap !important; width: 100% !important; } .filter-toggle-set[data-type="photo"] .toggle-option, .filter-toggle-set[data-type="video"] .toggle-option, .toggle-set[data-filter-type="photo"] .toggle-option, .toggle-set[data-filter-type="video"] .toggle-option { transition: all 0.2s ease-in-out; } } .text-primary-500 { color: #4f46e5; } .dark .text-primary-500 { color: #6366f1; } .page-transition-container { opacity: 0; transform: translateX(100%); transition: opacity 1.0s ease, transform 1.0s ease; will-change: transform, opacity; } .page-transition-container.visible { opacity: 1; transform: translateX(0); } .slide-from-right { transform: translateX(100%); transition: transform 1.0s ease; will-change: transform; } .slide-from-right.visible { transform: translateX(0); } .slide-to-left { transform: translateX(0); transition: transform 1.0s ease; will-change: transform; } .slide-to-left.active { transform: translateX(-30%); opacity: 0.5; } .detail-component { opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease-out, transform 0.4s ease-out; } .detail-component.visible { opacity: 1; transform: translateY(0); } .detail-component-delay-1 { transition-delay: 0.2s; } .detail-component-delay-2 { transition-delay: 0.4s; } .detail-component-delay-3 { transition-delay: 0.6s; } .page-transitioning { overflow: hidden; } .glass-mode .page-transitioning::after { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.15); backdrop-filter: blur(2px); z-index: 50; opacity: 0; animation: fadeIn 0.2s ease forwards; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } #need-view-container.slide-from-right { transform: none !important; } #need-view-container { opacity: 1 !important; visibility: visible !important; } #need-view-container .loading-container, #need-view-container .video-container, #need-view-container .loading-spinner, #need-view-container .loading, #need-view-container .video-loading-overlay, #need-view-container .loader, #need-view-container [class*="loading"], #need-view-container [class*="spinner"] { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; overflow: hidden !important; z-index: -9999 !important; pointer-events: none !important; } body.content-loading #need-view-container, body.detail-content-loading #need-view-container, body.content-loading [id^="photo-need-view-container-"], body.detail-content-loading [id^="photo-need-view-container-"], body.content-loading [id^="video-need-view-container-"], body.detail-content-loading [id^="video-need-view-container-"] { visibility: hidden !important; opacity: 0 !important; } body.ready-to-reveal #need-view-container, body.ready-to-reveal [id^="photo-need-view-container-"], body.ready-to-reveal [id^="video-need-view-container-"] { visibility: visible !important; opacity: 1 !important; } @keyframes subtle-pulse { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.9; } } .image-fallback-pulse { animation: subtle-pulse 2.5s ease-in-out infinite; } .image-fallback-container { transition: all 0.3s ease; } .image-fallback-container svg { transition: color 0.3s ease; } .ios-device video[data-ready="false"] { opacity: 0 !important; visibility: hidden !important; } .ios-device video[data-ready="true"] { opacity: 1 !important; visibility: visible !important; transition: opacity 0.2s ease-in-out; } .android-device video[data-ready="false"] { opacity: 0 !important; visibility: hidden !important; } .android-device video[data-ready="true"] { opacity: 1 !important; visibility: visible !important; transition: opacity 0.2s ease-in-out; } html.ios-app video { will-change: transform; transform: translateZ(0); backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } html.android-app video { will-change: transform; transform: translateZ(0); backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } html.android-app .modal-wrapper, html.android-app [id$="-modal"], html.android-app [id$="-modal-bg"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; height: calc(var(--vh) * 100) !important; z-index: 9999 !important; } html.android-app [id$="-modal-container"] { max-height: 85vh !important; max-height: 85dvh !important; max-height: calc(var(--vh) * 85) !important; overflow-y: auto !important; position: relative !important; z-index: 10000 !important; } html.android-app .main-header { padding-top: 2.5rem !important; } html.android-app { position: fixed !important; overflow: hidden !important; height: 100% !important; width: 100% !important; overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; } html.android-app body[data-user-signed-in="true"] { position: fixed !important; overflow: hidden !important; height: 100vh !important; height: 100dvh !important; height: calc(var(--vh) * 100) !important; width: 100vw !important; overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; touch-action: pan-y pinch-zoom !important; } html.android-app body[data-user-signed-in="true"] .main-content-scrollable { overscroll-behavior: none !important; -webkit-overflow-scrolling: touch !important; } html.android-app [class*="overflow-y-auto"], html.android-app [class*="h-full overflow-y-auto"], html.android-app .overflow-y-auto, html.android-app #feed-scroll, html.android-app .w-full.lg\\:w-\\[80\\%\\].h-full.overflow-y-auto, html.android-app .max-w-xl.mx-auto, html.android-app [id*="needs-container"], html.android-app .flex.flex-col.lg\\:flex-row div[class*="overflow-y-auto"] { overscroll-behavior: none !important; -webkit-overflow-scrolling: touch !important; } html.android-app .w-full.lg\\:w-\\[80\\%\\].h-full.overflow-y-auto > div { overscroll-behavior: none !important; -webkit-overflow-scrolling: touch !important; } html.android-app body[data-user-signed-in="true"] * { overscroll-behavior: none !important; } html.android-app body[data-user-signed-in="true"], html.android-app:has(body[data-user-signed-in="true"]) { overscroll-behavior-x: none !important; overscroll-behavior-y: none !important; -webkit-overflow-scrolling: auto !important; } @supports (-webkit-touch-callout: none) { html.android-app body[data-user-signed-in="true"] .min-h-screen.main-content-scrollable { overscroll-behavior: none !important; touch-action: pan-y !important; } html.android-app body[data-user-signed-in="true"] { overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; } } html.android-app .fixed.top-4 { top: calc(1rem + 1.5rem) !important; } html.android-app body { min-height: 800px; } html.android-app body[data-page="messages"] { position: static !important; overflow: auto !important; height: auto !important; width: auto !important; overscroll-behavior: auto !important; -webkit-overflow-scrolling: touch !important; touch-action: auto !important; } html.android-app[data-page="messages"] { position: static !important; overflow: auto !important; height: auto !important; width: auto !important; overscroll-behavior: auto !important; } html.android-app body[data-page="messages"] * { overscroll-behavior: auto !important; } html.android-app body, html.android-app #landing-page-container { background-attachment: scroll !important; } .video-player-wrapper { position: relative; overflow: hidden; } .video-player-wrapper:not(.h-full) { height: auto; display: flex; align-items: center; justify-content: center; } .card:not(.h-full) { height: auto !important; } .space-y-2 > div, .space-y-4 > div { height: auto !important; } .photo-content-wrapper:not(.absolute), .video-content-wrapper:not(.absolute) { height: auto !important; } .ios-app .video-player-wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #000; pointer-events: none; opacity: 1; transition: opacity 0.3s ease-out; } .ios-app .video-player-wrapper.video-ready::before { opacity: 0; } #admin-header .searchbar-component { position: relative; z-index: 100 !important; } #admin-header .live-select-container { position: relative; z-index: 100 !important; } #admin-header .pac-container { position: relative; z-index: 100 !important; } html.ios-app.iphone-app:not(.visionos-app) .main-header, html.ios-app.iphone-app:not(.visionos-app) #admin-header .main-header { padding-top: 2.5rem !important; overflow: visible !important; } html.ios-app.ipad-app:not(.visionos-app) .main-header, html.ios-app.ipad-app:not(.visionos-app) #admin-header .main-header { padding-top: 1rem !important; overflow: visible !important; } html.ios-app.iphone-app:not(.visionos-app) #landing-page-container, html.ios-app.iphone-app:not(.visionos-app) .landing-content { padding-top: 2.5rem !important; } html.ios-app.ipad-app:not(.visionos-app) #landing-page-container, html.ios-app.ipad-app:not(.visionos-app) .landing-content { padding-top: 1rem !important; } html.visionos-app .main-header, html.visionos-app #admin-header .main-header, html.visionos-app [data-layout="landing"] .main-header { padding-top: 0 !important; } html.ios-app { position: fixed !important; overflow: hidden !important; height: 100% !important; width: 100% !important; overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; } html.ios-app body[data-user-signed-in="true"] { position: fixed !important; overflow: hidden !important; height: 100vh !important; height: 100dvh !important; height: calc(var(--vh) * 100) !important; width: 100vw !important; overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; touch-action: pan-y pinch-zoom !important; } html.ios-app [data-layout="landing"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; box-sizing: border-box !important; } html.ios-app [data-layout="landing"] .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html.android-app [data-layout="landing"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; box-sizing: border-box !important; } html.android-app [data-layout="landing"] .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html.ios-app [data-layout="session"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; box-sizing: border-box !important; } html.android-app [data-layout="session"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; box-sizing: border-box !important; } html.ios-app [data-layout="session"] .sr-only, html.android-app [data-layout="session"] .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html.ios-app [data-layout="page"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; box-sizing: border-box !important; } html.android-app [data-layout="page"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; box-sizing: border-box !important; } html.ios-app [data-layout="page"] .sr-only, html.android-app [data-layout="page"] .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html.ios-app #new-need, html.android-app #new-need { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; padding-bottom: 5rem !important; box-sizing: border-box !important; } html.ios-app #new-need *:not(.sr-only), html.android-app #new-need *:not(.sr-only) { position: static !important; overflow: visible !important; } html.ios-app #new-need .sr-only, html.android-app #new-need .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html.ios-app #verification-page, html.android-app #verification-page { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: auto !important; padding-bottom: 5rem !important; box-sizing: border-box !important; } html.ios-app #verification-page *:not(.sr-only), html.android-app #verification-page *:not(.sr-only) { position: static !important; overflow: visible !important; } html.ios-app #verification-page .sr-only, html.android-app #verification-page .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } html.ios-app body[data-user-signed-in="true"] * { overscroll-behavior: none !important; } html.ios-app body[data-user-signed-in="true"], html.ios-app:has(body[data-user-signed-in="true"]) { overscroll-behavior-x: none !important; overscroll-behavior-y: none !important; -webkit-overflow-scrolling: auto !important; } html.ios-app #needs-feed, html.ios-app [phx-update="stream"], html.ios-app [id*="-grid"], html.ios-app [id*="-view"] { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; scroll-behavior: auto !important; } html.ios-app #feed-scroll { -webkit-overflow-scrolling: auto !important; transition: -webkit-overflow-scrolling 0.3s ease !important; } html.ios-app [id*="-grid-container"], html.ios-app [id*="-view-container"], html.ios-app [id="all-content-container"] { will-change: scroll-position !important; } html.ios-app [phx-update="stream"] > div[id] { transition: opacity 0.2s ease-out !important; } html.ios-app [phx-update="stream"] { overflow-anchor: auto !important; } html.ios-app #feed-scroll { overflow-anchor: auto !important; -webkit-overflow-scrolling: auto !important; transition: -webkit-overflow-scrolling 0.1s ease !important; } #search-feed-container { overflow-anchor: auto !important; } #search-feed-container [phx-update="stream"], #search-feed-container #all-content-container { overflow-anchor: auto !important; } html.ios-app [id*="-grid-container"], html.ios-app [id*="-view-container"], html.ios-app [id="all-content-container"] { will-change: contents !important; } html.ios-app img { transition: opacity 0.15s ease-out !important; object-fit: cover !important; min-height: 1px !important; } html.ios-app.momentum-scrolling [phx-update="stream"] img { opacity: 1 !important; pointer-events: auto !important; } html.ios-app body[data-user-signed-in="true"] .main-content-scrollable { overscroll-behavior: none !important; -webkit-overflow-scrolling: touch !important; } html.ios-app [class*="overflow-y-auto"], html.ios-app [class*="h-full overflow-y-auto"], html.ios-app .overflow-y-auto, html.ios-app #feed-scroll, html.ios-app .w-full.lg\\:w-\\[80\\%\\].h-full.overflow-y-auto, html.ios-app .max-w-xl.mx-auto, html.ios-app [id*="needs-container"], html.ios-app .flex.flex-col.lg\\:flex-row div[class*="overflow-y-auto"] { overscroll-behavior: none !important; -webkit-overflow-scrolling: touch !important; } html.ios-app .w-full.lg\\:w-\\[80\\%\\].h-full.overflow-y-auto > div { overscroll-behavior: none !important; -webkit-overflow-scrolling: touch !important; } @supports (-webkit-touch-callout: none) { html.ios-app body[data-user-signed-in="true"] .min-h-screen.main-content-scrollable { overscroll-behavior: none !important; touch-action: pan-y pinch-zoom !important; } html.ios-app body[data-user-signed-in="true"] { overscroll-behavior: none !important; -webkit-overflow-scrolling: auto !important; } } [data-layout="landing"] { box-sizing: border-box !important; } [data-layout="session"] { box-sizing: border-box !important; } [data-layout="page"] { box-sizing: border-box !important; } .ios-app:not(.ipad-app) .dropdown { position: fixed; z-index: 100; } .ios-app:not(.ipad-app) #mobile-user-menu { top: calc(2.5rem + 3rem); right: 0.5rem; } .ios-app:not(.ipad-app) #user-menu { top: calc(2.5rem + 2.5rem); right: 1rem; } .ipad-app .dropdown { position: fixed; z-index: 100; } .ipad-app #mobile-user-menu { top: calc(1rem + 3rem); right: 0.5rem; } .ipad-app #user-menu { top: calc(1rem + 2.5rem); right: 1rem; } [data-layout="page"] .main-header.sticky.top-0 { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 50 !important; width: 100% !important; } [data-layout="page"][data-color-scheme="light"] .main-header.bg-gray-100 { background-color: rgb(243 244 246) !important; } [data-layout="page"][data-color-scheme="dark"] .main-header.bg-gray-100 { background-color: rgb(0 0 0) !important; } [data-layout="page"][data-color-scheme="neutral"] .main-header.bg-gray-100 { background-color: var(--neutral-card-bg) !important; } [data-layout="page"][data-color-scheme="purple"] .main-header.bg-gray-100 { background-color: var(--purple-card-bg) !important; } [data-layout="page"][data-color-scheme="pink"] .main-header.bg-gray-100 { background-color: var(--pink-card-bg) !important; } [data-layout="page"].dark .main-header.bg-gray-100 { background-color: rgb(0 0 0) !important; } [data-layout="page"] [aria-modal="true"] { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 9999 !important; } [data-layout="page"] [aria-modal="true"] .flex.min-h-full { min-height: 100vh !important; min-height: 100dvh !important; } html.ios-app .ios-nav-fix { -webkit-transform: translateZ(0); transform: translateZ(0); isolation: isolate; will-change: transform; background: transparent !important; } [data-color-scheme="pink"] .border-gray-900 { border-color: #ec4899 !important; } [data-color-scheme="pink"] .text-gray-900 { color: #be185d !important; } [data-color-scheme="purple"] .border-gray-900 { border-color: #a855f7 !important; } [data-color-scheme="purple"] .text-gray-900 { color: #7c3aed !important; } [data-color-scheme="pink"] .bg-indigo-100 { background-color: #fce7f3 !important; } [data-color-scheme="pink"] .text-indigo-700 { color: #be185d !important; } [data-color-scheme="pink"] .dark .bg-indigo-900\/30, .dark[data-color-scheme="pink"] .bg-indigo-900\/30 { background-color: rgba(236, 72, 153, 0.3) !important; } [data-color-scheme="pink"] .dark .text-indigo-300, .dark[data-color-scheme="pink"] .text-indigo-300 { color: #f472b6 !important; } [data-color-scheme="purple"] .bg-indigo-100 { background-color: #f3e8ff !important; } [data-color-scheme="purple"] .text-indigo-700 { color: #7c3aed !important; } [data-color-scheme="purple"] .dark .bg-indigo-900\/30, .dark[data-color-scheme="purple"] .bg-indigo-900\/30 { background-color: rgba(168, 85, 247, 0.3) !important; } [data-color-scheme="purple"] .dark .text-indigo-300, .dark[data-color-scheme="purple"] .text-indigo-300 { color: #c084fc !important; } [data-color-scheme="pink"] .hover\:bg-gray-200:hover { background-color: #fbb6ce !important; } [data-color-scheme="pink"] .dark .hover\:bg-gray-600:hover, .dark[data-color-scheme="pink"] .hover\:bg-gray-600:hover { background-color: rgba(236, 72, 153, 0.3) !important; } [data-color-scheme="purple"] .hover\:bg-gray-200:hover { background-color: #ddd6fe !important; } [data-color-scheme="purple"] .dark .bg-gray-700, .dark[data-color-scheme="purple"] .bg-gray-700 { background-color: rgba(168, 85, 247, 0.2) !important; } [data-color-scheme="purple"] .dark .hover\:bg-gray-600:hover, .dark[data-color-scheme="purple"] .hover\:bg-gray-600:hover { background-color: rgba(168, 85, 247, 0.3) !important; } #mobile-navigation-container::after { content: ''; position: fixed; bottom: 0; left: 0; right: 0; height: 0px; z-index: -1; pointer-events: none; } #mobile-navigation-container::after { background-color: rgba(229, 231, 235, 0.95); } [data-color-scheme="pink"] #mobile-navigation-container::after { background-color: rgba(252, 231, 243, 0.95) !important; } [data-color-scheme="purple"] #mobile-navigation-container::after { background-color: rgba(243, 232, 255, 0.95) !important; } [data-color-scheme="neutral"] #mobile-navigation-container::after { background-color: rgba(15, 23, 42, 0.95) !important; } [data-color-scheme="dark"] #mobile-navigation-container::after { background-color: rgba(0, 0, 0, 0.95) !important; } [data-color-scheme="dark"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="dark"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(1); cursor: pointer; } [data-color-scheme="dark"] input[type="date"]::-webkit-inner-spin-button, [data-color-scheme="dark"] input[type="date"]::-webkit-clear-button, [data-color-scheme="dark"] input[type="datetime-local"]::-webkit-inner-spin-button, [data-color-scheme="dark"] input[type="datetime-local"]::-webkit-clear-button { filter: invert(1); } [data-color-scheme="dark"] .date-input-dark-mode::-webkit-calendar-picker-indicator, [data-color-scheme="dark"] .datetime-input-dark-mode::-webkit-calendar-picker-indicator { filter: invert(1) !important; cursor: pointer; } [data-color-scheme="pink"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="pink"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(7454%) hue-rotate(315deg) brightness(101%) contrast(101%); cursor: pointer; } [data-color-scheme="purple"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="purple"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(7454%) hue-rotate(260deg) brightness(101%) contrast(101%); cursor: pointer; } [data-color-scheme="neutral"] input[type="date"]::-webkit-calendar-picker-indicator, [data-color-scheme="neutral"] input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(1); cursor: pointer; } .blog-form-preview { scrollbar-width: thin; scrollbar-color: rgba(156, 163, 175, 0.5) transparent; } .blog-form-preview::-webkit-scrollbar { width: 6px; } .blog-form-preview::-webkit-scrollbar-track { background: transparent; } .blog-form-preview::-webkit-scrollbar-thumb { background-color: rgba(156, 163, 175, 0.5); border-radius: 3px; } .blog-form-preview::-webkit-scrollbar-thumb:hover { background-color: rgba(156, 163, 175, 0.8); } .dark .blog-form-preview::-webkit-scrollbar-thumb { background-color: rgba(75, 85, 99, 0.5); } .dark .blog-form-preview::-webkit-scrollbar-thumb:hover { background-color: rgba(75, 85, 99, 0.8); } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (device-width >= 375px) and (device-height >= 812px) { .ios-sidebar-container { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 40 !important; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); } .ios-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 9998 !important; -webkit-touch-callout: none; -webkit-user-select: none; touch-action: manipulation; } .ios-sidebar-content { position: relative !important; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); touch-action: pan-y; } } @supports (-webkit-touch-callout: none) { .ios-sidebar-container { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 40 !important; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); } .ios-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 9998 !important; -webkit-touch-callout: none; -webkit-user-select: none; touch-action: manipulation; } .ios-sidebar-content { position: relative !important; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); touch-action: pan-y; } .ios-sidebar-content a, .ios-sidebar-content button { -webkit-touch-callout: default; -webkit-user-select: auto; touch-action: manipulation; } .ios-sidebar-container[x-show="open"] { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; height: calc(var(--vh) * 100) !important; height: -webkit-fill-available !important; } } @keyframes apple-spinner { 0% { transform: rotate(0deg); opacity: 1; } 50% { transform: rotate(180deg); opacity: 0.8; } 100% { transform: rotate(360deg); opacity: 1; } } @keyframes apple-dots { 0%, 80%, 100% { transform: scale(0.8); opacity: 0.3; } 40% { transform: scale(1); opacity: 1; } } @keyframes apple-pulse { 0% { transform: scale(1); opacity: 0.7; } 50% { transform: scale(1.05); opacity: 0.9; } 100% { transform: scale(1); opacity: 0.7; } } @keyframes apple-blur-fade { 0% { filter: blur(0px); opacity: 1; } 50% { filter: blur(1px); opacity: 0.8; } 100% { filter: blur(0px); opacity: 1; } } .apple-spinner { position: relative; width: 44px; height: 44px; margin: 0 auto; } .apple-spinner::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid transparent; border-top: 3px solid rgba(0, 122, 255, 0.8); border-radius: 50%; animation: apple-spinner 1.2s cubic-bezier(0.4, 0.0, 0.2, 1) infinite; } .apple-spinner::after { content: ''; position: absolute; top: 6px; left: 6px; width: calc(100% - 12px); height: calc(100% - 12px); border: 2px solid transparent; border-top: 2px solid rgba(0, 122, 255, 0.4); border-radius: 50%; animation: apple-spinner 0.8s cubic-bezier(0.4, 0.0, 0.2, 1) infinite reverse; } .apple-dots { display: inline-flex; align-items: center; gap: 6px; } .apple-dots .dot { width: 8px; height: 8px; background: rgba(0, 122, 255, 0.8); border-radius: 50%; animation: apple-dots 1.6s ease-in-out infinite; } .apple-dots .dot:nth-child(1) { animation-delay: -0.32s; } .apple-dots .dot:nth-child(2) { animation-delay: -0.16s; } .apple-dots .dot:nth-child(3) { animation-delay: 0s; } .apple-content-placeholder { background: linear-gradient( 90deg, rgba(243, 244, 246, 0) 0%, rgba(243, 244, 246, 0.4) 50%, rgba(243, 244, 246, 0) 100% ); background-size: 200% 100%; animation: apple-shimmer 2s ease-in-out infinite; } .dark .apple-content-placeholder { background: linear-gradient( 90deg, rgba(55, 65, 81, 0) 0%, rgba(55, 65, 81, 0.4) 50%, rgba(55, 65, 81, 0) 100% ); background-size: 200% 100%; } @keyframes apple-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .glass-mode .apple-loading-container { position: relative; padding: 3rem 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5rem; min-height: 50vh; min-height: 50dvh; min-height: calc(var(--vh) * 50); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } .apple-loading-icon { animation: apple-blur-fade 3s ease-in-out infinite; } .apple-loading-text { font-weight: 600; letter-spacing: 0.01em; animation: apple-pulse 2.5s ease-in-out infinite; } .apple-loading-subtext { font-weight: 400; letter-spacing: 0.005em; opacity: 0.7; animation: apple-pulse 2.5s ease-in-out infinite; animation-delay: 0.5s; } .apple-loading-container:hover .apple-spinner::before { animation-duration: 0.8s; } .apple-loading-container:hover .apple-spinner::after { animation-duration: 0.6s; } .dark .apple-spinner::before { border-top-color: rgba(10, 132, 255, 0.9); box-shadow: 0 0 20px rgba(10, 132, 255, 0.3); } .dark .apple-spinner::after { border-top-color: rgba(10, 132, 255, 0.5); } .dark .apple-dots .dot { background: rgba(10, 132, 255, 0.9); box-shadow: 0 0 10px rgba(10, 132, 255, 0.4); } @media (max-width: 640px) { .apple-spinner { width: 36px; height: 36px; } .apple-loading-container { padding: 2rem 1rem; gap: 1rem; } } [data-color-scheme="neutral"] .theme-text { background-color: var(--neutral-text) !important; color: var(--neutral-bg) !important; } [data-color-scheme="dark"] .theme-text { background-color: var(--dark-text) !important; color: var(--dark-bg) !important; } [data-color-scheme="pink"] .theme-text { background-color: var(--pink-text) !important; color: var(--pink-bg) !important; } [data-color-scheme="purple"] .theme-text { background-color: var(--purple-text) !important; color: var(--purple-bg) !important; } [data-color-scheme="neutral"] .theme-logo { color: #ffffff !important; } [data-color-scheme="dark"] .theme-logo { color: #ffffff !important; } [data-color-scheme="pink"] .theme-logo { color: #831843 !important; } [data-color-scheme="purple"] .theme-logo { color: #4c1d95 !important; } body:not([data-color-scheme]) .theme-logo, [data-color-scheme="light"] .theme-logo { color: #000000; } body:not([data-color-scheme]) .theme-text, [data-color-scheme="light"] .theme-text { background-color: #000000 !important; color: #ffffff !important; } [data-color-scheme="neutral"] .theme-button { background-color: #ffffff !important; color: #111827 !important; } [data-color-scheme="neutral"] .theme-button:hover { background-color: #f3f4f6 !important; } [data-color-scheme="dark"] .theme-button { background-color: #ffffff !important; color: #000000 !important; } [data-color-scheme="dark"] .theme-button:hover { background-color: #f3f4f6 !important; } [data-color-scheme="pink"] .theme-button { background-color: #831843 !important; color: #ffffff !important; } [data-color-scheme="pink"] .theme-button:hover { background-color: #9f1239 !important; } [data-color-scheme="purple"] .theme-button { background-color: #4c1d95 !important; color: #ffffff !important; } [data-color-scheme="purple"] .theme-button:hover { background-color: #5b21b6 !important; } body:not([data-color-scheme]) .theme-button, [data-color-scheme="light"] .theme-button { background-color: #000000 !important; color: #ffffff !important; } body:not([data-color-scheme]) .theme-button:hover, [data-color-scheme="light"] .theme-button:hover { background-color: #374151 !important; } [data-color-scheme="neutral"] .theme-icon-large { background-color: #ffffff !important; } [data-color-scheme="dark"] .theme-icon-large { background-color: #ffffff !important; } [data-color-scheme="pink"] .theme-icon-large { background-color: #831843 !important; } [data-color-scheme="purple"] .theme-icon-large { background-color: #4c1d95 !important; } [data-color-scheme="neutral"] .theme-icon-small { background-color: #ffffff !important; } [data-color-scheme="dark"] .theme-icon-small { background-color: #ffffff !important; } [data-color-scheme="pink"] .theme-icon-small { background-color: #831843 !important; } [data-color-scheme="purple"] .theme-icon-small { background-color: #4c1d95 !important; } [data-color-scheme="neutral"] .theme-icon-medium { background-color: #ffffff !important; } [data-color-scheme="dark"] .theme-icon-medium { background-color: #ffffff !important; } [data-color-scheme="pink"] .theme-icon-medium { background-color: #831843 !important; } [data-color-scheme="purple"] .theme-icon-medium { background-color: #4c1d95 !important; } body:not([data-color-scheme]) .theme-icon-large, body:not([data-color-scheme]) .theme-icon-small, body:not([data-color-scheme]) .theme-icon-medium, [data-color-scheme="light"] .theme-icon-large, [data-color-scheme="light"] .theme-icon-small, [data-color-scheme="light"] .theme-icon-medium { background-color: #000000 !important; } .gif-selector { touch-action: manipulation; -webkit-overflow-scrolling: touch; } .gif-selector .gif-item { min-height: 44px; min-width: 44px; position: relative; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; touch-action: manipulation; -webkit-touch-callout: none; } .gif-selector .gif-item:active { opacity: 0.8; transform: scale(0.98); transition: opacity 0.1s ease, transform 0.1s ease; } .gif-selector .gif-item img { pointer-events: none; user-select: none; -webkit-user-select: none; display: block; width: 100%; height: auto; } @supports (-webkit-appearance: none) { .gif-selector .gif-item { -webkit-tap-highlight-color: rgba(59, 130, 246, 0.2); -webkit-touch-callout: none; -webkit-user-select: none; } .ios-gif-modal { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; height: calc(var(--vh) * 100) !important; z-index: 9999 !important; display: block !important; visibility: visible !important; opacity: 1 !important; -webkit-transform: translateZ(0); transform: translateZ(0); } .ios-gif-modal .gif-selector { visibility: visible !important; opacity: 1 !important; display: block !important; -webkit-transform: translateZ(0); transform: translateZ(0); } } .analytics-chart { position: relative; width: 100%; height: 200px; padding: 20px 0; } .analytics-chart .bar { position: absolute; bottom: 30px; width: 12%; background: linear-gradient(to top, #3B82F6, #60A5FA); border-radius: 4px 4px 0 0; transition: all 0.3s ease; cursor: pointer; min-height: 2px; } .analytics-chart .bar:hover { background: linear-gradient(to top, #2563EB, #3B82F6); transform: translateY(-2px); } .analytics-chart .bar-value { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); font-size: 11px; font-weight: 600; color: var(--color-text-primary); white-space: nowrap; } .analytics-chart .bar-label { position: absolute; bottom: 8px; font-size: 12px; font-weight: 500; color: var(--color-text-muted); text-align: center; width: 8%; } .analytics-chart .no-data-message { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--color-text-muted); font-style: italic; font-size: 14px; } [data-color-scheme="dark"] .analytics-chart .bar { background: linear-gradient(to top, #3B82F6, #60A5FA); } [data-color-scheme="dark"] .analytics-chart .bar:hover { background: linear-gradient(to top, #1D4ED8, #2563EB); } #mobile-navigation-container { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; z-index: 9999 !important; background-color: white; touch-action: manipulation; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } #mobile-navigation-container nav a, #mobile-navigation-container nav button, #mobile-navigation-container .filter-bar a, #mobile-navigation-container .filter-bar button { touch-action: manipulation !important; -webkit-touch-callout: none !important; -webkit-tap-highlight-color: transparent !important; -webkit-user-select: none !important; user-select: none !important; min-height: 44px !important; min-width: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; } [data-color-scheme="dark"] #mobile-navigation-container { background-color: rgb(17, 24, 39); } img:fullscreen, img:-webkit-full-screen, img:-moz-full-screen, img:-ms-fullscreen { object-fit: contain !important; object-position: center !important; background: black !important; } #filter-sidebar-container, #mobile-filter-sidebar-container { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 9999 !important; } #filter-sidebar-container > div, #mobile-filter-sidebar-container > div { z-index: 10000 !important; } @supports (-webkit-touch-callout: none) { #mobile-filter-sidebar-container { -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); } #mobile-filter-sidebar-container .sidebar { -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); transform: translateZ(0); touch-action: pan-y; } } .prose .prose-content p, .prose .prose-content div, .prose .prose-content span, article.prose .prose-content p, article.prose .prose-content div, article.prose .prose-content span { color: inherit !important; } .dark .prose .prose-content *, .dark article.prose .prose-content *, html.dark .prose .prose-content *, html.dark article.prose .prose-content * { color: #ffffff !important; } .light .prose .prose-content *, .light article.prose .prose-content *, html.light .prose .prose-content *, html.light article.prose .prose-content * { color: #000000 !important; } @media (prefers-color-scheme: dark) { :not(.light) .prose .prose-content *, :not(.light) article.prose .prose-content * { color: #ffffff !important; } } @media (prefers-color-scheme: light) { :not(.dark) .prose .prose-content *, :not(.dark) article.prose .prose-content * { color: #000000 !important; } } .is-visionos .main-header, .is-visionos .p-safe, .is-visionos .pt-safe-modal, .is-visionos body { padding-top: 0 !important; } .is-visionos .main-header { top: 0 !important; } @supports (padding: env(safe-area-inset-top)) { .is-visionos * { --safe-area-inset-top: 0px; --safe-area-inset-bottom: 0px; } } html.ipad-app .sidebar { padding-top: 1rem !important; } @media (min-width: 768px) and (max-width: 1023px) { html.ipad-app .sidebar .font-logo { margin-top: 2rem !important; } } .sidebar #locale-picker-admin-sidebar-locale-picker-lv button, .sidebar [id^="locale-picker"] button { background-color: rgb(243 244 246) !important; border: 1px solid rgb(229 231 235) !important; } .dark .sidebar #locale-picker-admin-sidebar-locale-picker-lv button, .dark .sidebar [id^="locale-picker"] button { background-color: rgb(31 41 55) !important; border: 1px solid rgb(55 65 81) !important; } .sidebar #locale-picker-admin-sidebar-locale-picker-lv button:hover, .sidebar [id^="locale-picker"] button:hover { background-color: rgb(229 231 235) !important; } .dark .sidebar #locale-picker-admin-sidebar-locale-picker-lv button:hover, .dark .sidebar [id^="locale-picker"] button:hover { background-color: rgb(55 65 81) !important; } .scrollbar-thin { scrollbar-width: thin; } .scrollbar-thin::-webkit-scrollbar { width: 8px; height: 8px; } .scrollbar-thumb-gray-300::-webkit-scrollbar-thumb { background-color: rgb(209 213 219); border-radius: 4px; } .dark .scrollbar-thumb-gray-600::-webkit-scrollbar-thumb { background-color: rgb(75 85 99); border-radius: 4px; } .scrollbar-track-transparent::-webkit-scrollbar-track { background-color: transparent; } @layer base { [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select { appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: oklch(54.6% 0.245 262.881); } } input::placeholder,textarea::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; } ::-webkit-date-and-time-value { text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; print-color-adjust: exact; } [multiple],[size]:where(select:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; print-color-adjust: unset; } [type='checkbox'],[type='radio'] { appearance: none; padding: 0; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: oklch(54.6% 0.245 262.881); background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; --tw-shadow: 0 0 #0000; } [type='checkbox'] { border-radius: 0px; } [type='radio'] { border-radius: 100%; } [type='checkbox']:focus,[type='radio']:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } [type='checkbox']:checked,[type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } [type='checkbox']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } [type='radio']:checked { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); @media (forced-colors: active) { appearance: auto; } } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @media (forced-colors: active) { appearance: auto; } } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } [type='file'] { background: unset; border-color: inherit; border-width: 0; border-radius: 0; padding: 0; font-size: unset; line-height: inherit; } [type='file']:focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-pan-x { syntax: "*"; inherits: false; } @property --tw-pan-y { syntax: "*"; inherits: false; } @property --tw-pinch-zoom { syntax: "*"; inherits: false; } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-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: 0px; } @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; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } } @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-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --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; --tw-content: ""; } } }