/* ===== inline (1 rules) ===== */ :where(.i-mdi\:close) { display: inline-block; width: 1em; height: 1em; background-color: currentcolor; mask-image: var(--svg); mask-repeat: no-repeat; mask-size: 100% 100%; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z'/%3E%3C/svg%3E"); } /* ===== inline (1 rules) ===== */ @layer base { :root { --ui-color-primary-50: var(--color-primary-50, ); --ui-color-primary-100: var(--color-primary-100, ); --ui-color-primary-200: var(--color-primary-200, ); --ui-color-primary-300: var(--color-primary-300, ); --ui-color-primary-400: var(--color-primary-400, ); --ui-color-primary-500: var(--color-primary-500, ); --ui-color-primary-600: var(--color-primary-600, ); --ui-color-primary-700: var(--color-primary-700, ); --ui-color-primary-800: var(--color-primary-800, ); --ui-color-primary-900: var(--color-primary-900, ); --ui-color-primary-950: var(--color-primary-950, ); --ui-color-error-50: var(--color-error-50, ); --ui-color-error-100: var(--color-error-100, ); --ui-color-error-200: var(--color-error-200, ); --ui-color-error-300: var(--color-error-300, ); --ui-color-error-400: var(--color-error-400, ); --ui-color-error-500: var(--color-error-500, ); --ui-color-error-600: var(--color-error-600, ); --ui-color-error-700: var(--color-error-700, ); --ui-color-error-800: var(--color-error-800, ); --ui-color-error-900: var(--color-error-900, ); --ui-color-error-950: var(--color-error-950, ); --ui-color-neutral-50: var(--color-slate-50, oklch(98.4% 0.003 247.858)); --ui-color-neutral-100: var(--color-slate-100, oklch(96.8% 0.007 247.896)); --ui-color-neutral-200: var(--color-slate-200, oklch(92.9% 0.013 255.508)); --ui-color-neutral-300: var(--color-slate-300, oklch(86.9% 0.022 252.894)); --ui-color-neutral-400: var(--color-slate-400, oklch(70.4% 0.04 256.788)); --ui-color-neutral-500: var(--color-slate-500, oklch(55.4% 0.046 257.417)); --ui-color-neutral-600: var(--color-slate-600, oklch(44.6% 0.043 257.281)); --ui-color-neutral-700: var(--color-slate-700, oklch(37.2% 0.044 257.287)); --ui-color-neutral-800: var(--color-slate-800, oklch(27.9% 0.041 260.031)); --ui-color-neutral-900: var(--color-slate-900, oklch(20.8% 0.042 265.755)); --ui-color-neutral-950: var(--color-slate-950, oklch(12.9% 0.042 264.695)); --ui-color-primary2-50: var(--color-primary2-50, ); --ui-color-primary2-100: var(--color-primary2-100, ); --ui-color-primary2-200: var(--color-primary2-200, ); --ui-color-primary2-300: var(--color-primary2-300, ); --ui-color-primary2-400: var(--color-primary2-400, ); --ui-color-primary2-500: var(--color-primary2-500, ); --ui-color-primary2-600: var(--color-primary2-600, ); --ui-color-primary2-700: var(--color-primary2-700, ); --ui-color-primary2-800: var(--color-primary2-800, ); --ui-color-primary2-900: var(--color-primary2-900, ); --ui-color-primary2-950: var(--color-primary2-950, ); --ui-color-default2-50: var(--color-default2-50, ); --ui-color-default2-100: var(--color-default2-100, ); --ui-color-default2-200: var(--color-default2-200, ); --ui-color-default2-300: var(--color-default2-300, ); --ui-color-default2-400: var(--color-default2-400, ); --ui-color-default2-500: var(--color-default2-500, ); --ui-color-default2-600: var(--color-default2-600, ); --ui-color-default2-700: var(--color-default2-700, ); --ui-color-default2-800: var(--color-default2-800, ); --ui-color-default2-900: var(--color-default2-900, ); --ui-color-default2-950: var(--color-default2-950, ); --ui-color-back-50: var(--color-back-50, ); --ui-color-back-100: var(--color-back-100, ); --ui-color-back-200: var(--color-back-200, ); --ui-color-back-300: var(--color-back-300, ); --ui-color-back-400: var(--color-back-400, ); --ui-color-back-500: var(--color-back-500, ); --ui-color-back-600: var(--color-back-600, ); --ui-color-back-700: var(--color-back-700, ); --ui-color-back-800: var(--color-back-800, ); --ui-color-back-900: var(--color-back-900, ); --ui-color-back-950: var(--color-back-950, ); --ui-color-back1-50: var(--color-back1-50, ); --ui-color-back1-100: var(--color-back1-100, ); --ui-color-back1-200: var(--color-back1-200, ); --ui-color-back1-300: var(--color-back1-300, ); --ui-color-back1-400: var(--color-back1-400, ); --ui-color-back1-500: var(--color-back1-500, ); --ui-color-back1-600: var(--color-back1-600, ); --ui-color-back1-700: var(--color-back1-700, ); --ui-color-back1-800: var(--color-back1-800, ); --ui-color-back1-900: var(--color-back1-900, ); --ui-color-back1-950: var(--color-back1-950, ); --ui-color-back2-50: var(--color-back2-50, ); --ui-color-back2-100: var(--color-back2-100, ); --ui-color-back2-200: var(--color-back2-200, ); --ui-color-back2-300: var(--color-back2-300, ); --ui-color-back2-400: var(--color-back2-400, ); --ui-color-back2-500: var(--color-back2-500, ); --ui-color-back2-600: var(--color-back2-600, ); --ui-color-back2-700: var(--color-back2-700, ); --ui-color-back2-800: var(--color-back2-800, ); --ui-color-back2-900: var(--color-back2-900, ); --ui-color-back2-950: var(--color-back2-950, ); --ui-color-back3-50: var(--color-back3-50, ); --ui-color-back3-100: var(--color-back3-100, ); --ui-color-back3-200: var(--color-back3-200, ); --ui-color-back3-300: var(--color-back3-300, ); --ui-color-back3-400: var(--color-back3-400, ); --ui-color-back3-500: var(--color-back3-500, ); --ui-color-back3-600: var(--color-back3-600, ); --ui-color-back3-700: var(--color-back3-700, ); --ui-color-back3-800: var(--color-back3-800, ); --ui-color-back3-900: var(--color-back3-900, ); --ui-color-back3-950: var(--color-back3-950, ); --ui-color-back4-50: var(--color-back4-50, ); --ui-color-back4-100: var(--color-back4-100, ); --ui-color-back4-200: var(--color-back4-200, ); --ui-color-back4-300: var(--color-back4-300, ); --ui-color-back4-400: var(--color-back4-400, ); --ui-color-back4-500: var(--color-back4-500, ); --ui-color-back4-600: var(--color-back4-600, ); --ui-color-back4-700: var(--color-back4-700, ); --ui-color-back4-800: var(--color-back4-800, ); --ui-color-back4-900: var(--color-back4-900, ); --ui-color-back4-950: var(--color-back4-950, ); --ui-color-back5-50: var(--color-back5-50, ); --ui-color-back5-100: var(--color-back5-100, ); --ui-color-back5-200: var(--color-back5-200, ); --ui-color-back5-300: var(--color-back5-300, ); --ui-color-back5-400: var(--color-back5-400, ); --ui-color-back5-500: var(--color-back5-500, ); --ui-color-back5-600: var(--color-back5-600, ); --ui-color-back5-700: var(--color-back5-700, ); --ui-color-back5-800: var(--color-back5-800, ); --ui-color-back5-900: var(--color-back5-900, ); --ui-color-back5-950: var(--color-back5-950, ); --ui-color-border1-50: var(--color-border1-50, ); --ui-color-border1-100: var(--color-border1-100, ); --ui-color-border1-200: var(--color-border1-200, ); --ui-color-border1-300: var(--color-border1-300, ); --ui-color-border1-400: var(--color-border1-400, ); --ui-color-border1-500: var(--color-border1-500, ); --ui-color-border1-600: var(--color-border1-600, ); --ui-color-border1-700: var(--color-border1-700, ); --ui-color-border1-800: var(--color-border1-800, ); --ui-color-border1-900: var(--color-border1-900, ); --ui-color-border1-950: var(--color-border1-950, ); --ui-color-border2-50: var(--color-border2-50, ); --ui-color-border2-100: var(--color-border2-100, ); --ui-color-border2-200: var(--color-border2-200, ); --ui-color-border2-300: var(--color-border2-300, ); --ui-color-border2-400: var(--color-border2-400, ); --ui-color-border2-500: var(--color-border2-500, ); --ui-color-border2-600: var(--color-border2-600, ); --ui-color-border2-700: var(--color-border2-700, ); --ui-color-border2-800: var(--color-border2-800, ); --ui-color-border2-900: var(--color-border2-900, ); --ui-color-border2-950: var(--color-border2-950, ); --ui-color-opposite-50: var(--color-opposite-50, ); --ui-color-opposite-100: var(--color-opposite-100, ); --ui-color-opposite-200: var(--color-opposite-200, ); --ui-color-opposite-300: var(--color-opposite-300, ); --ui-color-opposite-400: var(--color-opposite-400, ); --ui-color-opposite-500: var(--color-opposite-500, ); --ui-color-opposite-600: var(--color-opposite-600, ); --ui-color-opposite-700: var(--color-opposite-700, ); --ui-color-opposite-800: var(--color-opposite-800, ); --ui-color-opposite-900: var(--color-opposite-900, ); --ui-color-opposite-950: var(--color-opposite-950, ); --ui-color-de-50: var(--color-de-50, ); --ui-color-de-100: var(--color-de-100, ); --ui-color-de-200: var(--color-de-200, ); --ui-color-de-300: var(--color-de-300, ); --ui-color-de-400: var(--color-de-400, ); --ui-color-de-500: var(--color-de-500, ); --ui-color-de-600: var(--color-de-600, ); --ui-color-de-700: var(--color-de-700, ); --ui-color-de-800: var(--color-de-800, ); --ui-color-de-900: var(--color-de-900, ); --ui-color-de-950: var(--color-de-950, ); --ui-color-green2-50: var(--color-green2-50, ); --ui-color-green2-100: var(--color-green2-100, ); --ui-color-green2-200: var(--color-green2-200, ); --ui-color-green2-300: var(--color-green2-300, ); --ui-color-green2-400: var(--color-green2-400, ); --ui-color-green2-500: var(--color-green2-500, ); --ui-color-green2-600: var(--color-green2-600, ); --ui-color-green2-700: var(--color-green2-700, ); --ui-color-green2-800: var(--color-green2-800, ); --ui-color-green2-900: var(--color-green2-900, ); --ui-color-green2-950: var(--color-green2-950, ); --ui-color-grey-50: var(--color-grey-50, ); --ui-color-grey-100: var(--color-grey-100, ); --ui-color-grey-200: var(--color-grey-200, ); --ui-color-grey-300: var(--color-grey-300, ); --ui-color-grey-400: var(--color-grey-400, ); --ui-color-grey-500: var(--color-grey-500, ); --ui-color-grey-600: var(--color-grey-600, ); --ui-color-grey-700: var(--color-grey-700, ); --ui-color-grey-800: var(--color-grey-800, ); --ui-color-grey-900: var(--color-grey-900, ); --ui-color-grey-950: var(--color-grey-950, ); --ui-color-blue2-50: var(--color-blue2-50, ); --ui-color-blue2-100: var(--color-blue2-100, ); --ui-color-blue2-200: var(--color-blue2-200, ); --ui-color-blue2-300: var(--color-blue2-300, ); --ui-color-blue2-400: var(--color-blue2-400, ); --ui-color-blue2-500: var(--color-blue2-500, ); --ui-color-blue2-600: var(--color-blue2-600, ); --ui-color-blue2-700: var(--color-blue2-700, ); --ui-color-blue2-800: var(--color-blue2-800, ); --ui-color-blue2-900: var(--color-blue2-900, ); --ui-color-blue2-950: var(--color-blue2-950, ); --ui-color-red2-50: var(--color-red2-50, ); --ui-color-red2-100: var(--color-red2-100, ); --ui-color-red2-200: var(--color-red2-200, ); --ui-color-red2-300: var(--color-red2-300, ); --ui-color-red2-400: var(--color-red2-400, ); --ui-color-red2-500: var(--color-red2-500, ); --ui-color-red2-600: var(--color-red2-600, ); --ui-color-red2-700: var(--color-red2-700, ); --ui-color-red2-800: var(--color-red2-800, ); --ui-color-red2-900: var(--color-red2-900, ); --ui-color-red2-950: var(--color-red2-950, ); --ui-color-green3-50: var(--color-green3-50, ); --ui-color-green3-100: var(--color-green3-100, ); --ui-color-green3-200: var(--color-green3-200, ); --ui-color-green3-300: var(--color-green3-300, ); --ui-color-green3-400: var(--color-green3-400, ); --ui-color-green3-500: var(--color-green3-500, ); --ui-color-green3-600: var(--color-green3-600, ); --ui-color-green3-700: var(--color-green3-700, ); --ui-color-green3-800: var(--color-green3-800, ); --ui-color-green3-900: var(--color-green3-900, ); --ui-color-green3-950: var(--color-green3-950, ); --ui-color-border-50: var(--color-border-50, ); --ui-color-border-100: var(--color-border-100, ); --ui-color-border-200: var(--color-border-200, ); --ui-color-border-300: var(--color-border-300, ); --ui-color-border-400: var(--color-border-400, ); --ui-color-border-500: var(--color-border-500, ); --ui-color-border-600: var(--color-border-600, ); --ui-color-border-700: var(--color-border-700, ); --ui-color-border-800: var(--color-border-800, ); --ui-color-border-900: var(--color-border-900, ); --ui-color-border-950: var(--color-border-950, ); --ui-color-bg-50: var(--color-bg-50, ); --ui-color-bg-100: var(--color-bg-100, ); --ui-color-bg-200: var(--color-bg-200, ); --ui-color-bg-300: var(--color-bg-300, ); --ui-color-bg-400: var(--color-bg-400, ); --ui-color-bg-500: var(--color-bg-500, ); --ui-color-bg-600: var(--color-bg-600, ); --ui-color-bg-700: var(--color-bg-700, ); --ui-color-bg-800: var(--color-bg-800, ); --ui-color-bg-900: var(--color-bg-900, ); --ui-color-bg-950: var(--color-bg-950, ); } :root, .light { --ui-primary: var(--ui-color-primary-500); --ui-error: var(--ui-color-error-500); --ui-primary2: var(--ui-color-primary2-500); --ui-default2: var(--ui-color-default2-500); --ui-back: var(--ui-color-back-500); --ui-back1: var(--ui-color-back1-500); --ui-back2: var(--ui-color-back2-500); --ui-back3: var(--ui-color-back3-500); --ui-back4: var(--ui-color-back4-500); --ui-back5: var(--ui-color-back5-500); --ui-border1: var(--ui-color-border1-500); --ui-border2: var(--ui-color-border2-500); --ui-opposite: var(--ui-color-opposite-500); --ui-de: var(--ui-color-de-500); --ui-green2: var(--ui-color-green2-500); --ui-grey: var(--ui-color-grey-500); --ui-blue2: var(--ui-color-blue2-500); --ui-red2: var(--ui-color-red2-500); --ui-green3: var(--ui-color-green3-500); --ui-border: var(--ui-color-border-500); --ui-bg: var(--ui-color-bg-500); } .dark { --ui-primary: var(--ui-color-primary-400); --ui-error: var(--ui-color-error-400); --ui-primary2: var(--ui-color-primary2-400); --ui-default2: var(--ui-color-default2-400); --ui-back: var(--ui-color-back-400); --ui-back1: var(--ui-color-back1-400); --ui-back2: var(--ui-color-back2-400); --ui-back3: var(--ui-color-back3-400); --ui-back4: var(--ui-color-back4-400); --ui-back5: var(--ui-color-back5-400); --ui-border1: var(--ui-color-border1-400); --ui-border2: var(--ui-color-border2-400); --ui-opposite: var(--ui-color-opposite-400); --ui-de: var(--ui-color-de-400); --ui-green2: var(--ui-color-green2-400); --ui-grey: var(--ui-color-grey-400); --ui-blue2: var(--ui-color-blue2-400); --ui-red2: var(--ui-color-red2-400); --ui-green3: var(--ui-color-green3-400); --ui-border: var(--ui-color-border-400); --ui-bg: var(--ui-color-bg-400); } } /* ===== inline (117 rules) ===== */ @layer properties { @supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, ::backdrop, ::after, ::before { --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-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --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: ""; } } } @layer theme { :host, :root { --font-sans: "NotoSansKR",sans-serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-orange-400: oklch(75% .183 55.934); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-800: oklch(42.4% .199 265.638); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-md: 28rem; --container-lg: 32rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: 1.33333; --text-sm: .875rem; --text-sm--line-height: 1.42857; --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: 1.55556; --text-xl: 1.25rem; --text-xl--line-height: 1.4; --text-2xl: 1.5rem; --text-2xl--line-height: 1.33333; --text-5xl: 3rem; --text-5xl--line-height: 1; --font-weight-light: 300; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-wider: .05em; --leading-snug: 1.375; --leading-relaxed: 1.625; --ease-out: cubic-bezier(0,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-old-neutral-50: oklch(98.5% 0 0); --color-old-neutral-100: oklch(97% 0 0); --color-old-neutral-200: oklch(92.2% 0 0); --color-old-neutral-300: oklch(87% 0 0); --color-old-neutral-400: oklch(70.8% 0 0); --color-old-neutral-500: oklch(55.6% 0 0); --color-old-neutral-600: oklch(43.9% 0 0); --color-old-neutral-700: oklch(37.1% 0 0); --color-old-neutral-800: oklch(26.9% 0 0); --color-old-neutral-900: oklch(20.5% 0 0); --color-old-neutral-950: oklch(14.5% 0 0); --color-primary-400: #20e495; --color-primary-500: var(--ui-color-primary-500); --color-primary2-400: #51ec80; --color-error-400: #ff5252; --color-default2-400: #292d2e; --color-back-400: #353839; --color-back1-400: #323738; --color-back2-400: #252829; --color-back3-400: #232626; --color-back4-400: #3a4142; --color-back5-400: #232629; --color-border1-400: #464f50; --color-border2-400: #405060; --color-opposite-400: #00000080; --color-de-400: #ffffff80; --color-green2-400: #51ec80; --color-grey-400: #353839; --color-blue2-400: #369ee2; --color-red2-400: #f80b0b; --color-green3-400: #a9fe00; --color-bg-400: #292d2e; --ui-border-accented: gray; --ui-bg: #292d2e; --ui-bg-elevated: #323738; --ui-text: #ffffff80; --ui-text-dimmed: gray; } } @layer base { *, ::backdrop, ::after, ::before { border: 0px solid; box-sizing: border-box; margin: 0px; padding: 0px; } ::file-selector-button { border: 0px solid; box-sizing: border-box; margin: 0px; padding: 0px; } :host, html { text-size-adjust: 100%; 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); line-height: 1.5; tab-size: 4; -webkit-tap-highlight-color: transparent; } hr { border-top-width: 1px; color: inherit; height: 0px; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, pre, samp { 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-size: 1em; font-variation-settings: var(--default-mono-font-variation-settings,normal); } 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 { border-collapse: collapse; border-color: inherit; text-indent: 0px; } progress { vertical-align: baseline; } summary { display: list-item; } menu, ol, ul { list-style: none; } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; } img, video { height: auto; max-width: 100%; } button, input, optgroup, select, textarea { background-color: rgba(0, 0, 0, 0); border-radius: 0px; color: inherit; font: inherit; letter-spacing: inherit; opacity: 1; } ::file-selector-button { background-color: rgba(0, 0, 0, 0); border-radius: 0px; color: inherit; font: inherit; letter-spacing: inherit; 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)) { ::placeholder { color: color-mix(currentcolor, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { 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: 0px; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field { padding-block: 0px; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field { padding-block: 0px; } ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field { padding-block: 0px; } ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-second-field { padding-block: 0px; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0px; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } body { background-color: var(--ui-bg); color: var(--ui-text); -webkit-font-smoothing: antialiased; color-scheme: light; } body:where(.dark, .dark *) { color-scheme: dark; } .light, :root { --ui-text-dimmed: var(--ui-color-neutral-400); --ui-text-muted: var(--ui-color-neutral-500); --ui-text-toned: var(--ui-color-neutral-600); --ui-text: var(--ui-color-neutral-700); --ui-text-highlighted: var(--ui-color-neutral-900); --ui-text-inverted: var(--color-white); --ui-bg: var(--color-white); --ui-bg-muted: var(--ui-color-neutral-50); --ui-bg-elevated: var(--ui-color-neutral-100); --ui-bg-accented: var(--ui-color-neutral-200); --ui-bg-inverted: var(--ui-color-neutral-900); --ui-border: var(--ui-color-neutral-200); --ui-border-muted: var(--ui-color-neutral-200); --ui-border-accented: var(--ui-color-neutral-300); --ui-border-inverted: var(--ui-color-neutral-900); --ui-radius: .25rem; --ui-container: var(--container-7xl); } .dark { --ui-text-dimmed: var(--ui-color-neutral-500); --ui-text-muted: var(--ui-color-neutral-400); --ui-text-toned: var(--ui-color-neutral-300); --ui-text: var(--ui-color-neutral-200); --ui-text-highlighted: var(--color-white); --ui-text-inverted: var(--ui-color-neutral-900); --ui-bg: var(--ui-color-neutral-900); --ui-bg-muted: var(--ui-color-neutral-800); --ui-bg-elevated: var(--ui-color-neutral-800); --ui-bg-accented: var(--ui-color-neutral-700); --ui-bg-inverted: var(--color-white); --ui-border: var(--ui-color-neutral-800); --ui-border-muted: var(--ui-color-neutral-700); --ui-border-accented: var(--ui-color-neutral-700); --ui-border-inverted: var(--color-white); } iframe { background-color: rgba(0, 0, 0, 0) !important; color-scheme: light; } } @layer components; @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .sr-only { clip: rect(0px, 0px, 0px, 0px); border-width: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; } .\!fixed { position: fixed !important; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing)*0); } .inset-x-0 { inset-inline: calc(var(--spacing)*0); } .inset-x-1 { inset-inline: calc(var(--spacing)*1); } .inset-x-4 { inset-inline: calc(var(--spacing)*4); } .inset-y-0 { inset-block: calc(var(--spacing)*0); } .inset-y-1 { inset-block: calc(var(--spacing)*1); } .inset-y-1\.5 { inset-block: calc(var(--spacing)*1.5); } .inset-y-2 { inset-block: calc(var(--spacing)*2); } .inset-y-4 { inset-block: calc(var(--spacing)*4); } .-start-px { inset-inline-start: -1px; } .start-0 { inset-inline-start: calc(var(--spacing)*0); } .start-4 { inset-inline-start: calc(var(--spacing)*4); } .start-\[calc\(50\%\+16px\)\] { inset-inline-start: calc(50% + 16px); } .start-\[calc\(50\%\+20px\)\] { inset-inline-start: calc(50% + 20px); } .start-\[calc\(50\%\+28px\)\] { inset-inline-start: calc(50% + 28px); } .start-\[calc\(50\%\+32px\)\] { inset-inline-start: calc(50% + 32px); } .start-\[calc\(50\%\+36px\)\] { inset-inline-start: calc(50% + 36px); } .start-\[calc\(50\%-1px\)\] { inset-inline-start: calc(50% - 1px); } .end-0 { inset-inline-end: calc(var(--spacing)*0); } .end-4 { inset-inline-end: calc(var(--spacing)*4); } .end-\[calc\(-50\%\+16px\)\] { inset-inline-end: calc(-50% + 16px); } .end-\[calc\(-50\%\+20px\)\] { inset-inline-end: calc(-50% + 20px); } .end-\[calc\(-50\%\+28px\)\] { inset-inline-end: calc(-50% + 28px); } .end-\[calc\(-50\%\+32px\)\] { inset-inline-end: calc(-50% + 32px); } .end-\[calc\(-50\%\+36px\)\] { inset-inline-end: calc(-50% + 36px); } .top-0 { top: calc(var(--spacing)*0); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing)*2); } .top-2\.5 { top: calc(var(--spacing)*2.5); } .top-4 { top: calc(var(--spacing)*4); } .top-6 { top: calc(var(--spacing)*6); } .top-8 { top: calc(var(--spacing)*8); } .top-\[4px\] { top: 4px; } .top-\[20px\] { top: 20px; } .top-\[30px\] { top: 30px; } .top-\[32px\] { top: 32px; } .top-\[38px\] { top: 38px; } .top-\[46px\] { top: 46px; } .top-\[50\%\] { top: 50%; } .top-\[50px\] { top: 50px; } .top-\[54px\] { top: 54px; } .top-\[62px\] { top: 62px; } .top-\[97px\] { top: 97px; } .top-\[calc\(50\%-2px\)\] { top: calc(50% - 2px); } .top-full { top: 100%; } .\!right-\[12px\] { right: 12px !important; } .\!right-\[70px\] { right: 70px !important; } .right-0 { right: calc(var(--spacing)*0); } .right-2 { right: calc(var(--spacing)*2); } .right-2\.5 { right: calc(var(--spacing)*2.5); } .right-4 { right: calc(var(--spacing)*4); } .right-6 { right: calc(var(--spacing)*6); } .right-\[10px\] { right: 10px; } .-bottom-7 { bottom: calc(var(--spacing)*-7); } .-bottom-\[10px\] { bottom: -10px; } .-bottom-px { bottom: -1px; } .bottom-0 { bottom: calc(var(--spacing)*0); } .bottom-2\.5 { bottom: calc(var(--spacing)*2.5); } .bottom-4 { bottom: calc(var(--spacing)*4); } .bottom-\[85px\] { bottom: 85px; } .\!left-4 { left: calc(var(--spacing)*4) !important; } .\!left-\[12px\] { left: 12px !important; } .\!left-\[70px\] { left: 70px !important; } .left-\(--reka-navigation-menu-viewport-left\) { left: var(--reka-navigation-menu-viewport-left); } .left-0 { left: calc(var(--spacing)*0); } .left-1\/2 { left: 50%; } .left-4 { left: calc(var(--spacing)*4); } .left-\[0\] { left: 0px; } .left-\[1px\] { left: 1px; } .left-\[20\%\] { left: 20%; } .isolate { isolation: isolate; } .z-\(--index\) { z-index: var(--index); } .z-1 { z-index: 1; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[100\] { z-index: 100; } .z-\[102\] { z-index: 102; } .z-\[1002\] { z-index: 1002; } .z-\[1000000\] { z-index: 1000000; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-8 { grid-column: span 8 / span 8; } .col-span-12 { grid-column: span 12 / span 12; } .col-start-1 { grid-column-start: 1; } .row-start-1 { grid-row-start: 1; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .m-0 { margin: calc(var(--spacing)*0); } .m-0\.5 { margin: calc(var(--spacing)*.5); } .m-3 { margin: calc(var(--spacing)*3); } .m-4 { margin: calc(var(--spacing)*4); } .-mx-1 { margin-inline: calc(var(--spacing)*-1); } .-mx-2 { margin-inline: calc(var(--spacing)*-2); } .-mx-2\.5 { margin-inline: calc(var(--spacing)*-2.5); } .mx-0 { margin-inline: calc(var(--spacing)*0); } .mx-0\.5 { margin-inline: calc(var(--spacing)*.5); } .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-1 { margin-block: calc(var(--spacing)*-1); } .my-1 { margin-block: calc(var(--spacing)*1); } .my-2 { margin-block: calc(var(--spacing)*2); } .my-3 { margin-block: calc(var(--spacing)*3); } .my-4 { margin-block: calc(var(--spacing)*4); } .my-12 { margin-block: calc(var(--spacing)*12); } .-ms-4 { margin-inline-start: calc(var(--spacing)*-4); } .-ms-px { margin-inline-start: -1px; } .ms-2 { margin-inline-start: calc(var(--spacing)*2); } .ms-4\.5 { margin-inline-start: calc(var(--spacing)*4.5); } .ms-5 { margin-inline-start: calc(var(--spacing)*5); } .ms-auto { margin-inline-start: auto; } .-me-0\.5 { margin-inline-end: calc(var(--spacing)*-.5); } .-me-1\.5 { margin-inline-end: calc(var(--spacing)*-1.5); } .-me-2 { margin-inline-end: calc(var(--spacing)*-2); } .me-2 { margin-inline-end: calc(var(--spacing)*2); } .-mt-4 { margin-top: calc(var(--spacing)*-4); } .mt-0 { margin-top: calc(var(--spacing)*0); } .mt-1 { margin-top: calc(var(--spacing)*1); } .mt-1\.5 { margin-top: calc(var(--spacing)*1.5); } .mt-2 { margin-top: calc(var(--spacing)*2); } .mt-2\.5 { margin-top: calc(var(--spacing)*2.5); } .mt-3 { margin-top: calc(var(--spacing)*3); } .mt-3\.5 { margin-top: calc(var(--spacing)*3.5); } .mt-4 { margin-top: calc(var(--spacing)*4); } .mt-5 { margin-top: calc(var(--spacing)*5); } .mt-6 { margin-top: calc(var(--spacing)*6); } .mt-7 { margin-top: calc(var(--spacing)*7); } .mt-8 { margin-top: calc(var(--spacing)*8); } .mt-24 { margin-top: calc(var(--spacing)*24); } .mt-\[-23px\] { margin-top: -23px; } .mt-auto { margin-top: auto; } .\!mr-4 { margin-right: calc(var(--spacing)*4) !important; } .mr-0\.5 { margin-right: calc(var(--spacing)*.5); } .mr-1 { margin-right: calc(var(--spacing)*1); } .mr-2 { margin-right: calc(var(--spacing)*2); } .mr-3 { margin-right: calc(var(--spacing)*3); } .mr-4 { margin-right: calc(var(--spacing)*4); } .mr-5 { margin-right: calc(var(--spacing)*5); } .mr-7 { margin-right: calc(var(--spacing)*7); } .mr-8 { margin-right: calc(var(--spacing)*8); } .mr-10 { margin-right: calc(var(--spacing)*10); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing)*0); } .mb-1 { margin-bottom: calc(var(--spacing)*1); } .mb-2 { margin-bottom: calc(var(--spacing)*2); } .mb-3 { margin-bottom: calc(var(--spacing)*3); } .mb-4 { margin-bottom: calc(var(--spacing)*4); } .mb-5 { margin-bottom: calc(var(--spacing)*5); } .mb-6 { margin-bottom: calc(var(--spacing)*6); } .mb-10 { margin-bottom: calc(var(--spacing)*10); } .mb-12 { margin-bottom: calc(var(--spacing)*12); } .mb-24 { margin-bottom: calc(var(--spacing)*24); } .mb-auto { margin-bottom: auto; } .\!ml-4 { margin-left: calc(var(--spacing)*4) !important; } .ml-0\.5 { margin-left: calc(var(--spacing)*.5); } .ml-1 { margin-left: calc(var(--spacing)*1); } .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-6 { margin-left: calc(var(--spacing)*6); } .ml-9 { margin-left: calc(var(--spacing)*9); } .\!flex { display: flex !important; } .\!hidden { display: none !important; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .table-cell { display: table-cell; } .table-row { display: table-row; } .\!size-6 { height: calc(var(--spacing)*6) !important; width: calc(var(--spacing)*6) !important; } .\!size-8 { height: calc(var(--spacing)*8) !important; width: calc(var(--spacing)*8) !important; } .size-2\.5 { height: calc(var(--spacing)*2.5); width: calc(var(--spacing)*2.5); } .size-3 { height: calc(var(--spacing)*3); width: calc(var(--spacing)*3); } .size-3\.5 { height: calc(var(--spacing)*3.5); width: calc(var(--spacing)*3.5); } .size-4 { height: calc(var(--spacing)*4); width: calc(var(--spacing)*4); } .size-4\.5 { height: calc(var(--spacing)*4.5); width: calc(var(--spacing)*4.5); } .size-5 { height: calc(var(--spacing)*5); width: calc(var(--spacing)*5); } .size-6 { height: calc(var(--spacing)*6); width: calc(var(--spacing)*6); } .size-7 { height: calc(var(--spacing)*7); width: calc(var(--spacing)*7); } .size-8 { height: calc(var(--spacing)*8); width: calc(var(--spacing)*8); } .size-9 { height: calc(var(--spacing)*9); width: calc(var(--spacing)*9); } .size-10 { height: calc(var(--spacing)*10); width: calc(var(--spacing)*10); } .size-10\/12 { height: 83.3333%; width: 83.3333%; } .size-11 { height: calc(var(--spacing)*11); width: calc(var(--spacing)*11); } .size-12 { height: calc(var(--spacing)*12); width: calc(var(--spacing)*12); } .size-14 { height: calc(var(--spacing)*14); width: calc(var(--spacing)*14); } .size-full { height: 100%; width: 100%; } .\!h-1\.5 { height: calc(var(--spacing)*1.5) !important; } .\!h-12 { height: calc(var(--spacing)*12) !important; } .\!h-\[40px\] { height: 40px !important; } .h-\(--reka-navigation-menu-viewport-height\) { height: var(--reka-navigation-menu-viewport-height); } .h-\(--reka-tabs-indicator-size\) { height: var(--reka-tabs-indicator-size); } .h-0\.5 { height: calc(var(--spacing)*.5); } .h-1 { height: calc(var(--spacing)*1); } .h-2 { height: calc(var(--spacing)*2); } .h-2\.5 { height: calc(var(--spacing)*2.5); } .h-3 { height: calc(var(--spacing)*3); } .h-4 { height: calc(var(--spacing)*4); } .h-5 { height: calc(var(--spacing)*5); } .h-6 { height: calc(var(--spacing)*6); } .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-20 { height: calc(var(--spacing)*20); } .h-32 { height: calc(var(--spacing)*32); } .h-38 { height: calc(var(--spacing)*38); } .h-40 { height: calc(var(--spacing)*40); } .h-42 { height: calc(var(--spacing)*42); } .h-44 { height: calc(var(--spacing)*44); } .h-46 { height: calc(var(--spacing)*46); } .h-64 { height: calc(var(--spacing)*64); } .h-\[4px\] { height: 4px; } .h-\[5px\] { height: 5px; } .h-\[6px\] { height: 6px; } .h-\[7px\] { height: 7px; } .h-\[8px\] { height: 8px; } .h-\[9px\] { height: 9px; } .h-\[10px\] { height: 10px; } .h-\[11px\] { height: 11px; } .h-\[12px\] { height: 12px; } .h-\[13px\] { height: 13px; } .h-\[16px\] { height: 16px; } .h-\[20px\] { height: 20px; } .h-\[22px\] { height: 22px; } .h-\[24px\] { height: 24px; } .h-\[25\.5px\] { height: 25.5px; } .h-\[25px\] { height: 25px; } .h-\[26px\] { height: 26px; } .h-\[28px\] { height: 28px; } .h-\[30px\] { height: 30px; } .h-\[32px\] { height: 32px; } .h-\[34px\] { height: 34px; } .h-\[35px\] { height: 35px; } .h-\[36px\] { height: 36px; } .h-\[40px\] { height: 40px; } .h-\[44px\] { height: 44px; } .h-\[46px\] { height: 46px; } .h-\[50px\] { height: 50px; } .h-\[52px\] { height: 52px; } .h-\[64px\] { height: 64px; } .h-\[78px\] { height: 78px; } .h-\[80px\] { height: 80px; } .h-\[112px\] { height: 112px; } .h-\[150px\] { height: 150px; } .h-\[160px\] { height: 160px; } .h-\[200px\] { height: 200px; } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-10 { max-height: calc(var(--spacing)*10); } .max-h-60 { max-height: calc(var(--spacing)*60); } .max-h-\[25px\] { max-height: 25px; } .max-h-\[96\%\] { max-height: 96%; } .max-h-\[500px\] { max-height: 500px; } .max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100vh-72px\)\] { max-height: calc(-72px + 100vh); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing)*0); } .min-h-6 { min-height: calc(var(--spacing)*6); } .min-h-9 { min-height: calc(var(--spacing)*9); } .min-h-16 { min-height: calc(var(--spacing)*16); } .min-h-\[36px\] { min-height: 36px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[75px\] { min-height: 75px; } .min-h-\[500px\] { min-height: 500px; } .min-h-screen { min-height: 100vh; } .\!w-1\.5 { width: calc(var(--spacing)*1.5) !important; } .\!w-12 { width: calc(var(--spacing)*12) !important; } .\!w-\[11\%\] { width: 11% !important; } .\!w-\[40px\] { width: 40px !important; } .w-\(--reka-combobox-trigger-width\) { width: var(--reka-combobox-trigger-width); } .w-\(--reka-navigation-menu-indicator-size\) { width: var(--reka-navigation-menu-indicator-size); } .w-\(--reka-select-trigger-width\) { width: var(--reka-select-trigger-width); } .w-\(--reka-tabs-indicator-size\) { width: var(--reka-tabs-indicator-size); } .w-0 { width: calc(var(--spacing)*0); } .w-0\.5 { width: calc(var(--spacing)*.5); } .w-1 { width: calc(var(--spacing)*1); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-1\/4 { width: 25%; } .w-2 { width: calc(var(--spacing)*2); } .w-2\.5 { width: calc(var(--spacing)*2.5); } .w-3 { width: calc(var(--spacing)*3); } .w-4 { width: calc(var(--spacing)*4); } .w-5 { width: calc(var(--spacing)*5); } .w-5\/12 { width: 41.6667%; } .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-16 { width: calc(var(--spacing)*16); } .w-20 { width: calc(var(--spacing)*20); } .w-28 { width: calc(var(--spacing)*28); } .w-30 { width: calc(var(--spacing)*30); } .w-32 { width: calc(var(--spacing)*32); } .w-38 { width: calc(var(--spacing)*38); } .w-40 { width: calc(var(--spacing)*40); } .w-42 { width: calc(var(--spacing)*42); } .w-44 { width: calc(var(--spacing)*44); } .w-46 { width: calc(var(--spacing)*46); } .w-48 { width: calc(var(--spacing)*48); } .w-60 { width: calc(var(--spacing)*60); } .w-64 { width: calc(var(--spacing)*64); } .w-\[5\%\] { width: 5%; } .w-\[6px\] { width: 6px; } .w-\[7px\] { width: 7px; } .w-\[8px\] { width: 8px; } .w-\[9px\] { width: 9px; } .w-\[10\%\] { width: 10%; } .w-\[10px\] { width: 10px; } .w-\[15\%\] { width: 15%; } .w-\[16px\] { width: 16px; } .w-\[17\%\] { width: 17%; } .w-\[20\%\] { width: 20%; } .w-\[20px\] { width: 20px; } .w-\[22px\] { width: 22px; } .w-\[24px\] { width: 24px; } .w-\[25\%\] { width: 25%; } .w-\[25\.5px\] { width: 25.5px; } .w-\[28px\] { width: 28px; } .w-\[30px\] { width: 30px; } .w-\[32px\] { width: 32px; } .w-\[35px\] { width: 35px; } .w-\[40\%\] { width: 40%; } .w-\[40px\] { width: 40px; } .w-\[50px\] { width: 50px; } .w-\[60\%\] { width: 60%; } .w-\[64px\] { width: 64px; } .w-\[68px\] { width: 68px; } .w-\[70\%\] { width: 70%; } .w-\[70px\] { width: 70px; } .w-\[74px\] { width: 74px; } .w-\[78px\] { width: 78px; } .w-\[80px\] { width: 80px; } .w-\[84px\] { width: 84px; } .w-\[90px\] { width: 90px; } .w-\[90vw\] { width: 90vw; } .w-\[92px\] { width: 92px; } .w-\[95px\] { width: 95px; } .w-\[96px\] { width: 96px; } .w-\[100\%\] { width: 100%; } .w-\[100px\] { width: 100px; } .w-\[100vw\] { width: 100vw; } .w-\[112px\] { width: 112px; } .w-\[120px\] { width: 120px; } .w-\[128px\] { width: 128px; } .w-\[135px\] { width: 135px; } .w-\[138px\] { width: 138px; } .w-\[140px\] { width: 140px; } .w-\[146px\] { width: 146px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[224px\] { width: 224px; } .w-\[250px\] { width: 250px; } .w-\[280px\] { width: 280px; } .w-\[360px\] { width: 360px; } .w-\[400px\] { width: 400px; } .w-\[426px\] { width: 426px; } .w-\[450px\] { width: 450px; } .w-\[600px\] { width: 600px; } .w-\[calc\(\.\.\.\)\] { } .w-\[calc\(17\.4\%-10px\)\] { width: calc(17.4% - 10px); } .w-\[calc\(32\.5\%-10px\)\] { width: calc(32.5% - 10px); } .w-\[calc\(100\%-2rem\)\] { width: calc(100% - 2rem); } .w-\[calc\(100vw-2rem\)\] { width: calc(-2rem + 100vw); } .w-auto { width: auto; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-\(--ui-container\) { max-width: var(--ui-container); } .max-w-\[18px\] { max-width: 18px; } .max-w-\[20px\] { max-width: 20px; } .max-w-\[25px\] { max-width: 25px; } .max-w-\[32px\] { max-width: 32px; } .max-w-\[50px\] { max-width: 50px; } .max-w-\[75px\] { max-width: 75px; } .max-w-\[80px\] { max-width: 80px; } .max-w-\[100\%\] { max-width: 100%; } .max-w-\[128px\] { max-width: 128px; } .max-w-\[138px\] { max-width: 138px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[248px\] { max-width: 248px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[425px\] { max-width: 425px; } .max-w-\[470px\] { max-width: 470px; } .max-w-\[538px\] { max-width: 538px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[980px\] { max-width: 980px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1230px\] { max-width: 1230px; } .max-w-\[calc\(17\.4\%-10px\)\] { max-width: calc(17.4% - 10px); } .max-w-\[calc\(32\.5\%-10px\)\] { max-width: calc(32.5% - 10px); } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 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; } .min-w-0 { min-width: calc(var(--spacing)*0); } .min-w-5 { min-width: calc(var(--spacing)*5); } .min-w-32 { min-width: calc(var(--spacing)*32); } .min-w-\[4px\] { min-width: 4px; } .min-w-\[5px\] { min-width: 5px; } .min-w-\[6px\] { min-width: 6px; } .min-w-\[7px\] { min-width: 7px; } .min-w-\[8px\] { min-width: 8px; } .min-w-\[9px\] { min-width: 9px; } .min-w-\[10px\] { min-width: 10px; } .min-w-\[11px\] { min-width: 11px; } .min-w-\[12px\] { min-width: 12px; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[24px\] { min-width: 24px; } .min-w-\[25px\] { min-width: 25px; } .min-w-\[30px\] { min-width: 30px; } .min-w-\[35px\] { min-width: 35px; } .min-w-\[40px\] { min-width: 40px; } .min-w-\[46px\] { min-width: 46px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[50px\] { min-width: 50px; } .min-w-\[65px\] { min-width: 65px; } .min-w-\[90px\] { min-width: 90px; } .min-w-\[95px\] { min-width: 95px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[128px\] { min-width: 128px; } .min-w-\[132px\] { min-width: 132px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-full { min-width: 100%; } .\!flex-none { flex: 0 0 auto !important; } .flex-1 { flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } .flex-none { flex: 0 0 auto; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .flex-grow, .grow { flex-grow: 1; } .basis-0 { flex-basis: calc(var(--spacing)*0); } .basis-full { flex-basis: 100%; } .border-collapse { border-collapse: collapse; } .origin-\(--reka-combobox-content-transform-origin\) { transform-origin: var(--reka-combobox-content-transform-origin); } .origin-\(--reka-context-menu-content-transform-origin\) { transform-origin: var(--reka-context-menu-content-transform-origin); } .origin-\(--reka-dropdown-menu-content-transform-origin\) { transform-origin: var(--reka-dropdown-menu-content-transform-origin); } .origin-\(--reka-popover-content-transform-origin\) { transform-origin: var(--reka-popover-content-transform-origin); } .origin-\(--reka-select-content-transform-origin\) { transform-origin: var(--reka-select-content-transform-origin); } .origin-\(--reka-tooltip-content-transform-origin\) { transform-origin: var(--reka-tooltip-content-transform-origin); } .origin-\[top_center\] { transform-origin: center top; } .-translate-x-1\/2 { --tw-translate-x: -50%; } .-translate-x-1\/2, .-translate-x-\[4px\] { translate: var(--tw-translate-x)var(--tw-translate-y); } .-translate-x-\[4px\] { --tw-translate-x: -4px; } .translate-x-\(--reka-navigation-menu-indicator-position\) { --tw-translate-x: var(--reka-navigation-menu-indicator-position); translate: var(--tw-translate-x)var(--tw-translate-y); } .translate-x-\(--reka-tabs-indicator-position\) { --tw-translate-x: var(--reka-tabs-indicator-position); translate: var(--tw-translate-x)var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: 50%; } .-translate-y-1\/2, .translate-x-1\/2 { translate: var(--tw-translate-x)var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: -50%; } .translate-y-\(--reka-tabs-indicator-position\) { --tw-translate-y: var(--reka-tabs-indicator-position); translate: var(--tw-translate-x)var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: 50%; translate: var(--tw-translate-x)var(--tw-translate-y); } .scale-80 { --tw-scale-x: 80%; --tw-scale-y: 80%; --tw-scale-z: 80%; 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,); } .transform-\(--transform\) { transform: var(--transform); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .\!cursor-pointer { cursor: pointer !important; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .scroll-py-1 { scroll-padding-block: calc(var(--spacing)*1); } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0px, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0px, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0px, 1fr)); } .grid-cols-9 { grid-template-columns: repeat(9, minmax(0px, 1fr)); } .grid-cols-11 { grid-template-columns: repeat(11, minmax(0px, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .grid-cols-\[auto_auto\] { grid-template-columns: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-center { align-content: center; } .\!items-center { align-items: center !important; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .\!justify-between { justify-content: space-between !important; } .\!justify-center { justify-content: center !important; } .\!justify-end { justify-content: flex-end !important; } .\!justify-start { justify-content: flex-start !important; } .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 { gap: calc(var(--spacing)*0); } .gap-0\.5 { gap: calc(var(--spacing)*.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-2\.5 { gap: calc(var(--spacing)*2.5); } .gap-3 { gap: calc(var(--spacing)*3); } .gap-3\.5 { gap: calc(var(--spacing)*3.5); } .gap-4 { gap: calc(var(--spacing)*4); } .gap-5 { gap: calc(var(--spacing)*5); } .gap-8 { gap: calc(var(--spacing)*8); } :where(.-space-y-px > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(-1px*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(-1px*var(--tw-space-y-reverse)); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(var(--spacing)*1*var(--tw-space-y-reverse)); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(var(--spacing)*1.5*var(--tw-space-y-reverse)); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(var(--spacing)*2*var(--tw-space-y-reverse)); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(var(--spacing)*3*var(--tw-space-y-reverse)); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(var(--spacing)*4*var(--tw-space-y-reverse)); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(var(--spacing)*6*var(--tw-space-y-reverse)); } .gap-x-1 { column-gap: calc(var(--spacing)*1); } .gap-x-2 { column-gap: calc(var(--spacing)*2); } .gap-x-4 { column-gap: calc(var(--spacing)*4); } .gap-x-8 { column-gap: calc(var(--spacing)*8); } :where(.-space-x-px > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(-1px*(1 - var(--tw-space-x-reverse))); margin-inline-start: calc(-1px*var(--tw-space-x-reverse)); } :where(.space-x-1 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(var(--spacing)*1*(1 - var(--tw-space-x-reverse))); margin-inline-start: calc(var(--spacing)*1*var(--tw-space-x-reverse)); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse))); margin-inline-start: calc(var(--spacing)*2*var(--tw-space-x-reverse)); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(var(--spacing)*3*(1 - var(--tw-space-x-reverse))); margin-inline-start: calc(var(--spacing)*3*var(--tw-space-x-reverse)); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse))); margin-inline-start: calc(var(--spacing)*4*var(--tw-space-x-reverse)); } .gap-y-0\.5 { row-gap: calc(var(--spacing)*.5); } .gap-y-1 { row-gap: calc(var(--spacing)*1); } .gap-y-1\.5 { row-gap: calc(var(--spacing)*1.5); } .gap-y-2 { row-gap: calc(var(--spacing)*2); } .gap-y-3 { row-gap: calc(var(--spacing)*3); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-bottom-width: calc(1px*(1 - var(--tw-divide-y-reverse))); border-top-style: var(--tw-border-style); border-top-width: calc(1px*var(--tw-divide-y-reverse)); } :where(.divide-default > :not(:last-child)) { border-color: var(--ui-border); } :where(.divide-gray-100 > :not(:last-child)) { border-color: var(--color-gray-100); } :where(.divide-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); } :where(.divide-gray-700 > :not(:last-child)) { border-color: var(--color-gray-700); } .self-end { align-self: flex-end; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-scroll { overflow-y: scroll; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: calc(var(--ui-radius)*4); } .rounded-\[6px\] { border-radius: 6px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 3.40282e+38px; } .rounded-lg { border-radius: calc(var(--ui-radius)*2); } .rounded-md { border-radius: calc(var(--ui-radius)*1.5); } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: var(--ui-radius); } .rounded-xl { border-radius: calc(var(--ui-radius)*3); } .rounded-xs { border-radius: calc(var(--ui-radius)*.5); } .rounded-t-lg { border-top-right-radius: calc(var(--ui-radius)*2); } .rounded-l-lg, .rounded-t-lg { border-top-left-radius: calc(var(--ui-radius)*2); } .rounded-l-lg { border-bottom-left-radius: calc(var(--ui-radius)*2); } .rounded-r-lg { border-top-right-radius: calc(var(--ui-radius)*2); } .rounded-b-lg, .rounded-r-lg { border-bottom-right-radius: calc(var(--ui-radius)*2); } .rounded-b-lg { border-bottom-left-radius: calc(var(--ui-radius)*2); } .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-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-s-\[2px\] { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 2px; } .border-s-\[3px\] { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 3px; } .border-s-\[4px\] { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 4px; } .border-s-\[5px\] { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 5px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-3 { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-t-\[2px\] { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-\[3px\] { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-t-\[4px\] { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-t-\[5px\] { border-top-style: var(--tw-border-style); border-top-width: 5px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-dotted { --tw-border-style: dotted; border-style: dotted; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-\[\#2d3748\] { border-color: rgb(45, 55, 72); } .border-\[\#20ce5d\] { border-color: rgb(32, 206, 93); } .border-\[\#444\] { border-color: rgb(68, 68, 68); } .border-\[\#52525d\] { border-color: rgb(82, 82, 93); } .border-\[\#808080\] { border-color: gray; } .border-back { border-color: var(--ui-back); } .border-back1 { border-color: var(--ui-back1); } .border-back2 { border-color: var(--ui-back2); } .border-back3 { border-color: var(--ui-back3); } .border-back4 { border-color: var(--ui-back4); } .border-back5 { border-color: var(--ui-back5); } .border-bg { border-color: var(--ui-bg); } .border-blue2 { border-color: var(--ui-blue2); } .border-border { border-color: var(--ui-border); } .border-border1 { border-color: var(--ui-border1); } .border-border2 { border-color: var(--ui-border2); } .border-de { border-color: var(--ui-de); } .border-default { border-color: var(--ui-border); } .border-default2 { border-color: var(--ui-default2); } .border-error { border-color: var(--ui-error); } .border-gray-200 { border-color: var(--color-gray-200); } .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-600 { border-color: var(--color-gray-600); } .border-gray-700 { border-color: var(--color-gray-700); } .border-green2 { border-color: var(--ui-green2); } .border-green3 { border-color: var(--ui-green3); } .border-grey { border-color: var(--ui-grey); } .border-muted { border-color: var(--ui-border-muted); } .border-opposite { border-color: var(--ui-opposite); } .border-primary { border-color: var(--ui-primary); } .border-primary2 { border-color: var(--ui-primary2); } .border-red2 { border-color: var(--ui-red2); } .border-transparent { border-color: rgba(0, 0, 0, 0); } .border-white { border-color: var(--color-white); } .border-l-\[\#52525d\] { border-left-color: rgb(82, 82, 93); } .\!bg-\[\#292d2e\] { background-color: rgb(41, 45, 46) !important; } .\!bg-\[\#232626\] { background-color: rgb(35, 38, 38) !important; } .\!bg-accented { background-color: var(--ui-bg-accented) !important; } .\!bg-back1 { background-color: var(--ui-back1) !important; } .\!bg-black { background-color: var(--color-black) !important; } .\!bg-primary { background-color: var(--ui-primary) !important; } .\!bg-transparent { background-color: rgba(0, 0, 0, 0) !important; } .bg-\[\#0a0a0a\] { background-color: rgb(10, 10, 10); } .bg-\[\#0c0d0f\] { background-color: rgb(12, 13, 15); } .bg-\[\#000\] { background-color: rgb(0, 0, 0); } .bg-\[\#1e1e1e\] { background-color: rgb(30, 30, 30); } .bg-\[\#1f1f1f\] { background-color: rgb(31, 31, 31); } .bg-\[\#3a4142\] { background-color: rgb(58, 65, 66); } .bg-\[\#5a6472\] { background-color: rgb(90, 100, 114); } .bg-\[\#110e0f\] { background-color: rgb(17, 14, 15); } .bg-\[\#111\] { background-color: rgb(17, 17, 17); } .bg-\[\#272c3b\] { background-color: rgb(39, 44, 59); } .bg-\[\#292d2e\] { background-color: rgb(41, 45, 46); } .bg-\[\#292f2f\] { background-color: rgb(41, 47, 47); } .bg-\[\#353f4c\] { background-color: rgb(53, 63, 76); } .bg-\[\#39414e\] { background-color: rgb(57, 65, 78); } .bg-\[\#91929e\] { background-color: rgb(145, 146, 158); } .bg-\[\#141414\] { background-color: rgb(20, 20, 20); } .bg-\[\#232626\] { background-color: rgb(35, 38, 38); } .bg-\[\#323738\] { background-color: rgb(50, 55, 56); } .bg-accented { background-color: var(--ui-bg-accented); } .bg-back, .bg-back\/10 { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .bg-back\/10 { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .bg-back1, .bg-back1\/10 { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .bg-back1\/10 { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .bg-back1\/50 { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .bg-back1\/50 { background-color: color-mix(in oklab,var(--ui-back1)50%,transparent); } } .bg-back2, .bg-back2\/10 { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .bg-back2\/10 { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .bg-back3, .bg-back3\/10 { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .bg-back3\/10 { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .bg-back4, .bg-back4\/10 { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .bg-back4\/10 { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .bg-back5, .bg-back5\/10 { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .bg-back5\/10 { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .bg-bg { background-color: var(--ui-bg); } .bg-bg\/10 { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .bg-bg\/10 { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/40 { background-color: rgba(0, 0, 0, 0.4); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/40 { background-color: color-mix(in oklab,var(--color-black)40%,transparent); } } .bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/70 { background-color: color-mix(in oklab,var(--color-black)70%,transparent); } } .bg-black\/80 { background-color: rgba(0, 0, 0, 0.8); } @supports (color:color-mix(in lab,red,red)) { .bg-black\/80 { background-color: color-mix(in oklab,var(--color-black)80%,transparent); } } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue2, .bg-blue2\/10 { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .bg-blue2\/10 { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .bg-border, .bg-border\/10 { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .bg-border\/10 { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .bg-border1, .bg-border1\/10 { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .bg-border1\/10 { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .bg-border2, .bg-border2\/10 { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .bg-border2\/10 { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .bg-de, .bg-de\/10 { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .bg-de\/10 { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .bg-default { background-color: var(--ui-bg); } .bg-default\/10 { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .bg-default\/10 { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .bg-default\/75 { background-color: rgba(41, 45, 46, 0.75); } @supports (color:color-mix(in lab,red,red)) { .bg-default\/75 { background-color: color-mix(in oklab,var(--ui-bg)75%,transparent); } } .bg-default2, .bg-default2\/10 { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .bg-default2\/10 { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .bg-elevated { background-color: var(--ui-bg-elevated); } .bg-elevated\/50 { background-color: rgba(50, 55, 56, 0.5); } @supports (color:color-mix(in lab,red,red)) { .bg-elevated\/50 { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } .bg-elevated\/75 { background-color: rgba(50, 55, 56, 0.75); } @supports (color:color-mix(in lab,red,red)) { .bg-elevated\/75 { background-color: color-mix(in oklab,var(--ui-bg-elevated)75%,transparent); } } .bg-error, .bg-error\/10 { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .bg-error\/10 { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300\/70 { background-color: rgba(209, 213, 220, 0.7); } @supports (color:color-mix(in lab,red,red)) { .bg-gray-300\/70 { background-color: color-mix(in oklab,var(--color-gray-300)70%,transparent); } } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green2, .bg-green2\/10 { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .bg-green2\/10 { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .bg-green3, .bg-green3\/10 { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .bg-green3\/10 { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .bg-grey, .bg-grey\/10 { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .bg-grey\/10 { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .bg-inverted { background-color: var(--ui-bg-inverted); } .bg-opposite, .bg-opposite\/10 { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .bg-opposite\/10 { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .bg-primary, .bg-primary\/10 { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .bg-primary\/10 { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .bg-primary2, .bg-primary2\/10 { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .bg-primary2\/10 { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .bg-red2, .bg-red2\/10 { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .bg-red2\/10 { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .bg-transparent { background-color: rgba(0, 0, 0, 0); } .bg-white { background-color: var(--color-white); } .fill-default { fill: var(--ui-border); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .\!p-0 { padding: calc(var(--spacing)*0) !important; } .\!p-1 { padding: calc(var(--spacing)*1) !important; } .p-0 { padding: calc(var(--spacing)*0); } .p-0\.5 { padding: calc(var(--spacing)*.5); } .p-1 { padding: calc(var(--spacing)*1); } .p-1\.5 { padding: calc(var(--spacing)*1.5); } .p-2 { padding: calc(var(--spacing)*2); } .p-2\.5 { padding: calc(var(--spacing)*2.5); } .p-3 { padding: calc(var(--spacing)*3); } .p-3\.5 { padding: calc(var(--spacing)*3.5); } .p-4 { padding: calc(var(--spacing)*4); } .p-4\.5 { padding: calc(var(--spacing)*4.5); } .p-6 { padding: calc(var(--spacing)*6); } .\!px-0 { padding-inline: calc(var(--spacing)*0) !important; } .\!px-1 { padding-inline: calc(var(--spacing)*1) !important; } .\!px-5 { padding-inline: calc(var(--spacing)*5) !important; } .px-0 { padding-inline: calc(var(--spacing)*0); } .px-0\.5 { padding-inline: calc(var(--spacing)*.5); } .px-1 { padding-inline: calc(var(--spacing)*1); } .px-1\.5 { padding-inline: calc(var(--spacing)*1.5); } .px-2 { padding-inline: calc(var(--spacing)*2); } .px-2\.5 { padding-inline: calc(var(--spacing)*2.5); } .px-3 { padding-inline: calc(var(--spacing)*3); } .px-4 { padding-inline: calc(var(--spacing)*4); } .px-6 { padding-inline: calc(var(--spacing)*6); } .px-7 { padding-inline: calc(var(--spacing)*7); } .px-8 { padding-inline: calc(var(--spacing)*8); } .px-9 { padding-inline: calc(var(--spacing)*9); } .px-10 { padding-inline: calc(var(--spacing)*10); } .px-11 { padding-inline: calc(var(--spacing)*11); } .\!py-1 { padding-block: calc(var(--spacing)*1) !important; } .\!py-2 { padding-block: calc(var(--spacing)*2) !important; } .py-0 { padding-block: calc(var(--spacing)*0); } .py-0\.5 { padding-block: calc(var(--spacing)*.5); } .py-1 { padding-block: calc(var(--spacing)*1); } .py-1\.5 { padding-block: calc(var(--spacing)*1.5); } .py-2 { padding-block: calc(var(--spacing)*2); } .py-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-6 { padding-block: calc(var(--spacing)*6); } .py-8 { padding-block: calc(var(--spacing)*8); } .py-10 { padding-block: calc(var(--spacing)*10); } .ps-1 { padding-inline-start: calc(var(--spacing)*1); } .ps-1\.5 { padding-inline-start: calc(var(--spacing)*1.5); } .ps-2 { padding-inline-start: calc(var(--spacing)*2); } .ps-2\.5 { padding-inline-start: calc(var(--spacing)*2.5); } .ps-3 { padding-inline-start: calc(var(--spacing)*3); } .ps-4 { padding-inline-start: calc(var(--spacing)*4); } .ps-7 { padding-inline-start: calc(var(--spacing)*7); } .ps-8 { padding-inline-start: calc(var(--spacing)*8); } .ps-9 { padding-inline-start: calc(var(--spacing)*9); } .ps-10 { padding-inline-start: calc(var(--spacing)*10); } .ps-11 { padding-inline-start: calc(var(--spacing)*11); } .ps-12 { padding-inline-start: calc(var(--spacing)*12); } .ps-23 { padding-inline-start: calc(var(--spacing)*23); } .pe-1 { padding-inline-end: calc(var(--spacing)*1); } .pe-2 { padding-inline-end: calc(var(--spacing)*2); } .pe-2\.5 { padding-inline-end: calc(var(--spacing)*2.5); } .pe-3 { padding-inline-end: calc(var(--spacing)*3); } .pe-7 { padding-inline-end: calc(var(--spacing)*7); } .pe-8 { padding-inline-end: calc(var(--spacing)*8); } .pe-9 { padding-inline-end: calc(var(--spacing)*9); } .pe-10 { padding-inline-end: calc(var(--spacing)*10); } .pe-11 { padding-inline-end: calc(var(--spacing)*11); } .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-4 { padding-top: calc(var(--spacing)*4); } .pr-0\.5 { padding-right: calc(var(--spacing)*.5); } .pr-1 { padding-right: calc(var(--spacing)*1); } .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-10 { padding-right: calc(var(--spacing)*10); } .pb-0 { padding-bottom: calc(var(--spacing)*0); } .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-3\.5 { padding-bottom: calc(var(--spacing)*3.5); } .pb-4 { padding-bottom: calc(var(--spacing)*4); } .pb-\[80px\] { padding-bottom: 80px; } .pl-1 { padding-left: calc(var(--spacing)*1); } .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); } .\!text-center { text-align: center !important; } .\!text-left { text-align: left !important; } .\!text-right { text-align: right !important; } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-sans { font-family: var(--font-sans); } .\!text-sm { font-size: var(--text-sm) !important; line-height: var(--tw-leading,var(--text-sm--line-height)) !important; } .\!text-xs { font-size: var(--text-xs) !important; line-height: var(--tw-leading,var(--text-xs--line-height)) !important; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height)); } .text-\[8px\]\/3 { font-size: 8px; line-height: calc(var(--spacing)*3); } .text-\[10px\]\/3 { font-size: 10px; line-height: calc(var(--spacing)*3); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading,var(--text-xl--line-height)); } .text-xs { line-height: var(--tw-leading,var(--text-xs--line-height)); } .text-xs, .text-xs\/5 { font-size: var(--text-xs); } .text-xs\/5 { line-height: calc(var(--spacing)*5); } .\!text-\[11px\] { font-size: 11px !important; } .\!text-\[24px\] { font-size: 24px !important; } .text-\[0\.5rem\] { font-size: 0.5rem; } .text-\[4px\] { font-size: 4px; } .text-\[5px\] { font-size: 5px; } .text-\[6px\] { font-size: 6px; } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[20px\] { font-size: 20px; } .text-\[22px\] { font-size: 22px; } .text-\[32px\] { font-size: 32px; } .leading-6 { --tw-leading: calc(var(--spacing)*6); line-height: calc(var(--spacing)*6); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .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-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\!tracking-\[\.1rem\] { --tw-tracking: .1rem !important; letter-spacing: 0.1rem !important; } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .\!text-\[\#fff\] { color: rgb(255, 255, 255) !important; } .\!text-white { color: var(--color-white) !important; } .text-\[\#20ce5d\] { color: rgb(32, 206, 93); } .text-\[\#aaaaaa\] { color: rgb(170, 170, 170); } .text-\[\#ccc\] { color: rgb(204, 204, 204); } .text-\[\#ffd200\] { color: rgb(255, 210, 0); } .text-\[\#fff\] { color: rgb(255, 255, 255); } .text-back, .text-back\/75 { color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .text-back\/75 { color: color-mix(in oklab,var(--ui-back)75%,transparent); } } .text-back1, .text-back1\/75 { color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .text-back1\/75 { color: color-mix(in oklab,var(--ui-back1)75%,transparent); } } .text-back2, .text-back2\/75 { color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .text-back2\/75 { color: color-mix(in oklab,var(--ui-back2)75%,transparent); } } .text-back3, .text-back3\/75 { color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .text-back3\/75 { color: color-mix(in oklab,var(--ui-back3)75%,transparent); } } .text-back4, .text-back4\/75 { color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .text-back4\/75 { color: color-mix(in oklab,var(--ui-back4)75%,transparent); } } .text-back5, .text-back5\/75 { color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .text-back5\/75 { color: color-mix(in oklab,var(--ui-back5)75%,transparent); } } .text-bg { color: var(--ui-bg); } .text-bg\/75 { color: rgba(41, 45, 46, 0.75); } @supports (color:color-mix(in lab,red,red)) { .text-bg\/75 { color: color-mix(in oklab,var(--ui-bg)75%,transparent); } } .text-black { color: var(--color-black); } .text-blue-300 { color: var(--color-blue-300); } .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-800 { color: var(--color-blue-800); } .text-blue2, .text-blue2\/75 { color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .text-blue2\/75 { color: color-mix(in oklab,var(--ui-blue2)75%,transparent); } } .text-border, .text-border\/75 { color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .text-border\/75 { color: color-mix(in oklab,var(--ui-border)75%,transparent); } } .text-border1, .text-border1\/75 { color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .text-border1\/75 { color: color-mix(in oklab,var(--ui-border1)75%,transparent); } } .text-border2, .text-border2\/75 { color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .text-border2\/75 { color: color-mix(in oklab,var(--ui-border2)75%,transparent); } } .text-de, .text-de\/75 { color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .text-de\/75 { color: color-mix(in oklab,var(--ui-de)75%,transparent); } } .text-default { color: var(--ui-text); } .text-default\/75 { color: rgba(255, 255, 255, 0.376); } @supports (color:color-mix(in lab,red,red)) { .text-default\/75 { color: color-mix(in oklab,var(--ui-text)75%,transparent); } } .text-default2, .text-default2\/75 { color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .text-default2\/75 { color: color-mix(in oklab,var(--ui-default2)75%,transparent); } } .text-dimmed { color: var(--ui-text-dimmed); } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-error, .text-error\/75 { color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .text-error\/75 { color: color-mix(in oklab,var(--ui-error)75%,transparent); } } .text-gray-100 { color: var(--color-gray-100); } .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-900 { color: var(--color-gray-900); } .text-green-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green2, .text-green2\/75 { color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .text-green2\/75 { color: color-mix(in oklab,var(--ui-green2)75%,transparent); } } .text-green3, .text-green3\/75 { color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .text-green3\/75 { color: color-mix(in oklab,var(--ui-green3)75%,transparent); } } .text-grey, .text-grey\/75 { color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .text-grey\/75 { color: color-mix(in oklab,var(--ui-grey)75%,transparent); } } .text-highlighted { color: var(--ui-text-highlighted); } .text-inverted { color: var(--ui-text-inverted); } .text-muted { color: var(--ui-text-muted); } .text-opposite, .text-opposite\/75 { color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .text-opposite\/75 { color: color-mix(in oklab,var(--ui-opposite)75%,transparent); } } .text-orange-400 { color: var(--color-orange-400); } .text-primary { color: var(--ui-primary); } .text-primary-400 { color: var(--color-primary-400); } .text-primary-500 { color: var(--ui-color-primary-500); } .text-primary\/75 { color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .text-primary\/75 { color: color-mix(in oklab,var(--ui-primary)75%,transparent); } } .text-primary2, .text-primary2\/75 { color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .text-primary2\/75 { color: color-mix(in oklab,var(--ui-primary2)75%,transparent); } } .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-red2, .text-red2\/75 { color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .text-red2\/75 { color: color-mix(in oklab,var(--ui-red2)75%,transparent); } } .text-white { color: var(--color-white); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .\!normal-case { text-transform: none !important; } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .opacity-0 { opacity: 0; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-85 { opacity: 0.85; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); } .shadow, .shadow-lg { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a); } .shadow-md, .shadow-none { 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; } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); } .shadow-sm, .shadow-xs { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color,#0000000d); } .ring { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); } .ring, .ring-0 { 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(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); } .ring-1, .ring-2 { 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); } .ring-3 { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .ring-\(--color-white\) { --tw-ring-color: var(--color-white); } .ring-accented { --tw-ring-color: var(--ui-border-accented); } .ring-back, .ring-back\/25 { --tw-ring-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .ring-back\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-back)25%,transparent); } } .ring-back\/50 { --tw-ring-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .ring-back\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-back)50%,transparent); } } .ring-back1, .ring-back1\/25 { --tw-ring-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .ring-back1\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-back1)25%,transparent); } } .ring-back1\/50 { --tw-ring-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .ring-back1\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-back1)50%,transparent); } } .ring-back2, .ring-back2\/25 { --tw-ring-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .ring-back2\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-back2)25%,transparent); } } .ring-back2\/50 { --tw-ring-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .ring-back2\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-back2)50%,transparent); } } .ring-back3, .ring-back3\/25 { --tw-ring-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .ring-back3\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-back3)25%,transparent); } } .ring-back3\/50 { --tw-ring-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .ring-back3\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-back3)50%,transparent); } } .ring-back4, .ring-back4\/25 { --tw-ring-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .ring-back4\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-back4)25%,transparent); } } .ring-back4\/50 { --tw-ring-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .ring-back4\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-back4)50%,transparent); } } .ring-back5, .ring-back5\/25 { --tw-ring-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .ring-back5\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-back5)25%,transparent); } } .ring-back5\/50 { --tw-ring-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .ring-back5\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-back5)50%,transparent); } } .ring-bg { --tw-ring-color: var(--ui-bg); } .ring-bg\/25 { --tw-ring-color: #292d2e40; } @supports (color:color-mix(in lab,red,red)) { .ring-bg\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-bg)25%,transparent); } } .ring-bg\/50 { --tw-ring-color: #292d2e80; } @supports (color:color-mix(in lab,red,red)) { .ring-bg\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-bg)50%,transparent); } } .ring-blue2, .ring-blue2\/25 { --tw-ring-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .ring-blue2\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-blue2)25%,transparent); } } .ring-blue2\/50 { --tw-ring-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .ring-blue2\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-blue2)50%,transparent); } } .ring-border, .ring-border\/25 { --tw-ring-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .ring-border\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-border)25%,transparent); } } .ring-border\/50 { --tw-ring-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .ring-border\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-border)50%,transparent); } } .ring-border1, .ring-border1\/25 { --tw-ring-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .ring-border1\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-border1)25%,transparent); } } .ring-border1\/50 { --tw-ring-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .ring-border1\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-border1)50%,transparent); } } .ring-border2, .ring-border2\/25 { --tw-ring-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .ring-border2\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-border2)25%,transparent); } } .ring-border2\/50 { --tw-ring-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .ring-border2\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-border2)50%,transparent); } } .ring-de, .ring-de\/25 { --tw-ring-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .ring-de\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-de)25%,transparent); } } .ring-de\/50 { --tw-ring-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .ring-de\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-de)50%,transparent); } } .ring-default, .ring-default\/25 { --tw-ring-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .ring-default\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-border)25%,transparent); } } .ring-default\/50 { --tw-ring-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .ring-default\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-border)50%,transparent); } } .ring-default2, .ring-default2\/25 { --tw-ring-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .ring-default2\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-default2)25%,transparent); } } .ring-default2\/50 { --tw-ring-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .ring-default2\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-default2)50%,transparent); } } .ring-error, .ring-error\/25 { --tw-ring-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .ring-error\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-error)25%,transparent); } } .ring-error\/50 { --tw-ring-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .ring-error\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-error)50%,transparent); } } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-gray-700 { --tw-ring-color: var(--color-gray-700); } .ring-green2, .ring-green2\/25 { --tw-ring-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .ring-green2\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-green2)25%,transparent); } } .ring-green2\/50 { --tw-ring-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .ring-green2\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-green2)50%,transparent); } } .ring-green3, .ring-green3\/25 { --tw-ring-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .ring-green3\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-green3)25%,transparent); } } .ring-green3\/50 { --tw-ring-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .ring-green3\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-green3)50%,transparent); } } .ring-grey, .ring-grey\/25 { --tw-ring-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .ring-grey\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-grey)25%,transparent); } } .ring-grey\/50 { --tw-ring-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .ring-grey\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-grey)50%,transparent); } } .ring-inverted { --tw-ring-color: var(--ui-border-inverted); } .ring-opposite, .ring-opposite\/25 { --tw-ring-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .ring-opposite\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-opposite)25%,transparent); } } .ring-opposite\/50 { --tw-ring-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .ring-opposite\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-opposite)50%,transparent); } } .ring-primary, .ring-primary\/25 { --tw-ring-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .ring-primary\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-primary)25%,transparent); } } .ring-primary\/50 { --tw-ring-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .ring-primary\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-primary)50%,transparent); } } .ring-primary2, .ring-primary2\/25 { --tw-ring-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .ring-primary2\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-primary2)25%,transparent); } } .ring-primary2\/50 { --tw-ring-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .ring-primary2\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-primary2)50%,transparent); } } .ring-red2, .ring-red2\/25 { --tw-ring-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .ring-red2\/25 { --tw-ring-color: color-mix(in oklab,var(--ui-red2)25%,transparent); } } .ring-red2\/50 { --tw-ring-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .ring-red2\/50 { --tw-ring-color: color-mix(in oklab,var(--ui-red2)50%,transparent); } } .ring-transparent { --tw-ring-color: transparent; } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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 { --tw-backdrop-blur: blur(8px); } .backdrop-blur, .backdrop-blur-\[1px\] { 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-\[1px\] { --tw-backdrop-blur: blur(1px); } .transition { transition-duration: var(--tw-duration,var(--default-transition-duration)); 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-\[background\] { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: background; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .transition-\[color\,opacity\] { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: color, opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .transition-\[transform\,translate\,height\] { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: transform, translate, height; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .transition-\[translate\,width\] { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: translate, width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .transition-\[width\,height\,left\] { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: width, height, left; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .transition-\[width\] { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: width; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .transition-colors { transition-duration: var(--tw-duration,var(--default-transition-duration)); 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-opacity { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: opacity; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .transition-transform { transition-duration: var(--tw-duration,var(--default-transition-duration)); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); } .duration-200 { --tw-duration: .2s; transition-duration: 0.2s; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { user-select: none; } .ring-inset { --tw-ring-inset: inset; } .group-not-last\:group-not-first\:rounded-none:is(:where(.group):not(:last-child) *):is(:where(.group):not(:first-child) *), .not-last\:not-first\:rounded-none:not(:last-child):not(:first-child) { border-radius: 0px; } .group-not-only\:group-first\:rounded-e-none:is(:where(.group):not(:only-child) *):is(:where(.group):first-child *) { border-end-end-radius: 0px; border-start-end-radius: 0px; } .group-not-only\:group-first\:rounded-b-none:is(:where(.group):not(:only-child) *):is(:where(.group):first-child *) { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .group-not-only\:group-last\:rounded-s-none:is(:where(.group):not(:only-child) *):is(:where(.group):last-child *) { border-end-start-radius: 0px; border-start-start-radius: 0px; } .group-not-only\:group-last\:rounded-t-none:is(:where(.group):not(:only-child) *):is(:where(.group):last-child *) { border-top-left-radius: 0px; border-top-right-radius: 0px; } @media (hover: hover) { .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:hidden:is(:where(.group):hover *) { display: none; } .group-hover\:text-default:is(:where(.group):hover *) { color: var(--ui-text); } } .group-data-expanded\:rotate-180:is(:where(.group)[data-expanded] *) { rotate: 180deg; } .group-data-highlighted\:inline-flex:is(:where(.group)[data-highlighted] *) { display: inline-flex; } .group-data-highlighted\:text-back:is(:where(.group)[data-highlighted] *) { color: var(--ui-back); } .group-data-highlighted\:text-back1:is(:where(.group)[data-highlighted] *) { color: var(--ui-back1); } .group-data-highlighted\:text-back2:is(:where(.group)[data-highlighted] *) { color: var(--ui-back2); } .group-data-highlighted\:text-back3:is(:where(.group)[data-highlighted] *) { color: var(--ui-back3); } .group-data-highlighted\:text-back4:is(:where(.group)[data-highlighted] *) { color: var(--ui-back4); } .group-data-highlighted\:text-back5:is(:where(.group)[data-highlighted] *) { color: var(--ui-back5); } .group-data-highlighted\:text-bg:is(:where(.group)[data-highlighted] *) { color: var(--ui-bg); } .group-data-highlighted\:text-blue2:is(:where(.group)[data-highlighted] *) { color: var(--ui-blue2); } .group-data-highlighted\:text-border:is(:where(.group)[data-highlighted] *) { color: var(--ui-border); } .group-data-highlighted\:text-border1:is(:where(.group)[data-highlighted] *) { color: var(--ui-border1); } .group-data-highlighted\:text-border2:is(:where(.group)[data-highlighted] *) { color: var(--ui-border2); } .group-data-highlighted\:text-de:is(:where(.group)[data-highlighted] *) { color: var(--ui-de); } .group-data-highlighted\:text-default:is(:where(.group)[data-highlighted] *) { color: var(--ui-text); } .group-data-highlighted\:text-default2:is(:where(.group)[data-highlighted] *) { color: var(--ui-default2); } .group-data-highlighted\:text-error:is(:where(.group)[data-highlighted] *) { color: var(--ui-error); } .group-data-highlighted\:text-green2:is(:where(.group)[data-highlighted] *) { color: var(--ui-green2); } .group-data-highlighted\:text-green3:is(:where(.group)[data-highlighted] *) { color: var(--ui-green3); } .group-data-highlighted\:text-grey:is(:where(.group)[data-highlighted] *) { color: var(--ui-grey); } .group-data-highlighted\:text-opposite:is(:where(.group)[data-highlighted] *) { color: var(--ui-opposite); } .group-data-highlighted\:text-primary:is(:where(.group)[data-highlighted] *) { color: var(--ui-primary); } .group-data-highlighted\:text-primary2:is(:where(.group)[data-highlighted] *) { color: var(--ui-primary2); } .group-data-highlighted\:text-red2:is(:where(.group)[data-highlighted] *) { color: var(--ui-red2); } .group-data-highlighted\:not-group-data-disabled\:text-default:is(:where(.group)[data-highlighted] *):not(:is(:where(.group)[data-disabled] *)) { color: var(--ui-text); } .group-data-\[disabled\]\:opacity-75:is(:where(.group)[data-disabled] *) { opacity: 0.75; } .group-data-\[state\=active\]\:bg-back:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-back); } .group-data-\[state\=active\]\:bg-back1:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-back1); } .group-data-\[state\=active\]\:bg-back2:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-back2); } .group-data-\[state\=active\]\:bg-back3:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-back3); } .group-data-\[state\=active\]\:bg-back4:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-back4); } .group-data-\[state\=active\]\:bg-back5:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-back5); } .group-data-\[state\=active\]\:bg-bg:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-bg); } .group-data-\[state\=active\]\:bg-blue2:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-blue2); } .group-data-\[state\=active\]\:bg-border:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-border); } .group-data-\[state\=active\]\:bg-border1:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-border1); } .group-data-\[state\=active\]\:bg-border2:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-border2); } .group-data-\[state\=active\]\:bg-de:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-de); } .group-data-\[state\=active\]\:bg-default:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-bg); } .group-data-\[state\=active\]\:bg-default2:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-default2); } .group-data-\[state\=active\]\:bg-error:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-error); } .group-data-\[state\=active\]\:bg-green2:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-green2); } .group-data-\[state\=active\]\:bg-green3:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-green3); } .group-data-\[state\=active\]\:bg-grey:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-grey); } .group-data-\[state\=active\]\:bg-inverted:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-bg-inverted); } .group-data-\[state\=active\]\:bg-opposite:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-opposite); } .group-data-\[state\=active\]\:bg-primary:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-primary); } .group-data-\[state\=active\]\:bg-primary2:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-primary2); } .group-data-\[state\=active\]\:bg-red2:is(:where(.group)[data-state="active"] *) { background-color: var(--ui-red2); } .group-data-\[state\=active\]\:text-inverted:is(:where(.group)[data-state="active"] *) { color: var(--ui-text-inverted); } .group-data-\[state\=checked\]\:text-back:is(:where(.group)[data-state="checked"] *) { color: var(--ui-back); } .group-data-\[state\=checked\]\:text-back1:is(:where(.group)[data-state="checked"] *) { color: var(--ui-back1); } .group-data-\[state\=checked\]\:text-back2:is(:where(.group)[data-state="checked"] *) { color: var(--ui-back2); } .group-data-\[state\=checked\]\:text-back3:is(:where(.group)[data-state="checked"] *) { color: var(--ui-back3); } .group-data-\[state\=checked\]\:text-back4:is(:where(.group)[data-state="checked"] *) { color: var(--ui-back4); } .group-data-\[state\=checked\]\:text-back5:is(:where(.group)[data-state="checked"] *) { color: var(--ui-back5); } .group-data-\[state\=checked\]\:text-bg:is(:where(.group)[data-state="checked"] *) { color: var(--ui-bg); } .group-data-\[state\=checked\]\:text-blue2:is(:where(.group)[data-state="checked"] *) { color: var(--ui-blue2); } .group-data-\[state\=checked\]\:text-border:is(:where(.group)[data-state="checked"] *) { color: var(--ui-border); } .group-data-\[state\=checked\]\:text-border1:is(:where(.group)[data-state="checked"] *) { color: var(--ui-border1); } .group-data-\[state\=checked\]\:text-border2:is(:where(.group)[data-state="checked"] *) { color: var(--ui-border2); } .group-data-\[state\=checked\]\:text-de:is(:where(.group)[data-state="checked"] *) { color: var(--ui-de); } .group-data-\[state\=checked\]\:text-default:is(:where(.group)[data-state="checked"] *) { color: var(--ui-text); } .group-data-\[state\=checked\]\:text-default2:is(:where(.group)[data-state="checked"] *) { color: var(--ui-default2); } .group-data-\[state\=checked\]\:text-error:is(:where(.group)[data-state="checked"] *) { color: var(--ui-error); } .group-data-\[state\=checked\]\:text-green2:is(:where(.group)[data-state="checked"] *) { color: var(--ui-green2); } .group-data-\[state\=checked\]\:text-green3:is(:where(.group)[data-state="checked"] *) { color: var(--ui-green3); } .group-data-\[state\=checked\]\:text-grey:is(:where(.group)[data-state="checked"] *) { color: var(--ui-grey); } .group-data-\[state\=checked\]\:text-highlighted:is(:where(.group)[data-state="checked"] *) { color: var(--ui-text-highlighted); } .group-data-\[state\=checked\]\:text-opposite:is(:where(.group)[data-state="checked"] *) { color: var(--ui-opposite); } .group-data-\[state\=checked\]\:text-primary:is(:where(.group)[data-state="checked"] *) { color: var(--ui-primary); } .group-data-\[state\=checked\]\:text-primary2:is(:where(.group)[data-state="checked"] *) { color: var(--ui-primary2); } .group-data-\[state\=checked\]\:text-red2:is(:where(.group)[data-state="checked"] *) { color: var(--ui-red2); } .group-data-\[state\=checked\]\:opacity-100:is(:where(.group)[data-state="checked"] *) { opacity: 1; } .group-data-\[state\=completed\]\:bg-back:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-back); } .group-data-\[state\=completed\]\:bg-back1:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-back1); } .group-data-\[state\=completed\]\:bg-back2:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-back2); } .group-data-\[state\=completed\]\:bg-back3:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-back3); } .group-data-\[state\=completed\]\:bg-back4:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-back4); } .group-data-\[state\=completed\]\:bg-back5:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-back5); } .group-data-\[state\=completed\]\:bg-bg:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-bg); } .group-data-\[state\=completed\]\:bg-blue2:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-blue2); } .group-data-\[state\=completed\]\:bg-border:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-border); } .group-data-\[state\=completed\]\:bg-border1:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-border1); } .group-data-\[state\=completed\]\:bg-border2:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-border2); } .group-data-\[state\=completed\]\:bg-de:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-de); } .group-data-\[state\=completed\]\:bg-default:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-bg); } .group-data-\[state\=completed\]\:bg-default2:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-default2); } .group-data-\[state\=completed\]\:bg-error:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-error); } .group-data-\[state\=completed\]\:bg-green2:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-green2); } .group-data-\[state\=completed\]\:bg-green3:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-green3); } .group-data-\[state\=completed\]\:bg-grey:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-grey); } .group-data-\[state\=completed\]\:bg-inverted:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-bg-inverted); } .group-data-\[state\=completed\]\:bg-opposite:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-opposite); } .group-data-\[state\=completed\]\:bg-primary:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-primary); } .group-data-\[state\=completed\]\:bg-primary2:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-primary2); } .group-data-\[state\=completed\]\:bg-red2:is(:where(.group)[data-state="completed"] *) { background-color: var(--ui-red2); } .group-data-\[state\=completed\]\:text-inverted:is(:where(.group)[data-state="completed"] *) { color: var(--ui-text-inverted); } .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } .group-data-\[state\=open\]\:text-back:is(:where(.group)[data-state="open"] *) { color: var(--ui-back); } .group-data-\[state\=open\]\:text-back1:is(:where(.group)[data-state="open"] *) { color: var(--ui-back1); } .group-data-\[state\=open\]\:text-back2:is(:where(.group)[data-state="open"] *) { color: var(--ui-back2); } .group-data-\[state\=open\]\:text-back3:is(:where(.group)[data-state="open"] *) { color: var(--ui-back3); } .group-data-\[state\=open\]\:text-back4:is(:where(.group)[data-state="open"] *) { color: var(--ui-back4); } .group-data-\[state\=open\]\:text-back5:is(:where(.group)[data-state="open"] *) { color: var(--ui-back5); } .group-data-\[state\=open\]\:text-bg:is(:where(.group)[data-state="open"] *) { color: var(--ui-bg); } .group-data-\[state\=open\]\:text-blue2:is(:where(.group)[data-state="open"] *) { color: var(--ui-blue2); } .group-data-\[state\=open\]\:text-border:is(:where(.group)[data-state="open"] *) { color: var(--ui-border); } .group-data-\[state\=open\]\:text-border1:is(:where(.group)[data-state="open"] *) { color: var(--ui-border1); } .group-data-\[state\=open\]\:text-border2:is(:where(.group)[data-state="open"] *) { color: var(--ui-border2); } .group-data-\[state\=open\]\:text-de:is(:where(.group)[data-state="open"] *) { color: var(--ui-de); } .group-data-\[state\=open\]\:text-default:is(:where(.group)[data-state="open"] *) { color: var(--ui-text); } .group-data-\[state\=open\]\:text-default2:is(:where(.group)[data-state="open"] *) { color: var(--ui-default2); } .group-data-\[state\=open\]\:text-error:is(:where(.group)[data-state="open"] *) { color: var(--ui-error); } .group-data-\[state\=open\]\:text-green2:is(:where(.group)[data-state="open"] *) { color: var(--ui-green2); } .group-data-\[state\=open\]\:text-green3:is(:where(.group)[data-state="open"] *) { color: var(--ui-green3); } .group-data-\[state\=open\]\:text-grey:is(:where(.group)[data-state="open"] *) { color: var(--ui-grey); } .group-data-\[state\=open\]\:text-highlighted:is(:where(.group)[data-state="open"] *) { color: var(--ui-text-highlighted); } .group-data-\[state\=open\]\:text-opposite:is(:where(.group)[data-state="open"] *) { color: var(--ui-opposite); } .group-data-\[state\=open\]\:text-primary:is(:where(.group)[data-state="open"] *) { color: var(--ui-primary); } .group-data-\[state\=open\]\:text-primary2:is(:where(.group)[data-state="open"] *) { color: var(--ui-primary2); } .group-data-\[state\=open\]\:text-red2:is(:where(.group)[data-state="open"] *) { color: var(--ui-red2); } .group-data-\[state\=unchecked\]\:text-dimmed:is(:where(.group)[data-state="unchecked"] *) { color: var(--ui-text-dimmed); } .group-data-\[state\=unchecked\]\:opacity-100:is(:where(.group)[data-state="unchecked"] *) { opacity: 1; } .file\:me-1\.5::file-selector-button { margin-inline-end: calc(var(--spacing)*1.5); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .file\:text-muted::file-selector-button { color: var(--ui-text-muted); } .file\:outline-none::file-selector-button { --tw-outline-style: none; outline-style: none; } .placeholder\:text-dimmed::placeholder { color: var(--ui-text-dimmed); } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:inset-px::before { content: var(--tw-content); inset: 1px; } .before\:inset-x-0::before { content: var(--tw-content); inset-inline: calc(var(--spacing)*0); } .before\:inset-x-px::before { content: var(--tw-content); inset-inline: 1px; } .before\:inset-y-0::before { content: var(--tw-content); inset-block: calc(var(--spacing)*0); } .before\:inset-y-px::before { content: var(--tw-content); inset-block: 1px; } .before\:z-\[-1\]::before { content: var(--tw-content); z-index: -1; } .before\:me-0\.5::before { content: var(--tw-content); margin-inline-end: calc(var(--spacing)*.5); } .before\:rounded-md::before { border-radius: calc(var(--ui-radius)*1.5); content: var(--tw-content); } .before\:bg-back\/10::before { background-color: var(--ui-back); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-back\/10::before { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .before\:bg-back1\/10::before { background-color: var(--ui-back1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-back1\/10::before { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .before\:bg-back2\/10::before { background-color: var(--ui-back2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-back2\/10::before { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .before\:bg-back3\/10::before { background-color: var(--ui-back3); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-back3\/10::before { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .before\:bg-back4\/10::before { background-color: var(--ui-back4); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-back4\/10::before { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .before\:bg-back5\/10::before { background-color: var(--ui-back5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-back5\/10::before { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .before\:bg-bg\/10::before { background-color: rgba(41, 45, 46, 0.1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-bg\/10::before { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .before\:bg-blue2\/10::before { background-color: var(--ui-blue2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-blue2\/10::before { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .before\:bg-border\/10::before { background-color: var(--ui-border); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-border\/10::before { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .before\:bg-border1\/10::before { background-color: var(--ui-border1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-border1\/10::before { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .before\:bg-border2\/10::before { background-color: var(--ui-border2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-border2\/10::before { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .before\:bg-de\/10::before { background-color: var(--ui-de); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-de\/10::before { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .before\:bg-default\/10::before { background-color: rgba(41, 45, 46, 0.1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-default\/10::before { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .before\:bg-default2\/10::before { background-color: var(--ui-default2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-default2\/10::before { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .before\:bg-elevated::before { background-color: var(--ui-bg-elevated); content: var(--tw-content); } .before\:bg-error\/10::before { background-color: var(--ui-error); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-error\/10::before { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .before\:bg-green2\/10::before { background-color: var(--ui-green2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-green2\/10::before { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .before\:bg-green3\/10::before { background-color: var(--ui-green3); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-green3\/10::before { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .before\:bg-grey\/10::before { background-color: var(--ui-grey); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-grey\/10::before { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .before\:bg-opposite\/10::before { background-color: var(--ui-opposite); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-opposite\/10::before { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .before\:bg-primary\/10::before { background-color: var(--ui-primary); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-primary\/10::before { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .before\:bg-primary2\/10::before { background-color: var(--ui-primary2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-primary2\/10::before { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .before\:bg-red2\/10::before { background-color: var(--ui-red2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .before\:bg-red2\/10::before { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .before\:transition-colors::before { content: var(--tw-content); transition-duration: var(--tw-duration,var(--default-transition-duration)); 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)); } .before\:content-\[\'·\'\]::before { --tw-content: "·"; content: var(--tw-content); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:inset-x-0::after { content: var(--tw-content); inset-inline: calc(var(--spacing)*0); } .after\:inset-x-2\.5::after { content: var(--tw-content); inset-inline: calc(var(--spacing)*2.5); } .after\:inset-y-0\.5::after { content: var(--tw-content); inset-block: calc(var(--spacing)*.5); } .after\:-start-1\.5::after { content: var(--tw-content); inset-inline-start: calc(var(--spacing)*-1.5); } .after\:-bottom-2::after { bottom: calc(var(--spacing)*-2); content: var(--tw-content); } .after\:bottom-0::after { bottom: calc(var(--spacing)*0); content: var(--tw-content); } .after\:ms-0\.5::after { content: var(--tw-content); margin-inline-start: calc(var(--spacing)*.5); } .after\:block::after { content: var(--tw-content); display: block; } .after\:hidden::after { content: var(--tw-content); display: none; } .after\:size-1::after { content: var(--tw-content); height: calc(var(--spacing)*1); width: calc(var(--spacing)*1); } .after\:size-1\.5::after { content: var(--tw-content); height: calc(var(--spacing)*1.5); width: calc(var(--spacing)*1.5); } .after\:size-2::after { content: var(--tw-content); height: calc(var(--spacing)*2); width: calc(var(--spacing)*2); } .after\:h-px::after { content: var(--tw-content); height: 1px; } .after\:w-px::after { content: var(--tw-content); width: 1px; } .after\:animate-\[carousel-inverse_2s_ease-in-out_infinite\]::after { animation: 2s ease-in-out 0s infinite normal none running carousel-inverse; content: var(--tw-content); } .after\:animate-\[carousel_2s_ease-in-out_infinite\]::after { animation: 2s ease-in-out 0s infinite normal none running carousel; content: var(--tw-content); } .after\:animate-\[elastic_2s_ease-in-out_infinite\]::after { animation: 2s ease-in-out 0s infinite normal none running elastic; content: var(--tw-content); } .after\:animate-\[swing_2s_ease-in-out_infinite\]::after { animation: 2s ease-in-out 0s infinite normal none running swing; content: var(--tw-content); } .after\:rounded-full::after { border-radius: 3.40282e+38px; content: var(--tw-content); } .after\:bg-back::after { background-color: var(--ui-back); content: var(--tw-content); } .after\:bg-back1::after { background-color: var(--ui-back1); content: var(--tw-content); } .after\:bg-back2::after { background-color: var(--ui-back2); content: var(--tw-content); } .after\:bg-back3::after { background-color: var(--ui-back3); content: var(--tw-content); } .after\:bg-back4::after { background-color: var(--ui-back4); content: var(--tw-content); } .after\:bg-back5::after { background-color: var(--ui-back5); content: var(--tw-content); } .after\:bg-bg::after { background-color: var(--ui-bg); content: var(--tw-content); } .after\:bg-blue2::after { background-color: var(--ui-blue2); content: var(--tw-content); } .after\:bg-border::after { background-color: var(--ui-border); content: var(--tw-content); } .after\:bg-border1::after { background-color: var(--ui-border1); content: var(--tw-content); } .after\:bg-border2::after { background-color: var(--ui-border2); content: var(--tw-content); } .after\:bg-de::after { background-color: var(--ui-de); content: var(--tw-content); } .after\:bg-default::after { background-color: var(--ui-bg); content: var(--tw-content); } .after\:bg-default2::after { background-color: var(--ui-default2); content: var(--tw-content); } .after\:bg-error::after { background-color: var(--ui-error); content: var(--tw-content); } .after\:bg-green2::after { background-color: var(--ui-green2); content: var(--tw-content); } .after\:bg-green3::after { background-color: var(--ui-green3); content: var(--tw-content); } .after\:bg-grey::after { background-color: var(--ui-grey); content: var(--tw-content); } .after\:bg-inverted::after { background-color: var(--ui-bg-inverted); content: var(--tw-content); } .after\:bg-opposite::after { background-color: var(--ui-opposite); content: var(--tw-content); } .after\:bg-primary::after { background-color: var(--ui-primary); content: var(--tw-content); } .after\:bg-primary2::after { background-color: var(--ui-primary2); content: var(--tw-content); } .after\:bg-red2::after { background-color: var(--ui-red2); content: var(--tw-content); } .after\:text-error::after { color: var(--ui-error); content: var(--tw-content); } .after\:transition-colors::after { content: var(--tw-content); transition-duration: var(--tw-duration,var(--default-transition-duration)); 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)); } .after\:content-\[\'\*\'\]::after { --tw-content: "*"; content: var(--tw-content); } .first\:me-0:first-child { margin-inline-end: calc(var(--spacing)*0); } .not-only\:first\:rounded-e-none:not(:only-child):first-child { border-end-end-radius: 0px; border-start-end-radius: 0px; } .not-only\:first\:rounded-b-none:not(:only-child):first-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } .not-only\:last\:rounded-s-none:not(:only-child):last-child { border-end-start-radius: 0px; border-start-start-radius: 0px; } .not-only\:last\:rounded-t-none:not(:only-child):last-child { border-top-left-radius: 0px; border-top-right-radius: 0px; } .first-of-type\:rounded-s-lg:first-of-type { border-end-start-radius: calc(var(--ui-radius)*2); border-start-start-radius: calc(var(--ui-radius)*2); } .first-of-type\:rounded-t-lg:first-of-type { border-top-left-radius: calc(var(--ui-radius)*2); border-top-right-radius: calc(var(--ui-radius)*2); } .last-of-type\:rounded-e-lg:last-of-type { border-end-end-radius: calc(var(--ui-radius)*2); border-start-end-radius: calc(var(--ui-radius)*2); } .last-of-type\:rounded-b-lg:last-of-type { border-bottom-left-radius: calc(var(--ui-radius)*2); border-bottom-right-radius: calc(var(--ui-radius)*2); } @media (hover: hover) { .hover\:border:hover { border-style: var(--tw-border-style); border-width: 1px; } .hover\:border-primary:hover { border-color: var(--ui-primary); } .hover\:bg-\[\#20ce5d\]\/10:hover { background-color: rgba(32, 206, 93, 0.1); } .hover\:bg-accented\/75:hover { background-color: var(--ui-bg-accented); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-accented\/75:hover { background-color: color-mix(in oklab,var(--ui-bg-accented)75%,transparent); } } .hover\:bg-back\/10:hover { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back\/10:hover { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .hover\:bg-back\/15:hover { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back\/15:hover { background-color: color-mix(in oklab,var(--ui-back)15%,transparent); } } .hover\:bg-back\/75:hover { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back\/75:hover { background-color: color-mix(in oklab,var(--ui-back)75%,transparent); } } .hover\:bg-back1\/10:hover { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back1\/10:hover { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .hover\:bg-back1\/15:hover { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back1\/15:hover { background-color: color-mix(in oklab,var(--ui-back1)15%,transparent); } } .hover\:bg-back1\/75:hover { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back1\/75:hover { background-color: color-mix(in oklab,var(--ui-back1)75%,transparent); } } .hover\:bg-back2\/10:hover { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back2\/10:hover { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .hover\:bg-back2\/15:hover { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back2\/15:hover { background-color: color-mix(in oklab,var(--ui-back2)15%,transparent); } } .hover\:bg-back2\/75:hover { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back2\/75:hover { background-color: color-mix(in oklab,var(--ui-back2)75%,transparent); } } .hover\:bg-back3\/10:hover { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back3\/10:hover { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .hover\:bg-back3\/15:hover { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back3\/15:hover { background-color: color-mix(in oklab,var(--ui-back3)15%,transparent); } } .hover\:bg-back3\/75:hover { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back3\/75:hover { background-color: color-mix(in oklab,var(--ui-back3)75%,transparent); } } .hover\:bg-back4\/10:hover { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back4\/10:hover { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .hover\:bg-back4\/15:hover { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back4\/15:hover { background-color: color-mix(in oklab,var(--ui-back4)15%,transparent); } } .hover\:bg-back4\/75:hover { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back4\/75:hover { background-color: color-mix(in oklab,var(--ui-back4)75%,transparent); } } .hover\:bg-back5\/10:hover { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back5\/10:hover { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .hover\:bg-back5\/15:hover { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back5\/15:hover { background-color: color-mix(in oklab,var(--ui-back5)15%,transparent); } } .hover\:bg-back5\/75:hover { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-back5\/75:hover { background-color: color-mix(in oklab,var(--ui-back5)75%,transparent); } } .hover\:bg-bg\/10:hover { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-bg\/10:hover { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .hover\:bg-bg\/15:hover { background-color: rgba(41, 45, 46, 0.15); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-bg\/15:hover { background-color: color-mix(in oklab,var(--ui-bg)15%,transparent); } } .hover\:bg-bg\/75:hover { background-color: rgba(41, 45, 46, 0.75); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-bg\/75:hover { background-color: color-mix(in oklab,var(--ui-bg)75%,transparent); } } .hover\:bg-blue2\/10:hover { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-blue2\/10:hover { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .hover\:bg-blue2\/15:hover { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-blue2\/15:hover { background-color: color-mix(in oklab,var(--ui-blue2)15%,transparent); } } .hover\:bg-blue2\/75:hover { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-blue2\/75:hover { background-color: color-mix(in oklab,var(--ui-blue2)75%,transparent); } } .hover\:bg-border\/10:hover { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border\/10:hover { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .hover\:bg-border\/15:hover { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border\/15:hover { background-color: color-mix(in oklab,var(--ui-border)15%,transparent); } } .hover\:bg-border\/75:hover { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border\/75:hover { background-color: color-mix(in oklab,var(--ui-border)75%,transparent); } } .hover\:bg-border1\/10:hover { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border1\/10:hover { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .hover\:bg-border1\/15:hover { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border1\/15:hover { background-color: color-mix(in oklab,var(--ui-border1)15%,transparent); } } .hover\:bg-border1\/75:hover { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border1\/75:hover { background-color: color-mix(in oklab,var(--ui-border1)75%,transparent); } } .hover\:bg-border2\/10:hover { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border2\/10:hover { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .hover\:bg-border2\/15:hover { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border2\/15:hover { background-color: color-mix(in oklab,var(--ui-border2)15%,transparent); } } .hover\:bg-border2\/75:hover { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-border2\/75:hover { background-color: color-mix(in oklab,var(--ui-border2)75%,transparent); } } .hover\:bg-de\/10:hover { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-de\/10:hover { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .hover\:bg-de\/15:hover { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-de\/15:hover { background-color: color-mix(in oklab,var(--ui-de)15%,transparent); } } .hover\:bg-de\/75:hover { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-de\/75:hover { background-color: color-mix(in oklab,var(--ui-de)75%,transparent); } } .hover\:bg-default\/10:hover { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-default\/10:hover { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .hover\:bg-default\/15:hover { background-color: rgba(41, 45, 46, 0.15); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-default\/15:hover { background-color: color-mix(in oklab,var(--ui-bg)15%,transparent); } } .hover\:bg-default\/75:hover { background-color: rgba(41, 45, 46, 0.75); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-default\/75:hover { background-color: color-mix(in oklab,var(--ui-bg)75%,transparent); } } .hover\:bg-default2\/10:hover { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-default2\/10:hover { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .hover\:bg-default2\/15:hover { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-default2\/15:hover { background-color: color-mix(in oklab,var(--ui-default2)15%,transparent); } } .hover\:bg-default2\/75:hover { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-default2\/75:hover { background-color: color-mix(in oklab,var(--ui-default2)75%,transparent); } } .hover\:bg-elevated:hover { background-color: var(--ui-bg-elevated); } .hover\:bg-error\/10:hover { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-error\/10:hover { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .hover\:bg-error\/15:hover { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-error\/15:hover { background-color: color-mix(in oklab,var(--ui-error)15%,transparent); } } .hover\:bg-error\/75:hover { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-error\/75:hover { background-color: color-mix(in oklab,var(--ui-error)75%,transparent); } } .hover\:bg-gray-50\/75:hover { background-color: rgba(249, 250, 251, 0.75); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-gray-50\/75:hover { background-color: color-mix(in oklab,var(--color-gray-50)75%,transparent); } } .hover\:bg-green2\/10:hover { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-green2\/10:hover { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .hover\:bg-green2\/15:hover { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-green2\/15:hover { background-color: color-mix(in oklab,var(--ui-green2)15%,transparent); } } .hover\:bg-green2\/75:hover { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-green2\/75:hover { background-color: color-mix(in oklab,var(--ui-green2)75%,transparent); } } .hover\:bg-green3\/10:hover { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-green3\/10:hover { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .hover\:bg-green3\/15:hover { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-green3\/15:hover { background-color: color-mix(in oklab,var(--ui-green3)15%,transparent); } } .hover\:bg-green3\/75:hover { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-green3\/75:hover { background-color: color-mix(in oklab,var(--ui-green3)75%,transparent); } } .hover\:bg-grey\/10:hover { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-grey\/10:hover { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .hover\:bg-grey\/15:hover { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-grey\/15:hover { background-color: color-mix(in oklab,var(--ui-grey)15%,transparent); } } .hover\:bg-grey\/75:hover { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-grey\/75:hover { background-color: color-mix(in oklab,var(--ui-grey)75%,transparent); } } .hover\:bg-inverted\/90:hover { background-color: var(--ui-bg-inverted); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-inverted\/90:hover { background-color: color-mix(in oklab,var(--ui-bg-inverted)90%,transparent); } } .hover\:bg-opposite\/10:hover { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-opposite\/10:hover { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .hover\:bg-opposite\/15:hover { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-opposite\/15:hover { background-color: color-mix(in oklab,var(--ui-opposite)15%,transparent); } } .hover\:bg-opposite\/75:hover { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-opposite\/75:hover { background-color: color-mix(in oklab,var(--ui-opposite)75%,transparent); } } .hover\:bg-primary:hover, .hover\:bg-primary\/10:hover { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .hover\:bg-primary\/15:hover { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-primary\/15:hover { background-color: color-mix(in oklab,var(--ui-primary)15%,transparent); } } .hover\:bg-primary\/75:hover { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-primary\/75:hover { background-color: color-mix(in oklab,var(--ui-primary)75%,transparent); } } .hover\:bg-primary2\/10:hover { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-primary2\/10:hover { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .hover\:bg-primary2\/15:hover { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-primary2\/15:hover { background-color: color-mix(in oklab,var(--ui-primary2)15%,transparent); } } .hover\:bg-primary2\/75:hover { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-primary2\/75:hover { background-color: color-mix(in oklab,var(--ui-primary2)75%,transparent); } } .hover\:bg-red2\/10:hover { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-red2\/10:hover { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .hover\:bg-red2\/15:hover { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-red2\/15:hover { background-color: color-mix(in oklab,var(--ui-red2)15%,transparent); } } .hover\:bg-red2\/75:hover { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .hover\:bg-red2\/75:hover { background-color: color-mix(in oklab,var(--ui-red2)75%,transparent); } } .hover\:text-back\/75:hover { color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-back\/75:hover { color: color-mix(in oklab,var(--ui-back)75%,transparent); } } .hover\:text-back1\/75:hover { color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-back1\/75:hover { color: color-mix(in oklab,var(--ui-back1)75%,transparent); } } .hover\:text-back2\/75:hover { color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-back2\/75:hover { color: color-mix(in oklab,var(--ui-back2)75%,transparent); } } .hover\:text-back3\/75:hover { color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-back3\/75:hover { color: color-mix(in oklab,var(--ui-back3)75%,transparent); } } .hover\:text-back4\/75:hover { color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-back4\/75:hover { color: color-mix(in oklab,var(--ui-back4)75%,transparent); } } .hover\:text-back5\/75:hover { color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-back5\/75:hover { color: color-mix(in oklab,var(--ui-back5)75%,transparent); } } .hover\:text-bg\/75:hover { color: rgba(41, 45, 46, 0.75); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-bg\/75:hover { color: color-mix(in oklab,var(--ui-bg)75%,transparent); } } .hover\:text-blue2\/75:hover { color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-blue2\/75:hover { color: color-mix(in oklab,var(--ui-blue2)75%,transparent); } } .hover\:text-border\/75:hover { color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-border\/75:hover { color: color-mix(in oklab,var(--ui-border)75%,transparent); } } .hover\:text-border1\/75:hover { color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-border1\/75:hover { color: color-mix(in oklab,var(--ui-border1)75%,transparent); } } .hover\:text-border2\/75:hover { color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-border2\/75:hover { color: color-mix(in oklab,var(--ui-border2)75%,transparent); } } .hover\:text-de\/75:hover { color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-de\/75:hover { color: color-mix(in oklab,var(--ui-de)75%,transparent); } } .hover\:text-default:hover { color: var(--ui-text); } .hover\:text-default\/75:hover { color: rgba(255, 255, 255, 0.376); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-default\/75:hover { color: color-mix(in oklab,var(--ui-text)75%,transparent); } } .hover\:text-default2\/75:hover { color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-default2\/75:hover { color: color-mix(in oklab,var(--ui-default2)75%,transparent); } } .hover\:text-error\/75:hover { color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-error\/75:hover { color: color-mix(in oklab,var(--ui-error)75%,transparent); } } .hover\:text-green2\/75:hover { color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-green2\/75:hover { color: color-mix(in oklab,var(--ui-green2)75%,transparent); } } .hover\:text-green3\/75:hover { color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-green3\/75:hover { color: color-mix(in oklab,var(--ui-green3)75%,transparent); } } .hover\:text-grey\/75:hover { color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-grey\/75:hover { color: color-mix(in oklab,var(--ui-grey)75%,transparent); } } .hover\:text-highlighted:hover { color: var(--ui-text-highlighted); } .hover\:text-opposite\/75:hover { color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-opposite\/75:hover { color: color-mix(in oklab,var(--ui-opposite)75%,transparent); } } .hover\:text-primary:hover, .hover\:text-primary\/75:hover { color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-primary\/75:hover { color: color-mix(in oklab,var(--ui-primary)75%,transparent); } } .hover\:text-primary2\/75:hover { color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-primary2\/75:hover { color: color-mix(in oklab,var(--ui-primary2)75%,transparent); } } .hover\:text-red2\/75:hover { color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .hover\:text-red2\/75:hover { color: color-mix(in oklab,var(--ui-red2)75%,transparent); } } .hover\:underline:hover { text-decoration-line: underline; } .hover\:not-disabled\:text-highlighted:hover:not(:disabled) { color: var(--ui-text-highlighted); } .hover\:not-data-\[selected\]\:bg-back\/20:hover:not([data-selected]) { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-back\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-back)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-back1\/20:hover:not([data-selected]) { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-back1\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-back1)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-back2\/20:hover:not([data-selected]) { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-back2\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-back2)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-back3\/20:hover:not([data-selected]) { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-back3\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-back3)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-back4\/20:hover:not([data-selected]) { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-back4\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-back4)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-back5\/20:hover:not([data-selected]) { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-back5\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-back5)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-bg\/20:hover:not([data-selected]) { background-color: rgba(41, 45, 46, 0.2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-bg\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-bg)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-blue2\/20:hover:not([data-selected]) { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-blue2\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-blue2)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-border\/20:hover:not([data-selected]) { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-border\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-border)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-border1\/20:hover:not([data-selected]) { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-border1\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-border1)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-border2\/20:hover:not([data-selected]) { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-border2\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-border2)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-de\/20:hover:not([data-selected]) { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-de\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-de)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-default\/20:hover:not([data-selected]) { background-color: rgba(41, 45, 46, 0.2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-default\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-bg)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-default2\/20:hover:not([data-selected]) { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-default2\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-default2)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-error\/20:hover:not([data-selected]) { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-error\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-error)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-green2\/20:hover:not([data-selected]) { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-green2\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-green2)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-green3\/20:hover:not([data-selected]) { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-green3\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-green3)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-grey\/20:hover:not([data-selected]) { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-grey\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-grey)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-inverted\/10:hover:not([data-selected]) { background-color: var(--ui-bg-inverted); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-inverted\/10:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-bg-inverted)10%,transparent); } } .hover\:not-data-\[selected\]\:bg-opposite\/20:hover:not([data-selected]) { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-opposite\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-opposite)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-primary\/20:hover:not([data-selected]) { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-primary\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-primary)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-primary2\/20:hover:not([data-selected]) { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-primary2\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-primary2)20%,transparent); } } .hover\:not-data-\[selected\]\:bg-red2\/20:hover:not([data-selected]) { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-data-\[selected\]\:bg-red2\/20:hover:not([data-selected]) { background-color: color-mix(in oklab,var(--ui-red2)20%,transparent); } } .hover\:before\:bg-elevated\/50:hover::before { background-color: rgba(50, 55, 56, 0.5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .hover\:before\:bg-elevated\/50:hover::before { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } .hover\:not-disabled\:before\:bg-elevated\/50:hover:not(:disabled)::before { background-color: rgba(50, 55, 56, 0.5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .hover\:not-disabled\:before\:bg-elevated\/50:hover:not(:disabled)::before { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } } .focus\:bg-elevated:focus { background-color: var(--ui-bg-elevated); } .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-primary-500:focus { --tw-ring-color: var(--ui-color-primary-500); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:z-\[1\]:focus-visible { z-index: 1; } .focus-visible\:bg-accented\/75:focus-visible { background-color: var(--ui-bg-accented); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-accented\/75:focus-visible { background-color: color-mix(in oklab,var(--ui-bg-accented)75%,transparent); } } .focus-visible\:bg-back\/10:focus-visible { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .focus-visible\:bg-back\/15:focus-visible { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-back)15%,transparent); } } .focus-visible\:bg-back1\/10:focus-visible { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back1\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .focus-visible\:bg-back1\/15:focus-visible { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back1\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-back1)15%,transparent); } } .focus-visible\:bg-back2\/10:focus-visible { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back2\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .focus-visible\:bg-back2\/15:focus-visible { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back2\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-back2)15%,transparent); } } .focus-visible\:bg-back3\/10:focus-visible { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back3\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .focus-visible\:bg-back3\/15:focus-visible { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back3\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-back3)15%,transparent); } } .focus-visible\:bg-back4\/10:focus-visible { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back4\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .focus-visible\:bg-back4\/15:focus-visible { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back4\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-back4)15%,transparent); } } .focus-visible\:bg-back5\/10:focus-visible { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back5\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .focus-visible\:bg-back5\/15:focus-visible { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-back5\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-back5)15%,transparent); } } .focus-visible\:bg-bg\/10:focus-visible { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-bg\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .focus-visible\:bg-bg\/15:focus-visible { background-color: rgba(41, 45, 46, 0.15); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-bg\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-bg)15%,transparent); } } .focus-visible\:bg-blue2\/10:focus-visible { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-blue2\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .focus-visible\:bg-blue2\/15:focus-visible { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-blue2\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-blue2)15%,transparent); } } .focus-visible\:bg-border\/10:focus-visible { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-border\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .focus-visible\:bg-border\/15:focus-visible { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-border\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-border)15%,transparent); } } .focus-visible\:bg-border1\/10:focus-visible { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-border1\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .focus-visible\:bg-border1\/15:focus-visible { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-border1\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-border1)15%,transparent); } } .focus-visible\:bg-border2\/10:focus-visible { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-border2\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .focus-visible\:bg-border2\/15:focus-visible { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-border2\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-border2)15%,transparent); } } .focus-visible\:bg-de\/10:focus-visible { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-de\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .focus-visible\:bg-de\/15:focus-visible { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-de\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-de)15%,transparent); } } .focus-visible\:bg-default\/10:focus-visible { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-default\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .focus-visible\:bg-default\/15:focus-visible { background-color: rgba(41, 45, 46, 0.15); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-default\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-bg)15%,transparent); } } .focus-visible\:bg-default2\/10:focus-visible { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-default2\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .focus-visible\:bg-default2\/15:focus-visible { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-default2\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-default2)15%,transparent); } } .focus-visible\:bg-elevated:focus-visible { background-color: var(--ui-bg-elevated); } .focus-visible\:bg-error\/10:focus-visible { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-error\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .focus-visible\:bg-error\/15:focus-visible { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-error\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-error)15%,transparent); } } .focus-visible\:bg-green2\/10:focus-visible { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-green2\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .focus-visible\:bg-green2\/15:focus-visible { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-green2\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-green2)15%,transparent); } } .focus-visible\:bg-green3\/10:focus-visible { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-green3\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .focus-visible\:bg-green3\/15:focus-visible { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-green3\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-green3)15%,transparent); } } .focus-visible\:bg-grey\/10:focus-visible { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-grey\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .focus-visible\:bg-grey\/15:focus-visible { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-grey\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-grey)15%,transparent); } } .focus-visible\:bg-opposite\/10:focus-visible { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-opposite\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .focus-visible\:bg-opposite\/15:focus-visible { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-opposite\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-opposite)15%,transparent); } } .focus-visible\:bg-primary\/10:focus-visible { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-primary\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .focus-visible\:bg-primary\/15:focus-visible { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-primary\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-primary)15%,transparent); } } .focus-visible\:bg-primary2\/10:focus-visible { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-primary2\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .focus-visible\:bg-primary2\/15:focus-visible { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-primary2\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-primary2)15%,transparent); } } .focus-visible\:bg-red2\/10:focus-visible { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-red2\/10:focus-visible { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .focus-visible\:bg-red2\/15:focus-visible { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:bg-red2\/15:focus-visible { background-color: color-mix(in oklab,var(--ui-red2)15%,transparent); } } .focus-visible\:ring-2:focus-visible { --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-visible\:ring-back:focus-visible { --tw-ring-color: var(--ui-back); } .focus-visible\:ring-back1:focus-visible { --tw-ring-color: var(--ui-back1); } .focus-visible\:ring-back2:focus-visible { --tw-ring-color: var(--ui-back2); } .focus-visible\:ring-back3:focus-visible { --tw-ring-color: var(--ui-back3); } .focus-visible\:ring-back4:focus-visible { --tw-ring-color: var(--ui-back4); } .focus-visible\:ring-back5:focus-visible { --tw-ring-color: var(--ui-back5); } .focus-visible\:ring-bg:focus-visible { --tw-ring-color: var(--ui-bg); } .focus-visible\:ring-blue2:focus-visible { --tw-ring-color: var(--ui-blue2); } .focus-visible\:ring-border:focus-visible { --tw-ring-color: var(--ui-border); } .focus-visible\:ring-border1:focus-visible { --tw-ring-color: var(--ui-border1); } .focus-visible\:ring-border2:focus-visible { --tw-ring-color: var(--ui-border2); } .focus-visible\:ring-de:focus-visible { --tw-ring-color: var(--ui-de); } .focus-visible\:ring-default:focus-visible { --tw-ring-color: var(--ui-border); } .focus-visible\:ring-default2:focus-visible { --tw-ring-color: var(--ui-default2); } .focus-visible\:ring-error:focus-visible { --tw-ring-color: var(--ui-error); } .focus-visible\:ring-green2:focus-visible { --tw-ring-color: var(--ui-green2); } .focus-visible\:ring-green3:focus-visible { --tw-ring-color: var(--ui-green3); } .focus-visible\:ring-grey:focus-visible { --tw-ring-color: var(--ui-grey); } .focus-visible\:ring-inverted:focus-visible { --tw-ring-color: var(--ui-border-inverted); } .focus-visible\:ring-opposite:focus-visible { --tw-ring-color: var(--ui-opposite); } .focus-visible\:ring-primary:focus-visible { --tw-ring-color: var(--ui-primary); } .focus-visible\:ring-primary-500:focus-visible { --tw-ring-color: var(--ui-color-primary-500); } .focus-visible\:ring-primary2:focus-visible { --tw-ring-color: var(--ui-primary2); } .focus-visible\:ring-red2:focus-visible { --tw-ring-color: var(--ui-red2); } .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-back:focus-visible, .focus-visible\:outline-back\/50:focus-visible { outline-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-back\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-back)50%,transparent); } } .focus-visible\:outline-back1:focus-visible, .focus-visible\:outline-back1\/50:focus-visible { outline-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-back1\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-back1)50%,transparent); } } .focus-visible\:outline-back2:focus-visible, .focus-visible\:outline-back2\/50:focus-visible { outline-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-back2\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-back2)50%,transparent); } } .focus-visible\:outline-back3:focus-visible, .focus-visible\:outline-back3\/50:focus-visible { outline-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-back3\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-back3)50%,transparent); } } .focus-visible\:outline-back4:focus-visible, .focus-visible\:outline-back4\/50:focus-visible { outline-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-back4\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-back4)50%,transparent); } } .focus-visible\:outline-back5:focus-visible, .focus-visible\:outline-back5\/50:focus-visible { outline-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-back5\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-back5)50%,transparent); } } .focus-visible\:outline-bg:focus-visible { outline-color: var(--ui-bg); } .focus-visible\:outline-bg\/50:focus-visible { outline-color: rgba(41, 45, 46, 0.5); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-bg\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-bg)50%,transparent); } } .focus-visible\:outline-blue2:focus-visible, .focus-visible\:outline-blue2\/50:focus-visible { outline-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-blue2\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-blue2)50%,transparent); } } .focus-visible\:outline-border:focus-visible, .focus-visible\:outline-border\/50:focus-visible { outline-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-border\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-border)50%,transparent); } } .focus-visible\:outline-border1:focus-visible, .focus-visible\:outline-border1\/50:focus-visible { outline-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-border1\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-border1)50%,transparent); } } .focus-visible\:outline-border2:focus-visible, .focus-visible\:outline-border2\/50:focus-visible { outline-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-border2\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-border2)50%,transparent); } } .focus-visible\:outline-de:focus-visible, .focus-visible\:outline-de\/50:focus-visible { outline-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-de\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-de)50%,transparent); } } .focus-visible\:outline-default:focus-visible, .focus-visible\:outline-default\/50:focus-visible { outline-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-default\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-border)50%,transparent); } } .focus-visible\:outline-default2:focus-visible, .focus-visible\:outline-default2\/50:focus-visible { outline-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-default2\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-default2)50%,transparent); } } .focus-visible\:outline-error:focus-visible, .focus-visible\:outline-error\/50:focus-visible { outline-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-error\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-error)50%,transparent); } } .focus-visible\:outline-green2:focus-visible, .focus-visible\:outline-green2\/50:focus-visible { outline-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-green2\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-green2)50%,transparent); } } .focus-visible\:outline-green3:focus-visible, .focus-visible\:outline-green3\/50:focus-visible { outline-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-green3\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-green3)50%,transparent); } } .focus-visible\:outline-grey:focus-visible, .focus-visible\:outline-grey\/50:focus-visible { outline-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-grey\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-grey)50%,transparent); } } .focus-visible\:outline-inverted:focus-visible, .focus-visible\:outline-inverted\/50:focus-visible { outline-color: var(--ui-border-inverted); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-inverted\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-border-inverted)50%,transparent); } } .focus-visible\:outline-opposite:focus-visible, .focus-visible\:outline-opposite\/50:focus-visible { outline-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-opposite\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-opposite)50%,transparent); } } .focus-visible\:outline-primary:focus-visible, .focus-visible\:outline-primary\/50:focus-visible { outline-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-primary\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-primary)50%,transparent); } } .focus-visible\:outline-primary2:focus-visible, .focus-visible\:outline-primary2\/50:focus-visible { outline-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-primary2\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-primary2)50%,transparent); } } .focus-visible\:outline-red2:focus-visible, .focus-visible\:outline-red2\/50:focus-visible { outline-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .focus-visible\:outline-red2\/50:focus-visible { outline-color: color-mix(in oklab,var(--ui-red2)50%,transparent); } } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .focus-visible\:before\:ring-2:focus-visible::before { content: var(--tw-content); --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-visible\:before\:ring-back:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-back); } .focus-visible\:before\:ring-back1:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-back1); } .focus-visible\:before\:ring-back2:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-back2); } .focus-visible\:before\:ring-back3:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-back3); } .focus-visible\:before\:ring-back4:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-back4); } .focus-visible\:before\:ring-back5:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-back5); } .focus-visible\:before\:ring-bg:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-bg); } .focus-visible\:before\:ring-blue2:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-blue2); } .focus-visible\:before\:ring-border:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-border); } .focus-visible\:before\:ring-border1:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-border1); } .focus-visible\:before\:ring-border2:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-border2); } .focus-visible\:before\:ring-de:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-de); } .focus-visible\:before\:ring-default:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-border); } .focus-visible\:before\:ring-default2:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-default2); } .focus-visible\:before\:ring-error:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-error); } .focus-visible\:before\:ring-green2:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-green2); } .focus-visible\:before\:ring-green3:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-green3); } .focus-visible\:before\:ring-grey:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-grey); } .focus-visible\:before\:ring-inverted:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-border-inverted); } .focus-visible\:before\:ring-opposite:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-opposite); } .focus-visible\:before\:ring-primary:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-primary); } .focus-visible\:before\:ring-primary2:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-primary2); } .focus-visible\:before\:ring-red2:focus-visible::before { content: var(--tw-content); --tw-ring-color: var(--ui-red2); } .focus-visible\:before\:ring-inset:focus-visible::before { content: var(--tw-content); --tw-ring-inset: inset; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-back:disabled, .disabled\:bg-back\/10:disabled { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-back\/10:disabled { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .disabled\:bg-back1:disabled, .disabled\:bg-back1\/10:disabled { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-back1\/10:disabled { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .disabled\:bg-back2:disabled, .disabled\:bg-back2\/10:disabled { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-back2\/10:disabled { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .disabled\:bg-back3:disabled, .disabled\:bg-back3\/10:disabled { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-back3\/10:disabled { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .disabled\:bg-back4:disabled, .disabled\:bg-back4\/10:disabled { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-back4\/10:disabled { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .disabled\:bg-back5:disabled, .disabled\:bg-back5\/10:disabled { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-back5\/10:disabled { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .disabled\:bg-bg:disabled { background-color: var(--ui-bg); } .disabled\:bg-bg\/10:disabled { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-bg\/10:disabled { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .disabled\:bg-blue2:disabled, .disabled\:bg-blue2\/10:disabled { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-blue2\/10:disabled { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .disabled\:bg-border:disabled, .disabled\:bg-border\/10:disabled { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-border\/10:disabled { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .disabled\:bg-border1:disabled, .disabled\:bg-border1\/10:disabled { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-border1\/10:disabled { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .disabled\:bg-border2:disabled, .disabled\:bg-border2\/10:disabled { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-border2\/10:disabled { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .disabled\:bg-de:disabled, .disabled\:bg-de\/10:disabled { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-de\/10:disabled { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .disabled\:bg-default:disabled { background-color: var(--ui-bg); } .disabled\:bg-default\/10:disabled { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-default\/10:disabled { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .disabled\:bg-default2:disabled, .disabled\:bg-default2\/10:disabled { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-default2\/10:disabled { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .disabled\:bg-elevated:disabled { background-color: var(--ui-bg-elevated); } .disabled\:bg-elevated\/50:disabled { background-color: rgba(50, 55, 56, 0.5); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-elevated\/50:disabled { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } .disabled\:bg-error:disabled, .disabled\:bg-error\/10:disabled { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-error\/10:disabled { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .disabled\:bg-green2:disabled, .disabled\:bg-green2\/10:disabled { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-green2\/10:disabled { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .disabled\:bg-green3:disabled, .disabled\:bg-green3\/10:disabled { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-green3\/10:disabled { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .disabled\:bg-grey:disabled, .disabled\:bg-grey\/10:disabled { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-grey\/10:disabled { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .disabled\:bg-inverted:disabled { background-color: var(--ui-bg-inverted); } .disabled\:bg-opposite:disabled, .disabled\:bg-opposite\/10:disabled { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-opposite\/10:disabled { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .disabled\:bg-primary:disabled, .disabled\:bg-primary\/10:disabled { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-primary\/10:disabled { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .disabled\:bg-primary2:disabled, .disabled\:bg-primary2\/10:disabled { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-primary2\/10:disabled { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .disabled\:bg-red2:disabled, .disabled\:bg-red2\/10:disabled { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .disabled\:bg-red2\/10:disabled { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .disabled\:bg-transparent:disabled { background-color: rgba(0, 0, 0, 0); } .disabled\:text-back:disabled { color: var(--ui-back); } .disabled\:text-back1:disabled { color: var(--ui-back1); } .disabled\:text-back2:disabled { color: var(--ui-back2); } .disabled\:text-back3:disabled { color: var(--ui-back3); } .disabled\:text-back4:disabled { color: var(--ui-back4); } .disabled\:text-back5:disabled { color: var(--ui-back5); } .disabled\:text-bg:disabled { color: var(--ui-bg); } .disabled\:text-blue2:disabled { color: var(--ui-blue2); } .disabled\:text-border:disabled { color: var(--ui-border); } .disabled\:text-border1:disabled { color: var(--ui-border1); } .disabled\:text-border2:disabled { color: var(--ui-border2); } .disabled\:text-de:disabled { color: var(--ui-de); } .disabled\:text-default:disabled { color: var(--ui-text); } .disabled\:text-default2:disabled { color: var(--ui-default2); } .disabled\:text-error:disabled { color: var(--ui-error); } .disabled\:text-green2:disabled { color: var(--ui-green2); } .disabled\:text-green3:disabled { color: var(--ui-green3); } .disabled\:text-grey:disabled { color: var(--ui-grey); } .disabled\:text-muted:disabled { color: var(--ui-text-muted); } .disabled\:text-opposite:disabled { color: var(--ui-opposite); } .disabled\:text-primary:disabled { color: var(--ui-primary); } .disabled\:text-primary2:disabled { color: var(--ui-primary2); } .disabled\:text-red2:disabled { color: var(--ui-red2); } .disabled\:opacity-75:disabled { opacity: 0.75; } @media (hover: hover) { .hover\:disabled\:bg-transparent:hover:disabled { background-color: rgba(0, 0, 0, 0); } } .has-focus-visible\:z-\[1\]:has(:focus-visible) { z-index: 1; } .has-focus-visible\:ring-2:has(:focus-visible) { --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); } .has-focus-visible\:ring-back:has(:focus-visible) { --tw-ring-color: var(--ui-back); } .has-focus-visible\:ring-back1:has(:focus-visible) { --tw-ring-color: var(--ui-back1); } .has-focus-visible\:ring-back2:has(:focus-visible) { --tw-ring-color: var(--ui-back2); } .has-focus-visible\:ring-back3:has(:focus-visible) { --tw-ring-color: var(--ui-back3); } .has-focus-visible\:ring-back4:has(:focus-visible) { --tw-ring-color: var(--ui-back4); } .has-focus-visible\:ring-back5:has(:focus-visible) { --tw-ring-color: var(--ui-back5); } .has-focus-visible\:ring-bg:has(:focus-visible) { --tw-ring-color: var(--ui-bg); } .has-focus-visible\:ring-blue2:has(:focus-visible) { --tw-ring-color: var(--ui-blue2); } .has-focus-visible\:ring-border:has(:focus-visible) { --tw-ring-color: var(--ui-border); } .has-focus-visible\:ring-border1:has(:focus-visible) { --tw-ring-color: var(--ui-border1); } .has-focus-visible\:ring-border2:has(:focus-visible) { --tw-ring-color: var(--ui-border2); } .has-focus-visible\:ring-de:has(:focus-visible) { --tw-ring-color: var(--ui-de); } .has-focus-visible\:ring-default:has(:focus-visible) { --tw-ring-color: var(--ui-border); } .has-focus-visible\:ring-default2:has(:focus-visible) { --tw-ring-color: var(--ui-default2); } .has-focus-visible\:ring-error:has(:focus-visible) { --tw-ring-color: var(--ui-error); } .has-focus-visible\:ring-green2:has(:focus-visible) { --tw-ring-color: var(--ui-green2); } .has-focus-visible\:ring-green3:has(:focus-visible) { --tw-ring-color: var(--ui-green3); } .has-focus-visible\:ring-grey:has(:focus-visible) { --tw-ring-color: var(--ui-grey); } .has-focus-visible\:ring-inverted:has(:focus-visible) { --tw-ring-color: var(--ui-border-inverted); } .has-focus-visible\:ring-opposite:has(:focus-visible) { --tw-ring-color: var(--ui-opposite); } .has-focus-visible\:ring-primary:has(:focus-visible) { --tw-ring-color: var(--ui-primary); } .has-focus-visible\:ring-primary2:has(:focus-visible) { --tw-ring-color: var(--ui-primary2); } .has-focus-visible\:ring-red2:has(:focus-visible) { --tw-ring-color: var(--ui-red2); } .has-data-\[state\=checked\]\:z-\[1\]:has([data-state="checked"]) { z-index: 1; } .has-data-\[state\=checked\]\:border-back:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-back\/50:has([data-state="checked"]) { border-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-back\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-back)50%,transparent); } } .has-data-\[state\=checked\]\:border-back1:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-back1\/50:has([data-state="checked"]) { border-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-back1\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-back1)50%,transparent); } } .has-data-\[state\=checked\]\:border-back2:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-back2\/50:has([data-state="checked"]) { border-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-back2\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-back2)50%,transparent); } } .has-data-\[state\=checked\]\:border-back3:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-back3\/50:has([data-state="checked"]) { border-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-back3\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-back3)50%,transparent); } } .has-data-\[state\=checked\]\:border-back4:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-back4\/50:has([data-state="checked"]) { border-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-back4\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-back4)50%,transparent); } } .has-data-\[state\=checked\]\:border-back5:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-back5\/50:has([data-state="checked"]) { border-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-back5\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-back5)50%,transparent); } } .has-data-\[state\=checked\]\:border-bg:has([data-state="checked"]) { border-color: var(--ui-bg); } .has-data-\[state\=checked\]\:border-bg\/50:has([data-state="checked"]) { border-color: rgba(41, 45, 46, 0.5); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-bg\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-bg)50%,transparent); } } .has-data-\[state\=checked\]\:border-blue2:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-blue2\/50:has([data-state="checked"]) { border-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-blue2\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-blue2)50%,transparent); } } .has-data-\[state\=checked\]\:border-border:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-border\/50:has([data-state="checked"]) { border-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-border\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-border)50%,transparent); } } .has-data-\[state\=checked\]\:border-border1:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-border1\/50:has([data-state="checked"]) { border-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-border1\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-border1)50%,transparent); } } .has-data-\[state\=checked\]\:border-border2:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-border2\/50:has([data-state="checked"]) { border-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-border2\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-border2)50%,transparent); } } .has-data-\[state\=checked\]\:border-de:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-de\/50:has([data-state="checked"]) { border-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-de\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-de)50%,transparent); } } .has-data-\[state\=checked\]\:border-default:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-default\/50:has([data-state="checked"]) { border-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-default\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-border)50%,transparent); } } .has-data-\[state\=checked\]\:border-default2:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-default2\/50:has([data-state="checked"]) { border-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-default2\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-default2)50%,transparent); } } .has-data-\[state\=checked\]\:border-error:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-error\/50:has([data-state="checked"]) { border-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-error\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-error)50%,transparent); } } .has-data-\[state\=checked\]\:border-green2:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-green2\/50:has([data-state="checked"]) { border-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-green2\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-green2)50%,transparent); } } .has-data-\[state\=checked\]\:border-green3:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-green3\/50:has([data-state="checked"]) { border-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-green3\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-green3)50%,transparent); } } .has-data-\[state\=checked\]\:border-grey:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-grey\/50:has([data-state="checked"]) { border-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-grey\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-grey)50%,transparent); } } .has-data-\[state\=checked\]\:border-inverted:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-inverted\/50:has([data-state="checked"]) { border-color: var(--ui-border-inverted); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-inverted\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-border-inverted)50%,transparent); } } .has-data-\[state\=checked\]\:border-opposite:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-opposite\/50:has([data-state="checked"]) { border-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-opposite\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-opposite)50%,transparent); } } .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-primary\/50:has([data-state="checked"]) { border-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-primary\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-primary)50%,transparent); } } .has-data-\[state\=checked\]\:border-primary2:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-primary2\/50:has([data-state="checked"]) { border-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-primary2\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-primary2)50%,transparent); } } .has-data-\[state\=checked\]\:border-red2:has([data-state="checked"]), .has-data-\[state\=checked\]\:border-red2\/50:has([data-state="checked"]) { border-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:border-red2\/50:has([data-state="checked"]) { border-color: color-mix(in oklab,var(--ui-red2)50%,transparent); } } .has-data-\[state\=checked\]\:bg-back\/10:has([data-state="checked"]) { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-back\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .has-data-\[state\=checked\]\:bg-back1\/10:has([data-state="checked"]) { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-back1\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .has-data-\[state\=checked\]\:bg-back2\/10:has([data-state="checked"]) { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-back2\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .has-data-\[state\=checked\]\:bg-back3\/10:has([data-state="checked"]) { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-back3\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .has-data-\[state\=checked\]\:bg-back4\/10:has([data-state="checked"]) { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-back4\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .has-data-\[state\=checked\]\:bg-back5\/10:has([data-state="checked"]) { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-back5\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .has-data-\[state\=checked\]\:bg-bg\/10:has([data-state="checked"]) { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-bg\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .has-data-\[state\=checked\]\:bg-blue2\/10:has([data-state="checked"]) { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-blue2\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .has-data-\[state\=checked\]\:bg-border\/10:has([data-state="checked"]) { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-border\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .has-data-\[state\=checked\]\:bg-border1\/10:has([data-state="checked"]) { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-border1\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .has-data-\[state\=checked\]\:bg-border2\/10:has([data-state="checked"]) { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-border2\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .has-data-\[state\=checked\]\:bg-de\/10:has([data-state="checked"]) { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-de\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .has-data-\[state\=checked\]\:bg-default\/10:has([data-state="checked"]) { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-default\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .has-data-\[state\=checked\]\:bg-default2\/10:has([data-state="checked"]) { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-default2\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .has-data-\[state\=checked\]\:bg-elevated:has([data-state="checked"]) { background-color: var(--ui-bg-elevated); } .has-data-\[state\=checked\]\:bg-error\/10:has([data-state="checked"]) { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-error\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .has-data-\[state\=checked\]\:bg-green2\/10:has([data-state="checked"]) { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-green2\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .has-data-\[state\=checked\]\:bg-green3\/10:has([data-state="checked"]) { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-green3\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .has-data-\[state\=checked\]\:bg-grey\/10:has([data-state="checked"]) { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-grey\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .has-data-\[state\=checked\]\:bg-opposite\/10:has([data-state="checked"]) { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-opposite\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .has-data-\[state\=checked\]\:bg-primary\/10:has([data-state="checked"]) { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-primary\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .has-data-\[state\=checked\]\:bg-primary2\/10:has([data-state="checked"]) { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-primary2\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .has-data-\[state\=checked\]\:bg-red2\/10:has([data-state="checked"]) { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .has-data-\[state\=checked\]\:bg-red2\/10:has([data-state="checked"]) { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .aria-disabled\:cursor-not-allowed[aria-disabled="true"] { cursor: not-allowed; } .aria-disabled\:bg-back[aria-disabled="true"], .aria-disabled\:bg-back\/10[aria-disabled="true"] { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-back\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .aria-disabled\:bg-back1[aria-disabled="true"], .aria-disabled\:bg-back1\/10[aria-disabled="true"] { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-back1\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .aria-disabled\:bg-back2[aria-disabled="true"], .aria-disabled\:bg-back2\/10[aria-disabled="true"] { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-back2\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .aria-disabled\:bg-back3[aria-disabled="true"], .aria-disabled\:bg-back3\/10[aria-disabled="true"] { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-back3\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .aria-disabled\:bg-back4[aria-disabled="true"], .aria-disabled\:bg-back4\/10[aria-disabled="true"] { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-back4\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .aria-disabled\:bg-back5[aria-disabled="true"], .aria-disabled\:bg-back5\/10[aria-disabled="true"] { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-back5\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .aria-disabled\:bg-bg[aria-disabled="true"] { background-color: var(--ui-bg); } .aria-disabled\:bg-bg\/10[aria-disabled="true"] { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-bg\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .aria-disabled\:bg-blue2[aria-disabled="true"], .aria-disabled\:bg-blue2\/10[aria-disabled="true"] { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-blue2\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .aria-disabled\:bg-border[aria-disabled="true"], .aria-disabled\:bg-border\/10[aria-disabled="true"] { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-border\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .aria-disabled\:bg-border1[aria-disabled="true"], .aria-disabled\:bg-border1\/10[aria-disabled="true"] { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-border1\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .aria-disabled\:bg-border2[aria-disabled="true"], .aria-disabled\:bg-border2\/10[aria-disabled="true"] { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-border2\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .aria-disabled\:bg-de[aria-disabled="true"], .aria-disabled\:bg-de\/10[aria-disabled="true"] { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-de\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .aria-disabled\:bg-default[aria-disabled="true"] { background-color: var(--ui-bg); } .aria-disabled\:bg-default\/10[aria-disabled="true"] { background-color: rgba(41, 45, 46, 0.1); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-default\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .aria-disabled\:bg-default2[aria-disabled="true"], .aria-disabled\:bg-default2\/10[aria-disabled="true"] { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-default2\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .aria-disabled\:bg-elevated[aria-disabled="true"] { background-color: var(--ui-bg-elevated); } .aria-disabled\:bg-error[aria-disabled="true"], .aria-disabled\:bg-error\/10[aria-disabled="true"] { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-error\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .aria-disabled\:bg-green2[aria-disabled="true"], .aria-disabled\:bg-green2\/10[aria-disabled="true"] { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-green2\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .aria-disabled\:bg-green3[aria-disabled="true"], .aria-disabled\:bg-green3\/10[aria-disabled="true"] { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-green3\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .aria-disabled\:bg-grey[aria-disabled="true"], .aria-disabled\:bg-grey\/10[aria-disabled="true"] { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-grey\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .aria-disabled\:bg-inverted[aria-disabled="true"] { background-color: var(--ui-bg-inverted); } .aria-disabled\:bg-opposite[aria-disabled="true"], .aria-disabled\:bg-opposite\/10[aria-disabled="true"] { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-opposite\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .aria-disabled\:bg-primary[aria-disabled="true"], .aria-disabled\:bg-primary\/10[aria-disabled="true"] { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-primary\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .aria-disabled\:bg-primary2[aria-disabled="true"], .aria-disabled\:bg-primary2\/10[aria-disabled="true"] { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-primary2\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .aria-disabled\:bg-red2[aria-disabled="true"], .aria-disabled\:bg-red2\/10[aria-disabled="true"] { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .aria-disabled\:bg-red2\/10[aria-disabled="true"] { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .aria-disabled\:bg-transparent[aria-disabled="true"] { background-color: rgba(0, 0, 0, 0); } .aria-disabled\:text-back[aria-disabled="true"] { color: var(--ui-back); } .aria-disabled\:text-back1[aria-disabled="true"] { color: var(--ui-back1); } .aria-disabled\:text-back2[aria-disabled="true"] { color: var(--ui-back2); } .aria-disabled\:text-back3[aria-disabled="true"] { color: var(--ui-back3); } .aria-disabled\:text-back4[aria-disabled="true"] { color: var(--ui-back4); } .aria-disabled\:text-back5[aria-disabled="true"] { color: var(--ui-back5); } .aria-disabled\:text-bg[aria-disabled="true"] { color: var(--ui-bg); } .aria-disabled\:text-blue2[aria-disabled="true"] { color: var(--ui-blue2); } .aria-disabled\:text-border[aria-disabled="true"] { color: var(--ui-border); } .aria-disabled\:text-border1[aria-disabled="true"] { color: var(--ui-border1); } .aria-disabled\:text-border2[aria-disabled="true"] { color: var(--ui-border2); } .aria-disabled\:text-de[aria-disabled="true"] { color: var(--ui-de); } .aria-disabled\:text-default[aria-disabled="true"] { color: var(--ui-text); } .aria-disabled\:text-default2[aria-disabled="true"] { color: var(--ui-default2); } .aria-disabled\:text-error[aria-disabled="true"] { color: var(--ui-error); } .aria-disabled\:text-green2[aria-disabled="true"] { color: var(--ui-green2); } .aria-disabled\:text-green3[aria-disabled="true"] { color: var(--ui-green3); } .aria-disabled\:text-grey[aria-disabled="true"] { color: var(--ui-grey); } .aria-disabled\:text-muted[aria-disabled="true"] { color: var(--ui-text-muted); } .aria-disabled\:text-opposite[aria-disabled="true"] { color: var(--ui-opposite); } .aria-disabled\:text-primary[aria-disabled="true"] { color: var(--ui-primary); } .aria-disabled\:text-primary2[aria-disabled="true"] { color: var(--ui-primary2); } .aria-disabled\:text-red2[aria-disabled="true"] { color: var(--ui-red2); } .aria-disabled\:opacity-75[aria-disabled="true"] { opacity: 0.75; } @media (hover: hover) { .hover\:aria-disabled\:bg-transparent:hover[aria-disabled="true"] { background-color: rgba(0, 0, 0, 0); } } .data-disabled\:cursor-not-allowed[data-disabled] { cursor: not-allowed; } .data-disabled\:text-muted[data-disabled] { color: var(--ui-text-muted); } .data-disabled\:opacity-75[data-disabled] { opacity: 0.75; } .data-highlighted\:text-back[data-highlighted] { color: var(--ui-back); } .data-highlighted\:text-back1[data-highlighted] { color: var(--ui-back1); } .data-highlighted\:text-back2[data-highlighted] { color: var(--ui-back2); } .data-highlighted\:text-back3[data-highlighted] { color: var(--ui-back3); } .data-highlighted\:text-back4[data-highlighted] { color: var(--ui-back4); } .data-highlighted\:text-back5[data-highlighted] { color: var(--ui-back5); } .data-highlighted\:text-bg[data-highlighted] { color: var(--ui-bg); } .data-highlighted\:text-blue2[data-highlighted] { color: var(--ui-blue2); } .data-highlighted\:text-border[data-highlighted] { color: var(--ui-border); } .data-highlighted\:text-border1[data-highlighted] { color: var(--ui-border1); } .data-highlighted\:text-border2[data-highlighted] { color: var(--ui-border2); } .data-highlighted\:text-de[data-highlighted] { color: var(--ui-de); } .data-highlighted\:text-default[data-highlighted] { color: var(--ui-text); } .data-highlighted\:text-default2[data-highlighted] { color: var(--ui-default2); } .data-highlighted\:text-error[data-highlighted] { color: var(--ui-error); } .data-highlighted\:text-green2[data-highlighted] { color: var(--ui-green2); } .data-highlighted\:text-green3[data-highlighted] { color: var(--ui-green3); } .data-highlighted\:text-grey[data-highlighted] { color: var(--ui-grey); } .data-highlighted\:text-highlighted[data-highlighted] { color: var(--ui-text-highlighted); } .data-highlighted\:text-opposite[data-highlighted] { color: var(--ui-opposite); } .data-highlighted\:text-primary[data-highlighted] { color: var(--ui-primary); } .data-highlighted\:text-primary2[data-highlighted] { color: var(--ui-primary2); } .data-highlighted\:text-red2[data-highlighted] { color: var(--ui-red2); } .data-highlighted\:not-data-disabled\:text-highlighted[data-highlighted]:not([data-disabled]) { color: var(--ui-text-highlighted); } .data-highlighted\:before\:bg-back\/10[data-highlighted]::before { background-color: var(--ui-back); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-back\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .data-highlighted\:before\:bg-back1\/10[data-highlighted]::before { background-color: var(--ui-back1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-back1\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .data-highlighted\:before\:bg-back2\/10[data-highlighted]::before { background-color: var(--ui-back2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-back2\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .data-highlighted\:before\:bg-back3\/10[data-highlighted]::before { background-color: var(--ui-back3); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-back3\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .data-highlighted\:before\:bg-back4\/10[data-highlighted]::before { background-color: var(--ui-back4); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-back4\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .data-highlighted\:before\:bg-back5\/10[data-highlighted]::before { background-color: var(--ui-back5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-back5\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .data-highlighted\:before\:bg-bg\/10[data-highlighted]::before { background-color: rgba(41, 45, 46, 0.1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-bg\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .data-highlighted\:before\:bg-blue2\/10[data-highlighted]::before { background-color: var(--ui-blue2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-blue2\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .data-highlighted\:before\:bg-border\/10[data-highlighted]::before { background-color: var(--ui-border); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-border\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .data-highlighted\:before\:bg-border1\/10[data-highlighted]::before { background-color: var(--ui-border1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-border1\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .data-highlighted\:before\:bg-border2\/10[data-highlighted]::before { background-color: var(--ui-border2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-border2\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .data-highlighted\:before\:bg-de\/10[data-highlighted]::before { background-color: var(--ui-de); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-de\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .data-highlighted\:before\:bg-default\/10[data-highlighted]::before { background-color: rgba(41, 45, 46, 0.1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-default\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .data-highlighted\:before\:bg-default2\/10[data-highlighted]::before { background-color: var(--ui-default2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-default2\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .data-highlighted\:before\:bg-elevated\/50[data-highlighted]::before { background-color: rgba(50, 55, 56, 0.5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-elevated\/50[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } .data-highlighted\:before\:bg-error\/10[data-highlighted]::before { background-color: var(--ui-error); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-error\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .data-highlighted\:before\:bg-green2\/10[data-highlighted]::before { background-color: var(--ui-green2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-green2\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .data-highlighted\:before\:bg-green3\/10[data-highlighted]::before { background-color: var(--ui-green3); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-green3\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .data-highlighted\:before\:bg-grey\/10[data-highlighted]::before { background-color: var(--ui-grey); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-grey\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .data-highlighted\:before\:bg-opposite\/10[data-highlighted]::before { background-color: var(--ui-opposite); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-opposite\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .data-highlighted\:before\:bg-primary\/10[data-highlighted]::before { background-color: var(--ui-primary); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-primary\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .data-highlighted\:before\:bg-primary2\/10[data-highlighted]::before { background-color: var(--ui-primary2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-primary2\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .data-highlighted\:before\:bg-red2\/10[data-highlighted]::before { background-color: var(--ui-red2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:before\:bg-red2\/10[data-highlighted]::before { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .data-highlighted\:not-data-disabled\:before\:bg-elevated\/50[data-highlighted]:not([data-disabled])::before { background-color: rgba(50, 55, 56, 0.5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-highlighted\:not-data-disabled\:before\:bg-elevated\/50[data-highlighted]:not([data-disabled])::before { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } .data-today\:font-semibold[data-today] { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .data-today\:not-data-\[selected\]\:text-back[data-today]:not([data-selected]) { color: var(--ui-back); } .data-today\:not-data-\[selected\]\:text-back1[data-today]:not([data-selected]) { color: var(--ui-back1); } .data-today\:not-data-\[selected\]\:text-back2[data-today]:not([data-selected]) { color: var(--ui-back2); } .data-today\:not-data-\[selected\]\:text-back3[data-today]:not([data-selected]) { color: var(--ui-back3); } .data-today\:not-data-\[selected\]\:text-back4[data-today]:not([data-selected]) { color: var(--ui-back4); } .data-today\:not-data-\[selected\]\:text-back5[data-today]:not([data-selected]) { color: var(--ui-back5); } .data-today\:not-data-\[selected\]\:text-bg[data-today]:not([data-selected]) { color: var(--ui-bg); } .data-today\:not-data-\[selected\]\:text-blue2[data-today]:not([data-selected]) { color: var(--ui-blue2); } .data-today\:not-data-\[selected\]\:text-border[data-today]:not([data-selected]) { color: var(--ui-border); } .data-today\:not-data-\[selected\]\:text-border1[data-today]:not([data-selected]) { color: var(--ui-border1); } .data-today\:not-data-\[selected\]\:text-border2[data-today]:not([data-selected]) { color: var(--ui-border2); } .data-today\:not-data-\[selected\]\:text-de[data-today]:not([data-selected]) { color: var(--ui-de); } .data-today\:not-data-\[selected\]\:text-default[data-today]:not([data-selected]) { color: var(--ui-text); } .data-today\:not-data-\[selected\]\:text-default2[data-today]:not([data-selected]) { color: var(--ui-default2); } .data-today\:not-data-\[selected\]\:text-error[data-today]:not([data-selected]) { color: var(--ui-error); } .data-today\:not-data-\[selected\]\:text-green2[data-today]:not([data-selected]) { color: var(--ui-green2); } .data-today\:not-data-\[selected\]\:text-green3[data-today]:not([data-selected]) { color: var(--ui-green3); } .data-today\:not-data-\[selected\]\:text-grey[data-today]:not([data-selected]) { color: var(--ui-grey); } .data-today\:not-data-\[selected\]\:text-highlighted[data-today]:not([data-selected]) { color: var(--ui-text-highlighted); } .data-today\:not-data-\[selected\]\:text-opposite[data-today]:not([data-selected]) { color: var(--ui-opposite); } .data-today\:not-data-\[selected\]\:text-primary[data-today]:not([data-selected]) { color: var(--ui-primary); } .data-today\:not-data-\[selected\]\:text-primary2[data-today]:not([data-selected]) { color: var(--ui-primary2); } .data-today\:not-data-\[selected\]\:text-red2[data-today]:not([data-selected]) { color: var(--ui-red2); } .data-unavailable\:pointer-events-none[data-unavailable] { pointer-events: none; } .data-unavailable\:text-muted[data-unavailable] { color: var(--ui-text-muted); } .data-unavailable\:line-through[data-unavailable] { text-decoration-line: line-through; } .data-\[disabled\]\:cursor-not-allowed[data-disabled] { cursor: not-allowed; } .data-\[disabled\]\:opacity-75[data-disabled] { opacity: 0.75; } .data-\[expanded\=true\]\:h-\(--height\)[data-expanded="true"] { height: var(--height); } .data-\[expanded\=false\]\:data-\[front\=false\]\:h-\(--front-height\)[data-expanded="false"][data-front="false"] { height: var(--front-height); } :is(.data-\[expanded\=false\]\:data-\[front\=false\]\:\*\:invisible[data-expanded="false"][data-front="false"] > *) { visibility: hidden; } .data-\[highlighted\]\:bg-back\/20[data-highlighted] { background-color: var(--ui-back); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-back\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-back)20%,transparent); } } .data-\[highlighted\]\:bg-back1\/20[data-highlighted] { background-color: var(--ui-back1); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-back1\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-back1)20%,transparent); } } .data-\[highlighted\]\:bg-back2\/20[data-highlighted] { background-color: var(--ui-back2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-back2\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-back2)20%,transparent); } } .data-\[highlighted\]\:bg-back3\/20[data-highlighted] { background-color: var(--ui-back3); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-back3\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-back3)20%,transparent); } } .data-\[highlighted\]\:bg-back4\/20[data-highlighted] { background-color: var(--ui-back4); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-back4\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-back4)20%,transparent); } } .data-\[highlighted\]\:bg-back5\/20[data-highlighted] { background-color: var(--ui-back5); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-back5\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-back5)20%,transparent); } } .data-\[highlighted\]\:bg-bg\/20[data-highlighted] { background-color: rgba(41, 45, 46, 0.2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-bg\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-bg)20%,transparent); } } .data-\[highlighted\]\:bg-blue2\/20[data-highlighted] { background-color: var(--ui-blue2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-blue2\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-blue2)20%,transparent); } } .data-\[highlighted\]\:bg-border\/20[data-highlighted] { background-color: var(--ui-border); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-border\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-border)20%,transparent); } } .data-\[highlighted\]\:bg-border1\/20[data-highlighted] { background-color: var(--ui-border1); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-border1\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-border1)20%,transparent); } } .data-\[highlighted\]\:bg-border2\/20[data-highlighted] { background-color: var(--ui-border2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-border2\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-border2)20%,transparent); } } .data-\[highlighted\]\:bg-de\/20[data-highlighted] { background-color: var(--ui-de); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-de\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-de)20%,transparent); } } .data-\[highlighted\]\:bg-default\/20[data-highlighted] { background-color: rgba(41, 45, 46, 0.2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-default\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-bg)20%,transparent); } } .data-\[highlighted\]\:bg-default2\/20[data-highlighted] { background-color: var(--ui-default2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-default2\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-default2)20%,transparent); } } .data-\[highlighted\]\:bg-error\/20[data-highlighted] { background-color: var(--ui-error); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-error\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-error)20%,transparent); } } .data-\[highlighted\]\:bg-green2\/20[data-highlighted] { background-color: var(--ui-green2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-green2\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-green2)20%,transparent); } } .data-\[highlighted\]\:bg-green3\/20[data-highlighted] { background-color: var(--ui-green3); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-green3\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-green3)20%,transparent); } } .data-\[highlighted\]\:bg-grey\/20[data-highlighted] { background-color: var(--ui-grey); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-grey\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-grey)20%,transparent); } } .data-\[highlighted\]\:bg-inverted\/20[data-highlighted] { background-color: var(--ui-bg-inverted); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-inverted\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-bg-inverted)20%,transparent); } } .data-\[highlighted\]\:bg-opposite\/20[data-highlighted] { background-color: var(--ui-opposite); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-opposite\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-opposite)20%,transparent); } } .data-\[highlighted\]\:bg-primary\/20[data-highlighted] { background-color: var(--ui-primary); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-primary\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-primary)20%,transparent); } } .data-\[highlighted\]\:bg-primary2\/20[data-highlighted] { background-color: var(--ui-primary2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-primary2\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-primary2)20%,transparent); } } .data-\[highlighted\]\:bg-red2\/20[data-highlighted] { background-color: var(--ui-red2); } @supports (color:color-mix(in lab,red,red)) { .data-\[highlighted\]\:bg-red2\/20[data-highlighted] { background-color: color-mix(in oklab,var(--ui-red2)20%,transparent); } } .data-\[motion\=from-end\]\:animate-\[enter-from-right_200ms_ease\][data-motion="from-end"] { animation: 0.2s ease 0s 1 normal none running enter-from-right; } .data-\[motion\=from-start\]\:animate-\[enter-from-left_200ms_ease\][data-motion="from-start"] { animation: 0.2s ease 0s 1 normal none running enter-from-left; } .data-\[motion\=to-end\]\:animate-\[exit-to-right_200ms_ease\][data-motion="to-end"] { animation: 0.2s ease 0s 1 normal none running exit-to-right; } .data-\[motion\=to-start\]\:animate-\[exit-to-left_200ms_ease\][data-motion="to-start"] { animation: 0.2s ease 0s 1 normal none running exit-to-left; } .data-\[outside-view\]\:\!text-\[\#575757\][data-outside-view] { color: rgb(87, 87, 87) !important; } .data-\[outside-view\]\:text-muted[data-outside-view] { color: var(--ui-text-muted); } .data-\[pinned\=left\]\:left-0[data-pinned="left"] { left: calc(var(--spacing)*0); } .data-\[pinned\=right\]\:right-0[data-pinned="right"] { right: calc(var(--spacing)*0); } .data-\[selected\]\:bg-back[data-selected] { background-color: var(--ui-back); } .data-\[selected\]\:bg-back1[data-selected] { background-color: var(--ui-back1); } .data-\[selected\]\:bg-back2[data-selected] { background-color: var(--ui-back2); } .data-\[selected\]\:bg-back3[data-selected] { background-color: var(--ui-back3); } .data-\[selected\]\:bg-back4[data-selected] { background-color: var(--ui-back4); } .data-\[selected\]\:bg-back5[data-selected] { background-color: var(--ui-back5); } .data-\[selected\]\:bg-bg[data-selected] { background-color: var(--ui-bg); } .data-\[selected\]\:bg-blue2[data-selected] { background-color: var(--ui-blue2); } .data-\[selected\]\:bg-border[data-selected] { background-color: var(--ui-border); } .data-\[selected\]\:bg-border1[data-selected] { background-color: var(--ui-border1); } .data-\[selected\]\:bg-border2[data-selected] { background-color: var(--ui-border2); } .data-\[selected\]\:bg-de[data-selected] { background-color: var(--ui-de); } .data-\[selected\]\:bg-default[data-selected] { background-color: var(--ui-bg); } .data-\[selected\]\:bg-default2[data-selected] { background-color: var(--ui-default2); } .data-\[selected\]\:bg-error[data-selected] { background-color: var(--ui-error); } .data-\[selected\]\:bg-green2[data-selected] { background-color: var(--ui-green2); } .data-\[selected\]\:bg-green3[data-selected] { background-color: var(--ui-green3); } .data-\[selected\]\:bg-grey[data-selected] { background-color: var(--ui-grey); } .data-\[selected\]\:bg-inverted[data-selected] { background-color: var(--ui-bg-inverted); } .data-\[selected\]\:bg-opposite[data-selected] { background-color: var(--ui-opposite); } .data-\[selected\]\:bg-primary[data-selected] { background-color: var(--ui-primary); } .data-\[selected\]\:bg-primary2[data-selected] { background-color: var(--ui-primary2); } .data-\[selected\]\:bg-red2[data-selected] { background-color: var(--ui-red2); } .data-\[selected\]\:text-inverted[data-selected] { color: var(--ui-text-inverted); } .data-\[selected\=true\]\:bg-elevated\/50[data-selected="true"] { background-color: rgba(50, 55, 56, 0.5); } @supports (color:color-mix(in lab,red,red)) { .data-\[selected\=true\]\:bg-elevated\/50[data-selected="true"] { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } .data-\[state\=active\]\:text-back[data-state="active"] { color: var(--ui-back); } .data-\[state\=active\]\:text-back1[data-state="active"] { color: var(--ui-back1); } .data-\[state\=active\]\:text-back2[data-state="active"] { color: var(--ui-back2); } .data-\[state\=active\]\:text-back3[data-state="active"] { color: var(--ui-back3); } .data-\[state\=active\]\:text-back4[data-state="active"] { color: var(--ui-back4); } .data-\[state\=active\]\:text-back5[data-state="active"] { color: var(--ui-back5); } .data-\[state\=active\]\:text-bg[data-state="active"] { color: var(--ui-bg); } .data-\[state\=active\]\:text-blue2[data-state="active"] { color: var(--ui-blue2); } .data-\[state\=active\]\:text-border[data-state="active"] { color: var(--ui-border); } .data-\[state\=active\]\:text-border1[data-state="active"] { color: var(--ui-border1); } .data-\[state\=active\]\:text-border2[data-state="active"] { color: var(--ui-border2); } .data-\[state\=active\]\:text-de[data-state="active"] { color: var(--ui-de); } .data-\[state\=active\]\:text-default[data-state="active"] { color: var(--ui-text); } .data-\[state\=active\]\:text-default2[data-state="active"] { color: var(--ui-default2); } .data-\[state\=active\]\:text-error[data-state="active"] { color: var(--ui-error); } .data-\[state\=active\]\:text-green2[data-state="active"] { color: var(--ui-green2); } .data-\[state\=active\]\:text-green3[data-state="active"] { color: var(--ui-green3); } .data-\[state\=active\]\:text-grey[data-state="active"] { color: var(--ui-grey); } .data-\[state\=active\]\:text-highlighted[data-state="active"] { color: var(--ui-text-highlighted); } .data-\[state\=active\]\:text-inverted[data-state="active"] { color: var(--ui-text-inverted); } .data-\[state\=active\]\:text-opposite[data-state="active"] { color: var(--ui-opposite); } .data-\[state\=active\]\:text-primary[data-state="active"] { color: var(--ui-primary); } .data-\[state\=active\]\:text-primary2[data-state="active"] { color: var(--ui-primary2); } .data-\[state\=active\]\:text-red2[data-state="active"] { color: var(--ui-red2); } .data-\[state\=checked\]\:translate-x-3[data-state="checked"] { --tw-translate-x: calc(var(--spacing)*3); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:translate-x-3\.5[data-state="checked"] { --tw-translate-x: calc(var(--spacing)*3.5); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:translate-x-4[data-state="checked"] { --tw-translate-x: calc(var(--spacing)*4); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:translate-x-4\.5[data-state="checked"] { --tw-translate-x: calc(var(--spacing)*4.5); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:translate-x-5[data-state="checked"] { --tw-translate-x: calc(var(--spacing)*5); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:bg-back[data-state="checked"] { background-color: var(--ui-back); } .data-\[state\=checked\]\:bg-back1[data-state="checked"] { background-color: var(--ui-back1); } .data-\[state\=checked\]\:bg-back2[data-state="checked"] { background-color: var(--ui-back2); } .data-\[state\=checked\]\:bg-back3[data-state="checked"] { background-color: var(--ui-back3); } .data-\[state\=checked\]\:bg-back4[data-state="checked"] { background-color: var(--ui-back4); } .data-\[state\=checked\]\:bg-back5[data-state="checked"] { background-color: var(--ui-back5); } .data-\[state\=checked\]\:bg-bg[data-state="checked"] { background-color: var(--ui-bg); } .data-\[state\=checked\]\:bg-blue2[data-state="checked"] { background-color: var(--ui-blue2); } .data-\[state\=checked\]\:bg-border[data-state="checked"] { background-color: var(--ui-border); } .data-\[state\=checked\]\:bg-border1[data-state="checked"] { background-color: var(--ui-border1); } .data-\[state\=checked\]\:bg-border2[data-state="checked"] { background-color: var(--ui-border2); } .data-\[state\=checked\]\:bg-de[data-state="checked"] { background-color: var(--ui-de); } .data-\[state\=checked\]\:bg-default[data-state="checked"] { background-color: var(--ui-bg); } .data-\[state\=checked\]\:bg-default2[data-state="checked"] { background-color: var(--ui-default2); } .data-\[state\=checked\]\:bg-error[data-state="checked"] { background-color: var(--ui-error); } .data-\[state\=checked\]\:bg-green2[data-state="checked"] { background-color: var(--ui-green2); } .data-\[state\=checked\]\:bg-green3[data-state="checked"] { background-color: var(--ui-green3); } .data-\[state\=checked\]\:bg-grey[data-state="checked"] { background-color: var(--ui-grey); } .data-\[state\=checked\]\:bg-inverted[data-state="checked"] { background-color: var(--ui-bg-inverted); } .data-\[state\=checked\]\:bg-opposite[data-state="checked"] { background-color: var(--ui-opposite); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--ui-primary); } .data-\[state\=checked\]\:bg-primary2[data-state="checked"] { background-color: var(--ui-primary2); } .data-\[state\=checked\]\:bg-red2[data-state="checked"] { background-color: var(--ui-red2); } .data-\[state\=closed\]\:animate-\[accordion-up_200ms_ease-out\][data-state="closed"] { animation: 0.2s ease-out 0s 1 normal none running accordion-up; } .data-\[state\=closed\]\:animate-\[collapsible-up_200ms_ease-out\][data-state="closed"] { animation: 0.2s ease-out 0s 1 normal none running collapsible-up; } .data-\[state\=closed\]\:animate-\[fade-out_200ms_ease-in\][data-state="closed"] { animation: 0.2s ease-in 0s 1 normal none running fade-out; } .data-\[state\=closed\]\:animate-\[scale-out_100ms_ease-in\][data-state="closed"] { animation: 0.1s ease-in 0s 1 normal none running scale-out; } .data-\[state\=closed\]\:animate-\[scale-out_200ms_ease-in\][data-state="closed"] { animation: 0.2s ease-in 0s 1 normal none running scale-out; } .data-\[state\=closed\]\:animate-\[slide-out-to-bottom_200ms_ease-in-out\][data-state="closed"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-out-to-bottom; } .data-\[state\=closed\]\:animate-\[slide-out-to-left_200ms_ease-in-out\][data-state="closed"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-out-to-left; } .data-\[state\=closed\]\:animate-\[slide-out-to-right_200ms_ease-in-out\][data-state="closed"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-out-to-right; } .data-\[state\=closed\]\:animate-\[slide-out-to-top_200ms_ease-in-out\][data-state="closed"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-out-to-top; } .data-\[state\=closed\]\:animate-\[toast-closed_200ms_ease-in-out\][data-state="closed"] { animation: 0.2s ease-in-out 0s 1 normal none running toast-closed; } .data-\[state\=closed\]\:data-\[expanded\=false\]\:data-\[front\=false\]\:animate-\[toast-collapsed-closed_200ms_ease-in-out\][data-state="closed"][data-expanded="false"][data-front="false"] { animation: 0.2s ease-in-out 0s 1 normal none running toast-collapsed-closed; } .data-\[state\=delayed-open\]\:animate-\[scale-in_100ms_ease-out\][data-state="delayed-open"] { animation: 0.1s ease-out 0s 1 normal none running scale-in; } .data-\[state\=hidden\]\:animate-\[fade-out_100ms_ease-in\][data-state="hidden"] { animation: 0.1s ease-in 0s 1 normal none running fade-out; } .data-\[state\=hidden\]\:opacity-0[data-state="hidden"] { opacity: 0; } .data-\[state\=inactive\]\:text-muted[data-state="inactive"] { color: var(--ui-text-muted); } @media (hover: hover) { .hover\:data-\[state\=inactive\]\:not-disabled\:text-default:hover[data-state="inactive"]:not(:disabled) { color: var(--ui-text); } } .data-\[state\=indeterminate\]\:animate-\[carousel-inverse-vertical_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running carousel-inverse-vertical; } .data-\[state\=indeterminate\]\:animate-\[carousel-inverse_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running carousel-inverse; } .data-\[state\=indeterminate\]\:animate-\[carousel-vertical_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running carousel-vertical; } .data-\[state\=indeterminate\]\:animate-\[carousel_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running carousel; } .data-\[state\=indeterminate\]\:animate-\[elastic-vertical_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running elastic-vertical; } .data-\[state\=indeterminate\]\:animate-\[elastic_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running elastic; } .data-\[state\=indeterminate\]\:animate-\[swing-vertical_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running swing-vertical; } .data-\[state\=indeterminate\]\:animate-\[swing_2s_ease-in-out_infinite\][data-state="indeterminate"] { animation: 2s ease-in-out 0s infinite normal none running swing; } .data-\[state\=open\]\:animate-\[accordion-down_200ms_ease-out\][data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running accordion-down; } .data-\[state\=open\]\:animate-\[collapsible-down_200ms_ease-out\][data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running collapsible-down; } .data-\[state\=open\]\:animate-\[fade-in_200ms_ease-out\][data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running fade-in; } .data-\[state\=open\]\:animate-\[scale-in_100ms_ease-out\][data-state="open"] { animation: 0.1s ease-out 0s 1 normal none running scale-in; } .data-\[state\=open\]\:animate-\[scale-in_200ms_ease-out\][data-state="open"] { animation: 0.2s ease-out 0s 1 normal none running scale-in; } .data-\[state\=open\]\:animate-\[slide-in-from-bottom_200ms_ease-in-out\][data-state="open"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-in-from-bottom; } .data-\[state\=open\]\:animate-\[slide-in-from-left_200ms_ease-in-out\][data-state="open"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-in-from-left; } .data-\[state\=open\]\:animate-\[slide-in-from-right_200ms_ease-in-out\][data-state="open"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-in-from-right; } .data-\[state\=open\]\:animate-\[slide-in-from-top_200ms_ease-in-out\][data-state="open"] { animation: 0.2s ease-in-out 0s 1 normal none running slide-in-from-top; } .data-\[state\=open\]\:text-highlighted[data-state="open"] { color: var(--ui-text-highlighted); } .data-\[state\=open\]\:before\:bg-back\/10[data-state="open"]::before { background-color: var(--ui-back); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-back\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-back)10%,transparent); } } .data-\[state\=open\]\:before\:bg-back1\/10[data-state="open"]::before { background-color: var(--ui-back1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-back1\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-back1)10%,transparent); } } .data-\[state\=open\]\:before\:bg-back2\/10[data-state="open"]::before { background-color: var(--ui-back2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-back2\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-back2)10%,transparent); } } .data-\[state\=open\]\:before\:bg-back3\/10[data-state="open"]::before { background-color: var(--ui-back3); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-back3\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-back3)10%,transparent); } } .data-\[state\=open\]\:before\:bg-back4\/10[data-state="open"]::before { background-color: var(--ui-back4); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-back4\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-back4)10%,transparent); } } .data-\[state\=open\]\:before\:bg-back5\/10[data-state="open"]::before { background-color: var(--ui-back5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-back5\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-back5)10%,transparent); } } .data-\[state\=open\]\:before\:bg-bg\/10[data-state="open"]::before { background-color: rgba(41, 45, 46, 0.1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-bg\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .data-\[state\=open\]\:before\:bg-blue2\/10[data-state="open"]::before { background-color: var(--ui-blue2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-blue2\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-blue2)10%,transparent); } } .data-\[state\=open\]\:before\:bg-border\/10[data-state="open"]::before { background-color: var(--ui-border); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-border\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-border)10%,transparent); } } .data-\[state\=open\]\:before\:bg-border1\/10[data-state="open"]::before { background-color: var(--ui-border1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-border1\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-border1)10%,transparent); } } .data-\[state\=open\]\:before\:bg-border2\/10[data-state="open"]::before { background-color: var(--ui-border2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-border2\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-border2)10%,transparent); } } .data-\[state\=open\]\:before\:bg-de\/10[data-state="open"]::before { background-color: var(--ui-de); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-de\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-de)10%,transparent); } } .data-\[state\=open\]\:before\:bg-default\/10[data-state="open"]::before { background-color: rgba(41, 45, 46, 0.1); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-default\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-bg)10%,transparent); } } .data-\[state\=open\]\:before\:bg-default2\/10[data-state="open"]::before { background-color: var(--ui-default2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-default2\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-default2)10%,transparent); } } .data-\[state\=open\]\:before\:bg-elevated\/50[data-state="open"]::before { background-color: rgba(50, 55, 56, 0.5); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-elevated\/50[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } .data-\[state\=open\]\:before\:bg-error\/10[data-state="open"]::before { background-color: var(--ui-error); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-error\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-error)10%,transparent); } } .data-\[state\=open\]\:before\:bg-green2\/10[data-state="open"]::before { background-color: var(--ui-green2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-green2\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-green2)10%,transparent); } } .data-\[state\=open\]\:before\:bg-green3\/10[data-state="open"]::before { background-color: var(--ui-green3); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-green3\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-green3)10%,transparent); } } .data-\[state\=open\]\:before\:bg-grey\/10[data-state="open"]::before { background-color: var(--ui-grey); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-grey\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-grey)10%,transparent); } } .data-\[state\=open\]\:before\:bg-opposite\/10[data-state="open"]::before { background-color: var(--ui-opposite); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-opposite\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-opposite)10%,transparent); } } .data-\[state\=open\]\:before\:bg-primary\/10[data-state="open"]::before { background-color: var(--ui-primary); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-primary\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-primary)10%,transparent); } } .data-\[state\=open\]\:before\:bg-primary2\/10[data-state="open"]::before { background-color: var(--ui-primary2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-primary2\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-primary2)10%,transparent); } } .data-\[state\=open\]\:before\:bg-red2\/10[data-state="open"]::before { background-color: var(--ui-red2); content: var(--tw-content); } @supports (color:color-mix(in lab,red,red)) { .data-\[state\=open\]\:before\:bg-red2\/10[data-state="open"]::before { background-color: color-mix(in oklab,var(--ui-red2)10%,transparent); } } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=unchecked\]\:bg-accented[data-state="unchecked"] { background-color: var(--ui-bg-accented); } .data-\[state\=visible\]\:animate-\[fade-in_100ms_ease-out\][data-state="visible"] { animation: 0.1s ease-out 0s 1 normal none running fade-in; } .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[swipe\=cancel\]\:translate-y-0[data-swipe="cancel"] { --tw-translate-y: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[swipe\=end\]\:translate-x-\(--reka-toast-swipe-end-x\)[data-swipe="end"] { --tw-translate-x: var(--reka-toast-swipe-end-x); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[swipe\=end\]\:translate-y-\(--reka-toast-swipe-end-y\)[data-swipe="end"] { --tw-translate-y: var(--reka-toast-swipe-end-y); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[swipe\=end\]\:animate-\[toast-slide-down_200ms_ease-out\][data-swipe="end"] { animation: 0.2s ease-out 0s 1 normal none running toast-slide-down; } .data-\[swipe\=end\]\:animate-\[toast-slide-left_200ms_ease-out\][data-swipe="end"] { animation: 0.2s ease-out 0s 1 normal none running toast-slide-left; } .data-\[swipe\=end\]\:animate-\[toast-slide-right_200ms_ease-out\][data-swipe="end"] { animation: 0.2s ease-out 0s 1 normal none running toast-slide-right; } .data-\[swipe\=end\]\:animate-\[toast-slide-up_200ms_ease-out\][data-swipe="end"] { animation: 0.2s ease-out 0s 1 normal none running toast-slide-up; } .data-\[swipe\=move\]\:translate-x-\(--reka-toast-swipe-move-x\)[data-swipe="move"] { --tw-translate-x: var(--reka-toast-swipe-move-x); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[swipe\=move\]\:translate-y-\(--reka-toast-swipe-move-y\)[data-swipe="move"] { --tw-translate-y: var(--reka-toast-swipe-move-y); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[swipe\=move\]\:transition-none[data-swipe="move"] { transition-property: none; } @media (min-width: 40rem) { .sm\:-start-12 { inset-inline-start: calc(var(--spacing)*-12); } .sm\:-end-12 { inset-inline-end: calc(var(--spacing)*-12); } .sm\:-top-12 { top: calc(var(--spacing)*-12); } .sm\:-bottom-12 { bottom: calc(var(--spacing)*-12); } .sm\:mt-0 { margin-top: calc(var(--spacing)*0); } .sm\:max-h-\[calc\(100dvh-4rem\)\] { max-height: calc(100dvh - 4rem); } .sm\:w-\(--reka-navigation-menu-viewport-width\) { width: var(--reka-navigation-menu-viewport-width); } .sm\:w-96 { width: calc(var(--spacing)*96); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .sm\:flex-row { flex-direction: row; } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc(var(--spacing)*0*(1 - var(--tw-space-y-reverse))); margin-block-start: calc(var(--spacing)*0*var(--tw-space-y-reverse)); } :where(.sm\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(var(--spacing)*4*(1 - var(--tw-space-x-reverse))); margin-inline-start: calc(var(--spacing)*4*var(--tw-space-x-reverse)); } .sm\:p-0 { padding: calc(var(--spacing)*0); } .sm\:p-6 { padding: calc(var(--spacing)*6); } .sm\:px-6 { padding-inline: calc(var(--spacing)*6); } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); } .sm\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); } .sm\:shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a); } .sm\:ring, .sm\:shadow-lg { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); } .sm\:ring { --tw-ring-shadow: var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor); } } @media (min-width: 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .md\:text-left { text-align: left; } .md\:text-right { text-align: right; } } @media (min-width: 64rem) { .lg\:top-0 { top: calc(var(--spacing)*0); } .lg\:top-\[36px\] { top: 36px; } .lg\:top-\[44px\] { top: 44px; } .lg\:top-\[70px\] { top: 70px; } .lg\:left-\[0\] { left: 0px; } .lg\:left-\[24px\] { left: 24px; } .lg\:left-\[36\%\] { left: 36%; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:m-0\.5 { margin: calc(var(--spacing)*.5); } .lg\:mx-6 { margin-inline: calc(var(--spacing)*6); } .lg\:mx-18 { margin-inline: calc(var(--spacing)*18); } .lg\:my-4 { margin-block: calc(var(--spacing)*4); } .lg\:my-6 { margin-block: calc(var(--spacing)*6); } .lg\:mt-0 { margin-top: calc(var(--spacing)*0); } .lg\:mt-2 { margin-top: calc(var(--spacing)*2); } .lg\:mt-4 { margin-top: calc(var(--spacing)*4); } .lg\:mt-7 { margin-top: calc(var(--spacing)*7); } .lg\:mt-10 { margin-top: calc(var(--spacing)*10); } .lg\:mb-4 { margin-bottom: calc(var(--spacing)*4); } .lg\:ml-2 { margin-left: calc(var(--spacing)*2); } .lg\:ml-3 { margin-left: calc(var(--spacing)*3); } .lg\:ml-4 { margin-left: calc(var(--spacing)*4); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:inline-flex { display: inline-flex; } .lg\:h-\[36px\] { height: 36px; } .lg\:h-\[40px\] { height: 40px; } .lg\:h-\[80px\] { height: 80px; } .lg\:h-\[88px\] { height: 88px; } .lg\:max-h-\[calc\(80vh\)\] { max-height: 80vh; } .lg\:max-h-\[calc\(80vh-60px\)\] { max-height: calc(-60px + 80vh); } .lg\:max-h-\[calc\(100vh-72px\)\] { max-height: calc(-72px + 100vh); } .lg\:max-h-\[calc\(100vh-80px\)\] { max-height: calc(-80px + 100vh); } .lg\:w-1\/2 { width: 50%; } .lg\:w-\[100px\] { width: 100px; } .lg\:w-\[112px\] { width: 112px; } .lg\:w-\[135px\] { width: 135px; } .lg\:w-\[140px\] { width: 140px; } .lg\:w-\[148px\] { width: 148px; } .lg\:w-\[180px\] { width: 180px; } .lg\:w-\[240px\] { width: 240px; } .lg\:w-\[250px\] { width: 250px; } .lg\:w-\[320px\] { width: 320px; } .lg\:w-\[400px\] { width: 400px; } .lg\:w-\[450px\] { width: 450px; } .lg\:w-\[762px\] { width: 762px; } .lg\:w-\[830px\] { width: 830px; } .lg\:w-\[1144px\] { width: 1144px; } .lg\:w-auto { width: auto; } .lg\:w-full { width: 100%; } .lg\:max-w-\[98px\] { max-width: 98px; } .lg\:max-w-\[404px\] { max-width: 404px; } .lg\:min-w-\[100px\] { min-width: 100px; } .lg\:min-w-\[150px\] { min-width: 150px; } .lg\:min-w-\[320px\] { min-width: 320px; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0px, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0px, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:items-center { align-items: center; } .lg\:justify-center { justify-content: center; } .lg\:justify-end { justify-content: flex-end; } .lg\:gap-8 { gap: calc(var(--spacing)*8); } .lg\:gap-x-4 { column-gap: calc(var(--spacing)*4); } .lg\:gap-x-10 { column-gap: calc(var(--spacing)*10); } :where(.lg\:space-x-10 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(var(--spacing)*10*(1 - var(--tw-space-x-reverse))); margin-inline-start: calc(var(--spacing)*10*var(--tw-space-x-reverse)); } .lg\:overflow-hidden { overflow: hidden; } .lg\:overflow-y-auto { overflow-y: auto; } .lg\:overflow-y-scroll { overflow-y: scroll; } .lg\:bg-back { background-color: var(--ui-back); } .lg\:p-0 { padding: calc(var(--spacing)*0); } .lg\:p-1 { padding: calc(var(--spacing)*1); } .lg\:p-2 { padding: calc(var(--spacing)*2); } .lg\:p-3 { padding: calc(var(--spacing)*3); } .lg\:p-4 { padding: calc(var(--spacing)*4); } .lg\:p-5 { padding: calc(var(--spacing)*5); } .lg\:p-6 { padding: calc(var(--spacing)*6); } .lg\:px-0 { padding-inline: calc(var(--spacing)*0); } .lg\:px-2 { padding-inline: calc(var(--spacing)*2); } .lg\:px-3 { padding-inline: calc(var(--spacing)*3); } .lg\:px-4 { padding-inline: calc(var(--spacing)*4); } .lg\:px-6 { padding-inline: calc(var(--spacing)*6); } .lg\:px-8 { padding-inline: calc(var(--spacing)*8); } .lg\:py-2 { padding-block: calc(var(--spacing)*2); } .lg\:py-3\.5 { padding-block: calc(var(--spacing)*3.5); } .lg\:py-4 { padding-block: calc(var(--spacing)*4); } .lg\:pt-2 { padding-top: calc(var(--spacing)*2); } .lg\:pr-0 { padding-right: calc(var(--spacing)*0); } .lg\:pr-2 { padding-right: calc(var(--spacing)*2); } .lg\:pr-4 { padding-right: calc(var(--spacing)*4); } .lg\:pr-6 { padding-right: calc(var(--spacing)*6); } .lg\:pb-0 { padding-bottom: calc(var(--spacing)*0); } .lg\:pl-0 { padding-left: calc(var(--spacing)*0); } .lg\:pl-2 { padding-left: calc(var(--spacing)*2); } .lg\:text-left { text-align: left; } .lg\:text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); } .lg\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading,var(--text-sm--line-height)); } } @media (min-width: 80rem) { .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); } } @media (min-width: 96rem) { .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0px, 1fr)); } } .rtl\:translate-x-\[4px\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: 4px; translate: var(--tw-translate-x)var(--tw-translate-y); } .rtl\:-rotate-90:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: -90deg; } :where(.rtl\:space-x-reverse:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) > :not(:last-child)) { --tw-space-x-reverse: 1; } .rtl\:text-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { text-align: right; } .rtl\:after\:animate-\[carousel-inverse-rtl_2s_ease-in-out_infinite\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)::after { animation: 2s ease-in-out 0s infinite normal none running carousel-inverse-rtl; content: var(--tw-content); } .rtl\:after\:animate-\[carousel-rtl_2s_ease-in-out_infinite\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *)::after { animation: 2s ease-in-out 0s infinite normal none running carousel-rtl; content: var(--tw-content); } .data-\[state\=checked\]\:rtl\:-translate-x-3[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing)*-3); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:rtl\:-translate-x-3\.5[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing)*-3.5); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:rtl\:-translate-x-4[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing)*-4); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:rtl\:-translate-x-4\.5[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing)*-4.5); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=checked\]\:rtl\:-translate-x-5[data-state="checked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing)*-5); translate: var(--tw-translate-x)var(--tw-translate-y); } .data-\[state\=indeterminate\]\:rtl\:animate-\[carousel-inverse-rtl_2s_ease-in-out_infinite\][data-state="indeterminate"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { animation: 2s ease-in-out 0s infinite normal none running carousel-inverse-rtl; } .data-\[state\=indeterminate\]\:rtl\:animate-\[carousel-rtl_2s_ease-in-out_infinite\][data-state="indeterminate"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { animation: 2s ease-in-out 0s infinite normal none running carousel-rtl; } .data-\[state\=unchecked\]\:rtl\:-translate-x-0[data-state="unchecked"]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing)*0); translate: var(--tw-translate-x)var(--tw-translate-y); } :where(.dark\:divide-gray-800:where(.dark, .dark *) > :not(:last-child)) { border-color: var(--color-gray-800); } .dark\:border-gray-600:where(.dark, .dark *) { border-color: var(--color-gray-600); } .dark\:border-gray-700:where(.dark, .dark *) { border-color: var(--color-gray-700); } .dark\:border-gray-800:where(.dark, .dark *) { border-color: var(--color-gray-800); } .dark\:bg-gray-700:where(.dark, .dark *) { background-color: var(--color-gray-700); } .dark\:bg-gray-900:where(.dark, .dark *) { background-color: var(--color-gray-900); } .dark\:text-gray-300:where(.dark, .dark *) { color: var(--color-gray-300); } .dark\:text-gray-400:where(.dark, .dark *) { color: var(--color-gray-400); } .dark\:text-green-400:where(.dark, .dark *) { color: var(--color-green-400); } .dark\:text-primary-400:where(.dark, .dark *) { color: var(--color-primary-400); } .dark\:text-white:where(.dark, .dark *) { color: var(--color-white); } .dark\:focus-visible\:ring-primary-400:where(.dark, .dark *):focus-visible, .dark\:focus\:ring-primary-400:where(.dark, .dark *):focus { --tw-ring-color: var(--color-primary-400); } .dark\:focus-visible\:outline-none:where(.dark, .dark *):focus-visible { --tw-outline-style: none; outline-style: none; } .dark\:disabled\:bg-transparent:where(.dark, .dark *):disabled { background-color: rgba(0, 0, 0, 0); } @media (hover: hover) { .dark\:hover\:disabled\:bg-transparent:where(.dark, .dark *):hover:disabled { background-color: rgba(0, 0, 0, 0); } } .dark\:aria-disabled\:bg-transparent:where(.dark, .dark *)[aria-disabled="true"] { background-color: rgba(0, 0, 0, 0); } @media (hover: hover) { .dark\:hover\:aria-disabled\:bg-transparent:where(.dark, .dark *):hover[aria-disabled="true"] { background-color: rgba(0, 0, 0, 0); } } .\[\&\:has\(\[role\=checkbox\]\)\]\:pe-0:has([role="checkbox"]) { padding-inline-end: calc(var(--spacing)*0); } .\[\&\:is\(\[data-selected\=\'true\'\]\)\]\:text-white[data-selected="true"] { color: var(--color-white); } .\[\&\>button\]\:py-0 > button { padding-block: calc(var(--spacing)*0); } .\[\&\>div\]\:min-w-0 > div { min-width: calc(var(--spacing)*0); } .\[\&\>input\]\:h-12 > input { height: calc(var(--spacing)*12); } .\[\&\>mark\]\:bg-primary > mark { background-color: var(--ui-primary); } .\[\&\>mark\]\:text-inverted > mark { color: var(--ui-text-inverted); } .\[\&\>tr\]\:after\:absolute > tr::after { content: var(--tw-content); position: absolute; } .\[\&\>tr\]\:after\:inset-x-0 > tr::after { content: var(--tw-content); inset-inline: calc(var(--spacing)*0); } .\[\&\>tr\]\:after\:bottom-0 > tr::after { bottom: calc(var(--spacing)*0); content: var(--tw-content); } .\[\&\>tr\]\:after\:h-px > tr::after { content: var(--tw-content); height: 1px; } .\[\&\>tr\]\:after\:bg-\(--ui-border-accented\) > tr::after { background-color: var(--ui-border-accented); content: var(--tw-content); } @media (hover: hover) { .\[\&\>tr\]\:data-\[selectable\=true\]\:hover\:bg-elevated\/50 > tr[data-selectable="true"]:hover { background-color: rgba(50, 55, 56, 0.5); } @supports (color:color-mix(in lab,red,red)) { .\[\&\>tr\]\:data-\[selectable\=true\]\:hover\:bg-elevated\/50 > tr[data-selectable="true"]:hover { background-color: color-mix(in oklab,var(--ui-bg-elevated)50%,transparent); } } } .\[\&\>tr\]\:data-\[selectable\=true\]\:focus-visible\:outline-primary > tr[data-selectable="true"]:focus-visible { outline-color: var(--ui-primary); } } @keyframes accordion-up { 0% { height: var(--reka-accordion-content-height); } 100% { height: 0px; } } @keyframes accordion-down { 0% { height: 0px; } 100% { height: var(--reka-accordion-content-height); } } @keyframes collapsible-up { 0% { height: var(--reka-collapsible-content-height); } 100% { height: 0px; } } @keyframes collapsible-down { 0% { height: 0px; } 100% { height: var(--reka-collapsible-content-height); } } @keyframes toast-collapsed-closed { 0% { transform: var(--transform); } 100% { transform: translateY(calc((var(--before) - var(--height))*var(--gap)))scale(var(--scale)); } } @keyframes toast-closed { 0% { transform: var(--transform); } 100% { transform: translateY(calc((var(--offset) - var(--height))*var(--translate-factor))); } } @keyframes toast-slide-left { 0% { transform: translate(0)translateY(var(--translate)); } 100% { transform: translate(-100%)translateY(var(--translate)); } } @keyframes toast-slide-right { 0% { transform: translate(0)translateY(var(--translate)); } 100% { transform: translate(100%)translateY(var(--translate)); } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes scale-in { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } @keyframes scale-out { 0% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(0.95); } } @keyframes slide-in-from-top { 0% { transform: translateY(-100%); } 100% { transform: translateY(0px); } } @keyframes slide-out-to-top { 0% { transform: translateY(0px); } 100% { transform: translateY(-100%); } } @keyframes slide-in-from-right { 0% { transform: translate(100%); } 100% { transform: translate(0px); } } @keyframes slide-out-to-right { 0% { transform: translate(0px); } 100% { transform: translate(100%); } } @keyframes slide-in-from-bottom { 0% { transform: translateY(100%); } 100% { transform: translateY(0px); } } @keyframes slide-out-to-bottom { 0% { transform: translateY(0px); } 100% { transform: translateY(100%); } } @keyframes slide-in-from-left { 0% { transform: translate(-100%); } 100% { transform: translate(0px); } } @keyframes slide-out-to-left { 0% { transform: translate(0px); } 100% { transform: translate(-100%); } } @keyframes slide-in-from-top-and-fade { 0% { opacity: 0; transform: translateY(-4px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes slide-out-to-top-and-fade { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-4px); } } @keyframes slide-in-from-right-and-fade { 0% { opacity: 0; transform: translate(4px); } 100% { opacity: 1; transform: translate(0px); } } @keyframes slide-out-to-right-and-fade { 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translate(4px); } } @keyframes slide-in-from-bottom-and-fade { 0% { opacity: 0; transform: translateY(4px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes slide-out-to-bottom-and-fade { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(4px); } } @keyframes slide-in-from-left-and-fade { 0% { opacity: 0; transform: translate(-4px); } 100% { opacity: 1; transform: translate(0px); } } @keyframes slide-out-to-left-and-fade { 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translate(-4px); } } @keyframes enter-from-right { 0% { opacity: 0; transform: translate(200px); } 100% { opacity: 1; transform: translate(0px); } } @keyframes enter-from-left { 0% { opacity: 0; transform: translate(-200px); } 100% { opacity: 1; transform: translate(0px); } } @keyframes exit-to-right { 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translate(200px); } } @keyframes exit-to-left { 0% { opacity: 1; transform: translate(0px); } 100% { opacity: 0; transform: translate(-200px); } } @keyframes carousel { 0%, 100% { width: 50%; } 0% { transform: translate(-100%); } 100% { transform: translate(200%); } } @keyframes carousel-rtl { 0%, 100% { width: 50%; } 0% { transform: translate(100%); } 100% { transform: translate(-200%); } } @keyframes carousel-vertical { 0%, 100% { height: 50%; } 0% { transform: translateY(-100%); } 100% { transform: translateY(200%); } } @keyframes carousel-inverse { 0%, 100% { width: 50%; } 0% { transform: translate(200%); } 100% { transform: translate(-100%); } } @keyframes carousel-inverse-rtl { 0%, 100% { width: 50%; } 0% { transform: translate(-200%); } 100% { transform: translate(100%); } } @keyframes carousel-inverse-vertical { 0%, 100% { height: 50%; } 0% { transform: translateY(200%); } 100% { transform: translateY(-100%); } } @keyframes swing { 0%, 100% { width: 50%; } 0%, 100% { transform: translate(-25%); } 50% { transform: translate(125%); } } @keyframes swing-vertical { 0%, 100% { height: 50%; } 0%, 100% { transform: translateY(-25%); } 50% { transform: translateY(125%); } } @keyframes elastic { 0%, 100% { margin-left: 25%; width: 50%; } 50% { margin-left: 5%; width: 90%; } } @keyframes elastic-vertical { 0%, 100% { height: 50%; margin-top: 25%; } 50% { height: 90%; margin-top: 5%; } } iframe { color-scheme: light; } @font-face { font-family: NotoSansKR; font-weight: 100; src: url("/_nuxt/NotoSansKR-Thin.QldjOTyb.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 200; src: url("/_nuxt/NotoSansKR-ExtraLight.0fWfJkRB.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 300; src: url("/_nuxt/NotoSansKR-Light.P9wFJM3J.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 400; src: url("/_nuxt/NotoSansKR-Regular.BwJbcbmG.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 500; src: url("/_nuxt/NotoSansKR-Medium.DsyGvyIl.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 600; src: url("/_nuxt/NotoSansKR-SemiBold.C1ifGIom.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 700; src: url("/_nuxt/NotoSansKR-Bold.DTmyoEs5.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 800; src: url("/_nuxt/NotoSansKR-ExtraBold.CRJkImYX.ttf") format("truetype"); } @font-face { font-family: NotoSansKR; font-weight: 900; src: url("/_nuxt/NotoSansKR-Black.p_bFdbTe.ttf") format("truetype"); } @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-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin { 100% { transform: rotate(1turn); } } @keyframes pulse { 50% { opacity: 0.5; } } /* ===== inline (34 rules) ===== */ ::-webkit-scrollbar { height: 6px; width: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background-color: rgb(136, 136, 136); border: 1px solid transparent; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background-color: rgb(85, 85, 85); } ::-webkit-scrollbar-button { display: none; } @media (min-width: 1024px) { html { overflow-y: hidden; } } body { background: var(--color-default2-400) !important; } .router-link-active { color: var(--color-primary-400); } .grident-btn { background: linear-gradient(90deg, rgb(35, 236, 136), rgb(157, 231, 112)) !important; } .j--btn { background-color: var(--color-primary-400); border: 1px solid var(--color-default-400); } .j--btn, .j--btn2 { color: var(--color-default-400); } .j--btn2 { background-color: var(--color-grey-400) !important; border: 2px solid var(--color-primary-400) !important; } .telegram { background: linear-gradient(rgb(0, 165, 234), rgb(0, 89, 123)) rgb(0, 0, 255) !important; } button { cursor: pointer; justify-content: center; } .event-team-name { max-width: calc(-138px + 50vw); } .mb-overflow--table { max-width: 90vw; overflow-x: scroll; } .mb-overflow--table td, .mb-overflow--table th { min-width: 55px; text-align: center; } .bet-cart-btn { border: 1px solid var(--color-grey-400); background: rgb(52, 47, 47) !important; color: rgb(255, 255, 255) !important; } .lotus-iframe-container { height: 0px; overflow: hidden; padding-bottom: 77.35%; position: relative; width: 100%; } @media (min-width: 1024px) { .lotus-iframe-container.donghang { overflow: hidden; padding-bottom: 83.35%; position: relative; width: 900px; } .lotus-iframe-container.donghang iframe { height: 100%; left: 0px; position: absolute; top: 0px; transform: scale(0.8466); transform-origin: 0px 0px; width: 100%; } } .lotus-iframe-container iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .bg-primary, .bg-primary .text-default, .bg-primary .text-white, .bg-primary.text-white { color: rgb(0, 0, 0) !important; } .text-highlighted, .text-white { color: rgba(255, 255, 255, 0.5) !important; } @media (min-width: 1024px) { .pc-detail-page { padding: 0px 60px !important; } } @media only screen and (min-width: 768px) { .iframe-minigame2 { height: 640px; transform: scale(0.9398); transform-origin: left top; width: 830px; } } .bet-Over::after { border-right: 0.5em solid transparent; border-top: 0.5em solid red; left: 0px; top: 0px; } .bet-Over::after, .bet-Under::after { box-sizing: border-box; content: ""; position: absolute; } .bet-Under::after { border-bottom: 0.5em solid rgb(3, 36, 235); border-left: 0.5em solid transparent; bottom: 0px; right: 0px; } .checkbox-joinbox button { border: 1px solid rgb(255, 255, 255) !important; } .top-bet-btn { font-weight: 800; background-image: linear-gradient(90deg, rgb(36, 238, 137), rgb(159, 232, 113)) !important; box-shadow: rgba(35, 238, 136, 0.3) 0px 0px 12px, rgb(29, 202, 106) 0px -2px inset !important; color: rgb(0, 0, 0) !important; } .team-btn { font-size: 14px !important; } .betting-btn, .team-btn { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px, rgba(0, 0, 0, 0.12) 0px 1px 5px; } .betting-btn { background: rgb(50, 55, 56); height: 36px; border-radius: 12px !important; } .not-scroll::-webkit-scrollbar { height: 0px; } /* ===== inline (1 rules) ===== */ #onlinehelp-button-489c9531-607d-486f-a4ef-e1660acd557d iframe { bottom: 55px !important; } /* ===== inline (1 rules) ===== */ .grident-btn { background: linear-gradient(90deg, rgb(35, 236, 136), rgb(157, 231, 112)) !important; } /* ===== inline (14 rules) ===== */ .side_bar { height: 100%; margin: 3px; width: auto; padding: 2px 0px !important; } .search_btn { border-radius: 0px; background-color: rgb(247, 209, 70) !important; height: 32px !important; min-width: 33px !important; } .minigame_title { background: linear-gradient(rgb(59, 59, 59), rgb(0, 0, 0)); border: 1px solid rgb(24, 32, 42); color: rgb(112, 116, 120); font-size: 9pt; padding: 5px !important; } .progress { background-color: rgba(0, 0, 0, 0.7); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 203; } .progress .circular { left: 50%; top: 50%; transform: translate(-50%, -50%); } .search-input input { height: 36px; } .pc-left-side-btn { align-items: center; cursor: pointer; display: flex; flex: 0 0 100%; height: 45px; max-width: 100%; position: relative; background: var(--color-back1-400) !important; border-radius: 8px !important; font-weight: 600 !important; padding: 0px 12px 0px 16px !important; } .grident-btn2 { transform: rotate(90deg); } .grident-btn2, .grident-btn3 { border-radius: 999px; height: 25px; position: absolute; right: 8px; width: 25px; background: url("/c/right.webp") 0% 0% / 100% 100% !important; } .sport-location { position: relative; } .sport-location::before { background: url("/c/bl_02.webp") 0px 0px no-repeat; content: ""; height: 9px; margin-left: -7px; margin-top: -5px; position: absolute; top: 16px; width: 9px; left: 2px !important; } .slot_menu { background-image: url("/c/left/slot.png") !important; } .slot_menu, .slot_menu:hover { background-size: 100% 100% !important; } .slot_menu:hover { background-image: url("/c/left/slot_hover.png") !important; } /* ===== inline (30 rules) ===== */ .normal-roulette-dialog { box-shadow: none; overflow: hidden; margin: 0px !important; max-height: 100vh !important; } .normal-roulette-pin { z-index: 200; } .normal-roulette-center, .normal-roulette-pin { left: 1px; position: absolute; top: -10px; margin-top: 10px !important; } .normal-roulette-center { z-index: 300; } .card-coupon-count { font-family: digital-7; font-size: 48px; position: absolute; right: 48px; top: 30px; } @media (max-width: 1024px) { .card-coupon-count { font-size: 31px; right: 34px; top: 20%; } } .normal-remaining-coupon { font-size: 20px; } @media (max-width: 1024px) { .normal-remaining-coupon { font-size: 15px; } } .normal-result-20000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-20000; } @keyframes normal-rotation-20000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(22.5deg); } } .normal-result-15000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-15000; } @keyframes normal-rotation-15000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(67.5deg); } } .normal-result-2000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-2000; } @keyframes normal-rotation-2000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(112.5deg); } } .normal-result-1000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-1000; } @keyframes normal-rotation-1000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(157.5deg); } } .normal-result-5000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-5000; } @keyframes normal-rotation-5000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(202.5deg); } } .normal-result-3000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-3000; } @keyframes normal-rotation-3000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(247.5deg); } } .normal-result-10000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-10000; } @keyframes normal-rotation-10000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(292.5deg); } } .normal-result-7000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-7000; } @keyframes normal-rotation-7000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(337.5deg); } } .normal-roulette { animation: 0.5s linear 0s infinite normal forwards running normal-rotation; } @keyframes normal-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .card-count-normal { font-size: 40px; left: 6px; position: absolute; top: -22px; } @media (max-width: 1024px) { .card-count-normal { font-size: 16px; top: -5px; } } .button-size { height: 50px; } @media (max-width: 1024px) { .button-size { height: 30px; } } /* ===== inline (29 rules) ===== */ .crewbet-top[data-v-d4c827d6] { max-width: 1230px !important; } .w-32_5-minus-20px[data-v-d4c827d6] { width: calc(32.5% - 20px); } .max-w-32_5-minus-20px[data-v-d4c827d6] { max-width: calc(32.5% - 20px); } .w-17_4-minus-20px[data-v-d4c827d6] { width: calc(17.4% - 20px); } .max-w-17_4-minus-20px[data-v-d4c827d6] { max-width: calc(17.4% - 20px); } .grid-cols-auto-fit-minmax[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .grid-cols-auto-fit-minmax-casino[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .grid-cols-auto-fit-minmax-slot[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); } .grid-cols-auto-fit-minmax-promo[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); } .de-text[data-v-d4c827d6] { color: rgb(238, 238, 238); } .red2-text[data-v-d4c827d6] { color: red; } .footer-text[data-v-d4c827d6] { color: rgb(170, 170, 170); } .txt-co3[data-v-d4c827d6] { color: rgb(0, 255, 0); } .carousel-overlay[data-v-d4c827d6] { background-color: rgba(0, 0, 0, 0.5); } .progress[data-v-d4c827d6] { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; height: 100%; justify-content: center; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 203; } .hide-scrollbar[data-v-d4c827d6] { scrollbar-width: none; } .hide-scrollbar[data-v-d4c827d6]::-webkit-scrollbar { display: none; } @media (min-width: 1024px) { .col12-between[data-v-d4c827d6] { gap: 16px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .col6-between[data-v-d4c827d6] { gap: 1rem; grid-template-columns: repeat(6, 1fr); } } @media (max-width: 1023px) and (min-width: 768px) { .col6-between[data-v-d4c827d6] { gap: 1rem; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .col6-between[data-v-d4c827d6] { gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .col7-between[data-v-d4c827d6] { gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); } .col8-between[data-v-d4c827d6] { gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); } .col4-between[data-v-d4c827d6] { gap: 1.5rem; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 767px) { .col2-between[data-v-d4c827d6] { gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } .col4-between[data-v-d4c827d6] { gap: 0.5rem; grid-template-columns: repeat(4, 1fr); } } .top-game-items > div[data-v-d4c827d6] { border-radius: 8px; } .top-game-items > div[data-v-d4c827d6]:first-child { background: linear-gradient(rgba(244, 62, 139, 0), rgba(244, 62, 139, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(2) { background: linear-gradient(rgba(244, 182, 62, 0), rgba(244, 182, 62, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(3) { background: linear-gradient(rgba(230, 246, 44, 0), rgba(230, 246, 44, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(4) { background: linear-gradient(rgba(44, 246, 89, 0), rgba(44, 246, 89, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(5) { background: linear-gradient(rgba(44, 125, 246, 0), rgba(44, 125, 246, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(6) { background: linear-gradient(rgba(244, 62, 139, 0), rgba(244, 62, 139, 0.6)), rgb(50, 55, 56) !important; } /* ===== https://cr-333.com/_nuxt/BetResultCommon.DZ0NE3L3.css (16 rules) ===== */ .summary-row[data-v-3eacef23], .table-header[data-v-3eacef23], .table-row[data-v-3eacef23] { display: flex; width: 100%; } .table-header[data-v-3eacef23] { background-color: rgb(58, 65, 66); border-bottom: 1px solid rgb(85, 85, 85); color: rgb(255, 255, 255); font-weight: 700; } .table-cell[data-v-3eacef23] { align-items: center; border-right: 1px solid rgb(68, 68, 68); display: flex; justify-content: center; padding: 8px; } .table-cell[data-v-3eacef23]:last-child { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; } .table-row[data-v-3eacef23] { border-bottom: 1px solid rgb(68, 68, 68); } .table-row[data-v-3eacef23]:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; } .summary-row[data-v-3eacef23] { background-color: rgb(34, 34, 34); border-top: 1px solid rgb(85, 85, 85); } .summary .table-cell[data-v-3eacef23] { justify-content: flex-start; } .betting-list-main[data-v-3eacef23] { overflow-x: auto; } .betting-table[data-v-3eacef23], .mg-betting-table[data-v-3eacef23] { background-color: rgb(26, 26, 26); border-radius: 8px; overflow: hidden; } .overunderline[data-v-3eacef23] { border-bottom: 1px solid rgb(85, 85, 85); margin-bottom: 1rem; } .home--font[data-v-3eacef23] { color: red; } .away--font[data-v-3eacef23] { color: rgb(0, 0, 255); } .text-overflow--ellipsis[data-v-3eacef23] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .visible_scrollbar[data-v-3eacef23] { max-height: 80vh; overflow-y: auto; } @media (max-width: 1023px) { .betting-list-main[data-v-3eacef23] { display: block; } .betting-table .table-cell[data-v-3eacef23], .betting-table .table-header .table-cell[data-v-3eacef23], .mg-betting-table .table-cell[data-v-3eacef23], .mg-betting-table .table-header .table-cell[data-v-3eacef23] { font-size: 0.75rem; padding: 4px; } } /* ===== https://cr-333.com/_nuxt/index.DXi32BrV.css (1 rules) ===== */ .hidden-text[data-v-6bc5edd5] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; height: 1px; left: -9999px; margin: 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; } /* ===== https://cr-333.com/_nuxt/join_info.DHgiQrng.css (3 rules) ===== */ .mypage-info > div[data-v-92aaa915] { display: flex; flex-wrap: wrap; } .mypage-info > div > div[data-v-92aaa915]:first-child { width: auto; } .mypage-info > div > div[data-v-92aaa915]:last-child { flex-grow: 1; } /* ===== https://cr-333.com/_nuxt/index.CR0oJHRm.css (1 rules) ===== */ .img-wd100 img { width: 100%; } /* ===== inline (2 rules) ===== */ :where(.i-lucide\:chevron-left) { display: inline-block; width: 1em; height: 1em; background-color: currentcolor; mask-image: var(--svg); mask-repeat: no-repeat; mask-size: 100% 100%; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18l-6-6l6-6'/%3E%3C/svg%3E"); } :where(.i-lucide\:chevron-right) { display: inline-block; width: 1em; height: 1em; background-color: currentcolor; mask-image: var(--svg); mask-repeat: no-repeat; mask-size: 100% 100%; --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18l6-6l-6-6'/%3E%3C/svg%3E"); } /* ===== https://cr-333.com/_nuxt/index.vRP14nLK.css (29 rules) ===== */ .crewbet-top[data-v-d4c827d6] { max-width: 1230px !important; } .w-32_5-minus-20px[data-v-d4c827d6] { width: calc(32.5% - 20px); } .max-w-32_5-minus-20px[data-v-d4c827d6] { max-width: calc(32.5% - 20px); } .w-17_4-minus-20px[data-v-d4c827d6] { width: calc(17.4% - 20px); } .max-w-17_4-minus-20px[data-v-d4c827d6] { max-width: calc(17.4% - 20px); } .grid-cols-auto-fit-minmax[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .grid-cols-auto-fit-minmax-casino[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .grid-cols-auto-fit-minmax-slot[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)); } .grid-cols-auto-fit-minmax-promo[data-v-d4c827d6] { grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); } .de-text[data-v-d4c827d6] { color: rgb(238, 238, 238); } .red2-text[data-v-d4c827d6] { color: red; } .footer-text[data-v-d4c827d6] { color: rgb(170, 170, 170); } .txt-co3[data-v-d4c827d6] { color: rgb(0, 255, 0); } .carousel-overlay[data-v-d4c827d6] { background-color: rgba(0, 0, 0, 0.5); } .progress[data-v-d4c827d6] { align-items: center; background-color: rgba(0, 0, 0, 0.7); display: flex; height: 100%; justify-content: center; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 203; } .hide-scrollbar[data-v-d4c827d6] { scrollbar-width: none; } .hide-scrollbar[data-v-d4c827d6]::-webkit-scrollbar { display: none; } @media (min-width: 1024px) { .col12-between[data-v-d4c827d6] { gap: 16px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); } .col6-between[data-v-d4c827d6] { gap: 1rem; grid-template-columns: repeat(6, 1fr); } } @media (max-width: 1023px) and (min-width: 768px) { .col6-between[data-v-d4c827d6] { gap: 1rem; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767px) { .col6-between[data-v-d4c827d6] { gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .col7-between[data-v-d4c827d6] { gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); } .col8-between[data-v-d4c827d6] { gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); } .col4-between[data-v-d4c827d6] { gap: 1.5rem; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 767px) { .col2-between[data-v-d4c827d6] { gap: 0.5rem; grid-template-columns: repeat(2, 1fr); } .col4-between[data-v-d4c827d6] { gap: 0.5rem; grid-template-columns: repeat(4, 1fr); } } .top-game-items > div[data-v-d4c827d6] { border-radius: 8px; } .top-game-items > div[data-v-d4c827d6]:first-child { background: linear-gradient(rgba(244, 62, 139, 0), rgba(244, 62, 139, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(2) { background: linear-gradient(rgba(244, 182, 62, 0), rgba(244, 182, 62, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(3) { background: linear-gradient(rgba(230, 246, 44, 0), rgba(230, 246, 44, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(4) { background: linear-gradient(rgba(44, 246, 89, 0), rgba(44, 246, 89, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(5) { background: linear-gradient(rgba(44, 125, 246, 0), rgba(44, 125, 246, 0.6)), rgb(50, 55, 56) !important; } .top-game-items > div[data-v-d4c827d6]:nth-child(6) { background: linear-gradient(rgba(244, 62, 139, 0), rgba(244, 62, 139, 0.6)), rgb(50, 55, 56) !important; } /* ===== https://cr-333.com/_nuxt/default.CqIYes8Z.css (57 rules) ===== */ .normal-roulette-dialog { box-shadow: none; overflow: hidden; margin: 0px !important; max-height: 100vh !important; } .normal-roulette-pin { z-index: 200; } .normal-roulette-center, .normal-roulette-pin { left: 1px; position: absolute; top: -10px; margin-top: 10px !important; } .normal-roulette-center { z-index: 300; } .card-coupon-count { font-family: digital-7; font-size: 48px; position: absolute; right: 48px; top: 30px; } @media (max-width: 1024px) { .card-coupon-count { font-size: 31px; right: 34px; top: 20%; } } .normal-remaining-coupon { font-size: 20px; } @media (max-width: 1024px) { .normal-remaining-coupon { font-size: 15px; } } .normal-result-20000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-20000; } @keyframes normal-rotation-20000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(22.5deg); } } .normal-result-15000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-15000; } @keyframes normal-rotation-15000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(67.5deg); } } .normal-result-2000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-2000; } @keyframes normal-rotation-2000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(112.5deg); } } .normal-result-1000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-1000; } @keyframes normal-rotation-1000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(157.5deg); } } .normal-result-5000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-5000; } @keyframes normal-rotation-5000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(202.5deg); } } .normal-result-3000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-3000; } @keyframes normal-rotation-3000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(247.5deg); } } .normal-result-10000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-10000; } @keyframes normal-rotation-10000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(292.5deg); } } .normal-result-7000 { animation: 0.5s ease-out 0s 1 normal forwards running normal-rotation-7000; } @keyframes normal-rotation-7000 { 0% { transform: rotate(0deg); } 100% { transform: rotate(337.5deg); } } .normal-roulette { animation: 0.5s linear 0s infinite normal forwards running normal-rotation; } @keyframes normal-rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .card-count-normal { font-size: 40px; left: 6px; position: absolute; top: -22px; } @media (max-width: 1024px) { .card-count-normal { font-size: 16px; top: -5px; } } .button-size { height: 50px; } @media (max-width: 1024px) { .button-size { height: 30px; } } .side_bar { height: 100%; margin: 3px; width: auto; padding: 2px 0px !important; } .search_btn { border-radius: 0px; background-color: rgb(247, 209, 70) !important; height: 32px !important; min-width: 33px !important; } .minigame_title { background: linear-gradient(rgb(59, 59, 59), rgb(0, 0, 0)); border: 1px solid rgb(24, 32, 42); color: rgb(112, 116, 120); font-size: 9pt; padding: 5px !important; } .progress { background-color: rgba(0, 0, 0, 0.7); height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 203; } .progress .circular { left: 50%; top: 50%; transform: translate(-50%, -50%); } .search-input input { height: 36px; } .pc-left-side-btn { align-items: center; cursor: pointer; display: flex; flex: 0 0 100%; height: 45px; max-width: 100%; position: relative; background: var(--color-back1-400) !important; border-radius: 8px !important; font-weight: 600 !important; padding: 0px 12px 0px 16px !important; } .grident-btn2 { transform: rotate(90deg); } .grident-btn2, .grident-btn3 { border-radius: 999px; height: 25px; position: absolute; right: 8px; width: 25px; background: url("../c/right.webp") 0% 0% / 100% 100% !important; } .sport-location { position: relative; } .sport-location::before { background: url("../c/bl_02.webp") 0px 0px no-repeat; content: ""; height: 9px; margin-left: -7px; margin-top: -5px; position: absolute; top: 16px; width: 9px; left: 2px !important; } .slot_menu { background-image: url("../c/left/slot.png") !important; } .slot_menu, .slot_menu:hover { background-size: 100% 100% !important; } .slot_menu:hover { background-image: url("../c/left/slot_hover.png") !important; } .grident-btn { background: linear-gradient(90deg, rgb(35, 236, 136), rgb(157, 231, 112)) !important; } .betslip-div[data-v-eba7ada0] { max-width: 320px; min-width: 320px; width: 100%; z-index: 20; } @media (min-width: 1024px) { .betslip-div[data-v-eba7ada0] { bottom: 8%; position: fixed; right: 80px; width: 320px; z-index: 1; } } .greyBoxBorder[data-v-eba7ada0] { background-color: rgb(42, 42, 42); border: 1px solid rgb(74, 74, 74); } .betting_scrollbarY[data-v-eba7ada0] { max-height: 250px; overflow-y: auto; } .base-timer[data-v-eba7ada0] { height: 200px; position: relative; width: 200px; } .base-timer__path-remaining[data-v-eba7ada0] { stroke-width: 7px; stroke-linecap: round; transition: 1s linear; stroke: currentcolor; } .base-timer__path-remaining.green[data-v-eba7ada0] { color: rgb(65, 184, 131); } .base-timer__path-remaining.orange[data-v-eba7ada0] { color: orange; } .base-timer__path-remaining.red[data-v-eba7ada0] { color: rgb(167, 31, 103); } .base-timer__label[data-v-eba7ada0] { align-items: center; display: flex; font-size: 48px; height: 100%; justify-content: center; left: 0px; position: absolute; top: 0px; width: 100%; } .popup-image { } #onlinehelp-button-489c9531-607d-486f-a4ef-e1660acd557d iframe { bottom: 55px !important; }