:root, .light { --radius: 0.5rem; /** * @tokens Light Theme * @presenter Color */ --background: var(--secondary-bg); --foreground: 0 0% 3.9%; --primary: 222 47% 11%; --primary-hover: 217 33% 17%; --primary-foreground: 0 0% 98%; --secondary: 0 0% 96.1%; --secondary-foreground: 0 0% 9%; --card: 0 0% 100%; --card-foreground: 0 0% 3.9%; --popover: 0 0% 100%; --popover-foreground: 0 0% 3.9%; --muted-foreground: 0 0% 45.1%; --accent: 222 47% 11%; --accent-foreground: 0 0% 9%; --destructive: 0 84.2% 60.2%; --destructive-foreground: 0 0% 98%; --border: 0 0% 89.8%; --input: 0 0% 89.8%; --ring: 0 0% 3.9%; --chart-1: 173 58% 39%; --chart-2: 12 76% 61%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; /** Base **/ --primary-accent: 222 47% 11%; --primary-accent-hover: 217 33% 17%; --primary-fg: 222 47% 11%; --primary-bg: 210 40% 98%; --primary-bg-hover: 214 32% 91%; --primary-border: 213 27% 84%; --secondary-accent: 222 47% 11%; --secondary-fg: 215 25% 27%; --secondary-bg: 0 0% 100%; --secondary-bg-hover: 210 40% 96%; --secondary-border: 214 32% 91%; --tertiary-accent: 215 16% 47%; --muted: 215 16% 47%; --sidebar-bg: 210 40% 98%; --focus: var(--muted); /** Inverse **/ --inverse-primary-bg: 222 47% 11%; --inverse-secondary-bg: 217 33% 17%; --inverse-hover: 215 25% 27%; --inverse-active: 215 19% 35%; --inverse-border: 215 25% 27%; --inverse-muted: 215 20% 65%; --inverse-secondary-fg: 214 32% 91%; --inverse-primary-fg: 210 40% 98%; /** Status **/ --status-default: 222 47% 11%; --status-default-hover: 217 33% 17%; --status-default-border: 215 25% 27%; --status-default-muted: 215 20% 65%; --status-default-bg-hover: 214 32% 91%; --status-default-bg: 210 40% 96%; --status-default-fg: 210 40% 98%; --status-info: 201 96% 32%; --status-info-fg: 201 96% 32%; --status-info-hover: 200 98% 39%; --status-info-bg: 204 100% 97%; --status-info-primary-bg: 204 94% 94%; --status-info-bg-hover: 204 94% 94%; --status-info-primary-border: 199 95% 74%; --status-info-secondary-border: 201 94% 86%; --status-success: 142 72% 29%; --status-success-fg: 142 72% 29%; --status-success-hover: 142 76% 36%; --status-success-bg: 138 76% 97%; --status-success-primary-bg: 141 84% 93%; --status-success-bg-hover: 141 84% 93%; --status-success-primary-border: 142 77% 73%; --status-success-secondary-border: 141 79% 85%; --status-warning: 26 90% 37%; --status-warning-fg: 26 90% 37%; --status-warning-hover: 32 95% 44%; --status-warning-bg: 33 100% 96%; --status-warning-primary-bg: 34 100% 92%; --status-warning-bg-hover: 34 100% 92%; --status-warning-primary-border: 31 97% 72%; --status-warning-secondary-border: 32 98% 83%; --status-error: 0 74% 42%; --status-error-fg: 0 74% 42%; --status-error-hover: 0 72% 51%; --status-error-bg: 0 86% 97%; --status-error-primary-bg: 0 93% 94%; --status-error-bg-hover: 0 93% 94%; --status-error-primary-border: 0 94% 82%; --status-error-secondary-border: 0 96% 89%; /** Alpha **/ --alpha-03: 210 40% 96% / 3%; --alpha-05: 210 40% 96% / 5%; --alpha-08: 210 40% 96% / 8%; --alpha-10: 210 40% 96% / 10%; --alpha-20: 210 40% 96% / 20%; --alpha-30: 210 40% 96% / 30%; --alpha-40: 210 40% 96% / 40%; --alpha-50: 210 40% 96% / 50%; --alpha-60: 210 40% 96% / 60%; --alpha-70: 210 40% 96% / 70%; --alpha-80: 210 40% 96% / 80%; --alpha-90: 210 40% 96% / 90%; --alpha-high-03: 229 84% 5% / 3%; --alpha-high-05: 229 84% 5% / 5%; --alpha-high-08: 229 84% 5% / 8%; --alpha-high-10: 229 84% 5% / 10%; --alpha-high-20: 229 84% 5% / 20%; --alpha-high-30: 229 84% 5% / 30%; --alpha-high-40: 229 84% 5% / 40%; --alpha-high-50: 229 84% 5% / 50%; --alpha-high-60: 229 84% 5% / 60%; --alpha-high-70: 229 84% 5% / 70%; --alpha-high-80: 229 84% 5% / 80%; --alpha-high-90: 229 84% 5% / 90%; --alpha-accent-primary: 210 40% 96% / 12%; --alpha-accent-secondary: 210 40% 96% / 8%; /** Autofill **/ --autofill-bg: 213 100% 96%; /** Palette **/ --peony: 351 100% 81%; --garnet: 0 100% 91%; --cinnamon: 16 100% 89%; --caramel: 28 100% 86%; --hazel: 37 100% 84%; --honey: 44 98% 82%; --lemon: 54 100% 81%; --olive: 66 67% 78%; --sage: 87 71% 81%; --mint: 120 71% 85%; --bazil: 149 81% 81%; --spruce: 165 84% 77%; --aqua: 174 86% 75%; --azure: 180 84% 73%; --tiffany: 186 100% 75%; --marine: 189 100% 77%; --turquoise: 194 100% 80%; --frost: 202 100% 85%; --bosphorus: 216 100% 89%; --lavender: 247 100% 92%; --orchid: 276 100% 90%; --lilac: 296 100% 89%; --plume: 305 100% 88%; --velvet: 320 100% 87%; /** Glass **/ --glass-thin: blur(8px) brightness(108%) saturate(120%); --glass-regular: blur(16px) brightness(100%) saturate(180%) contrast(100%); --glass-thick: blur(24px) brightness(96%) saturate(200%) contrast(102%); --glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6); --shadow-glass-sm: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 0 40px 30px -40px rgba(0, 0, 0, 0.16) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-500, #71717A), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-500, #71717A), 0 0 0 0.5px var(--base-primary-border, #D4D4D8), 0 8px 16px 0 rgba(0, 0, 0, 0.02); --shadow-glass-md: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-primary-border, #D4D4D8), 0 4px 24px 0 rgba(0, 0, 0, 0.12); --shadow-glass-lg: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), -1.25px 0 0 -0.75px var(--tailwind-colors-zinc-400, #A1A1AA), 0 0 0 0.5px var(--base-secondary-border, #E4E4E7), 0 8px 16px 0 rgba(0, 0, 0, 0.02); } .dark { /** * @tokens Dark Theme * @presenter Color */ --foreground: 0 0% 98%; --card: 0 0% 3.9%; --card-foreground: 0 0% 98%; --popover: 0 0% 3.9%; --popover-foreground: 0 0% 98%; --primary: 210 40% 98%; --primary-hover: 214 32% 91%; --primary-foreground: 0 0% 9%; --secondary: 0 0% 14.9%; --secondary-foreground: 0 0% 98%; --muted-foreground: 0 0% 63.9%; --accent: 210 40% 98%; --accent-foreground: 0 0% 98%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 98%; --border: 0 0% 14.9%; --input: 0 0% 14.9%; --ring: 0 0% 83.1%; --chart-1: 220 70% 50%; --chart-2: 340 75% 55%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 160 60% 45%; /** Base **/ --primary-accent: 210 40% 98%; --primary-accent-hover: 214 32% 91%; --primary-fg: 210 40% 98%; --primary-border: 215 19% 35%; --primary-bg: 229 84% 5%; --primary-bg-hover: 215 25% 27%; --secondary-accent: 210 40% 98%; --secondary-fg: 214 32% 91%; --secondary-border: 215 25% 27%; --secondary-bg: 222 47% 11%; --secondary-bg-hover: 217 33% 17%; --tertiary-accent: 215 20% 65%; --muted: 215 20% 65%; --sidebar-bg: 229 84% 5%; --focus: var(--muted); /** Inverse **/ --inverse-primary-bg: 210 40% 98%; --inverse-secondary-bg: 210 40% 96%; --inverse-hover: 214 32% 91%; --inverse-active: 213 27% 84%; --inverse-border: 214 32% 91%; --inverse-muted: 215 16% 47%; --inverse-secondary-fg: 215 25% 27%; --inverse-primary-fg: 222 47% 11%; /** Status **/ --status-default: 210 40% 98%; --status-default-hover: 210 40% 96%; --status-default-border: 214 32% 91%; --status-default-muted: 215 16% 47%; --status-default-bg-hover: 215 25% 27%; --status-default-bg: 217 33% 17%; --status-default-fg: 222 47% 11%; --status-info: 200 98% 39%; --status-info-fg: 199 89% 48%; --status-info-hover: 199 89% 48%; --status-info-bg: var(--status-default-bg); --status-info-primary-bg: 204 80% 16%; --status-info-bg-hover: var(--status-default-bg-hover); --status-info-primary-border: 201 90% 27%; --status-info-secondary-border: 202 80% 24%; --status-success: 142 76% 36%; --status-success-fg: 142 71% 45%; --status-success-hover: 142 71% 45%; --status-success-bg: var(--status-default-bg); --status-success-primary-bg: 145 80% 10%; --status-success-bg-hover: var(--status-default-bg-hover); --status-success-primary-border: 143 64% 24%; --status-success-secondary-border: 144 61% 20%; --status-warning: 32 95% 44%; --status-warning-fg: 38 92% 50%; --status-warning-hover: 38 92% 50%; --status-warning-bg: var(--status-default-bg); --status-warning-primary-bg: 26 83% 14%; --status-warning-bg-hover: var(--status-default-bg-hover); --status-warning-primary-border: 32 81% 29%; --status-warning-secondary-border: 28 73% 26%; --status-error: 0 74% 42%; --status-error-fg: 0 84% 60%; --status-error-hover: 0 84% 60%; --status-error-bg: var(--status-default-bg); --status-error-primary-bg: 0 75% 15%; --status-error-bg-hover: var(--status-default-bg-hover); --status-error-primary-border: 0 70% 35%; --status-error-secondary-border: 0 63% 31%; /** Alpha **/ --alpha-03: 229 84% 5% / 3%; --alpha-05: 229 84% 5% / 5%; --alpha-08: 229 84% 5% / 8%; --alpha-10: 229 84% 5% / 10%; --alpha-20: 229 84% 5% / 20%; --alpha-30: 229 84% 5% / 30%; --alpha-40: 229 84% 5% / 40%; --alpha-50: 229 84% 5% / 50%; --alpha-60: 229 84% 5% / 60%; --alpha-70: 229 84% 5% / 70%; --alpha-80: 229 84% 5% / 80%; --alpha-90: 229 84% 5% / 90%; --alpha-high-03: 210 40% 96% / 3%; --alpha-high-05: 210 40% 96% / 5%; --alpha-high-08: 210 40% 96% / 8%; --alpha-high-10: 210 40% 96% / 10%; --alpha-high-20: 210 40% 96% / 20%; --alpha-high-30: 210 40% 96% / 30%; --alpha-high-40: 210 40% 96% / 40%; --alpha-high-50: 210 40% 96% / 50%; --alpha-high-60: 210 40% 96% / 60%; --alpha-high-70: 210 40% 96% / 70%; --alpha-high-80: 210 40% 96% / 80%; --alpha-high-90: 210 40% 96% / 90%; --alpha-accent-primary: 222 47% 11% / 8%; --alpha-accent-secondary: 222 47% 11% / 5%; /** Palette **/ --peony: 340 35% 47%; --garnet: 0 35% 48%; --cinnamon: 15 35% 43%; --caramel: 29 35% 39%; --hazel: 38 35% 36%; --honey: 44 35% 35%; --lemon: 49 52% 36%; --olive: 67 35% 32%; --sage: 87 35% 33%; --mint: 120 34% 34%; --bazil: 149 35% 34%; --spruce: 165 35% 34%; --aqua: 174 35% 33%; --azure: 180 35% 33%; --tiffany: 187 35% 35%; --marine: 190 35% 35%; --turquoise: 195 35% 37%; --frost: 201 35% 39%; --bosphorus: 217 35% 45%; --lavender: 247 35% 53%; --orchid: 275 35% 49%; --lilac: 296 35% 45%; --plume: 305 35% 45%; --velvet: 320 35% 46%; /** Glass **/ --glass-thin: blur(8px) brightness(68%) saturate(130%); --glass-regular: blur(16px); --glass-thick: blur(24px) brightness(52%) saturate(180%) contrast(115%); --glass-clear: blur(4px) brightness(100%) saturate(100%) opacity(0.6); --shadow-glass-sm: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -40px 80px -40px rgba(255, 255, 255, 0.30) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04); --shadow-glass-md: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 48px 0 rgba(0, 0, 0, 0.48); --shadow-glass-lg: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -20px 250px -100px rgba(255, 255, 255, 0.20) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 16px 0 rgba(0, 0, 0, 0.04); } .backdrop-glass-clear { backdrop-filter: var(--glass-clear); } .backdrop-glass-thin { backdrop-filter: var(--glass-thin); } .backdrop-glass-regular { backdrop-filter: var(--glass-regular); } .backdrop-glass-thick { backdrop-filter: var(--glass-thick); } :root { /* Zinc palette */ --tailwind-colors-zinc-50: 0 0% 98%; --tailwind-colors-zinc-100: 240 5% 96%; --tailwind-colors-zinc-200: 240 6% 90%; --tailwind-colors-zinc-300: 240 5% 84%; --tailwind-colors-zinc-400: 240 5% 65%; --tailwind-colors-zinc-500: 240 4% 46%; --tailwind-colors-zinc-600: 240 5% 34%; --tailwind-colors-zinc-700: 240 5% 26%; --tailwind-colors-zinc-800: 240 4% 16%; --tailwind-colors-zinc-900: 240 6% 10%; --tailwind-colors-zinc-950: 240 10% 4%; /* Status: red */ --tailwind-colors-red-50: 0 86% 97%; --tailwind-colors-red-100: 0 93% 94%; --tailwind-colors-red-200: 0 96% 89%; --tailwind-colors-red-300: 0 94% 82%; --tailwind-colors-red-500: 0 84% 60%; --tailwind-colors-red-600: 0 72% 51%; --tailwind-colors-red-700: 0 74% 42%; --tailwind-colors-red-800: 0 70% 35%; --tailwind-colors-red-900: 0 63% 31%; --tailwind-colors-red-950: 0 75% 15%; /* Status: amber */ --tailwind-colors-amber-500: 38 92% 50%; --tailwind-colors-amber-600: 32 95% 44%; --tailwind-colors-amber-700: 26 90% 37%; /* Status: orange */ --tailwind-colors-orange-50: 33 100% 96%; --tailwind-colors-orange-100: 34 100% 92%; --tailwind-colors-orange-200: 32 98% 83%; --tailwind-colors-orange-300: 31 97% 72%; /* Status: yellow */ --tailwind-colors-yellow-800: 32 81% 29%; --tailwind-colors-yellow-900: 28 73% 26%; --tailwind-colors-yellow-950: 26 83% 14%; /* Status: green */ --tailwind-colors-green-50: 138 76% 97%; --tailwind-colors-green-100: 141 84% 93%; --tailwind-colors-green-200: 141 79% 85%; --tailwind-colors-green-300: 142 77% 73%; --tailwind-colors-green-500: 142 71% 45%; --tailwind-colors-green-600: 142 76% 36%; --tailwind-colors-green-700: 142 72% 29%; --tailwind-colors-green-800: 143 64% 24%; --tailwind-colors-green-900: 144 61% 20%; --tailwind-colors-green-950: 145 80% 10%; /* Status: purple */ --tailwind-colors-purple-50: 270 100% 98%; --tailwind-colors-purple-500: 271 91% 65%; --tailwind-colors-purple-700: 272 72% 47%; --tailwind-colors-purple-950: 274 87% 21%; /* Status: sky */ --tailwind-colors-sky-50: 204 100% 97%; --tailwind-colors-sky-100: 204 94% 94%; --tailwind-colors-sky-200: 201 94% 86%; --tailwind-colors-sky-300: 199 95% 74%; --tailwind-colors-sky-500: 199 89% 48%; --tailwind-colors-sky-600: 200 98% 39%; --tailwind-colors-sky-700: 201 96% 32%; --tailwind-colors-sky-800: 201 90% 27%; --tailwind-colors-sky-900: 202 80% 24%; --tailwind-colors-sky-950: 204 80% 16%; /* Base white */ --tailwind-colors-base-white: 0 0% 100%; /* ICS UI Kit token overrides — zinc theme (light) */ --primary-accent: 240 6% 10%; --primary-accent-hover: 240 4% 16%; --primary-fg: 240 6% 10%; --primary-border: 240 5% 84%; --primary-bg: 0 0% 97%; --primary-bg-hover: 240 6% 90%; --secondary-fg: 240 5% 26%; --secondary-border: 240 6% 90%; --secondary-bg: 0 0% 100%; --secondary-bg-hover: 240 5% 93%; --tertiary-accent: 240 4% 46%; --muted: 240 4% 46%; --sidebar-bg: 0 0% 97%; /* Inverse (light) */ --inverse-primary-bg: var(--tailwind-colors-zinc-900); --inverse-secondary-bg: var(--tailwind-colors-zinc-800); --inverse-hover: var(--tailwind-colors-zinc-700); --inverse-active: var(--tailwind-colors-zinc-600); --inverse-border: var(--tailwind-colors-zinc-700); --inverse-muted: var(--tailwind-colors-zinc-400); --inverse-secondary-fg: var(--tailwind-colors-zinc-200); --inverse-primary-fg: var(--tailwind-colors-zinc-50); /* Status purple (light) */ --status-purple: var(--tailwind-colors-purple-700); --status-purple-primary-bg: var(--tailwind-colors-purple-100); --status-purple-bg: var(--tailwind-colors-purple-50); /* Status error (light) */ --status-error: var(--tailwind-colors-red-700); --status-error-fg: var(--tailwind-colors-red-700); --status-error-hover: var(--tailwind-colors-red-600); --status-error-primary-border: var(--tailwind-colors-red-300); --status-error-secondary-border: var(--tailwind-colors-red-200); --status-error-primary-bg: var(--tailwind-colors-red-100); --status-error-bg: var(--tailwind-colors-red-50); --status-error-bg-hover: var(--tailwind-colors-red-100); /* Status warning (light) */ --status-warning: var(--tailwind-colors-amber-700); --status-warning-fg: var(--tailwind-colors-amber-700); --status-warning-hover: var(--tailwind-colors-amber-600); --status-warning-primary-border: var(--tailwind-colors-orange-300); --status-warning-secondary-border: var(--tailwind-colors-orange-200); --status-warning-primary-bg: var(--tailwind-colors-orange-100); --status-warning-bg: var(--tailwind-colors-orange-50); --status-warning-bg-hover: var(--tailwind-colors-orange-100); /* Status success (light) */ --status-success: var(--tailwind-colors-green-700); --status-success-fg: var(--tailwind-colors-green-700); --status-success-hover: var(--tailwind-colors-green-600); --status-success-primary-border: var(--tailwind-colors-green-300); --status-success-secondary-border: var(--tailwind-colors-green-200); --status-success-primary-bg: var(--tailwind-colors-green-100); --status-success-bg: var(--tailwind-colors-green-50); --status-success-bg-hover: var(--tailwind-colors-green-100); /* Status info (light) */ --status-info: var(--tailwind-colors-sky-700); --status-info-fg: var(--tailwind-colors-sky-700); --status-info-hover: var(--tailwind-colors-sky-600); --status-info-primary-border: var(--tailwind-colors-sky-300); --status-info-secondary-border: var(--tailwind-colors-sky-200); --status-info-primary-bg: var(--tailwind-colors-sky-100); --status-info-bg: var(--tailwind-colors-sky-50); --status-info-bg-hover: var(--tailwind-colors-sky-100); /* Status default (light) */ --status-default: var(--tailwind-colors-zinc-900); --status-default-hover: var(--tailwind-colors-zinc-800); --status-default-muted: var(--tailwind-colors-zinc-400); --status-default-border: var(--tailwind-colors-zinc-700); --status-default-bg-hover: var(--tailwind-colors-zinc-200); --status-default-bg: var(--tailwind-colors-zinc-100); --status-default-fg: var(--tailwind-colors-zinc-50); /* Alpha (light) — base 240 5% 96% */ --alpha-03: 240 5% 96% / 3%; --alpha-05: 240 5% 96% / 5%; --alpha-08: 240 5% 96% / 8%; --alpha-10: 240 5% 96% / 10%; --alpha-20: 240 5% 96% / 20%; --alpha-30: 240 5% 96% / 30%; --alpha-40: 240 5% 96% / 40%; --alpha-50: 240 5% 96% / 50%; --alpha-60: 240 5% 96% / 60%; --alpha-70: 240 5% 96% / 70%; --alpha-80: 240 5% 96% / 80%; --alpha-90: 240 5% 96% / 90%; --alpha-high-03: 240 10% 4% / 3%; --alpha-high-05: 240 10% 4% / 5%; --alpha-high-08: 240 10% 4% / 8%; --alpha-high-10: 240 10% 4% / 10%; --alpha-high-20: 240 10% 4% / 20%; --alpha-high-30: 240 10% 4% / 30%; --alpha-high-40: 240 10% 4% / 40%; --alpha-high-50: 240 10% 4% / 50%; --alpha-high-60: 240 10% 4% / 60%; --alpha-high-70: 240 10% 4% / 70%; --alpha-high-80: 240 10% 4% / 80%; --alpha-high-90: 240 10% 4% / 90%; /* Palette (light) */ --peony: 340 100% 91%; --garnet: 0 100% 91%; --cinnamon: 16 100% 89%; --caramel: 28 100% 86%; --hazel: 37 100% 84%; --honey: 44 98% 82%; --lemon: 54 100% 81%; --olive: 66 67% 78%; --sage: 87 71% 81%; --mint: 120 71% 85%; --bazil: 149 81% 81%; --spruce: 165 84% 77%; --aqua: 174 86% 75%; --azure: 180 84% 73%; --tiffany: 186 100% 75%; --marine: 189 100% 77%; --turquoise: 194 100% 80%; --frost: 202 100% 85%; --bosphorus: 216 100% 89%; --lavender: 247 100% 92%; --orchid: 276 100% 90%; --lilac: 296 100% 89%; --plume: 305 100% 88%; --velvet: 320 100% 87%; /* Chart (light) */ --chart-1: 173 58% 39%; --chart-2: 12 76% 61%; --chart-3: 197 37% 24%; --chart-4: 43 74% 66%; --chart-5: 27 87% 67%; /* Secondary accent (light) */ /* biome-ignore lint/suspicious/noDuplicateCustomProperties: Preserve the existing Gramax UIKIT token override verbatim. */ --secondary-accent: 240 6% 10%; --shadow-glass-sm: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 0 40px 30px -40px rgba(0, 0, 0, 0.16) inset, 1.25px 0 0 -0.75px #71717A, -1.25px 0 0 -0.75px #71717A, 0 0 0 0.5px hsl(var(--primary-border, 240 6% 90%)), 0 8px 16px 0 rgba(0, 0, 0, 0.02); --shadow-glass-md: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px #A1A1AA, -1.25px 0 0 -0.75px #A1A1AA, 0 0 0 0.5px hsl(var(--primary-border, 240 5% 84%)), 0 4px 24px 0 rgba(0, 0, 0, 0.12); --shadow-glass-lg: 0 1.5px 1.5px -0.5px rgb(255, 255, 255) inset, 0 -6px 3px -3px rgb(255, 255, 255) inset, 1.25px 0 0 -0.75px #A1A1AA, -1.25px 0 0 -0.75px #A1A1AA, 0 0 0 0.5px hsl(var(--secondary-border, 240 6% 90%)), 0 8px 16px 0 rgba(0, 0, 0, 0.02); --shadow-glass-xl: 0 1.5px 0.5px -0.5px #FFF inset, 0 -1.5px 0.5px -0.5px #FFF inset, 0 40px 30px -40px rgba(0, 0, 0, 0.04) inset, 1.25px 0 0 -0.75px #A1A1AA, -1.25px 0 0 -0.75px #71717A, 0 0 0 0.5px #A1A1AA, 0 8px 48px 0 rgba(0, 0, 0, 0.24); } /* Not when printing. Paper is white and ink is dark, and the rest of the palette already knows it: `core/styles/vars.css` and `core/styles/themes.css` wrap their own dark blocks in the same query. While this one did not, a page printed straight from the browser in the dark theme came out near-black — with the black text the guarded half of the palette had already switched back to. */ @media not print { .dark { /* ICS UI Kit token overrides — zinc theme (dark) */ --primary-accent: var(--tailwind-colors-zinc-50); --primary-accent-hover: var(--tailwind-colors-zinc-200); --primary-fg: var(--tailwind-colors-zinc-50); --primary-bg: var(--tailwind-colors-zinc-900); --primary-bg-hover: var(--tailwind-colors-zinc-700); --primary-border: var(--tailwind-colors-zinc-600); --secondary-accent: var(--tailwind-colors-zinc-50); --secondary-fg: var(--tailwind-colors-zinc-200); --secondary-bg: 0 0% 7%; --secondary-bg-hover: var(--tailwind-colors-zinc-800); --secondary-border: var(--tailwind-colors-zinc-700); --tertiary-accent: var(--tailwind-colors-zinc-400); --muted: var(--tailwind-colors-zinc-400); --sidebar-bg: var(--tailwind-colors-zinc-900); /* Inverse (dark) */ --inverse-primary-bg: var(--tailwind-colors-zinc-50); --inverse-secondary-bg: var(--tailwind-colors-zinc-100); --inverse-hover: var(--tailwind-colors-zinc-200); --inverse-active: var(--tailwind-colors-zinc-300); --inverse-border: var(--tailwind-colors-zinc-200); --inverse-muted: var(--tailwind-colors-zinc-500); --inverse-secondary-fg: var(--tailwind-colors-zinc-700); --inverse-primary-fg: var(--tailwind-colors-zinc-900); /* Status purple (dark) */ --status-purple: var(--tailwind-colors-purple-500); --status-purple-primary-bg: var(--tailwind-colors-purple-950); --status-purple-bg: var(--tailwind-colors-zinc-800); /* Status error (dark) */ --status-error: var(--tailwind-colors-red-700); --status-error-fg: var(--tailwind-colors-red-500); --status-error-hover: var(--tailwind-colors-red-500); --status-error-primary-border: var(--tailwind-colors-red-800); --status-error-secondary-border: var(--tailwind-colors-red-900); --status-error-primary-bg: var(--tailwind-colors-red-950); --status-error-bg: var(--tailwind-colors-zinc-800); --status-error-bg-hover: var(--tailwind-colors-red-950); /* Status warning (dark) */ --status-warning: var(--tailwind-colors-amber-600); --status-warning-fg: var(--tailwind-colors-amber-500); --status-warning-hover: var(--tailwind-colors-amber-500); --status-warning-primary-border: var(--tailwind-colors-yellow-800); --status-warning-secondary-border: var(--tailwind-colors-yellow-900); --status-warning-primary-bg: var(--tailwind-colors-yellow-950); --status-warning-bg: var(--tailwind-colors-zinc-800); --status-warning-bg-hover: var(--tailwind-colors-yellow-950); /* Status success (dark) */ --status-success: var(--tailwind-colors-green-600); --status-success-fg: var(--tailwind-colors-green-500); --status-success-hover: var(--tailwind-colors-green-500); --status-success-primary-border: var(--tailwind-colors-green-800); --status-success-secondary-border: var(--tailwind-colors-green-900); --status-success-primary-bg: var(--tailwind-colors-green-950); --status-success-bg: var(--tailwind-colors-zinc-800); --status-success-bg-hover: var(--tailwind-colors-green-950); /* Status info (dark) */ --status-info: var(--tailwind-colors-sky-600); --status-info-fg: var(--tailwind-colors-sky-500); --status-info-hover: var(--tailwind-colors-sky-500); --status-info-primary-border: var(--tailwind-colors-sky-800); --status-info-secondary-border: var(--tailwind-colors-sky-900); --status-info-primary-bg: var(--tailwind-colors-sky-950); --status-info-bg: var(--tailwind-colors-zinc-800); --status-info-bg-hover: var(--tailwind-colors-sky-950); /* Status default (dark) */ --status-default: var(--tailwind-colors-zinc-50); --status-default-hover: var(--tailwind-colors-zinc-100); --status-default-muted: var(--tailwind-colors-zinc-500); --status-default-border: var(--tailwind-colors-zinc-200); --status-default-bg-hover: var(--tailwind-colors-zinc-700); --status-default-bg: var(--tailwind-colors-zinc-800); --status-default-fg: var(--tailwind-colors-zinc-900); /* Alpha (dark) — base 240 6% 10% */ --alpha-03: 240 10% 4% / 3%; --alpha-05: 240 10% 4% / 5%; --alpha-08: 240 10% 4% / 8%; --alpha-10: 240 10% 4% / 10%; --alpha-20: 240 10% 4% / 20%; --alpha-30: 240 10% 4% / 30%; --alpha-40: 240 10% 4% / 40%; --alpha-50: 240 10% 4% / 50%; --alpha-60: 240 10% 4% / 60%; --alpha-70: 240 10% 4% / 70%; --alpha-80: 240 10% 4% / 80%; --alpha-90: 240 10% 4% / 90%; --alpha-high-03: 240 5% 96% / 3%; --alpha-high-05: 240 5% 96% / 5%; --alpha-high-08: 240 5% 96% / 8%; --alpha-high-10: 240 5% 96% / 10%; --alpha-high-20: 240 5% 96% / 20%; --alpha-high-30: 240 5% 96% / 30%; --alpha-high-40: 240 5% 96% / 40%; --alpha-high-50: 240 5% 96% / 50%; --alpha-high-60: 240 5% 96% / 60%; --alpha-high-70: 240 5% 96% / 70%; --alpha-high-80: 240 5% 96% / 80%; --alpha-high-90: 240 5% 96% / 90%; /* Palette (dark) */ --peony: 340 35% 47%; --garnet: 0 35% 48%; --cinnamon: 15 35% 43%; --caramel: 29 35% 39%; --hazel: 38 35% 36%; --honey: 44 35% 35%; --lemon: 49 52% 36%; --olive: 67 35% 32%; --sage: 87 35% 33%; --mint: 120 34% 34%; --bazil: 149 35% 34%; --spruce: 165 35% 34%; --aqua: 174 35% 33%; --azure: 180 35% 33%; --tiffany: 187 35% 35%; --marine: 190 35% 35%; --turquoise: 195 35% 37%; --frost: 201 35% 39%; --bosphorus: 217 35% 45%; --lavender: 247 35% 53%; --orchid: 275 35% 49%; --lilac: 296 35% 45%; --plume: 305 35% 45%; --velvet: 320 35% 46%; /* Chart (dark) */ --chart-1: 220 70% 50%; --chart-2: 340 75% 55%; --chart-3: 30 80% 55%; --chart-4: 280 65% 60%; --chart-5: 160 60% 45%; /* Secondary accent (dark) */ --colors-secondary-accent: 0 0% 98%; --shadow-glass-sm: 0 1px 1px -.5px rgba(255, 255, 255, .4) inset, 0 -1px 1px -.5px rgba(255, 255, 255, .3) inset, 0 -40px 80px -40px rgba(255, 255, 255, .3) inset, 1.25px 0 0 -.75px rgba(0, 0, 0, .5), -1.25px 0 0 -.75px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(0, 0, 0, .5), 0 8px 16px 0 rgba(0, 0, 0, .04); --shadow-glass-md: 0 1px 1px -.5px rgba(255, 255, 255, .4) inset, 0 -1px 1px -.5px rgba(255, 255, 255, .3) inset, 0 -20px 250px -100px rgba(255, 255, 255, .2) inset, 1.25px 0 0 -.75px rgba(0, 0, 0, .5), -1.25px 0 0 -.75px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(0, 0, 0, .5), 0 8px 48px 0 rgba(0, 0, 0, .48); --shadow-glass-lg: 0 1px 1px -.5px rgba(255, 255, 255, .4) inset, 0 -1px 1px -.5px rgba(255, 255, 255, .3) inset, 0 -20px 250px -100px rgba(255, 255, 255, .2) inset, 1.25px 0 0 -.75px rgba(0, 0, 0, .5), -1.25px 0 0 -.75px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(0, 0, 0, .5), 0 8px 16px 0 rgba(0, 0, 0, .04); --shadow-glass-xl: 0 1px 1px -0.5px rgba(255, 255, 255, 0.40) inset, 0 -1px 1px -0.5px rgba(255, 255, 255, 0.30) inset, 0 -40px 80px -40px rgba(255, 255, 255, 0.08) inset, 1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), -1.25px 0 0 -0.75px rgba(0, 0, 0, 0.50), 0 0 0 0.5px rgba(0, 0, 0, 0.50), 0 8px 48px 0 rgba(0, 0, 0, 0.48); } } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Inter Variable, Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } * { border-color: hsl(var(--border)); } body { background-color: hsl(var(--background)); font-family: Inter Variable, Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color: hsl(var(--foreground)); } * { scrollbar-color: hsl(var(--secondary-border)) transparent; scrollbar-width: thin; } .\!container { width: 100% !important; } .container { width: 100%; } @media (min-width: 640px) { .\!container { max-width: 640px !important; } .container { max-width: 640px; } } @media (min-width: 768px) { .\!container { max-width: 768px !important; } .container { max-width: 768px; } } @media (min-width: 1024px) { .\!container { max-width: 1024px !important; } .container { max-width: 1024px; } } @media (min-width: 1280px) { .\!container { max-width: 1280px !important; } .container { max-width: 1280px; } } @media (min-width: 1536px) { .\!container { max-width: 1536px !important; } .container { max-width: 1536px; } } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; text-underline-offset: 24%; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25rem; margin-bottom: 1.25em; padding-inline-start: 1.625em; margin-left: 1.5rem; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25rem; margin-bottom: 1.25em; padding-inline-start: 1.625em; margin-left: 1.5rem; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1.5rem; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: hsl(var(--muted)); box-shadow: none; font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; background: hsl(var(--secondary-bg)); border: 1px solid hsl(var(--secondary-border)); padding: 0.125rem 0.25rem; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 700; font-size: 0.875em; background: hsl(var(--secondary-bg-hover)); border-radius: calc(var(--radius) - 4px); padding: 0.2rem 0.3rem; line-height: 1.25rem; font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "" !important; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "" !important; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; border: 1px solid hsl(var(--secondary-border)); } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 1.25rem !important; margin-bottom: 1.25rem; font-size: 0.875em; line-height: 1.7142857; border-collapse: collapse; border: 1px solid hsl(var(--secondary-border)); } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) tbody tr:nth-child(odd) { background-color: hsl(var(--secondary-bg-hover)); } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; font-style: italic; } .prose { --tw-prose-body: hsl(var(--primary-fg)); --tw-prose-headings: hsl(var(--primary-fg)); --tw-prose-lead: hsl(var(--primary-fg)); --tw-prose-links: hsl(var(--primary-fg)); --tw-prose-bold: hsl(var(--primary-fg)); --tw-prose-counters: hsl(var(--primary-fg)); --tw-prose-bullets: hsl(var(--primary-fg)); --tw-prose-hr: hsl(var(--secondary-border)); --tw-prose-quotes: hsl(var(--primary-fg)); --tw-prose-quote-borders: hsl(var(--secondary-border)); --tw-prose-captions: hsl(var(--primary-fg)); --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); --tw-prose-code: hsl(var(--primary-fg)); --tw-prose-pre-code: hsl(var(--primary-bg)); --tw-prose-pre-bg: hsl(var(--primary-accent)); --tw-prose-th-borders: hsl(var(--secondary-border)); --tw-prose-td-borders: hsl(var(--secondary-border)); --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose :where(abbr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-underline-offset: 24%; } .prose :where(ins):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-underline-offset: 24%; } .prose :where(th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border: 1px solid hsl(var(--secondary-border)); padding: 0.5rem 1rem; } .prose :where(td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border: 1px solid hsl(var(--secondary-border)); padding: 0.5rem 1rem; } .\!sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border-width: 0 !important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .\!relative { position: relative !important; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-x-0 { left: 0px; right: 0px; } .inset-x-2 { left: 0.5rem; right: 0.5rem; } .inset-y-0 { top: 0px; bottom: 0px; } .\!left-0 { left: 0px !important; } .\!left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1) !important; } .\!top-0 { top: 0px !important; } .\!top-\[var\(--catalog-titlebar-offset\2c 0rem\)\] { top: var(--catalog-titlebar-offset,0rem) !important; } .-bottom-0\.5 { bottom: -0.125rem; } .-bottom-1 { bottom: -0.25rem; } .-bottom-11 { bottom: -2.75rem; } .-bottom-12 { bottom: -3rem; } .-bottom-9 { bottom: -2.25rem; } .-bottom-\[0\.1875rem\] { bottom: -0.1875rem; } .-bottom-\[0\.3125rem\] { bottom: -0.3125rem; } .-bottom-\[5px\] { bottom: -5px; } .-left-11 { left: -2.75rem; } .-left-12 { left: -3rem; } .-left-7 { left: -1.75rem; } .-left-9 { left: -2.25rem; } .-left-\[3\.5px\] { left: -3.5px; } .-right-0\.5 { right: -0.125rem; } .-right-11 { right: -2.75rem; } .-right-12 { right: -3rem; } .-right-9 { right: -2.25rem; } .-right-\[5px\] { right: -5px; } .-top-0\.5 { top: -0.125rem; } .-top-1 { top: -0.25rem; } .-top-11 { top: -2.75rem; } .-top-12 { top: -3rem; } .-top-9 { top: -2.25rem; } .-top-\[28px\] { top: -28px; } .bottom-0 { bottom: 0px; } .bottom-1 { bottom: 0.25rem; } .bottom-2 { bottom: 0.5rem; } .bottom-2\.5 { bottom: 0.625rem; } .bottom-3 { bottom: 0.75rem; } .bottom-4 { bottom: 1rem; } .bottom-6 { bottom: 1.5rem; } .bottom-8 { bottom: 2rem; } .bottom-\[-3px\] { bottom: -3px; } .bottom-\[0\.3125rem\] { bottom: 0.3125rem; } .bottom-\[11px\] { bottom: 11px; } .bottom-\[3\%\] { bottom: 3%; } .bottom-auto { bottom: auto; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-2 { left: 0.5rem; } .left-3 { left: 0.75rem; } .left-5 { left: 1.25rem; } .left-6 { left: 1.5rem; } .left-\[0\.4em\] { left: 0.4em; } .left-\[0\.55em\] { left: 0.55em; } .left-\[1\.5em\] { left: 1.5em; } .left-\[1em\] { left: 1em; } .left-\[50\%\] { left: 50%; } .left-\[var\(--helpers-left\)\] { left: var(--helpers-left); } .left-\[var\(--table-helpers-left\)\] { left: var(--table-helpers-left); } .right-0 { right: 0px; } .right-1 { right: 0.25rem; } .right-1\.5 { right: 0.375rem; } .right-14 { right: 3.5rem; } .right-2 { right: 0.5rem; } .right-20 { right: 5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-6 { right: 1.5rem; } .right-8 { right: 2rem; } .right-\[-3px\] { right: -3px; } .right-\[11px\] { right: 11px; } .right-\[18px\] { right: 18px; } .right-\[3\.625rem\] { right: 3.625rem; } .right-\[5\.125rem\] { right: 5.125rem; } .right-\[calc\(-100\%\+var\(--helpers-left\)\)\] { right: calc(-100% + var(--helpers-left)); } .right-px { right: 1px; } .top-0 { top: 0px; } .top-1 { top: 0.25rem; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-2 { top: 0.5rem; } .top-24 { top: 6rem; } .top-3 { top: 0.75rem; } .top-3\.5 { top: 0.875rem; } .top-4 { top: 1rem; } .top-6 { top: 1.5rem; } .top-\[1\.35rem\] { top: 1.35rem; } .top-\[10\%\] { top: 10%; } .top-\[18px\] { top: 18px; } .top-\[1em\] { top: 1em; } .top-\[45\%\] { top: 45%; } .top-\[50\%\] { top: 50%; } .top-\[5px\] { top: 5px; } .top-\[calc\(1\.5rem\+0\.125rem\)\] { top: calc(1.5rem + 0.125rem); } .top-\[calc\(var\(--vertical-top-offset\)\*-1\)\] { top: calc(var(--vertical-top-offset) * -1); } .top-\[var\(--catalog-titlebar-offset\2c 0rem\)\] { top: var(--catalog-titlebar-offset,0rem); } .top-\[var\(--table-controls-helper-top\)\] { top: var(--table-controls-helper-top); } .top-\[var\(--table-controls-vertical-top\)\] { top: var(--table-controls-vertical-top); } .top-\[var\(--table-helpers-top\)\] { top: var(--table-helpers-top); } .isolate { isolation: isolate; } .isolation-auto { isolation: auto; } .-z-10 { z-index: -10; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-\[-1\] { z-index: -1; } .z-\[15\] { z-index: 15; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[var\(--z-index-article-modal\)\] { z-index: var(--z-index-article-modal); } .z-\[var\(--z-index-article-search\)\] { z-index: var(--z-index-article-search); } .z-\[var\(--z-index-background\)\] { z-index: var(--z-index-background); } .z-\[var\(--z-index-base\)\] { z-index: var(--z-index-base); } .z-\[var\(--z-index-floating-panel\)\] { z-index: var(--z-index-floating-panel); } .z-\[var\(--z-index-header-navigation\)\] { z-index: var(--z-index-header-navigation); } .z-\[var\(--z-index-nav-layout\)\] { z-index: var(--z-index-nav-layout); } .z-\[var\(--z-index-overlay\)\] { z-index: var(--z-index-overlay); } .z-\[var\(--z-index-popover\)\] { z-index: var(--z-index-popover); } .z-\[var\(--z-index-toolbar\)\] { z-index: var(--z-index-toolbar); } .-order-1 { order: -1; } .order-last { order: 9999; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .row-start-1 { grid-row-start: 1; } .-m-2 { margin: -0.5rem; } .m-0 { margin: 0px; } .m-0\.5 { margin: 0.125rem; } .m-\[0_1\.2rem\] { margin: 0 1.2rem; } .m-auto { margin: auto; } .\!my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .-my-1\.5 { margin-top: -0.375rem; margin-bottom: -0.375rem; } .mx-0 { margin-left: 0px; margin-right: 0px; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-2\.5 { margin-left: 0.625rem; margin-right: 0.625rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-\[0\.2em\] { margin-top: 0.2em; margin-bottom: 0.2em; } .my-\[0\.5em\] { margin-top: 0.5em; margin-bottom: 0.5em; } .my-auto { margin-top: auto; margin-bottom: auto; } .\!-ml-5 { margin-left: -1.25rem !important; } .\!mb-0 { margin-bottom: 0px !important; } .\!mt-0 { margin-top: 0px !important; } .\!mt-2 { margin-top: 0.5rem !important; } .\!mt-\[0\.5em\] { margin-top: 0.5em !important; } .-mb-1 { margin-bottom: -0.25rem; } .-me-3 { margin-inline-end: -0.75rem; } .-ml-0\.5 { margin-left: -0.125rem; } .-ml-1 { margin-left: -0.25rem; } .-ml-2 { margin-left: -0.5rem; } .-ml-3 { margin-left: -0.75rem; } .-ml-4 { margin-left: -1rem; } .-ml-5 { margin-left: -1.25rem; } .-mr-1 { margin-right: -0.25rem; } .-mr-2 { margin-right: -0.5rem; } .-mt-1 { margin-top: -0.25rem; } .-mt-2 { margin-top: -0.5rem; } .-mt-3 { margin-top: -0.75rem; } .-mt-4 { margin-top: -1rem; } .-mt-6 { margin-top: -1.5rem; } .mb-0 { margin-bottom: 0px; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-8 { margin-bottom: 2rem; } .mb-\[0\.2em\] { margin-bottom: 0.2em; } .mb-\[0\.5em\] { margin-bottom: 0.5em; } .mb-\[min\(2em\2c 30px\)\] { margin-bottom: min(2em,30px); } .ml-0 { margin-left: 0px; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .ml-2\.5 { margin-left: 0.625rem; } .ml-3 { margin-left: 0.75rem; } .ml-3\.5 { margin-left: 0.875rem; } .ml-4 { margin-left: 1rem; } .ml-\[1\.4rem\] { margin-left: 1.4rem; } .ml-\[1px\] { margin-left: 1px; } .ml-\[calc\(\(var\(--article-content-wrapper-width\)-100\%\)\/-2\)\] { margin-left: calc((var(--article-content-wrapper-width) - 100%) / -2); } .ml-\[var\(--distance-i-span\)\] { margin-left: var(--distance-i-span); } .ml-auto { margin-left: auto; } .mr-0 { margin-right: 0px; } .mr-0\.5 { margin-right: 0.125rem; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-14 { margin-right: 3.5rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mr-\[-16px\] { margin-right: -16px; } .mr-auto { margin-right: auto; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-2 { margin-top: 0.5rem; } .mt-2\.5 { margin-top: 0.625rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-3\.5 { margin-top: 0.875rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-\[-16px\] { margin-top: -16px; } .mt-\[2em\] { margin-top: 2em; } .mt-\[calc\(3\.25rem\+var\(--catalog-titlebar-offset\)\)\] { margin-top: calc(3.25rem + var(--catalog-titlebar-offset)); } .mt-auto { margin-top: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .\!block { display: block !important; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .\!table { display: table !important; } .table { display: table; } .inline-table { display: inline-table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .table-column { display: table-column; } .table-column-group { display: table-column-group; } .table-footer-group { display: table-footer-group; } .table-header-group { display: table-header-group; } .table-row-group { display: table-row-group; } .table-row { display: table-row; } .flow-root { display: flow-root; } .grid { display: grid; } .inline-grid { display: inline-grid; } .contents { display: contents; } .list-item { display: list-item; } .\!hidden { display: none !important; } .hidden { display: none; } .aspect-auto { aspect-ratio: auto; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .size-10 { width: 2.5rem; height: 2.5rem; } .size-11 { width: 2.75rem; height: 2.75rem; } .size-12 { width: 3rem; height: 3rem; } .size-2 { width: 0.5rem; height: 0.5rem; } .size-2\.5 { width: 0.625rem; height: 0.625rem; } .size-3 { width: 0.75rem; height: 0.75rem; } .size-3\.5 { width: 0.875rem; height: 0.875rem; } .size-32 { width: 8rem; height: 8rem; } .size-36 { width: 9rem; height: 9rem; } .size-4 { width: 1rem; height: 1rem; } .size-5 { width: 1.25rem; height: 1.25rem; } .size-6 { width: 1.5rem; height: 1.5rem; } .size-7 { width: 1.75rem; height: 1.75rem; } .size-8 { width: 2rem; height: 2rem; } .size-9 { width: 2.25rem; height: 2.25rem; } .size-\[30px\] { width: 30px; height: 30px; } .size-\[34px\] { width: 34px; height: 34px; } .size-full { width: 100%; height: 100%; } .\!h-3 { height: 0.75rem !important; } .\!h-7 { height: 1.75rem !important; } .\!h-auto { height: auto !important; } .\!h-full { height: 100% !important; } .h-0 { height: 0px; } .h-0\.5 { height: 0.125rem; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-4 { height: 1rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-96 { height: 24rem; } .h-\[0\.9em\] { height: 0.9em; } .h-\[1\.125rem\] { height: 1.125rem; } .h-\[1\.375rem\] { height: 1.375rem; } .h-\[1\.4em\] { height: 1.4em; } .h-\[11\.25rem\] { height: 11.25rem; } .h-\[11\.5rem\] { height: 11.5rem; } .h-\[110px\] { height: 110px; } .h-\[124px\] { height: 124px; } .h-\[128px\] { height: 128px; } .h-\[132px\] { height: 132px; } .h-\[140px\] { height: 140px; } .h-\[160px\] { height: 160px; } .h-\[168px\] { height: 168px; } .h-\[178px\] { height: 178px; } .h-\[18px\] { height: 18px; } .h-\[1em\] { height: 1em; } .h-\[2\.1875rem\] { height: 2.1875rem; } .h-\[2\.25rem\] { height: 2.25rem; } .h-\[2\.375rem\] { height: 2.375rem; } .h-\[2em\] { height: 2em; } .h-\[3\.25rem\] { height: 3.25rem; } .h-\[3\.75rem\] { height: 3.75rem; } .h-\[3\.875rem\] { height: 3.875rem; } .h-\[300px\] { height: 300px; } .h-\[3px\] { height: 3px; } .h-\[4\.375rem\] { height: 4.375rem; } .h-\[4\.5rem\] { height: 4.5rem; } .h-\[46px\] { height: 46px; } .h-\[5\.5rem\] { height: 5.5rem; } .h-\[50vh\] { height: 50vh; } .h-\[52px\] { height: 52px; } .h-\[60vh\] { height: 60vh; } .h-\[7\.5rem\] { height: 7.5rem; } .h-\[80dvh\] { height: 80dvh; } .h-\[84px\] { height: 84px; } .h-\[95vh\] { height: 95vh; } .h-\[calc\(100\%-1rem\)\] { height: calc(100% - 1rem); } .h-\[calc\(100vh-2rem\)\] { height: calc(100vh - 2rem); } .h-\[inherit\] { height: inherit; } .h-\[min\(92vh\2c 900px\)\] { height: min(92vh,900px); } .h-\[unset\] { height: unset; } .h-\[var\(--catalog-titlebar-offset\2c 0rem\)\] { height: var(--catalog-titlebar-offset,0rem); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .\!max-h-none { max-height: none !important; } .max-h-36 { max-height: 9rem; } .max-h-44 { max-height: 11rem; } .max-h-48 { max-height: 12rem; } .max-h-64 { max-height: 16rem; } .max-h-8 { max-height: 2rem; } .max-h-96 { max-height: 24rem; } .max-h-\[--radix-context-menu-content-available-height\] { max-height: var(--radix-context-menu-content-available-height); } .max-h-\[--radix-select-content-available-height\] { max-height: var(--radix-select-content-available-height); } .max-h-\[20rem\] { max-height: 20rem; } .max-h-\[27\.25rem\] { max-height: 27.25rem; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[40vh\] { max-height: 40vh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[85\%\] { max-height: 85%; } .max-h-\[8rem\] { max-height: 8rem; } .max-h-\[calc\(100vh-44px\)\] { max-height: calc(100vh - 44px); } .max-h-\[calc\(95vh-2rem\)\] { max-height: calc(95vh - 2rem); } .max-h-\[max\(25\%\2c 1\.5em\)\] { max-height: max(25%,1.5em); } .max-h-\[min\(18\.75rem\2c 60vh\)\] { max-height: min(18.75rem,60vh); } .max-h-\[min\(24rem\2c var\(--radix-popover-content-available-height\)\)\] { max-height: min(24rem,var(--radix-popover-content-available-height)); } .max-h-\[min\(32rem\2c calc\(100vh-6rem\)\)\] { max-height: min(32rem,calc(100vh - 6rem)); } .max-h-\[min\(35vh\2c 20rem\)\] { max-height: min(35vh,20rem); } .max-h-\[min\(45dvh\2c 20rem\)\] { max-height: min(45dvh,20rem); } .max-h-\[min\(700px\2c calc\(100vh-44px\)\)\] { max-height: min(700px,calc(100vh - 44px)); } .max-h-\[min\(75dvh\2c var\(--radix-popover-content-available-height\)\)\] { max-height: min(75dvh,var(--radix-popover-content-available-height)); } .max-h-\[min\(800px\2c calc\(100vh-44px\)\)\] { max-height: min(800px,calc(100vh - 44px)); } .max-h-\[min\(90vh\2c calc\(100vh-44px\)\)\] { max-height: min(90vh,calc(100vh - 44px)); } .max-h-\[min\(var\(--radix-popper-available-height\)\2c 45dvh\)\] { max-height: min(var(--radix-popper-available-height),45dvh); } .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: 0px; } .min-h-10 { min-height: 2.5rem; } .min-h-14 { min-height: 3.5rem; } .min-h-16 { min-height: 4rem; } .min-h-3 { min-height: 0.75rem; } .min-h-4 { min-height: 1rem; } .min-h-40 { min-height: 10rem; } .min-h-7 { min-height: 1.75rem; } .min-h-\[12em\] { min-height: 12em; } .min-h-\[156px\] { min-height: 156px; } .min-h-\[16px\] { min-height: 16px; } .min-h-\[16rem\] { min-height: 16rem; } .min-h-\[20rem\] { min-height: 20rem; } .min-h-\[3\.75rem\] { min-height: 3.75rem; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[54px\] { min-height: 54px; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[9\.125rem\] { min-height: 9.125rem; } .min-h-\[unset\] { min-height: unset; } .min-h-dvh { min-height: 100dvh; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .\!w-0 { width: 0px !important; } .\!w-3 { width: 0.75rem !important; } .\!w-auto { width: auto !important; } .\!w-full { width: 100% !important; } .w-0 { width: 0px; } .w-0\.5 { width: 0.125rem; } .w-1 { width: 0.25rem; } .w-1\.5 { width: 0.375rem; } .w-1\/2 { width: 50%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-5 { width: 1.25rem; } .w-6 { width: 1.5rem; } .w-60 { width: 15rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[--sidebar-width\] { width: var(--sidebar-width); } .w-\[--width\] { width: var(--width); } .w-\[0\.9em\] { width: 0.9em; } .w-\[1\.125rem\] { width: 1.125rem; } .w-\[1\.375rem\] { width: 1.375rem; } .w-\[1\.4em\] { width: 1.4em; } .w-\[1\.625rem\] { width: 1.625rem; } .w-\[11\.25rem\] { width: 11.25rem; } .w-\[11\.5rem\] { width: 11.5rem; } .w-\[164px\] { width: 164px; } .w-\[168px\] { width: 168px; } .w-\[1em\] { width: 1em; } .w-\[2\.0625rem\] { width: 2.0625rem; } .w-\[2\.375rem\] { width: 2.375rem; } .w-\[20rem\] { width: 20rem; } .w-\[220px\] { width: 220px; } .w-\[2em\] { width: 2em; } .w-\[3\.75rem\] { width: 3.75rem; } .w-\[3\.875rem\] { width: 3.875rem; } .w-\[30\%\] { width: 30%; } .w-\[364px\] { width: 364px; } .w-\[3px\] { width: 3px; } .w-\[400px\] { width: 400px; } .w-\[5px\] { width: 5px; } .w-\[7\.5rem\] { width: 7.5rem; } .w-\[95\%\] { width: 95%; } .w-\[95vw\] { width: 95vw; } .w-\[calc\(100\%\+1rem\)\] { width: calc(100% + 1rem); } .w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .w-\[min\(100\%\2c 210mm\)\] { width: min(100%,210mm); } .w-\[min\(100\%\2c calc\(70vh\*9\/16\)\)\] { width: min(100%,calc(70vh * 9 / 16)); } .w-\[min\(90dvw\2c 12rem\)\] { width: min(90dvw,12rem); } .w-\[min\(96vw\2c 1600px\)\] { width: min(96vw,1600px); } .w-\[var\(--action-reveal-width\)\] { width: var(--action-reveal-width); } .w-\[var\(--article-content-wrapper-width\)\] { width: var(--article-content-wrapper-width); } .w-\[var\(--radix-dropdown-menu-trigger-width\)\] { width: var(--radix-dropdown-menu-trigger-width); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-10 { min-width: 2.5rem; } .min-w-11 { min-width: 2.75rem; } .min-w-2\.5 { min-width: 0.625rem; } .min-w-28 { min-width: 7rem; } .min-w-3 { min-width: 0.75rem; } .min-w-3\.5 { min-width: 0.875rem; } .min-w-32 { min-width: 8rem; } .min-w-4 { min-width: 1rem; } .min-w-5 { min-width: 1.25rem; } .min-w-56 { min-width: 14rem; } .min-w-6 { min-width: 1.5rem; } .min-w-7 { min-width: 1.75rem; } .min-w-8 { min-width: 2rem; } .min-w-80 { min-width: 20rem; } .min-w-9 { min-width: 2.25rem; } .min-w-\[1\.375rem\] { min-width: 1.375rem; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[2\.5rem\] { min-width: 2.5rem; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[52px\] { min-width: 52px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[var\(--radix-popper-anchor-width\)\] { min-width: var(--radix-popper-anchor-width); } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-\[var\(--sidebar-width\)\] { min-width: var(--sidebar-width); } .min-w-full { min-width: 100%; } .min-w-max { min-width: -moz-max-content; min-width: max-content; } .max-w-12 { max-width: 3rem; } .max-w-56 { max-width: 14rem; } .max-w-5xl { max-width: 64rem; } .max-w-64 { max-width: 16rem; } .max-w-72 { max-width: 18rem; } .max-w-\[--skeleton-width\] { max-width: var(--skeleton-width); } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[15\%\] { max-width: 15%; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[30\%\] { max-width: 30%; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[343px\] { max-width: 343px; } .max-w-\[34em\] { max-width: 34em; } .max-w-\[443px\] { max-width: 443px; } .max-w-\[45vw\] { max-width: 45vw; } .max-w-\[65\%\] { max-width: 65%; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[840px\] { max-width: 840px; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[calc\(95vw-2rem\)\] { max-width: calc(95vw - 2rem); } .max-w-\[max\(calc\(var\(--article-content-wrapper-width\)\+3em\)\2c 100\%\)\] { max-width: max(calc(var(--article-content-wrapper-width) + 3em),100%); } .max-w-\[min\(20rem\2c var\(--radix-dropdown-menu-content-available-width\2c 100\%\)\)\] { max-width: min(20rem,var(--radix-dropdown-menu-content-available-width,100%)); } .max-w-\[min\(320px\2c calc\(100vw-32px\)\)\] { max-width: min(320px,calc(100vw - 32px)); } .max-w-\[min\(360px\2c calc\(100vw-32px\)\)\] { max-width: min(360px,calc(100vw - 32px)); } .max-w-\[min\(480px\2c calc\(100vw-32px\)\)\] { max-width: min(480px,calc(100vw - 32px)); } .max-w-\[var\(--article-max-width\)\] { max-width: var(--article-max-width); } .max-w-\[var\(--radix-popover-content-available-width\)\] { max-width: var(--radix-popover-content-available-width); } .max-w-full { max-width: 100%; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-\[2\] { flex: 2; } .flex-auto { flex: 1 1 auto; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-2 { flex-basis: 0.5rem; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .origin-\[--radix-context-menu-content-transform-origin\] { transform-origin: var(--radix-context-menu-content-transform-origin); } .origin-\[--radix-dropdown-menu-content-transform-origin\] { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-\[--radix-popover-content-transform-origin\] { transform-origin: var(--radix-popover-content-transform-origin); } .origin-center { transform-origin: center; } .origin-left { transform-origin: left; } .origin-top { transform-origin: top; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0\.5 { --tw-translate-x: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-2 { --tw-translate-x: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-4 { --tw-translate-x: 1rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0\.5 { --tw-translate-y: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1\/2 { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-2\.5 { --tw-translate-y: 0.625rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-45\%\] { --tw-translate-y: -45%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-180 { --tw-rotate: -180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-scale-x-100 { --tw-scale-x: -1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-gpu { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes indeterminate-bar { 0% { transform: translate(-50%) scaleX(.2); } 100% { transform: translate(100%) scaleX(1); } } .animate-indeterminate-bar { animation: indeterminate-bar 1.5s cubic-bezier(.65,.815,.735,.395) infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } @keyframes sync-progress { to { stroke-dashoffset: -10; } } .animate-sync-progress { animation: sync-progress 1s linear infinite; } @keyframes wifi-pulse { 0% { opacity: 0.5; } 33% { opacity: 0.5; } 66% { opacity: 1; } 100% { opacity: 0.5; } } .animate-wifi-pulse { animation: wifi-pulse 1.5s cubic-bezier(.65,.815,.735,.395) infinite; } .\!cursor-grab { cursor: grab !important; } .\!cursor-grabbing { cursor: grabbing !important; } .cursor-auto { cursor: auto; } .cursor-cell { cursor: cell; } .cursor-col-resize { cursor: col-resize; } .cursor-crosshair { cursor: crosshair; } .cursor-default { cursor: default; } .cursor-ew-resize { cursor: ew-resize; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .touch-pinch-zoom { --tw-pinch-zoom: pinch-zoom; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-text { -webkit-user-select: text; -moz-user-select: text; user-select: text; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .resize-none { resize: none; } .resize-y { resize: vertical; } .resize-x { resize: horizontal; } .resize { resize: both; } .scroll-mt-\[52px\] { scroll-margin-top: 52px; } .list-none { list-style-type: none; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .columns-2 { -moz-columns: 2; columns: 2; } .break-inside-avoid { -moz-column-break-inside: avoid; break-inside: avoid; } .grid-flow-col { grid-auto-flow: column; } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-\[0_1fr\] { grid-template-columns: 0 1fr; } .grid-cols-\[0_minmax\(0\2c 1fr\)\] { grid-template-columns: 0 minmax(0,1fr); } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[max-content_max-content\] { grid-template-columns: max-content max-content; } .grid-cols-\[min-content_minmax\(0\2c 1fr\)\] { grid-template-columns: min-content minmax(0,1fr); } .grid-cols-\[minmax\(0\2c 1fr\)\] { grid-template-columns: minmax(0,1fr); } .grid-cols-\[var\(--table-grid-template-columns\)\] { grid-template-columns: var(--table-grid-template-columns); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-\[auto_auto_auto_auto_minmax\(0\2c 1fr\)\] { grid-template-rows: auto auto auto auto minmax(0,1fr); } .grid-rows-\[auto_minmax\(0\2c 1fr\)_auto\] { grid-template-rows: auto minmax(0,1fr) auto; } .grid-rows-\[var\(--table-grid-template-rows\)\] { grid-template-rows: var(--table-grid-template-rows); } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .content-center { align-content: center; } .content-stretch { align-content: stretch; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-items-center { justify-items: center; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-12 { gap: 3rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-\[0\.5em\] { gap: 0.5em; } .gap-px { gap: 1px; } .gap-x-0\.5 { -moz-column-gap: 0.125rem; column-gap: 0.125rem; } .gap-x-1 { -moz-column-gap: 0.25rem; column-gap: 0.25rem; } .gap-x-16 { -moz-column-gap: 4rem; column-gap: 4rem; } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-2\.5 { -moz-column-gap: 0.625rem; column-gap: 0.625rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-2\.5 { row-gap: 0.625rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-6 { row-gap: 1.5rem; } .gap-y-\[6px\] { row-gap: 6px; } .-space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(-0.375rem * var(--tw-space-x-reverse)); margin-left: calc(-0.375rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .space-y-9 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)); } .space-y-\[0\.7em\] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.7em * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.7em * var(--tw-space-y-reverse)); } .space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; } .space-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 1; } .divide-x > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(1px * var(--tw-divide-x-reverse)); border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 1; } .divide-x-reverse > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 1; } .self-start { align-self: flex-start; } .self-center { align-self: center; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: end; } .justify-self-center { justify-self: center; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .\!overflow-y-auto { overflow-y: auto !important; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-visible { overflow-x: visible; } .overflow-y-visible { overflow-y: visible; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-ellipsis { text-overflow: ellipsis; } .text-ellipsis { text-overflow: ellipsis; } .text-clip { text-overflow: clip; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-wrap { text-wrap: wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-\[var\(--radius-full\)\] { border-radius: var(--radius-full); } .rounded-\[var\(--radius-large\)\] { border-radius: var(--radius-large); } .rounded-\[var\(--radius-medium\)\] { border-radius: var(--radius-medium); } .rounded-\[var\(--radius-small\)\] { border-radius: var(--radius-small); } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: 0.75rem; } .rounded-xs { border-radius: calc(var(--radius) - 6px); } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-e { border-start-end-radius: 0.25rem; border-end-end-radius: 0.25rem; } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; } .rounded-l-lg { border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); } .rounded-l-md { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; } .rounded-r-lg { border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); } .rounded-r-md { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .rounded-r-sm { border-top-right-radius: calc(var(--radius) - 4px); border-bottom-right-radius: calc(var(--radius) - 4px); } .rounded-s { border-start-start-radius: 0.25rem; border-end-start-radius: 0.25rem; } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } .rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .rounded-bl { border-bottom-left-radius: 0.25rem; } .rounded-bl-none { border-bottom-left-radius: 0px; } .rounded-br { border-bottom-right-radius: 0.25rem; } .rounded-br-\[2px\] { border-bottom-right-radius: 2px; } .rounded-ee { border-end-end-radius: 0.25rem; } .rounded-es { border-end-start-radius: 0.25rem; } .rounded-se { border-start-end-radius: 0.25rem; } .rounded-ss { border-start-start-radius: 0.25rem; } .rounded-tl { border-top-left-radius: 0.25rem; } .rounded-tl-2xl { border-top-left-radius: 1rem; } .rounded-tl-lg { border-top-left-radius: var(--radius); } .rounded-tr { border-top-right-radius: 0.25rem; } .rounded-tr-2xl { border-top-right-radius: 1rem; } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-4 { border-width: 4px; } .border-\[0\.1px\] { border-width: 0.1px; } .border-\[0\.5px\] { border-width: 0.5px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .\!border-r-0 { border-right-width: 0px !important; } .border-b { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-2 { border-bottom-width: 2px; } .border-b-4 { border-bottom-width: 4px; } .border-e { border-inline-end-width: 1px; } .border-l { border-left-width: 1px; } .border-l-0 { border-left-width: 0px; } .border-l-4 { border-left-width: 4px; } .border-l-\[1px\] { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-r-0 { border-right-width: 0px; } .border-r-4 { border-right-width: 4px; } .border-s { border-inline-start-width: 1px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-t-4 { border-top-width: 4px; } .border-solid { border-style: solid; } .border-dashed { border-style: dashed; } .\!border-none { border-style: none !important; } .border-none { border-style: none; } .border-\[hsl\(var\(--status-success-hover\)\)\] { border-color: hsl(var(--status-success-hover)); } .border-\[hsl\(var\(--status-warning-hover\)\)\] { border-color: hsl(var(--status-warning-hover)); } .border-\[var\(--color-comment-active-bg\)\] { border-color: var(--color-comment-active-bg); } .border-\[var\(--color-comment-bg\)\] { border-color: var(--color-comment-bg); } .border-\[var\(--color-focus\)\] { border-color: var(--color-focus); } .border-\[var\(--color-merge-request-text\)\] { border-color: var(--color-merge-request-text); } .border-\[var\(--color-status-modified\)\] { border-color: var(--color-status-modified); } .border-\[var\(--color-table-plus-border\)\] { border-color: var(--color-table-plus-border); } .border-\[var\(--property-border-color\)\] { border-color: var(--property-border-color); } .border-alpha-high-70 { border-color: hsl(var(--alpha-high-30)); } .border-alpha-high-90 { border-color: hsl(var(--alpha-high-10)); } .border-border { border-color: hsl(var(--border)); } .border-destructive { border-color: hsl(var(--destructive)); } .border-input { border-color: hsl(var(--input)); } .border-inverse-border { border-color: hsl(var(--inverse-border)); } .border-inverse-muted { border-color: hsl(var(--inverse-muted)); } .border-inverse-primary-fg { border-color: hsl(var(--inverse-primary-fg)); } .border-muted { border-color: hsl(var(--muted)); } .border-primary-accent { border-color: hsl(var(--primary-accent)); } .border-primary-border { border-color: hsl(var(--primary-border)); } .border-primary-fg { border-color: hsl(var(--primary-fg)); } .border-primary\/20 { border-color: hsl(var(--primary) / 0.2); } .border-primary\/50 { border-color: hsl(var(--primary) / 0.5); } .border-secondary { border-color: hsl(var(--secondary)); } .border-secondary-bg { border-color: hsl(var(--secondary-bg)); } .border-secondary-border { border-color: hsl(var(--secondary-border)); } .border-status-error-primary-border { border-color: hsl(var(--status-error-primary-border)); } .border-status-error-secondary-border { border-color: hsl(var(--status-error-secondary-border)); } .border-status-info-primary-border { border-color: hsl(var(--status-info-primary-border)); } .border-status-info-secondary-border { border-color: hsl(var(--status-info-secondary-border)); } .border-status-success-primary-border { border-color: hsl(var(--status-success-primary-border)); } .border-status-success-secondary-border { border-color: hsl(var(--status-success-secondary-border)); } .border-status-warning-primary-border { border-color: hsl(var(--status-warning-primary-border)); } .border-status-warning-secondary-border { border-color: hsl(var(--status-warning-secondary-border)); } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-b-\[var\(--color-line\)\] { border-bottom-color: var(--color-line); } .border-b-secondary-border { border-bottom-color: hsl(var(--secondary-border)); } .border-l-secondary-border { border-left-color: hsl(var(--secondary-border)); } .border-l-transparent { border-left-color: transparent; } .border-r-\[var\(--color-line\)\] { border-right-color: var(--color-line); } .border-t-transparent { border-top-color: transparent; } .\!bg-\[hsl\(var\(--inverse-accent\)\)\] { background-color: hsl(var(--inverse-accent)) !important; } .\!bg-transparent { background-color: transparent !important; } .bg-\[color\:var\(--table-row-bg\)\] { background-color: var(--table-row-bg); } .bg-\[var\(--color-article-bg\)\] { background-color: var(--color-article-bg); } .bg-\[var\(--color-code-bg\)\] { background-color: var(--color-code-bg); } .bg-\[var\(--color-comment-active-bg\)\] { background-color: var(--color-comment-active-bg); } .bg-\[var\(--color-diagram-bg\)\] { background-color: var(--color-diagram-bg); } .bg-\[var\(--color-highlight-blue\)\] { background-color: var(--color-highlight-blue); } .bg-\[var\(--color-highlight-green\)\] { background-color: var(--color-highlight-green); } .bg-\[var\(--color-highlight-orange\)\] { background-color: var(--color-highlight-orange); } .bg-\[var\(--color-highlight-purple\)\] { background-color: var(--color-highlight-purple); } .bg-\[var\(--color-highlight-red\)\] { background-color: var(--color-highlight-red); } .bg-\[var\(--color-highlight-yellow\)\] { background-color: var(--color-highlight-yellow); } .bg-\[var\(--color-icon-blue\)\] { background-color: var(--color-icon-blue); } .bg-\[var\(--color-icon-green\)\] { background-color: var(--color-icon-green); } .bg-\[var\(--color-icon-orange\)\] { background-color: var(--color-icon-orange); } .bg-\[var\(--color-icon-purple\)\] { background-color: var(--color-icon-purple); } .bg-\[var\(--color-icon-red\)\] { background-color: var(--color-icon-red); } .bg-\[var\(--color-icon-yellow\)\] { background-color: var(--color-icon-yellow); } .bg-\[var\(--color-line\)\] { background-color: var(--color-line); } .bg-\[var\(--color-status-deleted\)\] { background-color: var(--color-status-deleted); } .bg-\[var\(--color-status-modified\)\] { background-color: var(--color-status-modified); } .bg-\[var\(--color-status-new\)\] { background-color: var(--color-status-new); } .bg-\[var\(--color-table-action-add\)\] { background-color: var(--color-table-action-add); } .bg-\[var\(--color-table-plus-bg\)\] { background-color: var(--color-table-plus-bg); } .bg-\[var\(--property-bg-color\)\] { background-color: var(--property-bg-color); } .bg-\[var\(--search-fragment-highlight-bg\)\] { background-color: var(--search-fragment-highlight-bg); } .bg-alpha-10 { background-color: hsl(var(--alpha-90)); } .bg-alpha-30 { background-color: hsl(var(--alpha-70)); } .bg-alpha-40 { background-color: hsl(var(--alpha-60)); } .bg-alpha-50 { background-color: hsl(var(--alpha-50)); } .bg-alpha-60 { background-color: hsl(var(--alpha-40)); } .bg-alpha-high-20 { background-color: hsl(var(--alpha-high-80)); } .bg-alpha-high-60 { background-color: hsl(var(--alpha-high-40)); } .bg-alpha-high-80 { background-color: hsl(var(--alpha-high-20)); } .bg-alpha-high-90 { background-color: hsl(var(--alpha-high-10)); } .bg-background { background-color: hsl(var(--background)); } .bg-foreground { background-color: hsl(var(--foreground)); } .bg-inverse-active { background-color: hsl(var(--inverse-active)); } .bg-inverse-border { background-color: hsl(var(--inverse-border)); } .bg-inverse-primary-bg { background-color: hsl(var(--inverse-primary-bg)); } .bg-inverse-primary-fg { background-color: hsl(var(--inverse-primary-fg)); } .bg-inverse-secondary-bg { background-color: hsl(var(--inverse-secondary-bg)); } .bg-primary { background-color: hsl(var(--primary)); } .bg-primary-accent { background-color: hsl(var(--primary-accent)); } .bg-primary-bg { background-color: hsl(var(--primary-bg)); } .bg-primary-bg-hover { background-color: hsl(var(--primary-bg-hover)); } .bg-primary-border { background-color: hsl(var(--primary-border)); } .bg-primary-fg { background-color: hsl(var(--primary-fg)); } .bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-secondary-bg { background-color: hsl(var(--secondary-bg)); } .bg-secondary-bg-hover { background-color: hsl(var(--secondary-bg-hover)); } .bg-secondary-bg-hover\/40 { background-color: hsl(var(--secondary-bg-hover) / 0.4); } .bg-secondary-border { background-color: hsl(var(--secondary-border)); } .bg-sidebar-bg { background-color: hsl(var(--sidebar-bg)); } .bg-status-error { background-color: hsl(var(--status-error)); } .bg-status-error-bg { background-color: hsl(var(--status-error-bg)); } .bg-status-error-bg-hover { background-color: hsl(var(--status-error-bg-hover)); } .bg-status-error-secondary-border { background-color: hsl(var(--status-error-secondary-border)); } .bg-status-info { background-color: hsl(var(--status-info)); } .bg-status-info-bg { background-color: hsl(var(--status-info-bg)); } .bg-status-info-bg-hover { background-color: hsl(var(--status-info-bg-hover)); } .bg-status-neutral { background-color: hsl(var(--status-default)); } .bg-status-neutral-bg { background-color: hsl(var(--status-default-bg)); } .bg-status-neutral-bg-hover { background-color: hsl(var(--status-default-bg-hover)); } .bg-status-neutral-fg { background-color: hsl(var(--status-default-fg)); } .bg-status-success { background-color: hsl(var(--status-success)); } .bg-status-success-bg { background-color: hsl(var(--status-success-bg)); } .bg-status-success-bg-hover { background-color: hsl(var(--status-success-bg-hover)); } .bg-status-warning { background-color: hsl(var(--status-warning)); } .bg-status-warning-bg { background-color: hsl(var(--status-warning-bg)); } .bg-status-warning-bg-hover { background-color: hsl(var(--status-warning-bg-hover)); } .bg-status-warning-hover { background-color: hsl(var(--status-warning-hover)); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/70 { background-color: rgb(255 255 255 / 0.7); } .bg-\[image\:var\(--table-row-tints\2c none\)\] { background-image: var(--table-row-tints,none); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .from-alpha-high-50 { --tw-gradient-from: hsl(var(--alpha-high-50)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--alpha-high-50) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-shadow-scroll { --tw-gradient-from: hsl(222, 47%, 11%) var(--tw-gradient-from-position); --tw-gradient-to: hsl(222 47% 11% / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .to-alpha-high-20 { --tw-gradient-to: hsl(var(--alpha-high-80)) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .bg-repeat { background-repeat: repeat; } .fill-alpha-high-20 { fill: hsl(var(--alpha-high-80)); } .fill-current { fill: currentColor; } .fill-muted { fill: hsl(var(--muted)); } .fill-none { fill: none; } .fill-primary-bg { fill: hsl(var(--primary-bg)); } .fill-primary-bg-hover { fill: hsl(var(--primary-bg-hover)); } .fill-primary-border { fill: hsl(var(--primary-border)); } .fill-secondary-bg { fill: hsl(var(--secondary-bg)); } .fill-secondary-bg-hover { fill: hsl(var(--secondary-bg-hover)); } .fill-status-neutral-fg { fill: hsl(var(--status-default-fg)); } .fill-white { fill: #fff; } .stroke-current { stroke: currentColor; } .stroke-none { stroke: none; } .stroke-primary-border { stroke: hsl(var(--primary-border)); } .stroke-secondary-border { stroke: hsl(var(--secondary-border)); } .stroke-status-error { stroke: hsl(var(--status-error)); } .stroke-\[0\.5px\] { stroke-width: 0.5px; } .stroke-\[1\.5\] { stroke-width: 1.5; } .stroke-\[1\.5px\] { stroke-width: 1.5px; } .stroke-\[1\.6\] { stroke-width: 1.6; } .stroke-\[1\.75px\] { stroke-width: 1.75px; } .stroke-\[2\.34px\] { stroke-width: 2.34px; } .stroke-\[2\.3px\] { stroke-width: 2.3px; } .stroke-\[2\.5\] { stroke-width: 2.5; } .stroke-\[3\] { stroke-width: 3; } .stroke-\[3px\] { stroke-width: 3px; } .object-contain { -o-object-fit: contain; object-fit: contain; } .\!p-0 { padding: 0px !important; } .\!p-5 { padding: 1.25rem !important; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-3\.5 { padding: 0.875rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-\[0\.1rem\] { padding: 0.1rem; } .p-\[0\.44rem\] { padding: 0.44rem; } .p-\[1em\] { padding: 1em; } .p-\[var\(--viewport-padding\)\] { padding: var(--viewport-padding); } .p-px { padding: 1px; } .\!px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .\!py-0\.5 { padding-top: 0.125rem !important; padding-bottom: 0.125rem !important; } .\!py-\[0\.3125rem\] { padding-top: 0.3125rem !important; padding-bottom: 0.3125rem !important; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-\[0\.8em\] { padding-left: 0.8em; padding-right: 0.8em; } .px-\[10px\] { padding-left: 10px; padding-right: 10px; } .px-\[2px\] { padding-left: 2px; padding-right: 2px; } .px-\[var\(--distance-i-span\)\] { padding-left: var(--distance-i-span); padding-right: var(--distance-i-span); } .px-\[var\(--table-wrapper-padding-x\)\] { padding-left: var(--table-wrapper-padding-x); padding-right: var(--table-wrapper-padding-x); } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .py-\[0\.15em\] { padding-top: 0.15em; padding-bottom: 0.15em; } .py-\[0\.3125rem\] { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; } .py-\[var\(--table-wrapper-padding-y\)\] { padding-top: var(--table-wrapper-padding-y); padding-bottom: var(--table-wrapper-padding-y); } .py-px { padding-top: 1px; padding-bottom: 1px; } .\!pl-0 { padding-left: 0px !important; } .\!pl-5 { padding-left: 1.25rem !important; } .\!pl-8 { padding-left: 2rem !important; } .\!pr-0 { padding-right: 0px !important; } .\!pt-\[var\(--catalog-titlebar-offset\2c 0rem\)\] { padding-top: var(--catalog-titlebar-offset,0rem) !important; } .pb-0 { padding-bottom: 0px; } .pb-0\.5 { padding-bottom: 0.125rem; } .pb-1 { padding-bottom: 0.25rem; } .pb-1\.5 { padding-bottom: 0.375rem; } .pb-12 { padding-bottom: 3rem; } .pb-14 { padding-bottom: 3.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-20 { padding-bottom: 5rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[3\.25rem\] { padding-bottom: 3.25rem; } .pb-\[calc\(var\(--padding-top-bottom\)-var\(--vertical-top-offset\)\)\] { padding-bottom: calc(var(--padding-top-bottom) - var(--vertical-top-offset)); } .pb-px { padding-bottom: 1px; } .pe-3 { padding-inline-end: 0.75rem; } .pl-0 { padding-left: 0px; } .pl-1 { padding-left: 0.25rem; } .pl-1\.5 { padding-left: 0.375rem; } .pl-12 { padding-left: 3rem; } .pl-14 { padding-left: 3.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-2\.5 { padding-left: 0.625rem; } .pl-3 { padding-left: 0.75rem; } .pl-3\.5 { padding-left: 0.875rem; } .pl-4 { padding-left: 1rem; } .pl-6 { padding-left: 1.5rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pr-0 { padding-right: 0px; } .pr-0\.5 { padding-right: 0.125rem; } .pr-1 { padding-right: 0.25rem; } .pr-1\.5 { padding-right: 0.375rem; } .pr-14 { padding-right: 3.5rem; } .pr-2 { padding-right: 0.5rem; } .pr-2\.5 { padding-right: 0.625rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-8 { padding-right: 2rem; } .pr-9 { padding-right: 2.25rem; } .pr-\[10px\] { padding-right: 10px; } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 0.25rem; } .pt-2 { padding-top: 0.5rem; } .pt-2\.5 { padding-top: 0.625rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[0\.625rem\] { padding-top: 0.625rem; } .pt-\[calc\(3\.25rem\+var\(--catalog-titlebar-offset\)\)\] { padding-top: calc(3.25rem + var(--catalog-titlebar-offset)); } .pt-px { padding-top: 1px; } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .text-start { text-align: start; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .font-mono { font-family: Menlo, ui-monospace, SFMono-Regular, Monaco, Consolas, Liberation Mono, Courier New, monospace; } .font-sans { font-family: Inter Variable, Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-2xs { font-size: 0.5rem; line-height: 0.5rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.75rem; letter-spacing: -0.02em; } .text-5xl { font-size: 3rem; line-height: 3.75rem; letter-spacing: -0.02em; } .text-\[0\.5em\] { font-size: 0.5em; } .text-\[0\.625rem\] { font-size: 0.625rem; } .text-\[0\.65rem\] { font-size: 0.65rem; } .text-\[0\.85rem\] { font-size: 0.85rem; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[1\.0625em\] { font-size: 1.0625em; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[8px\] { font-size: 8px; } .text-base { font-size: 1rem; line-height: 1.375rem; } .text-lg { font-size: 1.125rem; line-height: 1.5rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .not-italic { font-style: normal; } .normal-nums { font-variant-numeric: normal; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .slashed-zero { --tw-slashed-zero: slashed-zero; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .lining-nums { --tw-numeric-figure: lining-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .oldstyle-nums { --tw-numeric-figure: oldstyle-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .proportional-nums { --tw-numeric-spacing: proportional-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .diagonal-fractions { --tw-numeric-fraction: diagonal-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .stacked-fractions { --tw-numeric-fraction: stacked-fractions; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .\!leading-none { line-height: 100% !important; } .leading-3 { line-height: .75rem; } .leading-4 { line-height: 1rem; } .leading-5 { line-height: 1.25rem; } .leading-6 { line-height: 1.5rem; } .leading-7 { line-height: 1.75rem; } .leading-\[1\.125rem\] { line-height: 1.125rem; } .leading-\[1\.2\] { line-height: 1.2; } .leading-\[1\.33em\] { line-height: 1.33em; } .leading-\[1\.3\] { line-height: 1.3; } .leading-\[13\.5px\] { line-height: 13.5px; } .leading-none { line-height: 100%; } .leading-normal { line-height: 1.5; } .leading-relaxed { line-height: 1.625; } .leading-tight { line-height: 1.25; } .tracking-\[-0\.1px\] { letter-spacing: -0.1px; } .tracking-normal { letter-spacing: 0em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-widest { letter-spacing: 0.1em; } .\!text-\[color\:var\(--color-link\)\] { color: var(--color-link) !important; } .\!text-\[hsl\(var\(--inverse-accent-text\)\)\] { color: hsl(var(--inverse-accent-text)) !important; } .\!text-inverse-secondary-fg { color: hsl(var(--inverse-secondary-fg)) !important; } .\!text-muted { color: hsl(var(--muted)) !important; } .text-\[color\:var\(--color-home-card-link\)\] { color: var(--color-home-card-link); } .text-\[color\:var\(--color-link\)\] { color: var(--color-link); } .text-\[hsl\(var\(--inverse-muted\)\)\] { color: hsl(var(--inverse-muted)); } .text-\[var\(--color-article-text\)\] { color: var(--color-article-text); } .text-\[var\(--color-line\)\] { color: var(--color-line); } .text-\[var\(--color-merge-request-text\)\] { color: var(--color-merge-request-text); } .text-\[var\(--color-merge-request-text-accent\)\] { color: var(--color-merge-request-text-accent); } .text-\[var\(--color-nav-item\)\] { color: var(--color-nav-item); } .text-\[var\(--color-primary-general\)\] { color: var(--color-primary-general); } .text-\[var\(--color-status-deleted\)\] { color: var(--color-status-deleted); } .text-\[var\(--color-status-modified\)\] { color: var(--color-status-modified); } .text-\[var\(--color-status-new\)\] { color: var(--color-status-new); } .text-\[var\(--color-text-count\)\] { color: var(--color-text-count); } .text-\[var\(--color-text-secondary\)\] { color: var(--color-text-secondary); } .text-\[var\(--property-text-color\)\] { color: var(--property-text-color); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-card-foreground { color: hsl(var(--card-foreground)); } .text-destructive { color: hsl(var(--destructive)); } .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-foreground { color: hsl(var(--foreground)); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-inherit { color: inherit; } .text-inverse-muted { color: hsl(var(--inverse-muted)); } .text-inverse-primary-bg { color: hsl(var(--inverse-primary-bg)); } .text-inverse-primary-fg { color: hsl(var(--inverse-primary-fg)); } .text-inverse-secondary-fg { color: hsl(var(--inverse-secondary-fg)); } .text-muted { color: hsl(var(--muted)); } .text-muted-foreground { color: hsl(var(--muted-foreground)); } .text-muted-foreground\/60 { color: hsl(var(--muted-foreground) / 0.6); } .text-muted\/60 { color: hsl(var(--muted) / 0.6); } .text-popover-foreground { color: hsl(var(--popover-foreground)); } .text-primary { color: hsl(var(--primary)); } .text-primary-accent { color: hsl(var(--primary-accent)); } .text-primary-bg { color: hsl(var(--primary-bg)); } .text-primary-bg\/70 { color: hsl(var(--primary-bg) / 0.7); } .text-primary-border { color: hsl(var(--primary-border)); } .text-primary-fg { color: hsl(var(--primary-fg)); } .text-primary-foreground { color: hsl(var(--primary-foreground)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-secondary-bg { color: hsl(var(--secondary-bg)); } .text-secondary-fg { color: hsl(var(--secondary-fg)); } .text-secondary-fg\/60 { color: hsl(var(--secondary-fg) / 0.6); } .text-secondary-fg\/70 { color: hsl(var(--secondary-fg) / 0.7); } .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } .text-status-error { color: hsl(var(--status-error)); } .text-status-error-fg { color: hsl(var(--status-error-fg)); } .text-status-error-fg\/70 { color: hsl(var(--status-error-fg) / 0.7); } .text-status-error-hover { color: hsl(var(--status-error-hover)); } .text-status-info { color: hsl(var(--status-info)); } .text-status-info-fg { color: hsl(var(--status-info-fg)); } .text-status-info-fg\/70 { color: hsl(var(--status-info-fg) / 0.7); } .text-status-info-hover { color: hsl(var(--status-info-hover)); } .text-status-neutral { color: hsl(var(--status-default)); } .text-status-success { color: hsl(var(--status-success)); } .text-status-success-fg { color: hsl(var(--status-success-fg)); } .text-status-success-fg\/70 { color: hsl(var(--status-success-fg) / 0.7); } .text-status-success-hover { color: hsl(var(--status-success-hover)); } .text-status-warning { color: hsl(var(--status-warning)); } .text-status-warning-fg { color: hsl(var(--status-warning-fg)); } .text-status-warning-fg\/70 { color: hsl(var(--status-warning-fg) / 0.7); } .text-status-warning-hover { color: hsl(var(--status-warning-hover)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/70 { color: rgb(255 255 255 / 0.7); } .underline { text-decoration-line: underline; } .overline { text-decoration-line: overline; } .line-through { text-decoration-line: line-through; } .\!no-underline { text-decoration-line: none !important; } .no-underline { text-decoration-line: none; } .decoration-dotted { text-decoration-style: dotted; } .underline-offset-2 { text-underline-offset: 2px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .subpixel-antialiased { -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-40 { opacity: 0.4; } .opacity-5 { opacity: 0.05; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-85 { opacity: 0.85; } .opacity-\[0\.13\] { opacity: 0.13; } .\!shadow-focus { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)) !important; --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\!shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-focus { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-focus-error { --tw-shadow: 0 0 0 1px hsl(var(--status-error)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-glass-lg { --tw-shadow: var(--shadow-glass-lg); --tw-shadow-colored: var(--shadow-glass-lg); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-glass-md { --tw-shadow: var(--shadow-glass-md); --tw-shadow-colored: var(--shadow-glass-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-glass-sm { --tw-shadow: var(--shadow-glass-sm); --tw-shadow-colored: var(--shadow-glass-sm); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-glass-xl { --tw-shadow: var(--shadow-glass-xl); --tw-shadow-colored: var(--shadow-glass-xl); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-hard-base { --tw-shadow: 0 1px 3px 0 rgba(2, 6, 23, 0.50), 0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset, 0 3px 8px 0 rgba(2, 6, 23, 0.35), 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), inset 0 0 0.5px 0 var(--tw-shadow-color), 0 3px 8px 0 var(--tw-shadow-color), inset 0 0.5px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-hard-md { --tw-shadow: 0 1px 3px 0 rgba(15, 23, 42, 0.50), 0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset, 0 5px 12px 0 rgba(15, 23, 42, 0.35), 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), inset 0 0 0.5px 0 var(--tw-shadow-color), 0 5px 12px 0 var(--tw-shadow-color), inset 0 0.5px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-soft-2xl { --tw-shadow: 0 24px 48px -12px rgba(15, 23, 42, 0.24); --tw-shadow-colored: 0 24px 48px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-soft-base { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-soft-lg { --tw-shadow: 0 8px 16px -4px rgba(15, 23, 42, 0.12), 0 4px 8px -4px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 8px 16px -4px var(--tw-shadow-color), 0 4px 8px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-soft-md { --tw-shadow: 0 2px 4px -2px rgba(15, 23, 42, 0.12), 0 4px 8px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px -2px var(--tw-shadow-color), 0 4px 8px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-soft-sm { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-soft-xl { --tw-shadow: 0 6px 12px -6px rgba(15, 23, 42, 0.12), 0 16px 24px -6px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 6px 12px -6px var(--tw-shadow-color), 0 16px 24px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset { --tw-ring-inset: inset; } .ring-secondary-border { --tw-ring-color: hsl(var(--secondary-border)); } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .brightness-110 { --tw-brightness: brightness(1.1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow { --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .sepia { --tw-sepia: sepia(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!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) !important; } .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-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-\[0\.875rem\] { --tw-backdrop-blur: blur(0.875rem); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-xl { --tw-backdrop-blur: blur(24px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-grayscale { --tw-backdrop-grayscale: grayscale(100%); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-invert { --tw-backdrop-invert: invert(100%); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-sepia { --tw-backdrop-sepia: sepia(100%); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .\!transition-\[left\] { transition-property: left !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .\!transition-none { transition-property: none !important; } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c border-color\2c color\2c filter\] { transition-property: background-color,border-color,color,filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[gap\] { transition-property: gap; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[height\] { transition-property: height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[left\2c right\2c width\] { transition-property: left,right,width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[margin\2c opacity\] { transition-property: margin,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[margin\] { transition-property: margin; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[opacity\2c transform\] { transition-property: opacity,transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[padding\] { transition-property: padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[transform\2c opacity\] { transition-property: transform,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\2c padding\] { transition-property: width,height,padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c padding-left\2c opacity\2c color\] { transition-property: width,padding-left,opacity,color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c padding-left\2c opacity\] { transition-property: width,padding-left,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-none { transition-property: none; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .delay-75 { transition-delay: 75ms; } .\!duration-300 { transition-duration: 300ms !important; } .\!duration-500 { transition-duration: 500ms !important; } .duration-100 { transition-duration: 100ms; } .duration-1000 { transition-duration: 1000ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .\!ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { transition-timing-function: linear; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-\[opacity\2c transform\] { will-change: opacity,transform; } .contain-layout { --tw-contain-layout: layout; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } .contain-style { --tw-contain-style: style; contain: var(--tw-contain-size) var(--tw-contain-layout) var(--tw-contain-paint) var(--tw-contain-style); } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .animate-out { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .fade-in { --tw-enter-opacity: 0; } .fade-in-0 { --tw-enter-opacity: 0; } .fade-out { --tw-exit-opacity: 0; } .fade-out-0 { --tw-exit-opacity: 0; } .zoom-in { --tw-enter-scale: 0; } .zoom-in-95 { --tw-enter-scale: .95; } .zoom-out { --tw-exit-scale: 0; } .zoom-out-95 { --tw-exit-scale: .95; } .slide-in-from-left-2 { --tw-enter-translate-x: -0.5rem; } .slide-in-from-right-2 { --tw-enter-translate-x: 0.5rem; } .\!duration-300 { animation-duration: 300ms !important; } .\!duration-500 { animation-duration: 500ms !important; } .duration-100 { animation-duration: 100ms; } .duration-1000 { animation-duration: 1000ms; } .duration-150 { animation-duration: 150ms; } .duration-200 { animation-duration: 200ms; } .duration-300 { animation-duration: 300ms; } .duration-500 { animation-duration: 500ms; } .delay-75 { animation-delay: 75ms; } .\!ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .ease-in { animation-timing-function: cubic-bezier(0.4, 0, 1, 1); } .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { animation-timing-function: linear; } .ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .\!running { animation-play-state: running !important; } .running { animation-play-state: running; } .\!paused { animation-play-state: paused !important; } .paused { animation-play-state: paused; } .\@container { container-type: inline-size; } .backdrop-glass-thin { backdrop-filter: var(--glass-thin); } .backdrop-glass-regular { backdrop-filter: var(--glass-regular); } .\!\[--sidebar-width\:17\.25rem\] { --sidebar-width: 17.25rem !important; } .\[--table-row-bg-hover\:hsl\(var\(--alpha-high-03\)\)\] { --table-row-bg-hover: hsl(var(--alpha-high-03)); } .\[--table-row-bg\:transparent\] { --table-row-bg: transparent; } .\[animation-fill-mode\:forwards\] { animation-fill-mode: forwards; } .\[background\:linear-gradient\(90deg\2c hsl\(var\(--muted\)\)_0\%\2c rgba\(113\2c 113\2c 122\2c 0\.00\)_100\%\)\] { background: linear-gradient(90deg,hsl(var(--muted)) 0%,rgba(113,113,122,0.00) 100%); } .\[block-property\:HHkTb\] { block-property: HHkTb; } .\[box-shadow\:0_1px_0_0_hsl\(var\(--border\)\)\] { box-shadow: 0 1px 0 0 hsl(var(--border)); } .\[cmd\:text\] { cmd: text; } .\[color\:\$1\] { color: $1; } .\[color\:yellow\] { color: yellow; } .\[comment\:wtere\] { comment: wtere; } .\[container-name\:catalog-layout\] { container-name: catalog-layout; } .\[container-name\:catalog-viewport\] { container-name: catalog-viewport; } .\[container-type\:inline-size\] { container-type: inline-size; } .\[custom-tag\:foo\] { custom-tag: foo; } .\[db-diagram\:\.\/diagrams\/Foo\.yaml\] { db-diagram: ./diagrams/Foo.yaml; } .\[db-diagram\:\.\/diagrams\/Sales\.yaml\] { db-diagram: ./diagrams/Sales.yaml; } .\[fill\:url\(\#cloud-left\)\] { fill: url(#cloud-left); } .\[fill\:url\(\#cloud-middle\)\] { fill: url(#cloud-middle); } .\[fill\:url\(\#cloud-right\)\] { fill: url(#cloud-right); } .\[fill\:url\(\#folder-bottom\)\] { fill: url(#folder-bottom); } .\[fill\:url\(\#folder-top\)\] { fill: url(#folder-top); } .\[fill\:url\(\#right-size-gradient\)\] { fill: url(#right-size-gradient); } .\[filter\:url\(\#shadow\)\] { filter: url(#shadow); } .\[filter\:url\(\#shadow-cloud\)\] { filter: url(#shadow-cloud); } .\[filter\:url\(\#shadow-folder\)\] { filter: url(#shadow-folder); } .\[font\:inherit\] { font: inherit; } .\[html\:iframe\] { html: iframe; } .\[icon\:code\] { icon: code; } .\[include\:path\] { include: path; } .\[mask-image\:linear-gradient\(to_left\2c rgba\(255\2c 255\2c 255\2c 0\)\2c \#fff_15\%\)\] { -webkit-mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 15%); mask-image: linear-gradient(to left,rgba(255,255,255,0),#fff 15%); } .\[overflow-anchor\:none\] { overflow-anchor: none; } .\[page-break-inside\:avoid\] { page-break-inside: avoid; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .\[stroke-width\:2rem\] { stroke-width: 2rem; } .\[transform\:translateZ\(0\)\] { transform: translateZ(0); } .\[transition-delay\:0ms\] { transition-delay: 0ms; } .\[transition-timing-function\:cubic-bezier\(0\.23\2c 1\2c 0\.32\2c 1\)\] { transition-timing-function: cubic-bezier(0.23,1,0.32,1); } .\[transition\:left_160ms_ease-out\2c opacity_160ms_75ms\] { transition: left 160ms ease-out,opacity 160ms 75ms; } .\[transition\:width_140ms_cubic-bezier\(0\.23\2c 1\2c 0\.32\2c 1\)_80ms\] { transition: width 140ms cubic-bezier(0.23,1,0.32,1) 80ms; } .\[unknown-tag\:foo\] { unknown-tag: foo; } .\[white-space\:unset\!important\] { white-space: unset !important; } .file\:cursor-pointer::file-selector-button { cursor: pointer; } .placeholder\:text-inverse-muted::-moz-placeholder { color: hsl(var(--inverse-muted)); } .placeholder\:text-inverse-muted::placeholder { color: hsl(var(--inverse-muted)); } .placeholder\:text-muted::-moz-placeholder { color: hsl(var(--muted)); } .placeholder\:text-muted::placeholder { color: hsl(var(--muted)); } .placeholder\:text-muted-foreground::-moz-placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:opacity-50::-moz-placeholder { opacity: 0.5; } .placeholder\:opacity-50::placeholder { opacity: 0.5; } .before\:absolute::before { content: var(--tw-content); position: absolute; } .before\:left-1\/2::before { content: var(--tw-content); left: 50%; } .before\:left-\[3px\]::before { content: var(--tw-content); left: 3px; } .before\:top-1\/2::before { content: var(--tw-content); top: 50%; } .before\:top-\[10\%\]::before { content: var(--tw-content); top: 10%; } .before\:flex::before { content: var(--tw-content); display: flex; } .before\:size-6::before { content: var(--tw-content); width: 1.5rem; height: 1.5rem; } .before\:h-\[80\%\]::before { content: var(--tw-content); height: 80%; } .before\:w-\[3px\]::before { content: var(--tw-content); width: 3px; } .before\:-translate-x-1\/2::before { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:-translate-y-1\/2::before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:items-center::before { content: var(--tw-content); align-items: center; } .before\:bg-\[var\(--color-status-deleted\)\]::before { content: var(--tw-content); background-color: var(--color-status-deleted); } .before\:bg-\[var\(--color-status-modified\)\]::before { content: var(--tw-content); background-color: var(--color-status-modified); } .before\:bg-\[var\(--color-status-new\)\]::before { content: var(--tw-content); background-color: var(--color-status-new); } .before\:bg-\[var\(--color-status-rename\)\]::before { content: var(--tw-content); background-color: var(--color-status-rename); } .before\:content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .after\:pointer-events-none::after { content: var(--tw-content); pointer-events: none; } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; } .after\:inset-0::after { content: var(--tw-content); inset: 0px; } .after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; } .after\:bottom-1::after { content: var(--tw-content); bottom: 0.25rem; } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:right-0::after { content: var(--tw-content); right: 0px; } .after\:top-0::after { content: var(--tw-content); top: 0px; } .after\:h-0::after { content: var(--tw-content); height: 0px; } .after\:h-1::after { content: var(--tw-content); height: 0.25rem; } .after\:h-full::after { content: var(--tw-content); height: 100%; } .after\:w-0::after { content: var(--tw-content); width: 0px; } .after\:w-0\.5::after { content: var(--tw-content); width: 0.125rem; } .after\:w-1::after { content: var(--tw-content); width: 0.25rem; } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:rounded-\[inherit\]::after { content: var(--tw-content); border-radius: inherit; } .after\:rounded-full::after { content: var(--tw-content); border-radius: 9999px; } .after\:border-\[0\.5px\]::after { content: var(--tw-content); border-width: 0.5px; } .after\:border-l-4::after { content: var(--tw-content); border-left-width: 4px; } .after\:border-t-0::after { content: var(--tw-content); border-top-width: 0px; } .after\:border-primary-border::after { content: var(--tw-content); border-color: hsl(var(--primary-border)); } .after\:border-l-transparent::after { content: var(--tw-content); border-left-color: transparent; } .after\:\!bg-secondary-bg::after { content: var(--tw-content); background-color: hsl(var(--secondary-bg)) !important; } .after\:bg-\[color\:var\(--table-row-bg\)\]::after { content: var(--tw-content); background-color: var(--table-row-bg); } .after\:bg-primary::after { content: var(--tw-content); background-color: hsl(var(--primary)); } .after\:bg-primary-border::after { content: var(--tw-content); background-color: hsl(var(--primary-border)); } .after\:bg-primary-foreground::after { content: var(--tw-content); background-color: hsl(var(--primary-foreground)); } .after\:bg-\[image\:var\(--table-row-tints\2c none\)\]::after { content: var(--tw-content); background-image: var(--table-row-tints,none); } .after\:opacity-0::after { content: var(--tw-content); opacity: 0; } .after\:opacity-100::after { content: var(--tw-content); opacity: 1; } .after\:transition-colors::after { content: var(--tw-content); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:transition-opacity::after { content: var(--tw-content); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .first\:border-l:first-child { border-left-width: 1px; } .first\:border-l-0:first-child { border-left-width: 0px; } .first\:pl-2\.5:first-child { padding-left: 0.625rem; } .first\:pt-3:first-child { padding-top: 0.75rem; } .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:border-r-0:last-child { border-right-width: 0px; } .last\:pb-0:last-child { padding-bottom: 0px; } .last\:pr-2\.5:last-child { padding-right: 0.625rem; } .invalid\:border-status-error-secondary-border:invalid { border-color: hsl(var(--status-error-secondary-border)); } .invalid\:\!shadow-none:invalid { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .invalid\:shadow-none:invalid { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .invalid\:shadow-soft-base:invalid { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .read-only\:w-0:-moz-read-only { width: 0px; } .read-only\:w-0:read-only { width: 0px; } .read-only\:min-w-0:-moz-read-only { min-width: 0px; } .read-only\:min-w-0:read-only { min-width: 0px; } .read-only\:border-primary-border:-moz-read-only { border-color: hsl(var(--primary-border)); } .read-only\:border-primary-border:read-only { border-color: hsl(var(--primary-border)); } .read-only\:bg-secondary-bg-hover:-moz-read-only { background-color: hsl(var(--secondary-bg-hover)); } .read-only\:bg-secondary-bg-hover:read-only { background-color: hsl(var(--secondary-bg-hover)); } .read-only\:\!shadow-none:-moz-read-only { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .read-only\:\!shadow-none:read-only { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .read-only\:shadow-soft-sm:-moz-read-only { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .read-only\:shadow-soft-sm:read-only { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .empty\:hidden:empty { display: none; } .focus-within\:gap-1\.5:focus-within { gap: 0.375rem; } .focus-within\:border-inverse-border:focus-within { border-color: hsl(var(--inverse-border)); } .focus-within\:border-secondary-border:focus-within { border-color: hsl(var(--secondary-border)); } .focus-within\:\!bg-transparent:focus-within { background-color: transparent !important; } .focus-within\:opacity-100:focus-within { opacity: 1; } @media (hover: hover) and (pointer: fine) { .hover\:cursor-grab:hover { cursor: grab; } .hover\:cursor-pointer:hover { cursor: pointer; } .hover\:gap-1\.5:hover { gap: 0.375rem; } .hover\:\!border-status-error-primary-border:hover { border-color: hsl(var(--status-error-primary-border)) !important; } .hover\:border-\[var\(--color-comment-hover-bg\)\]:hover { border-color: var(--color-comment-hover-bg); } .hover\:border-\[var\(--color-table-plus-border\)\]:hover { border-color: var(--color-table-plus-border); } .hover\:border-inverse-border:hover { border-color: hsl(var(--inverse-border)); } .hover\:border-muted:hover { border-color: hsl(var(--muted)); } .hover\:border-primary-border:hover { border-color: hsl(var(--primary-border)); } .hover\:border-secondary-border:hover { border-color: hsl(var(--secondary-border)); } .hover\:border-status-error-primary-border:hover { border-color: hsl(var(--status-error-primary-border)); } .hover\:border-status-error-secondary-border:hover { border-color: hsl(var(--status-error-secondary-border)); } .hover\:border-status-success-secondary-border:hover { border-color: hsl(var(--status-success-secondary-border)); } .hover\:border-b-\[var\(--color-article-text\)\]:hover { border-bottom-color: var(--color-article-text); } .hover\:border-r-\[var\(--color-article-text\)\]:hover { border-right-color: var(--color-article-text); } .hover\:\!bg-\[hsl\(var\(--inverse-accent-hover\)\)\]:hover { background-color: hsl(var(--inverse-accent-hover)) !important; } .hover\:\!bg-inverse-hover:hover { background-color: hsl(var(--inverse-hover)) !important; } .hover\:\!bg-secondary-bg-hover:hover { background-color: hsl(var(--secondary-bg-hover)) !important; } .hover\:\!bg-secondary-border:hover { background-color: hsl(var(--secondary-border)) !important; } .hover\:\!bg-status-error\/10:hover { background-color: hsl(var(--status-error) / 0.1) !important; } .hover\:bg-\[color\:var\(--table-row-bg-hover\)\]:hover { background-color: var(--table-row-bg-hover); } .hover\:bg-\[var\(--color-comment-hover-bg\)\]:hover { background-color: var(--color-comment-hover-bg); } .hover\:bg-\[var\(--color-table-plus-bg\)\]:hover { background-color: var(--color-table-plus-bg); } .hover\:bg-\[var\(--property-bg-color\)\]:hover { background-color: var(--property-bg-color); } .hover\:bg-alpha-high-90:hover { background-color: hsl(var(--alpha-high-10)); } .hover\:bg-alpha-high-97:hover { background-color: hsl(var(--alpha-high-03)); } .hover\:bg-inverse-hover:hover { background-color: hsl(var(--inverse-hover)); } .hover\:bg-muted\/50:hover { background-color: hsl(var(--muted) / 0.5); } .hover\:bg-primary-bg-hover:hover { background-color: hsl(var(--primary-bg-hover)); } .hover\:bg-primary-border:hover { background-color: hsl(var(--primary-border)); } .hover\:bg-primary-hover:hover { background-color: hsl(var(--primary-hover)); } .hover\:bg-secondary-bg-hover:hover { background-color: hsl(var(--secondary-bg-hover)); } .hover\:bg-secondary-border:hover { background-color: hsl(var(--secondary-border)); } .hover\:bg-status-error-bg:hover { background-color: hsl(var(--status-error-bg)); } .hover\:bg-status-error-bg-hover:hover { background-color: hsl(var(--status-error-bg-hover)); } .hover\:bg-status-error-hover:hover { background-color: hsl(var(--status-error-hover)); } .hover\:bg-status-info-bg-hover:hover { background-color: hsl(var(--status-info-bg-hover)); } .hover\:bg-status-info-hover:hover { background-color: hsl(var(--status-info-hover)); } .hover\:bg-status-neutral-bg:hover { background-color: hsl(var(--status-default-bg)); } .hover\:bg-status-neutral-bg-hover:hover { background-color: hsl(var(--status-default-bg-hover)); } .hover\:bg-status-neutral-hover:hover { background-color: hsl(var(--status-default-hover)); } .hover\:bg-status-success-bg-hover:hover { background-color: hsl(var(--status-success-bg-hover)); } .hover\:bg-status-success-hover:hover { background-color: hsl(var(--status-success-hover)); } .hover\:bg-status-warning-bg-hover:hover { background-color: hsl(var(--status-warning-bg-hover)); } .hover\:bg-status-warning-hover:hover { background-color: hsl(var(--status-warning-hover)); } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:\!text-inverse-primary-fg:hover { color: hsl(var(--inverse-primary-fg)) !important; } .hover\:text-\[color\:var\(--color-danger\)\]:hover { color: var(--color-danger); } .hover\:text-\[hsl\(var\(--inverse-primary-fg\)\)\]:hover { color: hsl(var(--inverse-primary-fg)); } .hover\:text-\[var\(--color-article-text\)\]:hover { color: var(--color-article-text); } .hover\:text-\[var\(--color-danger\)\]:hover { color: var(--color-danger); } .hover\:text-\[var\(--color-nav-item-selected\)\]:hover { color: var(--color-nav-item-selected); } .hover\:text-\[var\(--color-primary\)\]:hover { color: var(--color-primary); } .hover\:text-blue-800:hover { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .hover\:text-inverse-primary-fg:hover { color: hsl(var(--inverse-primary-fg)); } .hover\:text-muted:hover { color: hsl(var(--muted)); } .hover\:text-primary:hover { color: hsl(var(--primary)); } .hover\:text-primary-accent:hover { color: hsl(var(--primary-accent)); } .hover\:text-primary-bg:hover { color: hsl(var(--primary-bg)); } .hover\:text-primary-fg:hover { color: hsl(var(--primary-fg)); } .hover\:text-secondary-fg:hover { color: hsl(var(--secondary-fg)); } .hover\:text-status-error-fg:hover { color: hsl(var(--status-error-fg)); } .hover\:text-status-error-hover:hover { color: hsl(var(--status-error-hover)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:\!opacity-100:hover { opacity: 1 !important; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-65:hover { opacity: 0.65; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:\!shadow-none:hover { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .hover\:shadow-focus:hover { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-none:hover { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-soft-base:hover { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-soft-sm:hover { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:brightness-\[var\(--filter-property\)\]:hover { --tw-brightness: brightness(var(--filter-property)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .hover\:after\:-translate-x-1\/2:hover::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:after\:border-l:hover::after { content: var(--tw-content); border-left-width: 1px; } .hover\:after\:border-primary-border:hover::after { content: var(--tw-content); border-color: hsl(var(--primary-border)); } .hover\:after\:bg-alpha-high-90:hover::after { content: var(--tw-content); background-color: hsl(var(--alpha-high-10)); } .hover\:after\:opacity-100:hover::after { content: var(--tw-content); opacity: 1; } .invalid\:hover\:border-status-error-primary-border:hover:invalid { border-color: hsl(var(--status-error-primary-border)); } .invalid\:hover\:\!shadow-none:hover:invalid { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .invalid\:hover\:shadow-soft-base:hover:invalid { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .read-only\:hover\:bg-secondary-bg-hover:hover:-moz-read-only { background-color: hsl(var(--secondary-bg-hover)); } .read-only\:hover\:bg-secondary-bg-hover:hover:read-only { background-color: hsl(var(--secondary-bg-hover)); } } .focus\:rounded-lg:focus { border-radius: var(--radius); } .focus\:rounded-none:focus { border-radius: 0px; } .focus\:border:focus { border-width: 1px; } .focus\:border-0:focus { border-width: 0px; } .focus\:\!border-status-error-primary-border:focus { border-color: hsl(var(--status-error-primary-border)) !important; } .focus\:border-secondary-border:focus { border-color: hsl(var(--secondary-border)); } .focus\:border-transparent:focus { border-color: transparent; } .focus\:\!bg-secondary-bg-hover:focus { background-color: hsl(var(--secondary-bg-hover)) !important; } .focus\:\!bg-status-error\/10:focus { background-color: hsl(var(--status-error) / 0.1) !important; } .focus\:bg-inverse-hover:focus { background-color: hsl(var(--inverse-hover)); } .focus\:bg-primary-bg-hover:focus { background-color: hsl(var(--primary-bg-hover)); } .focus\:bg-primary-hover:focus { background-color: hsl(var(--primary-hover)); } .focus\:bg-secondary-bg:focus { background-color: hsl(var(--secondary-bg)); } .focus\:bg-secondary-bg-hover:focus { background-color: hsl(var(--secondary-bg-hover)); } .focus\:bg-secondary-border:focus { background-color: hsl(var(--secondary-border)); } .focus\:bg-transparent:focus { background-color: transparent; } .focus\:text-primary-fg:focus { color: hsl(var(--primary-fg)); } .focus\:text-status-error-fg:focus { color: hsl(var(--status-error-fg)); } .focus\:\!shadow-none:focus { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .focus\:shadow-focus:focus { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:shadow-none:focus { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .invalid\:focus\:border-status-error-secondary-border:focus:invalid { border-color: hsl(var(--status-error-secondary-border)); } .invalid\:focus\:\!shadow-none:focus:invalid { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .invalid\:focus\:shadow-focus-error:focus:invalid { --tw-shadow: 0 0 0 1px hsl(var(--status-error)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .read-only\:focus\:bg-secondary-bg-hover:focus:-moz-read-only { background-color: hsl(var(--secondary-bg-hover)); } .read-only\:focus\:bg-secondary-bg-hover:focus:read-only { background-color: hsl(var(--secondary-bg-hover)); } .focus-visible\:z-10:focus-visible { z-index: 10; } .focus-visible\:mr-0\.5:focus-visible { margin-right: 0.125rem; } .focus-visible\:rounded-lg:focus-visible { border-radius: var(--radius); } .focus-visible\:rounded-md:focus-visible { border-radius: calc(var(--radius) - 2px); } .focus-visible\:border:focus-visible { border-width: 1px; } .focus-visible\:border-ring:focus-visible { border-color: hsl(var(--ring)); } .focus-visible\:border-secondary-border:focus-visible { border-color: hsl(var(--secondary-border)); } .focus-visible\:border-status-error-secondary-border:focus-visible { border-color: hsl(var(--status-error-secondary-border)); } .focus-visible\:border-tertiary-accent:focus-visible { border-color: hsl(var(--tertiary-accent)); } .focus-visible\:bg-secondary-bg:focus-visible { background-color: hsl(var(--secondary-bg)); } .focus-visible\:bg-secondary-bg-hover:focus-visible { background-color: hsl(var(--secondary-bg-hover)); } .focus-visible\:text-primary-fg:focus-visible { color: hsl(var(--primary-fg)); } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:\!shadow-focus:focus-visible { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)) !important; --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .focus-visible\:\!shadow-none:focus-visible { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .focus-visible\:shadow-focus:focus-visible { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus-visible\:shadow-focus-error:focus-visible { --tw-shadow: 0 0 0 1px hsl(var(--status-error)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus-visible\:shadow-inverse-focus:focus-visible { --tw-shadow: 0 0 0 1px hsl(var(--inverse-primary-bg)), 0 0 0 2px hsl(var(--inverse-muted)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus-visible\:shadow-none:focus-visible { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:ring-0:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-primary:focus-visible { --tw-ring-color: hsl(var(--primary)); } .focus-visible\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: hsl(var(--ring) / 0.5); } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; } .invalid\:focus-visible\:border-status-error-secondary-border:focus-visible:invalid { border-color: hsl(var(--status-error-secondary-border)); } .invalid\:focus-visible\:shadow-focus-error:focus-visible:invalid { --tw-shadow: 0 0 0 1px hsl(var(--status-error)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .active\:scale-90:active { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:border-inverse-border:active { border-color: hsl(var(--inverse-border)); } .active\:border-primary-border:active { border-color: hsl(var(--primary-border)); } .active\:border-status-error-secondary-border:active { border-color: hsl(var(--status-error-secondary-border)); } .active\:border-status-info-secondary-border:active { border-color: hsl(var(--status-info-secondary-border)); } .active\:border-status-success-secondary-border:active { border-color: hsl(var(--status-success-secondary-border)); } .active\:border-status-warning-secondary-border:active { border-color: hsl(var(--status-warning-secondary-border)); } .active\:bg-inverse-hover:active { background-color: hsl(var(--inverse-hover)); } .active\:bg-primary-accent-hover:active { background-color: hsl(var(--primary-accent-hover)); } .active\:bg-primary-bg-hover:active { background-color: hsl(var(--primary-bg-hover)); } .active\:bg-secondary-bg-hover:active { background-color: hsl(var(--secondary-bg-hover)); } .active\:bg-status-error-bg:active { background-color: hsl(var(--status-error-bg)); } .active\:bg-status-error-bg-hover:active { background-color: hsl(var(--status-error-bg-hover)); } .active\:bg-status-error-hover:active { background-color: hsl(var(--status-error-hover)); } .active\:bg-status-info-bg:active { background-color: hsl(var(--status-info-bg)); } .active\:bg-status-info-bg-hover:active { background-color: hsl(var(--status-info-bg-hover)); } .active\:bg-status-info-hover:active { background-color: hsl(var(--status-info-hover)); } .active\:bg-status-success-bg:active { background-color: hsl(var(--status-success-bg)); } .active\:bg-status-success-bg-hover:active { background-color: hsl(var(--status-success-bg-hover)); } .active\:bg-status-success-hover:active { background-color: hsl(var(--status-success-hover)); } .active\:bg-status-warning-bg:active { background-color: hsl(var(--status-warning-bg)); } .active\:bg-status-warning-bg-hover:active { background-color: hsl(var(--status-warning-bg-hover)); } .active\:bg-status-warning-hover:active { background-color: hsl(var(--status-warning-hover)); } .active\:text-inverse-primary-fg:active { color: hsl(var(--inverse-primary-fg)); } .active\:text-primary-fg:active { color: hsl(var(--primary-fg)); } .active\:text-secondary-fg:active { color: hsl(var(--secondary-fg)); } .active\:text-status-error-fg:active { color: hsl(var(--status-error-fg)); } .active\:text-status-info-fg:active { color: hsl(var(--status-info-fg)); } .active\:text-status-success-fg:active { color: hsl(var(--status-success-fg)); } .active\:text-status-warning-fg:active { color: hsl(var(--status-warning-fg)); } .active\:text-white:active { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .active\:\!shadow-none:active { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .active\:shadow-none:active { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:\!border-transparent:disabled { border-color: transparent !important; } .disabled\:border-primary-border:disabled { border-color: hsl(var(--primary-border)); } .disabled\:border-secondary-border:disabled { border-color: hsl(var(--secondary-border)); } .disabled\:\!bg-transparent:disabled { background-color: transparent !important; } .disabled\:bg-primary-bg:disabled { background-color: hsl(var(--primary-bg)); } .disabled\:bg-secondary-bg-hover:disabled { background-color: hsl(var(--secondary-bg-hover)); } .disabled\:text-muted-foreground:disabled { color: hsl(var(--muted-foreground)); } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:\!shadow-none:disabled { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .disabled\:shadow-soft-sm:disabled { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (hover: hover) and (pointer: fine) { .disabled\:hover\:border-primary-border:hover:disabled { border-color: hsl(var(--primary-border)); } } .group\/card:focus-within .group-focus-within\/card\:visible { visibility: visible; } .group\/input-group:focus-within .group-focus-within\/input-group\:block { display: block; } .group:focus-within .group-focus-within\:w-\[var\(--action-reveal-width\)\] { width: var(--action-reveal-width); } .group:focus-within .group-focus-within\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/hd:focus-within .group-focus-within\/hd\:opacity-100 { opacity: 1; } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; } .group:focus-within .group-focus-within\:opacity-100 { opacity: 1; } .group\/search-select-trigger:focus-within .group-focus-within\/search-select-trigger\:shadow-focus { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (hover: hover) and (pointer: fine) { .group:hover .group-hover\:pointer-events-auto { pointer-events: auto; } .group\/card:hover .group-hover\/card\:visible { visibility: visible; } .group\/input-group:hover .group-hover\/input-group\:block { display: block; } .group:hover .group-hover\:inline { display: inline; } .group:hover .group-hover\:\!flex { display: flex !important; } .group:hover .group-hover\:hidden { display: none; } .group:hover .group-hover\:\!w-\[1\.5em\] { width: 1.5em !important; } .group:hover .group-hover\:w-8 { width: 2rem; } .group:hover .group-hover\:w-\[var\(--action-reveal-width\)\] { width: var(--action-reveal-width); } .group:hover .group-hover\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-75 { --tw-scale-x: .75; --tw-scale-y: .75; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/insertion:hover .group-hover\/insertion\:bg-muted { background-color: hsl(var(--muted)); } .group:hover .group-hover\:bg-muted { background-color: hsl(var(--muted)); } .group:hover .group-hover\:bg-slate-900\/20 { background-color: rgb(15 23 42 / 0.2); } .group:hover .group-hover\:pl-2 { padding-left: 0.5rem; } .group:hover .group-hover\:pl-\[var\(--distance-i-span\)\] { padding-left: var(--distance-i-span); } .group\/actions:hover .group-hover\/actions\:text-primary-fg { color: hsl(var(--primary-fg)); } .group\/add:hover .group-hover\/add\:text-primary-fg { color: hsl(var(--primary-fg)); } .group:hover .group-hover\:text-muted { color: hsl(var(--muted)); } .group:hover .group-hover\:text-primary { color: hsl(var(--primary)); } .group:hover .group-hover\:text-status-error-fg { color: hsl(var(--status-error-fg)); } .group\/add-row:hover .group-hover\/add-row\:opacity-0 { opacity: 0; } .group\/add-row:hover .group-hover\/add-row\:opacity-100 { opacity: 1; } .group\/branch:hover .group-hover\/branch\:opacity-100 { opacity: 1; } .group\/fragment:hover .group-hover\/fragment\:opacity-100 { opacity: 1; } .group\/insertion:hover .group-hover\/insertion\:opacity-100 { opacity: 1; } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; } .group\/search-select-trigger:hover .group-hover\/search-select-trigger\:opacity-100 { opacity: 1; } .group\/section:hover .group-hover\/section\:opacity-100 { opacity: 1; } .group\/section:hover .group-hover\/section\:opacity-50 { opacity: 0.5; } .group\/skill:hover .group-hover\/skill\:opacity-100 { opacity: 1; } .group\/template:hover .group-hover\/template\:opacity-100 { opacity: 1; } .group\/turn:hover .group-hover\/turn\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-0 { opacity: 0; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:duration-150 { transition-duration: 150ms; animation-duration: 150ms; } } .group:focus .group-focus\:text-status-error-fg { color: hsl(var(--status-error-fg)); } .group\/add-row:focus-visible .group-focus-visible\/add-row\:opacity-0 { opacity: 0; } .group\/add-row:focus-visible .group-focus-visible\/add-row\:opacity-100 { opacity: 1; } .group\/search-select-trigger:focus-visible .group-focus-visible\/search-select-trigger\:opacity-100 { opacity: 1; } .group:focus-visible .group-focus-visible\:opacity-100 { opacity: 1; } .group:disabled .group-disabled\:hidden { display: none; } @media (hover: hover) and (pointer: fine) { .peer\/icon:hover ~ .peer-hover\/icon\:bg-primary-fg { background-color: hsl(var(--primary-fg)); } .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-muted { color: hsl(var(--muted)); } .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-primary-fg { color: hsl(var(--primary-fg)); } } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer\/menu-button:disabled ~ .peer-disabled\/menu-button\:opacity-50 { opacity: 0.5; } .peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; } .has-\[\:disabled\]\:pointer-events-none:has(:disabled) { pointer-events: none; } .has-\[iframe\]\:mb-2:has(iframe) { margin-bottom: 0.5rem; } .has-\[iframe\]\:aspect-\[9\/16\]:has(iframe) { aspect-ratio: 9/16; } .has-\[iframe\]\:aspect-video:has(iframe) { aspect-ratio: 16 / 9; } .has-\[iframe\]\:h-full:has(iframe) { height: 100%; } .has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) { grid-template-columns: 1.5rem 1fr; } .has-\[\>svg\]\:grid-cols-\[1\.5rem_minmax\(0\2c 1fr\)\]:has(>svg) { grid-template-columns: 1.5rem minmax(0,1fr); } .has-\[\>svg\]\:gap-x-4:has(>svg) { -moz-column-gap: 1rem; column-gap: 1rem; } .has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:border-secondary-border:has(div[data-input-group-element='contenteditable']:focus) { border-color: hsl(var(--secondary-border)); } .has-\[input\:disabled\]\:border-primary-border:has(input:disabled) { border-color: hsl(var(--primary-border)); } .has-\[input\:focus\]\:border-secondary-border:has(input:focus) { border-color: hsl(var(--secondary-border)); } .has-\[input\:invalid\]\:border-status-error-secondary-border:has(input:invalid) { border-color: hsl(var(--status-error-secondary-border)); } .has-\[input\:invalid\]\:has-\[input\:focus\]\:border-status-error-secondary-border:has(input:focus):has(input:invalid) { border-color: hsl(var(--status-error-secondary-border)); } .has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:border-primary-border:has(input:-moz-read-only:not([type='file'])) { border-color: hsl(var(--primary-border)); } .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:border-primary-border:has(input:read-only:not([type='file'])) { border-color: hsl(var(--primary-border)); } .has-\[input\[aria-invalid\=true\]\]\:border-status-error-secondary-border:has(input[aria-invalid=true]) { border-color: hsl(var(--status-error-secondary-border)); } .has-\[input\[aria-invalid\=true\]\]\:has-\[input\:focus\]\:border-status-error-secondary-border:has(input:focus):has(input[aria-invalid=true]) { border-color: hsl(var(--status-error-secondary-border)); } .has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:bg-secondary-bg:has(div[data-input-group-element='contenteditable']:focus) { background-color: hsl(var(--secondary-bg)); } .has-\[input\:-webkit-autofill\]\:bg-\[hsl\(var\(--autofill-bg\)\)\]:has(input:-webkit-autofill) { background-color: hsl(var(--autofill-bg)); } .has-\[input\:-webkit-autofill\]\:has-\[input\:focus\]\:bg-\[hsl\(var\(--autofill-bg\)\)\]:has(input:focus):has(input:-webkit-autofill) { background-color: hsl(var(--autofill-bg)); } .has-\[input\:disabled\]\:bg-secondary-bg-hover:has(input:disabled) { background-color: hsl(var(--secondary-bg-hover)); } .has-\[input\:focus\]\:bg-secondary-bg:has(input:focus) { background-color: hsl(var(--secondary-bg)); } .has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:bg-secondary-bg-hover:has(input:-moz-read-only:not([type='file'])) { background-color: hsl(var(--secondary-bg-hover)); } .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:bg-secondary-bg-hover:has(input:read-only:not([type='file'])) { background-color: hsl(var(--secondary-bg-hover)); } .has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:\!bg-secondary-bg-hover:has(input:focus):has(input:-moz-read-only:not([type='file'])) { background-color: hsl(var(--secondary-bg-hover)) !important; } .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:\!bg-secondary-bg-hover:has(input:focus):has(input:read-only:not([type='file'])) { background-color: hsl(var(--secondary-bg-hover)) !important; } .has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; } .has-\[div\[data-input-group-element\=\'contenteditable\'\]\:focus\]\:shadow-focus:has(div[data-input-group-element='contenteditable']:focus) { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:disabled\]\:shadow-soft-sm:has(input:disabled) { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:focus\]\:shadow-focus:has(input:focus) { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:invalid\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input:invalid) { --tw-shadow: 0 0 0 1px hsl(var(--status-error)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:invalid\]\:shadow-soft-base:has(input:invalid) { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:shadow-focus:has(input:focus):has(input:-moz-read-only:not([type='file'])) { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:has-\[input\:focus\]\:shadow-focus:has(input:focus):has(input:read-only:not([type='file'])) { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-soft-sm:has(input:-moz-read-only:not([type='file'])) { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:shadow-soft-sm:has(input:read-only:not([type='file'])) { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\[aria-invalid\=true\]\]\:has-\[input\:focus\]\:shadow-focus-error:has(input:focus):has(input[aria-invalid=true]) { --tw-shadow: 0 0 0 1px hsl(var(--status-error)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\[aria-invalid\=true\]\]\:shadow-soft-base:has(input[aria-invalid=true]) { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (hover: hover) and (pointer: fine) { .has-\[input\:invalid\]\:hover\:border-status-error-primary-border:hover:has(input:invalid) { border-color: hsl(var(--status-error-primary-border)); } .has-\[input\[aria-invalid\=true\]\]\:hover\:border-status-error-primary-border:hover:has(input[aria-invalid=true]) { border-color: hsl(var(--status-error-primary-border)); } .has-\[input\:-moz-read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:-moz-read-only:not([type='file'])) { background-color: hsl(var(--secondary-bg-hover)); } .has-\[input\:read-only\:not\(\[type\=\'file\'\]\)\]\:hover\:bg-secondary-bg-hover:hover:has(input:read-only:not([type='file'])) { background-color: hsl(var(--secondary-bg-hover)); } .has-\[input\:invalid\]\:hover\:shadow-soft-base:hover:has(input:invalid) { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .has-\[input\[aria-invalid\=true\]\]\:hover\:shadow-soft-base:hover:has(input[aria-invalid=true]) { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 { padding-right: 2rem; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; } .aria-expanded\:bg-secondary-bg-hover[aria-expanded="true"] { background-color: hsl(var(--secondary-bg-hover)); } .aria-selected\:bg-secondary-border[aria-selected="true"] { background-color: hsl(var(--secondary-border)); } .aria-\[invalid\=true\]\:border-status-error-secondary-border[aria-invalid="true"] { border-color: hsl(var(--status-error-secondary-border)); } .aria-\[invalid\=true\]\:\!shadow-none[aria-invalid="true"] { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .aria-\[invalid\=true\]\:shadow-none[aria-invalid="true"] { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .aria-\[invalid\=true\]\:shadow-soft-base[aria-invalid="true"] { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (hover: hover) and (pointer: fine) { .aria-\[invalid\=true\]\:hover\:border-status-error-primary-border:hover[aria-invalid="true"] { border-color: hsl(var(--status-error-primary-border)); } .aria-\[invalid\=true\]\:hover\:\!shadow-none:hover[aria-invalid="true"] { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .aria-\[invalid\=true\]\:hover\:shadow-soft-base:hover[aria-invalid="true"] { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } .aria-\[invalid\=true\]\:focus\:border-status-error-secondary-border:focus[aria-invalid="true"] { border-color: hsl(var(--status-error-secondary-border)); } .aria-\[invalid\=true\]\:focus\:\!shadow-none:focus[aria-invalid="true"] { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .aria-\[invalid\=true\]\:focus\:shadow-focus-error:focus[aria-invalid="true"] { --tw-shadow: 0 0 0 1px hsl(var(--status-error)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[menu-open\=true\]\:\!pointer-events-auto[data-menu-open="true"] { pointer-events: auto !important; } .data-\[menu-open\=true\]\:\!visible[data-menu-open="true"] { visibility: visible !important; } .data-\[state\=open\]\:visible[data-state="open"] { visibility: visible; } .data-\[side\=left\]\:-top-1[data-side="left"] { top: -0.25rem; } .data-\[side\=right\]\:-top-1[data-side="right"] { top: -0.25rem; } .data-\[menu-open\=true\]\:flex[data-menu-open="true"] { display: flex; } .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] { height: 0.375rem; } .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] { height: 100%; } .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; } .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; } .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] { width: 0.375rem; } .data-\[orientation\=vertical\]\:w-5[data-orientation="vertical"] { width: 1.25rem; } .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] { width: 100%; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-\[14px\][data-state="checked"] { --tw-translate-x: 14px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-\[18px\][data-state="checked"] { --tw-translate-x: 18px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-\[22px\][data-state="checked"] { --tw-translate-x: 22px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=unchecked\]\:translate-x-0\.5[data-state="unchecked"] { --tw-translate-x: 0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[orientation\=horizontal\]\:flex-row[data-orientation="horizontal"] { flex-direction: row; } .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] { flex-direction: column; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; } .data-\[state\=closed\]\:overflow-hidden[data-state="closed"] { overflow: hidden; } .data-\[menu-open\=true\]\:\!overflow-visible[data-menu-open="true"] { overflow: visible !important; } .data-\[state\=open\]\:\!overflow-visible[data-state="open"] { overflow: visible !important; } .data-\[state\=checked\]\:border-primary-accent[data-state="checked"] { border-color: hsl(var(--primary-accent)); } .data-\[state\=indeterminate\]\:border-primary-accent[data-state="indeterminate"] { border-color: hsl(var(--primary-accent)); } .data-\[state\=on\]\:border-primary-border[data-state="on"] { border-color: hsl(var(--primary-border)); } .data-\[state\=on\]\:border-transparent[data-state="on"] { border-color: transparent; } .data-\[active\=true\]\:bg-primary-bg-hover[data-active="true"] { background-color: hsl(var(--primary-bg-hover)); } .data-\[dragging\=true\]\:bg-secondary-bg-hover[data-dragging="true"] { background-color: hsl(var(--secondary-bg-hover)); } .data-\[selected\=true\]\:bg-inverse-hover[data-selected="true"] { background-color: hsl(var(--inverse-hover)); } .data-\[selected\=true\]\:bg-secondary-bg-hover[data-selected="true"] { background-color: hsl(var(--secondary-bg-hover)); } .data-\[selected\=true\]\:bg-secondary-border[data-selected="true"] { background-color: hsl(var(--secondary-border)); } .data-\[state\=active\]\:bg-primary-accent[data-state="active"] { background-color: hsl(var(--primary-accent)); } .data-\[state\=active\]\:bg-primary-bg[data-state="active"] { background-color: hsl(var(--primary-bg)); } .data-\[state\=active\]\:bg-secondary-bg[data-state="active"] { background-color: hsl(var(--secondary-bg)); } .data-\[state\=checked\]\:bg-inverse-primary-fg[data-state="checked"] { background-color: hsl(var(--inverse-primary-fg)); } .data-\[state\=checked\]\:bg-primary-accent[data-state="checked"] { background-color: hsl(var(--primary-accent)); } .data-\[state\=completed\]\:bg-primary-accent[data-state="completed"] { background-color: hsl(var(--primary-accent)); } .data-\[state\=indeterminate\]\:bg-primary-accent[data-state="indeterminate"] { background-color: hsl(var(--primary-accent)); } .data-\[state\=on\]\:bg-alpha-high-80[data-state="on"] { background-color: hsl(var(--alpha-high-20)); } .data-\[state\=on\]\:bg-inverse-active[data-state="on"] { background-color: hsl(var(--inverse-active)); } .data-\[state\=on\]\:bg-inverse-hover[data-state="on"] { background-color: hsl(var(--inverse-hover)); } .data-\[state\=on\]\:bg-primary-bg-hover[data-state="on"] { background-color: hsl(var(--primary-bg-hover)); } .data-\[state\=on\]\:bg-secondary-bg-hover[data-state="on"] { background-color: hsl(var(--secondary-bg-hover)); } .data-\[state\=on\]\:bg-status-neutral[data-state="on"] { background-color: hsl(var(--status-default)); } .data-\[state\=open\]\:bg-alpha-high-80[data-state="open"] { background-color: hsl(var(--alpha-high-20)); } .data-\[state\=open\]\:bg-inverse-active[data-state="open"] { background-color: hsl(var(--inverse-active)); } .data-\[state\=open\]\:bg-inverse-hover[data-state="open"] { background-color: hsl(var(--inverse-hover)); } .data-\[state\=open\]\:bg-primary-bg-hover[data-state="open"] { background-color: hsl(var(--primary-bg-hover)); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: hsl(var(--secondary)); } .data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"] { background-color: hsl(var(--secondary-bg-hover)); } .data-\[state\=open\]\:bg-secondary-border[data-state="open"] { background-color: hsl(var(--secondary-border)); } .data-\[state\=open\]\:bg-status-neutral-bg-hover[data-state="open"] { background-color: hsl(var(--status-default-bg-hover)); } .data-\[state\=unchecked\]\:bg-inverse-active[data-state="unchecked"] { background-color: hsl(var(--inverse-active)); } .data-\[state\=unchecked\]\:bg-primary-border[data-state="unchecked"] { background-color: hsl(var(--primary-border)); } .data-\[state\=unchecked\]\:bg-secondary-border[data-state="unchecked"] { background-color: hsl(var(--secondary-border)); } .data-\[active\=true\]\:font-medium[data-active="true"] { font-weight: 500; } .data-\[active\=true\]\:font-normal[data-active="true"] { font-weight: 400; } .data-\[active\=true\]\:text-primary-accent[data-active="true"] { color: hsl(var(--primary-accent)); } .data-\[placeholder\]\:text-muted[data-placeholder] { color: hsl(var(--muted)); } .data-\[selected\=true\]\:text-inverse-primary-fg[data-selected="true"] { color: hsl(var(--inverse-primary-fg)); } .data-\[selected\=true\]\:text-primary-fg[data-selected="true"] { color: hsl(var(--primary-fg)); } .data-\[state\=active\]\:text-primary-bg[data-state="active"] { color: hsl(var(--primary-bg)); } .data-\[state\=active\]\:text-primary-fg[data-state="active"] { color: hsl(var(--primary-fg)); } .data-\[state\=checked\]\:text-primary-bg[data-state="checked"] { color: hsl(var(--primary-bg)); } .data-\[state\=completed\]\:text-primary-bg[data-state="completed"] { color: hsl(var(--primary-bg)); } .data-\[state\=indeterminate\]\:text-primary-bg[data-state="indeterminate"] { color: hsl(var(--primary-bg)); } .data-\[state\=on\]\:text-inverse-primary-fg[data-state="on"] { color: hsl(var(--inverse-primary-fg)); } .data-\[state\=on\]\:text-primary-bg[data-state="on"] { color: hsl(var(--primary-bg)); } .data-\[state\=on\]\:text-primary-fg[data-state="on"] { color: hsl(var(--primary-fg)); } .data-\[state\=on\]\:text-secondary-fg[data-state="on"] { color: hsl(var(--secondary-fg)); } .data-\[state\=open\]\:text-primary-fg[data-state="open"] { color: hsl(var(--primary-fg)); } .data-\[state\=open\]\:text-secondary-fg[data-state="open"] { color: hsl(var(--secondary-fg)); } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=active\]\:shadow-soft-base[data-state="active"] { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=open\]\:shadow-none[data-state="open"] { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 500ms; } .data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -0.5rem; } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: 0.5rem; } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -0.5rem; } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: 0.5rem; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: 500ms; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: 0px; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: 0.25rem; } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=on\]\:after\:bg-alpha-high-80[data-state="on"]::after { content: var(--tw-content); background-color: hsl(var(--alpha-high-20)); } @media (hover: hover) and (pointer: fine) { .data-\[state\=checked\]\:hover\:border-primary-accent-hover:hover[data-state="checked"] { border-color: hsl(var(--primary-accent-hover)); } .data-\[state\=indeterminate\]\:hover\:border-primary-accent-hover:hover[data-state="indeterminate"] { border-color: hsl(var(--primary-accent-hover)); } .data-\[active\=true\]\:data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"][data-active="true"] { background-color: hsl(var(--primary-bg-hover)); } .data-\[active\=true\]\:hover\:bg-primary-bg-hover:hover[data-active="true"] { background-color: hsl(var(--primary-bg-hover)); } .data-\[state\=checked\]\:hover\:bg-primary-accent-hover:hover[data-state="checked"] { background-color: hsl(var(--primary-accent-hover)); } .data-\[state\=indeterminate\]\:hover\:bg-primary-accent-hover:hover[data-state="indeterminate"] { background-color: hsl(var(--primary-accent-hover)); } .data-\[state\=on\]\:hover\:bg-status-neutral-hover:hover[data-state="on"] { background-color: hsl(var(--status-default-hover)); } .data-\[state\=open\]\:hover\:bg-primary-bg-hover:hover[data-state="open"] { background-color: hsl(var(--primary-bg-hover)); } .data-\[state\=open\]\:hover\:bg-secondary-bg-hover:hover[data-state="open"] { background-color: hsl(var(--secondary-bg-hover)); } .data-\[active\=true\]\:data-\[state\=open\]\:hover\:text-primary-accent:hover[data-state="open"][data-active="true"] { color: hsl(var(--primary-accent)); } .data-\[active\=true\]\:hover\:text-primary-accent:hover[data-active="true"] { color: hsl(var(--primary-accent)); } .data-\[state\=open\]\:hover\:text-primary-fg:hover[data-state="open"] { color: hsl(var(--primary-fg)); } .data-\[state\=checked\]\:hover\:shadow-soft-base:hover[data-state="checked"] { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=indeterminate\]\:hover\:shadow-soft-base:hover[data-state="indeterminate"] { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.12), 0 1px 2px -1px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } .data-\[state\=checked\]\:focus-visible\:shadow-focus:focus-visible[data-state="checked"] { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=indeterminate\]\:focus-visible\:shadow-focus:focus-visible[data-state="indeterminate"] { --tw-shadow: 0 0 0 1px hsl(var(--primary-bg)), 0 0 0 2px hsl(var(--focus)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color), 0 0 0 2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .active\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:active { background-color: hsl(var(--secondary-bg-hover)); } @media (hover: hover) and (pointer: fine) { .data-\[state\=checked\]\:hover\:enabled\:bg-inverse-secondary-fg:enabled:hover[data-state="checked"] { background-color: hsl(var(--inverse-secondary-fg)); } .data-\[state\=checked\]\:hover\:enabled\:bg-primary-accent-hover:enabled:hover[data-state="checked"] { background-color: hsl(var(--primary-accent-hover)); } .data-\[state\=unchecked\]\:hover\:enabled\:bg-inverse-muted:enabled:hover[data-state="unchecked"] { background-color: hsl(var(--inverse-muted)); } .data-\[state\=unchecked\]\:hover\:enabled\:bg-primary-border:enabled:hover[data-state="unchecked"] { background-color: hsl(var(--primary-border)); } } .data-\[state\=checked\]\:disabled\:border-primary-accent:disabled[data-state="checked"] { border-color: hsl(var(--primary-accent)); } .data-\[state\=indeterminate\]\:disabled\:border-primary-accent:disabled[data-state="indeterminate"] { border-color: hsl(var(--primary-accent)); } .data-\[state\=checked\]\:disabled\:bg-primary-accent:disabled[data-state="checked"] { background-color: hsl(var(--primary-accent)); } .data-\[state\=indeterminate\]\:disabled\:bg-primary-accent:disabled[data-state="indeterminate"] { background-color: hsl(var(--primary-accent)); } .data-\[state\=checked\]\:disabled\:opacity-50:disabled[data-state="checked"] { opacity: 0.5; } .data-\[state\=indeterminate\]\:disabled\:opacity-50:disabled[data-state="indeterminate"] { opacity: 0.5; } .data-\[state\=checked\]\:disabled\:shadow-soft-sm:disabled[data-state="checked"] { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[state\=indeterminate\]\:disabled\:shadow-soft-sm:disabled[data-state="indeterminate"] { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { right: calc(var(--sidebar-width) * -1); } .group[data-side="left"] .group-data-\[side\=left\]\:-right-\[5px\] { right: -5px; } .group[data-side="right"] .group-data-\[side\=right\]\:left-0 { left: 0px; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 { margin-top: -2rem; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden { display: none; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 { width: 2rem !important; height: 2rem !important; } .group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:h-0\.5 { height: 0.125rem; } .group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:h-12 { height: 3rem; } .group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:h-\[calc\(100\%-0\.75rem\)\] { height: calc(100% - 0.75rem); } .group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:h-\[calc\(100\%-1\.5rem-0\.25rem\)\] { height: calc(100% - 1.5rem - 0.25rem); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] { width: var(--sidebar-width-icon); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] { width: calc(var(--sidebar-width-icon) + 1rem); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] { width: calc(var(--sidebar-width-icon) + 1rem + 2px); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: 0px; } .group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:w-\[calc\(100\%-1\.5rem-0\.25rem\)\] { width: calc(100% - 1.5rem - 0.25rem); } .group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:w-full { width: 100%; } .group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:w-0\.5 { width: 0.125rem; } .group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:w-px { width: 1px; } .group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:flex-1 { flex: 1 1 0%; } .group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:flex-none { flex: none; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/sidebar-menu[data-state="open"] .group-data-\[state\=open\]\/sidebar-menu\:rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:scale-0 { --tw-scale-x: 0; --tw-scale-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/stepper[data-orientation="horizontal"] .group-data-\[orientation\=horizontal\]\/stepper\:flex-row { flex-direction: row; } .group\/stepper[data-orientation="vertical"] .group-data-\[orientation\=vertical\]\/stepper\:flex-col { flex-direction: column; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden { overflow: hidden; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-xl { border-radius: 0.75rem; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-0\.5 { border-width: 0.5px; } .group[data-side="left"] .group-data-\[side\=left\]\:border-r { border-right-width: 1px; } .group[data-side="right"] .group-data-\[side\=right\]\:border-l { border-left-width: 1px; } .group[data-side="left"] .group-data-\[side\=left\]\:border-none { border-style: none; } .group[data-side="left"] .group-data-\[side\=left\]\:border-secondary-border { border-color: hsl(var(--secondary-border)); } .group[data-side="right"] .group-data-\[side\=right\]\:border-secondary-border { border-color: hsl(var(--secondary-border)); } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-primary-border { border-color: hsl(var(--primary-border)); } .group[data-resize-handle-active] .group-data-\[resize-handle-active\]\:bg-muted { background-color: hsl(var(--muted)); } .group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:bg-primary { background-color: hsl(var(--primary)); } .group[data-state="open"] .group-data-\[state\=open\]\:bg-\[--property-bg-color\] { background-color: var(--property-bg-color); } .group[data-state="open"] .group-data-\[state\=open\]\:bg-status-neutral-bg-hover { background-color: hsl(var(--status-default-bg-hover)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 { padding: 0px !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 { padding: 0.5rem !important; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .group[data-gray] .group-data-\[gray\]\:\!text-muted-foreground { color: hsl(var(--muted-foreground)) !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; } .group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:opacity-0 { opacity: 0; } .group\/step[data-state="completed"] .group-data-\[state\=completed\]\/step\:opacity-100 { opacity: 1; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow-soft-xl { --tw-shadow: 0 6px 12px -6px rgba(15, 23, 42, 0.12), 0 16px 24px -6px rgba(15, 23, 42, 0.12); --tw-shadow-colored: 0 6px 12px -6px var(--tw-shadow-color), 0 16px 24px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group[data-state="open"] .group-data-\[state\=open\]\:brightness-\[--filter-property\] { --tw-brightness: brightness(var(--filter-property)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after { content: var(--tw-content); left: 100%; } @media (hover: hover) and (pointer: fine) { .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-secondary-border:hover { background-color: hsl(var(--secondary-border)); } } .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: 0.375rem; } .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: 0.625rem; } .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { top: 0.25rem; } .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-muted { color: hsl(var(--muted)); } .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-primary-accent { color: hsl(var(--primary-accent)); } @container (min-width: 24rem) { .\@sm\:col-start-3 { grid-column-start: 3; } .\@sm\:ml-3 { margin-left: 0.75rem; } .\@sm\:grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .\@sm\:self-end { align-self: flex-end; } .\@sm\:justify-self-auto { justify-self: auto; } } @media (prefers-reduced-motion: no-preference) { @keyframes collapsible-up { from { height: var(--radix-collapsible-content-height); } to { height: 0; } } .motion-safe\:data-\[state\=closed\]\:animate-collapsible-up[data-state="closed"] { animation: collapsible-up 200ms cubic-bezier(0.22,1,0.36,1); } @keyframes collapsible-down { from { height: 0; } to { height: var(--radix-collapsible-content-height); } } .motion-safe\:data-\[state\=open\]\:animate-collapsible-down[data-state="open"] { animation: collapsible-down 200ms cubic-bezier(0.22,1,0.36,1); } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none { animation: none; } .motion-reduce\:\!transition-none { transition-property: none !important; } .motion-reduce\:transition-none { transition-property: none; } } .dark\:bg-alpha-20:is(.dark *) { background-color: hsl(var(--alpha-80)); } .dark\:bg-alpha-80:is(.dark *) { background-color: hsl(var(--alpha-20)); } .dark\:from-alpha-50:is(.dark *) { --tw-gradient-from: hsl(var(--alpha-50)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--alpha-50) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:to-alpha-20:is(.dark *) { --tw-gradient-to: hsl(var(--alpha-80)) var(--tw-gradient-to-position); } .dark\:fill-primary-border:is(.dark *) { fill: hsl(var(--primary-border)); } .dark\:fill-secondary-border:is(.dark *) { fill: hsl(var(--secondary-border)); } .dark\:\[fill\:url\(\#cloud-left-dark\)\]:is(.dark *) { fill: url(#cloud-left-dark); } .dark\:\[fill\:url\(\#cloud-middle-dark\)\]:is(.dark *) { fill: url(#cloud-middle-dark); } .dark\:\[fill\:url\(\#cloud-right-dark\)\]:is(.dark *) { fill: url(#cloud-right-dark); } .dark\:\[fill\:url\(\#folder-bottom-dark\)\]:is(.dark *) { fill: url(#folder-bottom-dark); } .dark\:\[fill\:url\(\#folder-top-dark\)\]:is(.dark *) { fill: url(#folder-top-dark); } .dark\:\[fill\:url\(\#right-size-gradient-dark\)\]:is(.dark *) { fill: url(#right-size-gradient-dark); } .dark\:\[filter\:url\(\#shadow-cloud-dark\)\]:is(.dark *) { filter: url(#shadow-cloud-dark); } .dark\:\[filter\:url\(\#shadow-dark\)\]:is(.dark *) { filter: url(#shadow-dark); } .dark\:\[filter\:url\(\#shadow-folder-dark\)\]:is(.dark *) { filter: url(#shadow-folder-dark); } @media (min-width: 640px) { .sm\:my-0 { margin-top: 0px; margin-bottom: 0px; } .sm\:mt-0 { margin-top: 0px; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:size-4 { width: 1rem; height: 1rem; } .sm\:h-full { height: 100%; } .sm\:min-h-0 { min-height: 0px; } .sm\:max-w-0 { max-width: 0px; } .sm\:max-w-12 { max-width: 3rem; } .sm\:max-w-sm { max-width: 24rem; } .sm\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:translate-x-2 { --tw-translate-x: 0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-col-reverse { flex-direction: column-reverse; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-center { justify-content: center; } .sm\:gap-0 { gap: 0px; } .sm\:space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0px * var(--tw-space-x-reverse)); margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:text-left { text-align: left; } .sm\:text-lg { font-size: 1.125rem; line-height: 1.5rem; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .sm\:opacity-0 { opacity: 0; } .sm\:opacity-100 { opacity: 1; } .sm\:transition-\[max-width\] { transition-property: max-width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .sm\:transition-\[transform\2c opacity\] { transition-property: transform,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .sm\:delay-0 { transition-delay: 0s; } .sm\:delay-75 { transition-delay: 75ms; } .sm\:duration-100 { transition-duration: 100ms; } .sm\:duration-150 { transition-duration: 150ms; } .sm\:ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .sm\:duration-100 { animation-duration: 100ms; } .sm\:duration-150 { animation-duration: 150ms; } .sm\:delay-0 { animation-delay: 0s; } .sm\:delay-75 { animation-delay: 75ms; } .sm\:ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .sm\:\[transition-timing-function\:cubic-bezier\(0\.23\2c 1\2c 0\.32\2c 1\)\] { transition-timing-function: cubic-bezier(0.23,1,0.32,1); } } @media (min-width: 768px) { .md\:inline { display: inline; } .md\:w-72 { width: 18rem; } .md\:w-auto { width: auto; } .md\:flex-row { flex-direction: row; } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:opacity-0 { opacity: 0; } .after\:md\:hidden::after { content: var(--tw-content); display: none; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { margin: 0.5rem; } .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 { margin-left: 0.5rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { margin-left: 0px; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 1024px) { .lg\:top-\[10\%\] { top: 10%; } .lg\:top-\[35\%\] { top: 35%; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:mb-3\.5 { margin-bottom: 0.875rem; } .lg\:mb-5 { margin-bottom: 1.25rem; } .lg\:mt-5 { margin-top: 1.25rem; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:h-7 { height: 1.75rem; } .lg\:h-8 { height: 2rem; } .lg\:h-9 { height: 2.25rem; } .lg\:h-auto { height: auto; } .lg\:max-h-\[30rem\] { max-height: 30rem; } .lg\:max-h-\[85\%\] { max-height: 85%; } .lg\:max-h-\[calc\(95vh-2rem\)\] { max-height: calc(95vh - 2rem); } .lg\:max-h-\[min\(700px\2c calc\(100vh-44px\)\)\] { max-height: min(700px,calc(100vh - 44px)); } .lg\:max-h-\[min\(800px\2c calc\(100vh-44px\)\)\] { max-height: min(800px,calc(100vh - 44px)); } .lg\:max-h-\[min\(90vh\2c 830px\)\] { max-height: min(90vh,830px); } .lg\:min-h-6 { min-height: 1.5rem; } .lg\:min-h-9 { min-height: 2.25rem; } .lg\:w-auto { width: auto; } .lg\:max-w-\[1200px\] { max-width: 1200px; } .lg\:max-w-\[672px\] { max-width: 672px; } .lg\:max-w-\[700px\] { max-width: 700px; } .lg\:max-w-\[840px\] { max-width: 840px; } .lg\:max-w-\[calc\(95vw-2rem\)\] { max-width: calc(95vw - 2rem); } .lg\:max-w-\[min\(360px\2c calc\(100vw-64px\)\)\] { max-width: min(360px,calc(100vw - 64px)); } .lg\:max-w-\[min\(512px\2c calc\(100vw-64px\)\)\] { max-width: min(512px,calc(100vw - 64px)); } .lg\:max-w-\[min\(544px\2c calc\(100vw-32px\)\)\] { max-width: min(544px,calc(100vw - 32px)); } .lg\:max-w-xl { max-width: 36rem; } .lg\:translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:translate-y-\[-35\%\] { --tw-translate-y: -35%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:grid-cols-\[0_1fr\] { grid-template-columns: 0 1fr; } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:items-start { align-items: flex-start; } .lg\:items-center { align-items: center; } .lg\:justify-center { justify-content: center; } .lg\:gap-0\.5 { gap: 0.125rem; } .lg\:gap-1 { gap: 0.25rem; } .lg\:gap-1\.5 { gap: 0.375rem; } .lg\:gap-2 { gap: 0.5rem; } .lg\:gap-4 { gap: 1rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-y-4 { row-gap: 1rem; } .lg\:space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); } .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .lg\:rounded-lg { border-radius: var(--radius); } .lg\:p-0 { padding: 0px; } .lg\:p-1 { padding: 0.25rem; } .lg\:p-6 { padding: 1.5rem; } .lg\:px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; } .lg\:py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .lg\:py-\[0\.3125rem\] { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .lg\:pb-0 { padding-bottom: 0px; } .lg\:pb-1 { padding-bottom: 0.25rem; } .lg\:pb-5 { padding-bottom: 1.25rem; } .lg\:pb-6 { padding-bottom: 1.5rem; } .lg\:pb-px { padding-bottom: 1px; } .lg\:pl-1\.5 { padding-left: 0.375rem; } .lg\:pl-16 { padding-left: 4rem; } .lg\:pl-8 { padding-left: 2rem; } .lg\:pr-2\.5 { padding-right: 0.625rem; } .lg\:pt-0 { padding-top: 0px; } .lg\:pt-5 { padding-top: 1.25rem; } .lg\:pt-6 { padding-top: 1.5rem; } .lg\:pt-px { padding-top: 1px; } .lg\:text-left { text-align: left; } .lg\:text-center { text-align: center; } .lg\:text-5xl { font-size: 3rem; line-height: 3.75rem; letter-spacing: -0.02em; } .lg\:text-lg { font-size: 1.125rem; line-height: 1.5rem; } .lg\:leading-none { line-height: 100%; } .lg\:shadow-hard-base { --tw-shadow: 0 1px 3px 0 rgba(2, 6, 23, 0.50), 0 0 0.5px 0 rgba(255, 255, 255, 0.30) inset, 0 3px 8px 0 rgba(2, 6, 23, 0.35), 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), inset 0 0 0.5px 0 var(--tw-shadow-color), 0 3px 8px 0 var(--tw-shadow-color), inset 0 0.5px 0 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .lg\:shadow-soft-sm { --tw-shadow: 0 2px 4px 0 rgba(15, 23, 42, 0.06); --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } @media (hover: hover) and (pointer: fine) { .lg\:hover\:border-inverse-border:hover { border-color: hsl(var(--inverse-border)); } .lg\:hover\:border-primary-border:hover { border-color: hsl(var(--primary-border)); } .lg\:hover\:border-status-error-primary-border:hover { border-color: hsl(var(--status-error-primary-border)); } .lg\:hover\:border-status-info-primary-border:hover { border-color: hsl(var(--status-info-primary-border)); } .lg\:hover\:border-status-success-primary-border:hover { border-color: hsl(var(--status-success-primary-border)); } .lg\:hover\:border-status-warning-primary-border:hover { border-color: hsl(var(--status-warning-primary-border)); } .lg\:hover\:bg-inverse-hover:hover { background-color: hsl(var(--inverse-hover)); } .lg\:hover\:bg-primary-accent-hover:hover { background-color: hsl(var(--primary-accent-hover)); } .lg\:hover\:bg-primary-bg-hover:hover { background-color: hsl(var(--primary-bg-hover)); } .lg\:hover\:bg-secondary-bg-hover:hover { background-color: hsl(var(--secondary-bg-hover)); } .lg\:hover\:bg-status-error-bg:hover { background-color: hsl(var(--status-error-bg)); } .lg\:hover\:bg-status-error-bg-hover:hover { background-color: hsl(var(--status-error-bg-hover)); } .lg\:hover\:bg-status-error-hover:hover { background-color: hsl(var(--status-error-hover)); } .lg\:hover\:bg-status-info-bg:hover { background-color: hsl(var(--status-info-bg)); } .lg\:hover\:bg-status-info-bg-hover:hover { background-color: hsl(var(--status-info-bg-hover)); } .lg\:hover\:bg-status-info-hover:hover { background-color: hsl(var(--status-info-hover)); } .lg\:hover\:bg-status-success-bg:hover { background-color: hsl(var(--status-success-bg)); } .lg\:hover\:bg-status-success-bg-hover:hover { background-color: hsl(var(--status-success-bg-hover)); } .lg\:hover\:bg-status-success-hover:hover { background-color: hsl(var(--status-success-hover)); } .lg\:hover\:bg-status-warning-bg:hover { background-color: hsl(var(--status-warning-bg)); } .lg\:hover\:bg-status-warning-bg-hover:hover { background-color: hsl(var(--status-warning-bg-hover)); } .lg\:hover\:bg-status-warning-hover:hover { background-color: hsl(var(--status-warning-hover)); } .lg\:hover\:bg-transparent:hover { background-color: transparent; } .lg\:hover\:text-inverse-primary-fg:hover { color: hsl(var(--inverse-primary-fg)); } .lg\:hover\:text-primary-fg:hover { color: hsl(var(--primary-fg)); } .lg\:hover\:text-status-error-fg:hover { color: hsl(var(--status-error-fg)); } .lg\:hover\:text-status-info-fg:hover { color: hsl(var(--status-info-fg)); } .lg\:hover\:text-status-success-fg:hover { color: hsl(var(--status-success-fg)); } .lg\:hover\:text-status-warning-fg:hover { color: hsl(var(--status-warning-fg)); } .lg\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } } .lg\:has-\[\>svg\]\:grid-cols-\[1\.5rem_1fr\]:has(>svg) { grid-template-columns: 1.5rem 1fr; } .lg\:has-\[\>svg\]\:gap-x-4:has(>svg) { -moz-column-gap: 1rem; column-gap: 1rem; } @media (hover: hover) and (pointer: fine) { .lg\:hover\:data-\[state\=open\]\:bg-secondary-bg-hover[data-state="open"]:hover { background-color: hsl(var(--secondary-bg-hover)); } } } @media (min-width: 1536px) { .\32xl\:block { display: block; } } @media (pointer: coarse) { .touch\:visible { visibility: visible; } .touch\:min-h-11 { min-height: 2.75rem; } } @media print { .print\:\!mx-0 { margin-left: 0px !important; margin-right: 0px !important; } .print\:hidden { display: none; } .print\:justify-start { justify-content: flex-start; } .print\:before\:\!hidden::before { content: var(--tw-content); display: none !important; } } .\[\&\.hidden\]\:pointer-events-none.hidden { pointer-events: none; } .\[\&\.hidden\]\:invisible.hidden { visibility: hidden; } .\[\&\.hidden\]\:overflow-hidden.hidden { overflow: hidden; } .\[\&\.scrollableContent_table\]\:w-\[var\(--table-width\2c max-content\)\].scrollableContent table { width: var(--table-width,-moz-max-content); width: var(--table-width,max-content); } .\[\&\.scrollableContent_table\]\:max-w-none.scrollableContent table { max-width: none; } @media print { .print\:\[\&\.scrollableContent_table\]\:w-full.scrollableContent table { width: 100%; } .print\:\[\&\.scrollableContent_table\]\:max-w-full.scrollableContent table { max-width: 100%; } } .\[\&\:\:-ms-clear\]\:hidden::-ms-clear { display: none; } .\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal { display: none; } .\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button { display: none; } .\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-inverse-primary-bg:has([data-menu-item-action]:hover) { background-color: hsl(var(--inverse-primary-bg)); } .\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-secondary-bg:has([data-menu-item-action]:hover) { background-color: hsl(var(--secondary-bg)); } .\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-secondary-border:has([data-menu-item-action]:hover) { background-color: hsl(var(--secondary-border)); } .\[\&\:has\(\[data-state\=open\]\)\]\:bg-primary-bg-hover:has([data-state=open]) { background-color: hsl(var(--primary-bg-hover)); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: 0px; } .\[\&\:not\(\:first-child\)\]\:-ml-3:not(:first-child) { margin-left: -0.75rem; } .group\/folder-thumbs:focus-within .group-focus-within\/folder-thumbs\:\[\&\:not\(\:first-child\)\]\:ml-0:not(:first-child) { margin-left: 0px; } @media (hover: hover) and (pointer: fine) { .group\/folder-thumbs:hover .group-hover\/folder-thumbs\:\[\&\:not\(\:first-child\)\]\:ml-0:not(:first-child) { margin-left: 0px; } } .\[\&\>\*\:last-child\]\:\!mb-0>*:last-child { margin-bottom: 0px !important; } .\[\&\>\*\:not\(\:first-child\)\]\:pt-0\.5>*:not(:first-child) { padding-top: 0.125rem; } .\[\&\>\*\]\:pointer-events-auto>* { pointer-events: auto; } .\[\&\>\*\]\:max-w-\[calc\(100\%-12px-16px\)\]>* { max-width: calc(100% - 12px - 16px); } .\[\&\>\*\]\:border-b>* { border-bottom-width: 1px; } .\[\&\>\*\]\:border-b-0>* { border-bottom-width: 0px; } .\[\&\>\*\]\:border-secondary-border>* { border-color: hsl(var(--secondary-border)); } .\[\&\>\*\]\:\[grid-area\:1\/1\]>* { grid-area: 1/1; } .\[\&\>\.resizer\]\:pointer-events-none>.resizer { pointer-events: none; } .\[\&\>\.resizer\]\:opacity-0>.resizer { opacity: 0; } @media (hover: hover) and (pointer: fine) { .\[\&\>\.resizer\]\:hover\:pointer-events-auto:hover>.resizer { pointer-events: auto; } .\[\&\>\.resizer\]\:hover\:opacity-100:hover>.resizer { opacity: 1; } } .\[\&\>\:first-child\]\:z-\[20\]>:first-child { z-index: 20; } .\[\&\>\:first-of-type\]\:opacity-80>:first-of-type { opacity: 0.8; } .\[\&\>\[aria-hidden\=false\]\]\:opacity-100>[aria-hidden=false] { opacity: 1; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!overflow-hidden>[data-sidebar=sidebar] { overflow: hidden !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!rounded-none>[data-sidebar=sidebar] { border-radius: 0px !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!rounded-xl>[data-sidebar=sidebar] { border-radius: 0.75rem !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!border-y-0>[data-sidebar=sidebar] { border-top-width: 0px !important; border-bottom-width: 0px !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!border-l-0>[data-sidebar=sidebar] { border-left-width: 0px !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!bg-primary-bg>[data-sidebar=sidebar] { background-color: hsl(var(--primary-bg)) !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!pt-\[var\(--catalog-titlebar-offset\2c 0rem\)\]>[data-sidebar=sidebar] { padding-top: var(--catalog-titlebar-offset,0rem) !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!shadow-glass-lg>[data-sidebar=sidebar] { --tw-shadow: var(--shadow-glass-lg) !important; --tw-shadow-colored: var(--shadow-glass-lg) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\[\&\>\[data-sidebar\=sidebar\]\]\:\!shadow-none>[data-sidebar=sidebar] { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\[\&\>a\]\:absolute>a { position: absolute; } .\[\&\>button\>div\]\:pl-0>button>div { padding-left: 0px; } .\[\&\>button\]\:pointer-events-none>button { pointer-events: none; } .\[\&\>button\]\:hidden>button { display: none; } .\[\&\>button\]\:p-3>button { padding: 0.75rem; } .\[\&\>button\]\:opacity-50>button { opacity: 0.5; } .\[\&\>div\:first-of-type\]\:h-full>div:first-of-type { height: 100%; } .\[\&\>div\:first-of-type\]\:w-full>div:first-of-type { width: 100%; } .\[\&\>div\:first-of-type\]\:flex-1>div:first-of-type { flex: 1 1 0%; } .\[\&\>div\:first-of-type\]\:shrink-0>div:first-of-type { flex-shrink: 0; } .\[\&\>div\:first-of-type\]\:overflow-auto>div:first-of-type { overflow: auto; } .\[\&\>div\:first-of-type\]\:rounded-full>div:first-of-type { border-radius: 9999px; } .\[\&\>div\:first-of-type\]\:border-inverse-muted>div:first-of-type { border-color: hsl(var(--inverse-muted)); } .\[\&\>div\:first-of-type\]\:bg-status-neutral-bg-hover>div:first-of-type { background-color: hsl(var(--status-default-bg-hover)); } .\[\&\>div\:first-of-type\]\:p-2\.5>div:first-of-type { padding: 0.625rem; } .\[\&\>div\:first-of-type\]\:px-\[1\.625em\]>div:first-of-type { padding-left: 1.625em; padding-right: 1.625em; } .\[\&\>div\:first-of-type\]\:py-\[1\.375em\]>div:first-of-type { padding-top: 1.375em; padding-bottom: 1.375em; } .\[\&\>div\:first-of-type\]\:pl-2>div:first-of-type { padding-left: 0.5rem; } .\[\&\>div\:last-of-type\]\:border-inverse-secondary-fg>div:last-of-type { border-color: hsl(var(--inverse-secondary-fg)); } .\[\&\>div\:nth-child\(3\)\]\:pointer-events-none>div:nth-child(3) { pointer-events: none; } .\[\&\>div\:nth-child\(3\)\]\:opacity-0>div:nth-child(3) { opacity: 0; } .\[\&\>div\:nth-of-type\(2\)\>div\]\:h-full>div:nth-of-type(2)>div { height: 100%; } .\[\&\>div\:nth-of-type\(2\)\]\:h-full>div:nth-of-type(2) { height: 100%; } .\[\&\>div\>div\]\:overflow-visible>div>div { overflow: visible; } .\[\&\>div\[data-table-wrapper\]\]\:pb-\[var\(--vertical-top-offset\)\]>div[data-table-wrapper] { padding-bottom: var(--vertical-top-offset); } .\[\&\>div\]\:pointer-events-none>div { pointer-events: none; } .\[\&\>div\]\:flex>div { display: flex; } .\[\&\>div\]\:h-full>div { height: 100%; } .\[\&\>div\]\:w-full>div { width: 100%; } .\[\&\>div\]\:flex-row-reverse>div { flex-direction: row-reverse; } .\[\&\>div\]\:flex-wrap>div { flex-wrap: wrap; } .\[\&\>div\]\:items-center>div { align-items: center; } .\[\&\>div\]\:gap-1>div { gap: 0.25rem; } .\[\&\>div\]\:opacity-50>div { opacity: 0.5; } .has-\[iframe\]\:\[\&\>div\]\:h-full>div:has(iframe) { height: 100%; } @media (min-width: 640px) { .sm\:\[\&\>div\]\:rounded-full>div { border-radius: 9999px; } .sm\:\[\&\>div\]\:rounded-lg>div { border-radius: var(--radius); } } .\[\&\>path\:last-child\]\:fill-\[var\(--color-icon-blue\)\]>path:last-child { fill: var(--color-icon-blue); } .\[\&\>path\:last-child\]\:fill-\[var\(--color-icon-green\)\]>path:last-child { fill: var(--color-icon-green); } .\[\&\>path\:last-child\]\:fill-\[var\(--color-icon-orange\)\]>path:last-child { fill: var(--color-icon-orange); } .\[\&\>path\:last-child\]\:fill-\[var\(--color-icon-purple\)\]>path:last-child { fill: var(--color-icon-purple); } .\[\&\>path\:last-child\]\:fill-\[var\(--color-icon-red\)\]>path:last-child { fill: var(--color-icon-red); } .\[\&\>path\:last-child\]\:fill-\[var\(--color-icon-yellow\)\]>path:last-child { fill: var(--color-icon-yellow); } .\[\&\>section\]\:absolute>section { position: absolute; } .\[\&\>span\:first-child\]\:shrink-0>span:first-child { flex-shrink: 0; } .\[\&\>span\:last-child\]\:block>span:last-child { display: block; } .\[\&\>span\:last-child\]\:min-w-0>span:last-child { min-width: 0px; } .\[\&\>span\:last-child\]\:truncate>span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>span\]\:absolute>span { position: absolute; } .\[\&\>span\]\:ml-0>span { margin-left: 0px; } .\[\&\>span\]\:line-clamp-1>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .\[\&\>span\]\:flex>span { display: flex; } .\[\&\>span\]\:h-full>span { height: 100%; } .\[\&\>span\]\:w-full>span { width: 100%; } .\[\&\>span\]\:cursor-text>span { cursor: text; } .\[\&\>span\]\:items-center>span { align-items: center; } .\[\&\>span\]\:justify-center>span { justify-content: center; } .\[\&\>span\]\:gap-1\.5>span { gap: 0.375rem; } .\[\&\>span\]\:truncate>span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>span\]\:whitespace-pre>span { white-space: pre; } .\[\&\>span\]\:text-transparent>span { color: transparent; } .\[\&\>span\]\:\[transform-origin\:0\%_0\%\]>span { transform-origin: 0% 0%; } .\[\&\>svg\>path\:first-child\]\:fill-\[var\(--color-highlight-blue\)\]>svg>path:first-child { fill: var(--color-highlight-blue); } .\[\&\>svg\>path\:first-child\]\:fill-\[var\(--color-highlight-green\)\]>svg>path:first-child { fill: var(--color-highlight-green); } .\[\&\>svg\>path\:first-child\]\:fill-\[var\(--color-highlight-orange\)\]>svg>path:first-child { fill: var(--color-highlight-orange); } .\[\&\>svg\>path\:first-child\]\:fill-\[var\(--color-highlight-purple\)\]>svg>path:first-child { fill: var(--color-highlight-purple); } .\[\&\>svg\>path\:first-child\]\:fill-\[var\(--color-highlight-red\)\]>svg>path:first-child { fill: var(--color-highlight-red); } .\[\&\>svg\>path\:first-child\]\:fill-\[var\(--color-highlight-yellow\)\]>svg>path:first-child { fill: var(--color-highlight-yellow); } .\[\&\>svg\]\:mr-\[0\.2em\]>svg { margin-right: 0.2em; } .\[\&\>svg\]\:size-3>svg { width: 0.75rem; height: 0.75rem; } .\[\&\>svg\]\:size-3\.5>svg { width: 0.875rem; height: 0.875rem; } .\[\&\>svg\]\:size-4>svg { width: 1rem; height: 1rem; } .\[\&\>svg\]\:size-5>svg { width: 1.25rem; height: 1.25rem; } .\[\&\>svg\]\:size-6>svg { width: 1.5rem; height: 1.5rem; } .\[\&\>svg\]\:size-\[1\.125rem\]>svg { width: 1.125rem; height: 1.125rem; } .\[\&\>svg\]\:size-\[1\.375rem\]>svg { width: 1.375rem; height: 1.375rem; } .\[\&\>svg\]\:size-\[1\.625rem\]>svg { width: 1.625rem; height: 1.625rem; } .\[\&\>svg\]\:\!h-auto>svg { height: auto !important; } .\[\&\>svg\]\:\!h-full>svg { height: 100% !important; } .\[\&\>svg\]\:h-4>svg { height: 1rem; } .\[\&\>svg\]\:\!max-h-full>svg { max-height: 100% !important; } .\[\&\>svg\]\:\!w-auto>svg { width: auto !important; } .\[\&\>svg\]\:\!w-full>svg { width: 100% !important; } .\[\&\>svg\]\:w-4>svg { width: 1rem; } .\[\&\>svg\]\:\!max-w-full>svg { max-width: 100% !important; } .\[\&\>svg\]\:\!max-w-none>svg { max-width: none !important; } .\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; } .\[\&\>svg\]\:select-none>svg { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .\[\&\>svg\]\:\!bg-transparent>svg { background-color: transparent !important; } .\[\&\>svg\]\:text-muted>svg { color: hsl(var(--muted)); } .\[\&\>svg\]\:text-muted-foreground>svg { color: hsl(var(--muted-foreground)); } .\[\&\>svg\]\:text-primary-fg>svg { color: hsl(var(--primary-fg)); } @media (hover: hover) and (pointer: fine) { .\[\&\>svg\]\:hover\:text-primary-fg:hover>svg { color: hsl(var(--primary-fg)); } } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:text-secondary-fg>svg { color: hsl(var(--secondary-fg)); } @media (hover: hover) and (pointer: fine) { .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\>svg\]\:hover\:text-primary-fg:hover>svg { color: hsl(var(--primary-fg)); } } .\[\&\>table\>tbody\>tr\:hover_\.button-container\:not\(\.filtered\)\]\:opacity-50>table>tbody>tr:hover .button-container:not(.filtered) { opacity: 0.5; } .\[\&\>table\>tbody\>tr\>td\:first-of-type\]\:\[border-left\:calc\(var\(--table-border-width\)\*2\)_solid_var\(--color-table-border\)\]>table>tbody>tr>td:first-of-type { border-left: calc(var(--table-border-width) * 2) solid var(--color-table-border); } .\[\&\>table\>tbody\>tr\>td\:last-of-type\]\:\[border-right\:calc\(var\(--table-border-width\)\*2\)_solid_var\(--color-table-border\)\]>table>tbody>tr>td:last-of-type { border-right: calc(var(--table-border-width) * 2) solid var(--color-table-border); } .\[\&\>table\>tbody\>tr\>td\]\:\[border\:var\(--table-border-width\)_solid_var\(--color-table-border\)\]>table>tbody>tr>td { border: var(--table-border-width) solid var(--color-table-border); } .\[\&\>table\>tfoot\>tr\>td\:first-of-type\]\:\[border-left\:calc\(var\(--table-border-width\)\*2\)_solid_var\(--color-table-border\)\]>table>tfoot>tr>td:first-of-type { border-left: calc(var(--table-border-width) * 2) solid var(--color-table-border); } .\[\&\>table\>tfoot\>tr\>td\:last-of-type\]\:\[border-right\:calc\(var\(--table-border-width\)\*2\)_solid_var\(--color-table-border\)\]>table>tfoot>tr>td:last-of-type { border-right: calc(var(--table-border-width) * 2) solid var(--color-table-border); } .\[\&\>table\]\:table>table { display: table; } .\[\&\>table\]\:border-separate>table { border-collapse: separate; } .\[\&\>table\]\:p-0>table { padding: 0px; } .\[\&\>table\]\:\[border-bottom\:var\(--table-border-width\)_solid_var\(--color-table-border\)\]>table { border-bottom: var(--table-border-width) solid var(--color-table-border); } .\[\&\>table\]\:\[border-top\:var\(--table-border-width\)_solid_var\(--color-table-border\)\]>table { border-top: var(--table-border-width) solid var(--color-table-border); } .\[\&\>tr\:first-child\>\*\]\:border-t>tr:first-child>* { border-top-width: 1px; } .\[\&\>tr\:first-child\>\*\]\:border-secondary-border>tr:first-child>* { border-color: hsl(var(--secondary-border)); } .\[\&\>tr\:last-child\>\*\]\:border-b-0>tr:last-child>* { border-bottom-width: 0px; } .\[\&\[aria-expanded\=\"true\"\]\]\:\!flex[aria-expanded="true"] { display: flex !important; } .\[\&\[data-active\=true\]\>svg\]\:text-primary-accent[data-active=true]>svg { color: hsl(var(--primary-accent)); } .\[\&\[data-active\=true\]\>svg\]\:text-primary-fg[data-active=true]>svg { color: hsl(var(--primary-fg)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\[\&\[data-active\=true\]\>svg\]\:text-primary-accent[data-active=true]>svg { color: hsl(var(--primary-accent)); } .\[\&\[data-input-group-element\=\'text\'\]\:has\(\+_\:not\(\[data-input-group-element\=\'text\'\]\)\)\]\:border-r[data-input-group-element='text']:has(+ :not([data-input-group-element='text'])) { border-right-width: 1px; } .\[\&\[data-loaded\=false\]\>div\:last-of-type\]\:pointer-events-none[data-loaded=false]>div:last-of-type { pointer-events: none; } .\[\&\[data-loaded\=false\]\>div\:last-of-type\]\:opacity-0[data-loaded=false]>div:last-of-type { opacity: 0; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\[data-state\=\"off\"\]\>svg\]\:hidden[data-state="off"]>svg { display: none; } .\[\&\[data-state\=\"on\"\]\]\:bg-transparent[data-state="on"] { background-color: transparent; } .\[\&_\*\[data-focusable\=true\]\]\:\!\[outline-offset\:unset\] *[data-focusable=true] { outline-offset: unset !important; } .\[\&_\*\[data-focusable\=true\]\]\:\!\[outline\:unset\] *[data-focusable=true] { outline: unset !important; } .\[\&_\*\]\:\!pointer-events-none * { pointer-events: none !important; } .\[\&_\.article-layout\]\:pl-0 .article-layout { padding-left: 0px; } .\[\&_\.article-layout\]\:pr-0 .article-layout { padding-right: 0px; } .\[\&_\.child-wrapper\]\:\!whitespace-pre-wrap .child-wrapper { white-space: pre-wrap !important; } .\[\&_\.child-wrapper\]\:px-\[1\.625em\] .child-wrapper { padding-left: 1.625em; padding-right: 1.625em; } .\[\&_\.child-wrapper\]\:py-\[1\.375em\] .child-wrapper { padding-top: 1.375em; padding-bottom: 1.375em; } .\[\&_\.docx-wrapper\>section\]\:\!mx-0 .docx-wrapper>section { margin-left: 0px !important; margin-right: 0px !important; } .\[\&_\.docx-wrapper\>section\]\:\!max-w-full .docx-wrapper>section { max-width: 100% !important; } .\[\&_\.docx-wrapper\>section\]\:\!bg-secondary-bg .docx-wrapper>section { background-color: hsl(var(--secondary-bg)) !important; } .\[\&_\.docx-wrapper\>section\]\:\!shadow-soft-xl .docx-wrapper>section { --tw-shadow: 0 6px 12px -6px rgba(15, 23, 42, 0.12), 0 16px 24px -6px rgba(15, 23, 42, 0.12) !important; --tw-shadow-colored: 0 6px 12px -6px var(--tw-shadow-color), 0 16px 24px -6px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\[\&_\.docx-wrapper\>section_\*\]\:text-primary-fg .docx-wrapper>section * { color: hsl(var(--primary-fg)); } .\[\&_\.docx-wrapper\]\:flex .docx-wrapper { display: flex; } .\[\&_\.docx-wrapper\]\:w-full .docx-wrapper { width: 100%; } .\[\&_\.docx-wrapper\]\:flex-col .docx-wrapper { flex-direction: column; } .\[\&_\.docx-wrapper\]\:items-center .docx-wrapper { align-items: center; } .\[\&_\.docx-wrapper\]\:bg-transparent .docx-wrapper { background-color: transparent; } .\[\&_\.docx-wrapper\]\:\[padding\:unset\] .docx-wrapper { padding: unset; } .\[\&_\.docx-wrapper_td\]\:\[padding\:0_5\.4pt\] .docx-wrapper td { padding: 0 5.4pt; } .\[\&_\.docx-wrapper_th\]\:\[padding\:0_5\.4pt\] .docx-wrapper th { padding: 0 5.4pt; } .\[\&_\.katex-display\]\:m-0 .katex-display { margin: 0px; } .\[\&_\.katex-display\]\:p-\[0\.1em\] .katex-display { padding: 0.1em; } .\[\&_\.pptx-preview-wrapper\]\:\!m-0 .pptx-preview-wrapper { margin: 0px !important; } .\[\&_\.pptx-preview-wrapper\]\:overflow-auto .pptx-preview-wrapper { overflow: auto; } .\[\&_\.pptx-preview-wrapper\]\:bg-transparent .pptx-preview-wrapper { background-color: transparent; } .\[\&_\.pptx-preview-wrapper\]\:\[padding\:unset\] .pptx-preview-wrapper { padding: unset; } .\[\&_\.skeleton\>iframe\]\:invisible .skeleton>iframe { visibility: hidden; } .\[\&_\.skeleton\>iframe\]\:block .skeleton>iframe { display: block; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading] { padding-left: 0.75rem; padding-right: 0.75rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-normal [cmdk-group-heading] { font-weight: 400; } .\[\&_\[cmdk-group-heading\]\]\:text-inverse-muted [cmdk-group-heading] { color: hsl(var(--inverse-muted)); } .\[\&_\[cmdk-group-heading\]\]\:text-muted [cmdk-group-heading] { color: hsl(var(--muted)); } .\[\&_\[cmdk-group-items\]\]\:p-1 [cmdk-group-items] { padding: 0.25rem; } .\[\&_\[cmdk-group\]\]\:px-1 [cmdk-group] { padding-left: 0.25rem; padding-right: 0.25rem; } .\[\&_\[cmdk-input-wrapper\]\]\:pl-4 [cmdk-input-wrapper] { padding-left: 1rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-4 [cmdk-input-wrapper] svg { height: 1rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-4 [cmdk-input-wrapper] svg { width: 1rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-item\]\]\:py-1\.5 [cmdk-item] { padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-item\]_svg\]\:h-4 [cmdk-item] svg { height: 1rem; } .\[\&_\[cmdk-item\]_svg\]\:w-4 [cmdk-item] svg { width: 1rem; } .\[\&_\[data-level-desc\]\]\:hidden [data-level-desc] { display: none; } .\[\&_\[data-navigation-children\]\]\:hidden [data-navigation-children] { display: none; } .\[\&_\[data-qa\=article-editor\]\>\.ProseMirror\>\*\:last-child\]\:\!mb-0 [data-qa=article-editor]>.ProseMirror>*:last-child { margin-bottom: 0px !important; } .\[\&_\[data-qa\=article-editor\]\>\.ProseMirror\>p\:first-of-type\]\:\!text-sm [data-qa=article-editor]>.ProseMirror>p:first-of-type { font-size: 0.875rem !important; line-height: 1.25rem !important; } .\[\&_\[data-qa\=article-editor\]\>\.ProseMirror\>p\:first-of-type\]\:\!font-medium [data-qa=article-editor]>.ProseMirror>p:first-of-type { font-weight: 500 !important; } .\[\&_\[data-qa\=article-editor\]\>\.ProseMirror\>p\]\:\!leading-4 [data-qa=article-editor]>.ProseMirror>p { line-height: 1rem !important; } .\[\&_\[data-sidebar\=sidebar\]\]\:\!rounded-none [data-sidebar=sidebar] { border-radius: 0px !important; } .\[\&_\[data-sidebar\=sidebar\]\]\:\!rounded-xl [data-sidebar=sidebar] { border-radius: 0.75rem !important; } .\[\&_\[role\=combobox\]\:not\(\:focus\)\]\:\!shadow-none [role=combobox]:not(:focus) { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\[\&_a\]\:ml-\[0\.3em\] a { margin-left: 0.3em; } .\[\&_a\]\:mr-\[0\.3em\] a { margin-right: 0.3em; } .\[\&_a\]\:text-muted a { color: hsl(var(--muted)); } .\[\&_button\]\:w-full button { width: 100%; } .\[\&_code\]\:inline-block code { display: inline-block; } .\[\&_code\]\:w-full code { width: 100%; } .\[\&_code\]\:px-1 code { padding-left: 0.25rem; padding-right: 0.25rem; } .\[\&_code\]\:py-px code { padding-top: 1px; padding-bottom: 1px; } .\[\&_code\]\:text-xs code { font-size: 0.75rem; line-height: 1rem; } .\[\&_code\]\:font-normal code { font-weight: 400; } .\[\&_div\:has\(\>label\)\]\:h-auto div:has(>label) { height: auto; } .\[\&_div\:has\(\>label\)_label\]\:inline-block div:has(>label) label { display: inline-block; } .\[\&_div\:has\(\>label\)_label\]\:h-auto div:has(>label) label { height: auto; } .\[\&_div\:has\(\>label\)_label\]\:overflow-hidden div:has(>label) label { overflow: hidden; } .\[\&_div\:has\(\>label\)_label\]\:text-ellipsis div:has(>label) label { text-overflow: ellipsis; } .\[\&_div\:has\(\>label\)_label\]\:whitespace-nowrap div:has(>label) label { white-space: nowrap; } .\[\&_div\:has\(\>label\)_label\]\:leading-5 div:has(>label) label { line-height: 1.25rem; } .\[\&_i\]\:flex i { display: flex; } .\[\&_i\]\:items-center i { align-items: center; } .\[\&_i\]\:justify-center i { justify-content: center; } .\[\&_i\]\:text-\[11px\] i { font-size: 11px; } .\[\&_iframe\]\:flex iframe { display: flex; } .\[\&_iframe\]\:h-full iframe { height: 100%; } .\[\&_iframe\]\:w-full iframe { width: 100%; } .\[\&_img\]\:w-full img { width: 100%; } .\[\&_img\]\:select-none img { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .\[\&_img\]\:rounded-sm img { border-radius: calc(var(--radius) - 4px); } .\[\&_img\]\:bg-transparent img { background-color: transparent; } .\[\&_img\]\:\!shadow-none img { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\[\&_img\]\:shadow-none img { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\[\&_img\]\:\[border\:2px_solid_var\(--img-status-border\)\] img { border: 2px solid var(--img-status-border); } .\[\&_input\:not\(\:focus\)\]\:\!shadow-none input:not(:focus) { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .\[\&_input\[aria-hidden\=\'true\'\]\]\:hidden input[aria-hidden='true'] { display: none; } .\[\&_label\]\:text-muted label { color: hsl(var(--muted)); } .\[\&_li\]\:mb-0 li { margin-bottom: 0px; } .\[\&_li\]\:list-none li { list-style-type: none; } .\[\&_li\]\:pl-1 li { padding-left: 0.25rem; } .\[\&_li\]\:leading-\[unset\] li { line-height: unset; } .\[\&_ol\]\:list-none ol { list-style-type: none; } .\[\&_p\]\:\!leading-4 p { line-height: 1rem !important; } .\[\&_path\]\:fill-primary-border path { fill: hsl(var(--primary-border)); } .\[\&_select\]\:appearance-none select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:absolute svg { position: absolute; } .\[\&_svg\]\:inset-0 svg { inset: 0px; } .\[\&_svg\]\:z-\[var\(--z-index-foreground\)\] svg { z-index: var(--z-index-foreground); } .\[\&_svg\]\:m-auto svg { margin: auto; } .\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; } .\[\&_svg\]\:size-5 svg { width: 1.25rem; height: 1.25rem; } .\[\&_svg\]\:h-2\.5 svg { height: 0.625rem; } .\[\&_svg\]\:h-3 svg { height: 0.75rem; } .\[\&_svg\]\:h-3\.5 svg { height: 0.875rem; } .\[\&_svg\]\:h-4 svg { height: 1rem; } .\[\&_svg\]\:h-5 svg { height: 1.25rem; } .\[\&_svg\]\:h-6 svg { height: 1.5rem; } .\[\&_svg\]\:h-7 svg { height: 1.75rem; } .\[\&_svg\]\:h-8 svg { height: 2rem; } .\[\&_svg\]\:h-\[min\(5em\2c 70\%\)\] svg { height: min(5em,70%); } .\[\&_svg\]\:w-2\.5 svg { width: 0.625rem; } .\[\&_svg\]\:w-3 svg { width: 0.75rem; } .\[\&_svg\]\:w-3\.5 svg { width: 0.875rem; } .\[\&_svg\]\:w-4 svg { width: 1rem; } .\[\&_svg\]\:w-5 svg { width: 1.25rem; } .\[\&_svg\]\:w-6 svg { width: 1.5rem; } .\[\&_svg\]\:w-7 svg { width: 1.75rem; } .\[\&_svg\]\:w-8 svg { width: 2rem; } .\[\&_svg\]\:w-auto svg { width: auto; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_svg\]\:cursor-pointer svg { cursor: pointer; } .\[\&_svg\]\:text-\[color\:var\(--color-white\)\] svg { color: var(--color-white); } .\[\&_svg\]\:\[filter\:drop-shadow\(0px_0px_2px_rgba\(0\2c 0\2c 0\2c 0\.7\)\)\] svg { filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.7)); } .\[\&_svg\]\:\[stroke-width\:0\.2rem\] svg { stroke-width: 0.2rem; } @media print { .print\:\[\&_table\]\:w-auto table { width: auto; } .print\:\[\&_table_colgroup\]\:hidden table colgroup { display: none; } } .\[\&_table_td\]\:min-w-\[var\(--cell-min-width\)\] table td { min-width: var(--cell-min-width); } @media print { .print\:\[\&_table_td\]\:min-w-0 table td { min-width: 0px; } } .\[\&_table_th\]\:min-w-\[var\(--cell-min-width\)\] table th { min-width: var(--cell-min-width); } @media print { .print\:\[\&_table_th\]\:min-w-0 table th { min-width: 0px; } } .\[\&_th\]\:border-b th { border-bottom-width: 1px; } .\[\&_th\]\:border-b-0 th { border-bottom-width: 0px; } .\[\&_th\]\:border-secondary-border th { border-color: hsl(var(--secondary-border)); } .\[\&_tr\:last-child\>\*\]\:border-b-0 tr:last-child>* { border-bottom-width: 0px; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; } .\[\&_tr\:nth-last-child\(2\)\]\:border-0 tr:nth-last-child(2) { border-width: 0px; } .\[\&_tr\]\:border-0 tr { border-width: 0px; } .\[\&_tr\]\:\[--table-row-bg-hover\:transparent\] tr { --table-row-bg-hover: transparent; } .\[\&_ul\]\:m-0 ul { margin: 0px; } .\[\&_ul\]\:mt-0 ul { margin-top: 0px; } .\[\&_ul\]\:\!list-none ul { list-style-type: none !important; } .\[\&_ul\]\:list-none ul { list-style-type: none; } .\[\&_ul\]\:space-y-1 ul > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .\[\&_ul\]\:pl-5 ul { padding-left: 1.25rem; } .article-layout .\[\.article-layout_\&\]\:ml-\[calc\(\(max\(var\(--article-content-wrapper-width\)_\+_3em\2c _100\%\)_-_100\%\)_\/_-2_-_var\(--article-free-left-space\2c _0px\)\)\] { margin-left: calc((max(var(--article-content-wrapper-width) + 3em, 100%) - 100%) / -2 - var(--article-free-left-space, 0px)); } .article-layout .\[\.article-layout_\&\]\:mr-\[calc\(\(max\(var\(--article-content-wrapper-width\)_\+_3em\2c _100\%\)_-_100\%\)_\/_-2\)\] { margin-right: calc((max(var(--article-content-wrapper-width) + 3em, 100%) - 100%) / -2); } .article-layout .\[\.article-layout_\&\]\:before\:shrink-\[10000\]::before { content: var(--tw-content); flex-shrink: 10000; } .article-layout .\[\.article-layout_\&\]\:before\:basis-\[var\(--article-free-left-space\2c _0px\)\]::before { content: var(--tw-content); flex-basis: var(--article-free-left-space, 0px); } .article-layout .\[\.article-layout_\&\]\:before\:content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .article .\[\.article_\&\>table\]\:table>table { display: table; } .article .\[\.article_\&\>table\]\:border-separate>table { border-collapse: separate; } .article .\[\.article_\&\>table\]\:p-0>table { padding: 0px; } .article .\[\.article_\&\>table\]\:\[border-bottom\:var\(--table-border-width\)_solid_var\(--color-table-border\)\]>table { border-bottom: var(--table-border-width) solid var(--color-table-border); } .article .\[\.article_\&\>table\]\:\[border-top\:var\(--table-border-width\)_solid_var\(--color-table-border\)\]>table { border-top: var(--table-border-width) solid var(--color-table-border); } .menu-open[data-state=open] .\[\.menu-open\[data-state\=open\]_\&\]\:bg-\[hsl\(var\(--alpha-high-05\)\)\] { background-color: hsl(var(--alpha-high-05)); } @container catalog-layout (min-width: 1504px) { .\[\@container_catalog-layout_\(min-width\:_1504px\)\]\:\!w-full { width: 100% !important; } } @media(hover:none) { .\[\@media\(hover\:none\)\]\:hidden { display: none; } } [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-\[2\.5px\] { right: -2.5px; } [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-\[2\.5px\] { left: -2.5px; } [data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent { background-color: transparent; } [data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent { background-color: transparent; } @media (min-width: 1024px) { html[data-left-sidebar-pinned=false] .lg\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:\!left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1) !important; } } @container catalog-viewport (min-width: 1284px) { html[data-left-sidebar-pinned=false] .\[\@container_catalog-viewport_\(min-width\:_1284px\)\]\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:block { display: block; } html[data-left-sidebar-pinned=false] .\[\@container_catalog-viewport_\(min-width\:_1284px\)\]\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:inline { display: inline; } html[data-left-sidebar-pinned=false] .\[\@container_catalog-viewport_\(min-width\:_1284px\)\]\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:contents { display: contents; } html[data-left-sidebar-pinned=false] .\[\@container_catalog-viewport_\(min-width\:_1284px\)\]\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:hidden { display: none; } html[data-left-sidebar-pinned=false] .\[\@container_catalog-viewport_\(min-width\:_1284px\)\]\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:w-\[var\(--right-navigation-width\)\] { width: var(--right-navigation-width); } html[data-left-sidebar-pinned=false] .\[\@container_catalog-viewport_\(min-width\:_1284px\)\]\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:\[--article-free-left-space\:calc\(var\(--catalog-right-navigation-width\)_-_16px\)\] { --article-free-left-space: calc(var(--catalog-right-navigation-width) - 16px); } html[data-left-sidebar-pinned=false] .\[\@container_catalog-viewport_\(min-width\:_1284px\)\]\:\[html\[data-left-sidebar-pinned\=false\]_\&\]\:\[\&_\.article-layout\]\:px-\[var\(--catalog-right-navigation-width\)\] .article-layout { padding-left: var(--catalog-right-navigation-width); padding-right: var(--catalog-right-navigation-width); } } html[data-left-sidebar-pinned=true] .\[html\[data-left-sidebar-pinned\=true\]_\&\]\:w-\[calc\(100\%_\+_var\(--left-nav-width\)\)\] { width: calc(100% + var(--left-nav-width)); } html[data-left-sidebar-pinned=true] .\[html\[data-left-sidebar-pinned\=true\]_\&\]\:w-\[calc\(100\%_-_var\(--left-nav-width\)\)\] { width: calc(100% - var(--left-nav-width)); } @media (min-width: 1024px) { html[data-left-sidebar-pinned=true] .lg\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:\!left-0 { left: 0px !important; } html[data-left-sidebar-pinned=true] .lg\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:\[\&_\.article-layout\]\:pl-\[var\(--left-nav-width\)\] .article-layout { padding-left: var(--left-nav-width); } } @container catalog-viewport (min-width: 1024px) { html[data-left-sidebar-pinned=true] .\[\@container_catalog-viewport_\(min-width\:_1024px\)\]\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:block { display: block; } html[data-left-sidebar-pinned=true] .\[\@container_catalog-viewport_\(min-width\:_1024px\)\]\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:inline { display: inline; } html[data-left-sidebar-pinned=true] .\[\@container_catalog-viewport_\(min-width\:_1024px\)\]\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:contents { display: contents; } html[data-left-sidebar-pinned=true] .\[\@container_catalog-viewport_\(min-width\:_1024px\)\]\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:hidden { display: none; } html[data-left-sidebar-pinned=true] .\[\@container_catalog-viewport_\(min-width\:_1024px\)\]\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:w-\[var\(--right-navigation-width\)\] { width: var(--right-navigation-width); } html[data-left-sidebar-pinned=true] .\[\@container_catalog-viewport_\(min-width\:_1024px\)\]\:\[html\[data-left-sidebar-pinned\=true\]_\&\]\:\[\&_\.article-layout\]\:pr-\[var\(--catalog-right-navigation-width\)\] .article-layout { padding-right: var(--catalog-right-navigation-width); } } tr:hover>.\[tr\:hover\>\&\]\:after\:bg-\[color\:var\(--table-row-bg-hover\)\]::after { content: var(--tw-content); background-color: var(--table-row-bg-hover); }