html{scroll-behavior:smooth}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}:root,[data-theme]{background-color:var(--color-base-100);color:var(--color-base-content)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[disabled],.disabled{pointer-events:none;opacity:.5}::selection{background-color:color-mix(in oklch,var(--color-primary) 20%,transparent);color:var(--color-base-content)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-base-200)}::-webkit-scrollbar-thumb{background:var(--color-base-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--color-base-content) 30%,transparent)}*{scrollbar-width:thin;scrollbar-color:var(--color-base-300) var(--color-base-200)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@theme{ --theme-name: initial; --theme-mode: initial; --theme-family: initial; --theme-pair: initial; --theme-description: initial; --color-primary: initial; --color-primary-content: initial; --color-primary-container: initial; --color-on-primary-container: initial; --color-secondary: initial; --color-secondary-content: initial; --color-secondary-container: initial; --color-on-secondary-container: initial; --color-tertiary: initial; --color-tertiary-content: initial; --color-tertiary-container: initial; --color-on-tertiary-container: initial; --color-accent: initial; --color-accent-content: initial; --color-neutral: initial; --color-neutral-content: initial; --color-neutral-variant: initial; --color-surface: initial; --color-surface-dim: initial; --color-surface-bright: initial; --color-surface-container-lowest: initial; --color-surface-container-low: initial; --color-surface-container: initial; --color-surface-container-high: initial; --color-surface-container-highest: initial; --color-surface-variant: initial; --color-on-surface: initial; --color-on-surface-variant: initial; --color-info: initial; --color-info-content: initial; --color-info-container: initial; --color-on-info-container: initial; --color-success: initial; --color-success-content: initial; --color-success-container: initial; --color-on-success-container: initial; --color-warning: initial; --color-warning-content: initial; --color-warning-container: initial; --color-on-warning-container: initial; --color-error: initial; --color-error-content: initial; --color-error-container: initial; --color-on-error-container: initial; --color-base-100: initial; --color-base-200: initial; --color-base-300: initial; --color-base-400: initial; --color-base-500: initial; --color-base-600: initial; --color-base-700: initial; --color-base-800: initial; --color-base-900: initial; --color-base-content: initial; --color-outline: initial; --color-outline-variant: initial; --color-inverse-surface: initial; --color-inverse-on-surface: initial; --color-inverse-primary: initial; --color-shadow: initial; --color-scrim: initial; --shadow-xs: 0 1px 2px 0 color-mix(in srgb, var(--color-shadow) 5%, transparent); --shadow-sm: 0 1px 3px 0 color-mix(in srgb, var(--color-shadow) 10%, transparent), 0 1px 2px -1px color-mix(in srgb, var(--color-shadow) 10%, transparent); --shadow-md: 0 4px 6px -1px color-mix(in srgb, var(--color-shadow) 10%, transparent), 0 2px 4px -2px color-mix(in srgb, var(--color-shadow) 10%, transparent); --shadow-lg: 0 10px 15px -3px color-mix(in srgb, var(--color-shadow) 10%, transparent), 0 4px 6px -4px color-mix(in srgb, var(--color-shadow) 10%, transparent); --shadow-xl: 0 20px 25px -5px color-mix(in srgb, var(--color-shadow) 10%, transparent), 0 8px 10px -6px color-mix(in srgb, var(--color-shadow) 10%, transparent); --shadow-2xl: 0 25px 50px -12px color-mix(in srgb, var(--color-shadow) 25%, transparent); --shadow-elevation-0: none; --shadow-elevation-1: var(--shadow-xs); --shadow-elevation-2: var(--shadow-sm); --shadow-elevation-3: var(--shadow-md); --shadow-elevation-4: var(--shadow-lg); --shadow-elevation-5: var(--shadow-xl); --radius-none: initial; --radius-xs: initial; --radius-sm: initial; --radius-md: initial; --radius-lg: initial; --radius-xl: initial; --radius-2xl: initial; --radius-full: initial; --radius-selector: initial; --radius-field: initial; --radius-box: initial; --size-selector: initial; --size-field: initial; --border: initial; --depth: initial; --noise: initial; }@layer utilities{.bg-primary{background-color:var(--color-primary)}.bg-primary-focus{background-color:color-mix(in oklch,var(--color-primary),black 10%)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary-focus{background-color:color-mix(in oklch,var(--color-secondary),black 10%)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-tertiary{background-color:var(--color-tertiary)}.bg-tertiary-focus{background-color:color-mix(in oklch,var(--color-tertiary),black 10%)}.bg-tertiary-container{background-color:var(--color-tertiary-container)}.bg-surface{background-color:var(--color-surface)}.bg-surface-dim{background-color:var(--color-surface-dim)}.bg-surface-bright{background-color:var(--color-surface-bright)}.bg-surface-container-lowest{background-color:var(--color-surface-container-lowest)}.bg-surface-container-low{background-color:var(--color-surface-container-low)}.bg-surface-container{background-color:var(--color-surface-container)}.bg-surface-container-high{background-color:var(--color-surface-container-high)}.bg-surface-container-highest{background-color:var(--color-surface-container-highest)}.bg-info{background-color:var(--color-info)}.bg-info-container{background-color:var(--color-info-container)}.bg-success{background-color:var(--color-success)}.bg-success-container{background-color:var(--color-success-container)}.bg-warning{background-color:var(--color-warning)}.bg-warning-container{background-color:var(--color-warning-container)}.bg-error{background-color:var(--color-error)}.bg-error-container{background-color:var(--color-error-container)}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200{background-color:var(--color-base-200)}.bg-base-300{background-color:var(--color-base-300)}.bg-base-400{background-color:var(--color-base-400)}.bg-base-500{background-color:var(--color-base-500)}.bg-base-600{background-color:var(--color-base-600)}.bg-base-700{background-color:var(--color-base-700)}.bg-base-800{background-color:var(--color-base-800)}.bg-base-900{background-color:var(--color-base-900)}.text-primary{color:var(--color-primary)}.text-primary-content{color:var(--color-primary-content)}.text-on-primary-container{color:var(--color-on-primary-container)}.text-secondary{color:var(--color-secondary)}.text-secondary-content{color:var(--color-secondary-content)}.text-on-secondary-container{color:var(--color-on-secondary-container)}.text-tertiary{color:var(--color-tertiary)}.text-tertiary-content{color:var(--color-tertiary-content)}.text-on-tertiary-container{color:var(--color-on-tertiary-container)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-info{color:var(--color-info)}.text-info-content{color:var(--color-info-content)}.text-on-info-container{color:var(--color-on-info-container)}.text-success{color:var(--color-success)}.text-success-content{color:var(--color-success-content)}.text-on-success-container{color:var(--color-on-success-container)}.text-warning{color:var(--color-warning)}.text-warning-content{color:var(--color-warning-content)}.text-on-warning-container{color:var(--color-on-warning-container)}.text-error{color:var(--color-error)}.text-error-content{color:var(--color-error-content)}.text-on-error-container{color:var(--color-on-error-container)}.text-base-content{color:var(--color-base-content)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-tertiary{border-color:var(--color-tertiary)}.border-outline{border-color:var(--color-outline)}.border-outline-variant{border-color:var(--color-outline-variant)}.border-info{border-color:var(--color-info)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.ring-primary{--tw-ring-color: var(--color-primary)}.ring-secondary{--tw-ring-color: var(--color-secondary)}.ring-tertiary{--tw-ring-color: var(--color-tertiary)}.ring-info{--tw-ring-color: var(--color-info)}.ring-success{--tw-ring-color: var(--color-success)}.ring-warning{--tw-ring-color: var(--color-warning)}.ring-error{--tw-ring-color: var(--color-error)}.bg-accent{background-color:var(--color-accent)}.bg-accent-focus{background-color:color-mix(in oklch,var(--color-accent),black 10%)}.text-accent{color:var(--color-accent)}.text-accent-content{color:var(--color-accent-content)}.border-accent{border-color:var(--color-accent)}.ring-accent{--tw-ring-color: var(--color-accent)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral-focus{background-color:color-mix(in oklch,var(--color-neutral),black 10%)}.text-neutral{color:var(--color-neutral)}.text-neutral-content{color:var(--color-neutral-content)}.border-neutral{border-color:var(--color-neutral)}.ring-neutral{--tw-ring-color: var(--color-neutral)}.bg-surface-variant{background-color:var(--color-surface-variant)}.bg-inverse-surface{background-color:var(--color-inverse-surface)}.text-inverse-on-surface{color:var(--color-inverse-on-surface)}.text-inverse-primary{color:var(--color-inverse-primary)}.elevation-0{box-shadow:var(--shadow-elevation-0)}.elevation-1{box-shadow:var(--shadow-elevation-1)}.elevation-2{box-shadow:var(--shadow-elevation-2)}.elevation-3{box-shadow:var(--shadow-elevation-3)}.elevation-4{box-shadow:var(--shadow-elevation-4)}.elevation-5{box-shadow:var(--shadow-elevation-5)}}@utility grid-cols-auto-fill-*{grid-template-columns: repeat(auto-fill,minmax(min(calc(--value(integer)/4rem),100%),1fr));}@utility grid-cols-auto-fit-*{grid-template-columns: repeat(auto-fit,minmax(min(calc(--value(integer)/4rem),100%),1fr));}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}:root{color-scheme:light;--theme-name: "sunshine";--theme-mode: "light";--theme-family: "duskmoon";--theme-pair: "moonlight";--theme-description: "Warm amber/coral";--color-primary: oklch(72% .17 75);--color-primary-content: oklch(100% 0 0);--color-primary-container: oklch(95% .035 95.91);--color-on-primary-container: oklch(25% .03 95.91);--color-secondary: oklch(62% .19 20);--color-secondary-content: oklch(100% 0 0);--color-secondary-container: oklch(94% .05 87.01);--color-on-secondary-container: oklch(25% .05 87.01);--color-tertiary: oklch(80% .085 235);--color-tertiary-content: oklch(18% .01 235);--color-tertiary-container: oklch(95% .035 235);--color-on-tertiary-container: oklch(22% .012 235);--color-accent: oklch(85.23% .14 327);--color-accent-content: oklch(41% .112 45.904);--color-neutral: oklch(0% 0 0);--color-neutral-content: oklch(80% .015 50);--color-neutral-variant: oklch(50% .02 260);--color-surface: oklch(100% 0 0);--color-surface-dim: oklch(96% .01 85);--color-surface-bright: oklch(100% 0 0);--color-surface-container-lowest: oklch(100% 0 0);--color-surface-container-low: oklch(99% .01 85);--color-surface-container: oklch(97% .01 85);--color-surface-container-high: oklch(96% .01 85);--color-surface-container-highest: oklch(94% .01 85);--color-surface-variant: oklch(94% .02 85);--color-on-surface: oklch(27% .02 260);--color-on-surface-variant: oklch(50% .02 260);--color-base-100: oklch(100% .005 255);--color-base-200: oklch(95% .008 255);--color-base-300: oklch(90% .01 255);--color-base-400: oklch(55% .06 255);--color-base-500: oklch(45% .05 255);--color-base-600: oklch(35% .04 255);--color-base-700: oklch(25% .03 255);--color-base-800: oklch(18% .02 255);--color-base-900: oklch(12% .01 255);--color-base-content: oklch(10% 0 255);--color-outline: oklch(75% .01 260);--color-outline-variant: oklch(85% .01 260);--color-inverse-surface: oklch(25% .02 260);--color-inverse-on-surface: oklch(95% .01 260);--color-inverse-primary: oklch(80% .14 55);--color-shadow: oklch(0% 0 0);--color-scrim: oklch(0% 0 0 / 50%);--color-info: oklch(41.94% .114 254.39);--color-info-content: oklch(91.94% .114 254.39);--color-info-container: oklch(95% .03 235);--color-on-info-container: oklch(35% .08 235);--color-success: oklch(67.21% .19 133.55);--color-success-content: oklch(27.21% .19 133.55);--color-success-container: oklch(93% .04 150);--color-on-success-container: oklch(30% .08 150);--color-warning: oklch(68.19% .203 42.44);--color-warning-content: oklch(18.19% .3 42);--color-warning-container: oklch(93% .05 80);--color-on-warning-container: oklch(38% .1 80);--color-error: oklch(61.17% .237 28.15);--color-error-content: oklch(90.01% .153 84.78);--color-error-container: oklch(93% .04 25);--color-on-error-container: oklch(32% .1 25);--radius-selector: .25rem;--radius-field: .625rem;--radius-box: 2rem;--size-selector: .1875rem;--size-field: .1875rem;--border: .5px;--depth: 1;--noise: 1}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--theme-name: "moonlight";--theme-mode: "dark";--theme-family: "duskmoon";--theme-pair: "sunshine";--theme-description: "Neutral white/gold";--color-primary: oklch(85.45% 0 0);--color-primary-content: oklch(14.94% .031 39.947);--color-primary-container: oklch(25% .01 0);--color-on-primary-container: oklch(85% .01 0);--color-secondary: oklch(83.33% .0981 73.78);--color-secondary-content: oklch(14.507% .035 2.72);--color-secondary-container: oklch(28% .03 73.78);--color-on-secondary-container: oklch(88% .03 73.78);--color-tertiary: oklch(72% .09 255);--color-tertiary-content: oklch(14% .012 255);--color-tertiary-container: oklch(28% .03 255);--color-on-tertiary-container: oklch(88% .01 255);--color-accent: oklch(75.65% .1303 335.51);--color-accent-content: oklch(14.258% .033 299.844);--color-neutral: oklch(23% 0 0);--color-neutral-content: oklch(52.43% 0 0);--color-neutral-variant: oklch(55% .01 260);--color-surface: oklch(20% .02 260);--color-surface-dim: oklch(17% .02 260);--color-surface-bright: oklch(28% .02 260);--color-surface-container-lowest: oklch(14% .02 260);--color-surface-container-low: oklch(20% .02 260);--color-surface-container: oklch(22% .02 260);--color-surface-container-high: oklch(25% .02 260);--color-surface-container-highest: oklch(28% .01 260);--color-surface-variant: oklch(30% .02 260);--color-on-surface: oklch(95% .01 260);--color-on-surface-variant: oklch(75% .01 260);--color-base-100: oklch(22% .019 237.69);--color-base-200: oklch(20% .019 237.69);--color-base-300: oklch(18% .019 237.69);--color-base-400: oklch(26% .019 237.69);--color-base-500: oklch(32% .019 237.69);--color-base-600: oklch(40% .018 237.69);--color-base-700: oklch(55% .017 237.69);--color-base-800: oklch(70% .016 237.69);--color-base-900: oklch(85% .015 237.69);--color-base-content: oklch(77.383% .043 245.096);--color-outline: oklch(44% .01 260);--color-outline-variant: oklch(35% .01 260);--color-inverse-surface: oklch(95% .01 260);--color-inverse-on-surface: oklch(25% .02 260);--color-inverse-primary: oklch(55% .16 255);--color-shadow: oklch(0% 0 0);--color-scrim: oklch(0% 0 0 / 60%);--color-info: oklch(82.42% .09757279812867503 240.7677443360475);--color-info-content: oklch(17.111% .017 206.015);--color-info-container: oklch(32% .06 235);--color-on-info-container: oklch(88% .06 235);--color-success: oklch(82.19% .0621 133.3);--color-success-content: oklch(17.112% .017 144.778);--color-success-container: oklch(30% .05 150);--color-on-success-container: oklch(85% .06 150);--color-warning: oklch(76.36% .1752731353930708 61.96388739129725);--color-warning-content: oklch(17.113% .016 74.427);--color-warning-container: oklch(35% .06 80);--color-on-warning-container: oklch(90% .06 80);--color-error: oklch(46.38% .1898 29.17);--color-error-content: oklch(86.38% .298 39.17);--color-error-container: oklch(30% .08 25);--color-on-error-container: oklch(88% .06 25);--radius-selector: .125rem;--radius-field: .375rem;--radius-box: 1rem;--size-selector: .125rem;--size-field: .125rem;--border: 1px;--depth: .8;--noise: .6}}[data-theme=sunshine]{color-scheme:light;--theme-name: "sunshine";--theme-mode: "light";--theme-family: "duskmoon";--theme-pair: "moonlight";--theme-description: "Warm amber/coral";--color-primary: oklch(72% .17 75);--color-primary-content: oklch(100% 0 0);--color-primary-container: oklch(95% .035 95.91);--color-on-primary-container: oklch(25% .03 95.91);--color-secondary: oklch(62% .19 20);--color-secondary-content: oklch(100% 0 0);--color-secondary-container: oklch(94% .05 87.01);--color-on-secondary-container: oklch(25% .05 87.01);--color-tertiary: oklch(80% .085 235);--color-tertiary-content: oklch(18% .01 235);--color-tertiary-container: oklch(95% .035 235);--color-on-tertiary-container: oklch(22% .012 235);--color-accent: oklch(85.23% .14 327);--color-accent-content: oklch(41% .112 45.904);--color-neutral: oklch(0% 0 0);--color-neutral-content: oklch(80% .015 50);--color-neutral-variant: oklch(50% .02 260);--color-surface: oklch(100% 0 0);--color-surface-dim: oklch(96% .01 85);--color-surface-bright: oklch(100% 0 0);--color-surface-container-lowest: oklch(100% 0 0);--color-surface-container-low: oklch(99% .01 85);--color-surface-container: oklch(97% .01 85);--color-surface-container-high: oklch(96% .01 85);--color-surface-container-highest: oklch(94% .01 85);--color-surface-variant: oklch(94% .02 85);--color-on-surface: oklch(27% .02 260);--color-on-surface-variant: oklch(50% .02 260);--color-base-100: oklch(100% .005 255);--color-base-200: oklch(95% .008 255);--color-base-300: oklch(90% .01 255);--color-base-400: oklch(55% .06 255);--color-base-500: oklch(45% .05 255);--color-base-600: oklch(35% .04 255);--color-base-700: oklch(25% .03 255);--color-base-800: oklch(18% .02 255);--color-base-900: oklch(12% .01 255);--color-base-content: oklch(10% 0 255);--color-outline: oklch(75% .01 260);--color-outline-variant: oklch(85% .01 260);--color-inverse-surface: oklch(25% .02 260);--color-inverse-on-surface: oklch(95% .01 260);--color-inverse-primary: oklch(80% .14 55);--color-shadow: oklch(0% 0 0);--color-scrim: oklch(0% 0 0 / 50%);--color-info: oklch(41.94% .114 254.39);--color-info-content: oklch(91.94% .114 254.39);--color-info-container: oklch(95% .03 235);--color-on-info-container: oklch(35% .08 235);--color-success: oklch(67.21% .19 133.55);--color-success-content: oklch(27.21% .19 133.55);--color-success-container: oklch(93% .04 150);--color-on-success-container: oklch(30% .08 150);--color-warning: oklch(68.19% .203 42.44);--color-warning-content: oklch(18.19% .6 42);--color-warning-container: oklch(93% .05 80);--color-on-warning-container: oklch(38% .1 80);--color-error: oklch(61.17% .237 28.15);--color-error-content: oklch(90.01% .153 84.78);--color-error-container: oklch(93% .04 25);--color-on-error-container: oklch(32% .1 25);--radius-selector: .25rem;--radius-field: .625rem;--radius-box: 2rem;--size-selector: .1875rem;--size-field: .1875rem;--border: .5px;--depth: 1;--noise: 1}[data-theme=moonlight]{color-scheme:dark;--theme-name: "moonlight";--theme-mode: "dark";--theme-family: "duskmoon";--theme-pair: "sunshine";--theme-description: "Neutral white/gold";--color-primary: oklch(85.45% 0 0);--color-primary-content: oklch(14.94% .031 39.947);--color-primary-container: oklch(25% .01 0);--color-on-primary-container: oklch(85% .01 0);--color-secondary: oklch(83.33% .0981 73.78);--color-secondary-content: oklch(14.507% .035 2.72);--color-secondary-container: oklch(28% .03 73.78);--color-on-secondary-container: oklch(88% .03 73.78);--color-tertiary: oklch(72% .09 255);--color-tertiary-content: oklch(14% .012 255);--color-tertiary-container: oklch(28% .03 255);--color-on-tertiary-container: oklch(88% .01 255);--color-accent: oklch(75.65% .1303 335.51);--color-accent-content: oklch(14.258% .033 299.844);--color-neutral: oklch(23% 0 0);--color-neutral-content: oklch(52.43% 0 0);--color-neutral-variant: oklch(55% .01 260);--color-surface: oklch(20% .02 260);--color-surface-dim: oklch(17% .02 260);--color-surface-bright: oklch(28% .02 260);--color-surface-container-lowest: oklch(14% .02 260);--color-surface-container-low: oklch(20% .02 260);--color-surface-container: oklch(22% .02 260);--color-surface-container-high: oklch(25% .02 260);--color-surface-container-highest: oklch(28% .01 260);--color-surface-variant: oklch(30% .02 260);--color-on-surface: oklch(95% .01 260);--color-on-surface-variant: oklch(75% .01 260);--color-base-100: oklch(22% .019 237.69);--color-base-200: oklch(20% .019 237.69);--color-base-300: oklch(18% .019 237.69);--color-base-400: oklch(26% .019 237.69);--color-base-500: oklch(32% .019 237.69);--color-base-600: oklch(40% .018 237.69);--color-base-700: oklch(55% .017 237.69);--color-base-800: oklch(70% .016 237.69);--color-base-900: oklch(85% .015 237.69);--color-base-content: oklch(77.383% .043 245.096);--color-outline: oklch(44% .01 260);--color-outline-variant: oklch(35% .01 260);--color-inverse-surface: oklch(95% .01 260);--color-inverse-on-surface: oklch(25% .02 260);--color-inverse-primary: oklch(55% .16 255);--color-shadow: oklch(0% 0 0);--color-scrim: oklch(0% 0 0 / 60%);--color-info: oklch(82.42% .09757279812867503 240.7677443360475);--color-info-content: oklch(17.111% .017 206.015);--color-info-container: oklch(32% .06 235);--color-on-info-container: oklch(88% .06 235);--color-success: oklch(82.19% .0621 133.3);--color-success-content: oklch(17.112% .017 144.778);--color-success-container: oklch(30% .05 150);--color-on-success-container: oklch(85% .06 150);--color-warning: oklch(76.36% .1752731353930708 61.96388739129725);--color-warning-content: oklch(17.113% .016 74.427);--color-warning-container: oklch(35% .06 80);--color-on-warning-container: oklch(90% .06 80);--color-error: oklch(46.38% .1898 29.17);--color-error-content: oklch(86.38% .298 39.17);--color-error-container: oklch(30% .08 25);--color-on-error-container: oklch(88% .06 25);--radius-selector: .125rem;--radius-field: .375rem;--radius-box: 1rem;--size-selector: .125rem;--size-field: .125rem;--border: 1px;--depth: .8;--noise: .6}[data-theme=ocean]{color-scheme:dark;--theme-name: "ocean";--theme-mode: "dark";--theme-family: "ecotone";--theme-pair: "forest";--theme-description: "Cool blue";--color-primary: oklch(72% .12 210);--color-primary-content: oklch(15% .02 210);--color-primary-container: oklch(30% .08 210);--color-on-primary-container: oklch(90% .04 210);--color-secondary: oklch(75% .1 175);--color-secondary-content: oklch(15% .02 175);--color-secondary-container: oklch(28% .06 175);--color-on-secondary-container: oklch(90% .04 175);--color-tertiary: oklch(72% .1 280);--color-tertiary-content: oklch(15% .02 280);--color-tertiary-container: oklch(28% .06 280);--color-on-tertiary-container: oklch(90% .04 280);--color-accent: oklch(70% .12 190);--color-accent-content: oklch(15% .03 190);--color-neutral: oklch(90% .01 210);--color-neutral-content: oklch(16% .02 220);--color-neutral-variant: oklch(50% .02 220);--color-surface: oklch(16% .02 220);--color-surface-dim: oklch(10% .015 220);--color-surface-bright: oklch(24% .025 220);--color-surface-container-lowest: oklch(8% .01 220);--color-surface-container-low: oklch(12% .015 220);--color-surface-container: oklch(16% .02 220);--color-surface-container-high: oklch(20% .022 220);--color-surface-container-highest: oklch(24% .025 220);--color-surface-variant: oklch(22% .025 220);--color-on-surface: oklch(90% .01 210);--color-on-surface-variant: oklch(70% .015 210);--color-base-100: oklch(16% .02 220);--color-base-200: oklch(14% .015 220);--color-base-300: oklch(10% .01 220);--color-base-400: oklch(30% .02 220);--color-base-500: oklch(40% .02 220);--color-base-600: oklch(55% .015 220);--color-base-700: oklch(70% .01 220);--color-base-800: oklch(82% .01 220);--color-base-900: oklch(92% .005 220);--color-base-content: oklch(90% .01 210);--color-outline: oklch(45% .02 220);--color-outline-variant: oklch(32% .015 220);--color-inverse-surface: oklch(90% .01 210);--color-inverse-on-surface: oklch(16% .02 220);--color-inverse-primary: oklch(45% .12 210);--color-shadow: oklch(0% 0 0);--color-scrim: oklch(0% 0 0 / 60%);--color-info: oklch(70% .12 230);--color-info-content: oklch(15% .03 230);--color-info-container: oklch(28% .06 230);--color-on-info-container: oklch(88% .04 230);--color-success: oklch(72% .15 155);--color-success-content: oklch(15% .03 155);--color-success-container: oklch(28% .06 155);--color-on-success-container: oklch(88% .04 155);--color-warning: oklch(75% .14 75);--color-warning-content: oklch(18% .04 75);--color-warning-container: oklch(30% .06 75);--color-on-warning-container: oklch(88% .05 75);--color-error: oklch(70% .16 20);--color-error-content: oklch(15% .03 20);--color-error-container: oklch(28% .06 20);--color-on-error-container: oklch(88% .05 20);--radius-selector: .25rem;--radius-field: .75rem;--radius-box: 1.5rem;--size-selector: .125rem;--size-field: .125rem;--border: 1px;--depth: .7;--noise: .3}[data-theme=forest]{color-scheme:light;--theme-name: "forest";--theme-mode: "light";--theme-family: "ecotone";--theme-pair: "ocean";--theme-description: "Cool green/teal";--color-primary: oklch(50% .14 150);--color-primary-content: oklch(98% .01 150);--color-primary-container: oklch(92% .04 150);--color-on-primary-container: oklch(22% .06 150);--color-secondary: oklch(52% .1 55);--color-secondary-content: oklch(98% .01 55);--color-secondary-container: oklch(92% .03 55);--color-on-secondary-container: oklch(24% .05 55);--color-tertiary: oklch(58% .08 175);--color-tertiary-content: oklch(98% .01 175);--color-tertiary-container: oklch(93% .03 175);--color-on-tertiary-container: oklch(22% .04 175);--color-accent: oklch(60% .12 85);--color-accent-content: oklch(20% .04 85);--color-neutral: oklch(14% .01 100);--color-neutral-content: oklch(92% .01 100);--color-neutral-variant: oklch(48% .015 100);--color-surface: oklch(99% .005 100);--color-surface-dim: oklch(95% .01 100);--color-surface-bright: oklch(100% 0 0);--color-surface-container-lowest: oklch(100% 0 0);--color-surface-container-low: oklch(98% .008 100);--color-surface-container: oklch(96% .01 100);--color-surface-container-high: oklch(94% .012 100);--color-surface-container-highest: oklch(92% .015 100);--color-surface-variant: oklch(93% .02 100);--color-on-surface: oklch(22% .02 100);--color-on-surface-variant: oklch(42% .02 100);--color-base-100: oklch(99% .005 100);--color-base-200: oklch(92% .01 100);--color-base-300: oklch(80% .01 100);--color-base-400: oklch(60% .01 100);--color-base-500: oklch(48% .01 100);--color-base-600: oklch(38% .01 100);--color-base-700: oklch(28% .01 100);--color-base-800: oklch(20% .008 100);--color-base-900: oklch(14% .005 100);--color-base-content: oklch(14% .01 100);--color-outline: oklch(60% .015 100);--color-outline-variant: oklch(78% .01 100);--color-inverse-surface: oklch(22% .02 100);--color-inverse-on-surface: oklch(95% .01 100);--color-inverse-primary: oklch(75% .1 150);--color-shadow: oklch(0% 0 0);--color-scrim: oklch(0% 0 0 / 40%);--color-info: oklch(48% .12 240);--color-info-content: oklch(98% .01 240);--color-info-container: oklch(94% .03 240);--color-on-info-container: oklch(28% .06 240);--color-success: oklch(55% .16 145);--color-success-content: oklch(98% .01 145);--color-success-container: oklch(93% .04 145);--color-on-success-container: oklch(25% .07 145);--color-warning: oklch(62% .16 65);--color-warning-content: oklch(18% .04 65);--color-warning-container: oklch(93% .04 65);--color-on-warning-container: oklch(32% .08 65);--color-error: oklch(52% .18 15);--color-error-content: oklch(98% .01 15);--color-error-container: oklch(93% .04 15);--color-on-error-container: oklch(28% .08 15);--radius-selector: .125rem;--radius-field: .375rem;--radius-box: 1rem;--size-selector: .1875rem;--size-field: .1875rem;--border: 1px;--depth: .5;--noise: .8}:root{--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--elevation-level0: 0px;--elevation-level1: 1px;--elevation-level2: 3px;--elevation-level3: 6px;--elevation-level4: 8px;--elevation-level5: 12px}@layer components{.btn{--btn-p: 1.25rem;--btn-py: .625rem;--btn-text-color: var(--color-on-surface);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding-inline:var(--btn-p);padding-block:var(--btn-py);font-size:.875rem;font-weight:500;line-height:1.25rem;text-align:center;text-decoration:none;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;border:1px solid transparent;border-radius:var(--radius-sm);transition:all .15s ease-in-out;background-color:var(--color-surface-container);color:var(--btn-text-color)}.btn:hover{filter:brightness(.95)}.btn:active{transform:scale(.98)}.btn:focus{outline:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{--btn-text-color: var(--color-primary-content);background-color:var(--color-primary);border-color:var(--color-primary)}.btn-primary:hover{background-color:color-mix(in oklch,var(--color-primary),black 10%);border-color:color-mix(in oklch,var(--color-primary),black 10%);filter:none}.btn-secondary{--btn-text-color: var(--color-secondary-content);background-color:var(--color-secondary);border-color:var(--color-secondary)}.btn-secondary:hover{background-color:color-mix(in oklch,var(--color-secondary),black 10%);border-color:color-mix(in oklch,var(--color-secondary),black 10%);filter:none}.btn-tertiary{--btn-text-color: var(--color-tertiary-content);background-color:var(--color-tertiary);border-color:var(--color-tertiary)}.btn-tertiary:hover{background-color:color-mix(in oklch,var(--color-tertiary),black 10%);border-color:color-mix(in oklch,var(--color-tertiary),black 10%);filter:none}.btn-outline,.btn-outlined{--btn-text-color: var(--color-on-surface);background-color:transparent;border-color:var(--color-outline)}.btn-outline:hover,.btn-outlined:hover{background-color:var(--color-surface-container);filter:none}.btn-outline.btn-primary,.btn-outlined.btn-primary{--btn-text-color: var(--color-primary);border-color:currentColor}.btn-outline.btn-primary:hover,.btn-outlined.btn-primary:hover{--btn-text-color: var(--color-primary-content);background-color:var(--color-primary)}.btn-outline.btn-secondary,.btn-outlined.btn-secondary{--btn-text-color: var(--color-secondary);border-color:currentColor}.btn-outline.btn-secondary:hover,.btn-outlined.btn-secondary:hover{--btn-text-color: var(--color-secondary-content);background-color:var(--color-secondary)}.btn-outline.btn-tertiary,.btn-outlined.btn-tertiary{--btn-text-color: var(--color-tertiary);border-color:currentColor}.btn-outline.btn-tertiary:hover,.btn-outlined.btn-tertiary:hover{--btn-text-color: var(--color-tertiary-content);background-color:var(--color-tertiary)}.btn-outline.btn-info,.btn-outlined.btn-info{--btn-text-color: var(--color-info);border-color:currentColor}.btn-outline.btn-info:hover,.btn-outlined.btn-info:hover{--btn-text-color: var(--color-info-content);background-color:var(--color-info)}.btn-outline.btn-success,.btn-outlined.btn-success{--btn-text-color: var(--color-success);border-color:currentColor}.btn-outline.btn-success:hover,.btn-outlined.btn-success:hover{--btn-text-color: var(--color-success-content);background-color:var(--color-success)}.btn-outline.btn-warning,.btn-outlined.btn-warning{--btn-text-color: var(--color-warning);border-color:currentColor}.btn-outline.btn-warning:hover,.btn-outlined.btn-warning:hover{--btn-text-color: var(--color-warning-content);background-color:var(--color-warning)}.btn-outline.btn-error,.btn-outlined.btn-error{--btn-text-color: var(--color-error);border-color:currentColor}.btn-outline.btn-error:hover,.btn-outlined.btn-error:hover{--btn-text-color: var(--color-error-content);background-color:var(--color-error)}.btn-ghost{--btn-text-color: var(--color-on-surface);background-color:transparent;border-color:transparent}.btn-ghost:hover{background-color:var(--color-surface-container);filter:none}.btn-ghost.btn-primary{--btn-text-color: var(--color-primary)}.btn-ghost.btn-primary:hover{--btn-text-color: var(--color-on-primary-container);background-color:var(--color-primary-container)}.btn-ghost.btn-secondary{--btn-text-color: var(--color-secondary)}.btn-ghost.btn-secondary:hover{--btn-text-color: var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.btn-ghost.btn-tertiary{--btn-text-color: var(--color-tertiary)}.btn-ghost.btn-tertiary:hover{--btn-text-color: var(--color-on-tertiary-container);background-color:var(--color-tertiary-container)}.btn-ghost.btn-info{--btn-text-color: var(--color-info)}.btn-ghost.btn-success{--btn-text-color: var(--color-success)}.btn-ghost.btn-warning{--btn-text-color: var(--color-warning)}.btn-ghost.btn-error{--btn-text-color: var(--color-error)}.btn-ghost.btn-info:hover{--btn-text-color: var(--color-on-info-container);background-color:var(--color-info-container)}.btn-ghost.btn-success:hover{--btn-text-color: var(--color-on-success-container);background-color:var(--color-success-container)}.btn-ghost.btn-warning:hover{--btn-text-color: var(--color-on-warning-container);background-color:var(--color-warning-container)}.btn-ghost.btn-error:hover{--btn-text-color: var(--color-on-error-container);background-color:var(--color-error-container)}.btn-text{--btn-text-color: var(--color-on-surface);background-color:transparent;border-color:transparent}.btn-text:hover{background-color:var(--color-surface-container);filter:none}.btn-text.btn-primary{--btn-text-color: var(--color-primary)}.btn-text.btn-primary:hover{--btn-text-color: var(--color-on-primary-container);background-color:var(--color-primary-container)}.btn-text.btn-secondary{--btn-text-color: var(--color-secondary)}.btn-text.btn-secondary:hover{--btn-text-color: var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.btn-text.btn-tertiary{--btn-text-color: var(--color-tertiary)}.btn-text.btn-tertiary:hover{--btn-text-color: var(--color-on-tertiary-container);background-color:var(--color-tertiary-container)}.btn-text.btn-info{--btn-text-color: var(--color-info)}.btn-text.btn-success{--btn-text-color: var(--color-success)}.btn-text.btn-warning{--btn-text-color: var(--color-warning)}.btn-text.btn-error{--btn-text-color: var(--color-error)}.btn-text.btn-info:hover{--btn-text-color: var(--color-on-info-container);background-color:var(--color-info-container)}.btn-text.btn-success:hover{--btn-text-color: var(--color-on-success-container);background-color:var(--color-success-container)}.btn-text.btn-warning:hover{--btn-text-color: var(--color-on-warning-container);background-color:var(--color-warning-container)}.btn-text.btn-error:hover{--btn-text-color: var(--color-on-error-container);background-color:var(--color-error-container)}.btn-tonal{--btn-text-color: var(--color-on-primary-container);background-color:var(--color-primary-container);border-color:transparent}.btn-tonal:hover{filter:brightness(.95)}.btn-tonal.btn-primary{--btn-text-color: var(--color-on-primary-container);background-color:var(--color-primary-container)}.btn-tonal.btn-secondary{--btn-text-color: var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.btn-tonal.btn-tertiary{--btn-text-color: var(--color-on-tertiary-container);background-color:var(--color-tertiary-container)}.btn-tonal.btn-info{--btn-text-color: var(--color-on-info-container);background-color:var(--color-info-container)}.btn-tonal.btn-success{--btn-text-color: var(--color-on-success-container);background-color:var(--color-success-container)}.btn-tonal.btn-warning{--btn-text-color: var(--color-on-warning-container);background-color:var(--color-warning-container)}.btn-tonal.btn-error{--btn-text-color: var(--color-on-error-container);background-color:var(--color-error-container)}.btn-info{--btn-text-color: var(--color-info-content);background-color:var(--color-info);border-color:var(--color-info)}.btn-info:hover{background-color:color-mix(in oklch,var(--color-info),black 10%);border-color:color-mix(in oklch,var(--color-info),black 10%);filter:none}.btn-success{--btn-text-color: var(--color-success-content);background-color:var(--color-success);border-color:var(--color-success)}.btn-success:hover{background-color:color-mix(in oklch,var(--color-success),black 10%);border-color:color-mix(in oklch,var(--color-success),black 10%);filter:none}.btn-warning{--btn-text-color: var(--color-warning-content);background-color:var(--color-warning);border-color:var(--color-warning)}.btn-warning:hover{background-color:color-mix(in oklch,var(--color-warning),black 10%);border-color:color-mix(in oklch,var(--color-warning),black 10%);filter:none}.btn-error{--btn-text-color: var(--color-error-content);background-color:var(--color-error);border-color:var(--color-error)}.btn-error:hover{background-color:color-mix(in oklch,var(--color-error),black 10%);border-color:color-mix(in oklch,var(--color-error),black 10%);filter:none}.btn-xs{--btn-p: .5rem;--btn-py: .25rem;font-size:.75rem;line-height:1rem;border-radius:var(--radius-xs)}.btn-sm{--btn-p: .75rem;--btn-py: .375rem;font-size:.8125rem;line-height:1.125rem;border-radius:var(--radius-xs)}.btn-md{--btn-p: 1.25rem;--btn-py: .625rem;font-size:.875rem;line-height:1.25rem;border-radius:var(--radius-sm)}.btn-lg{--btn-p: 1.75rem;--btn-py: .875rem;font-size:1rem;line-height:1.5rem;border-radius:var(--radius-sm)}.btn-block{display:flex;width:100%}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.btn-group .btn:not(:first-child){margin-inline-start:-1px}.btn-loading{pointer-events:none;position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid var(--btn-text-color);border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-circle{--btn-p: .625rem;--btn-py: .625rem;border-radius:var(--radius-full);aspect-ratio:1}.btn-square{--btn-p: .625rem;--btn-py: .625rem;aspect-ratio:1}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn-loading:after{animation:none}}}@layer components{.card{display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-sm);transition:box-shadow .15s ease-in-out,transform .15s ease-in-out}.card:hover{box-shadow:var(--shadow-md)}.card figure,.card-image{overflow:hidden}.card figure img,.card-image img{width:100%;height:auto;object-fit:cover}.card-body{--card-p: 1.5rem;display:flex;flex-direction:column;gap:.5rem;padding:var(--card-p);flex:1}.card-header{display:flex;align-items:center;gap:.5rem;padding-inline:var(--card-p, 1.5rem);padding-block:calc(var(--card-p, 1.5rem) * .5);border-block-end:1px solid var(--color-outline-variant)}.card-footer{display:flex;align-items:center;gap:.5rem;padding-inline:var(--card-p, 1.5rem);padding-block:calc(var(--card-p, 1.5rem) * .5);border-block-start:1px solid var(--color-outline-variant);margin-block-start:auto}.card-title{font-size:1.25rem;font-weight:600;line-height:1.75rem;color:var(--color-on-surface)}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:auto;padding-block-start:.5rem}.card-actions.justify-end{justify-content:flex-end}.card-actions.justify-start{justify-content:flex-start}.card-actions.justify-center{justify-content:center}.card-bordered{border:1px solid var(--color-outline);box-shadow:none}.card-bordered:hover{box-shadow:none;border-color:var(--color-outline-variant)}.card-compact .card-header,.card-compact .card-body,.card-compact .card-footer{--card-p: 1rem}.card-compact .card-title{font-size:1rem}.card-side{flex-direction:row}.card-side figure,.card-side .card-image{width:40%;flex-shrink:0}.card-side figure img,.card-side .card-image img{height:100%;object-fit:cover}.card-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.card-primary .card-title{color:var(--color-on-primary-container)}.card-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.card-secondary .card-title{color:var(--color-on-secondary-container)}.card-tertiary{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.card-tertiary .card-title{color:var(--color-on-tertiary-container)}.card-info{background-color:var(--color-info-container);color:var(--color-on-info-container)}.card-info .card-title{color:var(--color-on-info-container)}.card-success{background-color:var(--color-success-container);color:var(--color-on-success-container)}.card-success .card-title{color:var(--color-on-success-container)}.card-warning{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.card-warning .card-title{color:var(--color-on-warning-container)}.card-error{background-color:var(--color-error-container);color:var(--color-on-error-container)}.card-error .card-title{color:var(--color-on-error-container)}.card-glass{background-color:#ffffff1a;backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .2)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.99)}.card-interactive:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.card-full-image{position:relative}.card-full-image figure,.card-full-image .card-image{position:absolute;inset:0;z-index:0}.card-full-image .card-body{position:relative;z-index:1;background:linear-gradient(to top,color-mix(in srgb,var(--color-shadow) 70%,transparent),transparent);color:#fff;margin-top:auto;min-height:50%}.card-full-image .card-title{color:#fff}@media(prefers-reduced-motion:reduce){.card{transition:none}}}@layer components{.input{display:flex;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;background-color:var(--color-surface);color:var(--color-on-surface);border:1px solid currentColor;border-radius:var(--radius-sm);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.input::placeholder{color:var(--color-on-surface-variant);opacity:.7}.input:focus{outline:none}.input:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent);outline:none}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}.input-bordered{border-color:var(--color-outline);background-color:var(--color-surface)}.input-bordered:hover:not(:disabled):not(:focus){border-color:var(--color-outline-variant)}.input-primary{color:var(--color-primary)}.input-secondary{color:var(--color-secondary)}.input-tertiary{color:var(--color-tertiary)}.input-info{color:var(--color-info)}.input-success{color:var(--color-success)}.input-warning{color:var(--color-warning)}.input-error{color:var(--color-error)}.input-xs{padding:.375rem .625rem;font-size:.75rem;line-height:1rem;border-radius:var(--radius-xs);height:1.75rem}.input-sm{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:var(--radius-xs);height:2.25rem}.input-lg{padding:1rem 1.25rem;font-size:1.125rem;line-height:1.75rem;border-radius:var(--radius-sm);height:3.5rem}.input-ghost{background-color:transparent;border-color:transparent}.input-ghost:focus-visible{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.input-filled{background-color:var(--color-surface-container);border-color:transparent;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.input-filled:focus-visible{border-bottom-color:var(--color-primary);box-shadow:none}.input-filled.input-primary:focus-visible{border-bottom-color:var(--color-primary)}.input-filled.input-secondary:focus-visible{border-bottom-color:var(--color-secondary)}.input-filled.input-tertiary:focus-visible{border-bottom-color:var(--color-tertiary)}.input-filled.input-info:focus-visible{border-bottom-color:var(--color-info)}.input-filled.input-success:focus-visible{border-bottom-color:var(--color-success)}.input-filled.input-warning:focus-visible{border-bottom-color:var(--color-warning)}.input-filled.input-error:focus-visible{border-bottom-color:var(--color-error)}.input-group{display:flex;align-items:stretch}.input-group>.input{flex:1;border-radius:0}.input-group>.input:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.input-group>.input:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.input-group-text{display:flex;align-items:center;justify-content:center;padding:0 1rem;background-color:var(--color-surface-container);color:var(--color-on-surface-variant);border:1px solid var(--color-outline)}.input-group-text:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);border-right:none}.input-group-text:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-left:none}.file-input{display:flex;width:100%;padding:0;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer}.file-input::file-selector-button{padding:.75rem 1rem;background-color:var(--color-surface-container);color:var(--color-on-surface);border:none;border-right:1px solid var(--color-outline);cursor:pointer;transition:background-color .15s ease-in-out}.file-input::file-selector-button:hover{background-color:var(--color-surface-container-high)}.file-input:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent);outline:none}@media(prefers-reduced-motion:reduce){.input,.input-filled,.file-input{transition:none}}}@layer components{.form-control{display:flex;flex-direction:column;gap:.25rem;width:100%;margin-bottom:1rem;color:var(--color-on-surface)}.label{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.label-text{font-size:.875rem;font-weight:500;color:var(--color-on-surface);padding-bottom:.25rem}.label-text-alt{font-size:.75rem;color:var(--color-on-surface-variant)}.checkbox{appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-outline);border-radius:var(--radius-xs);background-color:transparent;cursor:pointer;transition:all .15s ease-in-out;position:relative}.checkbox:hover{border-color:var(--color-primary)}.checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox:checked:after{content:"";position:absolute;left:.25rem;top:.0625rem;width:.375rem;height:.625rem;border:solid var(--color-primary-content);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox-primary:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-secondary:checked{background-color:var(--color-secondary);border-color:var(--color-secondary)}.checkbox-success:checked{background-color:var(--color-success);border-color:var(--color-success)}.checkbox-tertiary:checked{background-color:var(--color-tertiary);border-color:var(--color-tertiary)}.checkbox-info:checked{background-color:var(--color-info);border-color:var(--color-info)}.checkbox-warning:checked{background-color:var(--color-warning);border-color:var(--color-warning)}.checkbox-error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox-xs{width:.875rem;height:.875rem}.checkbox-sm{width:1rem;height:1rem}.checkbox-lg{width:1.5rem;height:1.5rem}.radio{appearance:none;width:1.25rem;height:1.25rem;border:2px solid var(--color-outline);border-radius:var(--radius-full);background-color:transparent;cursor:pointer;transition:all .15s ease-in-out;position:relative}.radio:hover{border-color:var(--color-primary)}.radio:checked{border-color:var(--color-primary)}.radio:checked:after{content:"";position:absolute;left:50%;top:50%;width:.5rem;height:.5rem;background-color:var(--color-primary);border-radius:var(--radius-full);transform:translate(-50%,-50%)}.radio:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.radio:disabled{cursor:not-allowed;opacity:.5}.radio-primary:checked{border-color:var(--color-primary)}.radio-primary:checked:after{background-color:var(--color-primary)}.radio-secondary:checked{border-color:var(--color-secondary)}.radio-secondary:checked:after{background-color:var(--color-secondary)}.radio-tertiary:checked{border-color:var(--color-tertiary)}.radio-tertiary:checked:after{background-color:var(--color-tertiary)}.radio-info:checked{border-color:var(--color-info)}.radio-info:checked:after{background-color:var(--color-info)}.radio-success:checked{border-color:var(--color-success)}.radio-success:checked:after{background-color:var(--color-success)}.radio-warning:checked{border-color:var(--color-warning)}.radio-warning:checked:after{background-color:var(--color-warning)}.radio-error:checked{border-color:var(--color-error)}.radio-error:checked:after{background-color:var(--color-error)}.toggle{appearance:none;width:3rem;height:1.5rem;border-radius:var(--radius-lg);background-color:var(--color-surface-container-highest);cursor:pointer;transition:all .15s ease-in-out;position:relative}.toggle:after{content:"";position:absolute;left:.25rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;background-color:var(--color-on-surface-variant);border-radius:var(--radius-full);transition:all .15s ease-in-out}.toggle:checked{background-color:var(--color-primary)}.toggle:checked:after{left:calc(100% - 1.25rem);background-color:var(--color-primary-content)}.toggle:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.toggle:disabled{cursor:not-allowed;opacity:.5}.toggle-xs{width:2rem;height:1rem}.toggle-xs:after{width:.625rem;height:.625rem;left:.1875rem}.toggle-xs:checked:after{left:calc(100% - .8125rem)}.toggle-sm{width:2.5rem;height:1.25rem}.toggle-sm:after{width:.75rem;height:.75rem}.toggle-lg{width:4rem;height:2rem}.toggle-lg:after{width:1.5rem;height:1.5rem}.select{appearance:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5rem;background-color:var(--color-surface);color:var(--color-on-surface);border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;transition:border-color .15s ease-in-out}.select:focus{outline:none}.select:focus-visible{border-color:var(--color-primary);outline:none}.select:disabled{cursor:not-allowed;opacity:.5}.select-bordered{border-color:var(--color-outline)}.select-primary:focus-visible{border-color:var(--color-primary)}.select-secondary:focus-visible{border-color:var(--color-secondary)}.select-xs{padding:.375rem 2rem .375rem .625rem;font-size:.75rem;line-height:1rem}.select-sm{padding:.5rem 2.25rem .5rem .75rem;font-size:.875rem;line-height:1.25rem}.select-lg{padding:1rem 3rem 1rem 1.25rem;font-size:1.125rem;line-height:1.75rem}.textarea{width:100%;min-height:6rem;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;background-color:var(--color-surface);color:var(--color-on-surface);border:1px solid currentColor;border-radius:var(--radius-sm);resize:vertical;transition:border-color .15s ease-in-out}.textarea::placeholder{color:var(--color-on-surface-variant);opacity:.7}.textarea:focus{outline:none}.textarea:focus-visible{border-color:var(--color-primary)}.textarea:disabled{cursor:not-allowed;opacity:.5;resize:none}.textarea-bordered{border-color:var(--color-outline)}.form-control.error .input,.form-control.error .select,.form-control.error .textarea,.input-error,.select-error,.textarea-error{border-color:var(--color-error)}.form-control.error .input:focus-visible,.form-control.error .select:focus-visible,.form-control.error .textarea:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.form-control.error .label-text{color:var(--color-error)}.form-control.success .input,.form-control.success .select,.form-control.success .textarea,.input-success,.select-success,.textarea-success{border-color:var(--color-success)}.form-control.success .input:focus-visible,.form-control.success .select:focus-visible,.form-control.success .textarea:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.form-control.success .label-text{color:var(--color-success)}.form-control.warning .input,.form-control.warning .select,.form-control.warning .textarea,.input-warning,.select-warning,.textarea-warning{border-color:var(--color-warning)}.form-control.warning .input:focus-visible,.form-control.warning .select:focus-visible,.form-control.warning .textarea:focus-visible{border-color:var(--color-warning);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.form-control.warning .label-text{color:var(--color-warning)}.form-control.info .input,.form-control.info .select,.form-control.info .textarea,.input-info,.select-info,.textarea-info{border-color:var(--color-info)}.form-control.info .input:focus-visible,.form-control.info .select:focus-visible,.form-control.info .textarea:focus-visible{border-color:var(--color-info);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.form-control.info .label-text{color:var(--color-info)}.helper-text{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:.25rem}.helper-text.error{color:var(--color-error)}.helper-text.success{color:var(--color-success)}.helper-text.warning{color:var(--color-warning)}.helper-text.info{color:var(--color-info)}.label-text.required:after{content:" *";color:var(--color-error)}.range{appearance:none;width:100%;height:.5rem;background-color:var(--color-surface-container-highest);border-radius:var(--radius-xs);cursor:pointer}.range::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;background-color:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:transform .15s ease-in-out}.range::-webkit-slider-thumb:hover{transform:scale(1.1)}.range::-moz-range-thumb{width:1.25rem;height:1.25rem;background-color:var(--color-primary);border:none;border-radius:var(--radius-full);cursor:pointer}.range:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}@media(prefers-reduced-motion:reduce){.form-control,.input,.select,.textarea,.range,.label-float .form-control~label{transition:none}}}@layer components{.navbar{display:flex;align-items:center;width:100%;min-height:4rem;padding:.5rem 1rem;background-color:var(--color-surface);color:var(--color-on-surface)}.navbar-start{display:flex;align-items:center;flex:1;justify-content:flex-start;gap:.5rem}.navbar-center{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:.5rem}.navbar-end{display:flex;align-items:center;flex:1;justify-content:flex-end;gap:.5rem}.menu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:.5rem;gap:.25rem}.menu li{display:flex;flex-shrink:0}.menu li>a,.menu li>button,.menu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;color:var(--color-on-surface);text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;white-space:nowrap}.menu li>a:hover,.menu li>button:hover,.menu-item:hover{background-color:var(--color-surface-container)}.menu li>a:focus-visible,.menu li>button:focus-visible,.menu-item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.menu li>a.active,.menu li>button.active,.menu-item.active,.menu li>a[aria-current=page],.menu li>button[aria-current=page]{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.menu li.disabled>a,.menu li.disabled>button,.menu-item:disabled{opacity:.5;pointer-events:none}.menu-horizontal{flex-direction:row}.menu-vertical{flex-direction:column}.menu-vertical li{width:100%}.menu-vertical li>a,.menu-vertical li>button,.menu-vertical .menu-item{width:100%}.menu-compact li>a,.menu-compact li>button,.menu-compact .menu-item{padding:.375rem .75rem;font-size:.8125rem}.menu-title{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem 0;list-style:none;margin:0;font-size:.875rem}.breadcrumbs li{display:flex;align-items:center;gap:.5rem}.breadcrumbs li:after{content:"/";color:var(--color-on-surface-variant);opacity:.5}.breadcrumbs li:last-child:after{display:none}.breadcrumbs li>a{color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out}.breadcrumbs li>a:hover{text-decoration:underline}.breadcrumbs li:last-child{color:var(--color-on-surface-variant)}.breadcrumb-item{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-on-surface-variant);text-decoration:none;transition:color .15s ease-in-out}.breadcrumb-item:hover{color:var(--color-on-surface)}.breadcrumb-item-active{color:var(--color-on-surface);font-weight:500;pointer-events:none}.breadcrumb-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-on-surface-variant);text-decoration:none;transition:color .15s ease-in-out;cursor:pointer}.breadcrumb-link:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-link:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent);border-radius:var(--radius-xs)}.breadcrumb-separator{display:inline-flex;align-items:center;color:var(--color-on-surface-variant);font-size:.875rem;user-select:none;opacity:.6}.breadcrumb-separator:before{content:"/"}.breadcrumbs-slash .breadcrumb-separator:before{content:"/"}.breadcrumbs-chevron .breadcrumb-separator:before{content:"›";font-size:1.125rem}.breadcrumbs-dot .breadcrumb-separator:before{content:"•"}.breadcrumbs-arrow .breadcrumb-separator:before{content:"→"}.breadcrumbs-pipe .breadcrumb-separator:before{content:"|"}.breadcrumb-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0}.breadcrumb-icon svg{width:100%;height:100%}.breadcrumb-home{display:inline-flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);text-decoration:none;transition:color .15s ease-in-out}.breadcrumb-home:hover{color:var(--color-primary)}.breadcrumb-home-icon{width:1.125rem;height:1.125rem}.breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out}.breadcrumb-ellipsis:before{content:"..."}.breadcrumb-ellipsis:hover{background-color:color-mix(in oklch,var(--color-on-surface) 8%,transparent)}.breadcrumbs-primary .breadcrumb-link:hover,.breadcrumbs-primary .breadcrumb-item-active{color:var(--color-primary)}.breadcrumbs-secondary .breadcrumb-link:hover,.breadcrumbs-secondary .breadcrumb-item-active{color:var(--color-secondary)}.breadcrumbs-tertiary .breadcrumb-link:hover,.breadcrumbs-tertiary .breadcrumb-item-active{color:var(--color-tertiary)}.breadcrumbs-sm{font-size:.75rem;gap:.375rem}.breadcrumbs-sm .breadcrumb-icon,.breadcrumbs-sm .breadcrumb-home-icon{width:.875rem;height:.875rem}.breadcrumbs-lg{font-size:1rem;gap:.625rem}.breadcrumbs-lg .breadcrumb-icon,.breadcrumbs-lg .breadcrumb-home-icon{width:1.25rem;height:1.25rem}.breadcrumbs-contained{padding:.75rem 1rem;background-color:var(--color-surface-container);border-radius:var(--radius-sm)}.breadcrumbs-nowrap{flex-wrap:nowrap;overflow-x:auto}.breadcrumb-item-disabled{opacity:.38;pointer-events:none;cursor:not-allowed}.tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid var(--color-outline)}.tab{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-on-surface-variant);text-decoration:none;background-color:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease-in-out;position:relative;margin-bottom:-1px}.tab:hover{color:var(--color-on-surface);background-color:var(--color-surface-container)}.tab:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.tab.tab-active,.tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab:disabled{opacity:.5;cursor:not-allowed}.tabs-boxed{background-color:var(--color-surface-container);border-radius:var(--radius-sm);padding:.25rem;border:none}.tabs-boxed .tab{border-radius:var(--radius-xs);border-bottom:none;margin-bottom:0}.tabs-boxed .tab.tab-active,.tabs-boxed .tab[aria-selected=true]{background-color:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-xs)}.tabs-lifted{border:none}.tabs-lifted .tab{border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:-1px}.tabs-lifted .tab.tab-active,.tabs-lifted .tab[aria-selected=true]{background-color:var(--color-surface);border-color:var(--color-outline);border-bottom-color:var(--color-surface)}.tab-xs{padding:.375rem .625rem;font-size:.75rem}.tab-sm{padding:.5rem .875rem;font-size:.8125rem}.tab-lg{padding:1rem 1.5rem;font-size:1rem}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;z-index:50;min-width:12rem;padding:.5rem;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:all .15s ease-in-out}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown.dropdown-open .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-end .dropdown-content{right:0}.dropdown-top .dropdown-content{bottom:100%;top:auto;margin-bottom:.25rem}.dropdown-left .dropdown-content{right:100%;left:auto;top:0;margin-right:.25rem}.dropdown-right .dropdown-content{left:100%;right:auto;top:0;margin-left:.25rem}.pagination{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.pagination-item,.pagination-prev,.pagination-next,.pagination li>a,.pagination li>button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-width:2.5rem;height:2.5rem;padding:0 .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:1px solid var(--color-outline);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease-in-out;white-space:nowrap}.pagination-item:hover,.pagination-prev:hover,.pagination-next:hover,.pagination li>a:hover,.pagination li>button:hover{background-color:var(--color-surface-container)}.pagination-item-active,.pagination-item-active-primary,.pagination li>a.active,.pagination li>button.active,.pagination li>a[aria-current=page],.pagination li>button[aria-current=page]{background-color:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}.pagination-item-active-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content);border-color:var(--color-secondary)}.pagination-item-active-tertiary{background-color:var(--color-tertiary);color:var(--color-tertiary-content);border-color:var(--color-tertiary)}.pagination-item:focus-visible,.pagination-prev:focus-visible,.pagination-next:focus-visible,.pagination li>a:focus-visible,.pagination li>button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.pagination-item:disabled,.pagination-item-disabled,.pagination-prev:disabled,.pagination-next:disabled,.pagination li>a:disabled,.pagination li>button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:var(--color-on-surface-variant)}.pagination-ellipsis:before{content:"…"}.pagination-info{display:flex;flex-direction:row;align-items:center;gap:.5rem}.pagination-info-text{font-size:.875rem;color:var(--color-on-surface-variant)}.pagination-input{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-on-surface-variant)}.pagination-input input{width:3.5rem;padding:.375rem .5rem;font-size:.875rem;text-align:center;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-xs)}.pagination-input input:focus{outline:none;border-color:var(--color-primary)}.pagination-outlined .pagination-item,.pagination-outlined .pagination-prev,.pagination-outlined .pagination-next{border:1px solid var(--color-outline)}.pagination-tonal .pagination-item-active,.pagination-tonal .pagination-item-active-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-color:var(--color-primary-container)}.pagination-sm .pagination-item,.pagination-sm .pagination-prev,.pagination-sm .pagination-next{min-width:2rem;height:2rem;padding:0 .5rem;font-size:.75rem}.pagination-lg .pagination-item,.pagination-lg .pagination-prev,.pagination-lg .pagination-next{min-width:3rem;height:3rem;padding:0 1rem;font-size:1rem}.pagination-compact{gap:0}.pagination-compact .pagination-item,.pagination-compact .pagination-prev,.pagination-compact .pagination-next{border-radius:0}.pagination-compact .pagination-item:first-child,.pagination-compact .pagination-prev{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.pagination-compact .pagination-item:last-child,.pagination-compact .pagination-next{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.pagination-responsive{flex-wrap:wrap;justify-content:center}@media(prefers-reduced-motion:reduce){.pagination-item,.pagination-prev,.pagination-next{transition:none}}}@layer components{.modal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;visibility:hidden;opacity:0;transition:visibility .2s ease-out,opacity .2s ease-out}.modal.modal-open,.modal:target{visibility:visible;opacity:1}.modal-box{position:relative;z-index:1;max-width:32rem;max-height:calc(100vh - 5rem);padding:1.5rem;background-color:var(--color-surface);color:var(--color-on-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);overflow-y:auto;transform:scale(.95);transition:transform .2s ease-out}.modal.modal-open .modal-box,.modal:target .modal-box{transform:scale(1)}.modal-backdrop{position:fixed;inset:0;z-index:-1;background-color:color-mix(in srgb,var(--color-scrim) 50%,transparent);cursor:pointer}.modal-backdrop:before{content:"";position:absolute;inset:0}.modal-action{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem}.modal-toggle{position:fixed;width:0;height:0;appearance:none;opacity:0}.modal-toggle:checked+.modal{visibility:visible;opacity:1}.modal-toggle:checked+.modal .modal-box{transform:scale(1)}.modal-sm .modal-box{max-width:20rem}.modal-lg .modal-box{max-width:48rem}.modal-full .modal-box{max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);width:100%;height:100%}.modal-top{align-items:flex-start;padding-top:2rem}.modal-bottom{align-items:flex-end;padding-bottom:2rem}.modal-middle{align-items:center}.modal-close{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.25rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.modal-close:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.modal-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.modal-header{margin-bottom:1rem;padding-right:2rem}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-on-surface);margin:0}.modal-body{color:var(--color-on-surface-variant);line-height:1.5}@media(max-width:640px){.modal-box{max-width:calc(100vw - 2rem);margin:1rem}.modal-responsive{align-items:flex-end;padding:0}.modal-responsive .modal-box{max-width:100%;max-height:90vh;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.drawer-modal{align-items:stretch;justify-content:flex-end;padding:0}.drawer-modal .modal-box{max-width:20rem;max-height:100vh;height:100%;margin:0;border-radius:0;transform:translate(100%)}.drawer-modal.modal-open .modal-box,.drawer-modal:target .modal-box{transform:translate(0)}.drawer-modal-left{justify-content:flex-start}.drawer-modal-left .modal-box{transform:translate(-100%)}.drawer-modal-left.modal-open .modal-box,.drawer-modal-left:target .modal-box{transform:translate(0)}.alert-dialog{text-align:center}.alert-dialog .modal-box{max-width:24rem}.alert-dialog .modal-icon{width:4rem;height:4rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-size:2rem}.alert-dialog .modal-icon.info{background-color:var(--color-info-container);color:var(--color-on-info-container)}.alert-dialog .modal-icon.success{background-color:var(--color-success-container);color:var(--color-on-success-container)}.alert-dialog .modal-icon.warning{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.alert-dialog .modal-icon.error{background-color:var(--color-error-container);color:var(--color-on-error-container)}.alert-dialog .modal-action{justify-content:center}@media(prefers-reduced-motion:reduce){.modal{transition:visibility 0ms,opacity 0ms}.modal-box{transition:transform 0ms}}.modal-focus-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer components{.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:3rem;height:3rem;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-surface-container);color:var(--color-on-surface);font-weight:500;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.25rem;text-transform:uppercase}.avatar-xs{width:1.5rem;height:1.5rem;font-size:.625rem}.avatar-sm{width:2rem;height:2rem;font-size:.75rem}.avatar-md{width:3rem;height:3rem;font-size:1rem}.avatar-lg{width:4rem;height:4rem;font-size:1.5rem}.avatar-xl{width:6rem;height:6rem;font-size:2rem}.avatar-rounded{border-radius:var(--radius-sm)}.avatar-square{border-radius:0}.avatar-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.avatar-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.avatar-tertiary{background-color:var(--color-tertiary);color:var(--color-tertiary-content)}.avatar-info{background-color:var(--color-info);color:var(--color-info-content)}.avatar-success{background-color:var(--color-success);color:var(--color-success-content)}.avatar-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.avatar-error{background-color:var(--color-error);color:var(--color-error-content)}.avatar-ring{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.avatar-ring-primary{outline-color:var(--color-primary)}.avatar-ring-secondary{outline-color:var(--color-secondary)}.avatar-ring-tertiary{outline-color:var(--color-tertiary)}.avatar-online:after,.avatar-offline:after{content:"";position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:.5rem;min-height:.5rem;border-radius:var(--radius-full);border:2px solid var(--color-surface)}.avatar-online:after{background-color:var(--color-success)}.avatar-offline:after{background-color:var(--color-outline)}.avatar-group{display:flex;flex-direction:row-reverse;justify-content:flex-end}.avatar-group .avatar{border:2px solid var(--color-surface);margin-left:-.75rem}.avatar-group .avatar:last-child{margin-left:0}.avatar-group-sm .avatar{margin-left:-.5rem}.avatar-group-lg .avatar{margin-left:-1rem}.avatar:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}}@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem;white-space:nowrap;border-radius:var(--radius-full);background-color:var(--color-surface-container);color:var(--color-on-surface)}.badge-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.badge-tertiary{background-color:var(--color-tertiary);color:var(--color-tertiary-content)}.badge-info{background-color:var(--color-info);color:var(--color-info-content)}.badge-success{background-color:var(--color-success);color:var(--color-success-content)}.badge-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.badge-error{background-color:var(--color-error);color:var(--color-error-content)}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-outline.badge-primary{color:var(--color-primary);border-color:var(--color-primary)}.badge-outline.badge-secondary{color:var(--color-secondary);border-color:var(--color-secondary)}.badge-outline.badge-tertiary{color:var(--color-tertiary);border-color:var(--color-tertiary)}.badge-outline.badge-info{color:var(--color-info);border-color:var(--color-info)}.badge-outline.badge-success{color:var(--color-success);border-color:var(--color-success)}.badge-outline.badge-warning{color:var(--color-warning);border-color:var(--color-warning)}.badge-outline.badge-error{color:var(--color-error);border-color:var(--color-error)}.badge-soft,.badge-soft.badge-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.badge-soft.badge-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.badge-soft.badge-tertiary{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.badge-soft.badge-info{background-color:var(--color-info-container);color:var(--color-on-info-container)}.badge-soft.badge-success{background-color:var(--color-success-container);color:var(--color-on-success-container)}.badge-soft.badge-warning{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.badge-soft.badge-error{background-color:var(--color-error-container);color:var(--color-on-error-container)}.badge-sm{padding:0 .375rem;font-size:.625rem;line-height:.875rem}.badge-lg{padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem}.badge-indicator{position:relative;padding-left:1rem}.badge-indicator:before{content:"";position:absolute;left:.375rem;top:50%;transform:translateY(-50%);width:.375rem;height:.375rem;border-radius:var(--radius-full);background-color:currentColor}.badge-dot{width:.5rem;height:.5rem;padding:0;border-radius:var(--radius-full)}}@layer components{.chat{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.75rem;align-items:end;padding:.25rem 0}.chat-start{grid-template-columns:auto minmax(0,1fr)}.chat-end{grid-template-columns:minmax(0,1fr) auto}.chat-avatar{grid-row:1 / span 999;grid-column:1;align-self:start;justify-self:start}.chat-end .chat-avatar{grid-column:2;justify-self:end}.chat>:not(.chat-avatar){grid-column:2;justify-self:start;max-width:100%;margin-bottom:.25rem}.chat-end>:not(.chat-avatar){grid-column:1;justify-self:end}.chat-header,.chat-footer{color:var(--color-on-surface-variant);font-size:.75rem;line-height:1rem}.chat-header{margin-bottom:.125rem}.chat-footer{margin-top:.125rem;margin-bottom:0}.chat-bubble{--chat-bubble-bg: var(--color-surface-container-highest);--chat-bubble-fg: var(--color-on-surface);position:relative;max-width:min(80ch,100%);padding:.625rem .875rem;border-radius:1rem;background-color:var(--chat-bubble-bg);color:var(--chat-bubble-fg);box-shadow:inset 0 0 0 1px var(--color-outline-variant);font-size:.875rem;line-height:1.45;overflow-wrap:anywhere;word-break:break-word}.chat-start .chat-bubble:before,.chat-end .chat-bubble:before,.chat-start .chat-bubble:after,.chat-end .chat-bubble:after{content:"";position:absolute;top:0;clip-path:polygon(0 0,100% 0,100% 100%)}.chat-start .chat-bubble:before{left:-.625rem;width:1rem;height:1rem;background-color:var(--color-outline-variant)}.chat-start .chat-bubble:after{left:-.5rem;width:calc(1rem - 2px);height:calc(1rem - 2px);top:1px;background-color:var(--chat-bubble-bg)}.chat-start .chat-bubble{border-top-left-radius:0}.chat-end .chat-bubble:before{right:-.625rem;width:1rem;height:1rem;background-color:var(--color-outline-variant);transform:scaleX(-1)}.chat-end .chat-bubble:after{right:-.5rem;width:calc(1rem - 2px);height:calc(1rem - 2px);top:1px;background-color:var(--chat-bubble-bg);transform:scaleX(-1)}.chat-end .chat-bubble{border-top-right-radius:0}.chat-bubble-primary{--chat-bubble-bg: var(--color-primary-container);--chat-bubble-fg: var(--color-on-primary-container)}.chat-bubble-secondary{--chat-bubble-bg: var(--color-secondary-container);--chat-bubble-fg: var(--color-on-secondary-container)}.chat-bubble-tertiary{--chat-bubble-bg: var(--color-tertiary-container);--chat-bubble-fg: var(--color-on-tertiary-container)}.chat-bubble-info{--chat-bubble-bg: var(--color-info-container);--chat-bubble-fg: var(--color-on-info-container)}.chat-bubble-success{--chat-bubble-bg: var(--color-success-container);--chat-bubble-fg: var(--color-on-success-container)}.chat-bubble-warning{--chat-bubble-bg: var(--color-warning-container);--chat-bubble-fg: var(--color-on-warning-container)}.chat-bubble-error{--chat-bubble-bg: var(--color-error-container);--chat-bubble-fg: var(--color-on-error-container)}.chat-bubble-filled.chat-bubble-primary{--chat-bubble-bg: var(--color-primary);--chat-bubble-fg: var(--color-primary-content)}.chat-bubble-filled.chat-bubble-secondary{--chat-bubble-bg: var(--color-secondary);--chat-bubble-fg: var(--color-secondary-content)}.chat-bubble-filled.chat-bubble-tertiary{--chat-bubble-bg: var(--color-tertiary);--chat-bubble-fg: var(--color-tertiary-content)}.chat-bubble-filled.chat-bubble-info{--chat-bubble-bg: var(--color-info);--chat-bubble-fg: var(--color-info-content)}.chat-bubble-filled.chat-bubble-success{--chat-bubble-bg: var(--color-success);--chat-bubble-fg: var(--color-success-content)}.chat-bubble-filled.chat-bubble-warning{--chat-bubble-bg: var(--color-warning);--chat-bubble-fg: var(--color-warning-content)}.chat-bubble-filled.chat-bubble-error{--chat-bubble-bg: var(--color-error);--chat-bubble-fg: var(--color-error-content)}.chat-bubble-xs{padding:.375rem .625rem;font-size:.75rem}.chat-bubble-sm{padding:.5rem .75rem;font-size:.8125rem}.chat-bubble-md{padding:.625rem .875rem;font-size:.875rem}.chat-bubble-lg{padding:.875rem 1.125rem;font-size:1rem}.chat-reasoning,.chat-tool{width:min(80ch,100%);border:1px solid var(--color-outline);border-radius:var(--radius-sm);background-color:var(--color-surface-container-low);color:var(--color-on-surface);font-size:.8125rem;line-height:1.45;overflow:hidden}.chat-reasoning>summary,.chat-tool>summary{cursor:pointer;list-style-position:inside}.chat-reasoning>summary{padding:.5rem .75rem;color:var(--color-on-surface-variant);font-weight:500}.chat-reasoning>:not(summary){padding:0 .75rem .75rem;color:var(--color-on-surface-variant);font-style:italic}.chat-tool-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--color-on-surface);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.75rem;font-weight:600}.chat-tool-status{display:inline-flex;align-items:center;min-height:1.25rem;padding:.125rem .5rem;border-radius:999px;margin-left:auto;font-family:inherit;font-size:.6875rem;font-weight:600;line-height:1}.chat-tool-call,.chat-tool-result{padding:.75rem;border-top:1px solid var(--color-outline);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.75rem;overflow-x:auto}.chat-tool-result{background-color:color-mix(in oklch,var(--color-surface-container) 65%,transparent)}.chat-tool-pending .chat-tool-status{border:1px solid var(--color-outline);color:var(--color-on-surface-variant)}.chat-tool-running .chat-tool-status{background-color:var(--color-info-container);color:var(--color-on-info-container)}.chat-tool-running .chat-tool-header:before{content:"";width:.875rem;height:.875rem;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:chat-tool-spin .8s linear infinite}.chat-tool-success .chat-tool-status{background-color:var(--color-success-container);color:var(--color-on-success-container)}.chat-tool-error .chat-tool-status{background-color:var(--color-error-container);color:var(--color-on-error-container)}.chat-typing{display:inline-flex;align-items:center;gap:.25rem;min-width:2.25rem}.chat-typing:before,.chat-typing:after,.chat-typing span{content:"";width:.375rem;height:.375rem;border-radius:999px;background-color:currentColor;opacity:.55;animation:chat-typing-dot 1.4s ease-in-out infinite}.chat-typing span{animation-delay:.15s}.chat-typing:after{animation-delay:.3s}.chat-bubble-streaming:after{content:"";display:inline-block;width:1px;height:1em;margin-left:.25rem;background-color:currentColor;vertical-align:-.125em;animation:chat-stream-caret 1s step-end infinite}.chat-reasoning>summary:focus-visible,.chat-tool>summary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}@keyframes chat-typing-dot{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-.1875rem)}}@keyframes chat-stream-caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes chat-tool-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.chat-typing:before,.chat-typing:after,.chat-typing span,.chat-bubble-streaming:after,.chat-tool-running .chat-tool-header:before{animation:none}.chat-bubble-streaming:after{opacity:1}}}@layer components{.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border-radius:var(--radius-sm);background-color:var(--color-surface-container);color:var(--color-on-surface);border:1px solid currentColor;cursor:default;transition:all .15s ease-in-out}.chip-clickable{cursor:pointer}.chip-clickable:hover{background-color:var(--color-surface-container-high)}.chip-clickable:active{transform:scale(.98)}.chip:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.chip-primary{background-color:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}.chip-primary:hover{background-color:color-mix(in oklch,var(--color-primary),black 10%)}.chip-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content);border-color:var(--color-secondary)}.chip-secondary:hover{background-color:color-mix(in oklch,var(--color-secondary),black 10%)}.chip-tertiary{background-color:var(--color-tertiary);color:var(--color-tertiary-content);border-color:var(--color-tertiary)}.chip-tertiary:hover{background-color:color-mix(in oklch,var(--color-tertiary),black 10%)}.chip-info{background-color:var(--color-info);color:var(--color-info-content);border-color:var(--color-info)}.chip-info:hover{background-color:color-mix(in oklch,var(--color-info),black 10%)}.chip-success{background-color:var(--color-success);color:var(--color-success-content);border-color:var(--color-success)}.chip-success:hover{background-color:color-mix(in oklch,var(--color-success),black 10%)}.chip-warning{background-color:var(--color-warning);color:var(--color-warning-content);border-color:var(--color-warning)}.chip-warning:hover{background-color:color-mix(in oklch,var(--color-warning),black 10%)}.chip-error{background-color:var(--color-error);color:var(--color-error-content);border-color:var(--color-error)}.chip-error:hover{background-color:color-mix(in oklch,var(--color-error),black 10%)}.chip-outlined{background-color:transparent;border-color:var(--color-outline)}.chip-outlined:hover{background-color:var(--color-surface-container)}.chip-outlined.chip-primary{color:var(--color-primary)}.chip-outlined.chip-primary:hover{background-color:var(--color-primary-container)}.chip-outlined.chip-secondary{color:var(--color-secondary)}.chip-outlined.chip-secondary:hover{background-color:var(--color-secondary-container)}.chip-outlined.chip-tertiary{color:var(--color-tertiary)}.chip-outlined.chip-tertiary:hover{background-color:var(--color-tertiary-container)}.chip-outlined.chip-info{color:var(--color-info)}.chip-outlined.chip-info:hover{background-color:var(--color-info-container)}.chip-outlined.chip-success{color:var(--color-success)}.chip-outlined.chip-success:hover{background-color:var(--color-success-container)}.chip-outlined.chip-warning{color:var(--color-warning)}.chip-outlined.chip-warning:hover{background-color:var(--color-warning-container)}.chip-outlined.chip-error{color:var(--color-error)}.chip-outlined.chip-error:hover{background-color:var(--color-error-container)}.chip-tonal{background-color:var(--color-surface-container-high);border-color:transparent}.chip-tonal.chip-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.chip-tonal.chip-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.chip-tonal.chip-tertiary{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.chip-tonal.chip-info{background-color:var(--color-info-container);color:var(--color-on-info-container)}.chip-tonal.chip-success{background-color:var(--color-success-container);color:var(--color-on-success-container)}.chip-tonal.chip-warning{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.chip-tonal.chip-error{background-color:var(--color-error-container);color:var(--color-on-error-container)}.chip-ghost{background-color:transparent;border-color:transparent}.chip-ghost:hover{background-color:var(--color-surface-container)}.chip-ghost.chip-primary{background-color:transparent;color:var(--color-primary)}.chip-ghost.chip-secondary{background-color:transparent;color:var(--color-secondary)}.chip-ghost.chip-tertiary{background-color:transparent;color:var(--color-tertiary)}.chip-ghost.chip-info{background-color:transparent;color:var(--color-info)}.chip-ghost.chip-success{background-color:transparent;color:var(--color-success)}.chip-ghost.chip-warning{background-color:transparent;color:var(--color-warning)}.chip-ghost.chip-error{background-color:transparent;color:var(--color-error)}.chip-ghost.chip-primary:hover{background-color:var(--color-primary-container)}.chip-ghost.chip-secondary:hover{background-color:var(--color-secondary-container)}.chip-ghost.chip-tertiary:hover{background-color:var(--color-tertiary-container)}.chip-ghost.chip-info:hover{background-color:var(--color-info-container)}.chip-ghost.chip-success:hover{background-color:var(--color-success-container)}.chip-ghost.chip-warning:hover{background-color:var(--color-warning-container)}.chip-ghost.chip-error:hover{background-color:var(--color-error-container)}.chip-sm{padding:.25rem .5rem;font-size:.75rem;line-height:1rem;gap:.25rem}.chip-lg{padding:.5rem 1rem;font-size:1rem;line-height:1.5rem;gap:.5rem}.chip-icon{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;font-size:1rem}.chip-label{display:inline-flex}.chip-close{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;margin-left:.125rem;font-size:1rem;color:currentColor;opacity:.7;background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:opacity .15s ease-in-out}.chip-close:hover{opacity:1}.chip-selected{background-color:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}.chip-selected.chip-outlined{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-content)}.chip:disabled,.chip-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem}@media(prefers-reduced-motion:reduce){.chip,.chip-delete{transition:none}}}@layer components{.list{display:flex;flex-direction:column;margin:0;padding:.5rem 0;list-style:none}.list-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;color:var(--color-on-surface);text-decoration:none;transition:background-color .15s ease-in-out}a.list-item,button.list-item,.list-item-clickable{cursor:pointer}a.list-item:hover,button.list-item:hover,.list-item-clickable:hover,.list-hoverable .list-item:hover{background-color:var(--color-surface-container)}.list-item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent);background-color:var(--color-surface-container)}.list-item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;color:var(--color-on-surface-variant);flex-shrink:0}.list-item-content{display:flex;flex-direction:column;flex:1;min-width:0}.list-item-title{font-size:1rem;font-weight:500;line-height:1.5rem;color:var(--color-on-surface)}.list-item-subtitle{font-size:.875rem;line-height:1.25rem;color:var(--color-on-surface-variant)}.list-item-action{display:flex;align-items:center;gap:.5rem;flex-shrink:0;color:var(--color-on-surface-variant)}.list-bordered{border:1px solid var(--color-outline);border-radius:var(--radius-sm);padding:0}.list-bordered .list-item{border-bottom:1px solid var(--color-outline)}.list-bordered .list-item:last-child{border-bottom:none}.list-compact .list-item{padding:.5rem 1rem}.list-compact .list-item-title{font-size:.875rem}.list-compact .list-item-subtitle{font-size:.75rem}.list-divider{height:1px;margin:.5rem 0;background-color:var(--color-outline-variant)}.list-divider-inset{margin-left:3.5rem}.list-subheader{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}.list-item-active,.list-item.active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.list-item-active .list-item-icon,.list-item.active .list-item-icon{color:var(--color-on-primary-container)}.list-item:disabled,.list-item-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.list-dense .list-item{padding:.375rem 1rem}.list-dense .list-item-icon{width:1.25rem;height:1.25rem;font-size:1rem}.list-two-line .list-item{padding:.5rem 1rem}.list-three-line .list-item{align-items:flex-start;padding:.75rem 1rem}.list-three-line .list-item-content{gap:.25rem}@media(prefers-reduced-motion:reduce){.list-item{transition:none}}}@layer components{.table{width:100%;border-collapse:collapse;border-spacing:0;font-size:.875rem;color:var(--color-on-surface)}.table thead,.table-header{background-color:var(--color-surface-container)}.table th,.table-header-cell{padding:.75rem 1rem;font-weight:600;text-align:left;color:var(--color-on-surface);border-bottom:2px solid var(--color-outline)}.table tbody,.table-body{background-color:var(--color-surface)}.table td,.table-cell{padding:.75rem 1rem;border-bottom:1px solid var(--color-outline-variant);vertical-align:middle}.table tr:last-child td,.table-row:last-child .table-cell{border-bottom:none}.table tfoot,.table-footer{background-color:var(--color-surface-container);font-weight:500}.table tfoot td{border-top:2px solid var(--color-outline);border-bottom:none}.table-zebra tbody tr:nth-child(2n),.table-zebra .table-row:nth-child(2n){background-color:var(--color-surface-container-low)}.table-hover tbody tr:hover,.table-hover .table-row:hover{background-color:var(--color-surface-container)}.table-bordered{border:1px solid var(--color-outline);border-radius:var(--radius-sm);overflow:hidden}.table-bordered th,.table-bordered td{border:1px solid var(--color-outline-variant)}.table-compact th,.table-compact td{padding:.5rem .75rem;font-size:.8125rem}.table-comfortable th,.table-comfortable td{padding:1rem 1.25rem}.table-fixed{table-layout:fixed}.table-sortable th{cursor:pointer;user-select:none}.table-sortable th:hover{background-color:var(--color-surface-container-high)}.table-sort-asc:after{content:" ↑";opacity:.7}.table-sort-desc:after{content:" ↓";opacity:.7}.table-row-selected,.table tr.selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.table-row-clickable,.table tbody tr[data-href]{cursor:pointer}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive .table{min-width:100%}.table caption,.table-caption{padding:.75rem;font-size:.875rem;color:var(--color-on-surface-variant);text-align:left;caption-side:bottom}.table-empty{text-align:center;padding:2rem;color:var(--color-on-surface-variant)}.table-loading{position:relative}.table-loading:after{content:"";position:absolute;inset:0;background-color:var(--color-surface);opacity:.7}.table-pin-left{position:sticky;left:0;background-color:inherit;z-index:1}.table-pin-right{position:sticky;right:0;background-color:inherit;z-index:1}.table tr:focus-visible,.table-row:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}}@layer components{.autocomplete{position:relative;display:inline-block;width:100%}.autocomplete-input{width:100%;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.autocomplete-input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.autocomplete-input:disabled{background-color:var(--color-surface-container);color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.6}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:15rem;margin-top:.25rem;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity .15s ease-out,visibility .15s ease-out,transform .15s ease-out}.autocomplete.autocomplete-open .autocomplete-dropdown,.autocomplete-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.autocomplete-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;color:var(--color-on-surface);cursor:pointer;transition:background-color .15s ease-in-out}.autocomplete-option:hover,.autocomplete-option:focus,.autocomplete-option.highlighted{background-color:var(--color-surface-container)}.autocomplete-option.selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.autocomplete-option:disabled,.autocomplete-option.disabled{color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.6}.autocomplete-option-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.autocomplete-option-content{flex:1;min-width:0}.autocomplete-option-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-option-description{font-size:.75rem;color:var(--color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-highlight{background-color:var(--color-primary-container);color:var(--color-on-primary-container);font-weight:600;border-radius:var(--radius-xs)}.autocomplete-group-header{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-on-surface-variant);background-color:var(--color-surface-container);border-bottom:1px solid var(--color-outline-variant)}.autocomplete-no-results{padding:1rem;text-align:center;font-size:.875rem;color:var(--color-on-surface-variant)}.autocomplete-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--color-on-surface-variant)}.autocomplete-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.autocomplete-clear:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.autocomplete-clearable .autocomplete-input{padding-right:2.5rem}.autocomplete-tags{display:flex;flex-wrap:wrap;gap:.25rem;padding:.375rem 2.5rem .375rem .375rem;min-height:2.75rem;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm)}.autocomplete-tags:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-container)}.autocomplete-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-xs)}.autocomplete-tag-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;font-size:.75rem;background-color:transparent;border:none;cursor:pointer;border-radius:var(--radius-full);transition:background-color .15s ease-in-out}.autocomplete-tag-remove:hover{background-color:var(--color-on-primary-container);color:var(--color-primary-container)}.autocomplete-tags-input{flex:1;min-width:5rem;padding:.25rem;font-size:.875rem;background-color:transparent;border:none;outline:none}.autocomplete-primary .autocomplete-input{color:var(--color-primary)}.autocomplete-primary .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.autocomplete-secondary .autocomplete-input{color:var(--color-secondary)}.autocomplete-secondary .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.autocomplete-tertiary .autocomplete-input{color:var(--color-tertiary)}.autocomplete-tertiary .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.autocomplete-info .autocomplete-input{color:var(--color-info)}.autocomplete-info .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.autocomplete-success .autocomplete-input{color:var(--color-success)}.autocomplete-success .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.autocomplete-warning .autocomplete-input{color:var(--color-warning)}.autocomplete-warning .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.autocomplete-error .autocomplete-input{color:var(--color-error)}.autocomplete-error .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.autocomplete-ghost .autocomplete-input{background-color:transparent;border-color:transparent}.autocomplete-ghost .autocomplete-input:focus{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.autocomplete-sm .autocomplete-input{padding:.5rem .75rem;font-size:.75rem}.autocomplete-lg .autocomplete-input{padding:1rem 1.25rem;font-size:1rem}@media(prefers-reduced-motion:reduce){.autocomplete-dropdown{transition:none}}}@layer components{.cascader{position:relative;display:inline-flex;flex-direction:column;width:100%}.cascader-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cascader-trigger:hover:not(:disabled){background-color:var(--color-surface-container)}.cascader-trigger:focus{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.cascader-trigger:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}.cascader-value{flex:1;display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-on-surface)}.cascader-placeholder{color:var(--color-on-surface-variant)}.cascader-path{display:flex;align-items:center;gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cascader-path-separator{color:var(--color-on-surface-variant);font-size:.875rem}.cascader-arrow{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-on-surface-variant);flex-shrink:0;transition:transform .15s ease-in-out}.cascader-open .cascader-arrow{transform:rotate(180deg)}.cascader-clear{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:background-color .15s ease-in-out}.cascader-clear:hover{background-color:var(--color-surface-container-high)}.cascader-dropdown{position:absolute;top:100%;left:0;z-index:50;display:none;margin-top:.25rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden}.cascader-open .cascader-dropdown{display:flex}.cascader-dropdown[popover]{inset:unset;margin:0;border:1px solid var(--color-outline-variant)}.cascader-dropdown[popover]:popover-open{display:flex}@supports (anchor-name: --anchor){.cascader-trigger{anchor-name:--cascader-anchor}.cascader-dropdown[popover]{position-anchor:--cascader-anchor;top:anchor(bottom);left:anchor(left);margin-top:.25rem;position-try-fallbacks:flip-block}}@supports not (anchor-name: --anchor){.cascader{position:relative}.cascader-dropdown[popover]:popover-open{position:absolute;top:100%;left:0;margin-top:.25rem}}.cascader-panels{display:flex;max-height:16rem}.cascader-panel{display:flex;flex-direction:column;min-width:10rem;max-width:14rem;overflow-y:auto;border-right:1px solid var(--color-outline-variant)}.cascader-panel:last-child{border-right:none}.cascader-panel-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-surface-container);border-bottom:1px solid var(--color-outline-variant)}.cascader-options{display:flex;flex-direction:column;padding:.25rem;flex:1;overflow-y:auto}.cascader-option{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;text-align:left;width:100%;transition:background-color .15s ease-in-out}.cascader-option:hover{background-color:var(--color-surface-container)}.cascader-option-active{background-color:var(--color-surface-container-high)}.cascader-option-selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.cascader-option-selected:hover{background-color:color-mix(in oklch,var(--color-primary-container),black 5%)}.cascader-option-disabled{opacity:.5;cursor:not-allowed}.cascader-option-disabled:hover{background-color:transparent}.cascader-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cascader-option-arrow{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--color-on-surface-variant);flex-shrink:0}.cascader-option-selected .cascader-option-arrow{color:var(--color-on-primary-container)}.cascader-search{display:flex;padding:.5rem;border-bottom:1px solid var(--color-outline-variant)}.cascader-search-input{flex:1;padding:.5rem .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:var(--color-surface-container);border:none;border-radius:var(--radius-xs);outline:none}.cascader-search-input:focus{background-color:var(--color-surface-container-high)}.cascader-search-input::placeholder{color:var(--color-on-surface-variant)}.cascader-empty{padding:1.5rem;text-align:center;color:var(--color-on-surface-variant);font-size:.875rem}.cascader-sm .cascader-trigger{padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius-xs)}.cascader-sm .cascader-panel{min-width:8rem;max-width:12rem}.cascader-sm .cascader-option{padding:.375rem .5rem;font-size:.8125rem}.cascader-lg .cascader-trigger{padding:1rem 1.25rem;font-size:1.125rem;border-radius:var(--radius-sm)}.cascader-lg .cascader-panel{min-width:12rem;max-width:16rem}.cascader-lg .cascader-option{padding:.625rem 1rem;font-size:1rem}.cascader-outlined .cascader-trigger{background-color:var(--color-surface);border:1px solid var(--color-outline)}.cascader-filled .cascader-trigger{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.cascader-filled .cascader-trigger:focus{border-bottom-color:currentColor;box-shadow:none}.cascader-primary .cascader-trigger{color:var(--color-primary)}.cascader-primary .cascader-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.cascader-secondary .cascader-trigger{color:var(--color-secondary)}.cascader-secondary .cascader-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.cascader-tertiary .cascader-trigger{color:var(--color-tertiary)}.cascader-tertiary .cascader-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.cascader-info .cascader-trigger{color:var(--color-info)}.cascader-info .cascader-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.cascader-success .cascader-trigger{color:var(--color-success)}.cascader-success .cascader-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.cascader-warning .cascader-trigger{color:var(--color-warning)}.cascader-warning .cascader-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.cascader-error .cascader-trigger{color:var(--color-error)}.cascader-error .cascader-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.cascader-ghost .cascader-trigger{background-color:transparent;border-color:transparent}.cascader-ghost .cascader-trigger:focus{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.cascader-disabled .cascader-trigger{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}.cascader-loading .cascader-trigger{cursor:wait}.cascader-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-outline);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:cascader-spin .8s linear infinite}@keyframes cascader-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cascader-trigger,.cascader-arrow,.cascader-option,.cascader-clear{transition:none}.cascader-spinner{animation:none}}}@layer components{.checkbox{--checkbox-size: 1.25rem;--checkbox-color: var(--color-primary);--checkbox-border-color: var(--color-on-surface-variant);color:var(--color-on-surface);position:relative;display:inline-grid;place-content:center;width:var(--checkbox-size);height:var(--checkbox-size);margin:0;cursor:pointer;appearance:none;background-color:transparent;border:2px solid var(--checkbox-border-color);border-radius:var(--radius-xs);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.checkbox:before{content:"";width:.65em;height:.35em;transform:scale(0) rotate(-45deg);transform-origin:center;border-bottom:2px solid var(--color-primary-content);border-left:2px solid var(--color-primary-content);transition:transform .15s ease-in-out}.checkbox:checked{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.checkbox:checked:before{transform:scale(1) rotate(-45deg)}.checkbox:indeterminate{background-color:var(--checkbox-color);border-color:var(--checkbox-color)}.checkbox:indeterminate:before{width:.5em;height:0;border-bottom:2px solid var(--color-primary-content);border-left:0;transform:scale(1) rotate(0)}.checkbox:hover:not(:disabled):not(:checked){border-color:var(--color-on-surface)}.checkbox:checked:hover:not(:disabled),.checkbox:indeterminate:hover:not(:disabled){background-color:color-mix(in oklch,var(--checkbox-color),black 10%);border-color:color-mix(in oklch,var(--checkbox-color),black 10%)}.checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--checkbox-color) 20%,transparent)}.checkbox:disabled{cursor:not-allowed;opacity:.38}.checkbox-xs{--checkbox-size: .875rem}.checkbox-sm{--checkbox-size: 1rem}.checkbox-md{--checkbox-size: 1.25rem}.checkbox-lg{--checkbox-size: 1.5rem}.checkbox-xl{--checkbox-size: 1.75rem}.checkbox-primary{--checkbox-color: var(--color-primary)}.checkbox-primary:checked:before,.checkbox-primary:indeterminate:before{border-color:var(--color-primary-content)}.checkbox-secondary{--checkbox-color: var(--color-secondary)}.checkbox-secondary:checked:before,.checkbox-secondary:indeterminate:before{border-color:var(--color-secondary-content)}.checkbox-tertiary{--checkbox-color: var(--color-tertiary)}.checkbox-tertiary:checked:before,.checkbox-tertiary:indeterminate:before{border-color:var(--color-tertiary-content)}.checkbox-success{--checkbox-color: var(--color-success)}.checkbox-success:checked:before,.checkbox-success:indeterminate:before{border-color:var(--color-success-content)}.checkbox-warning{--checkbox-color: var(--color-warning)}.checkbox-warning:checked:before,.checkbox-warning:indeterminate:before{border-color:var(--color-warning-content)}.checkbox-error{--checkbox-color: var(--color-error)}.checkbox-error:checked:before,.checkbox-error:indeterminate:before{border-color:var(--color-error-content)}.checkbox-info{--checkbox-color: var(--color-info)}.checkbox-info:checked:before,.checkbox-info:indeterminate:before{border-color:var(--color-info-content)}.checkbox-ghost{--checkbox-border-color: transparent}.checkbox-ghost:hover:not(:disabled):not(:checked){border-color:transparent}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;font-size:.875rem;color:var(--color-on-surface)}.checkbox-label:has(.checkbox:disabled){cursor:not-allowed;opacity:.38}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group-horizontal{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.checkbox-group-label{font-size:.875rem;font-weight:500;color:var(--color-on-surface);margin-bottom:.5rem}@media(prefers-reduced-motion:reduce){.checkbox,.checkbox:before{transition:none}}}@layer components{.datepicker{position:relative;display:inline-block;width:100%}.datepicker-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;line-height:1.5;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.datepicker-input-container .datepicker-input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.datepicker-input-container .datepicker-input[type=date]::-webkit-inner-spin-button,.datepicker-input-container .datepicker-input[type=date]::-webkit-clear-button{display:none;-webkit-appearance:none}.datepicker-input:focus{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.datepicker-input:disabled{background-color:var(--color-surface-container);color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.6}.datepicker-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-on-surface-variant);pointer-events:none}.datepicker-input-container{position:relative;display:flex;align-items:center;width:100%}.datepicker-input-container .datepicker-input{padding-right:2.5rem}.datepicker-trigger{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-on-surface-variant);transition:background-color .15s ease-in-out}.datepicker-trigger:hover{background-color:var(--color-surface-container)}.datepicker-trigger .datepicker-icon{position:static;transform:none}.datepicker-dropdown:not([popover]){position:absolute;top:100%;left:0;z-index:1000;margin-top:.25rem;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity .15s ease-out,visibility .15s ease-out,transform .15s ease-out}.datepicker.datepicker-open .datepicker-dropdown:not([popover]),.datepicker-dropdown:not([popover]).show,.datepicker-dropdown-open:not([popover]){opacity:1;visibility:visible;transform:translateY(0)}.datepicker-dropdown[popover]{inset:unset;margin:0;padding:0;min-width:18rem;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.datepicker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--color-outline-variant)}.datepicker-title{font-size:.875rem;font-weight:600;color:var(--color-on-surface)}.datepicker-nav{display:flex;gap:.25rem}.datepicker-nav-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.datepicker-nav-btn:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.datepicker-nav-btn:disabled{opacity:.4;cursor:not-allowed}.datepicker-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem;padding:.5rem}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem;margin-bottom:.25rem}.datepicker-weekday{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:.75rem;font-weight:500;color:var(--color-on-surface-variant)}.datepicker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}.datepicker-day{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.datepicker-day:hover:not(:disabled):not(.datepicker-day-selected){background-color:var(--color-surface-container)}.datepicker-day:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.datepicker-day-other-month{color:var(--color-on-surface-variant);opacity:.5}.datepicker-day-today{border:1px solid var(--color-primary)}.datepicker-day-selected{background-color:var(--color-primary);color:var(--color-primary-content)}.datepicker-day-selected:hover{background-color:var(--color-primary);opacity:.9}.datepicker-day:disabled{color:var(--color-on-surface-variant);opacity:.4;cursor:not-allowed}.datepicker-day-in-range{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:0}.datepicker-day-range-start{background-color:var(--color-primary);color:var(--color-primary-content);border-radius:var(--radius-full) 0 0 var(--radius-full)}.datepicker-day-range-end{background-color:var(--color-primary);color:var(--color-primary-content);border-radius:0 var(--radius-full) var(--radius-full) 0}.datepicker-months,.datepicker-years{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem;min-width:16rem}.datepicker-month,.datepicker-year{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out}.datepicker-month:hover,.datepicker-year:hover{background-color:var(--color-surface-container)}.datepicker-month.selected,.datepicker-month-selected,.datepicker-year.selected,.datepicker-year-selected{background-color:var(--color-primary);color:var(--color-primary-content)}.datepicker-day-disabled{color:var(--color-on-surface-variant);opacity:.4;cursor:not-allowed;pointer-events:none}.datepicker-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.75rem;border-top:1px solid var(--color-outline-variant)}.datepicker-time{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.75rem;border-top:1px solid var(--color-outline-variant)}.datepicker-time-input{width:3rem;padding:.5rem;font-size:1rem;text-align:center;color:var(--color-on-surface);background-color:var(--color-surface-container);border:1px solid var(--color-outline);border-radius:var(--radius-xs)}.datepicker-time-input:focus{outline:none;border-color:var(--color-primary)}.datepicker-time-separator{font-size:1rem;font-weight:600;color:var(--color-on-surface)}.datepicker-time-period{display:flex;flex-direction:column;gap:.125rem;margin-left:.5rem}.datepicker-time-period-btn{padding:.25rem .5rem;font-size:.625rem;font-weight:500;color:var(--color-on-surface-variant);background-color:transparent;border:1px solid var(--color-outline);cursor:pointer;transition:background-color .15s ease-in-out}.datepicker-time-period-btn:first-child{border-radius:var(--radius-xs) var(--radius-xs) 0 0}.datepicker-time-period-btn:last-child{border-radius:0 0 var(--radius-xs) var(--radius-xs);border-top:none}.datepicker-time-period-btn.active{background-color:var(--color-primary);color:var(--color-primary-content);border-color:var(--color-primary)}.datepicker-sm .datepicker-input{padding:.5rem 2rem .5rem .75rem;font-size:.75rem}.datepicker-lg .datepicker-input{padding:1rem 3rem 1rem 1.25rem;font-size:1rem}.datepicker-range{display:flex;align-items:center;gap:.5rem}.datepicker-range-separator{color:var(--color-on-surface-variant);font-size:.875rem}.datepicker-range-input{flex:1}.datepicker-dual-calendar{display:flex;gap:1rem;padding:.5rem}.datepicker-dual-calendar .datepicker-calendar{flex:1}.datepicker-presets{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;border-right:1px solid var(--color-outline-variant);min-width:8rem}.datepicker-preset{padding:.5rem .75rem;font-size:.75rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:background-color .15s ease-in-out}.datepicker-preset:hover{background-color:var(--color-surface-container)}.datepicker-preset-active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.datepicker-range-display{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant)}.datepicker-range-date{flex:1;text-align:center}.datepicker-range-date-label{font-size:.625rem;font-weight:500;color:var(--color-on-surface-variant);text-transform:uppercase;margin-bottom:.25rem}.datepicker-range-date-value{font-size:.875rem;font-weight:500;color:var(--color-on-surface)}.datepicker-range-arrow{color:var(--color-on-surface-variant)}.datetime-picker{position:relative;display:inline-block;width:100%}.datetime-picker-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;line-height:1.5;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.datetime-picker-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.datetime-picker-dropdown{display:flex;flex-direction:column}.datetime-picker-body{display:flex}.datetime-picker-calendar{flex:1}.datetime-picker-time-panel{display:flex;flex-direction:column;min-width:5rem;border-left:1px solid var(--color-outline-variant)}.datetime-picker-time-header{padding:.5rem;font-size:.75rem;font-weight:500;color:var(--color-on-surface-variant);text-align:center;border-bottom:1px solid var(--color-outline-variant)}.datetime-picker-time-columns{display:flex;flex:1;max-height:16rem}.datetime-picker-time-column{flex:1;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--color-outline-variant)}.datetime-picker-time-column:last-child{border-right:none}.datetime-picker-time-option{padding:.375rem .5rem;font-size:.75rem;text-align:center;color:var(--color-on-surface);background-color:transparent;border:none;cursor:pointer;transition:background-color .15s ease-in-out}.datetime-picker-time-option:hover{background-color:var(--color-surface-container)}.datetime-picker-time-option-selected{background-color:var(--color-primary);color:var(--color-primary-content)}.datetime-picker-time-option:disabled{opacity:.4;cursor:not-allowed}.datetime-range-picker{position:relative;display:inline-block;width:100%}.datetime-range-picker-inputs{display:flex;align-items:center;gap:.5rem}.datetime-range-picker-input{flex:1;padding:.75rem 1rem;font-size:.875rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);transition:border-color .15s ease-in-out}.datetime-range-picker-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.datetime-range-picker-dropdown{min-width:40rem}.datetime-range-picker-body{display:flex}.datetime-range-picker-panel{flex:1;border-right:1px solid var(--color-outline-variant)}.datetime-range-picker-panel:last-child{border-right:none}.datetime-range-picker-panel-header{padding:.5rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-on-surface-variant);text-align:center;background-color:var(--color-surface-container-lowest);border-bottom:1px solid var(--color-outline-variant)}.datepicker-inline{position:static}.datepicker-inline .datepicker-dropdown,.datepicker-dropdown.datepicker-inline{position:static;display:block;opacity:1;visibility:visible;transform:none;margin-top:0;box-shadow:none}.datepicker-primary .datepicker-input{color:var(--color-primary)}.datepicker-primary .datepicker-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.datepicker-secondary .datepicker-input{color:var(--color-secondary)}.datepicker-secondary .datepicker-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.datepicker-tertiary .datepicker-input{color:var(--color-tertiary)}.datepicker-tertiary .datepicker-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.datepicker-info .datepicker-input{color:var(--color-info)}.datepicker-info .datepicker-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.datepicker-info .datepicker-day-selected,.datepicker-info .datepicker-day-range-start,.datepicker-info .datepicker-day-range-end{background-color:var(--color-info);color:var(--color-info-content)}.datepicker-success .datepicker-input{color:var(--color-success)}.datepicker-success .datepicker-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.datepicker-success .datepicker-day-selected,.datepicker-success .datepicker-day-range-start,.datepicker-success .datepicker-day-range-end{background-color:var(--color-success);color:var(--color-success-content)}.datepicker-warning .datepicker-input{color:var(--color-warning)}.datepicker-warning .datepicker-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.datepicker-warning .datepicker-day-selected,.datepicker-warning .datepicker-day-range-start,.datepicker-warning .datepicker-day-range-end{background-color:var(--color-warning);color:var(--color-warning-content)}.datepicker-primary .datepicker-day-selected,.datepicker-primary .datepicker-day-range-start,.datepicker-primary .datepicker-day-range-end{background-color:var(--color-primary);color:var(--color-primary-content)}.datepicker-secondary .datepicker-day-selected,.datepicker-secondary .datepicker-day-range-start,.datepicker-secondary .datepicker-day-range-end{background-color:var(--color-secondary);color:var(--color-secondary-content)}.datepicker-tertiary .datepicker-day-selected,.datepicker-tertiary .datepicker-day-range-start,.datepicker-tertiary .datepicker-day-range-end{background-color:var(--color-tertiary);color:var(--color-tertiary-content)}.datepicker-error .datepicker-input,.datetime-picker-error .datetime-picker-input{color:var(--color-error)}.datepicker-error .datepicker-input:focus,.datetime-picker-error .datetime-picker-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.datepicker-ghost .datepicker-input{background-color:transparent;border-color:transparent}.datepicker-ghost .datepicker-input:focus{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}@media(prefers-reduced-motion:reduce){.datepicker-dropdown,.datepicker-nav-btn,.datepicker-day,.datepicker-month,.datepicker-year,.datepicker-preset,.datetime-picker-time-option{transition:none}}}@layer components{.file-upload{position:relative;display:flex;flex-direction:column;gap:.75rem}.file-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:10rem;padding:2rem;background-color:var(--color-surface);border:2px dashed currentColor;border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.file-upload-dropzone:hover{border-color:currentColor;background-color:var(--color-surface-container)}.file-upload-dropzone:focus-within{border-color:currentColor;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.file-upload-dropzone.dragging{border-color:currentColor;background-color:color-mix(in oklch,currentColor 10%,var(--color-surface))}.file-upload-dropzone.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.file-upload-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.file-upload-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:2rem}.file-upload-text{text-align:center}.file-upload-title{font-size:.875rem;font-weight:500;color:var(--color-on-surface);margin-bottom:.25rem}.file-upload-subtitle{font-size:.75rem;color:var(--color-on-surface-variant)}.file-upload-browse{color:currentColor;font-weight:500;text-decoration:underline;cursor:pointer}.file-upload-list{display:flex;flex-direction:column;gap:.5rem}.file-upload-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background-color:var(--color-surface-container);border-radius:var(--radius-sm)}.file-upload-item-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-sm);font-size:1.25rem;flex-shrink:0}.file-upload-item-info{flex:1;min-width:0}.file-upload-item-name{font-size:.875rem;font-weight:500;color:var(--color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-item-size{font-size:.75rem;color:var(--color-on-surface-variant)}.file-upload-item-remove{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;flex-shrink:0}.file-upload-item-remove:hover{background-color:var(--color-error-container);color:var(--color-on-error-container)}.file-upload-progress{position:relative;height:.25rem;margin-top:.5rem;background-color:var(--color-surface-container-highest);border-radius:var(--radius-full);overflow:hidden}.file-upload-progress-bar{position:absolute;top:0;left:0;height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .15s ease-in-out}.file-upload-item.uploading .file-upload-item-icon{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.file-upload-item.success .file-upload-item-icon{background-color:var(--color-success-container);color:var(--color-on-success-container)}.file-upload-item.error .file-upload-item-icon{background-color:var(--color-error-container);color:var(--color-on-error-container)}.file-upload-item.error .file-upload-progress-bar{background-color:var(--color-error)}.file-upload-error{font-size:.75rem;color:var(--color-error)}.file-upload-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.75rem}.file-upload-preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-surface-container)}.file-upload-preview-image{width:100%;height:100%;object-fit:cover}.file-upload-preview-remove{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:var(--color-on-surface);color:var(--color-surface);border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;transition:opacity .15s ease-in-out}.file-upload-preview-item:hover .file-upload-preview-remove{opacity:1}.file-upload-compact .file-upload-dropzone{flex-direction:row;min-height:auto;padding:1rem;gap:1rem}.file-upload-compact .file-upload-icon{width:2rem;height:2rem;font-size:1.5rem}.file-upload-compact .file-upload-text{text-align:left}.file-upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:var(--color-primary-content);background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out}.file-upload-button:hover{box-shadow:var(--shadow-md)}.file-upload-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.file-upload-button:disabled{opacity:.6;cursor:not-allowed}.file-upload-primary .file-upload-dropzone{color:var(--color-primary)}.file-upload-primary .file-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.file-upload-secondary .file-upload-dropzone{color:var(--color-secondary)}.file-upload-secondary .file-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.file-upload-tertiary .file-upload-dropzone{color:var(--color-tertiary)}.file-upload-tertiary .file-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.file-upload-info .file-upload-dropzone{color:var(--color-info)}.file-upload-info .file-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.file-upload-success .file-upload-dropzone{color:var(--color-success)}.file-upload-success .file-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.file-upload-warning .file-upload-dropzone{color:var(--color-warning)}.file-upload-warning .file-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.file-upload-error .file-upload-dropzone{color:var(--color-error)}.file-upload-error .file-upload-dropzone:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.file-upload-ghost .file-upload-dropzone{background-color:transparent;border-color:transparent}.file-upload-ghost .file-upload-dropzone:focus-within{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.file-upload-sm .file-upload-dropzone{min-height:6rem;padding:1rem}.file-upload-lg .file-upload-dropzone{min-height:14rem;padding:3rem}@media(prefers-reduced-motion:reduce){.file-upload-dropzone,.file-upload-progress-bar,.file-upload-preview-remove{transition:none}}}@layer components{.form-group{display:flex;flex-direction:column;gap:.25rem;width:100%}.form-group-horizontal{flex-direction:row;align-items:flex-start;gap:1rem}.form-group-horizontal .form-label{min-width:8rem;padding-top:.75rem}.form-group-horizontal .form-control{flex:1}.form-label{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--color-on-surface);margin-bottom:.25rem}.form-label-required:after{content:" *";color:var(--color-error)}.form-label-optional:after{content:" (optional)";font-size:.75rem;font-weight:400;color:var(--color-on-surface-variant)}.form-label-sm{font-size:.75rem;line-height:1rem}.form-label-lg{font-size:1rem;line-height:1.5rem}.form-control{display:flex;flex-direction:column;gap:.25rem}.helper-text{font-size:.75rem;line-height:1rem;color:var(--color-on-surface-variant);margin-top:.25rem}.helper-text-error{color:var(--color-error)}.helper-text-success{color:var(--color-success)}.helper-text-warning{color:var(--color-warning)}.helper-text-info{color:var(--color-info)}.helper-text-icon{display:inline-flex;align-items:center;gap:.25rem}.helper-text-icon svg,.helper-text-icon .icon{width:.875rem;height:.875rem}.form-hint{font-size:.75rem;line-height:1rem;color:var(--color-on-surface-variant);margin-bottom:.25rem}.fieldset{display:flex;flex-direction:column;gap:1rem;padding:1rem;margin:0;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);background-color:transparent}.fieldset-legend{padding:0 .5rem;font-size:.875rem;font-weight:600;line-height:1.25rem;color:var(--color-on-surface)}.fieldset-filled{background-color:var(--color-surface-container-lowest);border-color:transparent}.fieldset-borderless{border:none;padding:0}.fieldset-card{background-color:var(--color-surface);border-color:transparent;box-shadow:var(--shadow-xs);padding:1.5rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-row>.form-group{flex:1;min-width:200px}.form-grid{display:grid;gap:1rem}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.form-actions{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.form-actions-right{justify-content:flex-end}.form-actions-center{justify-content:center}.form-actions-between{justify-content:space-between}.form-divider{height:1px;background-color:var(--color-outline-variant);margin:1rem 0}.form-divider-text{display:flex;align-items:center;gap:1rem;color:var(--color-on-surface-variant);font-size:.75rem;text-transform:uppercase}.form-divider-text:before,.form-divider-text:after{content:"";flex:1;height:1px;background-color:var(--color-outline-variant)}.form-section{display:flex;flex-direction:column;gap:1rem}.form-section-title{font-size:1rem;font-weight:600;color:var(--color-on-surface);margin-bottom:.5rem}.form-section-description{font-size:.875rem;color:var(--color-on-surface-variant);margin-bottom:1rem}.form-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.form-inline .form-group{flex:none;width:auto}.form-counter{font-size:.75rem;color:var(--color-on-surface-variant);text-align:right;margin-top:.25rem}.form-counter-error,.form-group-error .form-label{color:var(--color-error)}.form-group-error .input,.form-group-error .select,.form-group-error .textarea{border-color:var(--color-error)}.form-group-error .input:focus-visible,.form-group-error .select:focus-visible,.form-group-error .textarea:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.form-group-success .form-label{color:var(--color-success)}.form-group-success .input,.form-group-success .select,.form-group-success .textarea{border-color:var(--color-success)}.form-group-success .input:focus-visible,.form-group-success .select:focus-visible,.form-group-success .textarea:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.form-group-warning .form-label{color:var(--color-warning)}.form-group-warning .input,.form-group-warning .select,.form-group-warning .textarea{border-color:var(--color-warning)}.form-group-warning .input:focus-visible,.form-group-warning .select:focus-visible,.form-group-warning .textarea:focus-visible{border-color:var(--color-warning);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.form-group-info .form-label{color:var(--color-info)}.form-group-info .input,.form-group-info .select,.form-group-info .textarea{border-color:var(--color-info)}.form-group-info .input:focus-visible,.form-group-info .select:focus-visible,.form-group-info .textarea:focus-visible{border-color:var(--color-info);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.form-group-disabled{opacity:.5;pointer-events:none}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--color-error);color:var(--color-error)}.input[aria-invalid=true]:focus-visible,.select[aria-invalid=true]:focus-visible,.textarea[aria-invalid=true]:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.checkbox[aria-invalid=true],.radio[aria-invalid=true],.file-input[aria-invalid=true]{border-color:var(--color-error)}.checkbox[aria-invalid=true]:focus-visible,.radio[aria-invalid=true]:focus-visible,.file-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 20%,transparent)}.switch[aria-invalid=true]{border-color:var(--color-error)}.switch[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 20%,transparent)}.form-label[aria-required=true]:after,label[aria-required=true]:after{content:" *";color:var(--color-error)}.validate .input:invalid,.validate .select:invalid,.validate .textarea:invalid{border-color:var(--color-error)}.validate .input:valid,.validate .select:valid,.validate .textarea:valid{border-color:var(--color-success)}.input:user-invalid,.select:user-invalid,.textarea:user-invalid{border-color:var(--color-error)}.input:user-invalid:focus-visible,.select:user-invalid:focus-visible,.textarea:user-invalid:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.input:user-valid,.select:user-valid,.textarea:user-valid{border-color:var(--color-success)}.input:user-valid:focus-visible,.select:user-valid:focus-visible,.textarea:user-valid:focus-visible{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.checkbox:user-invalid,.radio:user-invalid{border-color:var(--color-error)}.checkbox:user-invalid:focus-visible,.radio:user-invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 20%,transparent)}.checkbox:user-valid:checked,.radio:user-valid:checked{border-color:var(--color-success);background-color:var(--color-success)}.switch:user-invalid{border-color:var(--color-error)}.switch:user-invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 20%,transparent)}.switch:user-valid:checked{background-color:var(--color-success);border-color:var(--color-success)}.file-input:user-invalid{border-color:var(--color-error)}.file-input:user-invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 20%,transparent)}.input-filled:user-invalid{border-bottom-color:var(--color-error)}.input-filled:user-invalid:focus-visible{border-bottom-color:var(--color-error);box-shadow:none}.input-filled:user-valid{border-bottom-color:var(--color-success)}.input-filled:user-valid:focus-visible{border-bottom-color:var(--color-success);box-shadow:none}}@layer components{.multi-select{position:relative;display:inline-flex;flex-direction:column;width:100%}.multi-select-trigger{display:flex;align-items:center;gap:.5rem;min-height:2.75rem;width:100%;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.multi-select-trigger:hover:not(:disabled){background-color:var(--color-surface-container)}.multi-select-trigger:focus-within{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.multi-select-placeholder{flex:1;color:var(--color-on-surface-variant);opacity:.7}.multi-select-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;flex:1;min-width:0}.multi-select-tag{display:inline-flex;align-items:center;gap:.25rem;max-width:100%;padding:.125rem .375rem .125rem .5rem;font-size:.75rem;line-height:1.25rem;background-color:var(--color-surface-container-high);color:var(--color-on-surface);border-radius:var(--radius-lg)}.multi-select-tag-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-tag-remove{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;padding:0;font-size:.875rem;color:inherit;background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;opacity:.7;transition:opacity .15s ease-in-out,background-color .15s ease-in-out}.multi-select-tag-remove:hover{opacity:1;background-color:color-mix(in oklch,currentColor 15%,transparent)}.multi-select-tag-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.multi-select-tag-outlined{background-color:transparent;border:1px solid var(--color-outline);color:var(--color-on-surface)}.multi-select-tag-overflow{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;line-height:1.25rem;background-color:var(--color-surface-container);color:var(--color-on-surface-variant);border-radius:var(--radius-lg)}.multi-select-input{flex:1;min-width:4rem;padding:.125rem 0;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:none;outline:none}.multi-select-input::placeholder{color:var(--color-on-surface-variant);opacity:.7}.multi-select-arrow{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:auto;color:var(--color-on-surface-variant);flex-shrink:0;transition:transform .15s ease-in-out}.multi-select-open .multi-select-arrow{transform:rotate(180deg)}.multi-select-clear-all{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:background-color .15s ease-in-out}.multi-select-clear-all:hover{background-color:var(--color-surface-container-high)}.multi-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;display:none;max-height:16rem;margin-top:.25rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden}.multi-select-open .multi-select-dropdown{display:flex;flex-direction:column}.multi-select-dropdown[popover]{inset:unset;margin:0;padding:0;border:1px solid var(--color-outline-variant)}.multi-select-dropdown[popover]:popover-open{display:flex;flex-direction:column}.multi-select-search{padding:.5rem;border-bottom:1px solid var(--color-outline-variant)}.multi-select-search-input{width:100%;padding:.5rem .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:var(--color-surface-container);border:none;border-radius:var(--radius-xs);outline:none}.multi-select-search-input:focus{background-color:var(--color-surface-container-high)}.multi-select-search-input::placeholder{color:var(--color-on-surface-variant);opacity:.7}.multi-select-options{flex:1;overflow-y:auto;padding:.25rem}.multi-select-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:background-color .15s ease-in-out}.multi-select-option:hover{background-color:var(--color-surface-container)}.multi-select-option-selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.multi-select-option-selected:hover{background-color:color-mix(in oklch,var(--color-primary-container),black 5%)}.multi-select-option-disabled{opacity:.5;cursor:not-allowed}.multi-select-option-disabled:hover{background-color:transparent}.multi-select-option-focused{background-color:var(--color-surface-container-high)}.multi-select-option-checkbox{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background-color:transparent;border:2px solid var(--color-on-surface-variant);border-radius:var(--radius-xs);flex-shrink:0}.multi-select-option-selected .multi-select-option-checkbox{background-color:var(--color-primary);border-color:var(--color-primary)}.multi-select-option-selected .multi-select-option-checkbox svg{color:var(--color-primary-content)}.multi-select-option-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-on-surface-variant)}.multi-select-option-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-option-description{font-size:.75rem;color:var(--color-on-surface-variant)}.multi-select-group{padding:.25rem 0}.multi-select-group-header{padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.multi-select-empty{padding:1.5rem;text-align:center;color:var(--color-on-surface-variant);font-size:.875rem}.multi-select-actions{display:flex;gap:.5rem;padding:.5rem;border-bottom:1px solid var(--color-outline-variant)}.multi-select-action{padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-primary);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out}.multi-select-action:hover{background-color:color-mix(in oklch,var(--color-primary) 10%,transparent)}.multi-select-counter{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;font-size:.625rem;font-weight:600;color:var(--color-primary-content);background-color:var(--color-primary);border-radius:var(--radius-sm)}.multi-select-sm .multi-select-trigger{min-height:2.25rem;padding:.375rem .5rem;font-size:.875rem;border-radius:var(--radius-xs)}.multi-select-sm .multi-select-tag{font-size:.625rem;padding:0 .25rem 0 .375rem}.multi-select-lg .multi-select-trigger{min-height:3.25rem;padding:.625rem 1rem;font-size:1.125rem;border-radius:var(--radius-sm)}.multi-select-outlined .multi-select-trigger{background-color:var(--color-surface);border:1px solid var(--color-outline)}.multi-select-filled .multi-select-trigger{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.multi-select-filled .multi-select-trigger:focus-within{border-bottom-color:currentColor;box-shadow:none}.multi-select-primary .multi-select-trigger{color:var(--color-primary)}.multi-select-primary .multi-select-trigger:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.multi-select-secondary .multi-select-trigger{color:var(--color-secondary)}.multi-select-secondary .multi-select-trigger:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.multi-select-tertiary .multi-select-trigger{color:var(--color-tertiary)}.multi-select-tertiary .multi-select-trigger:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.multi-select-info .multi-select-trigger{color:var(--color-info)}.multi-select-info .multi-select-trigger:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.multi-select-success .multi-select-trigger{color:var(--color-success)}.multi-select-success .multi-select-trigger:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.multi-select-warning .multi-select-trigger{color:var(--color-warning)}.multi-select-warning .multi-select-trigger:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.multi-select-error .multi-select-trigger{color:var(--color-error)}.multi-select-error .multi-select-trigger:focus-within{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.multi-select-ghost .multi-select-trigger{background-color:transparent;border-color:transparent}.multi-select-ghost .multi-select-trigger:focus-within{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.multi-select-disabled .multi-select-trigger{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}.multi-select-disabled .multi-select-tag-remove{pointer-events:none}.multi-select-loading .multi-select-trigger{cursor:wait}.multi-select-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-outline);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:multi-select-spin .8s linear infinite}@keyframes multi-select-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.multi-select-trigger,.multi-select-arrow,.multi-select-tag-remove,.multi-select-clear-all,.multi-select-option{transition:none}.multi-select-spinner{animation:none}}}@layer components{.otp-input{display:inline-flex;align-items:center;gap:.5rem}.otp-input-field{width:3rem;height:3.5rem;padding:0;font-size:1.5rem;font-weight:600;text-align:center;color:var(--color-on-surface);background-color:var(--color-surface);border:2px solid currentColor;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;caret-color:var(--color-primary)}.otp-input-field::placeholder{color:var(--color-on-surface-variant);opacity:.5}.otp-input-field:hover:not(:disabled):not(:focus){background-color:var(--color-surface-container)}.otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.otp-input-field:disabled{opacity:.38;cursor:not-allowed;background-color:var(--color-surface-container)}.otp-input-field-filled{background-color:var(--color-surface-container);border-color:var(--color-primary)}.otp-separator{display:flex;align-items:center;justify-content:center;width:1rem;height:.25rem;background-color:var(--color-outline);border-radius:var(--radius-xs)}.otp-input-sm .otp-input-field{width:2.5rem;height:3rem;font-size:1.25rem;border-radius:var(--radius-xs)}.otp-input-lg .otp-input-field{width:3.5rem;height:4rem;font-size:1.75rem;border-radius:var(--radius-sm)}.otp-input-compact{gap:.25rem}.otp-input-wide{gap:1rem}.otp-input-filled .otp-input-field{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.otp-input-filled .otp-input-field:focus{border-bottom-color:var(--color-primary);box-shadow:none}.otp-input-outlined .otp-input-field{background-color:transparent}.otp-input-underline .otp-input-field{background-color:transparent;border:none;border-bottom:2px solid var(--color-outline);border-radius:0}.otp-input-underline .otp-input-field:focus{border-bottom-color:var(--color-primary);box-shadow:none}.otp-input-primary .otp-input-field{color:var(--color-primary)}.otp-input-primary .otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.otp-input-secondary .otp-input-field{color:var(--color-secondary)}.otp-input-secondary .otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.otp-input-tertiary .otp-input-field{color:var(--color-tertiary)}.otp-input-tertiary .otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.otp-input-info .otp-input-field{color:var(--color-info)}.otp-input-info .otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.otp-input-success .otp-input-field{color:var(--color-success)}.otp-input-success .otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.otp-input-warning .otp-input-field{color:var(--color-warning)}.otp-input-warning .otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.otp-input-error .otp-input-field{color:var(--color-error)}.otp-input-error .otp-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.otp-input-ghost .otp-input-field{background-color:transparent;border-color:transparent}.otp-input-ghost .otp-input-field:focus{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.otp-input-masked .otp-input-field{-webkit-text-security:disc;font-family:text-security-disc}.otp-group{display:flex;flex-direction:column;gap:.5rem}.otp-label{font-size:.875rem;font-weight:500;color:var(--color-on-surface)}.otp-helper{font-size:.75rem;color:var(--color-on-surface-variant)}.otp-error-message{font-size:.75rem;color:var(--color-error)}@media(prefers-reduced-motion:reduce){.otp-input-field{transition:none}}}@layer components{.pin-input{display:inline-flex;align-items:center;gap:.5rem}.pin-input-field{width:3rem;height:3.5rem;padding:0;font-size:1.5rem;font-weight:600;text-align:center;color:var(--color-on-surface);background-color:var(--color-surface);border:2px solid currentColor;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;caret-color:var(--color-primary);-webkit-text-security:disc}.pin-input-field::placeholder{color:var(--color-on-surface-variant);opacity:.3}.pin-input-field:hover:not(:disabled):not(:focus){background-color:var(--color-surface-container)}.pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.pin-input-field:disabled{opacity:.38;cursor:not-allowed;background-color:var(--color-surface-container)}.pin-input-visible .pin-input-field{-webkit-text-security:none}.pin-input-sm .pin-input-field{width:2.5rem;height:3rem;font-size:1.25rem;border-radius:var(--radius-xs)}.pin-input-lg .pin-input-field{width:3.5rem;height:4rem;font-size:1.75rem;border-radius:var(--radius-sm)}.pin-input-compact{gap:.25rem}.pin-input-filled .pin-input-field{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.pin-input-filled .pin-input-field:focus{border-bottom-color:var(--color-primary);box-shadow:none}.pin-input-circle .pin-input-field{width:3rem;height:3rem;border-radius:var(--radius-full)}.pin-input-circle.pin-input-sm .pin-input-field{width:2.5rem;height:2.5rem}.pin-input-circle.pin-input-lg .pin-input-field{width:3.5rem;height:3.5rem}.pin-input-dots .pin-input-field{font-size:2rem;letter-spacing:-.25rem}.pin-input-primary .pin-input-field{color:var(--color-primary)}.pin-input-primary .pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.pin-input-secondary .pin-input-field{color:var(--color-secondary)}.pin-input-secondary .pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.pin-input-tertiary .pin-input-field{color:var(--color-tertiary)}.pin-input-tertiary .pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.pin-input-info .pin-input-field{color:var(--color-info)}.pin-input-info .pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.pin-input-success .pin-input-field{color:var(--color-success)}.pin-input-success .pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.pin-input-warning .pin-input-field{color:var(--color-warning)}.pin-input-warning .pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.pin-input-error .pin-input-field{color:var(--color-error);animation:pin-shake .3s ease-in-out}.pin-input-error .pin-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}@keyframes pin-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.pin-input-ghost .pin-input-field{background-color:transparent;border-color:transparent}.pin-input-ghost .pin-input-field:focus{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.pin-group{display:flex;flex-direction:column;gap:.5rem}.pin-label{font-size:.875rem;font-weight:500;color:var(--color-on-surface)}.pin-helper{font-size:.75rem;color:var(--color-on-surface-variant)}.pin-error-message{font-size:.75rem;color:var(--color-error)}@media(prefers-reduced-motion:reduce){.pin-input-field{transition:none}.pin-input-error .pin-input-field{animation:none}}}@layer components{.radio{--radio-size: 1.25rem;--radio-color: var(--color-primary);--radio-border-color: var(--color-on-surface-variant);color:var(--color-on-surface);position:relative;display:inline-grid;place-content:center;width:var(--radio-size);height:var(--radio-size);margin:0;cursor:pointer;appearance:none;background-color:transparent;border:2px solid var(--radio-border-color);border-radius:var(--radius-full);transition:border-color .15s ease-in-out}.radio:before{content:"";width:.5em;height:.5em;border-radius:var(--radius-full);background-color:var(--radio-color);transform:scale(0);transition:transform .15s ease-in-out}.radio:checked{border-color:var(--radio-color)}.radio:checked:before{transform:scale(1)}.radio:hover:not(:disabled):not(:checked){border-color:var(--color-on-surface)}.radio:checked:hover:not(:disabled){border-color:color-mix(in oklch,var(--radio-color),black 10%)}.radio:checked:hover:not(:disabled):before{background-color:color-mix(in oklch,var(--radio-color),black 10%)}.radio:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--radio-color) 20%,transparent)}.radio:disabled{cursor:not-allowed;opacity:.38}.radio-xs{--radio-size: .875rem}.radio-sm{--radio-size: 1rem}.radio-md{--radio-size: 1.25rem}.radio-lg{--radio-size: 1.5rem}.radio-xl{--radio-size: 1.75rem}.radio-primary{--radio-color: var(--color-primary)}.radio-secondary{--radio-color: var(--color-secondary)}.radio-tertiary{--radio-color: var(--color-tertiary)}.radio-success{--radio-color: var(--color-success)}.radio-warning{--radio-color: var(--color-warning)}.radio-error{--radio-color: var(--color-error)}.radio-info{--radio-color: var(--color-info)}.radio-ghost{--radio-border-color: transparent}.radio-ghost:hover:not(:disabled):not(:checked){border-color:transparent}.radio-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;font-size:.875rem;color:var(--color-on-surface)}.radio-label:has(.radio:disabled){cursor:not-allowed;opacity:.38}.radio-group{display:flex;flex-direction:column;gap:.75rem}.radio-group-horizontal{flex-direction:row;flex-wrap:wrap;gap:1.5rem}.radio-group-label{font-size:.875rem;font-weight:500;color:var(--color-on-surface);margin-bottom:.5rem}@media(prefers-reduced-motion:reduce){.radio,.radio:before{transition:none}}}@layer components{.rating{display:inline-flex;align-items:center;gap:.125rem;color:var(--color-on-surface)}.rating-item{position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-outline);cursor:pointer;transition:color .15s ease-in-out,transform .15s ease-in-out}.rating-item:hover{transform:scale(1.1)}.rating-item.active{color:var(--color-warning-container)}.rating-item.filled{color:var(--color-warning)}.rating-input{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.rating-icon{width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1}.rating-half{position:relative;overflow:hidden}.rating-half .rating-icon-empty{color:var(--color-outline)}.rating-half .rating-icon-filled{position:absolute;left:0;top:0;width:50%;overflow:hidden;color:var(--color-warning)}.rating-xs .rating-icon{width:.875rem;height:.875rem;font-size:.875rem}.rating-sm .rating-icon{width:1.25rem;height:1.25rem;font-size:1.25rem}.rating-lg .rating-icon{width:2rem;height:2rem;font-size:2rem}.rating-xl .rating-icon{width:2.5rem;height:2.5rem;font-size:2.5rem}.rating-primary .rating-item.filled{color:var(--color-primary)}.rating-secondary .rating-item.filled{color:var(--color-secondary)}.rating-error .rating-item.filled{color:var(--color-error)}.rating-success .rating-item.filled{color:var(--color-success)}.rating-tertiary .rating-item.filled{color:var(--color-tertiary)}.rating-info .rating-item.filled{color:var(--color-info)}.rating-warning .rating-item.filled{color:var(--color-warning)}.rating-readonly .rating-item{cursor:default}.rating-readonly .rating-item:hover{transform:none}.rating-disabled{opacity:.6;pointer-events:none}.rating-labeled{display:flex;align-items:center;gap:.5rem}.rating-label{font-size:.875rem;color:var(--color-on-surface-variant)}.rating-count{font-size:.75rem;color:var(--color-on-surface-variant);margin-left:.25rem}.rating:not(.rating-readonly) .rating-item:hover~.rating-item{color:var(--color-outline)}.rating:not(.rating-readonly):hover .rating-item{color:var(--color-warning)}.rating-primary:not(.rating-readonly):hover .rating-item{color:var(--color-primary)}.rating-secondary:not(.rating-readonly):hover .rating-item{color:var(--color-secondary)}.rating-tertiary:not(.rating-readonly):hover .rating-item{color:var(--color-tertiary)}.rating-info:not(.rating-readonly):hover .rating-item{color:var(--color-info)}.rating-success:not(.rating-readonly):hover .rating-item{color:var(--color-success)}.rating-error:not(.rating-readonly):hover .rating-item{color:var(--color-error)}.rating-item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 20%,transparent);border-radius:var(--radius-xs)}.rating-primary .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 20%,transparent)}.rating-secondary .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 20%,transparent)}.rating-tertiary .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 20%,transparent)}.rating-info .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 20%,transparent)}.rating-success .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 20%,transparent)}.rating-error .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 20%,transparent)}.rating-warning .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 20%,transparent)}.rating-display{display:inline-flex;align-items:center;gap:.375rem}.rating-display-value{font-size:.875rem;font-weight:600;color:var(--color-on-surface)}.rating-display-stars{display:flex;gap:.0625rem;color:var(--color-warning)}.rating-display-max{font-size:.75rem;color:var(--color-on-surface-variant)}.rating-compact{gap:0}.rating-compact .rating-item{padding:.125rem}.rating-animated .rating-item{transition:color .15s ease-in-out,transform .2s cubic-bezier(.34,1.56,.64,1)}.rating-animated .rating-item.filled{animation:rating-pop .3s ease-out}@keyframes rating-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.rating-item,.rating-animated .rating-item{transition:color 0ms}.rating-animated .rating-item.filled{animation:none}}}@layer components{.segment-control{display:inline-flex;align-items:stretch;color:var(--color-on-surface);background-color:var(--color-surface-container);border:1px solid var(--color-outline);border-radius:var(--radius-xl);padding:.25rem;gap:.25rem}.segment-item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;user-select:none;white-space:nowrap}.segment-item:hover:not(:disabled):not(.segment-item-active){background-color:var(--color-surface-container-high)}.segment-item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.segment-item:disabled{opacity:.38;cursor:not-allowed}.segment-item-active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.segment-item-active:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-primary-container),black 5%)}.segment-icon{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem}.segment-control-sm{padding:.125rem;gap:.125rem;border-radius:var(--radius-lg)}.segment-control-sm .segment-item{padding:.375rem .75rem;font-size:.75rem;line-height:1rem;border-radius:var(--radius-md)}.segment-control-lg{padding:.375rem;gap:.375rem;border-radius:var(--radius-2xl)}.segment-control-lg .segment-item{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;border-radius:var(--radius-xl)}.segment-control-primary .segment-item-active{background-color:var(--color-primary);color:var(--color-primary-content)}.segment-control-secondary .segment-item-active{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.segment-control-tertiary .segment-item-active{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.segment-control-info .segment-item-active{background-color:var(--color-info-container);color:var(--color-on-info-container)}.segment-control-success .segment-item-active{background-color:var(--color-success-container);color:var(--color-on-success-container)}.segment-control-warning .segment-item-active{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.segment-control-error .segment-item-active{background-color:var(--color-error-container);color:var(--color-on-error-container)}.segment-control-full{display:flex;width:100%}.segment-control-full .segment-item{flex:1}.segment-control-outlined{background-color:transparent;padding:0;gap:0}.segment-control-outlined .segment-item{border:1px solid var(--color-outline);border-radius:0;margin-left:-1px}.segment-control-outlined .segment-item:first-child{margin-left:0;border-top-left-radius:1.25rem;border-bottom-left-radius:1.25rem}.segment-control-outlined .segment-item:last-child{border-top-right-radius:1.25rem;border-bottom-right-radius:1.25rem}.segment-control-outlined .segment-item-active{background-color:var(--color-primary-container);border-color:var(--color-primary);z-index:1}.segment-control-ghost{background-color:transparent;border-color:transparent}.segment-control-icon-only .segment-item{padding:.625rem}.segment-control-icon-only.segment-control-sm .segment-item{padding:.5rem}.segment-control-icon-only.segment-control-lg .segment-item{padding:.75rem}.segment-control-multi .segment-item-active{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}@media(prefers-reduced-motion:reduce){.segment-item{transition:none}}}@layer components{.select{display:block;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem 1.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.select:hover:not(:disabled){background-color:var(--color-surface-container)}.select:focus{outline:none}.select:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.select:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}.select-filled{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.select-filled:hover:not(:disabled){background-color:var(--color-surface-container-high);border-bottom-color:var(--color-on-surface)}.select-filled:focus-visible{border-bottom-color:var(--color-primary);box-shadow:none}.select-filled.select-primary:focus-visible{border-bottom-color:var(--color-primary)}.select-filled.select-secondary:focus-visible{border-bottom-color:var(--color-secondary)}.select-filled.select-tertiary:focus-visible{border-bottom-color:var(--color-tertiary)}.select-filled.select-info:focus-visible{border-bottom-color:var(--color-info)}.select-filled.select-success:focus-visible{border-bottom-color:var(--color-success)}.select-filled.select-warning:focus-visible{border-bottom-color:var(--color-warning)}.select-filled.select-error:focus-visible{border-bottom-color:var(--color-error)}.select-outlined{background-color:transparent;border:1px solid var(--color-outline);border-radius:var(--radius-sm)}.select-primary{color:var(--color-primary)}.select-secondary{color:var(--color-secondary)}.select-tertiary{color:var(--color-tertiary)}.select-info{color:var(--color-info)}.select-success{color:var(--color-success)}.select-warning{color:var(--color-warning)}.select-error{color:var(--color-error)}.select-xs{padding:.375rem 2rem .375rem .625rem;font-size:.75rem;line-height:1rem;border-radius:var(--radius-xs);background-size:1rem 1rem}.select-sm{padding:.5rem 2.25rem .5rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:var(--radius-xs);background-size:1.125rem 1.125rem}.select-lg{padding:1rem 3rem 1rem 1.25rem;font-size:1.125rem;line-height:1.75rem;border-radius:var(--radius-sm);background-size:1.5rem 1.5rem;background-position:right 1rem center}.select-container{position:relative;display:flex;flex-direction:column;gap:.25rem;width:100%}.select-label{font-size:.875rem;font-weight:500;color:var(--color-on-surface)}.select-helper{font-size:.75rem;color:var(--color-on-surface-variant)}.select-container-error .select-helper{color:var(--color-error)}.select-group{display:flex;flex-direction:column;gap:.25rem}.select-multiple{padding:.5rem;height:auto;min-height:6rem;background-image:none}.select-multiple option{padding:.5rem .75rem;border-radius:var(--radius-xs)}.select-multiple option:checked{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.select-ghost{background-color:transparent;border-color:transparent}.select-ghost:hover:not(:disabled){background-color:var(--color-surface-container);border-color:transparent}.select-ghost:focus-visible{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}@media(prefers-reduced-motion:reduce){.select{transition:none}}}@layer components{.slider{position:relative;display:flex;align-items:center;width:100%;height:2.5rem;touch-action:none;user-select:none;color:var(--color-on-surface)}.slider-track{position:relative;width:100%;height:.25rem;background-color:var(--color-surface-container-highest);border-radius:var(--radius-full)}.slider-track-filled{position:absolute;top:0;left:0;height:100%;background-color:var(--color-primary);border-radius:var(--radius-full)}.slider-thumb{position:absolute;top:50%;width:1.25rem;height:1.25rem;background-color:var(--color-primary);border:none;border-radius:var(--radius-full);box-shadow:0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent);transform:translate(-50%,-50%);cursor:grab;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out}.slider-thumb:hover{box-shadow:0 0 0 8px var(--color-primary-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-thumb:focus-visible{outline:none;box-shadow:0 0 0 8px var(--color-primary-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.slider-thumb-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.25rem .5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:500;color:var(--color-primary-content);background-color:var(--color-primary);border-radius:var(--radius-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out}.slider-thumb-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.25rem solid transparent;border-top-color:var(--color-primary)}.slider-thumb:hover .slider-thumb-label,.slider-thumb:focus-visible .slider-thumb-label,.slider-thumb:active .slider-thumb-label{opacity:1;visibility:visible}.slider-labels-always .slider-thumb-label{opacity:1;visibility:visible}.slider-marks{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.slider-mark{position:relative;width:.125rem;height:.5rem;background-color:var(--color-outline);border-radius:var(--radius-full)}.slider-mark-active{background-color:var(--color-primary-content)}.slider-mark-label{position:absolute;top:1rem;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--color-on-surface-variant);white-space:nowrap}.slider-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.75rem;color:var(--color-on-surface-variant)}.slider-sm{height:2rem}.slider-sm .slider-track{height:.125rem}.slider-sm .slider-thumb{width:1rem;height:1rem}.slider-lg{height:3rem}.slider-lg .slider-track{height:.375rem}.slider-lg .slider-thumb{width:1.5rem;height:1.5rem}.slider-primary .slider-track-filled,.slider-primary .slider-thumb{background-color:var(--color-primary)}.slider-primary .slider-mark-active{background-color:var(--color-primary-content)}.slider-primary .slider-thumb:hover,.slider-primary .slider-thumb:focus-visible{box-shadow:0 0 0 8px var(--color-primary-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-primary .slider-thumb-label{background-color:var(--color-primary);color:var(--color-primary-content)}.slider-primary .slider-thumb-label:after{border-top-color:var(--color-primary)}.slider-secondary .slider-track-filled,.slider-secondary .slider-thumb{background-color:var(--color-secondary)}.slider-secondary .slider-thumb:hover,.slider-secondary .slider-thumb:focus-visible{box-shadow:0 0 0 8px var(--color-secondary-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-secondary .slider-mark-active{background-color:var(--color-secondary-content)}.slider-secondary .slider-thumb-label{background-color:var(--color-secondary);color:var(--color-secondary-content)}.slider-secondary .slider-thumb-label:after{border-top-color:var(--color-secondary)}.slider-tertiary .slider-track-filled,.slider-tertiary .slider-thumb{background-color:var(--color-tertiary)}.slider-tertiary .slider-thumb:hover,.slider-tertiary .slider-thumb:focus-visible{box-shadow:0 0 0 8px var(--color-tertiary-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-tertiary .slider-mark-active{background-color:var(--color-tertiary-content)}.slider-tertiary .slider-thumb-label{background-color:var(--color-tertiary);color:var(--color-tertiary-content)}.slider-tertiary .slider-thumb-label:after{border-top-color:var(--color-tertiary)}.slider-info .slider-track-filled,.slider-info .slider-thumb{background-color:var(--color-info)}.slider-info .slider-thumb:hover,.slider-info .slider-thumb:focus-visible{box-shadow:0 0 0 8px var(--color-info-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-info .slider-mark-active{background-color:var(--color-info-content)}.slider-info .slider-thumb-label{background-color:var(--color-info);color:var(--color-info-content)}.slider-info .slider-thumb-label:after{border-top-color:var(--color-info)}.slider-success .slider-track-filled,.slider-success .slider-thumb{background-color:var(--color-success)}.slider-success .slider-thumb:hover,.slider-success .slider-thumb:focus-visible{box-shadow:0 0 0 8px var(--color-success-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-success .slider-mark-active{background-color:var(--color-success-content)}.slider-success .slider-thumb-label{background-color:var(--color-success);color:var(--color-success-content)}.slider-success .slider-thumb-label:after{border-top-color:var(--color-success)}.slider-warning .slider-track-filled,.slider-warning .slider-thumb{background-color:var(--color-warning)}.slider-warning .slider-thumb:hover,.slider-warning .slider-thumb:focus-visible{box-shadow:0 0 0 8px var(--color-warning-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-warning .slider-mark-active{background-color:var(--color-warning-content)}.slider-warning .slider-thumb-label{background-color:var(--color-warning);color:var(--color-warning-content)}.slider-warning .slider-thumb-label:after{border-top-color:var(--color-warning)}.slider-error .slider-track-filled,.slider-error .slider-thumb{background-color:var(--color-error)}.slider-error .slider-thumb:hover,.slider-error .slider-thumb:focus-visible{box-shadow:0 0 0 8px var(--color-error-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}.slider-error .slider-mark-active{background-color:var(--color-error-content)}.slider-error .slider-thumb-label{background-color:var(--color-error);color:var(--color-error-content)}.slider-error .slider-thumb-label:after{border-top-color:var(--color-error)}.slider-disabled{opacity:.6;pointer-events:none}.slider-disabled .slider-thumb{cursor:not-allowed}.slider-range .slider-track-filled{left:var(--slider-start, 0%);width:var(--slider-range, 100%)}.slider-vertical{flex-direction:column;width:2.5rem;height:12rem}.slider-vertical .slider-track{width:.25rem;height:100%}.slider-vertical .slider-track-filled{width:100%;height:auto;bottom:0;top:auto}.slider-vertical .slider-thumb{left:50%;top:auto;transform:translate(-50%,50%)}.slider-vertical .slider-thumb-label{bottom:auto;left:100%;top:50%;transform:translateY(-50%);margin-left:.5rem;margin-bottom:0}.slider-vertical .slider-thumb-label:after{top:50%;left:auto;right:100%;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--color-primary)}.slider-secondary.slider-vertical .slider-thumb-label:after{border-right-color:var(--color-secondary)}.slider-tertiary.slider-vertical .slider-thumb-label:after{border-right-color:var(--color-tertiary)}.slider-info.slider-vertical .slider-thumb-label:after{border-right-color:var(--color-info)}.slider-success.slider-vertical .slider-thumb-label:after{border-right-color:var(--color-success)}.slider-warning.slider-vertical .slider-thumb-label:after{border-right-color:var(--color-warning)}.slider-error.slider-vertical .slider-thumb-label:after{border-right-color:var(--color-error)}.slider-vertical .slider-marks{flex-direction:column;inset:0 auto 0 50%;transform:translate(-50%)}.slider-vertical .slider-mark-label{top:50%;left:1rem;transform:translateY(-50%)}.slider-with-input{display:flex;align-items:center;gap:1rem}.slider-with-input .slider{flex:1}.slider-input{width:4rem;padding:.5rem;font-size:.875rem;text-align:center;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-xs)}.slider-input:focus{outline:none;border-color:currentColor;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}@media(prefers-reduced-motion:reduce){.slider-thumb,.slider-thumb-label{transition:none}}}@layer components{.switch{--switch-width: 3.25rem;--switch-height: 2rem;color:var(--color-on-surface);--switch-thumb-size: 1rem;--switch-color: var(--color-primary);--switch-content-color: var(--color-primary-content);--switch-container-color: var(--color-primary-container);--switch-track-color: var(--color-surface-container-highest);--switch-border-color: var(--color-outline);--switch-thumb-color: var(--color-outline);position:relative;display:inline-grid;grid-template-columns:0fr 1fr 1fr;align-items:center;width:var(--switch-width);height:var(--switch-height);margin:0;padding:.25rem;cursor:pointer;appearance:none;background-color:var(--switch-track-color);border:2px solid var(--switch-border-color);border-radius:var(--switch-height);transition:background-color .2s ease-in-out !important,border-color .2s ease-in-out !important,grid-template-columns .2s ease-in-out!important}.switch:before{content:"";grid-column:2;width:var(--switch-thumb-size);height:var(--switch-thumb-size);background-color:var(--switch-thumb-color);border-radius:var(--radius-full);transition:background-color .2s ease-in-out !important,width .2s ease-in-out !important,margin .2s ease-in-out!important}.switch:checked{grid-template-columns:1fr 1fr 0fr;background-color:var(--switch-color);border-color:var(--switch-color)}.switch:checked:before{background-color:var(--switch-content-color)}.switch:hover:not(:disabled):not(:checked){background-color:var(--color-surface-container-high)}.switch:hover:not(:disabled):not(:checked):before{background-color:var(--color-on-surface-variant)}.switch:checked:hover:not(:disabled){background-color:color-mix(in oklch,var(--switch-color),black 10%);border-color:color-mix(in oklch,var(--switch-color),black 10%)}.switch:checked:hover:not(:disabled):before{background-color:var(--switch-container-color)}.switch:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,var(--switch-color) 20%,transparent)}.switch:active:not(:disabled):before{width:calc(var(--switch-thumb-size) + .25rem)}.switch:checked:active:not(:disabled):before{margin-left:-.25rem}.switch:disabled{cursor:not-allowed;opacity:.38}.switch:disabled:not(:checked){background-color:color-mix(in oklch,var(--color-surface-container-highest) 12%,transparent);border-color:color-mix(in oklch,var(--color-on-surface) 12%,transparent)}.switch:disabled:not(:checked):before{background-color:color-mix(in oklch,var(--color-on-surface) 38%,transparent)}.switch:disabled:checked{background-color:color-mix(in oklch,var(--color-on-surface) 12%,transparent);border-color:transparent}.switch:disabled:checked:before{background-color:var(--color-surface)}.switch-xs{--switch-width: 2rem;--switch-height: 1.25rem;--switch-thumb-size: .5rem}.switch-sm{--switch-width: 2.5rem;--switch-height: 1.5rem;--switch-thumb-size: .75rem}.switch-md{--switch-width: 3.25rem;--switch-height: 2rem;--switch-thumb-size: 1rem}.switch-lg{--switch-width: 4rem;--switch-height: 2.5rem;--switch-thumb-size: 1.25rem}.switch-xl{--switch-width: 4.75rem;--switch-height: 3rem;--switch-thumb-size: 1.5rem}.switch-primary{--switch-color: var(--color-primary);--switch-content-color: var(--color-primary-content);--switch-container-color: var(--color-primary-container)}.switch-secondary{--switch-color: var(--color-secondary);--switch-content-color: var(--color-secondary-content);--switch-container-color: var(--color-secondary-container)}.switch-tertiary{--switch-color: var(--color-tertiary);--switch-content-color: var(--color-tertiary-content);--switch-container-color: var(--color-tertiary-container)}.switch-success{--switch-color: var(--color-success);--switch-content-color: var(--color-success-content);--switch-container-color: var(--color-success-container)}.switch-warning{--switch-color: var(--color-warning);--switch-content-color: var(--color-warning-content);--switch-container-color: var(--color-warning-container)}.switch-error{--switch-color: var(--color-error);--switch-content-color: var(--color-error-content);--switch-container-color: var(--color-error-container)}.switch-info{--switch-color: var(--color-info);--switch-content-color: var(--color-info-content);--switch-container-color: var(--color-info-container)}.switch-ghost{--switch-border-color: transparent;--switch-track-color: transparent}.switch-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none;font-size:.875rem;color:var(--color-on-surface)}.switch-label:has(.switch:disabled){cursor:not-allowed;opacity:.38}.switch-group{display:flex;flex-direction:column;gap:.75rem}.switch-group-horizontal{flex-direction:row;flex-wrap:wrap;gap:1.5rem}@media(prefers-reduced-motion:reduce){.switch,.switch:before{transition:none!important}}}@layer components{.textarea-container{position:relative;display:flex;flex-direction:column;gap:.25rem;width:100%}.textarea-label{display:block;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--color-on-surface);margin-bottom:.25rem}.textarea-label-floating{position:absolute;top:.75rem;left:1rem;font-size:1rem;font-weight:400;color:var(--color-on-surface-variant);pointer-events:none;transition:all .15s ease-in-out;transform-origin:left top;z-index:1}.textarea:focus~.textarea-label-floating,.textarea:not(:placeholder-shown)~.textarea-label-floating{top:-.5rem;left:.75rem;font-size:.75rem;font-weight:500;color:var(--color-primary);background-color:var(--color-surface);padding:0 .25rem}.textarea-filled~.textarea-label-floating{background-color:transparent}.textarea-filled:focus~.textarea-label-floating,.textarea-filled:not(:placeholder-shown)~.textarea-label-floating{top:.25rem;left:.75rem;background-color:transparent}.textarea-helper{font-size:.75rem;line-height:1rem;color:var(--color-on-surface-variant);margin-top:.25rem}.textarea{display:block;width:100%;min-height:6rem;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;font-family:inherit;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);outline:none;resize:vertical;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.textarea::placeholder{color:var(--color-on-surface-variant);opacity:.7}.textarea:hover:not(:disabled){background-color:var(--color-surface-container)}.textarea:focus{outline:none}.textarea:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.textarea:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container);resize:none}.textarea[readonly]{background-color:var(--color-surface-container);cursor:default}.textarea-full{width:100%}.textarea-filled{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.textarea-filled:hover:not(:disabled){background-color:var(--color-surface-container-high);border-bottom-color:var(--color-on-surface)}.textarea-filled:focus-visible{border-bottom-color:var(--color-primary);box-shadow:none}.textarea-filled.textarea-primary:focus-visible{border-bottom-color:var(--color-primary)}.textarea-filled.textarea-secondary:focus-visible{border-bottom-color:var(--color-secondary)}.textarea-filled.textarea-tertiary:focus-visible{border-bottom-color:var(--color-tertiary)}.textarea-filled.textarea-info:focus-visible{border-bottom-color:var(--color-info)}.textarea-filled.textarea-success:focus-visible{border-bottom-color:var(--color-success)}.textarea-filled.textarea-warning:focus-visible{border-bottom-color:var(--color-warning)}.textarea-filled.textarea-error:focus-visible{border-bottom-color:var(--color-error)}.textarea-outlined{background-color:transparent;border:1px solid var(--color-outline);border-radius:var(--radius-sm)}.textarea-ghost{background-color:transparent;border-color:transparent}.textarea-ghost:hover:not(:disabled){background-color:var(--color-surface-container);border-color:transparent}.textarea-ghost:focus-visible{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.textarea-primary{color:var(--color-primary)}.textarea-secondary{color:var(--color-secondary)}.textarea-tertiary{color:var(--color-tertiary)}.textarea-info{color:var(--color-info)}.textarea-success{color:var(--color-success)}.textarea-warning{color:var(--color-warning)}.textarea-error{color:var(--color-error)}.textarea-sm{min-height:4rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border-radius:var(--radius-xs)}.textarea-lg{min-height:8rem;padding:1rem 1.25rem;font-size:1.125rem;line-height:1.75rem;border-radius:var(--radius-sm)}.textarea-resize-none{resize:none}.textarea-resize-vertical{resize:vertical}.textarea-resize-horizontal{resize:horizontal}.textarea-resize-both{resize:both}.textarea-auto-resize,.textarea-autosize{resize:none;overflow:hidden;min-height:3rem;field-sizing:content}.textarea-counter{font-size:.75rem;line-height:1rem;color:var(--color-on-surface-variant);text-align:right}.textarea-counter-error,.textarea-counter-exceeded,.textarea-container-error .textarea-label,.textarea-container-error .textarea-helper,.textarea-container-error .textarea-label-floating{color:var(--color-error)}.textarea-container-error .textarea:focus~.textarea-label-floating{color:var(--color-error)}.textarea-container-success .textarea-label,.textarea-container-success .textarea-helper,.textarea-container-success .textarea-label-floating{color:var(--color-success)}.textarea-container-success .textarea:focus~.textarea-label-floating{color:var(--color-success)}@media(prefers-reduced-motion:reduce){.textarea,.textarea-label-floating{transition:none}}}@layer components{.theme-controller-item{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.theme-controller-label{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--color-on-surface-variant);background-color:transparent;border-radius:calc(var(--radius-box, 1.5rem) - .25rem);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;white-space:nowrap}.theme-controller-label:hover{background-color:var(--color-surface-container-high)}.theme-controller-item:focus-visible+.theme-controller-label{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.theme-controller-item:checked+.theme-controller-label{background-color:var(--color-primary-container);color:var(--color-on-primary-container);box-shadow:var(--shadow-xs)}.theme-controller-item:checked+.theme-controller-label:hover{background-color:color-mix(in oklch,var(--color-primary-container),black 5%)}.theme-controller{display:inline-flex;align-items:stretch;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-box, 1.5rem);padding:.25rem;gap:.125rem}.theme-controller-sm{padding:.125rem;border-radius:calc(var(--radius-box, 1.5rem) * .75)}.theme-controller-sm .theme-controller-label{padding:.375rem .75rem;font-size:.75rem;line-height:1rem;border-radius:calc(var(--radius-box, 1.5rem) * .75 - .125rem)}.theme-controller-lg{padding:.375rem;gap:.25rem;border-radius:calc(var(--radius-box, 1.5rem) * 1.25)}.theme-controller-lg .theme-controller-label{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem;border-radius:calc(var(--radius-box, 1.5rem) * 1.25 - .375rem)}.theme-controller-icon .theme-controller-label{padding:.5rem}.theme-controller-icon.theme-controller-sm .theme-controller-label{padding:.375rem}.theme-controller-icon.theme-controller-lg .theme-controller-label{padding:.75rem}.theme-controller-dropdown{position:relative;display:inline-block}.theme-controller-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--color-on-surface);background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-field, .5rem);cursor:pointer;user-select:none;transition:background-color .15s ease-in-out;list-style:none}.theme-controller-trigger::-webkit-details-marker{display:none}.theme-controller-trigger:hover{background-color:var(--color-surface-container-high)}.theme-controller-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.theme-controller-trigger:after{content:"";display:inline-block;width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-.125rem;transition:transform .15s ease-in-out}.theme-controller-dropdown[open] .theme-controller-trigger:after{transform:rotate(-135deg);margin-top:.125rem}.theme-controller-menu{position:absolute;top:calc(100% + .25rem);left:0;z-index:50;min-width:100%;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-field, .5rem);padding:.25rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.125rem}.theme-controller-menu .theme-controller-label{width:100%;justify-content:flex-start;border-radius:calc(var(--radius-field, .5rem) - .25rem)}.theme-controller-dropdown-sm .theme-controller-trigger{padding:.375rem .625rem;font-size:.75rem;line-height:1rem}.theme-controller-dropdown-sm .theme-controller-menu{padding:.125rem}.theme-controller-dropdown-sm .theme-controller-menu .theme-controller-label{padding:.375rem .75rem;font-size:.75rem;line-height:1rem}.theme-controller-dropdown-lg .theme-controller-trigger{padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.theme-controller-dropdown-lg .theme-controller-menu{padding:.375rem}.theme-controller-dropdown-lg .theme-controller-menu .theme-controller-label{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}.theme-controller-dropdown-icon .theme-controller-trigger{padding:.5rem}.theme-controller-dropdown-icon .theme-controller-trigger:after{display:none}.theme-controller-dropdown-icon.theme-controller-dropdown-sm .theme-controller-trigger{padding:.375rem}.theme-controller-dropdown-icon.theme-controller-dropdown-lg .theme-controller-trigger{padding:.75rem}.theme-controller-dropdown-end .theme-controller-menu{left:auto;right:0}@media(prefers-reduced-motion:reduce){.theme-controller-label,.theme-controller-trigger,.theme-controller-trigger:after{transition:none}}}@layer components{.toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;color:var(--color-on-surface);background-color:transparent;border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}.toggle-btn:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-surface-variant) 50%,transparent)}.toggle-btn-active,.toggle-btn.active{color:var(--color-on-primary-container);background-color:var(--color-primary-container);border-color:var(--color-primary)}.toggle-btn-active:hover:not(:disabled),.toggle-btn.active:hover:not(:disabled){background-color:color-mix(in oklch,var(--color-primary-container) 90%,transparent)}.toggle-btn-primary.toggle-btn-active,.toggle-btn-primary.active{color:var(--color-on-primary-container);background-color:var(--color-primary-container);border-color:var(--color-primary)}.toggle-btn-secondary.toggle-btn-active,.toggle-btn-secondary.active{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container);border-color:var(--color-secondary)}.toggle-btn-tertiary.toggle-btn-active,.toggle-btn-tertiary.active{color:var(--color-on-tertiary-container);background-color:var(--color-tertiary-container);border-color:var(--color-tertiary)}.toggle-btn-info.toggle-btn-active,.toggle-btn-info.active{color:var(--color-on-info-container);background-color:var(--color-info-container);border-color:var(--color-info)}.toggle-btn-success.toggle-btn-active,.toggle-btn-success.active{color:var(--color-on-success-container);background-color:var(--color-success-container);border-color:var(--color-success)}.toggle-btn-warning.toggle-btn-active,.toggle-btn-warning.active{color:var(--color-on-warning-container);background-color:var(--color-warning-container);border-color:var(--color-warning)}.toggle-btn-error.toggle-btn-active,.toggle-btn-error.active{color:var(--color-on-error-container);background-color:var(--color-error-container);border-color:var(--color-error)}.toggle-btn-ghost{background-color:transparent;border-color:transparent}.toggle-btn-ghost:hover:not(:disabled){background-color:var(--color-surface-container);border-color:transparent}.toggle-btn-ghost.toggle-btn-primary{color:var(--color-primary)}.toggle-btn-ghost.toggle-btn-secondary{color:var(--color-secondary)}.toggle-btn-ghost.toggle-btn-tertiary{color:var(--color-tertiary)}.toggle-btn-ghost.toggle-btn-info{color:var(--color-info)}.toggle-btn-ghost.toggle-btn-success{color:var(--color-success)}.toggle-btn-ghost.toggle-btn-warning{color:var(--color-warning)}.toggle-btn-ghost.toggle-btn-error{color:var(--color-error)}.toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.toggle-btn:disabled,.toggle-btn-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.toggle-btn-sm{padding:.375rem .75rem;font-size:.8125rem;gap:.375rem}.toggle-btn-lg{padding:.75rem 1.25rem;font-size:1rem;gap:.625rem}.toggle-group{display:inline-flex;align-items:center;gap:0;border:1px solid var(--color-outline);border-radius:var(--radius-sm);padding:.25rem;background-color:color-mix(in oklch,var(--color-surface-variant) 30%,transparent)}.toggle-group .toggle-btn{border:none;border-radius:var(--radius-xs);margin:0}.toggle-group .toggle-btn:not(:last-child){margin-right:.125rem}.toggle-group-vertical{flex-direction:column}.toggle-group-vertical .toggle-btn:not(:last-child){margin-right:0;margin-bottom:.125rem}.toggle-group-exclusive .toggle-btn{flex:1}.toggle-btn-icon-only{padding:.625rem;aspect-ratio:1}.toggle-btn-icon-only.toggle-btn-sm{padding:.5rem}.toggle-btn-icon-only.toggle-btn-lg{padding:.875rem}.toggle-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.toggle-segmented{display:inline-flex;align-items:center;gap:0;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);padding:.25rem}.toggle-segmented .toggle-btn{border:none;background-color:transparent;border-radius:var(--radius-xs)}.toggle-segmented .toggle-btn.toggle-btn-active,.toggle-segmented .toggle-btn.active{background-color:var(--color-surface-variant);border-color:transparent;box-shadow:var(--shadow-sm)}.toggle-chip{border-radius:var(--radius-lg);padding:.5rem 1rem}.toggle-chip.toggle-btn-active,.toggle-chip.active{background-color:var(--color-primary-container);border-color:var(--color-primary-container)}.toggle-outlined{background-color:transparent}.toggle-outlined.toggle-btn-active,.toggle-outlined.active{background-color:color-mix(in oklch,var(--color-primary) 10%,transparent)}.toggle-filled{background-color:var(--color-surface-variant);border:none}.toggle-filled.toggle-btn-active,.toggle-filled.active{background-color:var(--color-primary);color:var(--color-primary-content)}.toggle-badge{position:relative}.toggle-badge:after{content:"";position:absolute;top:.25rem;right:.25rem;width:.5rem;height:.5rem;background-color:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-surface)}.toggle-full,.toggle-group-full{width:100%}.toggle-group-full .toggle-btn{flex:1}.toggle-loading{position:relative;pointer-events:none}.toggle-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin-top:-.5rem;margin-left:-.5rem;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:toggle-spin .6s linear infinite}@keyframes toggle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.toggle-btn{transition:none}.toggle-loading:after{animation:none}}}@layer components{.time-input{position:relative;display:inline-flex;align-items:center;width:100%}.time-input-field{display:flex;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;line-height:1.5rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.time-input-field:hover:not(:disabled){background-color:var(--color-surface-container)}.time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.time-input-field:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}.time-input-icon{position:absolute;right:.75rem;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-on-surface-variant);pointer-events:none}.time-input-segments{display:inline-flex;align-items:center;gap:.125rem;padding:.75rem 1rem;background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm)}.time-input-segment{width:2rem;padding:.25rem;font-size:1rem;font-weight:500;text-align:center;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-xs);outline:none;transition:background-color .15s ease-in-out}.time-input-segment:focus{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.time-input-separator{font-size:1rem;font-weight:500;color:var(--color-on-surface-variant)}.time-input-period{display:inline-flex;margin-left:.5rem;background-color:var(--color-surface-container);border-radius:var(--radius-xs);padding:.125rem}.time-input-period-btn{padding:.375rem .625rem;font-size:.75rem;font-weight:500;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.time-input-period-btn:hover{background-color:var(--color-surface-container-high)}.time-input-period-btn-active{background-color:var(--color-primary);color:var(--color-primary-content)}.time-input-sm .time-input-field{padding:.5rem 2rem .5rem .75rem;font-size:.875rem;border-radius:var(--radius-xs)}.time-input-sm .time-input-segment{width:1.75rem;font-size:.875rem}.time-input-lg .time-input-field{padding:1rem 3rem 1rem 1.25rem;font-size:1.125rem;border-radius:var(--radius-sm)}.time-input-lg .time-input-segment{width:2.5rem;font-size:1.125rem}.time-input-filled .time-input-field,.time-input-filled .time-input-segments{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.time-input-filled .time-input-field:focus,.time-input-filled .time-input-segments:focus-within{border-bottom-color:currentColor;box-shadow:none}.time-input-primary .time-input-field,.time-input-primary .time-input-segments{color:var(--color-primary)}.time-input-primary .time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.time-input-secondary .time-input-field,.time-input-secondary .time-input-segments{color:var(--color-secondary)}.time-input-secondary .time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.time-input-tertiary .time-input-field,.time-input-tertiary .time-input-segments{color:var(--color-tertiary)}.time-input-tertiary .time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.time-input-info .time-input-field,.time-input-info .time-input-segments{color:var(--color-info)}.time-input-info .time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.time-input-success .time-input-field,.time-input-success .time-input-segments{color:var(--color-success)}.time-input-success .time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.time-input-warning .time-input-field,.time-input-warning .time-input-segments{color:var(--color-warning)}.time-input-warning .time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.time-input-error .time-input-field,.time-input-error .time-input-segments{color:var(--color-error)}.time-input-error .time-input-field:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.time-input-ghost .time-input-field,.time-input-ghost .time-input-segments{background-color:transparent;border-color:transparent}.time-input-ghost .time-input-field:focus{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.time-picker-dropdown{position:absolute;top:100%;left:0;z-index:50;display:none;min-width:12rem;margin-top:.25rem;padding:.5rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.time-picker-dropdown-open{display:block}.time-picker-columns{display:flex;gap:.5rem;max-height:12rem}.time-picker-column{flex:1;display:flex;flex-direction:column;gap:.125rem;overflow-y:auto}.time-picker-option{padding:.375rem .5rem;font-size:.875rem;text-align:center;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out}.time-picker-option:hover{background-color:var(--color-surface-container)}.time-picker-option-selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}@media(prefers-reduced-motion:reduce){.time-input-field,.time-input-segment,.time-input-period-btn,.time-picker-option{transition:none}}}@layer components{.tree-select{position:relative;display:inline-flex;flex-direction:column;width:100%}.tree-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid currentColor;border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.tree-select-trigger:hover:not(:disabled){background-color:var(--color-surface-container)}.tree-select-trigger:focus{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.tree-select-trigger:disabled,.tree-select-trigger[aria-disabled=true]{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}div.tree-select-trigger{user-select:none}div.tree-select-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.tree-select-value{flex:1;display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-on-surface-variant)}.tree-select-value-selected{color:var(--color-on-surface)}.tree-select-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-select-arrow{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-on-surface-variant);flex-shrink:0;transition:transform .15s ease-in-out}.tree-select-open .tree-select-arrow{transform:rotate(180deg)}.tree-select-clear{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;transition:background-color .15s ease-in-out}.tree-select-clear:hover{background-color:var(--color-surface-container-high)}.tree-select-clear svg{width:1rem;height:1rem}.tree-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:50;display:none;max-height:20rem;margin-top:.25rem;padding:.5rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow-y:auto}.tree-select-open .tree-select-dropdown{display:block}.tree-select-dropdown[popover]{position:absolute;inset:unset;margin:0;border:1px solid var(--color-outline-variant)}.tree-select-dropdown[popover]:popover-open{display:block}@supports (anchor-name: --tree-select){.tree-select{anchor-name:--tree-select}.tree-select-dropdown[popover]{position-anchor:--tree-select;top:anchor(bottom);left:anchor(left);right:anchor(right);position-try-fallbacks:flip-block}}.tree-select-search{display:flex;padding:.5rem;margin-bottom:.5rem;border-bottom:1px solid var(--color-outline-variant)}.tree-select-search-input{flex:1;padding:.5rem .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:var(--color-surface-container);border:none;border-radius:var(--radius-xs);outline:none}.tree-select-search-input:focus{background-color:var(--color-surface-container-high)}.tree-select-options{display:flex;flex-direction:column}.tree-select-node{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out}.tree-select-node:hover{background-color:var(--color-surface-container)}.tree-select-node-selected{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.tree-select-node-selected:hover{background-color:color-mix(in oklch,var(--color-primary-container),black 5%)}.tree-select-node-leaf{padding-left:2rem}.tree-select-node-toggle{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;flex-shrink:0;transition:transform .15s ease-in-out}.tree-select-node-toggle:hover{background-color:var(--color-surface-container-high)}.tree-select-node-expanded .tree-select-node-toggle,.tree-select-node-expanded>.tree-select-node-toggle{transform:rotate(90deg)}.tree-select-node-icon{width:1rem;height:1rem}.tree-select-node-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-select-node-custom-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-on-surface-variant);flex-shrink:0}.tree-select-children{display:none;padding-left:1.5rem}.tree-select-node-expanded+.tree-select-children{display:block}.tree-select-checkbox{display:flex;align-items:center;cursor:pointer}.tree-select-checkbox-input{position:absolute;width:0;height:0;opacity:0}.tree-select-checkbox-box{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;background-color:transparent;border:2px solid var(--color-on-surface-variant);border-radius:var(--radius-xs);transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.tree-select-checkbox-input:checked+.tree-select-checkbox-box{background-color:var(--color-primary);border-color:var(--color-primary)}.tree-select-checkbox-input:checked+.tree-select-checkbox-box:after{content:"";display:block;width:.375rem;height:.625rem;border:2px solid var(--color-primary-content);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.tree-select-empty{padding:1rem;text-align:center;color:var(--color-on-surface-variant);font-size:.875rem}.tree-select-sm .tree-select-trigger{padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius-xs)}.tree-select-lg .tree-select-trigger{padding:1rem 1.25rem;font-size:1.125rem;border-radius:var(--radius-sm)}.tree-select-outlined .tree-select-trigger{background-color:var(--color-surface);border:1px solid var(--color-outline)}.tree-select-filled .tree-select-trigger{background-color:var(--color-surface-container);border:none;border-bottom:2px solid var(--color-outline);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tree-select-filled .tree-select-trigger:focus{border-bottom-color:currentColor;box-shadow:none}.tree-select-multiple .tree-select-value{flex-wrap:wrap;gap:.25rem}.tree-select-primary .tree-select-trigger{color:var(--color-primary)}.tree-select-primary .tree-select-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 10%,transparent)}.tree-select-secondary .tree-select-trigger{color:var(--color-secondary)}.tree-select-secondary .tree-select-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-secondary) 10%,transparent)}.tree-select-tertiary .tree-select-trigger{color:var(--color-tertiary)}.tree-select-tertiary .tree-select-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-tertiary) 10%,transparent)}.tree-select-info .tree-select-trigger{color:var(--color-info)}.tree-select-info .tree-select-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-info) 10%,transparent)}.tree-select-success .tree-select-trigger{color:var(--color-success)}.tree-select-success .tree-select-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 10%,transparent)}.tree-select-warning .tree-select-trigger{color:var(--color-warning)}.tree-select-warning .tree-select-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-warning) 10%,transparent)}.tree-select-error .tree-select-trigger{color:var(--color-error)}.tree-select-error .tree-select-trigger:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 10%,transparent)}.tree-select-ghost .tree-select-trigger{background-color:transparent;border-color:transparent}.tree-select-ghost .tree-select-trigger:focus{background-color:var(--color-surface-container);border-color:transparent;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.tree-select-disabled .tree-select-trigger{cursor:not-allowed;opacity:.5;background-color:var(--color-surface-container)}.tree-select-loading .tree-select-trigger{cursor:wait}.tree-select-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-outline);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:tree-select-spin .8s linear infinite}@keyframes tree-select-spin{to{transform:rotate(360deg)}}.tree-select-tags{display:flex;flex-wrap:wrap;gap:.25rem;flex:1}.tree-select-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-radius:var(--radius-lg)}.tree-select-tag-remove{display:flex;align-items:center;justify-content:center;width:.875rem;height:.875rem;padding:0;color:inherit;background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;opacity:.7}.tree-select-tag-remove:hover{opacity:1;background-color:color-mix(in oklch,currentColor 10%,transparent)}@media(prefers-reduced-motion:reduce){.tree-select-trigger,.tree-select-arrow,.tree-select-node-toggle,.tree-select-node,.tree-select-checkbox-box{transition:none}.tree-select-spinner{animation:none}}}@layer components{.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:var(--radius-sm);background-color:var(--color-surface-container);color:var(--color-on-surface);border:1px solid var(--color-outline)}.alert-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;flex-shrink:0}.alert-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.alert-title{font-size:.875rem;font-weight:600;line-height:1.25rem}.alert-description{font-size:.875rem;line-height:1.25rem;opacity:.9}.alert-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1rem;color:currentColor;opacity:.7;background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:opacity .15s ease-in-out;flex-shrink:0;margin-left:auto}.alert-close:hover{opacity:1}.alert-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.alert-info{background-color:var(--color-info-container);color:var(--color-on-info-container);border-color:transparent}.alert-success{background-color:var(--color-success-container);color:var(--color-on-success-container);border-color:transparent}.alert-warning{background-color:var(--color-warning-container);color:var(--color-on-warning-container);border-color:transparent}.alert-error{background-color:var(--color-error-container);color:var(--color-on-error-container);border-color:transparent}.alert-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container);border-color:transparent}.alert-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container);border-color:transparent}.alert-tertiary{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container);border-color:transparent}.alert-filled.alert-info{background-color:var(--color-info);color:var(--color-info-content)}.alert-filled.alert-success{background-color:var(--color-success);color:var(--color-success-content)}.alert-filled.alert-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.alert-filled.alert-error{background-color:var(--color-error);color:var(--color-error-content)}.alert-filled.alert-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.alert-filled.alert-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.alert-filled.alert-tertiary{background-color:var(--color-tertiary);color:var(--color-tertiary-content)}.alert-outlined{background-color:transparent}.alert-outlined.alert-info{border-color:var(--color-info);color:var(--color-info)}.alert-outlined.alert-success{border-color:var(--color-success);color:var(--color-success)}.alert-outlined.alert-warning{border-color:var(--color-warning);color:var(--color-warning)}.alert-outlined.alert-error{border-color:var(--color-error);color:var(--color-error)}.alert-outlined.alert-primary{border-color:var(--color-primary);color:var(--color-primary)}.alert-outlined.alert-secondary{border-color:var(--color-secondary);color:var(--color-secondary)}.alert-outlined.alert-tertiary{border-color:var(--color-tertiary);color:var(--color-tertiary)}.alert-ghost{background-color:transparent;border-color:transparent}.alert-ghost.alert-primary{color:var(--color-primary)}.alert-ghost.alert-secondary{color:var(--color-secondary)}.alert-ghost.alert-tertiary{color:var(--color-tertiary)}.alert-ghost.alert-info{color:var(--color-info)}.alert-ghost.alert-success{color:var(--color-success)}.alert-ghost.alert-warning{color:var(--color-warning)}.alert-ghost.alert-error{color:var(--color-error)}.alert-dismissible{padding-right:2.5rem;position:relative}.alert-dismissible .alert-close{position:absolute;top:.75rem;right:.75rem}.alert-compact{padding:.625rem .875rem;gap:.5rem}.alert-compact .alert-icon{width:1.25rem;height:1.25rem;font-size:1rem}.alert-compact .alert-title,.alert-compact .alert-description{font-size:.8125rem}.alert-actions{display:flex;gap:.5rem;margin-top:.5rem}.alert-banner{border-radius:0;border-left:none;border-right:none}@media(prefers-reduced-motion:reduce){.alert-close{transition:none}}}@layer components{dialog.dialog{position:fixed;margin:auto;padding:0;border:none;width:100%;max-width:28rem;max-height:calc(100vh - 4rem);background-color:var(--color-surface);color:var(--color-on-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden}dialog.dialog::backdrop{background-color:color-mix(in srgb,var(--color-scrim) 50%,transparent)}.dialog-box{display:flex;flex-direction:column;max-height:calc(100vh - 4rem);overflow:hidden}.dialog-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 0}.dialog-title{flex:1;font-size:1.25rem;font-weight:600;line-height:1.75rem;margin:0;color:var(--color-on-surface)}.dialog-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:1.25rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;flex-shrink:0}.dialog-close:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.dialog-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.dialog-body{padding:1rem 1.5rem;overflow-y:auto;color:var(--color-on-surface-variant);line-height:1.5}.dialog-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem 1.5rem}.dialog-footer-start{justify-content:flex-start}.dialog-footer-center{justify-content:center}.dialog-footer-between{justify-content:space-between}dialog.dialog.dialog-sm{max-width:20rem}dialog.dialog.dialog-lg{max-width:40rem}dialog.dialog.dialog-xl{max-width:56rem}dialog.dialog.dialog-fullscreen{max-width:100%;max-height:100%;width:100%;height:100%;border-radius:0;margin:0}dialog.dialog.dialog-fullscreen .dialog-box{max-height:100%}dialog.dialog.dialog-top{margin-top:2rem;margin-bottom:auto}dialog.dialog.dialog-bottom{margin-top:auto;margin-bottom:2rem}.dialog-scrollable .dialog-body{max-height:50vh;overflow-y:auto}.dialog-divider .dialog-header{border-bottom:1px solid var(--color-outline-variant);padding-bottom:1rem}.dialog-divider .dialog-footer{border-top:1px solid var(--color-outline-variant);padding-top:1rem}@media(prefers-reduced-motion:reduce){.dialog{transition:visibility 0ms,opacity 0ms}.dialog-box{transition:transform 0ms}}}@layer components{.progress{position:relative;width:100%;height:.5rem;background-color:var(--color-surface-container-highest);border-radius:var(--radius-full);overflow:hidden}.progress-bar{position:absolute;top:0;left:0;height:100%;background-color:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease-in-out}.progress-primary .progress-bar{background-color:var(--color-primary)}.progress-secondary .progress-bar{background-color:var(--color-secondary)}.progress-tertiary .progress-bar{background-color:var(--color-tertiary)}.progress-info .progress-bar{background-color:var(--color-info)}.progress-success .progress-bar{background-color:var(--color-success)}.progress-warning .progress-bar{background-color:var(--color-warning)}.progress-error .progress-bar{background-color:var(--color-error)}.progress-xs{height:.25rem}.progress-sm{height:.375rem}.progress-lg{height:.75rem}.progress-xl{height:1rem}.progress-indeterminate .progress-bar{width:30%;animation:progress-indeterminate 1.5s infinite ease-in-out}@keyframes progress-indeterminate{0%{left:-30%}to{left:100%}}.progress-labeled{position:relative}.progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.625rem;font-weight:600;color:var(--color-on-surface)}.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-striped.progress-animated .progress-bar{animation:progress-striped 1s linear infinite}@keyframes progress-striped{0%{background-position:1rem 0}to{background-position:0 0}}.progress-circular{position:relative;width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center}.progress-circular svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circular-track{fill:none;stroke:var(--color-surface-container-highest);stroke-width:4}.progress-circular-bar{fill:none;stroke:var(--color-primary);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .3s ease-in-out}.progress-circular-label{position:absolute;font-size:.75rem;font-weight:600;color:var(--color-on-surface)}.progress-circular-sm{width:2rem;height:2rem}.progress-circular-sm .progress-circular-label{font-size:.5rem}.progress-circular-lg{width:4rem;height:4rem}.progress-circular-lg .progress-circular-label{font-size:1rem}.progress-circular-xl{width:6rem;height:6rem}.progress-circular-xl .progress-circular-label{font-size:1.25rem}.progress-circular-indeterminate svg{animation:progress-circular-rotate 2s linear infinite}.progress-circular-indeterminate .progress-circular-bar{stroke-dasharray:80,200;stroke-dashoffset:0;animation:progress-circular-dash 1.5s ease-in-out infinite}@keyframes progress-circular-rotate{to{transform:rotate(270deg)}}@keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:100,200;stroke-dashoffset:-15}to{stroke-dasharray:100,200;stroke-dashoffset:-125}}@media(prefers-reduced-motion:reduce){.progress-indeterminate .progress-bar,.progress-striped.progress-animated .progress-bar,.progress-circular-indeterminate svg,.progress-circular-indeterminate .progress-circular-bar{animation:none}}}@layer components{.skeleton{background-color:var(--color-surface-container-high);border-radius:var(--radius-xs);animation:skeleton-pulse 2s ease-in-out infinite}.skeleton-text{height:1rem;width:100%;border-radius:var(--radius-xs)}.skeleton-circle{border-radius:var(--radius-full);aspect-ratio:1}.skeleton-rect,.skeleton-rounded{border-radius:var(--radius-sm)}.skeleton-xs{height:.5rem}.skeleton-sm{height:.75rem}.skeleton-md{height:1rem}.skeleton-lg{height:1.5rem}.skeleton-xl{height:2rem}.skeleton-avatar{width:3rem;height:3rem;border-radius:var(--radius-full)}.skeleton-avatar-sm{width:2rem;height:2rem}.skeleton-avatar-lg{width:4rem;height:4rem}.skeleton-button{height:2.5rem;width:6rem;border-radius:var(--radius-sm)}.skeleton-image{aspect-ratio:16 / 9;width:100%;border-radius:var(--radius-sm)}.skeleton-card{width:100%;border-radius:var(--radius-lg);padding:1rem}.skeleton-line{height:.875rem;width:100%;margin-bottom:.5rem;border-radius:var(--radius-xs)}.skeleton-line:last-child{width:75%;margin-bottom:0}.skeleton-line-short{width:40%}.skeleton-line-medium{width:70%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton-wave{position:relative;overflow:hidden;animation:none}.skeleton-wave:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:skeleton-wave 1.5s infinite}@keyframes skeleton-wave{to{transform:translate(100%)}}.skeleton-group,.skeleton-card-content{display:flex;flex-direction:column;gap:.75rem}.skeleton-card-header{display:flex;align-items:center;gap:.75rem}.skeleton-card-body{display:flex;flex-direction:column;gap:.5rem}.skeleton-table{width:100%}.skeleton-table-row{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--color-outline-variant)}.skeleton-table-cell{flex:1;height:1rem;border-radius:var(--radius-xs)}.skeleton-list{display:flex;flex-direction:column;gap:.5rem}.skeleton-list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.skeleton-wave:after{animation:none}}}@layer components{.snackbar-container{position:fixed;z-index:1100;display:flex;flex-direction:column;gap:.5rem;padding:1rem;pointer-events:none}.snackbar-container-bottom{bottom:0;left:50%;transform:translate(-50%);align-items:center}.snackbar-container-bottom-left{bottom:0;left:0;align-items:flex-start}.snackbar-container-bottom-right{bottom:0;right:0;align-items:flex-end}.snackbar-container-top{top:0;left:50%;transform:translate(-50%);align-items:center}.snackbar-container-top-left{top:0;left:0;align-items:flex-start}.snackbar-container-top-right{top:0;right:0;align-items:flex-end}.snackbar{display:flex;align-items:center;gap:.75rem;min-width:20rem;max-width:40rem;padding:.875rem 1rem;background-color:var(--color-surface-container-highest);color:var(--color-on-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:auto;opacity:0;transform:translateY(100%);transition:opacity .2s ease-out,transform .2s ease-out}.snackbar-container-top .snackbar,.snackbar-container-top-left .snackbar,.snackbar-container-top-right .snackbar{transform:translateY(-100%)}.snackbar.snackbar-open,.snackbar.snackbar-show,.snackbar.show{opacity:1;transform:translateY(0)}.snackbar.snackbar-bottom{position:fixed;bottom:1rem;left:50%;transform:translate(-50%) translateY(100%);z-index:1100}.snackbar.snackbar-bottom.snackbar-show{transform:translate(-50%) translateY(0)}.snackbar.snackbar-bottom-left{position:fixed;bottom:1rem;left:1rem;z-index:1100}.snackbar.snackbar-bottom-right{position:fixed;bottom:1rem;right:1rem;z-index:1100}.snackbar.snackbar-top{position:fixed;top:1rem;left:50%;transform:translate(-50%) translateY(-100%);z-index:1100}.snackbar.snackbar-top.snackbar-show{transform:translate(-50%) translateY(0)}.snackbar.snackbar-top-left{position:fixed;top:1rem;left:1rem;transform:translateY(-100%);z-index:1100}.snackbar.snackbar-top-left.snackbar-show{transform:translateY(0)}.snackbar.snackbar-top-right{position:fixed;top:1rem;right:1rem;transform:translateY(-100%);z-index:1100}.snackbar.snackbar-top-right.snackbar-show,.snackbar.snackbar-bottom-left.snackbar-show,.snackbar.snackbar-bottom-right.snackbar-show{transform:translateY(0)}.snackbar-message{flex:1;font-size:.875rem;line-height:1.25rem}.snackbar-action{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-primary);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out;white-space:nowrap;flex-shrink:0}.snackbar-action:hover{background-color:var(--color-primary-container)}.snackbar-action:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.snackbar-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out;flex-shrink:0}.snackbar-close:hover{background-color:var(--color-surface-container)}.snackbar-info{background-color:var(--color-info-container);color:var(--color-on-info-container)}.snackbar-success{background-color:var(--color-success-container);color:var(--color-on-success-container)}.snackbar-warning{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.snackbar-error{background-color:var(--color-error-container);color:var(--color-on-error-container)}.snackbar-primary{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.snackbar-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.snackbar-tertiary{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.snackbar-dark{background-color:var(--color-on-surface);color:var(--color-surface)}.snackbar-dark .snackbar-action{color:var(--color-primary-container)}.snackbar-dark .snackbar-close{color:var(--color-surface)}.snackbar-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem}.snackbar-multiline{flex-wrap:wrap;min-height:4rem}.snackbar-multiline .snackbar-message{width:100%;margin-bottom:.5rem}.snackbar-multiline .snackbar-action{margin-left:auto}@media(max-width:640px){.snackbar{min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}.snackbar-container{left:0;right:0;transform:none}.snackbar-container-bottom,.snackbar-container-top{align-items:stretch}}@media(prefers-reduced-motion:reduce){.snackbar{transition:opacity 0ms,transform 0ms}}}@layer components{.toast-container{position:fixed;z-index:1200;display:flex;flex-direction:column;gap:.5rem;padding:1rem;pointer-events:none}.toast-container-top-right{top:0;right:0;align-items:flex-end}.toast-container-top-left{top:0;left:0;align-items:flex-start}.toast-container-top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.toast-container-bottom-right{bottom:0;right:0;align-items:flex-end}.toast-container-bottom-left{bottom:0;left:0;align-items:flex-start}.toast-container-bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center}.toast{display:flex;align-items:flex-start;gap:.75rem;width:22rem;max-width:calc(100vw - 2rem);padding:1rem;background-color:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;opacity:0;transform:translate(100%);transition:opacity .3s ease-out,transform .3s ease-out}.toast-container-top-left .toast,.toast-container-bottom-left .toast{transform:translate(-100%)}.toast-container-top-center .toast,.toast-container-bottom-center .toast{transform:translateY(-20px)}.toast.toast-open,.toast.show,.toast-show{opacity:1;transform:translate(0) translateY(0)}.toast-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;flex-shrink:0}.toast-content{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.toast-title{font-size:.875rem;font-weight:600;line-height:1.25rem;color:var(--color-on-surface)}.toast-message{font-size:.875rem;line-height:1.25rem;color:var(--color-on-surface-variant)}.toast-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;flex-shrink:0;margin-left:auto}.toast-close:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.toast-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.toast-actions{display:flex;gap:.5rem;margin-top:.5rem}.toast-info{border-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-success{border-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-warning{border-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-error{border-color:var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-primary{border-color:var(--color-primary)}.toast-primary .toast-icon{color:var(--color-primary)}.toast-secondary{border-color:var(--color-secondary)}.toast-secondary .toast-icon{color:var(--color-secondary)}.toast-tertiary{border-color:var(--color-tertiary)}.toast-tertiary .toast-icon{color:var(--color-tertiary)}.toast-filled.toast-info{background-color:var(--color-info-container);border-color:transparent;color:var(--color-on-info-container)}.toast-filled.toast-success{background-color:var(--color-success-container);border-color:transparent;color:var(--color-on-success-container)}.toast-filled.toast-warning{background-color:var(--color-warning-container);border-color:transparent;color:var(--color-on-warning-container)}.toast-filled.toast-error{background-color:var(--color-error-container);border-color:transparent;color:var(--color-on-error-container)}.toast-filled.toast-primary{background-color:var(--color-primary-container);border-color:transparent;color:var(--color-on-primary-container)}.toast-filled.toast-secondary{background-color:var(--color-secondary-container);border-color:transparent;color:var(--color-on-secondary-container)}.toast-filled.toast-tertiary{background-color:var(--color-tertiary-container);border-color:transparent;color:var(--color-on-tertiary-container)}.toast-filled .toast-title,.toast-filled .toast-message{color:inherit}.toast-ghost{background-color:transparent;border-color:transparent}.toast-ghost.toast-primary{color:var(--color-primary)}.toast-ghost.toast-secondary{color:var(--color-secondary)}.toast-ghost.toast-tertiary{color:var(--color-tertiary)}.toast-ghost.toast-info{color:var(--color-info)}.toast-ghost.toast-success{color:var(--color-success)}.toast-ghost.toast-warning{color:var(--color-warning)}.toast-ghost.toast-error{color:var(--color-error)}.toast-ghost .toast-title,.toast-ghost .toast-message{color:inherit}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background-color:currentColor;border-radius:0 0 var(--radius-md) var(--radius-md);animation:toast-progress linear forwards}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media(prefers-reduced-motion:reduce){.toast{transition:opacity 0ms;transform:none}.toast-progress{animation:none}}}@layer components{.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;z-index:1000;padding:.375rem .75rem;font-size:.75rem;font-weight:500;line-height:1rem;white-space:nowrap;background-color:var(--color-on-surface);color:var(--color-surface);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out;pointer-events:none}.tooltip-content:before{content:"";position:absolute;width:0;height:0;border:.375rem solid transparent}.tooltip:hover .tooltip-content,.tooltip:focus-within .tooltip-content,.tooltip-open .tooltip-content{opacity:1;visibility:visible}.tooltip .tooltip-content{inset:auto auto 100% 50%;transform:translate(-50%);margin-bottom:.5rem;margin-top:0;margin-left:0;margin-right:0}.tooltip .tooltip-content:before{inset:100% auto auto 50%;transform:translate(-50%);border-top-color:var(--color-on-surface);border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent}.tooltip.tooltip-bottom .tooltip-content{inset:100% auto auto 50%;transform:translate(-50%);margin-top:.5rem;margin-bottom:0;margin-left:0;margin-right:0}.tooltip.tooltip-bottom .tooltip-content:before{inset:auto auto 100% 50%;transform:translate(-50%);border-bottom-color:var(--color-on-surface);border-top-color:transparent;border-left-color:transparent;border-right-color:transparent}.tooltip.tooltip-left .tooltip-content{inset:50% 100% auto auto;transform:translateY(-50%);margin-right:.5rem;margin-left:0;margin-top:0;margin-bottom:0}.tooltip.tooltip-left .tooltip-content:before{inset:50% auto auto 100%;transform:translateY(-50%);border-left-color:var(--color-on-surface);border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent}.tooltip.tooltip-right .tooltip-content{inset:50% auto auto 100%;transform:translateY(-50%);margin-left:.5rem;margin-right:0;margin-top:0;margin-bottom:0}.tooltip.tooltip-right .tooltip-content:before{inset:50% 100% auto auto;transform:translateY(-50%);border-right-color:var(--color-on-surface);border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent}.tooltip.tooltip-light .tooltip-content{background-color:var(--color-surface);color:var(--color-on-surface);border:1px solid var(--color-outline);box-shadow:var(--shadow-md)}.tooltip.tooltip-light .tooltip-content:before{border-top-color:var(--color-surface)}.tooltip.tooltip-light.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-surface)}.tooltip.tooltip-light.tooltip-left .tooltip-content:before{border-left-color:var(--color-surface)}.tooltip.tooltip-light.tooltip-right .tooltip-content:before{border-right-color:var(--color-surface)}.tooltip.tooltip-primary .tooltip-content{background-color:var(--color-primary);color:var(--color-primary-content)}.tooltip.tooltip-primary .tooltip-content:before{border-top-color:var(--color-primary)}.tooltip.tooltip-primary.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-primary)}.tooltip.tooltip-primary.tooltip-left .tooltip-content:before{border-left-color:var(--color-primary)}.tooltip.tooltip-primary.tooltip-right .tooltip-content:before{border-right-color:var(--color-primary)}.tooltip.tooltip-secondary .tooltip-content{background-color:var(--color-secondary);color:var(--color-secondary-content)}.tooltip.tooltip-secondary .tooltip-content:before{border-top-color:var(--color-secondary)}.tooltip.tooltip-secondary.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-secondary)}.tooltip.tooltip-secondary.tooltip-left .tooltip-content:before{border-left-color:var(--color-secondary)}.tooltip.tooltip-secondary.tooltip-right .tooltip-content:before{border-right-color:var(--color-secondary)}.tooltip.tooltip-error .tooltip-content{background-color:var(--color-error);color:var(--color-error-content)}.tooltip.tooltip-error .tooltip-content:before{border-top-color:var(--color-error)}.tooltip.tooltip-error.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-error)}.tooltip.tooltip-error.tooltip-left .tooltip-content:before{border-left-color:var(--color-error)}.tooltip.tooltip-error.tooltip-right .tooltip-content:before{border-right-color:var(--color-error)}.tooltip.tooltip-tertiary .tooltip-content{background-color:var(--color-tertiary);color:var(--color-tertiary-content)}.tooltip.tooltip-tertiary .tooltip-content:before{border-top-color:var(--color-tertiary)}.tooltip.tooltip-tertiary.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-tertiary)}.tooltip.tooltip-tertiary.tooltip-left .tooltip-content:before{border-left-color:var(--color-tertiary)}.tooltip.tooltip-tertiary.tooltip-right .tooltip-content:before{border-right-color:var(--color-tertiary)}.tooltip.tooltip-info .tooltip-content{background-color:var(--color-info);color:var(--color-info-content)}.tooltip.tooltip-info .tooltip-content:before{border-top-color:var(--color-info)}.tooltip.tooltip-info.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-info)}.tooltip.tooltip-info.tooltip-left .tooltip-content:before{border-left-color:var(--color-info)}.tooltip.tooltip-info.tooltip-right .tooltip-content:before{border-right-color:var(--color-info)}.tooltip.tooltip-success .tooltip-content{background-color:var(--color-success);color:var(--color-success-content)}.tooltip.tooltip-success .tooltip-content:before{border-top-color:var(--color-success)}.tooltip.tooltip-success.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-success)}.tooltip.tooltip-success.tooltip-left .tooltip-content:before{border-left-color:var(--color-success)}.tooltip.tooltip-success.tooltip-right .tooltip-content:before{border-right-color:var(--color-success)}.tooltip.tooltip-warning .tooltip-content{background-color:var(--color-warning);color:var(--color-warning-content)}.tooltip.tooltip-warning .tooltip-content:before{border-top-color:var(--color-warning)}.tooltip.tooltip-warning.tooltip-bottom .tooltip-content:before{border-bottom-color:var(--color-warning)}.tooltip.tooltip-warning.tooltip-left .tooltip-content:before{border-left-color:var(--color-warning)}.tooltip.tooltip-warning.tooltip-right .tooltip-content:before{border-right-color:var(--color-warning)}.tooltip-multiline .tooltip-content{white-space:normal;max-width:16rem;text-align:center}.tooltip-rich .tooltip-content{padding:.75rem 1rem;max-width:20rem;white-space:normal;text-align:left}.tooltip-rich-title{font-size:.8125rem;font-weight:600;margin-bottom:.25rem}.tooltip-rich-description{font-size:.75rem;font-weight:400;opacity:.9}.tooltip-delay .tooltip-content{transition-delay:.3s}.tooltip-delay-long .tooltip-content{transition-delay:.5s}.tooltip-interactive .tooltip-content{pointer-events:auto}@media(prefers-reduced-motion:reduce){.tooltip-content{transition:none}}}@layer components{.appbar{display:flex;align-items:center;gap:.5rem;width:100%;min-height:4rem;padding:0 1rem;background-color:var(--color-surface);color:var(--color-on-surface);box-shadow:var(--shadow-sm)}.appbar-static{position:static}.appbar-fixed{position:fixed;top:0;left:0;right:0;z-index:1000}.appbar-sticky{position:sticky;top:0;z-index:1000}.appbar-top{top:0}.appbar-bottom{position:fixed;inset:auto 0 0;z-index:1000}.appbar-elevated{box-shadow:var(--shadow-sm)}.appbar-flat{box-shadow:none}.appbar-bordered{border-bottom:1px solid var(--color-outline-variant);box-shadow:none}.appbar-transparent{background-color:transparent;box-shadow:none}.appbar-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.appbar-nav{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out;flex-shrink:0}.appbar-nav:hover{background-color:var(--color-surface-container)}.appbar-nav:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.appbar-title{flex:1;font-size:1.25rem;font-weight:500;line-height:1.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-subtitle{font-size:.75rem;color:var(--color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-title-group{flex:1;min-width:0}.appbar-title-group .appbar-title{font-size:1rem;line-height:1.25rem}.appbar-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.appbar-action{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.appbar-action:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.appbar-action:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.appbar-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.appbar-logo{height:2rem;width:auto}.appbar-sm{min-height:3rem;padding:0 .75rem}.appbar-sm .appbar-title{font-size:1rem}.appbar-lg{min-height:5rem;padding:0 1.5rem}.appbar-lg .appbar-title{font-size:1.5rem}.appbar-compact{min-height:3rem;padding:0 .75rem}.appbar-compact .appbar-title,.appbar-compact .appbar-heading{font-size:1rem;line-height:1.5rem}.appbar-compact .appbar-nav,.appbar-compact .appbar-action,.appbar-compact .appbar-back{width:2rem;height:2rem}.appbar-comfortable{min-height:5rem;padding:0 1.5rem}.appbar-comfortable .appbar-title,.appbar-comfortable .appbar-heading{font-size:1.5rem;line-height:2rem}.appbar-leading{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.appbar-trailing{display:flex;align-items:center;gap:.25rem;flex-grow:1;justify-content:flex-end;margin-left:auto}.appbar-heading{font-size:1.25rem;font-weight:500;line-height:1.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appbar-back{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out;flex-shrink:0}.appbar-back:hover{background-color:var(--color-surface-container)}.appbar-back:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.appbar .appbar-search,input.appbar-search{flex:1;max-width:32rem;padding:.5rem 1rem;font-size:.875rem;color:var(--color-on-surface);background-color:var(--color-surface-container);border:none;border-radius:var(--radius-full);transition:background-color .15s ease-in-out}.appbar .appbar-search:focus,input.appbar-search:focus{outline:none;background-color:var(--color-surface-container-high)}.appbar .appbar-search::placeholder,input.appbar-search::placeholder{color:var(--color-on-surface-variant)}.appbar-primary{background-color:var(--color-primary);color:var(--color-primary-content)}.appbar-primary .appbar-nav,.appbar-primary .appbar-action,.appbar-primary .appbar-back{color:var(--color-primary-content)}.appbar-primary .appbar-nav:hover,.appbar-primary .appbar-action:hover,.appbar-primary .appbar-back:hover{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.appbar-primary .appbar-subtitle{color:var(--color-primary-content);opacity:.8}.appbar-secondary{background-color:var(--color-secondary);color:var(--color-secondary-content)}.appbar-secondary .appbar-nav,.appbar-secondary .appbar-action,.appbar-secondary .appbar-back{color:var(--color-secondary-content)}.appbar-secondary .appbar-nav:hover,.appbar-secondary .appbar-action:hover,.appbar-secondary .appbar-back:hover{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.appbar-secondary .appbar-subtitle{color:var(--color-secondary-content);opacity:.8}.appbar-tertiary{background-color:var(--color-tertiary);color:var(--color-tertiary-content)}.appbar-tertiary .appbar-nav,.appbar-tertiary .appbar-action,.appbar-tertiary .appbar-back{color:var(--color-tertiary-content)}.appbar-tertiary .appbar-nav:hover,.appbar-tertiary .appbar-action:hover,.appbar-tertiary .appbar-back:hover{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.appbar-tertiary .appbar-subtitle{color:var(--color-tertiary-content);opacity:.8}.appbar-info{background-color:var(--color-info);color:var(--color-info-content)}.appbar-info .appbar-nav,.appbar-info .appbar-action,.appbar-info .appbar-back{color:var(--color-info-content)}.appbar-info .appbar-nav:hover,.appbar-info .appbar-action:hover,.appbar-info .appbar-back:hover{background-color:var(--color-info-container);color:var(--color-on-info-container)}.appbar-info .appbar-subtitle{color:var(--color-info-content);opacity:.8}.appbar-success{background-color:var(--color-success);color:var(--color-success-content)}.appbar-success .appbar-nav,.appbar-success .appbar-action,.appbar-success .appbar-back{color:var(--color-success-content)}.appbar-success .appbar-nav:hover,.appbar-success .appbar-action:hover,.appbar-success .appbar-back:hover{background-color:var(--color-success-container);color:var(--color-on-success-container)}.appbar-success .appbar-subtitle{color:var(--color-success-content);opacity:.8}.appbar-warning{background-color:var(--color-warning);color:var(--color-warning-content)}.appbar-warning .appbar-nav,.appbar-warning .appbar-action,.appbar-warning .appbar-back{color:var(--color-warning-content)}.appbar-warning .appbar-nav:hover,.appbar-warning .appbar-action:hover,.appbar-warning .appbar-back:hover{background-color:var(--color-warning-container);color:var(--color-on-warning-container)}.appbar-warning .appbar-subtitle{color:var(--color-warning-content);opacity:.8}.appbar-error{background-color:var(--color-error);color:var(--color-error-content)}.appbar-error .appbar-nav,.appbar-error .appbar-action,.appbar-error .appbar-back{color:var(--color-error-content)}.appbar-error .appbar-nav:hover,.appbar-error .appbar-action:hover,.appbar-error .appbar-back:hover{background-color:var(--color-error-container);color:var(--color-on-error-container)}.appbar-error .appbar-subtitle{color:var(--color-error-content);opacity:.8}.appbar-surface{background-color:var(--color-surface)}.appbar-surface-container{background-color:var(--color-surface-container)}.appbar-surface-container-low{background-color:var(--color-surface-container-low)}.appbar-surface-container-high{background-color:var(--color-surface-container-high)}.appbar-surface-container-highest{background-color:var(--color-surface-container-highest)}.appbar-center{justify-content:space-between}.appbar-center .appbar-title{position:absolute;left:50%;transform:translate(-50%);flex:none}.appbar-dense{min-height:3rem;padding:0 .5rem}.appbar-dense .appbar-nav,.appbar-dense .appbar-action{width:2rem;height:2rem}.appbar-prominent{flex-direction:column;align-items:flex-start;min-height:8rem;padding:1rem}.appbar-prominent .appbar-row{display:flex;align-items:center;width:100%;gap:.5rem}.appbar-prominent .appbar-title{font-size:2rem;font-weight:400;margin-top:auto;padding-bottom:.5rem}.appbar-search{flex:1;max-width:32rem;margin:0 1rem}.appbar-search-input{width:100%;padding:.5rem 1rem;font-size:.875rem;color:var(--color-on-surface);background-color:var(--color-surface-container);border:none;border-radius:var(--radius-full);transition:background-color .15s ease-in-out}.appbar-search-input:focus{outline:none;background-color:var(--color-surface-container-high)}.appbar-search-input::placeholder{color:var(--color-on-surface-variant)}@media(max-width:640px){.appbar{padding:0 .5rem}.appbar-title{font-size:1rem}.appbar-search{margin:0 .5rem}}@media(prefers-reduced-motion:reduce){.appbar-nav,.appbar-action,.appbar-search-input{transition:none}}}@layer components{.divider{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;margin:1rem 0;white-space:nowrap}.divider:not(:empty){gap:1rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--color-outline-variant)}.divider-vertical{flex-direction:column;width:auto;margin:0 1rem;align-self:stretch}.divider-vertical:before,.divider-vertical:after{width:1px;height:unset}.divider-thin:before,.divider-thin:after{height:1px}.divider-thin.divider-vertical:before,.divider-thin.divider-vertical:after{width:1px;height:unset}.divider-medium:before,.divider-medium:after{height:2px}.divider-medium.divider-vertical:before,.divider-medium.divider-vertical:after{width:2px;height:unset}.divider-thick:before,.divider-thick:after{height:4px}.divider-thick.divider-vertical:before,.divider-thick.divider-vertical:after{width:4px;height:unset}.divider-dashed:before,.divider-dashed:after{background-color:transparent;background-image:linear-gradient(to right,var(--color-outline-variant) 50%,transparent 50%);background-size:8px 1px;background-repeat:repeat-x}.divider-dashed.divider-vertical:before,.divider-dashed.divider-vertical:after{background-image:linear-gradient(to bottom,var(--color-outline-variant) 50%,transparent 50%);background-size:1px 8px;background-repeat:repeat-y}.divider-dotted:before,.divider-dotted:after{background-color:transparent;background-image:linear-gradient(to right,var(--color-outline-variant) 25%,transparent 25%);background-size:4px 1px;background-repeat:repeat-x}.divider-dotted.divider-vertical:before,.divider-dotted.divider-vertical:after{background-image:linear-gradient(to bottom,var(--color-outline-variant) 25%,transparent 25%);background-size:1px 4px;background-repeat:repeat-y}.divider-primary:before,.divider-primary:after{background-color:var(--color-primary)}.divider-primary.divider-dashed:before,.divider-primary.divider-dashed:after{background-image:linear-gradient(to right,var(--color-primary) 50%,transparent 50%)}.divider-primary.divider-dashed.divider-vertical:before,.divider-primary.divider-dashed.divider-vertical:after{background-image:linear-gradient(to bottom,var(--color-primary) 50%,transparent 50%)}.divider-secondary:before,.divider-secondary:after{background-color:var(--color-secondary)}.divider-tertiary:before,.divider-tertiary:after{background-color:var(--color-tertiary)}.divider-info:before,.divider-info:after{background-color:var(--color-info)}.divider-success:before,.divider-success:after{background-color:var(--color-success)}.divider-warning:before,.divider-warning:after{background-color:var(--color-warning)}.divider-error:before,.divider-error:after{background-color:var(--color-error)}.divider-gradient:before,.divider-gradient:after{background:linear-gradient(to right,transparent,var(--color-outline-variant) 20%,var(--color-outline-variant) 80%,transparent)}.divider-gradient.divider-vertical:before,.divider-gradient.divider-vertical:after{background:linear-gradient(to bottom,transparent,var(--color-outline-variant) 20%,var(--color-outline-variant) 80%,transparent)}.divider-start:before{flex:0 0 2rem}.divider-end:after{flex:0 0 2rem}.divider-vertical.divider-start:before{flex:0 0 2rem}.divider-vertical.divider-end:after{flex:0 0 2rem}.divider-compact{margin:.25rem 0}.divider-compact:not(:empty){gap:.5rem}.divider-compact.divider-vertical{margin:0 .25rem}.divider-comfortable{margin:1.5rem 0}.divider-comfortable.divider-vertical{margin:0 1.5rem}.divider-spacious{margin:2rem 0}.divider-spacious:not(:empty){gap:1.5rem}.divider-spacious.divider-vertical{margin:0 2rem}.divider-none{margin:0}.divider-xs{margin:.25rem 0}.divider-xs.divider-vertical{margin:0 .25rem}.divider-sm{margin:.5rem 0}.divider-sm.divider-vertical{margin:0 .5rem}.divider-lg{margin:1.5rem 0}.divider-lg.divider-vertical{margin:0 1.5rem}.divider-xl{margin:2rem 0}.divider-xl.divider-vertical{margin:0 2rem}.divider-inset{padding-left:4rem}.divider-inset-right{padding-right:4rem}.divider-inset-both{padding-left:4rem;padding-right:4rem}.divider-list{margin:0;padding-left:1rem}.divider-card{margin:0;margin-left:-1rem;margin-right:-1rem}.divider-text{display:flex;flex-direction:row;align-items:center;gap:0;width:100%;margin:1rem 0;white-space:nowrap}.divider-text:not(:empty){gap:1rem}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background-color:var(--color-outline-variant)}.divider-text-left:before,.divider-text-left.divider-text:before{flex:0 0 2rem}.divider-text-right:after,.divider-text-right.divider-text:after{flex:0 0 2rem}}@layer components{.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;align-items:stretch;justify-content:space-around;min-height:5rem;padding-bottom:env(safe-area-inset-bottom,0);background-color:var(--color-surface);box-shadow:0 -1px 3px color-mix(in srgb,var(--color-shadow) 10%,transparent)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:4rem;max-width:10rem;padding:.75rem .25rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;cursor:pointer;transition:color .15s ease-in-out;text-decoration:none;gap:.25rem}.bottom-nav-item:hover{color:var(--color-on-surface)}.bottom-nav-item:focus-visible{outline:none}.bottom-nav-item:focus-visible .bottom-nav-indicator{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.bottom-nav-item.active{color:var(--color-on-surface)}.bottom-nav-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:2rem;border-radius:var(--radius-lg);transition:background-color .15s ease-in-out}.bottom-nav-item:hover .bottom-nav-indicator{background-color:var(--color-surface-container)}.bottom-nav-item.active .bottom-nav-indicator{background-color:var(--color-secondary-container)}.bottom-nav-icon{font-size:1.5rem;line-height:1;transition:font-size .15s ease-in-out}.bottom-nav-label{font-size:.75rem;font-weight:500;line-height:1rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.bottom-nav-item.active .bottom-nav-label{font-weight:600}.bottom-nav-badge{position:absolute;top:0;right:.5rem;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.625rem;font-weight:600;line-height:1rem;color:var(--color-error-content);background-color:var(--color-error);border-radius:var(--radius-full);text-align:center}.bottom-nav-badge-dot{min-width:.5rem;width:.5rem;height:.5rem;padding:0;top:.125rem;right:.75rem}.bottom-nav-elevated{box-shadow:0 -4px 6px -1px color-mix(in srgb,var(--color-shadow) 10%,transparent)}.bottom-nav-bordered{box-shadow:none;border-top:1px solid var(--color-outline-variant)}.bottom-nav-filled{background-color:var(--color-surface-container)}.bottom-nav-primary .bottom-nav-item.active .bottom-nav-indicator{background-color:var(--color-primary-container)}.bottom-nav-primary .bottom-nav-item.active{color:var(--color-on-primary-container)}.bottom-nav-icons-only .bottom-nav-label{display:none}.bottom-nav-icons-only .bottom-nav-item{padding:1rem .25rem}.bottom-nav-labels-active .bottom-nav-label{opacity:0;max-height:0;overflow:hidden;transition:opacity .15s ease-in-out,max-height .15s ease-in-out}.bottom-nav-labels-active .bottom-nav-item.active .bottom-nav-label{opacity:1;max-height:1rem}.bottom-nav-shifting .bottom-nav-item{flex:0 1 4rem;transition:flex .2s ease-in-out}.bottom-nav-shifting .bottom-nav-item.active{flex:1 1 6rem}.bottom-nav-shifting .bottom-nav-label{opacity:0;transform:translateY(.5rem);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.bottom-nav-shifting .bottom-nav-item.active .bottom-nav-label{opacity:1;transform:translateY(0)}.nav-rail{position:fixed;left:0;top:0;bottom:0;z-index:1000;display:flex;flex-direction:column;align-items:center;width:5rem;padding:1rem 0;background-color:var(--color-surface);border-right:1px solid var(--color-outline-variant)}.nav-rail .bottom-nav-item{width:100%;padding:.5rem;margin:.25rem 0}.nav-rail .bottom-nav-indicator{width:3.5rem;height:2rem}@media(min-width:768px){.bottom-nav-responsive{position:relative;bottom:auto;justify-content:flex-start;gap:.5rem;min-height:3rem;padding:0 1rem;box-shadow:none;border-bottom:1px solid var(--color-outline-variant)}.bottom-nav-responsive .bottom-nav-item{flex:0 0 auto;flex-direction:row;gap:.5rem;padding:.75rem 1rem}.bottom-nav-responsive .bottom-nav-indicator{width:auto;height:auto;background-color:transparent!important}.bottom-nav-responsive .bottom-nav-item.active{border-bottom:2px solid var(--color-primary)}}@media(prefers-reduced-motion:reduce){.bottom-nav-item,.bottom-nav-indicator,.bottom-nav-icon,.bottom-nav-label,.bottom-nav-shifting .bottom-nav-item{transition:none}}}@layer components{.circle-menu{--circle-menu-size: 3rem;--circle-menu-item-size: 3rem;--circle-menu-radius: 5.5rem;--circle-menu-icon-size: 1.25rem;--circle-menu-bar-width: 1.125rem;--circle-menu-bar-height: .1875rem;--circle-menu-bar-gap: .375rem;--circle-menu-btn-bg: var(--color-primary-container);--circle-menu-bar-color: var(--color-on-primary-container);--circle-menu-item-bg: var(--color-primary-container);--circle-menu-item-color: var(--color-on-primary-container);--circle-menu-item-ring: color-mix(in oklch, var(--color-primary) 30%, transparent);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--circle-menu-size);height:var(--circle-menu-size)}.circle-menu-toggler{position:absolute;inset:0;margin:auto;width:var(--circle-menu-size);height:var(--circle-menu-size);z-index:10;opacity:0;cursor:pointer}.circle-menu-label{position:absolute;inset:0;margin:auto;display:block;width:var(--circle-menu-size);height:var(--circle-menu-size);border-radius:var(--radius-full);background-color:var(--circle-menu-btn-bg);z-index:1;pointer-events:none;transition:background-color .3s ease}.circle-menu-label:before{content:"";position:absolute;top:50%;left:50%;width:var(--circle-menu-bar-width);height:var(--circle-menu-bar-height);border-radius:var(--radius-full);background-color:var(--circle-menu-bar-color);box-shadow:0 var(--circle-menu-bar-gap) 0 var(--circle-menu-bar-color),0 calc(-1 * var(--circle-menu-bar-gap)) 0 var(--circle-menu-bar-color);transform:translate(-50%,-50%);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1)}.circle-menu-label:after{content:"";position:absolute;top:50%;left:50%;width:var(--circle-menu-bar-width);height:var(--circle-menu-bar-height);border-radius:var(--radius-full);background-color:var(--circle-menu-bar-color);transform:translate(-50%,-50%) rotate(-45deg);opacity:0;transition:opacity .25s ease}.circle-menu-toggler:hover+.circle-menu-label{background-color:color-mix(in oklch,var(--circle-menu-btn-bg) 80%,var(--circle-menu-bar-color))}.circle-menu-toggler:focus-visible+.circle-menu-label{outline:none;box-shadow:0 0 0 3px var(--circle-menu-item-ring)}.circle-menu-toggler:checked+.circle-menu-label:before{box-shadow:none;transform:translate(-50%,-50%) rotate(45deg)}.circle-menu-toggler:checked+.circle-menu-label:after{opacity:1}.circle-menu-list{position:absolute;inset:0;margin:0;padding:0;list-style:none;pointer-events:none}.circle-menu-item{position:absolute;inset:0;margin:auto;width:var(--circle-menu-item-size);height:var(--circle-menu-item-size);opacity:0;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease}.circle-menu-item a,.circle-menu-item button{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-full);text-decoration:none;font-size:var(--circle-menu-icon-size);color:var(--circle-menu-item-color);background-color:var(--circle-menu-item-bg);border:none;cursor:pointer;pointer-events:none;transition:box-shadow .2s ease,background-color .2s ease}.circle-menu-item a:hover,.circle-menu-item button:hover{background-color:color-mix(in oklch,var(--circle-menu-item-bg) 80%,var(--circle-menu-item-color));box-shadow:0 0 0 3px var(--circle-menu-item-ring)}.circle-menu-item a:focus-visible,.circle-menu-item button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--circle-menu-item-ring)}.circle-menu-item:nth-child(1) a,.circle-menu-item:nth-child(1) button{transform:rotate(0)}.circle-menu-item:nth-child(2) a,.circle-menu-item:nth-child(2) button{transform:rotate(-60deg)}.circle-menu-item:nth-child(3) a,.circle-menu-item:nth-child(3) button{transform:rotate(-120deg)}.circle-menu-item:nth-child(4) a,.circle-menu-item:nth-child(4) button{transform:rotate(-180deg)}.circle-menu-item:nth-child(5) a,.circle-menu-item:nth-child(5) button{transform:rotate(-240deg)}.circle-menu-item:nth-child(6) a,.circle-menu-item:nth-child(6) button{transform:rotate(-300deg)}.circle-menu-toggler:checked~.circle-menu-list{pointer-events:auto}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item{opacity:1}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item a,.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item button{pointer-events:auto}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item:nth-child(1){transform:rotate(0) translate(calc(-1 * var(--circle-menu-radius)))}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item:nth-child(2){transform:rotate(60deg) translate(calc(-1 * var(--circle-menu-radius)))}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item:nth-child(3){transform:rotate(120deg) translate(calc(-1 * var(--circle-menu-radius)))}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item:nth-child(4){transform:rotate(180deg) translate(calc(-1 * var(--circle-menu-radius)))}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item:nth-child(5){transform:rotate(240deg) translate(calc(-1 * var(--circle-menu-radius)))}.circle-menu-toggler:checked~.circle-menu-list .circle-menu-item:nth-child(6){transform:rotate(300deg) translate(calc(-1 * var(--circle-menu-radius)))}.circle-menu-sm{--circle-menu-size: 2.5rem;--circle-menu-item-size: 2.5rem;--circle-menu-radius: 4.5rem;--circle-menu-icon-size: 1rem;--circle-menu-bar-width: .9375rem;--circle-menu-bar-gap: .3125rem}.circle-menu-lg{--circle-menu-size: 3.5rem;--circle-menu-item-size: 3.5rem;--circle-menu-radius: 6.5rem;--circle-menu-icon-size: 1.5rem;--circle-menu-bar-width: 1.3125rem;--circle-menu-bar-gap: .4375rem}.circle-menu-primary{--circle-menu-btn-bg: var(--color-primary);--circle-menu-bar-color: var(--color-primary-content);--circle-menu-item-bg: var(--color-primary);--circle-menu-item-color: var(--color-primary-content);--circle-menu-item-ring: color-mix(in oklch, var(--color-primary) 40%, transparent)}.circle-menu-secondary{--circle-menu-btn-bg: var(--color-secondary);--circle-menu-bar-color: var(--color-secondary-content);--circle-menu-item-bg: var(--color-secondary);--circle-menu-item-color: var(--color-secondary-content);--circle-menu-item-ring: color-mix(in oklch, var(--color-secondary) 40%, transparent)}.circle-menu-tertiary{--circle-menu-btn-bg: var(--color-tertiary);--circle-menu-bar-color: var(--color-tertiary-content);--circle-menu-item-bg: var(--color-tertiary);--circle-menu-item-color: var(--color-tertiary-content);--circle-menu-item-ring: color-mix(in oklch, var(--color-tertiary) 40%, transparent)}.circle-menu-info{--circle-menu-btn-bg: var(--color-info);--circle-menu-bar-color: var(--color-info-content);--circle-menu-item-bg: var(--color-info);--circle-menu-item-color: var(--color-info-content);--circle-menu-item-ring: color-mix(in oklch, var(--color-info) 40%, transparent)}.circle-menu-success{--circle-menu-btn-bg: var(--color-success);--circle-menu-bar-color: var(--color-success-content);--circle-menu-item-bg: var(--color-success);--circle-menu-item-color: var(--color-success-content);--circle-menu-item-ring: color-mix(in oklch, var(--color-success) 40%, transparent)}.circle-menu-warning{--circle-menu-btn-bg: var(--color-warning);--circle-menu-bar-color: var(--color-warning-content);--circle-menu-item-bg: var(--color-warning);--circle-menu-item-color: var(--color-warning-content);--circle-menu-item-ring: color-mix(in oklch, var(--color-warning) 40%, transparent)}.circle-menu-error{--circle-menu-btn-bg: var(--color-error);--circle-menu-bar-color: var(--color-error-content);--circle-menu-item-bg: var(--color-error);--circle-menu-item-color: var(--color-error-content);--circle-menu-item-ring: color-mix(in oklch, var(--color-error) 40%, transparent)}@media(prefers-reduced-motion:reduce){.circle-menu-label{transition:none}.circle-menu-label:before,.circle-menu-label:after{transition:none}.circle-menu-item,.circle-menu-item a,.circle-menu-item button{transition:none}}}@layer components{.drawer-backdrop{position:fixed;inset:0;z-index:1100;background-color:color-mix(in srgb,var(--color-scrim) 50%,transparent);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.drawer-backdrop-show{opacity:1;visibility:visible}.drawer{position:fixed;z-index:1200;display:flex;flex-direction:column;background-color:var(--color-surface-container-low);box-shadow:var(--shadow-2xl);transition:transform .3s ease-out}.drawer-surface{background-color:var(--color-surface)}.drawer-surface-container{background-color:var(--color-surface-container)}.drawer-surface-container-low{background-color:var(--color-surface-container-low)}.drawer-surface-container-high{background-color:var(--color-surface-container-high)}.drawer-left{top:0;left:0;bottom:0;width:20rem;max-width:calc(100vw - 3.5rem);transform:translate(-100%);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.drawer-left.drawer-open{transform:translate(0)}.drawer-right{top:0;right:0;bottom:0;width:20rem;max-width:calc(100vw - 3.5rem);transform:translate(100%);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.drawer-right.drawer-open{transform:translate(0)}.drawer-top{top:0;left:0;right:0;height:auto;max-height:80vh;transform:translateY(-100%);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.drawer-top.drawer-open{transform:translateY(0)}.drawer-bottom{bottom:0;left:0;right:0;height:auto;max-height:80vh;transform:translateY(100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.drawer-bottom.drawer-open{transform:translateY(0)}.drawer-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-outline-variant);flex-shrink:0}.drawer-title{flex:1;font-size:1.125rem;font-weight:500;color:var(--color-on-surface)}.drawer-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out}.drawer-close:hover{background-color:var(--color-surface-container)}.drawer-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.drawer-body{flex:1;overflow-y:auto;padding:.5rem .75rem}.drawer-footer{display:flex;align-items:center;gap:.75rem;padding:1rem;border-top:1px solid var(--color-outline-variant);flex-shrink:0}.drawer-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-2xl);cursor:pointer;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out;width:100%}.drawer-item:hover{background-color:var(--color-surface-container);color:var(--color-on-surface)}.drawer-item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.drawer-item-active,.drawer-item-active-primary,.drawer-item-active-secondary{background-color:var(--color-secondary-container);color:var(--color-on-secondary-container)}.drawer-item-active-tertiary{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container)}.drawer-item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1.25rem;flex-shrink:0}.drawer-item-badge{padding:.125rem .5rem;font-size:.75rem;font-weight:500;background-color:var(--color-error-container);color:var(--color-on-error-container);border-radius:var(--radius-full);margin-left:auto}.drawer-item-nested{padding-left:3rem}.drawer-item-nested-2{padding-left:4.5rem}.drawer-label{padding:.75rem 1rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}.drawer-divider{height:1px;margin:.5rem 1rem;background-color:var(--color-outline-variant)}.drawer-profile{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-outline-variant)}.drawer-profile-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--color-primary-container);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-on-primary-container);flex-shrink:0}.drawer-profile-info{flex:1;min-width:0}.drawer-profile-name{font-size:.875rem;font-weight:500;color:var(--color-on-surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-profile-email{font-size:.75rem;color:var(--color-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-permanent{position:relative;transform:none;box-shadow:none;border-radius:0;border-right:1px solid var(--color-outline-variant)}.drawer-permanent.drawer-right{border-right:none;border-left:1px solid var(--color-outline-variant)}.drawer-rail{width:5rem;overflow:hidden;transition:width .3s ease-out}.drawer-rail:hover,.drawer-rail.expanded{width:20rem}.drawer-rail .drawer-item span:not(.drawer-item-icon){opacity:0;transition:opacity .15s ease-out}.drawer-rail:hover .drawer-item span:not(.drawer-item-icon),.drawer-rail.expanded .drawer-item span:not(.drawer-item-icon){opacity:1}.drawer-sm{width:12rem}.drawer-md{width:16rem}.drawer-lg{width:20rem}.drawer-xl{width:24rem}.drawer-full{width:100%;max-width:100%;border-radius:0}@media(prefers-reduced-motion:reduce){.drawer,.drawer-backdrop,.drawer-close,.drawer-item,.drawer-rail{transition:none}}}@layer components{.nested-menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.5rem;gap:.125rem;font-size:.875rem;color:var(--color-on-surface)}.nested-menu-title{padding:.75rem .75rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant);user-select:none}.nested-menu li>a,.nested-menu li>button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:inherit;color:var(--color-on-surface);text-decoration:none;background-color:transparent;border:none;border-radius:var(--radius-field, .375rem);cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out}.nested-menu li>a:hover,.nested-menu li>button:hover{background-color:var(--color-surface-container)}.nested-menu li>a:focus-visible,.nested-menu li>button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.nested-menu li>a.active,.nested-menu li>button.active,.nested-menu li>a[aria-current=page],.nested-menu li>button[aria-current=page]{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.nested-menu li>a.active:hover,.nested-menu li>button.active:hover,.nested-menu li>a[aria-current=page]:hover,.nested-menu li>button[aria-current=page]:hover{background-color:color-mix(in oklch,var(--color-primary-container),var(--color-on-primary-container) 8%)}.nested-menu li.disabled{opacity:.5;pointer-events:none}.nested-menu details{width:100%}.nested-menu summary{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;font-size:inherit;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-field, .375rem);cursor:pointer;list-style:none;transition:background-color .15s ease-in-out}.nested-menu summary::-webkit-details-marker{display:none}.nested-menu summary::marker{display:none;content:""}.nested-menu summary:hover{background-color:var(--color-surface-container)}.nested-menu summary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.nested-menu summary:after{content:"";display:inline-block;margin-left:auto;width:.375rem;height:.375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .2s ease-in-out;flex-shrink:0;opacity:.6}.nested-menu details[open]>summary:after{transform:rotate(45deg)}.nested-menu details>ul{list-style:none;margin:0;padding:.125rem 0 .125rem 1rem;display:flex;flex-direction:column;gap:.125rem}.nested-menu-xs{font-size:.75rem;padding:.25rem}.nested-menu-xs li>a,.nested-menu-xs li>button,.nested-menu-xs summary{padding:.25rem .5rem;gap:.375rem}.nested-menu-xs .nested-menu-title{padding:.5rem .5rem .125rem;font-size:.625rem}.nested-menu-sm{font-size:.8125rem;padding:.375rem}.nested-menu-sm li>a,.nested-menu-sm li>button,.nested-menu-sm summary{padding:.375rem .625rem;gap:.375rem}.nested-menu-sm .nested-menu-title{padding:.625rem .625rem .1875rem;font-size:.625rem}.nested-menu-lg{font-size:1rem;padding:.625rem}.nested-menu-lg li>a,.nested-menu-lg li>button,.nested-menu-lg summary{padding:.625rem 1rem;gap:.625rem}.nested-menu-lg .nested-menu-title{padding:.875rem 1rem .375rem;font-size:.75rem}.nested-menu-bordered{background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-card, .75rem);box-shadow:var(--shadow-sm)}.nested-menu-compact{padding:.25rem;gap:0}.nested-menu-compact li>a,.nested-menu-compact li>button,.nested-menu-compact summary{padding:.3125rem .625rem}.nested-menu-compact .nested-menu-title{padding:.5rem .625rem .125rem}.nested-menu-compact details>ul{padding:0 0 0 .75rem}@media(prefers-reduced-motion:reduce){.nested-menu li>a,.nested-menu li>button,.nested-menu summary,.nested-menu summary:after{transition:none}}}@layer components{.stepper{display:flex;align-items:flex-start;gap:0}.stepper-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper-step-connector{position:absolute;top:1.25rem;left:calc(50% + 1.25rem);width:calc(100% - 2.5rem);height:2px;background-color:var(--color-outline-variant)}.stepper-step:last-child .stepper-step-connector{display:none}.stepper-step-completed .stepper-step-connector{background-color:var(--color-primary)}.stepper-step-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;z-index:1;background:none;border:none;padding:0}.stepper-step-button:focus-visible{outline:none}.stepper-step-button:focus-visible .stepper-step-icon{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.stepper-step-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:.875rem;font-weight:500;color:var(--color-on-surface-variant);background-color:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-full);transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.stepper-step-active .stepper-step-icon,.stepper-step-completed .stepper-step-icon{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-content)}.stepper-step-error .stepper-step-icon{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-error-content)}.stepper-step-disabled .stepper-step-icon{opacity:.6;cursor:not-allowed}.stepper-step-label{font-size:.875rem;font-weight:500;color:var(--color-on-surface);text-align:center}.stepper-step-active .stepper-step-label{color:var(--color-primary)}.stepper-step-error .stepper-step-label{color:var(--color-error)}.stepper-step-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:.125rem;text-align:center}.stepper-step-content{margin-top:1.5rem;padding:0 1rem;width:100%}.stepper-step-optional:after{content:"(Optional)";display:block;font-size:.6875rem;color:var(--color-on-surface-variant);margin-top:.125rem}.stepper-vertical{flex-direction:column;align-items:flex-start}.stepper-vertical .stepper-step{flex-direction:row;align-items:flex-start;width:100%}.stepper-vertical .stepper-step-connector{top:2.5rem;left:1.25rem;width:2px;height:calc(100% - 2.5rem);transform:translate(-50%)}.stepper-vertical .stepper-step-button{flex-direction:row;align-items:center}.stepper-vertical .stepper-step-label,.stepper-vertical .stepper-step-description{text-align:left;margin-left:1rem}.stepper-vertical .stepper-step-content{margin-top:0;margin-left:3.5rem;padding:1rem 0 1.5rem}.stepper-secondary .stepper-step-active .stepper-step-icon,.stepper-secondary .stepper-step-completed .stepper-step-icon{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-secondary-content)}.stepper-secondary .stepper-step-completed .stepper-step-connector{background-color:var(--color-secondary)}.stepper-secondary .stepper-step-active .stepper-step-label{color:var(--color-secondary)}.stepper-tertiary .stepper-step-active .stepper-step-icon,.stepper-tertiary .stepper-step-completed .stepper-step-icon{background-color:var(--color-tertiary);border-color:var(--color-tertiary);color:var(--color-tertiary-content)}.stepper-tertiary .stepper-step-completed .stepper-step-connector{background-color:var(--color-tertiary)}.stepper-tertiary .stepper-step-active .stepper-step-label{color:var(--color-tertiary)}.stepper-sm .stepper-step-icon{width:2rem;height:2rem;font-size:.75rem}.stepper-sm .stepper-step-connector{top:1rem;left:calc(50% + 1rem);width:calc(100% - 2rem)}.stepper-sm .stepper-step-label{font-size:.75rem}.stepper-sm .stepper-step-description{font-size:.625rem}.stepper-lg .stepper-step-icon{width:3rem;height:3rem;font-size:1rem}.stepper-lg .stepper-step-connector{top:1.5rem;left:calc(50% + 1.5rem);width:calc(100% - 3rem)}.stepper-alt-labels .stepper-step-connector{top:1.25rem;left:calc(50% + 2rem);width:calc(100% - 4rem)}.stepper-dots{gap:.5rem}.stepper-dots .stepper-step-icon{width:.75rem;height:.75rem;font-size:0;border-width:0;background-color:var(--color-outline-variant)}.stepper-dots .stepper-step-active .stepper-step-icon{width:1.5rem;border-radius:var(--radius-full);background-color:var(--color-primary)}.stepper-dots .stepper-step-completed .stepper-step-icon{background-color:var(--color-primary)}.stepper-dots .stepper-step-connector,.stepper-dots .stepper-step-label,.stepper-dots .stepper-step-description{display:none}.stepper-clickable .stepper-step-button{cursor:pointer}.stepper-clickable .stepper-step-button:hover .stepper-step-icon{border-color:var(--color-primary)}.stepper-clickable .stepper-step-completed .stepper-step-button:hover .stepper-step-icon{background-color:var(--color-primary-container)}.stepper-step-disabled .stepper-step-button{cursor:not-allowed;opacity:.6}.stepper-icons .stepper-step-icon{font-size:1.25rem}@media(prefers-reduced-motion:reduce){.stepper-step-icon,.stepper-dots .stepper-step-icon{transition:none}}}@layer components{.accordion{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden}.accordion-item{background-color:var(--color-surface);border:1px solid var(--color-outline-variant);margin-top:-1px}.accordion-item:first-child{margin-top:0;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.accordion-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.accordion-header{display:flex;align-items:center;width:100%;padding:1rem;font-size:.875rem;font-weight:500;color:var(--color-on-surface);background-color:transparent;border:none;cursor:pointer;text-align:left;transition:background-color .15s ease-in-out}.accordion-header:hover{background-color:var(--color-surface-container)}.accordion-header:focus-visible{outline:none;background-color:var(--color-surface-container);box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.accordion-item.open .accordion-header{background-color:var(--color-surface-container)}.accordion-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-right:.75rem;color:var(--color-on-surface-variant);flex-shrink:0}.accordion-title{flex:1}.accordion-subtitle{font-size:.75rem;font-weight:400;color:var(--color-on-surface-variant);margin-top:.125rem}.accordion-expand{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:auto;color:var(--color-on-surface-variant);transition:transform .2s ease-in-out;flex-shrink:0}.accordion-item.open .accordion-expand{transform:rotate(180deg)}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-in-out}.accordion-item.open .accordion-content{grid-template-rows:1fr}.accordion-body{overflow:hidden}.accordion-body-inner{padding:0 1rem 1rem;font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5}.accordion-borderless .accordion-item{border:none;border-bottom:1px solid var(--color-outline-variant);border-radius:0}.accordion-borderless .accordion-item:last-child{border-bottom:none}.accordion-separated .accordion-item{margin-top:.5rem;border-radius:var(--radius-md)}.accordion-separated .accordion-item:first-child{margin-top:0}.accordion-filled .accordion-item{background-color:var(--color-surface-container);border:none}.accordion-filled .accordion-header:hover,.accordion-filled .accordion-item.open .accordion-header{background-color:var(--color-surface-container-high)}.accordion-compact .accordion-header{padding:.75rem}.accordion-compact .accordion-body-inner{padding:0 .75rem .75rem}.accordion-lg .accordion-header{padding:1.25rem;font-size:1rem}.accordion-lg .accordion-body-inner{padding:0 1.25rem 1.25rem;font-size:1rem}.accordion-item.disabled .accordion-header{cursor:not-allowed;opacity:.6;background-color:transparent}.accordion-item.disabled .accordion-header:hover{background-color:transparent}.accordion-flush{border-radius:0}.accordion-flush .accordion-item:first-child,.accordion-flush .accordion-item:last-child{border-radius:0}.accordion-multiple .accordion-item.open+.accordion-item.open{border-top-color:transparent}.accordion-actions{display:flex;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-surface-container);border-top:1px solid var(--color-outline-variant)}.accordion-nested{margin:0 -1rem;border-radius:0}.accordion-nested .accordion-item{border-left:none;border-right:none;border-radius:0}.accordion-primary .accordion-item.open .accordion-header{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.accordion-primary .accordion-item.open .accordion-expand{color:var(--color-on-primary-container)}@media(prefers-reduced-motion:reduce){.accordion-content,.accordion-expand,.accordion-header{transition:none}}}@layer components{.bottomsheet-backdrop{position:fixed;inset:0;z-index:1100;background-color:color-mix(in srgb,var(--color-scrim) 50%,transparent);opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.bottomsheet-backdrop.show{opacity:1;visibility:visible}.bottomsheet{position:fixed;bottom:0;left:0;right:0;z-index:1200;display:flex;flex-direction:column;max-height:90vh;background-color:var(--color-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -25px 50px -12px color-mix(in srgb,var(--color-shadow) 25%,transparent);transform:translateY(100%);transition:transform .3s ease-out;padding-bottom:env(safe-area-inset-bottom,0)}.bottomsheet.show{transform:translateY(0)}.bottomsheet-handle{display:flex;justify-content:center;padding:1rem;cursor:grab;touch-action:none}.bottomsheet-handle:before{content:"";width:2rem;height:.25rem;background-color:var(--color-outline-variant);border-radius:var(--radius-full)}.bottomsheet-handle:active{cursor:grabbing}.bottomsheet-header{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 1rem;flex-shrink:0}.bottomsheet-title{flex:1;font-size:1.25rem;font-weight:500;color:var(--color-on-surface)}.bottomsheet-close{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s ease-in-out}.bottomsheet-close:hover{background-color:var(--color-surface-container)}.bottomsheet-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.bottomsheet-content{flex:1;overflow-y:auto;padding:0 1.5rem;overscroll-behavior:contain}.bottomsheet-footer{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-outline-variant);flex-shrink:0}.bottomsheet-list{display:flex;flex-direction:column;margin:0 -1.5rem}.bottomsheet-item{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:none;cursor:pointer;text-align:left;text-decoration:none;transition:background-color .15s ease-in-out}.bottomsheet-item:hover{background-color:var(--color-surface-container)}.bottomsheet-item:focus-visible{outline:none;background-color:var(--color-surface-container);box-shadow:inset 0 0 0 2px var(--color-primary)}.bottomsheet-item-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-on-surface-variant);font-size:1.25rem;flex-shrink:0}.bottomsheet-item-content{flex:1;min-width:0}.bottomsheet-item-label{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottomsheet-item-description{font-size:.75rem;color:var(--color-on-surface-variant);margin-top:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottomsheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.5rem 0}.bottomsheet-grid-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;font-size:.75rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease-in-out}.bottomsheet-grid-item:hover{background-color:var(--color-surface-container)}.bottomsheet-grid-item-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:1.5rem;background-color:var(--color-surface-container-high);border-radius:var(--radius-full);color:var(--color-on-surface-variant)}.bottomsheet-sm{max-height:50vh}.bottomsheet-lg{max-height:95vh}.bottomsheet-full{max-height:100vh;height:100vh;border-radius:0}.bottomsheet-persistent{position:absolute;box-shadow:0 -4px 6px -1px color-mix(in srgb,var(--color-shadow) 10%,transparent)}.bottomsheet-peek{max-height:30vh}.bottomsheet-half{max-height:50vh}.bottomsheet-expanded{max-height:90vh}.bottomsheet-detents{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.25rem}.bottomsheet-detent{width:.25rem;height:1rem;background-color:var(--color-outline-variant);border-radius:var(--radius-full);cursor:pointer}.bottomsheet-detent.active{background-color:var(--color-primary)}.bottomsheet-divider{height:1px;margin:.5rem 0;background-color:var(--color-outline-variant)}.bottomsheet-section-title{padding:.75rem 0;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-surface-variant)}@media(min-width:768px){.bottomsheet-responsive{inset:0 0 0 auto;width:24rem;max-width:calc(100vw - 3.5rem);max-height:100vh;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transform:translate(100%)}.bottomsheet-responsive.show{transform:translate(0)}.bottomsheet-responsive .bottomsheet-handle{display:none}}@media(prefers-reduced-motion:reduce){.bottomsheet,.bottomsheet-backdrop,.bottomsheet-close,.bottomsheet-item,.bottomsheet-grid-item{transition:none}}}@layer components{.collapse{display:flex;flex-direction:column;border-radius:var(--radius-sm);background-color:var(--color-surface);visibility:visible!important}.collapse-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:var(--color-on-surface);background-color:transparent;border:none;cursor:pointer;transition:background-color .15s ease-in-out;text-align:left}.collapse-trigger:hover{background-color:var(--color-surface-container)}.collapse-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.collapse-icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;transition:transform .3s ease-in-out;flex-shrink:0}.collapse-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out;overflow:hidden}.collapse-content>*{overflow:hidden;padding:0 1rem}.collapse-open .collapse-content{grid-template-rows:1fr}.collapse-open .collapse-content>*{padding:0 1rem 1rem}.collapse-open .collapse-icon{transform:rotate(180deg)}.collapse-closed .collapse-content{grid-template-rows:0fr}.collapse.show .collapse-content{grid-template-rows:1fr}.collapse.show .collapse-content>*{padding:0 1rem 1rem}.collapse.show .collapse-icon{transform:rotate(180deg)}.collapse-fade{opacity:0;transition:grid-template-rows .3s ease-in-out,opacity .2s ease-in-out}.collapse-fade.show{opacity:1;transition:grid-template-rows .3s ease-in-out,opacity .3s ease-in-out .1s}.collapse-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-primary);background-color:transparent;border:none;cursor:pointer;transition:background-color .15s ease-in-out;border-radius:var(--radius-sm)}.collapse-toggle:hover{background-color:var(--color-primary-container)}.collapse-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.collapse-toggle-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;transition:transform .2s ease-in-out}.collapse-toggle[aria-expanded=true] .collapse-toggle-icon{transform:rotate(180deg)}.collapse-card{background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.collapse-card .collapse-toggle,.collapse-card .collapse-trigger{width:100%;justify-content:space-between;padding:1rem;border-radius:0;color:var(--color-on-surface)}.collapse-card .collapse-toggle:hover,.collapse-card .collapse-trigger:hover{background-color:var(--color-surface-container)}.collapse-card .collapse-inner,.collapse-card .collapse-content>*{padding:0 1rem 1rem;color:var(--color-on-surface-variant)}.collapse-bordered{border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm)}.collapse-ghost{background-color:transparent}.collapse-ghost .collapse-trigger:hover{background-color:color-mix(in oklch,var(--color-on-surface) 5%,transparent)}.collapse-primary .collapse-trigger{color:var(--color-primary)}.collapse-primary .collapse-trigger:hover{background-color:var(--color-primary-container)}.collapse-secondary .collapse-trigger{color:var(--color-secondary)}.collapse-secondary .collapse-trigger:hover{background-color:var(--color-secondary-container)}.collapse-tertiary .collapse-trigger{color:var(--color-tertiary)}.collapse-tertiary .collapse-trigger:hover{background-color:var(--color-tertiary-container)}.collapse-info .collapse-trigger{color:var(--color-info)}.collapse-info .collapse-trigger:hover{background-color:var(--color-info-container)}.collapse-success .collapse-trigger{color:var(--color-success)}.collapse-success .collapse-trigger:hover{background-color:var(--color-success-container)}.collapse-warning .collapse-trigger{color:var(--color-warning)}.collapse-warning .collapse-trigger:hover{background-color:var(--color-warning-container)}.collapse-error .collapse-trigger{color:var(--color-error)}.collapse-error .collapse-trigger:hover{background-color:var(--color-error-container)}.collapse-sm .collapse-trigger{padding:.5rem .75rem;font-size:.875rem}.collapse-sm .collapse-content>*{padding:0 .75rem}.collapse-sm.collapse-open .collapse-content>*{padding:0 .75rem .75rem}.collapse-lg .collapse-trigger{padding:1rem 1.25rem;font-size:1.125rem}.collapse-lg .collapse-content>*{padding:0 1.25rem}.collapse-lg.collapse-open .collapse-content>*{padding:0 1.25rem 1.25rem}.collapse-divider .collapse-trigger{border-bottom:1px solid var(--color-outline-variant)}.collapse-divider.collapse-open .collapse-trigger{border-bottom-color:var(--color-outline-variant)}.collapse-disabled{opacity:.5;pointer-events:none}.collapse-disabled .collapse-trigger{cursor:not-allowed}.collapse-loading .collapse-trigger:after{content:"";display:inline-block;width:1rem;height:1rem;margin-left:.5rem;border:2px solid var(--color-outline);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:collapse-spin .8s linear infinite}@keyframes collapse-spin{to{transform:rotate(360deg)}}.collapse-slide .collapse-content>*{transform:translateY(-.5rem);opacity:0;transition:transform .3s ease-in-out,opacity .2s ease-in-out}.collapse-slide.collapse-open .collapse-content>*{transform:translateY(0);opacity:1}.collapse-horizontal{display:grid;grid-template-columns:0fr;transition:grid-template-columns .3s ease-in-out}.collapse-horizontal.show{grid-template-columns:1fr}.collapse-horizontal .collapse-content{overflow:hidden;white-space:nowrap}.collapse-horizontal-fixed{display:block;width:0;overflow:hidden;transition:width .3s ease-in-out}.collapse-horizontal-fixed.show{width:var(--collapse-width, 20rem)}.collapse-nested{margin-left:1rem;padding-left:1rem;border-left:2px solid var(--color-outline-variant)}.collapse-showmore{position:relative}.collapse-showmore:not(.show):after{content:"";position:absolute;bottom:0;left:0;right:0;height:3rem;background:linear-gradient(to bottom,transparent,var(--color-surface));pointer-events:none}.collapse-showmore-toggle{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%;padding:.5rem;margin-top:.5rem;font-size:.75rem;font-weight:500;color:var(--color-primary);background-color:transparent;border:none;cursor:pointer}.collapse-showmore-toggle:hover{text-decoration:underline}.collapse-group{display:flex;flex-direction:column;gap:.5rem}.collapse-fast{transition-duration:.15s}.collapse-slow{transition-duration:.5s}.collapse-ease-in{transition-timing-function:ease-in}.collapse-ease-out{transition-timing-function:ease-out}.collapse-ease-in-out{transition-timing-function:ease-in-out}.collapse-spring{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.collapse-hidden{display:none}.collapse-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.collapse-maxheight{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.collapse-maxheight.show{max-height:var(--collapse-max-height, 100rem)}.collapse-animating{overflow:hidden;transition:height .3s ease-in-out}@media(prefers-reduced-motion:reduce){.collapse,.collapse-content,.collapse-icon,.collapse-fade,.collapse-horizontal,.collapse-horizontal-fixed,.collapse-toggle-icon,.collapse-maxheight,.collapse-animating,.collapse-slide .collapse-content>*{transition:none}.collapse-loading .collapse-trigger:after{animation:none}}}@layer components{.popover:not([popover]){position:relative;display:inline-block}.popover-content{position:absolute;z-index:1050;min-width:12rem;max-width:20rem;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:scale(.95);transform-origin:center;transition:opacity .15s ease-out,visibility .15s ease-out,transform .15s ease-out}.popover.show .popover-content,.popover-content.show{opacity:1;visibility:visible;transform:scale(1)}.popover.popover-show,.popover.show{opacity:1;visibility:visible}.popover:not([popover])[class*=popover-top],.popover:not([popover])[class*=popover-bottom],.popover:not([popover])[class*=popover-left],.popover:not([popover])[class*=popover-right]{position:absolute;z-index:1050;min-width:12rem;max-width:20rem;padding:1rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out}.popover[class*=popover-top].popover-show,.popover[class*=popover-bottom].popover-show,.popover[class*=popover-left].popover-show,.popover[class*=popover-right].popover-show{opacity:1;visibility:visible}.popover.popover-top:not(:has(.popover-content)){bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.75rem}.popover.popover-bottom:not(:has(.popover-content)){top:100%;left:50%;transform:translate(-50%);margin-top:.75rem}.popover.popover-left:not(:has(.popover-content)){right:100%;top:50%;transform:translateY(-50%);margin-right:.75rem}.popover.popover-right:not(:has(.popover-content)){left:100%;top:50%;transform:translateY(-50%);margin-left:.75rem}.popover-arrow{position:absolute;width:.75rem;height:.75rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);transform:rotate(45deg)}.popover-top .popover-content,.popover .popover-content{bottom:100%;left:50%;transform:translate(-50%) scale(.95);margin-bottom:.75rem}.popover-top.show .popover-content,.popover.show .popover-content{transform:translate(-50%) scale(1)}.popover-top .popover-arrow,.popover .popover-arrow{bottom:-.375rem;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.popover-bottom .popover-content{top:100%;left:50%;transform:translate(-50%) scale(.95);margin-top:.75rem}.popover-bottom.show .popover-content{transform:translate(-50%) scale(1)}.popover-bottom .popover-arrow{top:-.375rem;left:50%;transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}.popover-left .popover-content{right:100%;top:50%;transform:translateY(-50%) scale(.95);margin-right:.75rem}.popover-left.show .popover-content{transform:translateY(-50%) scale(1)}.popover-left .popover-arrow{right:-.375rem;top:50%;transform:translateY(-50%) rotate(45deg);border-left:none;border-bottom:none}.popover-right .popover-content{left:100%;top:50%;transform:translateY(-50%) scale(.95);margin-left:.75rem}.popover-right.show .popover-content{transform:translateY(-50%) scale(1)}.popover-right .popover-arrow{left:-.375rem;top:50%;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none}.popover-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-outline-variant)}.popover-title{flex:1;font-size:.875rem;font-weight:600;color:var(--color-on-surface)}.popover-close{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-on-surface-variant);background-color:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;transition:background-color .15s ease-in-out}.popover-close:hover{background-color:var(--color-surface-container)}.popover-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.popover-body{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5}.popover-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--color-outline-variant)}.popover-no-arrow .popover-arrow{display:none}.popover-sm .popover-content{min-width:8rem;max-width:14rem;padding:.75rem}.popover-lg .popover-content{min-width:16rem;max-width:28rem;padding:1.25rem}.popover-full .popover-content{min-width:0;max-width:none;width:max-content}.popover{--popover-color-intensity: 30%}.popover-dark .popover-content,.popover-dark[class*=popover-top],.popover-dark[class*=popover-bottom],.popover-dark[class*=popover-left],.popover-dark[class*=popover-right]{background-color:var(--color-on-surface);color:var(--color-surface);border-color:transparent}.popover-dark .popover-arrow{background-color:var(--color-on-surface);border-color:transparent}.popover-dark .popover-title{color:var(--color-surface)}.popover-dark .popover-body{color:var(--color-surface);opacity:.9}.popover-primary .popover-content,.popover-primary[class*=popover-top],.popover-primary[class*=popover-bottom],.popover-primary[class*=popover-left],.popover-primary[class*=popover-right],.popover-primary .popover-arrow{background-color:color-mix(in oklch,var(--color-primary) var(--popover-color-intensity),var(--color-surface));border-color:var(--color-primary)}.popover-primary .popover-body,.popover-primary .popover-title{color:var(--color-on-surface)}.popover-secondary .popover-content,.popover-secondary[class*=popover-top],.popover-secondary[class*=popover-bottom],.popover-secondary[class*=popover-left],.popover-secondary[class*=popover-right],.popover-secondary .popover-arrow{background-color:color-mix(in oklch,var(--color-secondary) var(--popover-color-intensity),var(--color-surface));border-color:var(--color-secondary)}.popover-secondary .popover-body,.popover-secondary .popover-title{color:var(--color-on-surface)}.popover-tertiary .popover-content,.popover-tertiary[class*=popover-top],.popover-tertiary[class*=popover-bottom],.popover-tertiary[class*=popover-left],.popover-tertiary[class*=popover-right],.popover-tertiary .popover-arrow{background-color:color-mix(in oklch,var(--color-tertiary) var(--popover-color-intensity),var(--color-surface));border-color:var(--color-tertiary)}.popover-tertiary .popover-body,.popover-tertiary .popover-title{color:var(--color-on-surface)}.popover-surface-highest .popover-content,.popover-surface-highest[class*=popover-top],.popover-surface-highest[class*=popover-bottom],.popover-surface-highest[class*=popover-left],.popover-surface-highest[class*=popover-right],.popover-surface-highest .popover-arrow{background-color:var(--color-surface-container-highest);border-color:var(--color-outline-variant)}.popover-hover:hover .popover-content,.popover-hover:focus-within .popover-content{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.popover-hover.popover-bottom:hover .popover-content,.popover-hover.popover-bottom:focus-within .popover-content{transform:translate(-50%) scale(1)}.popover-hover.popover-left:hover .popover-content,.popover-hover.popover-left:focus-within .popover-content,.popover-hover.popover-right:hover .popover-content,.popover-hover.popover-right:focus-within .popover-content{transform:translateY(-50%) scale(1)}.popover-menu .popover-content{padding:.5rem}.popover-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;font-size:.875rem;color:var(--color-on-surface);background-color:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color .15s ease-in-out}.popover-menu-item:hover{background-color:var(--color-surface-container)}.popover-menu-item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.popover-menu-item-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-on-surface-variant)}.popover-menu-divider{height:1px;margin:.5rem 0;background-color:var(--color-outline-variant)}.popover-confirm .popover-content{text-align:center}.popover-confirm .popover-footer{justify-content:center}.popover[popover]{position:fixed;inset:unset;z-index:1050;min-width:12rem;max-width:20rem;padding:1rem;margin:0;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;transform:scale(.95);transition:opacity .15s ease-out,transform .15s ease-out,overlay .15s ease-out allow-discrete,display .15s ease-out allow-discrete}.popover[popover]:popover-open{opacity:1;visibility:visible;transform:scale(1)}@starting-style{.popover[popover]:popover-open{opacity:0;transform:scale(.95)}}.popover[popover]::backdrop{background-color:transparent;transition:background-color .15s ease-out,overlay .15s ease-out allow-discrete,display .15s ease-out allow-discrete}.popover[popover]:popover-open::backdrop{background-color:color-mix(in srgb,var(--color-scrim) 10%,transparent)}@starting-style{.popover[popover]:popover-open::backdrop{background-color:transparent}}.popover-modal[popover]::backdrop{background-color:transparent;transition:background-color .15s ease-out,overlay .15s ease-out allow-discrete,display .15s ease-out allow-discrete}.popover-modal[popover]:popover-open::backdrop{background-color:color-mix(in srgb,var(--color-scrim) 30%,transparent)}@starting-style{.popover-modal[popover]:popover-open::backdrop{background-color:transparent}}.popover-primary[popover]{background-color:color-mix(in oklch,var(--color-primary) var(--popover-color-intensity),var(--color-surface));border-color:var(--color-primary)}.popover-primary[popover] .popover-body,.popover-primary[popover] .popover-title{color:var(--color-on-surface)}.popover-secondary[popover]{background-color:color-mix(in oklch,var(--color-secondary) var(--popover-color-intensity),var(--color-surface));border-color:var(--color-secondary)}.popover-secondary[popover] .popover-body,.popover-secondary[popover] .popover-title{color:var(--color-on-surface)}.popover-tertiary[popover]{background-color:color-mix(in oklch,var(--color-tertiary) var(--popover-color-intensity),var(--color-surface));border-color:var(--color-tertiary)}.popover-tertiary[popover] .popover-body,.popover-tertiary[popover] .popover-title{color:var(--color-on-surface)}.popover-dark[popover]{background-color:var(--color-on-surface);border-color:transparent}.popover-dark[popover] .popover-body{color:var(--color-surface);opacity:.9}.popover-dark[popover] .popover-title{color:var(--color-surface)}.popover-surface-highest[popover]{background-color:var(--color-surface-container-highest);border-color:var(--color-outline-variant)}.popover-sm[popover]{min-width:8rem;max-width:14rem;padding:.75rem}.popover-lg[popover]{min-width:16rem;max-width:28rem;padding:1.25rem}.popover-full[popover]{min-width:0;max-width:none;width:max-content}.popover[popover][style*=position-anchor]{inset:unset;top:anchor(bottom);justify-self:anchor-center;margin-top:.5rem}.popover-top[popover][style*=position-anchor]{top:unset;bottom:anchor(top);margin-top:0;margin-bottom:.5rem}.popover-bottom[popover][style*=position-anchor]{top:anchor(bottom);margin-top:.5rem;margin-bottom:0}.popover-left[popover][style*=position-anchor]{top:anchor(center);right:anchor(left);justify-self:unset;translate:0 -50%;margin-top:0;margin-right:.5rem}.popover-right[popover][style*=position-anchor]{top:anchor(center);left:anchor(right);justify-self:unset;translate:0 -50%;margin-top:0;margin-left:.5rem}.popover-start[popover][style*=position-anchor]{justify-self:start}.popover-end[popover][style*=position-anchor]{justify-self:end}.popover-top.popover-start[popover][style*=position-anchor]{justify-self:start}.popover-top.popover-end[popover][style*=position-anchor]{justify-self:end}@media(prefers-reduced-motion:reduce){.popover-content,.popover-close,.popover-menu-item,.popover[popover],.popover[popover]::backdrop{transition:none}}}@layer components{.timeline{position:relative;display:flex;flex-direction:column;gap:0}.timeline:before{content:"";position:absolute;top:0;left:1.25rem;width:2px;height:100%;background-color:var(--color-outline-variant)}.timeline-item{position:relative;display:flex;gap:1rem;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:relative;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-surface);border:2px solid var(--color-outline-variant);border-radius:var(--radius-full);flex-shrink:0;z-index:1}.timeline-marker-icon{font-size:1rem;color:var(--color-on-surface-variant)}.timeline-marker-dot{width:.75rem;height:.75rem;background-color:var(--color-outline-variant);border-radius:var(--radius-full)}.timeline-content{flex:1;padding-top:.375rem;min-width:0}.timeline-title{font-size:.875rem;font-weight:600;color:var(--color-on-surface);margin-bottom:.25rem}.timeline-time{font-size:.75rem;color:var(--color-on-surface-variant);margin-bottom:.5rem}.timeline-description{font-size:.875rem;color:var(--color-on-surface-variant);line-height:1.5}.timeline-card{padding:1rem;background-color:var(--color-surface-container);border-radius:var(--radius-md);margin-top:.5rem}.timeline-item-primary .timeline-marker{border-color:var(--color-primary);background-color:var(--color-primary-container)}.timeline-item-primary .timeline-marker-icon,.timeline-item-primary .timeline-marker-dot{color:var(--color-on-primary-container);background-color:var(--color-primary)}.timeline-item-secondary .timeline-marker{border-color:var(--color-secondary);background-color:var(--color-secondary-container)}.timeline-item-success .timeline-marker{border-color:var(--color-success);background-color:var(--color-success-container)}.timeline-item-success .timeline-marker-dot{background-color:var(--color-success)}.timeline-item-warning .timeline-marker{border-color:var(--color-warning);background-color:var(--color-warning-container)}.timeline-item-warning .timeline-marker-dot{background-color:var(--color-warning)}.timeline-item-error .timeline-marker{border-color:var(--color-error);background-color:var(--color-error-container)}.timeline-item-error .timeline-marker-dot{background-color:var(--color-error)}.timeline-item.completed .timeline-marker{border-color:var(--color-primary);background-color:var(--color-primary)}.timeline-item.completed .timeline-marker-icon{color:var(--color-primary-content)}.timeline-item.active .timeline-marker{border-color:var(--color-primary);background-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-container)}.timeline-item.active .timeline-marker-icon,.timeline-item.active .timeline-marker-dot{color:var(--color-primary-content);background-color:var(--color-primary-content)}.timeline-sm:before{left:.75rem}.timeline-sm .timeline-marker{width:1.5rem;height:1.5rem}.timeline-sm .timeline-marker-icon{font-size:.75rem}.timeline-sm .timeline-marker-dot{width:.5rem;height:.5rem}.timeline-lg:before{left:1.5rem}.timeline-lg .timeline-marker{width:3rem;height:3rem}.timeline-lg .timeline-marker-icon{font-size:1.25rem}.timeline-alternate{padding-left:0}.timeline-alternate:before{left:50%;transform:translate(-50%)}.timeline-alternate .timeline-item{width:50%;padding-right:2rem}.timeline-alternate .timeline-item:nth-child(2n){margin-left:50%;padding-right:0;padding-left:2rem;flex-direction:row-reverse}.timeline-alternate .timeline-item:nth-child(2n) .timeline-content{text-align:right}.timeline-alternate .timeline-marker{position:absolute;left:100%;transform:translate(-50%)}.timeline-alternate .timeline-item:nth-child(2n) .timeline-marker{left:0;transform:translate(-50%)}.timeline-right{align-items:flex-end}.timeline-right:before{left:auto;right:1.25rem}.timeline-right .timeline-item{flex-direction:row-reverse}.timeline-right .timeline-content{text-align:right}.timeline-horizontal{flex-direction:row;overflow-x:auto;padding-bottom:1rem}.timeline-horizontal:before{top:1.25rem;left:0;width:100%;height:2px}.timeline-horizontal .timeline-item{flex-direction:column;padding-bottom:0;padding-right:2rem;min-width:10rem}.timeline-horizontal .timeline-item:last-child{padding-right:0}.timeline-horizontal .timeline-content{padding-top:1rem;text-align:center}.timeline-collapsible .timeline-item{cursor:pointer}.timeline-collapsible .timeline-description{display:none}.timeline-collapsible .timeline-item.expanded .timeline-description{display:block}.timeline-item.loading .timeline-marker{animation:timeline-pulse 1.5s ease-in-out infinite}@keyframes timeline-pulse{0%,to{opacity:1}50%{opacity:.5}}.timeline-progress:before{background:linear-gradient(to bottom,var(--color-primary) var(--timeline-progress, 0%),var(--color-outline-variant) var(--timeline-progress, 0%))}@media(max-width:640px){.timeline-alternate:before{left:1.25rem;transform:none}.timeline-alternate .timeline-item,.timeline-alternate .timeline-item:nth-child(2n){width:100%;margin-left:0;padding-left:0;padding-right:0;flex-direction:row}.timeline-alternate .timeline-item:nth-child(2n) .timeline-content{text-align:left}.timeline-alternate .timeline-marker,.timeline-alternate .timeline-item:nth-child(2n) .timeline-marker{position:relative;left:0;transform:none}}@media(prefers-reduced-motion:reduce){.timeline-item.loading .timeline-marker{animation:none}}}@layer components{.code-block{border:1px solid var(--color-outline);border-radius:var(--radius-sm);overflow:hidden}.code-header{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-surface-container-highest);border-bottom:1px solid var(--color-outline);font-size:.75rem}.code-title{color:var(--color-on-surface);font-weight:600;margin-right:auto}.code-language{color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.code-language:first-child{margin-right:auto}.code-block .copy-button{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--color-on-surface-variant);font-size:.75rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.code-block .copy-button:hover{background-color:var(--color-outline-variant);color:var(--color-on-surface)}.code-block .copy-icon{flex-shrink:0}.code-content{background-color:var(--color-surface-container);overflow-x:auto}.code-content pre{margin:0;padding:1rem;background:transparent;border-radius:0;overflow-x:auto}.code-content code{background:transparent;padding:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6}.code-block-compact .code-header{padding:.375rem .75rem}.code-block-compact .code-content pre{padding:.75rem}.code-block-borderless{border:none}.code-block-borderless .code-header{border-bottom:none}@media(prefers-reduced-motion:reduce){.code-block .copy-button{transition:none}}}@layer components{.markdown-body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;word-wrap:break-word;color:var(--color-on-surface)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-block-start:1.5rem;margin-block-end:1rem;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em;padding-block-end:.3em;border-bottom:1px solid var(--color-outline-variant)}.markdown-body h2{font-size:1.5em;padding-block-end:.3em;border-bottom:1px solid var(--color-outline-variant)}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:var(--color-on-surface-variant)}.markdown-body p{margin-block-end:1rem}.markdown-body a{color:var(--color-primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body a:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 20%,transparent)}.markdown-body strong,.markdown-body b{font-weight:600}.markdown-body em,.markdown-body i{font-style:italic}.markdown-body ul,.markdown-body ol{margin-block-end:1rem;padding-inline-start:2em}.markdown-body ul{list-style-type:disc}.markdown-body ol{list-style-type:decimal}.markdown-body li{margin-block-end:.25rem}.markdown-body li>ul,.markdown-body li>ol{margin-block-start:.25rem;margin-block-end:0}.markdown-body ul ul{list-style-type:circle}.markdown-body ul ul ul{list-style-type:square}.markdown-body ol ol{list-style-type:lower-alpha}.markdown-body ol ol ol{list-style-type:lower-roman}.markdown-body small{font-size:.875em}.markdown-body sub,.markdown-body sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body del,.markdown-body s{text-decoration:line-through;color:var(--color-on-surface-variant)}.markdown-body code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em;padding-block:.2em;padding-inline:.4em;background-color:var(--color-surface-container-high);border-radius:var(--radius-xs)}.markdown-body pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em;line-height:1.45;padding:1rem;margin-block-end:1rem;overflow-x:auto;background-color:var(--color-surface-container);border-radius:var(--radius-xs)}.markdown-body pre>code{font-size:inherit;padding:0;background-color:transparent;border-radius:0}.markdown-body kbd{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em;padding-block:.2em;padding-inline:.4em;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xs);box-shadow:inset 0 -1px 0 var(--color-outline-variant)}.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em}.markdown-body table{width:100%;border-collapse:collapse;margin-block-end:1rem;overflow-x:auto;display:block}.markdown-body th{font-weight:600;background-color:var(--color-surface-container)}.markdown-body th,.markdown-body td{padding-block:.5rem;padding-inline:.75rem;border:1px solid var(--color-outline-variant);text-align:start}.markdown-body tr:nth-child(2n){background-color:var(--color-surface-container)}.markdown-body blockquote{margin-block-end:1rem;margin-inline:0;padding-inline-start:1em;border-inline-start:.25em solid var(--color-outline-variant);color:var(--color-on-surface-variant)}.markdown-body blockquote>:first-child{margin-block-start:0}.markdown-body blockquote>:last-child{margin-block-end:0}.markdown-body blockquote blockquote{margin-block-start:1rem}.markdown-body img{max-width:100%;height:auto;box-sizing:border-box}.markdown-body figure{margin-block-end:1rem;margin-inline:0}.markdown-body figcaption{font-size:.875em;color:var(--color-on-surface-variant);margin-block-start:.5rem;text-align:center}.markdown-body img[align=left]{margin-inline-end:1rem;margin-block-end:.5rem}.markdown-body img[align=right]{margin-inline-start:1rem;margin-block-end:.5rem}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item input[type=checkbox]{margin-inline-start:-1.5em;margin-inline-end:.5em;vertical-align:middle}.markdown-body hr{height:.25em;margin-block:1.5rem;padding:0;background-color:var(--color-outline-variant);border:0}.markdown-body dl{margin-block-end:1rem}.markdown-body dt{font-weight:600;margin-block-start:1rem}.markdown-body dt:first-child{margin-block-start:0}.markdown-body dd{margin-block-start:.25rem;margin-inline-start:0;padding-inline-start:1rem}.markdown-body abbr[title]{text-decoration:underline dotted;cursor:help;border-bottom:none}.markdown-body mark{background-color:var(--color-tertiary-container);color:var(--color-on-tertiary-container);padding-block:.1em;padding-inline:.2em;border-radius:var(--radius-xs)}.markdown-body details{margin-block-end:1rem}.markdown-body summary{font-weight:600;cursor:pointer}.markdown-body details[open]>summary{margin-block-end:.5rem}.markdown-body>:first-child{margin-block-start:0}.markdown-body>:last-child{margin-block-end:0}@media(prefers-reduced-motion:reduce){.markdown-body *{transition:none}}}@layer components{.anchor{position:relative;display:inline-flex;min-width:10rem;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.25rem}.anchor-list{display:flex;flex-direction:column;gap:.125rem;min-width:0}.anchor-ink+.anchor-list{padding-left:.75rem;border-left:1px solid var(--color-outline-variant)}.anchor-list .anchor-list{margin-top:.125rem;margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--color-outline-variant)}.anchor-link{position:relative;display:block}.anchor-link-title{display:block;padding:.375rem .625rem;color:inherit;text-decoration:none;border-radius:var(--radius-sm);transition:background-color .15s ease-in-out,color .15s ease-in-out}.anchor-link-title:hover,.anchor-link-title:focus-visible{color:var(--color-primary);background-color:var(--color-surface-container);outline:none}.anchor-link-active>.anchor-link-title{color:var(--color-primary);font-weight:600;background-color:color-mix(in oklch,var(--color-primary-container) 55%,transparent)}.anchor-ink{position:absolute;top:.375rem;bottom:.375rem;left:0;width:2px;background-color:var(--color-primary);border-radius:var(--radius-full);opacity:0;transform:scaleY(.35);transform-origin:top;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.anchor-ink-visible{opacity:1;transform:scaleY(1)}.back-top{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 .875rem;color:var(--color-primary-content);font:inherit;font-size:.875rem;font-weight:600;line-height:1;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out}.back-top:hover{background-color:color-mix(in oklch,var(--color-primary) 88%,black);border-color:color-mix(in oklch,var(--color-primary) 88%,black);box-shadow:var(--shadow-md);transform:translateY(-1px)}.back-top:focus-visible{outline:none;box-shadow:var(--shadow-md),0 0 0 3px color-mix(in oklch,var(--color-primary) 24%,transparent)}.back-top:active{transform:translateY(0)}.back-top[hidden]{display:none}.card{box-sizing:border-box;max-width:100%}.card-padding-none{padding:0}.card-padding-sm{padding:.75rem}.card-padding-md{padding:1rem}.card-padding-lg{padding:1.5rem}.card-elevated{box-shadow:0 1px 2px #0f172a14,0 8px 24px #0f172a14}.card-elevated:hover{box-shadow:0 2px 4px #0f172a1a,0 14px 32px #0f172a1f;transform:translateY(-1px)}.card-outline{background-color:var(--color-surface);border:1px solid var(--color-outline-variant);box-shadow:none}.card-outline:hover{border-color:var(--color-outline);box-shadow:none;transform:none}.card-filled{background-color:var(--color-surface-container);box-shadow:none}.card-filled:hover{box-shadow:none;transform:none}.carousel{position:relative;box-sizing:border-box;width:min(100%,36rem);min-width:min(100%,20rem);overflow:hidden;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:0 8px 24px #0f172a14}.carousel-track{display:flex;width:100%;transition:transform .3s ease-in-out;will-change:transform}.carousel-slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;min-width:100%;min-height:10rem;padding:1.5rem;font-weight:700;text-align:center;background-color:var(--color-surface-container)}.carousel-fade .carousel-track{display:grid;transform:none!important}.carousel-fade .carousel-slide{grid-area:1 / 1;opacity:0;transition:opacity .3s ease-in-out}.carousel-fade .carousel-slide-active{opacity:1}.carousel-arrow{position:absolute;top:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:var(--color-on-surface);font:inherit;font-size:1.25rem;line-height:1;background-color:color-mix(in oklch,var(--color-surface) 86%,transparent);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);box-shadow:0 4px 14px #0f172a1f;cursor:pointer;transform:translateY(-50%);transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}.carousel-arrow:hover,.carousel-arrow:focus-visible{color:var(--color-primary);background-color:var(--color-primary-container);border-color:var(--color-primary);outline:none}.carousel-prev{left:.75rem}.carousel-next{right:.75rem}.carousel-dots{position:absolute;z-index:1;display:flex;gap:.375rem;align-items:center;justify-content:center}.carousel-dots-bottom{right:1rem;bottom:.75rem;left:1rem}.carousel-dots-top{top:.75rem;right:1rem;left:1rem}.carousel-dots-left,.carousel-dots-right{top:1rem;bottom:1rem;flex-direction:column}.carousel-dots-left{left:.75rem}.carousel-dots-right{right:.75rem}.carousel-dot{width:.5rem;height:.5rem;padding:0;background-color:var(--color-outline);border:0;border-radius:var(--radius-full);cursor:pointer;opacity:.7;transition:width .15s ease-in-out,height .15s ease-in-out,background-color .15s ease-in-out,opacity .15s ease-in-out}.carousel-dot-active{width:1.25rem;background-color:var(--color-primary);opacity:1}.carousel-dots-left .carousel-dot-active,.carousel-dots-right .carousel-dot-active{width:.5rem;height:1.25rem}.cascader-container{position:relative;display:inline-block;width:20rem;max-width:100%;color:var(--color-on-surface)}.cascader{box-sizing:border-box;display:inline-flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:space-between;width:100%;min-height:2.5rem;padding:.5rem .75rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;line-height:1.25rem;text-align:left;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.cascader:hover:not(:disabled){background-color:var(--color-surface-container);border-color:var(--color-outline)}.cascader:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 22%,transparent)}.cascader-sm{min-height:2rem;padding:.375rem .625rem;font-size:.8125rem}.cascader-lg{min-height:3rem;padding:.625rem .875rem;font-size:1rem}.cascader-error{border-color:var(--color-error)}.cascader-warning{border-color:var(--color-warning)}.cascader-disabled,.cascader:disabled{cursor:not-allowed;opacity:.58}.cascader-selection{display:flex;flex:1;flex-wrap:wrap;gap:.25rem;align-items:center;min-width:0}.cascader:not([aria-expanded=true]) .cascader-selection{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cascader-placeholder{min-width:0;overflow:hidden;color:var(--color-on-surface-variant);text-overflow:ellipsis;white-space:nowrap}.cascader-tag{display:inline-flex;align-items:center;max-width:100%;padding:.125rem .375rem;color:var(--color-primary);font-size:.75rem;line-height:1rem;background-color:var(--color-primary-container);border-radius:var(--radius-xs)}.cascader-icon,.cascader-clear{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--color-on-surface-variant)}.cascader-icon{font-size:.75rem;transition:transform .15s ease-in-out}.cascader-open .cascader-icon{transform:rotate(180deg)}.cascader-clear{border-radius:var(--radius-full)}.cascader-clear:hover{color:var(--color-error);background-color:var(--color-surface-container)}.cascader-dropdown{position:absolute;top:calc(100% + .25rem);left:0;z-index:50;min-width:100%;max-width:min(90vw,34rem);overflow:hidden;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a1a,0 16px 40px #0f172a1f}.cascader-search{box-sizing:border-box;display:block;width:calc(100% - 1rem);margin:.5rem;padding:.5rem .625rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-xs)}.cascader-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 18%,transparent)}.cascader-menus{display:flex;max-height:18rem;overflow:auto}.cascader-menu{display:flex;flex-direction:column;min-width:10rem;max-width:14rem;padding:.25rem;overflow-y:auto;border-right:1px solid var(--color-outline-variant)}.cascader-menu:last-child{border-right:0}.cascader-option{display:flex;gap:.75rem;align-items:center;justify-content:space-between;width:100%;min-height:2.25rem;padding:.5rem .625rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;line-height:1.25rem;text-align:left;background-color:transparent;border:0;border-radius:var(--radius-xs);cursor:pointer}.cascader-option:hover:not(:disabled),.cascader-option:focus-visible{background-color:var(--color-surface-container);outline:none}.cascader-option-active{background-color:var(--color-surface-container-high)}.cascader-option-selected{color:var(--color-primary);font-weight:700;background-color:var(--color-primary-container)}.cascader-option-disabled,.cascader-option:disabled{cursor:not-allowed;opacity:.55}.cascader-option-loading{cursor:wait}.cascader-option-expand>span:last-child{color:var(--color-on-surface-variant)}.cascader-empty{min-width:10rem;padding:1rem;color:var(--color-on-surface-variant);font-size:.875rem;text-align:center}@media(max-width:640px){.cascader-dropdown{max-width:calc(100vw - 2rem)}.cascader-menu{min-width:8.5rem}}.calendar{display:grid;width:min(100%,44rem);color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.calendar-fullscreen{width:100%}.calendar-header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.875rem;border-bottom:1px solid var(--color-outline-variant)}.calendar-title{color:var(--color-on-surface);font-weight:700}.calendar-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.calendar-nav,.calendar-mode{display:inline-flex;gap:.25rem;align-items:center}.calendar-header button{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0 .625rem;color:var(--color-on-surface);font:inherit;font-size:.8125rem;font-weight:600;background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.calendar-header button:hover,.calendar-header button:focus-visible{color:var(--color-primary);background-color:var(--color-primary-container);border-color:var(--color-primary);outline:none}.calendar-header button[aria-pressed=true]{color:var(--color-primary-content);background-color:var(--color-primary);border-color:var(--color-primary)}.calendar-body{display:grid;gap:.5rem;padding:.875rem}.calendar-weekdays,.calendar-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}.calendar-weekday{color:var(--color-on-surface-variant);font-size:.75rem;font-weight:700;line-height:1rem;text-align:center;text-transform:uppercase}.calendar-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}.calendar-cell{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:2.5rem;padding:.25rem;color:var(--color-on-surface);font:inherit;background-color:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.calendar-cell:hover:not(:disabled),.calendar-cell:focus-visible{color:var(--color-primary);background-color:var(--color-primary-container);border-color:var(--color-primary);outline:none}.calendar-cell-selected{color:var(--color-primary-content);background-color:var(--color-primary);border-color:var(--color-primary)}.calendar-cell-today:not(.calendar-cell-selected){border-color:var(--color-primary)}.calendar-cell-outside{color:var(--color-on-surface-variant);opacity:.58}.calendar-cell-disabled,.calendar-cell:disabled{color:var(--color-on-surface-variant);background-color:var(--color-surface-container);cursor:not-allowed;opacity:.55}.calendar-cell-content{display:grid;gap:.125rem;place-items:center;min-width:0;line-height:1.1}.color-picker{--color-picker-control-height: 2.25rem;--color-picker-swatch-size: 2.25rem;position:relative;display:inline-flex;align-items:center;gap:.5rem;color:var(--color-on-surface);vertical-align:middle}.color-picker-sm{--color-picker-control-height: 1.875rem;--color-picker-swatch-size: 1.875rem}.color-picker-lg{--color-picker-control-height: 2.75rem;--color-picker-swatch-size: 2.75rem}.color-picker-disabled{opacity:.55}.color-picker-swatch{display:inline-flex;flex:0 0 auto;width:var(--color-picker-swatch-size);height:var(--color-picker-swatch-size);padding:0;border:1px solid var(--color-outline);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 2px var(--color-surface),var(--shadow-xs);cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out}.color-picker-swatch:hover:not(:disabled){border-color:var(--color-primary)}.color-picker-swatch:focus-visible{border-color:var(--color-primary);box-shadow:inset 0 0 0 2px var(--color-surface),0 0 0 3px color-mix(in oklch,var(--color-primary) 24%,transparent);outline:none}.color-picker-swatch:disabled{cursor:not-allowed}.color-picker-text{color:var(--color-on-surface);font-size:.875rem;line-height:1.25rem;white-space:nowrap}.color-picker-format-select{width:auto;min-width:5.25rem;height:var(--color-picker-control-height);padding-top:0;padding-bottom:0}.color-picker .color-picker-panel{position:absolute;top:calc(100% + .5rem);left:0;z-index:1050;display:flex;flex-direction:column;gap:.75rem;min-width:16rem;max-width:min(20rem,calc(100vw - 2rem));padding:.75rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:0 4px 12px #0f172a1a,0 16px 40px #0f172a1f}.color-picker .color-picker-panel.popover{box-shadow:0 4px 12px #0f172a1a,0 16px 40px #0f172a1f}.color-picker-panel .color-picker-input{width:100%;height:2.5rem;padding:0 .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}.color-picker-presets{display:grid;gap:.75rem}.color-picker-preset{display:grid;gap:.5rem}.color-picker-preset-label{color:var(--color-on-surface-variant);font-size:.75rem;font-weight:600;line-height:1rem}.color-picker-preset-colors{display:flex;flex-wrap:wrap;gap:.5rem}.color-picker-preset-colors .color-picker-swatch{--color-picker-swatch-size: 1.5rem;border-radius:999px}.descriptions{box-sizing:border-box;width:100%;color:var(--color-on-surface);font-size:.875rem;line-height:1.375rem}.descriptions-header{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:.75rem}.descriptions-title{color:var(--color-on-surface);font-size:1rem;font-weight:700;line-height:1.5rem}.descriptions-extra{color:var(--color-on-surface-variant);font-size:.8125rem}.descriptions-body{display:grid;gap:.75rem 1rem}.descriptions-item{display:grid;min-width:0}.descriptions-horizontal .descriptions-item{grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);gap:.75rem;align-items:baseline}.descriptions-vertical .descriptions-item{gap:.25rem}.descriptions-item-label{min-width:0;color:var(--color-on-surface-variant);font-weight:600}.descriptions-item-content{min-width:0;color:var(--color-on-surface);overflow-wrap:anywhere}.descriptions-bordered .descriptions-body{gap:0;overflow:hidden;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm)}.descriptions-bordered .descriptions-item{background-color:var(--color-surface);border-right:1px solid var(--color-outline-variant);border-bottom:1px solid var(--color-outline-variant)}.descriptions-bordered .descriptions-item-label,.descriptions-bordered .descriptions-item-content{padding:.75rem}.descriptions-bordered .descriptions-item-label{background-color:var(--color-surface-container)}.divider-primary,.divider-primary.divider-text{color:var(--color-primary)}.divider-primary:before,.divider-primary:after,.divider-primary.divider-text:before,.divider-primary.divider-text:after{background-color:var(--color-primary)}.divider-secondary,.divider-secondary.divider-text{color:var(--color-secondary)}.divider-secondary:before,.divider-secondary:after,.divider-secondary.divider-text:before,.divider-secondary.divider-text:after{background-color:var(--color-secondary)}.divider-tertiary,.divider-tertiary.divider-text{color:var(--color-tertiary)}.divider-tertiary:before,.divider-tertiary:after,.divider-tertiary.divider-text:before,.divider-tertiary.divider-text:after{background-color:var(--color-tertiary)}.dropdown-wrapper{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.dropdown-wrapper>[role=button]{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 .875rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;font-weight:600;line-height:1;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.dropdown-wrapper>[role=button]:hover,.dropdown-wrapper>[role=button]:focus-visible{color:var(--color-primary);background-color:var(--color-surface-container);border-color:var(--color-primary);outline:none}.dropdown-wrapper>.popover.dropdown{position:absolute;z-index:1050;display:block;min-width:12rem;max-width:calc(100vw - 2rem);padding:.375rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:0 4px 12px #0f172a1a,0 16px 40px #0f172a1f;opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity .15s ease-out,visibility .15s ease-out,transform .15s ease-out}.dropdown-wrapper>.popover.dropdown.dropdown-open{opacity:1;visibility:visible;transform:none}.dropdown-wrapper>.popover.dropdown.dropdown-bottom,.dropdown-wrapper>.popover.dropdown.dropdown-bottom-left{top:calc(100% + .5rem);left:0}.dropdown-wrapper>.popover.dropdown.dropdown-bottom-right{top:calc(100% + .5rem);right:0;left:auto}.dropdown-wrapper>.popover.dropdown.dropdown-top,.dropdown-wrapper>.popover.dropdown.dropdown-top-left{bottom:calc(100% + .5rem);left:0}.dropdown-wrapper>.popover.dropdown.dropdown-top-right{right:0;bottom:calc(100% + .5rem);left:auto}.dropdown-wrapper>.popover.dropdown.dropdown-left{top:50%;right:calc(100% + .5rem);transform:translate(.25rem,-50%)}.dropdown-wrapper>.popover.dropdown.dropdown-left.dropdown-open{transform:translateY(-50%)}.dropdown-wrapper>.popover.dropdown.dropdown-right{top:50%;left:calc(100% + .5rem);transform:translate(-.25rem,-50%)}.dropdown-wrapper>.popover.dropdown.dropdown-right.dropdown-open{transform:translateY(-50%)}.dropdown-menu{display:grid;gap:.125rem;padding:0;margin:0;list-style:none}.dropdown-menu .menu-item{display:flex;gap:.625rem;align-items:center;width:100%;min-height:2rem;padding:.375rem .625rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;text-align:left;background-color:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.dropdown-menu .menu-item:hover:not(:disabled),.dropdown-menu .menu-item:focus-visible{background-color:var(--color-surface-container);outline:none}.dropdown-menu .menu-item-danger{color:var(--color-error)}.dropdown-menu .menu-divider{height:1px;margin:.25rem 0;background-color:var(--color-outline-variant)}.dropdown-button{display:inline-flex;align-items:center}.dropdown-button>*:first-child{border-start-end-radius:0;border-end-end-radius:0}.dropdown-button>*:last-child{margin-left:-1px;border-start-start-radius:0;border-end-start-radius:0}.empty{box-sizing:border-box;display:grid;gap:.75rem;justify-items:center;width:100%;padding:2rem 1rem;color:var(--color-on-surface-variant);text-align:center}.empty-image{display:grid;place-items:center;color:var(--color-outline);line-height:0}.empty-image svg{display:block;width:4rem;height:auto}.empty-description{max-width:28rem;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.375rem}.empty-footer{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;color:var(--color-on-surface);font-size:.875rem}.float-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3rem;min-width:3rem;height:3rem;min-height:3rem;padding:0;color:var(--color-on-surface);font:inherit;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;background-color:var(--color-secondary-container);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);box-shadow:0 4px 12px #0f172a1f,0 12px 32px #0f172a24;cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,transform .15s ease-in-out}.float-button:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 6px 16px #0f172a24,0 18px 40px #0f172a29;transform:translateY(-1px)}.float-button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 6px 16px #0f172a24,0 0 0 3px color-mix(in oklch,var(--color-primary) 24%,transparent)}.float-button:disabled,.float-button[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.float-button.btn-primary{color:var(--color-primary-content);background-color:var(--color-primary);border-color:var(--color-primary)}.float-button.btn-secondary,.float-button.btn-tonal{color:var(--color-secondary);background-color:var(--color-secondary-container)}.float-button.btn-square,.float-button.rounded-lg{border-radius:var(--radius-md)}.float-button-icon{display:inline-flex;align-items:center;justify-content:center;min-width:1rem}.float-button-description{display:inline-flex;align-items:center;max-width:8rem;min-width:0;overflow:hidden;font-size:.75rem;line-height:1rem;text-overflow:ellipsis;white-space:nowrap}.float-button:has(.float-button-description){width:auto;min-width:5rem;padding-inline:.875rem;border-radius:var(--radius-full)}.float-button-badge{position:absolute;top:-.25rem;right:-.25rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .3125rem;color:var(--color-error-content);font-size:.6875rem;font-weight:700;line-height:1;background-color:var(--color-error);border:2px solid var(--color-surface);border-radius:var(--radius-full)}.float-button-badge.badge-dot{width:.625rem;min-width:.625rem;height:.625rem;padding:0}.float-button-tooltip{position:absolute;right:calc(100% + .625rem);bottom:50%;width:max-content;max-width:12rem;padding:.375rem .625rem;color:var(--color-surface);font-size:.75rem;font-weight:600;line-height:1rem;background-color:var(--color-on-surface);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transform:translate(.25rem,50%);transition:opacity .15s ease-in-out,transform .15s ease-in-out}.float-button:hover .float-button-tooltip,.float-button:focus-visible .float-button-tooltip,.float-button-tooltip.tooltip-show{opacity:1;transform:translateY(50%)}.float-button-group{position:fixed;right:1.5rem;bottom:1.5rem;z-index:50;display:flex;flex-direction:column-reverse;gap:.75rem;align-items:flex-end}.float-button-group-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0 .875rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;font-weight:700;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-full);box-shadow:0 4px 12px #0f172a1f;cursor:pointer}.float-button-back-top[hidden],.float-button:not(.float-button-back-top)[hidden]{display:none}.form{display:grid;gap:1rem;width:100%;max-width:36rem;color:var(--color-on-surface)}.form-disabled{opacity:.58}.form-item{display:grid;gap:.375rem;min-width:0}.form-horizontal .form-item{grid-template-columns:minmax(7rem,.34fr) minmax(0,1fr);gap:.5rem .875rem;align-items:start}.form-vertical .form-item{grid-template-columns:1fr}.form-inline{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;max-width:none}.form-inline .form-item{display:inline-grid;min-width:12rem}.form-item-label{color:var(--color-on-surface);font-size:.875rem;font-weight:700;line-height:2.25rem}.form-item-required .form-item-label:before{margin-right:.25rem;color:var(--color-error);content:"*"}.form-item-control{min-width:0}.form-item-control>*{max-width:100%}.form-item-extra,.form-item-help,.form-error-list{color:var(--color-on-surface-variant);font-size:.75rem;line-height:1rem}.form-horizontal .form-item-extra,.form-horizontal .form-item-help{grid-column:2}.form-item-error .form-item-label,.form-item-error .form-item-help,.form-error-list{color:var(--color-error)}.form-list{display:grid;gap:.75rem}@media(max-width:640px){.form-horizontal .form-item{grid-template-columns:1fr}.form-horizontal .form-item-extra,.form-horizontal .form-item-help{grid-column:auto}}.descriptions-sm{font-size:.8125rem}.descriptions-sm.descriptions-bordered .descriptions-item-label,.descriptions-sm.descriptions-bordered .descriptions-item-content{padding:.5rem .625rem}.descriptions-lg{font-size:.9375rem}.descriptions-lg.descriptions-bordered .descriptions-item-label,.descriptions-lg.descriptions-bordered .descriptions-item-content{padding:.875rem}@media(max-width:640px){.descriptions-body{grid-template-columns:1fr!important}.descriptions-horizontal .descriptions-item{grid-template-columns:1fr;gap:.25rem}}.autocomplete-input-wrapper{position:relative;display:flex;width:100%}.autocomplete-input-wrapper .autocomplete-input{padding-right:2.75rem}.autocomplete-input-wrapper .autocomplete-input.autocomplete-sm{padding-top:.5rem;padding-bottom:.5rem;font-size:.8125rem}.autocomplete-input-wrapper .autocomplete-input.autocomplete-lg{padding-top:1rem;padding-bottom:1rem;font-size:1rem}.autocomplete-toggle{position:absolute;top:50%;right:.5rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--color-on-surface-variant);font-size:0;background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer;transform:translateY(-50%);transition:background-color .15s ease-in-out,color .15s ease-in-out}.autocomplete-toggle:before{width:.45rem;height:.45rem;border-right:2px solid currentcolor;border-bottom:2px solid currentcolor;content:"";transform:translateY(-15%) rotate(45deg);transition:transform .15s ease-in-out}.autocomplete-open .autocomplete-toggle:before{transform:translateY(15%) rotate(225deg)}.autocomplete-toggle:hover:not(:disabled),.autocomplete-toggle:focus-visible{color:var(--color-on-surface);background-color:var(--color-surface-container);outline:none}.autocomplete-toggle:disabled{cursor:not-allowed;opacity:.5}.autocomplete-input-wrapper .autocomplete-clear{right:2.5rem;font-size:0}.autocomplete-input-wrapper .autocomplete-clear:before{content:"x";font-size:.875rem;line-height:1}.autocomplete-input-wrapper:has(.autocomplete-clear) .autocomplete-input{padding-right:4.75rem}.autocomplete-option{width:100%;color:var(--color-on-surface);font:inherit;text-align:left;background-color:transparent;border:0}.autocomplete-option-focused{background-color:var(--color-surface-container)}.autocomplete-option-selected{color:var(--color-on-primary-container);background-color:var(--color-primary-container)}.autocomplete-option-disabled{color:var(--color-on-surface-variant);cursor:not-allowed;opacity:.6}.autocomplete-no-options{padding:1rem;color:var(--color-on-surface-variant);font-size:.875rem;text-align:center}.checkbox-wrapper{color:var(--color-on-surface);vertical-align:middle}.checkbox-wrapper .checkbox-input{flex:0 0 auto}.checkbox-text{line-height:1.25rem}.checkbox-label-left{order:-1}.checkbox-loading{cursor:not-allowed;opacity:.6}.image{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;border-radius:8px;background:var(--color-surface-container);vertical-align:middle}.image-img{display:block;max-width:100%;height:auto;object-fit:cover}.image-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:12px;color:var(--color-on-surface-variant);background:color-mix(in srgb,var(--color-surface-container-highest) 86%,transparent);font-size:.875rem;text-align:center}.image-error{border:1px solid var(--color-error);color:var(--color-error)}.image-preview-mask{position:absolute;inset:0;display:grid;place-items:center;border:0;background:color-mix(in srgb,var(--color-scrim) 42%,transparent);color:var(--color-on-primary);cursor:zoom-in;opacity:0;transition:opacity var(--motion-duration-fast) var(--motion-easing-standard)}.image-preview:hover .image-preview-mask,.image-preview:focus-within .image-preview-mask{opacity:1}.image-preview-img{position:fixed;z-index:1000;inset:50% auto auto 50%;max-width:min(88vw,960px);max-height:88vh;transform:translate(-50%,-50%);border-radius:10px;box-shadow:0 20px 60px color-mix(in srgb,var(--color-scrim) 45%,transparent)}.image-preview-group{display:inline-flex;flex-wrap:wrap;gap:12px;max-width:100%}.input-number{--input-number-height: 2.5rem;--input-number-font-size: 1rem;--input-number-line-height: 1.5rem;--input-number-padding-x: .875rem;--input-number-control-width: 2rem;display:inline-flex;align-items:stretch;width:14rem;max-width:100%;height:var(--input-number-height);overflow:hidden;color:var(--color-on-surface);font-size:var(--input-number-font-size);line-height:var(--input-number-line-height);vertical-align:middle;background-color:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-sm);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out}.input-number:hover:not(.input-number-disabled){border-color:var(--color-outline-variant)}.input-number:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 20%,transparent)}.input-number-sm{--input-number-height: 2.25rem;--input-number-font-size: .875rem;--input-number-line-height: 1.25rem;--input-number-padding-x: .75rem;--input-number-control-width: 1.75rem;width:11rem;border-radius:var(--radius-xs)}.input-number-lg{--input-number-height: 3.5rem;--input-number-font-size: 1.125rem;--input-number-line-height: 1.75rem;--input-number-padding-x: 1rem;--input-number-control-width: 2.25rem;width:16rem}.input-number-error{border-color:var(--color-error)}.input-number-error:focus-within{border-color:var(--color-error);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-error) 16%,transparent)}.input-number-success{border-color:var(--color-success)}.input-number-success:focus-within{border-color:var(--color-success);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-success) 16%,transparent)}.input-number-disabled{cursor:not-allowed;background-color:var(--color-surface-container);opacity:.55}.input-number-input{flex:1 1 auto;min-width:0;height:100%;padding:0 var(--input-number-padding-x);color:var(--color-on-surface);font:inherit;background:transparent;border:0;outline:none}.input-number-input::placeholder{color:var(--color-on-surface-variant);opacity:.7}.input-number-input:disabled{cursor:not-allowed}.input-number-controls{display:flex;flex:0 0 var(--input-number-control-width);flex-direction:column;border-left:1px solid var(--color-outline-variant)}.input-number-control{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-height:0;padding:0;color:var(--color-on-surface-variant);font:inherit;font-size:.875rem;line-height:1;background:transparent;border:0;cursor:pointer;appearance:none;transition:color .15s ease-in-out,background-color .15s ease-in-out}.input-number-control+.input-number-control{border-top:1px solid var(--color-outline-variant)}.input-number-control:hover:not(:disabled),.input-number-control:focus-visible{color:var(--color-on-surface);background-color:var(--color-surface-container);outline:none}.input-number-control:disabled{cursor:not-allowed;opacity:.45}.layout{display:flex;flex-direction:column;width:100%;min-height:220px;overflow:hidden;color:var(--color-on-surface);background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:8px}.layout-has-sider{flex-direction:row;align-items:stretch;min-height:160px}.layout-header,.layout-footer{padding:12px 16px;color:var(--color-primary);font-weight:700;background:var(--color-primary-container)}.layout-content{display:grid;flex:1 1 auto;min-width:0;min-height:120px;place-items:center;padding:24px;background:var(--color-surface)}.layout-sider{position:relative;display:flex;flex-direction:column;min-height:160px;padding:16px;color:var(--color-on-secondary-container);background:var(--color-secondary-container);transition:flex-basis .18s ease,width .18s ease,max-width .18s ease,min-width .18s ease}.layout-sider-collapsed{align-items:center;padding-inline:8px}.layout-trigger{align-self:flex-end;margin-top:auto;padding:4px 8px;color:var(--color-on-secondary-container);background:color-mix(in oklch,var(--color-secondary-container) 84%,var(--color-surface));border:1px solid var(--color-outline-variant);border-radius:6px;cursor:pointer}.layout-trigger:hover,.layout-trigger:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}@media(max-width:640px){.layout-has-sider{flex-direction:column}.layout-has-sider>.layout-sider{flex-basis:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:auto}}.list{display:flex;flex-direction:column;width:100%;max-width:100%;color:var(--color-on-surface);background:var(--color-surface);border-radius:8px}.list-bordered{overflow:hidden;border:1px solid var(--color-outline-variant)}.list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-block-end:1px solid var(--color-outline-variant);transition:background-color .15s ease,color .15s ease}.list-item:last-child{border-block-end:0}.list-compact .list-item{padding:8px 12px}.list-comfortable .list-item{padding:16px 20px}.list-item-interactive{cursor:pointer}.list-item-interactive:hover,.list-item-interactive:focus-visible{background:var(--color-surface-container);outline:none}.list-item-disabled{cursor:not-allowed;opacity:.55}.list-item-content{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:4px}.list-item-content>.list-item-content{display:contents}.list-item-text{overflow:hidden;color:var(--color-on-surface);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.list-item-secondary{overflow:hidden;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.list-item-leading{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.list-item-trailing{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;color:var(--color-primary);font-size:.875rem;font-weight:700}.mentions{position:relative;display:inline-flex;width:min(100%,28rem);max-width:100%;flex-direction:column;color:var(--color-on-surface);vertical-align:middle}.mentions-textarea{width:100%;min-height:5rem;resize:vertical;padding:10px 12px;color:var(--color-on-surface);font:inherit;line-height:1.5;background:var(--color-surface);border:1px solid var(--color-outline);border-radius:8px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.mentions-textarea::placeholder{color:var(--color-on-surface-variant);opacity:.7}.mentions-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 18%,transparent)}.mentions-disabled{cursor:not-allowed;opacity:.6}.mentions-disabled .mentions-textarea{cursor:not-allowed;background:var(--color-surface-container)}.mentions-dropdown{position:absolute;z-index:1000;left:0;right:0;max-height:13rem;overflow-y:auto;padding:4px;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:8px;box-shadow:0 12px 32px color-mix(in oklch,var(--color-scrim) 16%,transparent)}.mentions-dropdown.mentions-placement-bottom{top:calc(100% + 4px)}.mentions-dropdown.mentions-placement-top{bottom:calc(100% + 4px)}.mentions-options{display:flex;flex-direction:column;gap:2px}.mentions-option{width:100%;padding:8px 10px;color:var(--color-on-surface);font:inherit;text-align:left;background:transparent;border:0;border-radius:6px;cursor:pointer}.mentions-option-focused,.mentions-option-selected,.mentions-option:hover:not(:disabled){color:var(--color-primary);background:var(--color-primary-container)}.mentions-option-disabled{cursor:not-allowed;opacity:.55}.mentions-no-options{padding:10px;color:var(--color-on-surface-variant);font-size:.875rem;text-align:center}.menu{display:flex;width:min(100%,18rem);max-width:100%;margin:0;padding:6px;gap:2px;color:var(--color-on-surface);list-style:none;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:8px}.menu-vertical,.menu-inline{flex-direction:column}.menu-horizontal{width:max-content;flex-direction:row;align-items:center}.menu-dark{color:var(--color-on-surface);background:var(--color-surface-container-highest);border-color:color-mix(in oklch,var(--color-outline) 70%,transparent)}.menu-item,.menu-item-submenu{display:flex;width:100%;min-height:36px;align-items:center;gap:8px;padding:8px 10px;color:inherit;font:inherit;line-height:1.25;text-align:left;list-style:none;background:transparent;border:0;border-radius:6px;cursor:pointer;transition:color .15s ease,background-color .15s ease}.menu-item:hover:not(.menu-item-disabled),.menu-item:focus-visible,.menu-item-submenu:hover:not(.menu-item-disabled),.menu-item-submenu:focus-visible{color:var(--color-primary);background:var(--color-surface-container);outline:none}.menu-item-active{color:var(--color-primary);font-weight:700;background:var(--color-primary-container)}.menu-item-danger{color:var(--color-error)}.menu-item-disabled{cursor:not-allowed;opacity:.55}.menu-item-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.menu-item-trailing{margin-left:auto;color:var(--color-on-surface-variant);font-size:.75rem}.menu-divider{height:1px;margin:4px 6px;list-style:none;background:var(--color-outline-variant)}.menu-label{padding:8px 10px 4px;color:var(--color-on-surface-variant);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.menu-submenu-wrapper,.menu-group{display:block;width:100%;list-style:none}.menu .menu-submenu-wrapper,.menu .menu-group{display:block;width:100%;flex-shrink:1}.menu-submenu-wrapper>.menu-item-submenu{width:100%}.menu .menu-submenu-wrapper>.menu-item-submenu{width:100%;justify-content:flex-start}.menu-submenu{display:none;width:100%;margin:4px 0 0;padding:0 0 0 14px;gap:2px;list-style:none}.menu-submenu.menu-show{display:flex;flex-direction:column}.menu .menu-submenu,.menu .menu-submenu .menu-item{width:100%}.menu-compact .menu-item,.menu-compact .menu-item-submenu{min-height:30px;padding:6px 8px;font-size:.875rem}.menu-wide .menu-item,.menu-wide .menu-item-submenu{min-height:42px;padding:10px 12px}.menu-inline-collapsed{width:4rem}.message-holder{display:grid;width:max-content;max-width:100%;gap:8px}.message{align-items:center;gap:10px;max-width:min(28rem,100%);box-shadow:0 10px 30px color-mix(in oklch,var(--color-scrim) 12%,transparent)}.message-content{min-width:0;overflow-wrap:anywhere}.message-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center}.message-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:4px;padding:0;color:currentColor;font:inherit;line-height:1;background:transparent;border:0;border-radius:999px;cursor:pointer;opacity:.72}.message-close:hover,.message-close:focus-visible{background:color-mix(in oklch,currentColor 12%,transparent);outline:none;opacity:1}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:none;align-items:flex-start;justify-content:center;padding:64px 16px 16px;overflow:auto;background:color-mix(in oklch,var(--color-scrim) 42%,transparent)}.modal-backdrop.modal-open{display:flex}.modal-backdrop-center{align-items:center;padding-top:16px}.modal-backdrop>.modal{position:relative;display:flex;width:min(100%,32rem);max-height:calc(100vh - 32px);flex-direction:column;padding:0;overflow:hidden;color:var(--color-on-surface);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:10px;box-shadow:0 24px 80px color-mix(in oklch,var(--color-scrim) 35%,transparent)}.modal-header{display:flex;align-items:flex-start;gap:16px;padding:18px 56px 14px 20px;border-block-end:1px solid var(--color-outline-variant)}.modal-title{margin:0;color:var(--color-on-surface);font-size:1rem;font-weight:700;line-height:1.4}.modal-body{flex:1 1 auto;min-height:0;padding:20px;overflow:auto;color:var(--color-on-surface-variant);line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-block-start:1px solid var(--color-outline-variant)}.modal-footer>button{min-height:2.25rem;padding:0 14px;color:var(--color-on-surface);font:inherit;font-weight:700;background:var(--color-surface-container);border:1px solid var(--color-outline-variant);border-radius:6px;cursor:pointer}.modal-footer>button:last-child{color:var(--color-primary-content);background:var(--color-primary);border-color:var(--color-primary)}.modal-footer>button:disabled{cursor:not-allowed;opacity:.55}.modal-close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:var(--color-on-surface-variant);font:inherit;line-height:1;background:transparent;border:0;border-radius:999px;cursor:pointer}.modal-close:hover,.modal-close:focus-visible{color:var(--color-on-surface);background:var(--color-surface-container);outline:none}.notification-root{position:fixed;inset:0;z-index:1100;pointer-events:none}.notification-holder{position:fixed;display:grid;width:min(24rem,calc(100vw - 32px));gap:12px;pointer-events:none}.notification-top,.notification-top-left,.notification-top-right{top:24px}.notification-bottom,.notification-bottom-left,.notification-bottom-right{bottom:24px}.notification-top,.notification-bottom{left:50%;transform:translate(-50%)}.notification-top-left,.notification-bottom-left{left:24px}.notification-top-right,.notification-bottom-right{right:24px}@media(max-width:480px){.notification-holder{width:auto}.notification-top-left,.notification-top-right,.notification-bottom-left,.notification-bottom-right{right:16px;left:16px}}.notification-notice{display:flex;width:100%;align-items:flex-start;gap:12px;pointer-events:auto;box-shadow:0 16px 44px color-mix(in oklch,var(--color-scrim) 16%,transparent)}.notification-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.25rem;min-height:1.5rem;color:currentColor;font-weight:700}.notification-content{display:grid;flex:1 1 auto;min-width:0;gap:4px}.notification-message{display:block;color:var(--color-on-surface);font-weight:700;line-height:1.35}.notification-description{display:block;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.45}.notification-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.notification-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--color-on-surface-variant);font:inherit;line-height:1;background:transparent;border:0;border-radius:999px;cursor:pointer}.notification-close:hover,.notification-close:focus-visible{color:var(--color-on-surface);background:var(--color-surface-container);outline:none}.datepicker:not(.calendar){position:relative;display:inline-flex;width:16rem;max-width:100%;align-items:center;color:var(--color-on-surface);vertical-align:middle}.datepicker-range{width:min(100%,32rem);gap:.5rem}.datepicker-input{width:100%;min-width:0;padding-right:2.75rem}.datepicker-range .datepicker-input{padding-right:1rem}.datepicker .datepicker-input[type=date]::-webkit-calendar-picker-indicator,.datepicker .datepicker-input[type=month]::-webkit-calendar-picker-indicator,.datepicker .datepicker-input[type=week]::-webkit-calendar-picker-indicator,.datepicker .datepicker-input[type=time]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.datepicker-icon{position:absolute;top:50%;right:.875rem;display:inline-flex;width:1rem;height:1rem;align-items:center;justify-content:center;color:var(--color-on-surface-variant);font-size:0;line-height:1;pointer-events:none;transform:translateY(-50%)}.datepicker-icon:before{width:.875rem;height:.8125rem;border:1.75px solid currentcolor;border-radius:.1875rem;content:""}.datepicker-icon:after{position:absolute;top:.3125rem;left:.1875rem;width:.625rem;border-top:1.75px solid currentcolor;content:""}.datepicker-clear{position:absolute;top:50%;right:2.25rem;display:inline-flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;padding:0;color:var(--color-on-surface-variant);font-size:.8125rem;line-height:1;background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer;transform:translateY(-50%)}.datepicker-clear:hover,.datepicker-clear:focus-visible{color:var(--color-on-surface);background-color:var(--color-surface-container);outline:none}.datepicker-range .datepicker-clear{right:.5rem}.datepicker-range-separator{flex:0 0 auto;color:var(--color-on-surface-variant)}.popover-wrapper{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.popover-wrapper>.popover{position:absolute;z-index:1050;min-width:12rem;max-width:min(20rem,calc(100vw - 2rem));padding:.875rem 1rem;color:var(--color-on-surface);font-size:.875rem;line-height:1.375rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,visibility .15s ease-out,transform .15s ease-out}.popover-wrapper>.popover.popover-show{opacity:1;visibility:visible;pointer-events:auto}.popover-wrapper>.popover strong{display:block;margin-bottom:.25rem;color:var(--color-on-surface);font-weight:600}.popover-wrapper>.popover-top{bottom:calc(100% + .75rem);left:50%;transform:translate(-50%) translateY(.25rem)}.popover-wrapper>.popover-top.popover-show{transform:translate(-50%)}.popover-wrapper>.popover-bottom{top:calc(100% + .75rem);left:50%;transform:translate(-50%) translateY(-.25rem)}.popover-wrapper>.popover-bottom.popover-show{transform:translate(-50%)}.popover-wrapper>.popover-left{top:50%;right:calc(100% + .75rem);transform:translate(.25rem,-50%)}.popover-wrapper>.popover-left.popover-show{transform:translateY(-50%)}.popover-wrapper>.popover-right{top:50%;left:calc(100% + .75rem);transform:translate(-.25rem,-50%)}.popover-wrapper>.popover-right.popover-show{transform:translateY(-50%)}.popover-wrapper>.popover>.popover-arrow{position:absolute;width:.75rem;height:.75rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);transform:rotate(45deg)}.popover-wrapper>.popover-top>.popover-arrow{bottom:-.4375rem;left:50%;border-top:0;border-left:0;transform:translate(-50%) rotate(45deg)}.popover-wrapper>.popover-bottom>.popover-arrow{top:-.4375rem;left:50%;border-right:0;border-bottom:0;transform:translate(-50%) rotate(45deg)}.popover-wrapper>.popover-left>.popover-arrow{top:50%;right:-.4375rem;border-bottom:0;border-left:0;transform:translateY(-50%) rotate(45deg)}.popover-wrapper>.popover-right>.popover-arrow{top:50%;left:-.4375rem;border-top:0;border-right:0;transform:translateY(-50%) rotate(45deg)}.popover-wrapper>.popover-no-arrow>.popover-arrow{display:none}.popconfirm{min-width:14rem}.popconfirm-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:flex-start}.popconfirm-icon{display:inline-flex;width:1.25rem;min-height:1.375rem;align-items:center;justify-content:center;color:var(--color-warning);font-weight:800}.popconfirm-content{display:grid;min-width:0;gap:4px}.popconfirm-title{display:block;color:var(--color-on-surface);font-weight:700;line-height:1.35}.popconfirm-description{display:block;color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.4}.popconfirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.progress{--progress-size: .5rem;--progress-color: var(--color-primary);position:relative;display:block;width:min(100%,32rem);height:var(--progress-size);overflow:hidden;color:var(--color-on-surface-variant);background:var(--color-surface-container-high);border-radius:999px}.progress-sm{--progress-size: .375rem}.progress-lg{--progress-size: .75rem}.progress-xl{--progress-size: 1rem}.progress-secondary{--progress-color: var(--color-secondary)}.progress-tertiary{--progress-color: var(--color-tertiary)}.progress-success{--progress-color: var(--color-success)}.progress-error{--progress-color: var(--color-error)}.progress-warning{--progress-color: var(--color-warning)}.progress-info{--progress-color: var(--color-info)}.progress-bar{height:100%;min-width:0;background:var(--progress-color);border-radius:inherit;transition:width .18s ease}.progress-labeled{width:min(100%,36rem);margin-right:3.5rem;overflow:visible}.progress-label{position:absolute;top:50%;left:auto;right:-3.5rem;width:3rem;min-width:3rem;color:var(--color-on-surface-variant);font-size:.875rem;font-weight:700;line-height:1;text-align:right;transform:translateY(-50%)}.progress-indeterminate .progress-bar{width:35%;animation:progress-indeterminate 1.25s ease-in-out infinite}@keyframes progress-indeterminate{0%{margin-left:-35%}to{margin-left:100%}}.qr-code{position:relative;display:inline-grid;place-items:center;box-sizing:border-box;max-width:100%;padding:8px;overflow:hidden;border:1px solid var(--color-outline-variant);border-radius:8px}.qr-code-canvas,.qr-code-svg,.qr-code-modules{display:block;width:100%;height:100%}.qr-code-modules{display:grid}.qr-code-module{aspect-ratio:1}.qr-code-svg{overflow:visible}.qr-code-icon{position:absolute;inset:50% auto auto 50%;display:inline-grid;place-items:center;overflow:hidden;background:var(--color-surface);border:4px solid var(--color-surface);border-radius:8px;transform:translate(-50%,-50%)}.qr-code-icon>img{width:100%;height:100%;object-fit:cover}.qr-code-mask{position:absolute;inset:0;display:grid;place-items:center;gap:8px;padding:12px;color:var(--color-on-surface);text-align:center;background:color-mix(in oklch,var(--color-surface) 88%,transparent)}.qr-code-mask-title{font-size:.875rem;font-weight:700}.qr-code-refresh{min-height:2rem;padding:0 10px;color:var(--color-primary-content);font:inherit;font-size:.875rem;font-weight:700;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:6px;cursor:pointer}.radio{position:relative;display:inline-flex;width:auto;height:auto;align-items:center;gap:8px;padding:0;color:var(--color-on-surface);vertical-align:middle;background:transparent;border:0;border-radius:0;cursor:pointer}.radio:before,.radio:after{display:none;content:none}.radio-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.radio-circle{--radio-color: var(--color-primary);display:inline-grid;width:1.25rem;height:1.25rem;flex:0 0 auto;place-items:center;border:2px solid var(--color-outline);border-radius:999px;transition:border-color .15s ease,box-shadow .15s ease}.radio-sm .radio-circle{width:1rem;height:1rem}.radio-lg .radio-circle{width:1.5rem;height:1.5rem}.radio-primary{--radio-color: var(--color-primary)}.radio-secondary{--radio-color: var(--color-secondary)}.radio-tertiary{--radio-color: var(--color-tertiary)}.radio-dot{width:50%;height:50%;background:var(--radio-color);border-radius:inherit;opacity:0;transform:scale(.4);transition:opacity .15s ease,transform .15s ease}.radio-input:checked+.radio-circle{border-color:var(--radio-color)}.radio-input:checked+.radio-circle .radio-dot{opacity:1;transform:scale(1)}.radio:has(.radio-input:focus-visible) .radio-circle{box-shadow:0 0 0 3px color-mix(in oklch,var(--radio-color) 20%,transparent)}.radio:has(.radio-input:disabled),.radio-loading{cursor:not-allowed;opacity:.55}.radio-error .radio-circle{border-color:var(--color-error)}.radio-error .radio-dot{background:var(--color-error)}.radio-label{line-height:1.35}.radio-label-left{order:-1}.rating{--rating-color: var(--color-primary);display:inline-flex;align-items:center;gap:4px;color:var(--color-outline)}.rating-secondary{--rating-color: var(--color-secondary)}.rating-tertiary{--rating-color: var(--color-tertiary)}.rating-warning{--rating-color: var(--color-warning)}.rating-item{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;min-height:1.75rem;padding:0;color:var(--color-outline);font-size:1.5rem;line-height:1;cursor:default;border-radius:6px;transition:color .15s ease,transform .15s ease,box-shadow .15s ease}.rating-sm .rating-item{min-width:1.25rem;min-height:1.25rem;font-size:1rem}.rating-lg .rating-item{min-width:2rem;min-height:2rem;font-size:1.75rem}.rating-xl .rating-item{min-width:2.25rem;min-height:2.25rem;font-size:2rem}.rating-interactive .rating-item{cursor:pointer}.rating-item-filled,.rating-item-half{color:var(--rating-color)}.rating-item-half{background:linear-gradient(90deg,var(--rating-color) 50%,var(--color-outline) 50%);background-clip:text;color:transparent}.rating-interactive .rating-item:hover,.rating-item:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in oklch,var(--rating-color) 18%,transparent)}.rating-disabled{cursor:not-allowed;opacity:.55}.rating-disabled .rating-item,.rating-readonly .rating-item{cursor:default}.result{--result-color: var(--color-info);box-sizing:border-box;display:grid;gap:.75rem;justify-items:center;width:100%;max-width:36rem;padding:2.5rem 1rem;margin:0 auto;color:var(--color-on-surface);text-align:center}.result-success{--result-color: var(--color-success)}.result-error,.result-500{--result-color: var(--color-error)}.result-warning,.result-403{--result-color: var(--color-warning)}.result-info,.result-404{--result-color: var(--color-info)}.result-icon{display:inline-grid;place-items:center;color:var(--result-color);line-height:1}.result-presented-icon{display:inline-grid;width:4.5rem;height:4.5rem;place-items:center;color:var(--result-color);font-size:1.875rem;font-weight:800;background-color:color-mix(in oklch,var(--result-color) 12%,transparent);border-radius:var(--radius-full)}.result-presented-icon svg{display:block;width:2.75rem;height:2.75rem}.result-title{color:var(--color-on-surface);font-size:1.25rem;font-weight:800;line-height:1.35}.result-subtitle{max-width:32rem;color:var(--color-on-surface-variant);font-size:.9375rem;line-height:1.5}.result-extra{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin-top:.25rem}.select-container{position:relative;display:inline-flex;width:100%;color:var(--color-on-surface);vertical-align:middle}.select{box-sizing:border-box;display:flex;width:100%;min-height:2.5rem;align-items:center;gap:.5rem;padding:0 .75rem 0 .875rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;line-height:1.25rem;text-align:left;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.select:hover:not(:disabled),.select-open .select{border-color:var(--color-primary)}.select:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 22%,transparent)}.select-sm{min-height:2rem;padding-inline:.625rem;font-size:.8125rem}.select-lg{min-height:2.875rem;padding-inline:1rem .875rem;font-size:.9375rem}.select-error{border-color:var(--color-error)}.select-success{border-color:var(--color-success)}.select-disabled,.select:disabled{cursor:not-allowed;opacity:.58}.select-selection{display:flex;min-width:0;flex:1 1 auto;flex-wrap:wrap;gap:.25rem;align-items:center;overflow:hidden}.select-selection>:not(.select-tag),.select-selection{text-overflow:ellipsis}.select-placeholder{color:var(--color-on-surface-variant)}.select-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin-left:auto;color:var(--color-on-surface-variant);font-size:.75rem;line-height:1;transition:transform .15s ease-in-out}.select-open .select-icon{transform:rotate(180deg)}.select-clear{position:absolute;top:50%;right:2.25rem;display:inline-flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;padding:0;color:var(--color-on-surface-variant);font:inherit;font-size:.75rem;line-height:1;background-color:transparent;border:0;border-radius:var(--radius-full);cursor:pointer;transform:translateY(-50%)}.select-clear:hover,.select-clear:focus-visible{color:var(--color-on-surface);background-color:var(--color-surface-container-high);outline:none}.select-dropdown{position:absolute;top:calc(100% + .375rem);left:0;z-index:1050;box-sizing:border-box;display:grid;width:100%;max-height:16rem;gap:.125rem;padding:.375rem;overflow:auto;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a1a,0 16px 40px #0f172a1f}.select-option{display:flex;width:100%;min-height:2rem;align-items:center;padding:.375rem .625rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;text-align:left;background-color:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.select-option:hover:not(:disabled),.select-option:focus-visible{background-color:var(--color-surface-container);outline:none}.select-option-selected{color:var(--color-primary);font-weight:700;background-color:var(--color-primary-container)}.select-option-disabled,.select-option:disabled{cursor:not-allowed;opacity:.55}.select-search{box-sizing:border-box;width:100%;min-height:2rem;padding:.375rem .625rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm)}.select-search:focus{border-color:var(--color-primary);outline:none}.select-tag{display:inline-flex;max-width:100%;align-items:center;padding:.125rem .375rem;overflow:hidden;color:var(--color-primary);font-size:.75rem;font-weight:700;line-height:1rem;text-overflow:ellipsis;white-space:nowrap;background-color:var(--color-primary-container);border-radius:var(--radius-sm)}.select-empty,.select-group-label{padding:.375rem .625rem;color:var(--color-on-surface-variant);font-size:.8125rem;line-height:1.25rem}.select-group{display:grid;gap:.125rem}.select-group-label{font-weight:700}.spin{--spin-size: 2rem;--spin-color: var(--color-primary);display:inline-flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;color:var(--spin-color);line-height:1}.spin-sm{--spin-size: 1.25rem}.spin-md{--spin-size: 2rem}.spin-lg{--spin-size: 2.75rem}.spin-dot{box-sizing:border-box;display:block;width:var(--spin-size);height:var(--spin-size);border:max(2px,calc(var(--spin-size) / 10)) solid color-mix(in oklch,var(--spin-color) 18%,transparent);border-top-color:var(--spin-color);border-radius:var(--radius-full)}.spin-spinning .spin-dot{animation:spin-rotate .8s linear infinite}.spin-tip{color:var(--color-on-surface-variant);font-size:.8125rem;font-weight:600;line-height:1.25rem;text-align:center}.spin-nested-loading{position:relative;display:grid;gap:.75rem;justify-items:center;width:100%}.spin-container{width:100%;color:var(--color-on-surface);transition:filter .15s ease-in-out,opacity .15s ease-in-out}.spin-blur{filter:blur(.5px);opacity:.55;pointer-events:none;user-select:none}.spin-fullscreen{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;width:auto;height:auto;background-color:color-mix(in oklch,var(--color-surface) 78%,transparent)}@keyframes spin-rotate{to{transform:rotate(360deg)}}.splitter{box-sizing:border-box;width:100%;min-width:0;color:var(--color-on-surface)}.splitter-panel{box-sizing:border-box;min-width:0;min-height:0;overflow:auto}.splitter-panel-collapsed{padding:0!important;overflow:hidden}.splitter-handle{display:inline-grid;flex:0 0 1.5rem;gap:.125rem;place-items:center;align-self:stretch;padding:.125rem;color:var(--color-on-surface-variant);background-color:transparent;cursor:col-resize}.splitter-vertical .splitter-handle{flex:0 0 1.5rem;grid-auto-flow:column;align-self:stretch;width:100%;cursor:row-resize}.splitter-handle:before{display:block;width:.125rem;height:60%;grid-row:1 / -1;background-color:var(--color-outline-variant);border-radius:var(--radius-full);content:""}.splitter-vertical .splitter-handle:before{width:60%;height:.125rem;grid-column:1 / -1;grid-row:auto}.splitter-handle>button{display:inline-grid;width:1.125rem;height:1.125rem;place-items:center;padding:0;color:var(--color-on-surface-variant);font:inherit;font-size:.75rem;font-weight:800;line-height:1;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);cursor:pointer}.splitter-handle>button:hover:not(:disabled),.splitter-handle>button:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}.splitter-handle-disabled,.splitter-handle-disabled>button,.splitter-handle>button:disabled{cursor:not-allowed;opacity:.55}.statistic{display:inline-grid;gap:.25rem;min-width:0;color:var(--color-on-surface)}.statistic-title{color:var(--color-on-surface-variant);font-size:.875rem;font-weight:600;line-height:1.25rem}.statistic-content{display:inline-flex;min-width:0;align-items:baseline;gap:.25rem;color:var(--color-on-surface);line-height:1}.statistic-prefix,.statistic-suffix{color:var(--color-on-surface-variant);font-size:1rem;font-weight:700;line-height:1}.statistic-value{min-width:0;color:var(--color-on-surface);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;overflow-wrap:anywhere}.switch{--switch-width: 3.25rem;--switch-height: 2rem;--switch-thumb-size: 1.25rem;--switch-color: var(--color-primary);--switch-content-color: var(--color-primary-content);position:relative;display:inline-grid;width:var(--switch-width);height:var(--switch-height);padding:0;color:var(--color-on-surface);vertical-align:middle;background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer}.switch-sm{--switch-width: 2.5rem;--switch-height: 1.5rem;--switch-thumb-size: .875rem}.switch-lg{--switch-width: 4rem;--switch-height: 2.5rem;--switch-thumb-size: 1.5rem}.switch:has(.switch-secondary){--switch-color: var(--color-secondary);--switch-content-color: var(--color-secondary-content)}.switch:has(.switch-tertiary){--switch-color: var(--color-tertiary);--switch-content-color: var(--color-tertiary-content)}.switch-input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.switch-track{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--switch-thumb-size) + .25rem) .5rem;color:var(--color-on-surface-variant);font-size:.6875rem;font-weight:800;line-height:1;background-color:var(--color-surface-container-high);border:2px solid var(--color-outline);border-radius:var(--radius-full);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.switch-thumb{position:absolute;top:50%;left:calc((var(--switch-height) - var(--switch-thumb-size)) / 2);display:block;width:var(--switch-thumb-size);height:var(--switch-thumb-size);background-color:var(--color-outline);border-radius:var(--radius-full);box-shadow:0 1px 2px #0f172a3d;transform:translateY(-50%);transition:background-color .15s ease,left .15s ease,width .15s ease}.switch:has(.switch-input:checked) .switch-track{justify-content:center;padding-inline:.5rem calc(var(--switch-thumb-size) + .25rem);color:var(--switch-content-color);background-color:var(--switch-color);border-color:var(--switch-color)}.switch:has(.switch-input:checked) .switch-thumb{left:calc(100% - var(--switch-thumb-size) - ((var(--switch-height) - var(--switch-thumb-size)) / 2));background-color:var(--color-surface)}.switch:has(.switch-input:focus-visible) .switch-track{box-shadow:0 0 0 3px color-mix(in oklch,var(--switch-color) 22%,transparent)}.switch:has(.switch-input:disabled),.switch-loading{cursor:not-allowed;opacity:.58}.table-wrapper{position:relative;width:100%;overflow-x:auto;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm)}.table{width:100%;min-width:max-content;color:var(--color-on-surface);font-size:.875rem;line-height:1.375rem;border-collapse:separate;border-spacing:0}.table-header-cell,.table-cell,.table-empty{padding:.75rem 1rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-outline-variant)}.table-header-cell{color:var(--color-on-surface);font-weight:700;background-color:var(--color-surface-container)}.table-cell{color:var(--color-on-surface);background-color:var(--color-surface)}.table-row:last-child .table-cell,.table tbody tr:last-child .table-empty{border-bottom:0}.table-row:hover .table-cell{background-color:var(--color-surface-container)}.table-bordered .table-header-cell,.table-bordered .table-cell,.table-bordered .table-empty{border-right:1px solid var(--color-outline-variant)}.table-bordered .table-header-cell:last-child,.table-bordered .table-cell:last-child,.table-bordered .table-empty:last-child{border-right:0}.table-sm .table-header-cell,.table-sm .table-cell,.table-sm .table-empty{padding:.5rem .75rem}.table-lg .table-header-cell,.table-lg .table-cell,.table-lg .table-empty{padding:1rem 1.25rem}.table-row-selected .table-cell{background-color:var(--color-primary-container)}.table-empty{color:var(--color-on-surface-variant);text-align:center;background-color:var(--color-surface)}.table-sorter,.table-filter,.table-expand-button,.table-pagination-button{min-height:1.75rem;padding:0 .5rem;margin-left:.5rem;color:var(--color-on-surface-variant);font:inherit;font-size:.75rem;font-weight:700;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm)}.table-sorter,.table-expand-button,.table-pagination-button{cursor:pointer}.table-sorter:hover,.table-sorter:focus-visible,.table-sorter-active,.table-expand-button:hover,.table-expand-button:focus-visible,.table-pagination-button:hover:not(:disabled),.table-pagination-button:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}.table-filter{max-width:9rem;padding-block:.25rem}.table-selection-cell,.table-expand-cell{width:1%;white-space:nowrap}.table-pagination{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;padding:.75rem 1rem;color:var(--color-on-surface-variant);background-color:var(--color-surface);border-top:1px solid var(--color-outline-variant)}.table-pagination-button{margin-left:0}.table-pagination-button:disabled{cursor:not-allowed;opacity:.55}.table-pagination-info{color:var(--color-on-surface-variant);font-size:.8125rem;font-weight:700}.table-loading:after{position:absolute;inset:0;background-color:color-mix(in oklch,var(--color-surface) 72%,transparent);content:""}.table-loading-indicator{position:absolute;inset:50% auto auto 50%;z-index:1;padding:.375rem .75rem;color:var(--color-primary);font-size:.875rem;font-weight:800;background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0f172a1f;transform:translate(-50%,-50%)}.tabs-root{width:100%;min-width:0;color:var(--color-on-surface)}.tabs-bar{overflow-x:auto;border-bottom:1px solid var(--color-outline-variant)}.tabs{display:flex;flex-wrap:nowrap;gap:.25rem;align-items:center;min-width:0}.tabs-center{justify-content:center}.tab{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.375rem;padding:0 .875rem;color:var(--color-on-surface-variant);font:inherit;font-size:.875rem;font-weight:700;line-height:1;white-space:nowrap;background-color:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer}.tab:hover:not(:disabled),.tab:focus-visible{color:var(--color-primary);outline:none}.tab-active,.tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-disabled,.tab:disabled{cursor:not-allowed;opacity:.55}.tabs-sm .tab{min-height:2rem;padding-inline:.625rem;font-size:.8125rem}.tabs-lg .tab{min-height:3rem;padding-inline:1rem;font-size:.9375rem}.tabs-boxed{gap:.375rem;padding:.25rem;background-color:var(--color-surface-container);border-radius:var(--radius-sm)}.tabs-boxed .tab{border:1px solid transparent;border-radius:var(--radius-sm)}.tabs-boxed .tab-active,.tabs-boxed .tab[aria-selected=true]{background-color:var(--color-surface);border-color:var(--color-outline-variant)}.tab-panel{display:none;padding:1rem 0;color:var(--color-on-surface);font-size:.875rem;line-height:1.5}.tab-panel-show{display:block}.tabs-root-vertical{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem}.tabs-root-right{grid-template-columns:minmax(0,1fr) auto}.tabs-vertical{flex-direction:column;align-items:stretch}.tabs-root-vertical .tabs-bar{border-right:1px solid var(--color-outline-variant);border-bottom:0}.tabs-root-right .tabs-bar{border-right:0;border-left:1px solid var(--color-outline-variant)}.time-picker{box-sizing:border-box;position:relative;display:inline-flex;width:min(100%,16rem);min-height:2.5rem;align-items:center;gap:.5rem;padding:0 .75rem 0 .875rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);vertical-align:middle;transition:border-color .15s ease,box-shadow .15s ease}.time-picker:focus-within,.time-picker-open{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 20%,transparent)}.time-picker-sm{min-height:2rem;padding-inline:.625rem}.time-picker-lg{min-height:2.875rem;padding-inline:1rem .875rem}.time-picker-error{border-color:var(--color-error)}.time-picker-success{border-color:var(--color-success)}.time-picker-disabled{cursor:not-allowed;opacity:.58}.time-picker-input{min-width:0;flex:1 1 auto;color:var(--color-on-surface);font:inherit;font-size:.875rem;line-height:1.25rem;background:transparent;border:0;outline:none}.time-picker-input::placeholder{color:var(--color-on-surface-variant)}.time-picker-clear{display:inline-grid;width:1.25rem;height:1.25rem;flex:0 0 auto;place-items:center;padding:0;color:var(--color-on-surface-variant);font:inherit;font-size:.75rem;line-height:1;background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer}.time-picker-clear:hover,.time-picker-clear:focus-visible{color:var(--color-on-surface);background-color:var(--color-surface-container-high);outline:none}.time-picker-icon{position:relative;display:inline-block;width:1rem;height:1rem;flex:0 0 auto;color:var(--color-on-surface-variant);font-size:0;border:2px solid currentColor;border-radius:var(--radius-full)}.time-picker-icon:before,.time-picker-icon:after{position:absolute;left:50%;top:50%;width:2px;background-color:currentColor;border-radius:var(--radius-full);content:"";transform-origin:50% 100%}.time-picker-icon:before{height:.35rem;transform:translate(-50%,-100%)}.time-picker-icon:after{height:.3rem;transform:translate(-50%,-100%) rotate(90deg)}.time-picker-panel{position:absolute;top:calc(100% + .375rem);left:0;z-index:1050;min-width:100%;padding:.375rem;color:var(--color-on-surface);background-color:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);box-shadow:0 4px 12px #0f172a1a,0 16px 40px #0f172a1f}.time-picker-footer{display:flex;justify-content:flex-end}.time-picker-now{min-height:2rem;padding:0 .625rem;color:var(--color-primary);font:inherit;font-size:.8125rem;font-weight:800;background-color:transparent;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);cursor:pointer}.time-picker-now:hover,.time-picker-now:focus-visible{border-color:var(--color-primary);outline:none}.time-picker-range{width:min(100%,24rem)}.time-picker-range-separator{color:var(--color-on-surface-variant);font-weight:700}}@layer components{.skeleton{background-color:color-mix(in oklch,var(--color-on-surface) 12%,var(--color-surface-container-high));animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-wave{overflow:hidden;background-image:linear-gradient(90deg,color-mix(in oklch,var(--color-on-surface) 10%,var(--color-surface-container-high)) 25%,color-mix(in oklch,var(--color-on-surface) 18%,var(--color-surface-container-high)) 37%,color-mix(in oklch,var(--color-on-surface) 10%,var(--color-surface-container-high)) 63%);background-size:400% 100%;animation:skeleton-wave 1.4s ease-in-out infinite}.skeleton-avatar-text{display:flex;width:100%;align-items:flex-start;gap:.75rem}.skeleton-avatar-text>.skeleton-circle,.skeleton-avatar-text>.skeleton-rect{flex:0 0 3rem;width:3rem;height:3rem}.skeleton-avatar-text>.skeleton-group{flex:1 1 auto;min-width:0}.skeleton-rounded-full{border-radius:var(--radius-full)}.skeleton-static{animation:none;opacity:1}.skeleton-w-full{width:100%}.skeleton-w-3\/4{width:75%}.skeleton-w-1\/2{width:50%}.skeleton-w-1\/4{width:25%}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes skeleton-wave{0%{background-position:100% 50%}to{background-position:0 50%}}}@layer components{.timeline{--timeline-marker-size: 2.5rem;--timeline-line-offset: calc(var(--timeline-marker-size) / 2 - 1px);position:relative;display:flex;width:100%;flex-direction:column}.timeline:before{position:absolute;inset:0 auto 0 var(--timeline-line-offset);width:2px;background:var(--color-outline-variant);content:""}.timeline-item{position:relative;display:flex;gap:1rem;min-width:0;padding-bottom:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-marker{--timeline-marker-color: var(--color-primary);--timeline-marker-bg: var(--color-primary-container);position:relative;z-index:1;display:inline-flex;width:var(--timeline-marker-size);height:var(--timeline-marker-size);flex:0 0 var(--timeline-marker-size);align-items:center;justify-content:center;color:var(--timeline-marker-color);background:var(--color-surface);border:2px solid var(--timeline-marker-color);border-radius:var(--radius-full);box-shadow:0 0 0 4px var(--timeline-marker-bg)}.timeline-marker:not(.timeline-marker-icon):after{width:.625rem;height:.625rem;background:var(--timeline-marker-color);border-radius:var(--radius-full);content:""}.timeline-marker-secondary{--timeline-marker-color: var(--color-secondary);--timeline-marker-bg: var(--color-secondary-container)}.timeline-marker-tertiary{--timeline-marker-color: var(--color-tertiary);--timeline-marker-bg: color-mix( in oklch, var(--color-tertiary) 18%, var(--color-surface) )}.timeline-marker-success{--timeline-marker-color: var(--color-success);--timeline-marker-bg: color-mix( in oklch, var(--color-success) 16%, var(--color-surface) )}.timeline-marker-error{--timeline-marker-color: var(--color-error);--timeline-marker-bg: color-mix( in oklch, var(--color-error) 14%, var(--color-surface) )}.timeline-marker-icon{font-size:.875rem;font-weight:800;line-height:1}.timeline-content{min-width:0;flex:1 1 auto;padding-top:.25rem;color:var(--color-on-surface);font-size:.875rem;line-height:1.5}.timeline-time{display:block;margin-bottom:.25rem;color:var(--color-on-surface-variant);font-size:.75rem;font-weight:700;line-height:1.25rem}.timeline-item-pending .timeline-marker{animation:timeline-pulse 1.4s ease-in-out infinite}.timeline-sm{--timeline-marker-size: 1.75rem}.timeline-sm .timeline-marker:not(.timeline-marker-icon):after{width:.45rem;height:.45rem}.timeline-lg{--timeline-marker-size: 3rem}.timeline-lg .timeline-marker:not(.timeline-marker-icon):after{width:.75rem;height:.75rem}.timeline-right{align-items:flex-end}.timeline-right:before{right:var(--timeline-line-offset);left:auto}.timeline-right .timeline-item{flex-direction:row-reverse}.timeline-right .timeline-content{text-align:right}.timeline-alternate:before{left:50%;transform:translate(-50%)}.timeline-alternate .timeline-item{width:50%;padding-right:2rem}.timeline-alternate .timeline-marker{position:absolute;left:100%;transform:translate(-50%)}.timeline-alternate .timeline-item:nth-child(2n){margin-left:50%;padding-right:0;padding-left:2rem;flex-direction:row-reverse}.timeline-alternate .timeline-item:nth-child(2n) .timeline-marker{left:0}.timeline-alternate .timeline-item:nth-child(2n) .timeline-content{text-align:right}@keyframes timeline-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(max-width:640px){.timeline-alternate:before{left:var(--timeline-line-offset);transform:none}.timeline-alternate .timeline-item,.timeline-alternate .timeline-item:nth-child(2n){width:100%;margin-left:0;padding-right:0;padding-left:0;flex-direction:row}.timeline-alternate .timeline-marker,.timeline-alternate .timeline-item:nth-child(2n) .timeline-marker{position:relative;left:0;transform:none}.timeline-alternate .timeline-item:nth-child(2n) .timeline-content{text-align:left}}@media(prefers-reduced-motion:reduce){.timeline-item-pending .timeline-marker{animation:none}}}@layer components{.tooltip-wrapper{position:relative;display:inline-flex;width:fit-content;align-items:center;vertical-align:middle}.tooltip{position:absolute;z-index:1070;display:inline-flex;max-width:min(18rem,calc(100vw - 2rem));width:max-content;align-items:center;justify-content:center;padding:.375rem .625rem;color:var(--color-inverse-on-surface);font-size:.75rem;font-weight:700;line-height:1.2;text-align:center;overflow-wrap:anywhere;background:var(--color-inverse-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.tooltip-show{opacity:1}.tooltip-sm{padding:.25rem .5rem;font-size:.6875rem}.tooltip-lg{padding:.5rem .75rem;font-size:.8125rem}.tooltip-top{bottom:calc(100% + .5rem);left:50%;transform:translate(-50%,.25rem)}.tooltip-top.tooltip-show{transform:translate(-50%)}.tooltip-bottom{top:calc(100% + .5rem);left:50%;transform:translate(-50%,-.25rem)}.tooltip-bottom.tooltip-show{transform:translate(-50%)}.tooltip-left{top:50%;right:calc(100% + .5rem);transform:translate(.25rem,-50%)}.tooltip-left.tooltip-show{transform:translateY(-50%)}.tooltip-right{top:50%;left:calc(100% + .5rem);transform:translate(-.25rem,-50%)}.tooltip-right.tooltip-show{transform:translateY(-50%)}.tooltip-arrow{position:absolute;display:block;width:.5rem;height:.5rem;background:inherit;content:"";transform:rotate(45deg)}.tooltip-top .tooltip-arrow{bottom:-.25rem;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-bottom .tooltip-arrow{top:-.25rem;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-left .tooltip-arrow{top:50%;right:-.25rem;transform:translateY(-50%) rotate(45deg)}.tooltip-right .tooltip-arrow{top:50%;left:-.25rem;transform:translateY(-50%) rotate(45deg)}.tooltip-no-arrow{margin:0}.tooltip-no-arrow .tooltip-arrow{display:none}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}}@layer components{.tour-root{position:relative;z-index:1060}.tour-mask{position:fixed;inset:0;z-index:1060;background-color:color-mix(in oklch,var(--color-scrim) 70%,transparent)}.tour-mask-hidden{display:none}.tour-target{position:fixed;z-index:1061;border:2px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:0 0 0 4px color-mix(in oklch,var(--color-primary) 18%,transparent),var(--shadow-lg);pointer-events:none}.tour-panel,.tour-panel.popover.popover-show{z-index:1062;display:grid;width:min(22rem,100%);max-width:calc(100vw - 2rem);min-width:0;gap:.875rem;padding:1rem;color:var(--color-on-surface);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:0 10px 24px #0f172a24,0 24px 64px #0f172a1f}.tour-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start}.tour-title{margin:0;color:var(--color-on-surface);font-size:1rem;font-weight:800;line-height:1.35}.tour-close{display:inline-grid;width:1.75rem;height:1.75rem;place-items:center;padding:0;color:var(--color-on-surface-variant);font:inherit;font-size:.875rem;line-height:1;background:transparent;border:0;border-radius:var(--radius-full);cursor:pointer}.tour-close:hover,.tour-close:focus-visible{color:var(--color-on-surface);background:var(--color-surface-container-high);outline:none}.tour-cover{overflow:hidden;border-radius:var(--radius-sm)}.tour-body{color:var(--color-on-surface-variant);font-size:.875rem;line-height:1.5}.tour-footer{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between}.tour-indicators{display:inline-flex;align-items:center;gap:.375rem}.tour-indicator{display:inline-block;width:.5rem;height:.5rem;padding:0;background:var(--color-outline-variant);border:0;border-radius:var(--radius-full);cursor:pointer}.tour-indicator-active{width:1.25rem;background:var(--color-primary)}.tour-actions{display:inline-flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-end}.tour-arrow{position:absolute;display:block;width:.75rem;height:.75rem;background:inherit;border:inherit;border-right:0;border-bottom:0;content:"";transform:rotate(45deg)}.tour-bottom>.tour-arrow,.tour-bottom-left>.tour-arrow,.tour-bottom-right>.tour-arrow{top:-.4375rem;left:50%}.tour-top>.tour-arrow,.tour-top-left>.tour-arrow,.tour-top-right>.tour-arrow{bottom:-.4375rem;left:50%;transform:rotate(225deg)}.tour-left>.tour-arrow,.tour-left-top>.tour-arrow,.tour-left-bottom>.tour-arrow{top:50%;right:-.4375rem;transform:translateY(-50%) rotate(135deg)}.tour-right>.tour-arrow,.tour-right-top>.tour-arrow,.tour-right-bottom>.tour-arrow{top:50%;left:-.4375rem;transform:translateY(-50%) rotate(-45deg)}.tour-bottom-left>.tour-arrow,.tour-top-left>.tour-arrow{left:1.5rem}.tour-bottom-right>.tour-arrow,.tour-top-right>.tour-arrow{right:1.5rem;left:auto}@media(max-width:640px){.tour-panel{width:min(20rem,100%)}.tour-footer{align-items:flex-start;flex-direction:column}.tour-actions{width:100%;justify-content:flex-start}}}@layer components{.transfer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;width:100%;align-items:stretch;color:var(--color-on-surface)}.transfer-disabled{opacity:.6}.transfer-list{display:flex;min-width:0;min-height:16rem;overflow:hidden;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md)}.transfer-list-header{display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.625rem .75rem;color:var(--color-on-surface);font-size:.8125rem;font-weight:800;background:var(--color-surface-container);border-bottom:1px solid var(--color-outline-variant)}.transfer-list-header span:last-child{color:var(--color-on-surface-variant);font-size:.75rem;font-weight:700}.transfer-search{width:calc(100% - 1rem);min-height:2.25rem;margin:.5rem;padding:0 .75rem;color:var(--color-on-surface);font:inherit;font-size:.875rem;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);outline:none}.transfer-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-primary) 18%,transparent)}.transfer-list-body{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:.25rem;overflow:auto;padding:.375rem}.transfer-list-item{display:flex;gap:.625rem;align-items:flex-start;padding:.5rem .625rem;color:var(--color-on-surface);font-size:.875rem;line-height:1.35;border-radius:var(--radius-sm);cursor:pointer}.transfer-list-item:hover{background:var(--color-surface-container)}.transfer-list-item input{margin-top:.125rem}.transfer-list-item-selected{color:var(--color-primary);background:color-mix(in oklch,var(--color-primary-container) 62%,transparent)}.transfer-list-item-disabled{cursor:not-allowed;opacity:.55}.transfer-list-item-content{display:flex;min-width:0;flex-direction:column;gap:.125rem;font-weight:700}.transfer-list-item-description{color:var(--color-on-surface-variant);font-size:.75rem;font-weight:500}.transfer-list-empty{display:grid;min-height:8rem;place-items:center;color:var(--color-on-surface-variant);font-size:.8125rem}.transfer-operation{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}.transfer-operation-button,.transfer-pagination-button{display:inline-grid;min-width:2.25rem;min-height:2rem;place-items:center;padding:0 .75rem;color:var(--color-primary-content);font:inherit;font-size:.875rem;font-weight:800;background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);cursor:pointer}.transfer-operation-button:disabled,.transfer-pagination-button:disabled{color:var(--color-on-surface-variant);background:var(--color-surface-container);border-color:var(--color-outline-variant);cursor:not-allowed}.transfer-pagination{display:flex;gap:.5rem;align-items:center;justify-content:space-between;padding:.5rem;color:var(--color-on-surface-variant);font-size:.75rem;border-top:1px solid var(--color-outline-variant)}@media(max-width:760px){.transfer{grid-template-columns:1fr}.transfer-operation{flex-direction:row;justify-content:flex-start}.transfer-list{min-height:13rem}}}@layer components{.tree{width:min(28rem,100%);color:var(--color-on-surface);font-size:.875rem}.tree-list,.tree-node-children{margin:0;padding:0;list-style:none}.tree-node-children{margin-top:.125rem}.tree-show-line .tree-node-children{margin-left:.75rem;padding-left:.75rem;border-left:1px solid var(--color-outline-variant)}.tree-node{display:flex;min-height:2rem;align-items:center;gap:.375rem;padding-block:.25rem;padding-inline-end:.5rem;color:var(--color-on-surface);border-radius:var(--radius-sm);cursor:pointer;user-select:none}.tree-node:hover{background:var(--color-surface-container)}.tree-node-selected{color:var(--color-primary);background:color-mix(in oklch,var(--color-primary-container) 62%,transparent)}.tree-node-checked{font-weight:700}.tree-node-disabled,.tree-disabled{cursor:not-allowed;opacity:.55}.tree-node-switcher{display:inline-grid;width:1.5rem;height:1.5rem;flex:0 0 1.5rem;place-items:center;padding:0;color:var(--color-on-surface-variant);font:inherit;font-size:.75rem;font-weight:800;line-height:1;background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.tree-node-switcher:hover:not(:disabled),.tree-node-switcher:focus-visible{color:var(--color-primary);background:var(--color-surface-container-high);outline:none}.tree-node-switcher:disabled{cursor:default;opacity:.45}.tree-node-checkbox{flex:0 0 auto;width:1rem;height:1rem;accent-color:var(--color-primary)}.tree-node-icon{display:inline-grid;width:1.375rem;height:1.375rem;flex:0 0 1.375rem;place-items:center;color:var(--color-primary);font-size:.75rem;font-weight:800;background:var(--color-primary-container);border-radius:var(--radius-sm)}.tree-node-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node-block{width:100%}.tree-directory .tree-node-icon{color:var(--color-secondary);background:var(--color-secondary-container)}:is(.btn-accent,.badge-accent,.chip-accent,.alert-accent,.autocomplete-accent,.checkbox-accent,.radio-accent,.slider-accent,.switch-accent,.rating-accent,.progress-accent,.timeline-marker-accent,.divider-accent){--dm-color: var(--color-accent);--dm-color-solid: var(--color-accent);--dm-color-content: var(--color-accent-content);--dm-color-solid-content: var(--color-accent-content);--dm-color-container: color-mix( in oklch, var(--color-accent) 18%, var(--color-surface) );--dm-color-on-container: var(--color-accent)}:is(.btn-neutral,.badge-neutral,.chip-neutral,.alert-neutral,.autocomplete-neutral,.checkbox-neutral,.radio-neutral,.slider-neutral,.switch-neutral,.rating-neutral,.progress-neutral,.timeline-marker-neutral,.divider-neutral){--dm-color: var(--color-neutral);--dm-color-solid: var(--color-neutral);--dm-color-content: var(--color-neutral-content);--dm-color-solid-content: var(--color-neutral-content);--dm-color-container: color-mix( in oklch, var(--color-neutral) 16%, var(--color-surface) );--dm-color-on-container: var(--color-neutral)}:is(.btn-base,.badge-base,.chip-base,.alert-base,.autocomplete-base,.checkbox-base,.radio-base,.slider-base,.switch-base,.rating-base,.progress-base,.timeline-marker-base,.divider-base){--dm-color: var(--color-base-content);--dm-color-solid: var(--color-base-300);--dm-color-content: var(--color-base-content);--dm-color-solid-content: var(--color-base-content);--dm-color-container: var(--color-base-200);--dm-color-on-container: var(--color-base-content)}.timeline-marker-primary{--dm-color: var(--color-primary);--dm-color-solid: var(--color-primary);--dm-color-content: var(--color-primary-content);--dm-color-solid-content: var(--color-primary-content);--dm-color-container: var(--color-primary-container);--dm-color-on-container: var(--color-on-primary-container)}.timeline-marker-secondary{--dm-color: var(--color-secondary);--dm-color-solid: var(--color-secondary);--dm-color-content: var(--color-secondary-content);--dm-color-solid-content: var(--color-secondary-content);--dm-color-container: var(--color-secondary-container);--dm-color-on-container: var(--color-on-secondary-container)}.timeline-marker-tertiary{--dm-color: var(--color-tertiary);--dm-color-solid: var(--color-tertiary);--dm-color-content: var(--color-tertiary-content);--dm-color-solid-content: var(--color-tertiary-content);--dm-color-container: var(--color-tertiary-container);--dm-color-on-container: var(--color-on-tertiary-container)}.timeline-marker-info{--dm-color: var(--color-info);--dm-color-solid: var(--color-info);--dm-color-content: var(--color-info-content);--dm-color-solid-content: var(--color-info-content);--dm-color-container: var(--color-info-container);--dm-color-on-container: var(--color-on-info-container)}.timeline-marker-success{--dm-color: var(--color-success);--dm-color-solid: var(--color-success);--dm-color-content: var(--color-success-content);--dm-color-solid-content: var(--color-success-content);--dm-color-container: var(--color-success-container);--dm-color-on-container: var(--color-on-success-container)}.timeline-marker-warning{--dm-color: var(--color-warning);--dm-color-solid: var(--color-warning);--dm-color-content: var(--color-warning-content);--dm-color-solid-content: var(--color-warning-content);--dm-color-container: var(--color-warning-container);--dm-color-on-container: var(--color-on-warning-container)}.timeline-marker-error{--dm-color: var(--color-error);--dm-color-solid: var(--color-error);--dm-color-content: var(--color-error-content);--dm-color-solid-content: var(--color-error-content);--dm-color-container: var(--color-error-container);--dm-color-on-container: var(--color-on-error-container)}:is(.btn-accent,.btn-neutral,.btn-base){--btn-text-color: var(--dm-color-solid-content);color:var(--btn-text-color);background-color:var(--dm-color-solid);border-color:var(--dm-color-solid)}:is(.btn-accent,.btn-neutral,.btn-base):hover{background-color:color-mix(in oklch,var(--dm-color-solid),black 10%);border-color:color-mix(in oklch,var(--dm-color-solid),black 10%);filter:none}:is(.btn-outline,.btn-outlined):is(.btn-accent,.btn-neutral,.btn-base){--btn-text-color: var(--dm-color);color:var(--btn-text-color);background-color:transparent;border-color:currentcolor}:is(.btn-outline,.btn-outlined):is(.btn-accent,.btn-neutral,.btn-base):hover{--btn-text-color: var(--dm-color-solid-content);color:var(--btn-text-color);background-color:var(--dm-color-solid)}:is(.btn-ghost,.btn-text):is(.btn-accent,.btn-neutral,.btn-base){--btn-text-color: var(--dm-color);color:var(--btn-text-color);background-color:transparent;border-color:transparent}:is(.btn-ghost,.btn-text):is(.btn-accent,.btn-neutral,.btn-base):hover,.btn-tonal:is(.btn-accent,.btn-neutral,.btn-base){--btn-text-color: var(--dm-color-on-container);color:var(--btn-text-color);background-color:var(--dm-color-container);border-color:transparent}:is(.badge-accent,.badge-neutral,.badge-base){color:var(--dm-color-solid-content);background-color:var(--dm-color-solid)}.badge-outline:is(.badge-accent,.badge-neutral,.badge-base){color:var(--dm-color);background-color:transparent;border-color:currentcolor}.badge-tonal,.badge-tonal.badge-primary{color:var(--color-on-primary-container);background-color:var(--color-primary-container)}.badge-tonal.badge-secondary{color:var(--color-on-secondary-container);background-color:var(--color-secondary-container)}.badge-tonal.badge-tertiary{color:var(--color-on-tertiary-container);background-color:var(--color-tertiary-container)}.badge-tonal.badge-info{color:var(--color-on-info-container);background-color:var(--color-info-container)}.badge-tonal.badge-success{color:var(--color-on-success-container);background-color:var(--color-success-container)}.badge-tonal.badge-warning{color:var(--color-on-warning-container);background-color:var(--color-warning-container)}.badge-tonal.badge-error{color:var(--color-on-error-container);background-color:var(--color-error-container)}.badge-tonal:is(.badge-accent,.badge-neutral,.badge-base){color:var(--dm-color-on-container);background-color:var(--dm-color-container)}.badge-ghost{background-color:transparent;border-color:transparent}.badge-ghost.badge-primary{color:var(--color-primary)}.badge-ghost.badge-secondary{color:var(--color-secondary)}.badge-ghost.badge-tertiary{color:var(--color-tertiary)}.badge-ghost.badge-info{color:var(--color-info)}.badge-ghost.badge-success{color:var(--color-success)}.badge-ghost.badge-warning{color:var(--color-warning)}.badge-ghost.badge-error{color:var(--color-error)}.badge-ghost:is(.badge-accent,.badge-neutral,.badge-base){color:var(--dm-color)}:is(.chip-accent,.chip-neutral,.chip-base){color:var(--dm-color-solid-content);background-color:var(--dm-color-solid);border-color:var(--dm-color-solid)}:is(.chip-accent,.chip-neutral,.chip-base):hover{background-color:color-mix(in oklch,var(--dm-color-solid),black 10%)}:is(.chip-outlined,.chip-ghost):is(.chip-accent,.chip-neutral,.chip-base){color:var(--dm-color);background-color:transparent}:is(.chip-outlined,.chip-ghost):is(.chip-accent,.chip-neutral,.chip-base):hover,.chip-tonal:is(.chip-accent,.chip-neutral,.chip-base){color:var(--dm-color-on-container);background-color:var(--dm-color-container)}:is(.alert-accent,.alert-neutral,.alert-base){color:var(--dm-color-on-container);background-color:var(--dm-color-container);border-color:transparent}.alert-filled:is(.alert-accent,.alert-neutral,.alert-base){color:var(--dm-color-solid-content);background-color:var(--dm-color-solid);border-color:var(--dm-color-solid)}.alert-outlined:is(.alert-accent,.alert-neutral,.alert-base){color:var(--dm-color);background-color:transparent;border-color:currentcolor}:is(.autocomplete-accent,.autocomplete-neutral,.autocomplete-base) .autocomplete-input{color:var(--dm-color)}:is(.autocomplete-accent,.autocomplete-neutral,.autocomplete-base) .autocomplete-input:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--dm-color) 10%,transparent)}:is(.checkbox-accent,.checkbox-neutral,.checkbox-base){--checkbox-color: var(--dm-color-solid)}:is(.checkbox-accent,.checkbox-neutral,.checkbox-base):checked:before,:is(.checkbox-accent,.checkbox-neutral,.checkbox-base):indeterminate:before{border-color:var(--dm-color-solid-content)}:is(.radio-accent,.radio-neutral,.radio-base){--radio-color: var(--dm-color-solid)}:is(.progress-accent,.progress-neutral,.progress-base) .progress-bar{background-color:var(--dm-color-solid)}:is(.rating-accent,.rating-neutral,.rating-base) .rating-item.filled{color:var(--dm-color-solid)}:is(.rating-accent,.rating-neutral,.rating-base):not(.rating-readonly):hover .rating-item{color:var(--dm-color-solid)}:is(.rating-accent,.rating-neutral,.rating-base) .rating-item:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch,var(--dm-color-solid) 20%,transparent)}:is(.switch-accent,.switch-neutral,.switch-base){--switch-color: var(--dm-color-solid);--switch-content-color: var(--dm-color-solid-content);--switch-container-color: var(--dm-color-container)}:is(.slider-accent,.slider-neutral,.slider-base) :is(.slider-track-filled,.slider-thumb){background-color:var(--dm-color-solid)}:is(.slider-accent,.slider-neutral,.slider-base) .slider-mark-active{background-color:var(--dm-color-solid-content)}:is(.slider-accent,.slider-neutral,.slider-base) .slider-thumb:is(:hover,:focus-visible){box-shadow:0 0 0 8px var(--dm-color-container),0 2px 4px color-mix(in srgb,var(--color-shadow) 20%,transparent)}:is(.slider-accent,.slider-neutral,.slider-base) .slider-thumb-label{color:var(--dm-color-solid-content);background-color:var(--dm-color-solid)}:is(.slider-accent,.slider-neutral,.slider-base) .slider-thumb-label:after{border-top-color:var(--dm-color-solid)}:is(.slider-accent,.slider-neutral,.slider-base).slider-vertical .slider-thumb-label:after{border-right-color:var(--dm-color-solid)}:is(.timeline-marker-primary,.timeline-marker-secondary,.timeline-marker-tertiary,.timeline-marker-accent,.timeline-marker-neutral,.timeline-marker-base,.timeline-marker-info,.timeline-marker-success,.timeline-marker-warning,.timeline-marker-error){color:var(--dm-color-on-container);background-color:var(--dm-color-container);border-color:var(--dm-color-solid)}:is(.timeline-marker-primary,.timeline-marker-secondary,.timeline-marker-tertiary,.timeline-marker-accent,.timeline-marker-neutral,.timeline-marker-base,.timeline-marker-info,.timeline-marker-success,.timeline-marker-warning,.timeline-marker-error):is(.timeline-marker-icon),:is(.timeline-marker-primary,.timeline-marker-secondary,.timeline-marker-tertiary,.timeline-marker-accent,.timeline-marker-neutral,.timeline-marker-base,.timeline-marker-info,.timeline-marker-success,.timeline-marker-warning,.timeline-marker-error) :is(.timeline-marker-icon,.timeline-marker-dot){color:var(--dm-color-solid-content);background-color:var(--dm-color-solid)}:is(.divider-accent,.divider-neutral,.divider-base),:is(.divider-accent,.divider-neutral,.divider-base).divider-text{color:var(--dm-color)}:is(.divider-accent,.divider-neutral,.divider-base):before,:is(.divider-accent,.divider-neutral,.divider-base):after{background-color:var(--dm-color)}:is(.divider-accent,.divider-neutral,.divider-base).divider-dashed:before,:is(.divider-accent,.divider-neutral,.divider-base).divider-dashed:after{background-image:linear-gradient(to right,var(--dm-color) 50%,transparent 50%)}:is(.divider-accent,.divider-neutral,.divider-base).divider-dashed.divider-vertical:before,:is(.divider-accent,.divider-neutral,.divider-base).divider-dashed.divider-vertical:after{background-image:linear-gradient(to bottom,var(--dm-color) 50%,transparent 50%)}}@layer css-art{.art-moon{--art-moon-size: 8rem;--art-moon-color: oklch(92% .06 90);--art-moon-shadow: oklch(85% .04 90);--art-moon-glow: oklch(95% .03 90 / .4);position:relative;width:var(--art-moon-size);height:var(--art-moon-size);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--art-moon-color) 0%,var(--art-moon-shadow) 100%);box-shadow:0 0 calc(var(--art-moon-size) * .25) var(--art-moon-glow),0 0 calc(var(--art-moon-size) * .5) var(--art-moon-glow)}.art-moon-crescent{overflow:hidden}.art-moon-crescent:after{content:"";position:absolute;top:-10%;right:-20%;width:85%;height:85%;border-radius:50%;background:#070b14;box-shadow:inset 0 0 1rem #11161f}.art-moon:before{content:"";position:absolute;width:20%;height:20%;top:25%;left:40%;border-radius:50%;background:radial-gradient(circle,oklch(82% .03 90 / .6) 0%,transparent 70%);box-shadow:calc(var(--art-moon-size) * -.15) calc(var(--art-moon-size) * .2) 0 -2px #ccc4af66,calc(var(--art-moon-size) * .1) calc(var(--art-moon-size) * -.05) 0 -3px #ccc4af4d,calc(var(--art-moon-size) * -.08) calc(var(--art-moon-size) * -.12) 0 -1px #ccc4af59}.art-moon-sm{--art-moon-size: 4rem}.art-moon-lg{--art-moon-size: 12rem}.art-moon-xl{--art-moon-size: 16rem}.art-moon-glow{animation:art-moon-pulse 4s ease-in-out infinite}@keyframes art-moon-pulse{0%,to{box-shadow:0 0 calc(var(--art-moon-size) * .25) var(--art-moon-glow),0 0 calc(var(--art-moon-size) * .5) var(--art-moon-glow)}50%{box-shadow:0 0 calc(var(--art-moon-size) * .35) var(--art-moon-glow),0 0 calc(var(--art-moon-size) * .7) var(--art-moon-glow)}}}@layer css-art{.art-sun{--art-sun-size: 8rem;--art-sun-color: oklch(85% .18 85);--art-sun-corona: oklch(90% .15 75);--art-sun-glow: oklch(90% .12 80 / .4);position:relative;width:var(--art-sun-size);height:var(--art-sun-size);border-radius:50%;background:radial-gradient(circle at 40% 40%,oklch(95% .12 90) 0%,var(--art-sun-color) 50%,var(--art-sun-corona) 100%);box-shadow:0 0 calc(var(--art-sun-size) * .2) var(--art-sun-glow),0 0 calc(var(--art-sun-size) * .5) var(--art-sun-glow),0 0 calc(var(--art-sun-size) * .8) oklch(90% .1 80 / .15)}.art-sun-rays:before,.art-sun-rays:after{content:"";position:absolute;top:50%;left:50%;width:140%;height:140%;transform:translate(-50%,-50%);border-radius:50%}.art-sun-rays:before{background:repeating-conic-gradient(from 0deg,oklch(90% .14 85 / .3) 0deg 5deg,transparent 5deg 30deg);animation:art-sun-rotate 30s linear infinite}.art-sun-rays:after{background:repeating-conic-gradient(from 15deg,oklch(90% .14 85 / .15) 0deg 3deg,transparent 3deg 30deg);animation:art-sun-rotate 45s linear infinite reverse}@keyframes art-sun-rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.art-sun-sunset{--art-sun-color: oklch(75% .2 40);--art-sun-corona: oklch(70% .22 30);--art-sun-glow: oklch(80% .18 40 / .4)}.art-sun-sm{--art-sun-size: 4rem}.art-sun-lg{--art-sun-size: 12rem}.art-sun-xl{--art-sun-size: 16rem}.art-sun-pulse{animation:art-sun-breathe 3s ease-in-out infinite}@keyframes art-sun-breathe{0%,to{box-shadow:0 0 calc(var(--art-sun-size) * .2) var(--art-sun-glow),0 0 calc(var(--art-sun-size) * .5) var(--art-sun-glow),0 0 calc(var(--art-sun-size) * .8) oklch(90% .1 80 / .15)}50%{box-shadow:0 0 calc(var(--art-sun-size) * .3) var(--art-sun-glow),0 0 calc(var(--art-sun-size) * .6) var(--art-sun-glow),0 0 calc(var(--art-sun-size) * 1) oklch(90% .1 80 / .2)}}}@layer css-art{@keyframes art-mountain-slide{0%{transform:translate(-2%)}50%{transform:translate(2%)}to{transform:translate(-2%)}}@keyframes art-mountain-grow{50%{width:2%;opacity:.4}}@keyframes art-mountain-slide-right{0%{transform:translate(-200%)}to{transform:translate(2000%)}}@keyframes art-mountain-slide-left{0%{transform:translate(200%)}to{transform:translate(-2000%)}}.art-mountain{--art-mountain-size: 600px;position:relative;width:var(--art-mountain-size);height:var(--art-mountain-size);overflow:hidden;background:linear-gradient(transparent,#1fa49899) 0 100% / 100% 60%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 3% 70% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 7% 60% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 3% 47% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 26% 65% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 20% 50% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 12% 53% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 10% 40% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 24% 34% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 38% 35% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 24% 48% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 7% 30% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 2% 20% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 5% 4% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 10% 15% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 15% 8% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 20% 20% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 80% 36% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 84% 50% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 97% 50% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 85% 40% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 90% 54% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 50% 40% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 55% 49% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 48% 55% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 33% 45% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 80% 60% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 88% 70% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 30% 24% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 30% 10% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 15% 30% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 38% 3% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 68% 30% / .2% .2%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 90% 32% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 85% 10% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 60% 16% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 88% 12% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 96% 5% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 75% 18% / .2% .25%,radial-gradient(rgba(255,250,250,.9) 70%,transparent 70%) 47% 14% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 54% 10% / .2% .25%,radial-gradient(rgba(255,250,250,.5) 70%,transparent 70%) 53% 23% / .2% .25%,linear-gradient(#141521,#022e4e,#03518a);background-repeat:no-repeat;z-index:1}.art-mountain .mountain{position:absolute;clip-path:polygon(49% 0,51% 0,100% 100%,0% 100%);border-radius:50% 50% 0 0;z-index:2}.art-mountain .mountain:before{content:"";position:absolute;width:100%;height:100%;right:5%;background:inherit;clip-path:inherit;border-radius:inherit}.art-mountain .mountain:after{content:"";position:absolute;width:100%;height:15%;background:linear-gradient(rgba(255,250,250,.5),transparent)}.art-mountain .mountain:nth-of-type(1){background:linear-gradient(#02284a,transparent);width:50%;height:40%;left:-10%;bottom:0}.art-mountain .mountain:nth-of-type(2){background:linear-gradient(#022e4e,#141521cc);width:60%;height:50%;left:10%;bottom:0;z-index:3}.art-mountain .mountain:nth-of-type(3){background:linear-gradient(#02284a,transparent);width:50%;height:65%;left:40%;bottom:0}.art-mountain .mountain:nth-of-type(4){background:linear-gradient(#022e4e,#141521cc);width:30%;height:40%;right:-10%;bottom:0}.art-mountain .tree{position:absolute;width:.5%;bottom:0;background:linear-gradient(#041816,#141521);z-index:4}.art-mountain .tree:before{content:"";position:absolute;width:800%;height:100%;top:-5%;left:-350%;background:#041816;clip-path:polygon(50% 0%,0% 30%,50% 30%,0% 60%,50% 60%,0% 90%,50% 90%,100% 90%,50% 60%,100% 60%,50% 30%,100% 30%)}.art-mountain .tree:nth-of-type(1){height:20%;right:25%}.art-mountain .tree:nth-of-type(2){height:15%;right:20%}.art-mountain .tree:nth-of-type(3){height:12%;right:28%}.art-mountain .lights{height:100%;width:100%;animation:art-mountain-slide 15s ease-in-out infinite}.art-mountain .borealis{position:absolute;width:5%;height:100%;bottom:8%;filter:blur(40px);background:radial-gradient(rgb(31,164,152) 40%,transparent);opacity:.6}.art-mountain .borealis:nth-of-type(1){left:0%;animation:art-mountain-grow 30s ease-in-out infinite}.art-mountain .borealis:nth-of-type(2){left:20%;animation:art-mountain-grow 25s 10s ease-in-out infinite}.art-mountain .borealis:nth-of-type(3){left:40%;animation:art-mountain-grow 30s ease-in-out infinite}.art-mountain .borealis:nth-of-type(4){left:60%;animation:art-mountain-grow 20s 3s ease-in-out infinite}.art-mountain .borealis:nth-of-type(5){left:80%;animation:art-mountain-grow 25s ease-in-out infinite}.art-mountain .borealis:nth-of-type(6){left:97%;animation:art-mountain-grow 20s 8s ease-in-out infinite}.art-mountain .borealis:nth-of-type(7){background:radial-gradient(rgb(157,78,221) 40%,transparent);transform:translate(-200%);animation:art-mountain-slide-right 25s infinite}.art-mountain .borealis:nth-of-type(8){background:radial-gradient(rgb(157,78,221) 40%,transparent);transform:translate(-200%);animation:art-mountain-slide-right 25s 8s infinite}.art-mountain .borealis:nth-of-type(9){left:unset;right:0%;transform:translate(200%);background:radial-gradient(#045fa0 40%,transparent);animation:art-mountain-slide-left 18s 5s ease-in-out infinite}.art-mountain-sm{--art-mountain-size: 300px}.art-mountain-lg{--art-mountain-size: 900px}}@layer css-art{.art-atom{--art-atom-size: 360px;--art-atom-color: #00d8ff;--art-atom-nucleus-size: calc(var(--art-atom-size) / 5);--art-atom-electron-color: #99f8ff;--art-atom-electron-size: calc(var(--art-atom-size) / 25);--art-atom-orbit-size: calc(var(--art-atom-size) / 2.5);--art-atom-speed: 1.2s;--art-atom-speed-alpha: 1s;--art-atom-speed-omega: .8s;position:relative;width:var(--art-atom-size);height:var(--art-atom-size);animation:8s art-atom-rotate infinite cubic-bezier(1,.25,0,.75);box-sizing:border-box;overflow:hidden;*,*:before,*:after{box-sizing:border-box}&:before{content:"";display:block;position:absolute;top:50%;left:50%;width:var(--art-atom-nucleus-size);height:var(--art-atom-nucleus-size);margin-top:calc(var(--art-atom-nucleus-size) / -2);margin-left:calc(var(--art-atom-nucleus-size) / -2);background:color-mix(in srgb,var(--art-atom-color) 70%,transparent);border-radius:100%;box-shadow:0 0 3px color-mix(in srgb,var(--art-atom-color) 70%,transparent);animation:2s art-atom-nucleus infinite cubic-bezier(.65,0,.35,1)}>[class^=electron]{border-top:solid color-mix(in srgb,var(--art-atom-color) 50%,transparent) 1px;border-right:solid color-mix(in srgb,var(--art-atom-color) 35%,transparent) 2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color) 20%,transparent) 4px;border-left:solid color-mix(in srgb,var(--art-atom-color) 0%,transparent) 2px;border-radius:100%;width:100%;height:var(--art-atom-orbit-size);position:absolute;top:50%;margin-top:calc(var(--art-atom-orbit-size) / -2);animation:var(--art-atom-speed) art-atom-electron-orbit infinite linear}>.electron-alpha{transform:rotate(60deg);animation:var(--art-atom-speed-alpha) art-atom-electron-orbit infinite linear}>.electron-omega{transform:rotate(-60deg);animation:var(--art-atom-speed-omega) art-atom-electron-orbit infinite linear}[class^=electron]:after{content:"";display:block;width:var(--art-atom-electron-size);height:var(--art-atom-electron-size);background:var(--art-atom-electron-color);border-radius:50%;margin-top:calc(var(--art-atom-electron-size) / -2);position:absolute;top:50%;left:calc(var(--art-atom-electron-size) / -1);transform:scale(1);animation:calc(var(--art-atom-speed) * 2) art-atom-electron infinite ease-in-out}.electron-alpha:after{animation:calc(var(--art-atom-speed-alpha) * 2) art-atom-electron infinite ease-in-out}.electron-omega:after{animation:calc(var(--art-atom-speed-omega) * 2) art-atom-electron infinite ease-in-out}}.art-atom-sm{--art-atom-size: 180px}.art-atom-lg{--art-atom-size: 480px}@keyframes art-atom-electron-orbit{0%{border-top:solid color-mix(in srgb,var(--art-atom-color) 50%,transparent) 1px;border-right:solid color-mix(in srgb,var(--art-atom-color) 35%,transparent) 2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color) 20%,transparent) 4px;border-left:solid color-mix(in srgb,var(--art-atom-color) 0%,transparent) 2px}25%{border-top:solid color-mix(in srgb,var(--art-atom-color) 35%,transparent) 1px;border-right:solid color-mix(in srgb,var(--art-atom-color) 20%,transparent) 2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color) 0%,transparent) 4px;border-left:solid color-mix(in srgb,var(--art-atom-color) 50%,transparent) 2px}50%{border-top:solid color-mix(in srgb,var(--art-atom-color) 20%,transparent) 1px;border-right:solid color-mix(in srgb,var(--art-atom-color) 0%,transparent) 2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color) 50%,transparent) 4px;border-left:solid color-mix(in srgb,var(--art-atom-color) 35%,transparent) 2px}75%{border-top:solid color-mix(in srgb,var(--art-atom-color) 0%,transparent) 1px;border-right:solid color-mix(in srgb,var(--art-atom-color) 50%,transparent) 2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color) 35%,transparent) 4px;border-left:solid color-mix(in srgb,var(--art-atom-color) 20%,transparent) 2px}to{border-top:solid color-mix(in srgb,var(--art-atom-color) 50%,transparent) 1px;border-right:solid color-mix(in srgb,var(--art-atom-color) 35%,transparent) 2px;border-bottom:solid color-mix(in srgb,var(--art-atom-color) 20%,transparent) 4px;border-left:solid color-mix(in srgb,var(--art-atom-color) 0%,transparent) 2px}}@keyframes art-atom-rotate{0%{transform:rotate(0) scale(1)}12.5%{transform:rotate(-45deg) scale(.9)}25%{transform:rotate(-90deg) scale(1)}37.5%{transform:rotate(-135deg) scale(.9)}50%{transform:rotate(-180deg) scale(1)}62.5%{transform:rotate(-225deg) scale(.9)}75%{transform:rotate(-270deg) scale(1)}87.5%{transform:rotate(-315deg) scale(.9)}to{transform:rotate(-360deg) scale(1)}}@keyframes art-atom-nucleus{0%{transform:scale(1)}25%{transform:scale(.9)}50%{transform:scale(1)}75%{transform:scale(.85)}to{transform:scale(1)}}@keyframes art-atom-electron{0%{left:calc(var(--art-atom-electron-size) / -1);transform:scale(1)}12.5%{top:100%;transform:scale(1.5)}25%{left:100%;transform:scale(1)}37.5%{top:0%;transform:scale(.25)}50%{left:calc(var(--art-atom-electron-size) / -1);transform:scale(1)}62.5%{top:100%;transform:scale(1.5)}75%{left:100%;transform:scale(1)}87.5%{top:0%;transform:scale(.25)}to{left:calc(var(--art-atom-electron-size) / -1);transform:scale(1)}}}@layer css-art{.art-eclipse{--art-eclipse-bg: #09090b;--art-eclipse-size: 600px;width:var(--art-eclipse-size);height:var(--art-eclipse-size);position:relative;overflow:hidden;background:var(--art-eclipse-bg);.layer{position:absolute;inset:0}.layer-1{animation:30s linear art-eclipse-rotate infinite;transform-origin:66% 40%;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff0,#fff8b075 3.96%,#45a8ff00 8.33% 8.33%) 69.5% 37.7% / 17.2% 17.2% no-repeat,radial-gradient(ellipse at 50% 50%,#fff8b0,#45a8ff00 47.22%) 74.1% 35.6% / 33.6% 36.6% no-repeat}.layer-2{animation:20s linear art-eclipse-rotate infinite reverse;transform-origin:66% 40%;background:radial-gradient(ellipse at 50% 50%,rgba(69,168,255,0) 20%,var(--art-eclipse-bg) 29%) 77.4% 33.8% / 40% 40% no-repeat,repeating-conic-gradient(from 15deg at 50% 50%,#fff0,#fff8b082 2.64%,#45a8ff00 5.56% 5.56%) 69.5% 37.7% / 17.2% 17.2% no-repeat}.layer-3{animation:20s linear art-eclipse-rotate infinite;background:repeating-conic-gradient(from 355deg at 50% 50%,#fff0,#ffc64542 8.1%,#45a8ff00 16.67% 16.67%) 0 0 / 100% 100% no-repeat}.layer-4{animation:40s linear art-eclipse-rotate infinite reverse;background:repeating-conic-gradient(from 355deg at 50% 50%,#fff0,#ffc64542 2.86%,#45a8ff00 5.88% 5.88%) 0% 0% / 100% 100% no-repeat}.layer-5{animation:40s linear art-eclipse-rotate infinite;background:repeating-conic-gradient(from 0deg at 50% 50%,#fff0,#ffc64542 6.62%,#45a8ff00 7.69% 7.69%) 0% 0% / 100% 100% no-repeat}.layer-6{background:radial-gradient(ellipse at 50% 50%,#fff8b045,#45a8ff00 63.54%) 67% 39.3% / 5.8% 5.8% no-repeat,radial-gradient(ellipse at 50% 50%,#45a8ff00 40.28%,#ffb7a30d 52.43%,#45a8ff00 63.54%) 68% 38.6% / 13% 13% no-repeat,radial-gradient(ellipse at 50% 50%,#fff8b08c,#45a8ff00 63.54%) 66.9% 39.3% / 3.4% 3.4% no-repeat,radial-gradient(ellipse at 50% 50%,#fff8b033,#45a8ff00 66.67%) 70.7% 36.5% / 25.6% 25.6% no-repeat,radial-gradient(ellipse at 50% 50%,var(--art-eclipse-bg) 26%,rgba(69,168,255,0) 26.4%) 0% 0% / 100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#ffd4940a,#45a8ff00 69.79%) 0% 0% / 100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#fff0941c,#45a8ff00 52.43%) 0% 0% / 100% 100% no-repeat,radial-gradient(ellipse at 51% 49%,rgba(69,168,255,0) 23.96%,var(--art-eclipse-bg) 40.63%) 0% 0% / 100% 100% no-repeat,repeating-conic-gradient(from 0deg at 50% 50%,#fff0,#ffef4524 11.04%,#45a8ff00 20% 20%) 0% 0% / 100% 100% no-repeat,radial-gradient(ellipse at 52% 48%,rgba(69,168,255,0) 23.96%,var(--art-eclipse-bg) 34.03%) 0% 0% / 100% 100% no-repeat,radial-gradient(ellipse at 50% 50%,#ffb9934a 28%,#45a8ff00 30%) 0% 0% / 100% 100% no-repeat}}.art-eclipse-sm{--art-eclipse-size: 300px}.art-eclipse-lg{--art-eclipse-size: 800px}@keyframes art-eclipse-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}@layer css-art{.art-plasma-ball{--art-plasma-ball-size: 350px;--art-plasma-ball-base-color: #222222;--art-plasma-ball-switch-size: calc(var(--art-plasma-ball-size) * 37 / 350);position:relative;isolation:isolate;margin:0 auto;width:var(--art-plasma-ball-size);height:calc(var(--art-plasma-ball-size) * 1.6);box-sizing:border-box;*{box-sizing:border-box}.base{position:absolute;background:var(--art-plasma-ball-base-color);width:calc(var(--art-plasma-ball-size) * 6 / 7);height:calc(var(--art-plasma-ball-size) * 4 / 7);margin:calc(var(--art-plasma-ball-size) * 48 / 350) auto;top:calc(var(--art-plasma-ball-size) * 286 / 350);left:calc(var(--art-plasma-ball-size) * 25 / 350);z-index:-2}.base:before{position:absolute;top:calc(var(--art-plasma-ball-size) * -44 / 350);width:calc(var(--art-plasma-ball-size) * 300 / 350);height:calc(var(--art-plasma-ball-size) * 80 / 350);border-radius:100%;content:"";background:radial-gradient(#222 20%,#353535);background:conic-gradient(from 167deg,#666,#232323,#232323,#666);border:2px solid #597481;box-sizing:border-box;left:0;z-index:0}.base:after{position:absolute;left:calc(var(--art-plasma-ball-size) * -35 / 350);bottom:calc(var(--art-plasma-ball-size) * -65 / 350);width:calc(var(--art-plasma-ball-size) * 370 / 350);height:calc(var(--art-plasma-ball-size) * 110 / 350);border-radius:30% 30% 50% 50%;content:"";background:var(--art-plasma-ball-base-color);z-index:-1}.base div{background:var(--art-plasma-ball-base-color);height:calc(var(--art-plasma-ball-size) * 100 / 350);margin-top:calc(var(--art-plasma-ball-size) * 48 / 350);float:left;margin-left:calc(var(--art-plasma-ball-size) * -53 / 350);width:63%;transform:rotate(-85deg);z-index:-1;position:relative}.base div+div{margin-top:calc(var(--art-plasma-ball-size) * -99 / 350);margin-left:calc(var(--art-plasma-ball-size) * 164 / 350);transform:rotate(85deg)}.base span{position:absolute;left:calc(var(--art-plasma-ball-size) * -51 / 350);bottom:calc(var(--art-plasma-ball-size) * -4 / 350);width:calc(var(--art-plasma-ball-size) * 402 / 350);height:calc(var(--art-plasma-ball-size) * 160 / 350);border-radius:0% 0% 80% 80%;content:"";background:#242f3400;z-index:0;border:2px solid transparent;border-bottom-color:#435761}input.switcher{width:calc(var(--art-plasma-ball-size) * 48 / 350);height:calc(var(--art-plasma-ball-size) * 48 / 350);opacity:0;position:absolute;z-index:3333;margin:0;cursor:pointer;outline:none;border-radius:calc(var(--art-plasma-ball-size) * 50 / 350)!important;top:calc(var(--art-plasma-ball-size) * 425 / 350);left:calc(var(--art-plasma-ball-size) * 151 / 350)}.glassball{position:absolute;overflow:hidden;margin:0 auto;width:var(--art-plasma-ball-size);height:var(--art-plasma-ball-size);border-radius:100%;background-color:#ffffff26;top:0%;box-shadow:0 20px 30px #0003,inset 0 10px 30px 5px #fff;z-index:1}.glassball:after{background:radial-gradient(ellipse at center,#ffffff80,#fff0 70%);border-radius:50%;box-shadow:inset 0 20px 30px #ffffff4d;content:"";height:96%;left:2%;position:absolute;width:96%;top:2%;z-index:1}.glassball:hover{cursor:grab}.glassball:before{position:absolute;left:48%;top:50%;width:0px;height:0px;background:radial-gradient(circle closest-side,#9c27b0,transparent);transform:translate(-45%,-48%);transition:width .2s ease,height .2s ease;animation:art-plasma-ball-spark 5ms ease 0s infinite alternate;border:8px dotted #24e6ff;filter:blur(15px);border-radius:100%;z-index:2;font-size:10em;color:#d6faff;text-align:center;line-height:1;content:"s";display:none;opacity:.75}.glassball:hover:before{width:calc(var(--art-plasma-ball-size) * 120 / 350);height:calc(var(--art-plasma-ball-size) * 150 / 350)}input.switcher:checked+.glassball:before,input.switcher:checked+.glassball:after{display:block}input.switcher:checked+.glassball:after{width:97%;height:97%;left:1.5%;top:1.5%}input.switcher:checked+.glassball:hover:after{animation:art-plasma-ball-rotation 3s ease 0s infinite alternate;background:radial-gradient(ellipse at center,#ffffff7d 0%,#54ecff94 10%,transparent 100%);filter:brightness(1.75);opacity:.5}input.switcher:checked+.glassball{transform:translateZ(0);backface-visibility:hidden;perspective:calc(var(--art-plasma-ball-size) * 1000 / 350);background:radial-gradient(circle,#ff5affb8 0% 20%,#5493d2a8 70% 100%);animation:art-plasma-ball-innerlight 5s linear 0s infinite,art-plasma-ball-shake .82s cubic-bezier(.36,.07,.19,.97) both;transition:background .4s ease 0s;box-shadow:0 0 15px 5px #5493d2a8;border:1px solid transparent}.switch{background:#1b1b1b;width:var(--art-plasma-ball-switch-size);height:var(--art-plasma-ball-switch-size);position:absolute;left:calc(50% - var(--art-plasma-ball-switch-size) / 2);top:calc(var(--art-plasma-ball-size) * 430 / 350);border:3px solid #4e4e4e;z-index:5;border-radius:100%;box-shadow:0 0 10px #000,0 0 5px 1px #2d2d2d,0 0 3px 1px #000 inset}.switch:before{content:"";position:absolute;width:calc(var(--art-plasma-ball-switch-size) * 16 / 37);height:calc(var(--art-plasma-ball-switch-size) * 16 / 37);bottom:calc(var(--art-plasma-ball-switch-size) * 6 / 37);border:calc(var(--art-plasma-ball-switch-size) * 3 / 37) solid #4e4e4e;border-top-color:transparent;border-radius:100%;left:calc(var(--art-plasma-ball-switch-size) * 5.5 / 37)}.switch:after{content:"";position:absolute;width:calc(var(--art-plasma-ball-switch-size) * 3 / 37);height:calc(var(--art-plasma-ball-switch-size) * 9 / 37);bottom:calc(var(--art-plasma-ball-switch-size) * 14 / 37);left:calc(var(--art-plasma-ball-switch-size) * 11.5 / 37);background:#4e4e4e}input:checked+div+div+.switch{background:linear-gradient(to bottom,#171717,#404040);color:#fff;box-shadow:0 0 10px #03a9f4,0 0 5px 1px #03a9f4;border-color:#222222d1}input:checked+div+div+.switch:before{border-color:transparent #03a9f4 #03a9f4 #03a9f4}input:checked+div+div+.switch:after{background:#03a9f4}.electrode{width:calc(var(--art-plasma-ball-size) * 16 / 350);height:calc(var(--art-plasma-ball-size) * 140 / 350);bottom:calc(var(--art-plasma-ball-size) * 20 / 350);left:calc(50% - .5em);position:absolute;overflow:visible}.electrode:not(.hide-electrode){background:linear-gradient(75deg,#3a3a3a 20%,#2d2d2d);border-bottom:1px solid #657882;border-radius:0 0 6px 5px}.electrode:before{position:absolute;left:calc(var(--art-plasma-ball-size) * -16 / 350);top:calc(var(--art-plasma-ball-size) * -40 / 350);width:calc(var(--art-plasma-ball-size) * 48 / 350);height:calc(var(--art-plasma-ball-size) * 48 / 350);border-radius:100%;content:"";background:radial-gradient(at top left,#4a4949 20%,#2d2d2d);border:1px solid #758e99;box-sizing:border-box}.electrode:not(.hide-electrode):after{position:absolute;left:calc(var(--art-plasma-ball-size) * -3 / 350);bottom:calc(var(--art-plasma-ball-size) * -11 / 350);width:calc(var(--art-plasma-ball-size) * 22 / 350);height:calc(var(--art-plasma-ball-size) * 16 / 350);border-radius:calc(var(--art-plasma-ball-size) * 140 / 350) / calc(var(--art-plasma-ball-size) * 50 / 350);content:"";background:linear-gradient(-263deg,#191919 20%,#0a0a0a);z-index:-1}input.switcher:checked+.glassball .electrode:after{background:linear-gradient(-263deg,#3a3a3a 20%,#2d2d2d)}input.switcher:checked+.glassball .electrode:before{background:radial-gradient(ellipse farthest-corner at calc(var(--art-plasma-ball-size) * 30 / 350) calc(var(--art-plasma-ball-size) * 30 / 350),#999,#e449ff,#e449ff,#9763ff,#62edff,#fff);box-shadow:0 0 10px 2px #e449ffb3,0 0 10px 2px #fff,0 0 50px -10px #fff inset;border-color:#ffffff94}input.switcher+.glassball .rays{display:none}input.switcher:checked+.glassball .rays{display:block;float:left;width:100%;height:100%;position:absolute}.ray{width:calc(var(--art-plasma-ball-size) * 160 / 350);height:calc(var(--art-plasma-ball-size) * 32 / 350);position:absolute;bottom:calc(var(--art-plasma-ball-size) * 144 / 350);filter:drop-shadow(0px 0px 7px #9660f7) drop-shadow(0px 0px 2px #fff)}.ray:before{content:"";width:calc(var(--art-plasma-ball-size) * 8 / 350);height:calc(var(--art-plasma-ball-size) * 7.2 / 350);border:2px dashed #03a9f4;position:absolute;border-width:3px 3px 1px 1px;transform:rotate(87deg);top:calc(var(--art-plasma-ball-size) * 4.8 / 350);left:calc(var(--art-plasma-ball-size) * 3 / 350);border-radius:10px 5px 8px 7px;filter:blur(2px);box-shadow:0 0 10px -1px #000}.ray:after{content:"s";float:left;width:calc(var(--art-plasma-ball-size) * 32 / 350);height:calc(var(--art-plasma-ball-size) * 96 / 350);margin-top:calc(var(--art-plasma-ball-size) * 20 / 350);margin-left:0;animation:art-plasma-ball-blink 1s linear 0s infinite alternate;background:radial-gradient(circle closest-side,#9c27b0,transparent);transform:translate(-45%,-48%);transition:width .2s ease,height .2s ease;border:calc(var(--art-plasma-ball-size) * 8 / 350) dotted #24e6ff;filter:blur(5px);border-radius:100%;z-index:2;font-size:calc(var(--art-plasma-ball-size) * 64 / 350);color:#d6faff;text-align:center;line-height:1}.ray span{width:calc(var(--art-plasma-ball-size) * 64 / 350);height:calc(var(--art-plasma-ball-size) * 16 / 350);border:solid calc(var(--art-plasma-ball-size) * 4 / 350) #000;border-radius:238%/50px 50px 0 0;position:absolute;top:calc(var(--art-plasma-ball-size) * 8 / 350);left:0;border-color:#6bbdff transparent transparent transparent}.ray span+span{left:30%;transform:rotate(180deg);top:calc(var(--art-plasma-ball-size) * 2.4 / 350)}.ray span+span+span{left:60%;transform:rotate(0);top:calc(var(--art-plasma-ball-size) * 8 / 350)}.ray span:last-of-type:before{content:"";float:right;width:calc(var(--art-plasma-ball-size) * 8 / 350);height:calc(var(--art-plasma-ball-size) * 8 / 350);background:#d1eefb;border-radius:100%;box-shadow:0 0 4px 3px #fff;filter:blur(1px);margin-top:calc(var(--art-plasma-ball-size) * -2 / 350);left:calc(var(--art-plasma-ball-size) * 3 / 350);position:relative}.ray.bigwave span:last-of-type:before{content:"";float:left;width:calc(var(--art-plasma-ball-size) * 8 / 350);height:calc(var(--art-plasma-ball-size) * 8 / 350);background:#d1eefb;border-radius:100%;box-shadow:0 0 4px 3px #fff;filter:blur(1px);margin-top:calc(var(--art-plasma-ball-size) * -3 / 350);left:calc(var(--art-plasma-ball-size) * -2 / 350);position:relative}.ray.bigwave span{width:55%;border-width:calc(var(--art-plasma-ball-size) * 4 / 350)}.ray.bigwave span+span{width:60%;left:40%;border-width:calc(var(--art-plasma-ball-size) * 5 / 350);margin-left:calc(var(--art-plasma-ball-size) * 4 / 350);margin-top:calc(var(--art-plasma-ball-size) * 2 / 350)}.rays+.rays{transform:rotate(180deg)}.rays+.rays+.rays{transform:rotate(90deg)}.rays+.rays+.rays+.rays{transform:rotate(270deg)}.rays+.rays+.rays+.rays+.rays{transform:skew(-187deg) scale(.675) rotate(0);display:none;animation:art-plasma-ball-touchray1 2.5s ease .1s infinite alternate}.rays+.rays+.rays+.rays+.rays+.rays{transform:skew(-140deg,-40deg) scale(.675) rotate(180deg);display:none;animation:art-plasma-ball-touchray2 1s ease .25s infinite}input.switcher:checked+.glassball:hover .rays+.rays+.rays+.rays+.rays{display:block}.rays+.rays+.rays+.rays+.rays .ray{width:calc(var(--art-plasma-ball-size) * 136 / 350);animation:art-plasma-ball-ray1 .5s linear 0s infinite alternate}.rays+.rays+.rays+.rays+.rays .ray span{border-top-width:calc(var(--art-plasma-ball-size) * 8 / 350)}.ray:nth-of-type(1){animation:art-plasma-ball-ray1 .5s linear 0s infinite}.ray:nth-of-type(2){animation:art-plasma-ball-ray1 .75s linear 0s infinite alternate}.ray:nth-of-type(3){animation:art-plasma-ball-ray1 .65s linear 0s infinite reverse}.ray:nth-of-type(4){animation:art-plasma-ball-ray1 .95s linear 0s infinite alternate}.ray:nth-of-type(5){animation:art-plasma-ball-ray1 .85s linear 0s infinite reverse}.rays+.rays .ray:nth-of-type(1){animation-duration:1.55s}.rays+.rays .ray:nth-of-type(2){animation-duration:1.75s}.rays+.rays .ray:nth-of-type(3){animation-duration:.65s}.rays+.rays .ray:nth-of-type(4){animation-duration:1.85s}.rays+.rays .ray:nth-of-type(5){animation-duration:1.6s}.rays+.rays+.rays .ray:nth-of-type(1){animation-duration:1.15s}.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.5s}.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}.rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1s}.rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.25s}.rays+.rays+.rays+.rays .ray:nth-of-type(1){animation-duration:1.05s}.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.35s}.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.25s}.rays+.rays+.rays+.rays .ray:nth-of-type(4){animation-duration:1.15s}.rays+.rays+.rays+.rays .ray:nth-of-type(5){animation-duration:1.45s}.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(1){animation-duration:.85s}.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:.95s}.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:.75s}.rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(1){animation-duration:1.1s}.rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(2){animation-duration:1.25s}.rays+.rays+.rays+.rays+.rays+.rays .ray:nth-of-type(3){animation-duration:1.35s}}.art-plasma-ball-sm{--art-plasma-ball-size: 200px}.art-plasma-ball-lg{--art-plasma-ball-size: 500px}.art-plasma-ball-no-base{height:var(--art-plasma-ball-size)}.art-plasma-ball-no-base .base,.art-plasma-ball-no-base .switch{display:none}.art-plasma-ball-no-base input.switcher{top:0;left:0;width:100%;height:100%;border-radius:100%!important}@keyframes art-plasma-ball-rotation{50%{transform:rotate(360deg)}}@keyframes art-plasma-ball-blink{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%) scale(.75) rotate(6deg)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%) scale(.5) rotate(2deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%) scale(.35) rotate(11deg)}}@keyframes art-plasma-ball-innerlight{0%{background-size:105% 105%;background-position:center center;box-shadow:0 0 15px 5px #5493d2a8}25%{box-shadow:0 0 15px 5px #ff5aff30}50%{background-size:85% 85%;background-position:center center;box-shadow:0 0 15px 5px #5493d2a8}75%{box-shadow:0 0 15px 5px #ff5aff30}to{background-size:105% 105%;background-position:center center;box-shadow:0 0 15px 5px #5493d2a8}}@keyframes art-plasma-ball-touchray1{0%{transform:skew(-187deg) scale(.675) rotate(0)}50%{transform:skew(-185deg,2deg) scale(.525) rotate(180deg);opacity:1}51%{opacity:0}52%{opacity:1}to{transform:skew(-188deg,-2deg) scale(.625) rotate(360deg)}}@keyframes art-plasma-ball-touchray2{0%{transform:skew(-140deg,-40deg) scale(.675) rotate(140deg)}50%{transform:skew(-143deg,-42deg) scale(.525) rotate(0);opacity:1}51%{opacity:0}52%{opacity:1}to{transform:skew(-145deg,-38deg) scale(.625) rotate(210deg)}}@keyframes art-plasma-ball-spark{0%{background:radial-gradient(circle closest-side,#ff5affb8,#5493d2a8);transform:translate(-50%,-50%) scale(.75) rotate(0)}50%{background:radial-gradient(circle closest-side,#5493d2a8,#ff5affb8);transform:translate(-50%,-50%) scale(.5) rotate(180deg)}to{background:radial-gradient(circle closest-side,#ffffffa8,#5493d2a8);transform:translate(-50%,-50%) scale(1) rotate(360deg)}}@keyframes art-plasma-ball-ray1{0%{opacity:0;transform:rotate(0) translate(0)}12%{opacity:1;transform:rotate(22deg) translateY(calc(var(--art-plasma-ball-size) * -35 / 350));filter:brightness(1.75)}25%{opacity:0;transform:rotate(45deg) translate(calc(var(--art-plasma-ball-size) * -33 / 350),calc(var(--art-plasma-ball-size) * -69 / 350))}37%{opacity:1;transform:rotate(67deg) translate(calc(var(--art-plasma-ball-size) * -64 / 350),calc(var(--art-plasma-ball-size) * -86 / 350));filter:brightness(1.15)}50%{opacity:0;transform:rotate(90deg) translate(calc(var(--art-plasma-ball-size) * -108 / 350),calc(var(--art-plasma-ball-size) * -93 / 350))}62%{opacity:1;transform:rotate(112deg) translate(calc(var(--art-plasma-ball-size) * -140 / 350),calc(var(--art-plasma-ball-size) * -90 / 350));filter:brightness(1.25)}75%{opacity:0;transform:rotate(135deg) translate(calc(var(--art-plasma-ball-size) * -169 / 350),calc(var(--art-plasma-ball-size) * -69 / 350))}87%{opacity:1;transform:rotate(157deg) translate(calc(var(--art-plasma-ball-size) * -185 / 350),calc(var(--art-plasma-ball-size) * -36 / 350));filter:brightness(1.75)}to{opacity:0;transform:rotate(180deg) translate(calc(var(--art-plasma-ball-size) * -192 / 350),calc(var(--art-plasma-ball-size) * 6 / 350))}}}@layer css-art{.art-snowflake{position:absolute;width:var(--art-snowflake-size, 10px);height:var(--art-snowflake-size, 10px);border-radius:50%;pointer-events:none;&:not(.art-snowflake-unicode){background:var(--art-snowflake-color, #FFFFFF);filter:drop-shadow(0 0 var(--art-snowflake-size, 10px) var(--art-snowflake-color, #FFFFFF))}}.art-snowflake.art-snowflake-unicode:after{content:"❆";color:var(--art-snowflake-color, #FFFFFF);font-size:var(--art-snowflake-size, 10px);filter:drop-shadow(0 0 var(--art-snowflake-size, 10px) var(--art-snowflake-color, #FFFFFF))}.art-snowflake-fall{animation:art-snowflake-fall var(--art-snowflake-duration, 5s) linear infinite}@keyframes art-snowflake-fall{0%{transform:translateY(-10%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:.3}}}@layer css-art{@keyframes art-cat-stargazer-blink{0%,25%,28%,to{height:0}26.5%{height:100%}}.art-cat-stargazer{--art-cat-stargazer-size: 500px;position:relative;font-size:calc(var(--art-cat-stargazer-size) / 90);width:var(--art-cat-stargazer-size);aspect-ratio:1;overflow:hidden;background:radial-gradient(circle at 20% 20%,#ffc8 .2em,#0000 0),radial-gradient(circle at 70% 50%,#ffc8 .25em,#0000 0),radial-gradient(circle at 10% 80%,#ffc8 .2em,#0000 0),radial-gradient(circle at 80% 30%,#ffc8 .3em,#0000 0),radial-gradient(circle at 80% 80%,#ffc8 .23em,#0000 0),radial-gradient(circle at 50% 10%,#ff8b .3em,#0000 0),radial-gradient(circle at 40% 60%,#ffc8 .2em,#0000 0),radial-gradient(circle at 30% 30%,#ffc8 .2em,#0000 0) 0 0 / 70% 70%,radial-gradient(circle at 30% 30%,#ffc8 .2em,#0000 0) 40% 30% / 50% 70%,linear-gradient(#0002,#0000),radial-gradient(at 50% 80%,#fcc2,#fff0),#023;*,*:before,*:after{position:absolute;box-sizing:border-box}.moon{width:120%;height:40%;left:50%;bottom:0;translate:-50% 60%;border-radius:50%/100% 100% 0 0;box-shadow:0 0 3em #ffc,0 0 9em #ffc8;background:radial-gradient(at 38% 20%,#0001 2%,#0000 0),radial-gradient(13% 8% at 50% 0,#0001 99%,#0000),#ffc;&:before{content:"";width:18%;height:15%;background:#0001;border-radius:50%;box-shadow:inset 0 1em #0002;rotate:-15deg;top:15%;left:20%;scale:.8}&:after{content:"";width:4%;height:5%;background:#0001;border-radius:50%;box-shadow:-7em 3em 0 2em #0001;rotate:30deg;top:25%;left:80%;scale:.8}}.cat{--fur: #111;--fur-dark: #000;--skin: pink;--suit: #fff;--suit-dark: #ddd;font-size:.4em;width:80em;aspect-ratio:1;bottom:15%;left:50%;translate:-50%;.bubble{width:119%;height:103%;border-radius:50%;bottom:25%;left:49%;translate:-50%;background:radial-gradient(circle at 25% 25%,#fff3,#fff0 25%),radial-gradient(circle at 15% 45%,#fff1,#fff0 15%),radial-gradient(circle at 75% 35%,#fff1,#fff0 50%),#fff1;box-shadow:inset 0 0 1em 1em #acf,inset 0 0 5em #fff}.backpack{width:40%;left:50%;height:30%;background:#bcd;bottom:0;translate:-50%;border-radius:3em}.tail{width:50%;height:50%;border-radius:50%;border:7em solid #0000;border-top-color:var(--suit-dark);border-left-color:var(--suit-dark);clip-path:polygon(100% 0,100% 100%,0 30%,0 0);top:75%;left:52%;&:before{content:"";width:7em;aspect-ratio:1;background:var(--suit-dark);border-radius:50%;left:81%;top:-9%}}.body{left:50%;translate:-50%;bottom:0;width:35%;height:40%;background:radial-gradient(circle at 17% 55%,#36c 2em,#0000 0),radial-gradient(100% 70% at 50% 0,var(--fur-dark) 50%,#0000 0),radial-gradient(150% 70% at 49% 0,var(--fur) 50%,#d99 0 59%,#0000 calc(59% + 1px)),var(--suit);border-radius:100%/200% 200% 20% 20%;.leg{width:165%;height:38%;bottom:0;left:50%;translate:-50%;border-radius:8em 8em 100% 100%/10em 10em 16em 16em;scale:1 -1;background:radial-gradient(20% 200% at 2% 10%,var(--suit-dark) 20%,#0000 0),radial-gradient(20% 200% at 98% 10%,var(--suit-dark) 20%,#0000 0),var(--suit)}.paw{width:35%;height:49%;border:.75em solid #777;border-top:0;border-radius:0 0 5em 5em;top:51%;rotate:-10deg;left:10%;clip-path:polygon(0 20%,100% 30%,100% 100%,0 100%);+&{right:7%;height:50%;left:auto;rotate:13deg;scale:-1 1;clip-path:polygon(0 25%,100% 15%,100% 100%,0 100%)}}}.ear{width:40%;aspect-ratio:1;border:4em solid var(--fur);border-radius:5% 90% 10% 80%;background:var(--skin);top:5%;left:10%;+&{scale:-1 1;left:auto;right:10%}}.head{width:80%;aspect-ratio:1.1;background:linear-gradient(#0003,#0000 50%),var(--fur);left:50%;translate:-50%;border-radius:100%/125% 125% 80% 75%;.whisker{width:30%;height:30%;border-radius:50%;border:2em solid #0000;border-top-color:var(--fur);border-left-color:var(--fur);clip-path:polygon(100% 0,100% 100%,0 30%,0 0);&:nth-child(1){top:45%;translate:-65%}&:nth-child(2){top:55%;translate:-40%;rotate:-20deg}&:nth-child(3){right:0%;top:45%;translate:65%;rotate:10deg}&:nth-child(4){right:-2%;top:55%;translate:40%;rotate:24deg}}.nose{width:10%;height:7%;background:var(--skin);border-radius:50%;left:50%;translate:-50% -50%;top:55%}.eye{--pos: 25%;--x1: 50%;--x2: 42%;width:35%;aspect-ratio:1;border-radius:50%;background:radial-gradient(50% 50% at var(--x1) 32%,#fff 25%,#0000 calc(25% + 1px)),radial-gradient(50% 50% at var(--x2) 51%,#fff 12%,#0000 calc(12% + 1px)),radial-gradient(circle at 60% 40%,#000 35%,#0000 calc(35% + 1px)),#fff;left:var(--pos);translate:-50% -50%;top:43%;overflow:hidden;+&{--x1: 70%;--x2: 78%;left:calc(100% - var(--pos));scale:-1 1}&:before{content:"";top:-30%;left:50%;translate:-50%;width:150%;height:0%;background:var(--fur);rotate:-10deg;animation:art-cat-stargazer-blink 10s linear infinite}&:after{content:"";bottom:-10%;left:50%;translate:-50%;width:150%;height:0%;background:var(--fur);rotate:-10deg;animation:art-cat-stargazer-blink 10s linear infinite}}}}}.art-cat-stargazer-sm{--art-cat-stargazer-size: 300px}.art-cat-stargazer-lg{--art-cat-stargazer-size: 700px}}@layer css-art{@keyframes art-color-spin-spin{0%,1%{transform:translate(-50%) translateY(calc(var(--art-color-spin-size) * .026)) rotateY(0) scale(1.05)}99%,to{transform:translate(-50%) translateY(calc(var(--art-color-spin-size) * .026)) rotateY(360deg) scale(1.05)}}.art-color-spin{--art-color-spin-size: 770px;--art-color-spin-color1: #ffd700;--art-color-spin-color2: #20a7db;--art-color-spin-color3: #8fce00;--art-color-spin-color4: #ff0000;position:relative;width:var(--art-color-spin-size);height:calc(var(--art-color-spin-size) * .26);background:repeating-linear-gradient(-45deg,#000,#000 5px,#111 5px 10px);perspective:calc(var(--art-color-spin-size) * 1.039);font-family:Google Sans,sans-serif;font-weight:440;overflow:visible}.art-color-spin *{box-sizing:border-box}.art-color-spin:before{content:"c";font-size:calc(var(--art-color-spin-size) * .461);color:#eee;position:absolute;top:calc(var(--art-color-spin-size) * -.169);left:0;text-indent:calc(var(--art-color-spin-size) * -.026);line-height:calc(var(--art-color-spin-size) * .519);z-index:2;-webkit-box-reflect:below calc(var(--art-color-spin-size) * -.169) linear-gradient(transparent,rgb(255 255 255 / .06))}.art-color-spin:after{content:"r";font-size:calc(var(--art-color-spin-size) * .461);color:#eee;position:absolute;top:calc(var(--art-color-spin-size) * -.169);right:calc(var(--art-color-spin-size) * .039);line-height:calc(var(--art-color-spin-size) * .519);z-index:2;-webkit-box-reflect:below calc(var(--art-color-spin-size) * -.169) linear-gradient(transparent,rgb(255 255 255 / .06))}.art-color-spin>ul{width:0;height:calc(var(--art-color-spin-size) * .195);display:block;left:50%;position:relative;transform-style:preserve-3d;transform-origin:center center;z-index:3;margin:0;padding:0;list-style:none;animation:art-color-spin-spin 11s linear infinite alternate-reverse}.art-color-spin>ul *{transform-style:preserve-3d}.art-color-spin>ul:before,.art-color-spin>ul:after{content:"";display:block;position:absolute;width:calc(var(--art-color-spin-size) * .052);height:calc(var(--art-color-spin-size) * .286);border-radius:calc(var(--art-color-spin-size) * .026);top:calc(var(--art-color-spin-size) * -.039);left:calc(var(--art-color-spin-size) * -.026);background:#fff}.art-color-spin>ul:before{background:#eee;transform:rotateY(-90deg)}.art-color-spin>ul>li{display:block;width:calc(var(--art-color-spin-size) * .234);height:calc(var(--art-color-spin-size) * .234);border:solid calc(var(--art-color-spin-size) * .032) #fff;border-radius:50%;top:calc(var(--art-color-spin-size) * -.013);left:0;position:absolute;transform:rotateY(calc(var(--i) * -90deg)) translateZ(0) translate(calc(var(--art-color-spin-size) * .052));transform-origin:top left;-webkit-box-reflect:below 2px linear-gradient(transparent,rgb(255 255 255 / .1));margin:0;padding:0;list-style:none}.art-color-spin>ul>li:before,.art-color-spin>ul>li:after{content:"";width:calc(var(--art-color-spin-size) * .13);height:calc(var(--art-color-spin-size) * .13);display:block;opacity:.75;border-radius:50%;position:absolute;left:50%;top:50%;mix-blend-mode:color-burn}.art-color-spin>ul>li:after{transform:translate3d(-50%,-50%,1px)}.art-color-spin>ul>li:before{transform:translate3d(-50%,-50%,-1px)}.art-color-spin>ul>li:nth-child(1){outline:solid 1px var(--art-color-spin-color1);outline-offset:1px}.art-color-spin>ul>li:nth-child(1):after{background:var(--art-color-spin-color1)}.art-color-spin>ul>li:nth-child(1):before{background:color-mix(in hsl,var(--art-color-spin-color1),white 30%)}.art-color-spin>ul>li:nth-child(2){outline:solid 1px var(--art-color-spin-color2);outline-offset:1px}.art-color-spin>ul>li:nth-child(2):after{background:var(--art-color-spin-color2)}.art-color-spin>ul>li:nth-child(2):before{background:color-mix(in hsl,var(--art-color-spin-color2),white 30%)}.art-color-spin>ul>li:nth-child(3){outline:solid 1px var(--art-color-spin-color3);outline-offset:1px}.art-color-spin>ul>li:nth-child(3):after{background:var(--art-color-spin-color3)}.art-color-spin>ul>li:nth-child(3):before{background:color-mix(in hsl,var(--art-color-spin-color3),white 30%)}.art-color-spin>ul>li:nth-child(4){outline:solid 1px var(--art-color-spin-color4);outline-offset:1px}.art-color-spin>ul>li:nth-child(4):after{background:var(--art-color-spin-color4)}.art-color-spin>ul>li:nth-child(4):before{background:color-mix(in hsl,var(--art-color-spin-color4),white 30%)}.art-color-spin-sm{--art-color-spin-size: 385px}.art-color-spin-lg{--art-color-spin-size: 1000px}}@layer css-art{@keyframes art-synthwave-starfield-color{0%{filter:hue-rotate(1deg)}to{filter:hue-rotate(360deg)}}@keyframes art-synthwave-starfield-lines-x{0%{background-position:calc(var(--art-synthwave-starfield-size) * .12) center}to{background-position:0 center}}@keyframes art-synthwave-starfield-lines-y{0%{background-position:center calc(var(--art-synthwave-starfield-size) * .12)}to{background-position:center 0}}@keyframes art-synthwave-starfield-stars{0%{transform:translateZ(calc(var(--art-synthwave-starfield-size) * -.4));opacity:0}30%,80%{opacity:1}to{transform:translateZ(calc(var(--art-synthwave-starfield-size) * .5)) rotate(15deg);opacity:0}}@keyframes art-synthwave-starfield-stars2{0%{transform:translateZ(calc(var(--art-synthwave-starfield-size) * -.4)) rotate(180deg);opacity:0}30%,80%{opacity:1}to{transform:translateZ(calc(var(--art-synthwave-starfield-size) * .5)) rotate(195deg);opacity:0}}.art-synthwave-starfield{--art-synthwave-starfield-size: 600px;--art-synthwave-starfield-line-color: #6bd600;position:relative;width:var(--art-synthwave-starfield-size);height:var(--art-synthwave-starfield-size);overflow:hidden;perspective:calc(var(--art-synthwave-starfield-size) * .5);transform-style:preserve-3d;background-image:radial-gradient(#0000,#673ab72e),linear-gradient(-90deg,#2000587d,#000,#9c27b02b),linear-gradient(0deg,#ff98002e,#000,#8bc34a5e);background-color:#000;box-shadow:0 0 calc(var(--art-synthwave-starfield-size) * 1.5) calc(var(--art-synthwave-starfield-size) * .11) #000 inset;font-family:"Press Start 2P",system-ui}.art-synthwave-starfield:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(#0000,#0a123a),linear-gradient(180deg,#2000587d,#000,#9c27b02b),linear-gradient(0deg,#ff980054,#000,#009688ba);opacity:.25;z-index:0}.art-synthwave-starfield *{box-sizing:border-box;position:absolute;transform-style:preserve-3d}.art-synthwave-starfield *:before,.art-synthwave-starfield *:after{box-sizing:border-box;transform-style:preserve-3d;position:absolute;content:""}.art-synthwave-starfield-sides{width:100%;height:100%;background:radial-gradient(#0f0015 10%,#000000e0 35%,#fff0 75% 100%)}.art-synthwave-starfield-sides:before,.art-synthwave-starfield-sides:after{width:100%;height:100%;transform:rotateY(90deg);transform-origin:left center;background-image:repeating-linear-gradient(90deg,#fff0 0,#fff0 calc(var(--art-synthwave-starfield-size) * .1),var(--art-synthwave-starfield-line-color) calc(var(--art-synthwave-starfield-size) * .1) calc(var(--art-synthwave-starfield-size) * .1035),#fff0 calc(var(--art-synthwave-starfield-size) * .1035)),repeating-linear-gradient(180deg,#fff0 0,#fff0 calc(var(--art-synthwave-starfield-size) * .1),var(--art-synthwave-starfield-line-color) calc(var(--art-synthwave-starfield-size) * .1) calc(var(--art-synthwave-starfield-size) * .1035),#fff0 calc(var(--art-synthwave-starfield-size) * .1035));background-color:transparent;animation:art-synthwave-starfield-lines-x .5s linear 0s infinite,art-synthwave-starfield-color 5s linear 0s infinite;background-repeat:repeat;background-position:center center;background-size:calc(var(--art-synthwave-starfield-size) * .12) calc(var(--art-synthwave-starfield-size) * .12);box-shadow:0 0 calc(var(--art-synthwave-starfield-size) * .08) calc(var(--art-synthwave-starfield-size) * .1) #000 inset}.art-synthwave-starfield-lefrig:after{transform:rotateY(-90deg);transform-origin:right center;animation:art-synthwave-starfield-lines-x .5s linear 0s infinite reverse,art-synthwave-starfield-color 5s linear 2s infinite;z-index:-1}.art-synthwave-starfield-topbot:before{height:100%;transform:rotateX(90deg);transform-origin:center bottom;bottom:0;animation:art-synthwave-starfield-lines-y .5s linear 0s infinite reverse,art-synthwave-starfield-color 5s linear 1s infinite}.art-synthwave-starfield-topbot:after{height:100%;transform:rotateX(-90deg);transform-origin:center top;bottom:auto;animation:art-synthwave-starfield-lines-y .5s linear 0s infinite,art-synthwave-starfield-color 5s linear 3s infinite}.art-synthwave-starfield-stars{width:100%;height:100%;z-index:3}.art-synthwave-starfield-stars:before,.art-synthwave-starfield-stars:after{width:200%;height:200%;background:transparent;border-radius:100%;background-image:repeating-conic-gradient(#fff8 0%,transparent .0002%,transparent .075%,transparent .65%),repeating-conic-gradient(#fff 0%,transparent .0004%,transparent .05%,transparent .495%);transform:translateZ(calc(var(--art-synthwave-starfield-size) * -.4));opacity:0;animation:art-synthwave-starfield-stars 4s ease-in -1s infinite;z-index:1;left:-50%;top:-50%}.art-synthwave-starfield-stars:after{animation-name:art-synthwave-starfield-stars2;animation-delay:-2s}.art-synthwave-starfield-stars+.art-synthwave-starfield-stars:before{animation-delay:-3s}.art-synthwave-starfield-stars+.art-synthwave-starfield-stars:after{animation-delay:-4s}.art-synthwave-starfield.art-synthwave-starfield-paused *:before,.art-synthwave-starfield.art-synthwave-starfield-paused *:after{animation-play-state:paused!important}.art-synthwave-starfield-sm{--art-synthwave-starfield-size: 300px}.art-synthwave-starfield-lg{--art-synthwave-starfield-size: 900px}}@property --art-circular-gallery-rotation{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@layer css-art{.art-circular-gallery{--art-circular-gallery-size: 600px;--art-circular-gallery-radius: calc(var(--art-circular-gallery-size) * .42);--art-circular-gallery-card-width: calc(var(--art-circular-gallery-size) * .09);--art-circular-gallery-card-border-radius: calc(var(--art-circular-gallery-size) * .012);--art-circular-gallery-arc-size: .95;--art-circular-gallery-arc-center: .275;--art-circular-gallery-arc-start: calc( var(--art-circular-gallery-arc-center) - var(--art-circular-gallery-arc-size) / 2 );--art-circular-gallery-arc-shift-delta: .0075;--art-circular-gallery-card-trans-duration: 1s;--art-circular-gallery-card-trans-easing: linear( 0, .01 .8%, .038 1.6%, .154 3.4%, .781 9.7%, 1.01 12.5%, 1.089 13.8%, 1.153 15.2%, 1.195 16.6%, 1.219 18%, 1.224 19.7%, 1.208 21.6%, 1.172 23.6%, 1.057 28.6%, 1.007 31.2%, .969 34.1%, .951 37.1%, .953 40.9%, .998 50.4%, 1.011 56%, .998 74.7%, 1 );anchor-name:--art-circular-gallery-center;transform:rotate(var(--art-circular-gallery-rotation));transition:transform .7s linear;position:relative;width:var(--art-circular-gallery-size);height:var(--art-circular-gallery-size);aspect-ratio:1;display:grid;place-content:center;font-family:sans-serif;h1{margin:0;text-align:center;font-size:clamp(1rem,calc(var(--art-circular-gallery-size) * .035),2.5rem);font-weight:300;letter-spacing:.05em;transform:rotate(calc(var(--art-circular-gallery-rotation) * -1))}div{--arc-step: calc(var(--art-circular-gallery-arc-size) / 19);--arc-shift: calc(var(--art-circular-gallery-arc-shift-delta) * var(--d, 1));--card-offset-distance: calc( ( var(--art-circular-gallery-arc-start) + (var(--i) - 1) * var(--arc-step) + var(--arc-shift) ) * 100% );&:has(a:hover),&:target{--title-opacity: 1}&:target{--zindex: 2;--center-opacity: 1;--center-scale: 1;--image-outline-color: rgba(255 255 255 / .5)}&:before{content:"";position:fixed;position-anchor:--art-circular-gallery-center;position-area:span-all;transform:rotate(calc(var(--art-circular-gallery-rotation) * -1));width:calc(var(--art-circular-gallery-size) * .4);aspect-ratio:1;border-radius:9in;background:var(--bg-img);box-sizing:border-box;outline:10px solid rgba(255 255 255 / .3);outline-offset:-10px;background-size:cover;background-repeat:no-repeat;opacity:var(--center-opacity, 0);scale:var(--center-scale, 0);pointer-events:none;transition-property:scale,opacity;transition-duration:.3s,.15s}&:after{content:attr(data-title);position:fixed;position-anchor:--art-circular-gallery-card;position-area:center span-all;z-index:2;pointer-events:none;opacity:var(--title-opacity, 0);transition-property:opacity,transform;transition-duration:.15s;border:1px solid rgb(255 255 255 / .75);background:#00000040;backdrop-filter:blur(3px);padding:.25em 1em;border-radius:5px;font-size:clamp(.55rem,calc(var(--art-circular-gallery-size) * .012),.85rem);white-space:nowrap;@starting-style{opacity:0}}a{position:absolute;display:block;width:var(--art-circular-gallery-card-width);aspect-ratio:4 / 6;border-radius:var(--art-circular-gallery-card-border-radius);border:2px solid rgba(255 255 255 / .6);offset-path:circle(var(--art-circular-gallery-radius) at 50% 50%);offset-distance:var(--card-offset-distance);offset-rotate:auto;offset-anchor:50% 0%;transition:offset var(--art-circular-gallery-card-trans-duration) var(--art-circular-gallery-card-trans-easing),scale .2s ease;z-index:var(--zindex, 1);anchor-name:--art-circular-gallery-card;&:hover{scale:2.5;z-index:3}img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;outline:5px solid var(--image-outline-color, transparent);outline-offset:-5px;transition:outline .3s ease-in-out}}}}.art-circular-gallery:has(>*:hover)>*:hover+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(1){--d: 3}.art-circular-gallery:has(>*:hover)>*:hover+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(2):hover)>:nth-child(1){--d: 2}.art-circular-gallery:has(>*:hover)>*:hover+*+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(3),.art-circular-gallery:has(>:nth-last-child(2):hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(3):hover)>:nth-child(1){--d: 1}.art-circular-gallery:has(>*:hover)>*:hover+*+*+*+*,.art-circular-gallery:has(>:last-child:hover)>:nth-child(4),.art-circular-gallery:has(>:nth-last-child(2):hover)>:nth-child(3),.art-circular-gallery:has(>:nth-last-child(3):hover)>:nth-child(2),.art-circular-gallery:has(>:nth-last-child(4):hover)>:nth-child(1){--d: .5}.art-circular-gallery *:has(+*:hover),.art-circular-gallery:has(>:nth-child(1):hover) :nth-last-child(1){--d: -3}.art-circular-gallery *:has(+*+*:hover),.art-circular-gallery:has(>:nth-child(1):hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(2):hover) :nth-last-child(1){--d: -2}.art-circular-gallery *:has(+*+*+*:hover),.art-circular-gallery:has(>:nth-child(1):hover) :nth-last-child(3),.art-circular-gallery:has(>:nth-child(2):hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(3):hover) :nth-last-child(1){--d: -1}.art-circular-gallery *:has(+*+*+*+*:hover),.art-circular-gallery:has(>:nth-child(1):hover) :nth-last-child(4),.art-circular-gallery:has(>:nth-child(2):hover) :nth-last-child(3),.art-circular-gallery:has(>:nth-child(3):hover) :nth-last-child(2),.art-circular-gallery:has(>:nth-child(4):hover) :nth-last-child(1){--d: -.5}.art-circular-gallery-sm{--art-circular-gallery-size: 400px}.art-circular-gallery-lg{--art-circular-gallery-size: 800px}}@layer css-art{@keyframes art-flower-animation-moving-flower-1{0%,to{transform:rotate(3deg)}50%{transform:rotate(0)}}@keyframes art-flower-animation-moving-flower-2{0%,to{transform:rotate(20deg)}50%{transform:rotate(23deg)}}@keyframes art-flower-animation-moving-flower-3{0%,to{transform:rotate(-15deg)}50%{transform:rotate(-18deg)}}@keyframes art-flower-animation-blooming-leaf-right{0%{transform-origin:left;transform:rotate(70deg) rotateY(30deg) scaleX(0)}}@keyframes art-flower-animation-blooming-leaf-left{0%{transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scaleX(0)}}@keyframes art-flower-animation-blooming-flower{0%{transform:scale(0);opacity:0}}@keyframes art-flower-animation-light-ans{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(-15em) translate(3em)}}@keyframes art-flower-animation-grow-flower-tree{0%{transform:scaleY(0);transform-origin:bottom center}}@keyframes art-flower-animation-grow-ans{0%{transform:scaleY(0);transform-origin:bottom center}}@keyframes art-flower-animation-moving-grass{0%,to{transform:rotate(-48deg) rotateY(40deg)}50%{transform:rotate(-50deg) rotateY(40deg)}}@keyframes art-flower-animation-moving-grass--2{0%,to{transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg)}50%{transform:scale(.5) rotate(80deg) rotateX(10deg) rotateY(-200deg)}}@keyframes art-flower-animation-flower-g-long-ans{0%,to{transform:rotate(-30deg) rotateY(-20deg)}50%{transform:rotate(-32deg) rotateY(-20deg)}}@keyframes art-flower-animation-flower-g-right-ans{0%,to{transform:rotate(20deg)}50%{transform:rotate(24deg) rotateX(-20deg)}}@keyframes art-flower-animation-flower-g-right-ans--2{0%,to{transform:rotateY(-180deg) rotate(0) rotateX(-20deg)}50%{transform:rotateY(-180deg) rotate(6deg) rotateX(-20deg)}}@keyframes art-flower-animation-flower-g-front-ans{0%,to{transform:rotate(-28deg) rotateY(30deg) scale(1.04)}50%{transform:rotate(-35deg) rotateY(40deg) scale(1.04)}}@keyframes art-flower-animation-flower-g-front-leaf-ans{0%{transform:rotate(10deg) scale(0)}}@keyframes art-flower-animation-flower-g-front-leaf-left-ans{0%{transform:rotateY(-180deg) rotate(5deg) scale(0)}}@keyframes art-flower-animation-flower-g-front-leaf-left-ans-2{0%{transform:rotateY(-180deg) scale(0)}}@keyframes art-flower-animation-flower-g-fr-ans{0%,to{transform:rotate(2deg)}50%{transform:rotate(4deg)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-1{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-5{0%{transform-origin:left;transform:rotate(55deg) scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-6{0%{transform-origin:right;transform:rotate(25deg) rotateY(-180deg) scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-7{0%{transform-origin:left;transform:rotate(45deg) scale(0)}}@keyframes art-flower-animation-flower-g-fr-leaf-ans-8{0%{transform-origin:right;transform:rotate(15deg) rotateY(-180deg) scale(0)}}@keyframes art-flower-animation-growing-grass-1{0%{transform-origin:bottom left;transform:rotate(-20deg) scale(0)}}@keyframes art-flower-animation-growing-grass-2{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}@keyframes art-flower-animation-growing-grass-3{0%{transform-origin:bottom left;transform:rotate(-18deg) rotateX(-20deg) scale(0)}}@keyframes art-flower-animation-growing-grass-4{0%{transform-origin:bottom right;transform:rotate(2deg) scale(0)}}@keyframes art-flower-animation-growing-grass-5{0%{transform-origin:bottom left;transform:rotate(-24deg) rotateX(-20deg) scale(0)}}@keyframes art-flower-animation-growing-grass-6{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}@keyframes art-flower-animation-growing-grass-7{0%{transform-origin:bottom left;transform:rotate(-10deg) scale(0)}}@keyframes art-flower-animation-growing-grass-8{0%{transform-origin:bottom right;transform:rotate(10deg) scale(0)}}@keyframes art-flower-animation-bubble{0%{transform:translateY(0) scale(.3);opacity:0}10%{opacity:1}80%{opacity:.6}to{transform:translateY(-70em) scale(1);opacity:0}}.art-flower-animation{--art-flower-animation-size: 600px;--art-flower-animation-bg: #010113;position:relative;font-size:calc(var(--art-flower-animation-size) / 100);width:var(--art-flower-animation-size);height:calc(var(--art-flower-animation-size) * 1.1);overflow:hidden;background-color:var(--art-flower-animation-bg);perspective:1000px;display:flex;align-items:flex-end;justify-content:center}.art-flower-animation-sm{--art-flower-animation-size: 300px}.art-flower-animation-lg{--art-flower-animation-size: 900px}.art-flower-animation .night{position:absolute;left:50%;top:0;transform:translate(-50%);width:100%;height:100%;filter:blur(.1em);background-image:radial-gradient(ellipse at top,transparent 0%,var(--art-flower-animation-bg)),radial-gradient(ellipse at bottom,var(--art-flower-animation-bg),rgba(145,233,255,.2)),repeating-linear-gradient(220deg,rgb(0,0,0) 0px,rgb(0,0,0) 19px,transparent 19px,transparent 22px),repeating-linear-gradient(189deg,rgb(0,0,0) 0px,rgb(0,0,0) 19px,transparent 19px,transparent 22px),repeating-linear-gradient(148deg,rgb(0,0,0) 0px,rgb(0,0,0) 19px,transparent 19px,transparent 22px),linear-gradient(90deg,#ff5e00,#f0f0f0)}.art-flower-animation .flowers{position:relative;transform:scale(.9)}.art-flower-animation .flower{position:absolute;bottom:10em;transform-origin:bottom center;z-index:10;--fl-speed: .8s}.art-flower-animation .flower--1{animation:art-flower-animation-moving-flower-1 4s linear infinite}.art-flower-animation .flower--1 .flower__line{height:70em;animation-delay:.3s}.art-flower-animation .flower--1 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 1.6s backwards}.art-flower-animation .flower--1 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 1.4s backwards}.art-flower-animation .flower--1 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 1.2s backwards}.art-flower-animation .flower--1 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 1s backwards}.art-flower-animation .flower--1 .flower__line__leaf--5{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 1.8s backwards}.art-flower-animation .flower--1 .flower__line__leaf--6{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 2s backwards}.art-flower-animation .flower--2{left:50%;transform:rotate(20deg);animation:art-flower-animation-moving-flower-2 4s linear infinite}.art-flower-animation .flower--2 .flower__line{height:60em;animation-delay:.6s}.art-flower-animation .flower--2 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 1.9s backwards}.art-flower-animation .flower--2 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 1.7s backwards}.art-flower-animation .flower--2 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 1.5s backwards}.art-flower-animation .flower--2 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 1.3s backwards}.art-flower-animation .flower--3{left:50%;transform:rotate(-15deg);animation:art-flower-animation-moving-flower-3 4s linear infinite}.art-flower-animation .flower--3 .flower__line{animation-delay:.9s}.art-flower-animation .flower--3 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 2.5s backwards}.art-flower-animation .flower--3 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 2.3s backwards}.art-flower-animation .flower--3 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 2.1s backwards}.art-flower-animation .flower--3 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 1.9s backwards}.art-flower-animation .flower--4{left:-30%;transform:rotate(-15deg) scaleX(-1);animation:art-flower-animation-moving-flower-3 4s linear infinite}.art-flower-animation .flower--4 .flower__line{animation-delay:1.2s}.art-flower-animation .flower--4 .flower__line__leaf--1{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 2.8s backwards}.art-flower-animation .flower--4 .flower__line__leaf--2{animation:art-flower-animation-blooming-leaf-right var(--fl-speed) 2.6s backwards}.art-flower-animation .flower--4 .flower__line__leaf--3{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 2.4s backwards}.art-flower-animation .flower--4 .flower__line__leaf--4{animation:art-flower-animation-blooming-leaf-left var(--fl-speed) 2.2s backwards}.art-flower-animation .flower__leafs{position:relative;animation:art-flower-animation-blooming-flower 2s backwards}.art-flower-animation .flower__leafs--1{animation-delay:1.1s}.art-flower-animation .flower__leafs--2{animation-delay:1.4s}.art-flower-animation .flower__leafs--3{animation-delay:1.7s}.art-flower-animation .flower__leafs:after{content:"";position:absolute;left:0;top:0;transform:translate(-50%,-100%);width:8em;height:8em;background-color:#e7b201;filter:blur(10em)}.art-flower-animation .flower__leaf{position:absolute;bottom:0;left:50%;width:8em;height:11em;border-radius:51% 49% 47% 53%/44% 45% 55% 69%;background-color:#e6f331;background-image:linear-gradient(to top,#e6f331,#e6f331);transform-origin:bottom center;opacity:.9;box-shadow:inset 0 0 2em #ffffff80}.art-flower-animation .flower__leaf--1{transform:translate(-10%,1%) rotateY(40deg) rotateX(-50deg)}.art-flower-animation .flower__leaf--2{transform:translate(-50%,-4%) rotateX(40deg)}.art-flower-animation .flower__leaf--3{transform:translate(-90%) rotateY(45deg) rotateX(50deg)}.art-flower-animation .flower__leaf--4{width:8em;height:8em;transform-origin:bottom left;border-radius:4em 10em 4em 4em;transform:translateY(18%) rotateX(70deg) rotate(-43deg);background-image:linear-gradient(to top,#e6f331,#e6f331);z-index:1;opacity:.8}.art-flower-animation .flower__white-circle{position:absolute;left:-3.5em;top:-3em;width:9em;height:4em;border-radius:50%;background-color:#fff}.art-flower-animation .flower__white-circle:after{content:"";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:60%;height:60%;border-radius:inherit;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(45deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(67.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(112.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(157.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),repeating-linear-gradient(22.5deg,rgba(0,0,0,.03) 0px,rgba(0,0,0,.03) 1px,transparent 1px,transparent 12px),linear-gradient(90deg,#ffeb12,#ffce00)}.art-flower-animation .flower__line{height:55em;width:1.5em;background-image:linear-gradient(to left,rgba(0,0,0,.2),transparent,rgba(255,255,255,.2)),linear-gradient(to top,transparent 10%,#056d24,#028137);box-shadow:inset 0 0 2px #00000080;animation:art-flower-animation-grow-flower-tree 4s backwards}.art-flower-animation .flower__line__leaf{--w: 7em;--h: calc(var(--w) + 2em);position:absolute;top:20%;left:90%;width:var(--w);height:var(--h);border-top-right-radius:var(--h);border-bottom-left-radius:var(--h);background-image:linear-gradient(to top,#0c5e2066,#028137)}.art-flower-animation .flower__line__leaf--1{transform:rotate(70deg) rotateY(30deg)}.art-flower-animation .flower__line__leaf--2{top:45%;transform:rotate(70deg) rotateY(30deg)}.art-flower-animation .flower__line__leaf--3,.art-flower-animation .flower__line__leaf--4,.art-flower-animation .flower__line__leaf--6{border-top-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:var(--h);border-bottom-right-radius:var(--h);left:-460%;top:12%;transform:rotate(-70deg) rotateY(30deg)}.art-flower-animation .flower__line__leaf--4{top:40%}.art-flower-animation .flower__line__leaf--5{top:0;transform-origin:left;transform:rotate(70deg) rotateY(30deg) scale(.6)}.art-flower-animation .flower__line__leaf--6{top:-2%;left:-450%;transform-origin:right;transform:rotate(-70deg) rotateY(30deg) scale(.6)}.art-flower-animation .flower__light{position:absolute;bottom:0;width:1em;height:1em;background-color:#fffb00;border-radius:50%;filter:blur(.2em);animation:art-flower-animation-light-ans 4s linear infinite backwards}.art-flower-animation .flower__light:nth-child(odd){background-color:#028137}.art-flower-animation .flower__light--1{left:-2em;animation-delay:1s}.art-flower-animation .flower__light--2{left:3em;animation-delay:.5s}.art-flower-animation .flower__light--3{left:-6em;animation-delay:.3s}.art-flower-animation .flower__light--4{left:6em;animation-delay:.9s}.art-flower-animation .flower__light--5{left:-1em;animation-delay:1.5s}.art-flower-animation .flower__light--6{left:-4em;animation-delay:3s}.art-flower-animation .flower__light--7{left:3em;animation-delay:2s}.art-flower-animation .flower__light--8{left:-6em;animation-delay:3.5s}.art-flower-animation .flower__grass{--c: #028137;--line-w: 1.5em;position:absolute;bottom:12em;left:-7em;display:flex;flex-direction:column;align-items:flex-end;z-index:20;transform-origin:bottom center;transform:rotate(-48deg) rotateY(40deg)}.art-flower-animation .flower__grass--1{animation:art-flower-animation-moving-grass 2s linear infinite}.art-flower-animation .flower__grass--2{left:2em;bottom:10em;transform:scale(.5) rotate(75deg) rotateX(10deg) rotateY(-200deg);opacity:.8;z-index:0;animation:art-flower-animation-moving-grass--2 1.5s linear infinite}.art-flower-animation .flower__grass--top{width:7em;height:10em;border-top-right-radius:100%;border-right:var(--line-w) solid var(--c);transform-origin:bottom center;transform:rotate(-2deg)}.art-flower-animation .flower__grass--bottom{margin-top:-2px;width:var(--line-w);height:25em;background-image:linear-gradient(to top,transparent,var(--c))}.art-flower-animation .flower__grass__leaf{--size: 10em;position:absolute;width:calc(var(--size) * 2.1);height:var(--size);border-top-left-radius:var(--size);border-top-right-radius:var(--size);background-image:linear-gradient(to top,transparent,transparent 30%,var(--c));z-index:100}.art-flower-animation .flower__grass__leaf--1{top:-6%;left:30%;--size: 6em;transform:rotate(-20deg);animation:art-flower-animation-growing-grass-1 2s 2.6s backwards}.art-flower-animation .flower__grass__leaf--2{top:-5%;left:-110%;--size: 6em;transform:rotate(10deg);animation:art-flower-animation-growing-grass-2 2s 2.4s linear backwards}.art-flower-animation .flower__grass__leaf--3{top:5%;left:60%;--size: 8em;transform:rotate(-18deg) rotateX(-20deg);animation:art-flower-animation-growing-grass-3 2s 2.2s linear backwards}.art-flower-animation .flower__grass__leaf--4{top:6%;left:-135%;--size: 8em;transform:rotate(2deg);animation:art-flower-animation-growing-grass-4 2s 2s linear backwards}.art-flower-animation .flower__grass__leaf--5{top:20%;left:60%;--size: 10em;transform:rotate(-24deg) rotateX(-20deg);animation:art-flower-animation-growing-grass-5 2s 1.8s linear backwards}.art-flower-animation .flower__grass__leaf--6{top:22%;left:-180%;--size: 10em;transform:rotate(10deg);animation:art-flower-animation-growing-grass-6 2s 1.6s linear backwards}.art-flower-animation .flower__grass__leaf--7{top:39%;left:70%;--size: 10em;transform:rotate(-10deg);animation:art-flower-animation-growing-grass-7 2s 1.4s linear backwards}.art-flower-animation .flower__grass__leaf--8{top:40%;left:-215%;--size: 11em;transform:rotate(10deg);animation:art-flower-animation-growing-grass-8 2s 1.2s linear backwards}.art-flower-animation .flower__grass__overlay{position:absolute;top:-10%;right:0%;width:100%;height:100%;background-color:#0009;filter:blur(1.5em);z-index:100}.art-flower-animation .flower__g-long{--w: 2em;--h: 6em;--c: #0d6632;position:absolute;bottom:10em;left:-3em;transform-origin:bottom center;transform:rotate(-30deg) rotateY(-20deg);display:flex;flex-direction:column;align-items:flex-end;animation:art-flower-animation-flower-g-long-ans 3s linear infinite}.art-flower-animation .flower__g-long__top{width:calc(var(--w) + 1em);height:var(--h);border-top-right-radius:100%;border-right:.7em solid var(--c);transform:translate(-.7em,1em)}.art-flower-animation .flower__g-long__bottom{width:var(--w);height:50em;transform-origin:bottom center;background-image:linear-gradient(to top,transparent 30%,var(--c));box-shadow:inset 0 0 2px #00000080;clip-path:polygon(35% 0,65% 1%,100% 100%,0% 100%)}.art-flower-animation .flower__g-right{position:absolute;bottom:6em;left:-2em;transform-origin:bottom left;transform:rotate(20deg)}.art-flower-animation .flower__g-right .leaf{width:30em;height:50em;border-top-left-radius:100%;border-left:2em solid #028137;background-image:linear-gradient(to bottom,transparent,var(--art-flower-animation-bg) 60%);-webkit-mask-image:linear-gradient(to top,transparent 30%,#028137 60%);mask-image:linear-gradient(to top,transparent 30%,#028137 60%)}.art-flower-animation .flower__g-right--1{animation:art-flower-animation-flower-g-right-ans 2.5s linear infinite}.art-flower-animation .flower__g-right--2{left:5em;transform:rotateY(-180deg);animation:art-flower-animation-flower-g-right-ans--2 3s linear infinite}.art-flower-animation .flower__g-right--2 .leaf{height:75em;filter:blur(.3em);opacity:.8}.art-flower-animation .flower__g-front{position:absolute;bottom:6em;left:2.5em;z-index:100;transform-origin:bottom center;transform:rotate(-28deg) rotateY(30deg) scale(1.04);animation:art-flower-animation-flower-g-front-ans 2s linear infinite}.art-flower-animation .flower__g-front__line{width:.3em;height:20em;background-image:linear-gradient(to top,transparent,#028137,transparent 100%);position:relative}.art-flower-animation .flower__g-front__leaf-wrapper{position:absolute;top:0;left:0;transform-origin:bottom left;transform:rotate(10deg)}.art-flower-animation .flower__g-front__leaf-wrapper:nth-child(2n){left:0;transform:rotateY(-180deg) rotate(5deg);animation:art-flower-animation-flower-g-front-leaf-left-ans 1s ease-in backwards}.art-flower-animation .flower__g-front__leaf-wrapper:nth-child(odd){animation:art-flower-animation-flower-g-front-leaf-ans 1s ease-in backwards}.art-flower-animation .flower__g-front__leaf-wrapper--1{top:-8em;transform:scale(.7);animation:art-flower-animation-flower-g-front-leaf-ans 1s 5.5s ease-in backwards!important}.art-flower-animation .flower__g-front__leaf-wrapper--2{top:-8em;transform:rotateY(-180deg) scale(.7)!important;animation:art-flower-animation-flower-g-front-leaf-left-ans-2 1s 5.2s ease-in backwards!important}.art-flower-animation .flower__g-front__leaf-wrapper--3{top:-3em;animation:art-flower-animation-flower-g-front-leaf-ans 1s 4.9s ease-in backwards!important}.art-flower-animation .flower__g-front__leaf-wrapper--4{top:-3em;transform:rotateY(-180deg) scale(.9)!important;animation:art-flower-animation-flower-g-front-leaf-left-ans-2 1s 4.6s ease-in backwards!important}.art-flower-animation .flower__g-front__leaf-wrapper--5,.art-flower-animation .flower__g-front__leaf-wrapper--6{top:2em}.art-flower-animation .flower__g-front__leaf-wrapper--7,.art-flower-animation .flower__g-front__leaf-wrapper--8{top:6.5em}.art-flower-animation .flower__g-front__leaf-wrapper--5{animation-delay:4.3s!important}.art-flower-animation .flower__g-front__leaf-wrapper--6{animation-delay:4.1s!important}.art-flower-animation .flower__g-front__leaf-wrapper--7{animation-delay:3.8s!important}.art-flower-animation .flower__g-front__leaf-wrapper--8{animation-delay:3.5s!important}.art-flower-animation .flower__g-front__leaf{width:10em;height:10em;border-radius:100% 0% 0% 100%/100% 100% 0% 0%;box-shadow:inset 0 2px 1em #01462433;background-image:linear-gradient(to bottom left,transparent,var(--art-flower-animation-bg)),linear-gradient(to bottom right,#028137 50%,transparent 50%,transparent);-webkit-mask-image:linear-gradient(to bottom right,#028137 50%,transparent 50%,transparent);mask-image:linear-gradient(to bottom right,#028137 50%,transparent 50%,transparent)}.art-flower-animation .flower__g-fr{position:absolute;bottom:-4em;left:0;transform-origin:bottom left;z-index:10;animation:art-flower-animation-flower-g-fr-ans 2s linear infinite}.art-flower-animation .flower__g-fr .leaf{width:30em;height:50em;border-top-left-radius:100%;border-left:2em solid #028137;-webkit-mask-image:linear-gradient(to top,transparent 25%,#028137 50%);mask-image:linear-gradient(to top,transparent 25%,#028137 50%);position:relative;z-index:1}.art-flower-animation .flower__g-fr__leaf{position:absolute;top:0;left:0;width:10em;height:10em;border-radius:100% 0% 0% 100%/100% 100% 0% 0%;box-shadow:inset 0 2px 1em #2ceefc33;background-image:linear-gradient(to bottom left,transparent,var(--art-flower-animation-bg) 98%),linear-gradient(to bottom right,#028137 45%,transparent 50%,transparent);-webkit-mask-image:linear-gradient(135deg,#028137 40%,transparent 50%,transparent);mask-image:linear-gradient(135deg,#028137 40%,transparent 50%,transparent)}.art-flower-animation .flower__g-fr__leaf--1{left:20em;transform:rotate(45deg);animation:art-flower-animation-flower-g-fr-leaf-ans-1 .5s 5.2s linear backwards}.art-flower-animation .flower__g-fr__leaf--2{left:12em;top:-7em;transform:rotate(25deg) rotateY(-180deg);animation:art-flower-animation-flower-g-fr-leaf-ans-6 .5s 5s linear backwards}.art-flower-animation .flower__g-fr__leaf--3{left:15em;top:6em;transform:rotate(55deg);animation:art-flower-animation-flower-g-fr-leaf-ans-5 .5s 4.8s linear backwards}.art-flower-animation .flower__g-fr__leaf--4{left:6em;top:-2em;transform:rotate(25deg) rotateY(-180deg);animation:art-flower-animation-flower-g-fr-leaf-ans-6 .5s 4.6s linear backwards}.art-flower-animation .flower__g-fr__leaf--5{left:10em;top:14em;transform:rotate(55deg);animation:art-flower-animation-flower-g-fr-leaf-ans-5 .5s 4.4s linear backwards}.art-flower-animation .flower__g-fr__leaf--6{left:0;top:6em;transform:rotate(25deg) rotateY(-180deg);animation:art-flower-animation-flower-g-fr-leaf-ans-6 .5s 4.2s linear backwards}.art-flower-animation .flower__g-fr__leaf--7{left:5em;top:22em;transform:rotate(45deg);animation:art-flower-animation-flower-g-fr-leaf-ans-7 .5s 4s linear backwards}.art-flower-animation .flower__g-fr__leaf--8{left:-4em;top:15em;transform:rotate(15deg) rotateY(-180deg);animation:art-flower-animation-flower-g-fr-leaf-ans-8 .5s 3.8s linear backwards}.art-flower-animation .long-g{position:absolute;bottom:25em;left:-42em;transform-origin:bottom left}.art-flower-animation .long-g .leaf{--w: 3em;--h: 40em;position:absolute;bottom:0;left:0;width:var(--w);background-image:linear-gradient(to top,transparent 10%,#056d24 60%,#028137);clip-path:polygon(50% 0%,100% 100%,0% 100%);transform-origin:bottom center;height:var(--h)}.art-flower-animation .long-g .leaf--0{--h: 40em;transform:rotate(-5deg) rotateX(5deg)}.art-flower-animation .long-g .leaf--1{--h: 45em;left:2em;transform:rotate(3deg) rotateX(5deg)}.art-flower-animation .long-g .leaf--2{--h: 38em;left:1em;transform:rotate(-8deg) rotateX(5deg)}.art-flower-animation .long-g .leaf--3{--h: 35em;left:3em;transform:rotate(6deg) rotateX(5deg)}.art-flower-animation .long-g--1{bottom:0;transform:scale(.8) rotate(-5deg)}.art-flower-animation .long-g--1 .leaf{-webkit-mask-image:linear-gradient(to top,transparent 40%,#028137 80%)!important;mask-image:linear-gradient(to top,transparent 40%,#028137 80%)!important}.art-flower-animation .long-g--1 .leaf--1{--w: 5em;--h: 60em;left:-2em;transform:rotate(3deg) rotateY(-180deg)}.art-flower-animation .long-g--2{bottom:-3em;left:-35em;transform:rotate(3deg)}.art-flower-animation .long-g--3{bottom:-3em;left:-25em;transform:rotate(0)}.art-flower-animation .long-g--4{bottom:0;left:-23em;transform:rotate(-3deg)}.art-flower-animation .long-g--5{bottom:-3em;left:-17em;transform:scale(.8) rotate(-5deg)}.art-flower-animation .long-g--6{bottom:0;left:-12em;transform:rotate(-4deg)}.art-flower-animation .long-g--7{bottom:0;left:-5em;transform:rotate(2deg)}.art-flower-animation .grow-ans{animation:art-flower-animation-grow-ans 2s var(--d, 0s) backwards}.art-flower-animation .growing-grass{position:absolute;bottom:0}.art-flower-animation .bubbles{position:absolute;bottom:10em;left:50%;transform:translate(-50%);width:40em;height:0;z-index:20}.art-flower-animation .bubble{position:absolute;bottom:0;animation:art-flower-animation-bubble 8s ease-in infinite;opacity:0}.art-flower-animation .bubble .heart{width:2em;height:2em;fill:#ff6496cc;filter:drop-shadow(0 0 .5em rgba(255,100,150,.5))}.art-flower-animation .bubble:nth-child(1){left:5%;animation-delay:0s;animation-duration:7s}.art-flower-animation .bubble:nth-child(2){left:10%;animation-delay:.5s;animation-duration:8s}.art-flower-animation .bubble:nth-child(3){left:20%;animation-delay:1s;animation-duration:6.5s}.art-flower-animation .bubble:nth-child(4){left:30%;animation-delay:1.5s;animation-duration:9s}.art-flower-animation .bubble:nth-child(5){left:40%;animation-delay:2s;animation-duration:7.5s}.art-flower-animation .bubble:nth-child(6){left:50%;animation-delay:2.5s;animation-duration:8.5s}.art-flower-animation .bubble:nth-child(7){left:60%;animation-delay:3s;animation-duration:7s}.art-flower-animation .bubble:nth-child(8){left:70%;animation-delay:3.5s;animation-duration:9.5s}.art-flower-animation .bubble:nth-child(9){left:75%;animation-delay:4s;animation-duration:6s}.art-flower-animation .bubble:nth-child(10){left:80%;animation-delay:4.5s;animation-duration:8s}.art-flower-animation .bubble:nth-child(11){left:15%;animation-delay:5s;animation-duration:7.5s}.art-flower-animation .bubble:nth-child(12){left:25%;animation-delay:5.5s;animation-duration:9s}.art-flower-animation .bubble:nth-child(13){left:35%;animation-delay:6s;animation-duration:8s}.art-flower-animation .bubble:nth-child(14){left:45%;animation-delay:6.5s;animation-duration:7s}.art-flower-animation .bubble:nth-child(15){left:55%;animation-delay:.3s;animation-duration:9.5s}.art-flower-animation .bubble:nth-child(16){left:65%;animation-delay:1.3s;animation-duration:6.5s}.art-flower-animation .bubble:nth-child(17){left:72%;animation-delay:2.2s;animation-duration:8.5s}.art-flower-animation .bubble:nth-child(18){left:8%;animation-delay:3.3s;animation-duration:7.5s}.art-flower-animation .bubble:nth-child(19){left:88%;animation-delay:4.2s;animation-duration:9s}.art-flower-animation .bubble:nth-child(20){left:93%;animation-delay:5.8s;animation-duration:6s}}@property --art-gemini-input-rotation{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@layer css-art{@keyframes art-gemini-input-rotate{to{--art-gemini-input-rotation: 360deg}}.art-gemini-input{--art-gemini-input-width: 450px;--art-gemini-input-border-size: 4px;--art-gemini-input-gradient: conic-gradient( from var(--art-gemini-input-rotation) at 52% 49% in oklab, oklch(.63 .2 251.22) 27%, oklch(.67 .21 25.81) 33%, oklch(.9 .19 93.93) 41%, oklch(.79 .25 150.49) 49%, oklch(.63 .2 251.22) 65%, oklch(.72 .21 150.89) 93%, oklch(.63 .2 251.22) );color-scheme:light dark;position:relative;width:var(--art-gemini-input-width);animation:art-gemini-input-rotate 5s infinite linear;border-radius:4rem;background:none;padding:0;border:var(--art-gemini-input-border-size) solid lightgray;&:after{content:"";position:absolute;display:block;width:100%;height:100%;background:var(--art-gemini-input-gradient);top:50%;left:50%;translate:-50% -50%;z-index:1;animation:art-gemini-input-rotate 5s infinite linear;filter:blur(15px)}.art-gemini-input-inner{background:light-dark(white,#1a1c1e);color:light-dark(#222,hsl(210,8%,66%));padding:.75rem .5rem;position:relative;z-index:3;border-radius:inherit;display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:.75rem}.art-gemini-input-border{position:absolute;inset:calc(var(--art-gemini-input-border-size) * -1);mask:linear-gradient(white);border-radius:inherit;overflow:hidden;z-index:2;&:after{content:"";position:absolute;width:100%;height:100%;background:var(--art-gemini-input-gradient);top:50%;left:50%;translate:-50% -50%;animation:art-gemini-input-rotate 5s infinite linear;filter:blur(5px)}}.art-gemini-input-btn{color:light-dark(#222,hsl(210,8%,66%));background:none;border:none;cursor:pointer;padding:0;line-height:1;font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;user-select:none}.art-gemini-input-field{color:light-dark(#222,hsl(210,8%,66%));background:none;border:none;cursor:text;font-size:1rem;font-family:system-ui;font-weight:300;line-height:1.5;width:100%;resize:none;field-sizing:content;min-height:1.5em;max-height:8rem;overflow-y:auto;&:focus,&:focus-visible{outline:none!important}&:not(:placeholder-shown){color:light-dark(black,white)}}}.art-gemini-input-sm{--art-gemini-input-width: 280px}.art-gemini-input-lg{--art-gemini-input-width: 640px}}@layer css-art{@keyframes art-snowball-preloader-ball{0%{transform:rotate(0) translateY(-6.5em)}50%{transform:rotate(180deg) translateY(-6em)}to{transform:rotate(360deg) translateY(-6.5em)}}@keyframes art-snowball-preloader-inner-shadow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes art-snowball-preloader-outer-shadow{0%{transform:rotate(20deg)}to{transform:rotate(-340deg)}}@keyframes art-snowball-preloader-texture{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes art-snowball-preloader-track-cover{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.art-snowball-preloader{--art-snowball-preloader-size: 256px;--art-snowball-preloader-bg: hsl(223, 90%, 95%);font-size:calc(var(--art-snowball-preloader-size) / 16);position:relative;width:16em;height:16em;background-color:var(--art-snowball-preloader-bg);*,*:before,*:after{box-sizing:border-box;border:0;margin:0;padding:0}.art-snowball-preloader-outer-ring,.art-snowball-preloader-inner-ring,.art-snowball-preloader-track-cover,.art-snowball-preloader-ball,.art-snowball-preloader-ball-inner-shadow,.art-snowball-preloader-ball-side-shadows,.art-snowball-preloader-ball-texture{border-radius:50%}.art-snowball-preloader-outer-ring,.art-snowball-preloader-inner-ring,.art-snowball-preloader-track-cover,.art-snowball-preloader-ball,.art-snowball-preloader-ball-inner-shadow,.art-snowball-preloader-ball-outer-shadow,.art-snowball-preloader-ball-side-shadows,.art-snowball-preloader-ball-texture,.art-snowball-preloader-ball-texture:before{position:absolute}.art-snowball-preloader-ball{animation:art-snowball-preloader-ball 3s linear infinite;top:calc(50% - 1.25em);left:calc(50% - 1.25em);transform:rotate(0) translateY(-6.5em);width:2.5em;height:2.5em}.art-snowball-preloader-ball-inner-shadow{animation:art-snowball-preloader-inner-shadow 3s linear infinite;box-shadow:0 .1em .2em #0000004d,0 0 .2em #0000001a inset,0 -1em .5em #00000026 inset;width:100%;height:100%}.art-snowball-preloader-ball-outer-shadow{animation:art-snowball-preloader-outer-shadow 3s linear infinite;background-image:linear-gradient(#00000026,#0000);border-radius:0 0 50% 50%/0 0 100% 100%;filter:blur(2px);top:50%;left:0;width:100%;height:250%;transform:rotate(20deg);transform-origin:50% 0;z-index:-2}.art-snowball-preloader-ball-side-shadows{background-color:#0000001a;filter:blur(2px);width:100%;height:100%;transform:scale(.75,1.1);z-index:-1}.art-snowball-preloader-ball-texture{overflow:hidden;width:100%;height:100%;transform:translateZ(0);&:before{animation:art-snowball-preloader-texture .25s linear infinite;background:url(https://assets.codepen.io/416221/snow.jpg) 0 0 / 50% 100%;content:"";display:block;filter:brightness(1.05);top:0;right:0;width:200%;height:100%}}.art-snowball-preloader-inner-ring{box-shadow:0 -.25em .5em #fff6,0 .5em .75em #fff6 inset,0 .5em .375em #00000026,0 -.5em .75em #00000026 inset;top:2.375em;left:2.375em;width:calc(100% - 4.75em);height:calc(100% - 4.75em)}.art-snowball-preloader-outer-ring{box-shadow:0 -.45em .375em #00000026,0 .5em .75em #00000026 inset,0 .25em .5em #fff6,0 -.5em .75em #fff6 inset;top:.75em;left:.75em;width:calc(100% - 1.5em);height:calc(100% - 1.5em)}.art-snowball-preloader-track-cover{animation:art-snowball-preloader-track-cover 3s linear infinite;background-image:conic-gradient(var(--art-snowball-preloader-bg) 210deg,oklch(from var(--art-snowball-preloader-bg) l c h / 0) 270deg);top:0;left:0;width:100%;height:100%}}.art-snowball-preloader-sm{--art-snowball-preloader-size: 192px}.art-snowball-preloader-lg{--art-snowball-preloader-size: 384px}}@layer css-art{.art-csswitch{--art-csswitch-size: 800px;--joycon-left: #00c5e2;--joycon-left-shadow: #0128;--joycon-right: #ff6658;--joycon-right-shadow: #c218;position:relative;isolation:isolate;font-size:var(--art-csswitch-size);width:var(--art-csswitch-size);max-width:var(--art-csswitch-size);height:calc(var(--art-csswitch-size) * .4256);background:#f000}.art-csswitch *,.art-csswitch *:before,.art-csswitch *:after{position:absolute;box-sizing:border-box}.art-csswitch :focus{outline:1px dashed;outline-offset:2px}.art-csswitch .round{border-radius:50%}.art-csswitch .comfort-grip,.art-csswitch .connector{display:none}.art-csswitch .body{bottom:0;left:50%;transform:translate(-50%);width:.721em;height:99%}.art-csswitch .frame{width:100%;height:100%;border-radius:2px;background:radial-gradient(farthest-side,#2f3638 50%,#0000) -1% 3% / 2% 2%,radial-gradient(farthest-side,#2f3638,#0000) 1% -.75% / 2% 2%,radial-gradient(95% 70% at 0% 0%,#2f3638 85%,#fff3,#f000) .5% .75% / 1.55% 5.25% no-repeat,radial-gradient(farthest-side,#2f3638 50%,#0000) 101% 3% / 2% 2%,radial-gradient(farthest-side,#2f3638,#0000) 99% -.75% / 2% 2%,radial-gradient(95% 70% at 100% 0%,#2f3638 85%,#fff3,#f000) 99.5% .75% / 1.55% 5.25% no-repeat,linear-gradient(#0000 1%,#fff3 2%,#0000 4%),linear-gradient(#0000 95%,#0008),#2f3638;background-repeat:no-repeat;box-shadow:inset -1.5px 0 .75px -.75px #fff5,inset 1.5px 0 .75px -.75px #fff6;-webkit-mask:radial-gradient(farthest-side at 100% 100%,#f00 99.99%,#f000) 0 3.9% / .6% 1% no-repeat,radial-gradient(farthest-side at 100% 100%,#f00 99.99%,#f000) 1.7% 0% / .4% 1% no-repeat,radial-gradient(78.33% 60.33% at 0% 0%,#f000 99%,#f00) .5% .75% / 1.55% 5.25% no-repeat,radial-gradient(farthest-side at 0% 100%,#f00 99.99%,#f000) 100% 3.9% / .6% 1% no-repeat,radial-gradient(farthest-side at 0% 100%,#f00 99.99%,#f000) 98.3% 0% / .4% 1% no-repeat,radial-gradient(78.33% 60.33% at 100% 0%,#f000 99%,#f00) 99.5% .75% / 1.55% 5.25% no-repeat,linear-gradient(#0000 4.7%,#000 0),linear-gradient(90deg,#0000 1.9%,#000 0 98.1%,#0000 0)}.art-csswitch .frame:before{content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:94%;height:93%;border-radius:11px;border:.3px solid #000;box-shadow:0 .45px 1px #fff8,inset 0 .6px 1.5px -.25px #000,inset 0 .7px 1.5px -.25px #fffc;background:radial-gradient(circle at 32.7% 98%,#0e0e0e .9%,#000 0 1%,#0e0e0e 0 1.2%,#0000 0),linear-gradient(#0e0e0e 0 0) 32.33% 100% / 2.1% 2% no-repeat,#000}.art-csswitch .screen{top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:77.5%;border-radius:1.5px;background:#292d30;box-shadow:inset 0 1.5px 5px -1.5px #000c}.art-csswitch .controller{--color: var(--joycon-left);--color-shadow: var(--joycon-left-shadow);--connection: .02em .0105em 0 -.0123em #020100;width:.1385em;height:99%;bottom:0;left:0;border-radius:90px 4px 2px 90px;background:var(--color);box-shadow:var(--connection),inset 1px -9px 10px -3px #0125,inset 35px 0 25px -25px #0002,inset -2px 0 4px var(--color),inset 6px 16px 5px -8px var(--color),inset 0 17px 5px -8px #fff,inset 5px -5px 10px -4px var(--color-shadow)}.art-csswitch .controller:before{content:"";width:.00275em;aspect-ratio:1;background:#393537;box-shadow:inset .1px .75px .4px #fff3;left:100%;top:97.75%;border-radius:50%}.art-csswitch .controller.right{--color: var(--joycon-right);--color-shadow: var(--joycon-right-shadow);--connection: -.02em .0105em 0 -.0123em #020100;left:auto;right:0;border-radius:4px 90px 90px 2px;box-shadow:var(--connection),inset -.001em -.009em .01em -.003em #2107,inset -.035em 0 .025em -.025em #0002,inset .002em 0 .004em var(--color),inset -.006em .016em .005em -.008em var(--color),inset 0 .017em .005em -.008em #fff,inset -.01em 0 .01em -.004em var(--color-shadow)}.art-csswitch .controller.right:before{left:auto;right:100%;box-shadow:inset -.0001em .00075em .0004em #fff3}.art-csswitch button{border:0;font-size:1em;padding:0}.art-csswitch .bar{display:none}.art-csswitch .minus{--c: #404040;width:17%;height:1.8%;background:var(--c);top:8.9%;right:7.7%;border-radius:.0015em;border:.001em solid var(--color-shadow);box-shadow:inset 1px -1px 1px #0008,inset -1px 0 1px #0003,inset 0 1px 1px #fff6,0 2px 2px -1px #0006}.art-csswitch .plus{left:7.7%;right:auto}.art-csswitch .plus:before{content:"";width:37.5%;height:410%;background:var(--c);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.0015em;border:.001em solid var(--color-shadow);box-shadow:0 .004em .02em var(--color-shadow),inset -.0006em 0 .0004em #0007,inset .0006em 0 .0004em #0007,inset 0 -.001em .0005em -.0002em #0008,inset 0 .00075em .0005em -.0002em #fff6}.art-csswitch .plus:after{content:"";width:35%;aspect-ratio:1;background:radial-gradient(circle at 0 0,#834 20%,#0000 20% 35%,var(--c) 0) 0 0 / 50% 50%,conic-gradient(at 0 0,#000,#fff) 1% 1% / 40% 40%,radial-gradient(circle at 100% 0,#834 20%,#0000 20% 35%,var(--c) 0) 100% 0 / 50% 50%,conic-gradient(at 100% 0,#fff 25%,#000) 99% 1% / 40% 40%,radial-gradient(circle at 0% 100%,#834 20%,#0000 20% 35%,var(--c) 0) 1% 99% / 50% 50%,radial-gradient(at 0% 100%,#0008,#0000) 1% 99% / 40% 40%,radial-gradient(circle at 100% 100%,#834 20%,#0000 20% 35%,var(--c) 0) 99% 99% / 50% 50%,radial-gradient(at 100% 100%,#0008,#0000) 100% 99% / 40% 40%,var(--c);background-repeat:no-repeat;top:50%;left:50%;transform:translate(-50%,-50%)}.art-csswitch .mushroom{width:47%;aspect-ratio:1;border:.001em solid var(--color-shadow);top:17.5%;left:30%;background:radial-gradient(circle at 50% 0,#6669,#6660 60%),#2a2e31;box-shadow:inset 0 .0001em .00125em -.0005em var(--color),inset 0 .003em .003em #0004,inset 0 -.005em .003em #0006,0 -.0009em .001em .001em #0003,0 .00075em .001em .001em #0003,0 .01em .01em -.0025em #0004,0 .025em .035em var(--color-shadow)}.art-csswitch .right .mushroom{top:45.25%;left:23.25%}.art-csswitch .mushroom:before{content:"";width:80%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 0,#6669,#6660 60%);box-shadow:inset 0 0 .001em #0008,inset 0 .002em .002em #0008,inset 0 -.001em .001em .001em #fff4,0 .001em .001em #fff2,0 -.0007em .001em .0006em #0008,0 -.0025em .0015em .0006em #fff2}.art-csswitch .mushroom:after{content:"";width:95%;aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(90deg,#000,#0000 20% 80%,#000) 50% 0 / 3% 12%,linear-gradient(#000 5%,#444 15% 30%,#666 50%,#3c3c3c,#484848) 50% 0 / 3% 12%,linear-gradient(#0000 30% 90%,#fff) 0% 50% / 12% 3%,linear-gradient(#000,#0000 30% 70%,#000) 0% 50% / 12% 3%,linear-gradient(90deg,#fff4,#222 10% 50%,#444) 0% 50% / 12% 3%,linear-gradient(#0000 30% 90%,#fff) 100% 50% / 12% 3%,linear-gradient(#000,#0000 30% 70%,#000) 100% 50% / 12% 3%,linear-gradient(to left,#fff4,#222 10% 50%,#444) 100% 50% / 12% 3%,linear-gradient(90deg,#000,#0000 20% 80%,#000) 50% 100% / 3% 12%,linear-gradient(to top,#fff4,#111 15% 50%,#444) 50% 100% / 3% 12%,#f000;background-repeat:no-repeat}.art-csswitch .direction{display:grid;place-items:center;width:23%;aspect-ratio:1;border:.0007em solid var(--color-shadow);background:linear-gradient(#fff2,#fff0),#35393c;box-shadow:0 .002em .007em var(--color-shadow),inset 0 .0001em .0015em -.0005em var(--color),inset 0 0 .0005em .001em #323439,inset 0 .002em .001em .0002em #def5,inset 0 -.001em .0005em .0002em #000,inset 0 -.001em .001em .002em #000c}.art-csswitch .direction:before{font-size:.0175em;font-family:Helvetica,sans-serif;color:#fffa}.art-csswitch .arrow:before,.art-csswitch .arrow:after{content:"";width:40%;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;border-radius:50%;background:#252525;clip-path:polygon(52% -2%,100% 80%,0 80%,48% -2%)}.art-csswitch .arrow:before{top:51.5%;background:#fff3;filter:blur(.01em)}.art-csswitch .arrow.right:before,.art-csswitch .arrow.right:after{transform:translate(-50%,-50%) rotate(90deg)}.art-csswitch .arrow.left:before,.art-csswitch .arrow.left:after{transform:translate(-50%,-50%) rotate(-90deg)}.art-csswitch .arrow.down:before,.art-csswitch .arrow.down:after{transform:translate(-50%,-50%) rotate(180deg)}.art-csswitch .direction.up{top:41.75%;left:41.9%}.art-csswitch .direction.down{top:56.6%;left:41.9%}.art-csswitch .direction.left{left:18.25%;top:49.25%}.art-csswitch .direction.right{left:65.75%;top:49.25%}.art-csswitch .direction.x{top:14%;left:35%}.art-csswitch .direction.x:before{content:"X"}.art-csswitch .direction.y{top:21.5%;left:11.25%}.art-csswitch .direction.y:before{content:"Y"}.art-csswitch .direction.a{top:21.5%;left:59%}.art-csswitch .direction.a:before{content:"A"}.art-csswitch .direction.b{top:29%;left:35%}.art-csswitch .direction.b:before{content:"B"}.art-csswitch .menu{width:19.35%;aspect-ratio:1;border:.0009em solid var(--color-shadow);top:68.5%;left:60.5%;border-radius:.003em;background:#464b50;box-shadow:inset 0 .001em .001em -.0005em #fff6,inset 0 -.001em .001em -.0005em #0006}.art-csswitch .menu:before{content:"";width:67%;aspect-ratio:1;background:#33393c;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 .0009em .00075em #0008,0 .0008em .00075em #fff5}.art-csswitch .lr{background:linear-gradient(#4c5153 50%,#030405 60%);top:-1%;right:18%;width:83.5%;height:21%;border-radius:100em 2em 0 0;clip-path:ellipse(140% 87% at 100% 0%);box-shadow:inset -.004em 0 .003em -.003em #333,inset -.007em 0 .003em -.003em #4c5153,inset 0 .0015em .001em #444,inset -.001em .00175em .001em #fff;z-index:-1}.art-csswitch .lr.rr{left:18%;right:auto;transform:scaleX(-1)}.art-csswitch .volume{width:8.5%;height:.7%;background:linear-gradient(#444,#222);left:13.3%;top:-.6%;border-radius:.0005em .0005em 0 0;clip-path:polygon(-20% -100%,32% -100%,32% 0,33% 35%,66% 35%,67% 0%,67% -100%,110% -100%,110% 120%,-20% 120%);z-index:-1}.art-csswitch .home{top:67.6%;left:17.5%;display:grid;place-items:center;width:25%;aspect-ratio:1;border:.0007em solid var(--color-shadow);background:linear-gradient(#0001,#0005),radial-gradient(#0000 52.5%,#9c9a9a 54%),#404547}.art-csswitch .home:before{content:"";top:23%;left:50%;transform:translate(-50%);width:50%;height:24.5%;background:conic-gradient(at 50% 0,#0000 132deg,#010202 0 228deg,#0000 0);box-shadow:0 .5px .75px -.25px #fff8}.art-csswitch .home:after{content:"";color:#010202;top:46%;left:50%;transform:translate(-50%);width:39%;height:24.5%;box-shadow:inset -.004em 0,inset .004em 0,inset 0 -.004em,0 .5px .75px -.25px #fff5}.art-csswitch button:active,.art-csswitch .plus:active:before,.art-csswitch .plus:active:after,.art-csswitch .active{background:#ff0!important}@media(max-width:1010px){.art-csswitch{width:calc(var(--art-csswitch-size) * .663)}.art-csswitch .controller{left:.102em}.art-csswitch .controller.right{right:.102em}.art-csswitch .body{display:none}.art-csswitch .comfort-grip{display:block;width:100%;height:.461em}.art-csswitch .grip{width:24%;height:82.5%;bottom:7.5%;left:0%;transform:rotate(12deg);background:radial-gradient(50% 100% at 69% 50%,#fff1,#fff0 50%),radial-gradient(100% 100% at 60% 60%,#ffffff18,#fff0 30%),linear-gradient(#0000,#0003),#2f3638;border-radius:120% 120% 170% 125%/120% 120% 140% 110%;transform-origin:50% 100%;box-shadow:inset 25px 20px 20px -10px #00050ccc,inset -20px -10px 30px -10px #0008,inset 32px 50px 15px -15px #fff5,inset 0 0 50px #0008}.art-csswitch .grip.right{left:auto;right:0;transform:scaleX(-1) rotate(12deg)}.art-csswitch .comfort-grip~.comfort-grip{height:100%}.art-csswitch .holder{width:70%;height:.365em;background:#2f3638;top:13%;left:50%;transform:translate(-50%);border-radius:7% 7% 250px 250px/10% 10% 26% 26%;box-shadow:inset 2px -10px 2px -1px #000,inset -2px -10px 2px #000,-1px 1px 2px -1.5px #fffc,0 40px 0 -20px #000c,-3px 10px 10px 3px #2f3638,1px 1px 2px -1.5px #fffc,2px 10px 10px 3px #2f3638;clip-path:polygon(-100% 0%,200% 0%,200% 100%,66% 100%,65.75% 100.75%,34.25% 100.75%,34% 100%,-100% 100%)}.art-csswitch .main-frame{width:.181em;height:99%;bottom:0%;left:50%;transform:translate(-50%);border-radius:2px;-webkit-mask:radial-gradient(farthest-side at 100% 100%,#f00 99.99%,#f000) 0 3.9% / 2.4% 1% no-repeat,radial-gradient(farthest-side at 100% 100%,#f00 99.99%,#f000) 6.8% 0% / 1.6% 1% no-repeat,radial-gradient(78.33% 60.33% at 0% 0%,#f000 99%,#f00) 2% .75% / 6.2% 5.25% no-repeat,radial-gradient(farthest-side at 0% 100%,#f00 99.99%,#f000) 100% 3.9% / 2.4% 1% no-repeat,radial-gradient(farthest-side at 0% 100%,#f00 99.99%,#f000) 93.2% 0% / 1.6% 1% no-repeat,radial-gradient(78.33% 60.33% at 100% 0%,#f000 99%,#f00) 98% .75% / 6.2% 5.25% no-repeat,linear-gradient(#0000 4.7%,#000 0),linear-gradient(90deg,#0000 7.5%,#000 0 92.5%,#0000 0);background:radial-gradient(farthest-side,#2f3638 50%,#0000) -1% 3% / 2% 2%,radial-gradient(farthest-side,#2f3638,#0000) 1% -.75% / 2% 2%,radial-gradient(95% 70% at 0% 0%,#2f3638 85%,#fff3,#f000) .5% .75% / 1.55% 5.25% no-repeat,radial-gradient(farthest-side,#2f3638 50%,#0000) 101% 3% / 2% 2%,radial-gradient(farthest-side,#2f3638,#0000) 99% -.75% / 2% 2%,radial-gradient(95% 70% at 100% 0%,#2f3638 85%,#fff3,#f000) 99.5% .75% / 1.55% 5.25% no-repeat,linear-gradient(#0000 1%,#fff3 2%,#0000 4%),linear-gradient(#0000 97%,#0008),radial-gradient(at 0 100%,#2f3638 1%,#0000 10%),radial-gradient(at 100% 100%,#2f3638 1%,#0000 10%),linear-gradient(#fff0 96%,#ffffff08,#fff0 98.5%),linear-gradient(#0000,#0013 5%,#0000 50%),#2f3638;box-shadow:inset 4px 0 3px -3.5px #fff5,inset -4px 0 3px -3.5px #fff5,inset 3px 0 4px -3.5px,inset -3px 0 4px -3.5px;background-repeat:no-repeat}.art-csswitch .logo{width:.0325em;height:.065em;background:radial-gradient(circle at 53.5% 26.5%,#1a1c21 6px,#1a1c2100 0);left:.057em;top:.1385em;border:.005em solid #1a1c21;border-radius:.02em 0 0 .02em;box-shadow:1px .5px 2px -1.5px #fff3}.art-csswitch .logo.right{left:.0955em;width:.029em;background:radial-gradient(circle at 48% 55%,#1a1c2100 6px,#1a1c21 0);border:0;border-radius:0 .0175em .0175em 0}.art-csswitch .nintendo{font-size:.012em;left:51.5%;top:51.75%;transform:translate(-50%,-50%);font-family:Helvetica,sans-serif;font-weight:700;letter-spacing:.0055em;color:#1a1c21}.art-csswitch .switch{font-size:.021em;left:51%;top:55.75%;transform:translate(-50%,-50%);font-family:Helvetica,sans-serif;font-weight:700;letter-spacing:.004em;color:#1a1c21}.art-csswitch .light{top:37.5%;left:10.25%;border:.00075em solid #000c;width:.0065em;height:.0065em;border-radius:.0015em;background:radial-gradient(at 0 0,#0004,#0000),#53565b;box-shadow:inset -1px -1px 2px -1.5px #ffd3,1px 1.5px 1px -1.25px #fff3}.art-csswitch .light:nth-child(3n),.art-csswitch .light:nth-child(7n){top:45.5%}.art-csswitch .light:nth-child(2n),.art-csswitch .light:nth-child(6n){top:41.5%}.art-csswitch .light:nth-child(4n),.art-csswitch .light:nth-child(8n){top:49.5%}.art-csswitch .light:nth-child(n+5){left:auto;right:10.25%}}@media(max-width:670px){.art-csswitch{width:calc(var(--art-csswitch-size) * .45)}.art-csswitch .comfort-grip{display:none}.art-csswitch .controller{--connection: 0 0 0 #0000;left:0}.art-csswitch .controller.right{--connection: 0 0 0 #0000;right:0}.art-csswitch .controller:before{content:none}.art-csswitch .bar{display:block;top:.25%;left:100%;width:.05em;height:98%}.art-csswitch .controller.right .bar{left:auto;right:100%;transform:scalex(-1)}.art-csswitch .bar button{width:100%;height:14.25%;left:.01em;border-radius:4px;background:radial-gradient(20% 100% at 100% 50%,#0008 30%,#31333800 40%),radial-gradient(20% 100% at 100% 50%,#232629 40%,#23262900 60%),linear-gradient(#232629 5%,#fff7,#414649 25% 75%,#232629)}.art-csswitch .sub-lr{top:19.75%}.art-csswitch .sub-rr{top:60.25%}.art-csswitch .minus-sign{width:.021em;height:.0055em;background:#343a3b;top:.038em;left:.00725em;border-radius:.00075em;box-shadow:inset 0 0 2px #2f3638,0 1px 3px -1.5px #fff4}.art-csswitch .controller.right .minus-sign:before{content:"";width:.0055em;height:.021em;top:50%;left:50%;transform:translate(-50%,-50%);background:inherit;box-shadow:inset 0 0 2px #2f3638,0 3px 3px -2px #fff4}.art-csswitch .peripheral{top:0;left:0;width:100%;height:100%;border-radius:3px 120px 110px 0/6px 120px 110px 0;background:#3f4648;box-shadow:inset 2px 0 3px -1px #000c,inset -5px 5px 5px #303538,inset -10px -5px 5px #303538,inset -5px 9px 5px #fff4;-webkit-mask:radial-gradient(95% 250% at 100% 64%,#0000 7%,#f00 7.5%) 100% 0 / 100% 42% no-repeat,radial-gradient(95% 250% at 100% 67.5%,#0000 7%,#f00 7.5%) 100% 67.25% / 100% 42% no-repeat,radial-gradient(160% 20% at 0 100%,#0000 38%,#f00 38.5%) 0 100% / 40% 50% no-repeat,radial-gradient(160% 30% at 110% 101%,#0000 65%,#f00 0) 100% 100% / 62% 25% no-repeat;clip-path:polygon(0 0,100% 0,100% 100%,29% 100%,0% 96%)}.art-csswitch .cord{width:12px;height:100vh;left:47%;top:30%;background:linear-gradient(#000 33%,#0000 34%) 50% 50% / 11px 100%,linear-gradient(#0009 32%,#0000 38%) 50% 50% / 11px 100%,linear-gradient(90deg,#0000,#6666,#0000),linear-gradient(45deg,#253a3e,#21212c,#656a6e,#253a3e) .5px 0 / 6px 6px,linear-gradient(-45deg,#253a3e,#31313c,#707070,#253a3e) 5.5px 3px / 6px 6px,radial-gradient(farthest-side,#353a3ecc 99.99%,#f000) 50% 50% / 12px 8px;background-repeat:repeat-y}}@media(max-width:460px){.art-csswitch{width:90%;min-width:320px}.art-csswitch .connector{display:block;top:.022em;left:calc(100% - 1px);width:.0135em;height:.358em;z-index:-1}.art-csswitch .controller.right .connector{transform:scaleX(-1);left:auto;right:calc(100% - 1px)}.art-csswitch .con-lr,.art-csswitch .con-rr{width:90%;height:9.75%;background:var(--color);top:25.25%;right:0;transform:translateY(-50%);border-radius:2px;box-shadow:inset -1.5px -2px 4px -1px #0005,inset -1px 1px 2px -1.5px #0006}.art-csswitch .con-rr{top:73%}.art-csswitch .con-part{width:100%;height:100%;top:0;left:0}.art-csswitch .con-part:after{content:"";width:60%;right:0;height:100%;top:0;box-shadow:inset -3px 2px 2px -1px #0008,inset 0 4px 1px -2px #0007,inset 0 3px 1px #fff7;background:linear-gradient(#0002,#0000,#0002),#42484d;border-radius:2px 4px 3px 3px/2px 4px 3px 10px;clip-path:polygon(0 0,100% 0,100% 18%,70% 20%,70% 31%,100% 33%,100% 65.5%,70% 67.5%,70% 78.5%,100% 80.5%,100% 100%,0 100%)}.art-csswitch .con-part:before{content:"";width:60%;left:0;height:95%;top:0;background:linear-gradient(90deg,#000,#0000 20% 40%,#000 60%),linear-gradient(#6e7474 .66%,#0008 0,#6e7474cc 1.5%,#000c 2.5%,#0000 0),#1b2827}.art-csswitch .bar{display:none}}@media(max-width:360px){.art-csswitch{width:.151em;min-width:.151em}.art-csswitch .controller.right{display:none}}.art-csswitch-sm{--art-csswitch-size: 500px}.art-csswitch-lg{--art-csswitch-size: 1000px}}:root{--dm-bg: var(--color-base-100);--dm-surface: var(--color-surface);--dm-surface-soft: var(--color-surface-container);--dm-text: var(--color-on-surface);--dm-muted: var(--color-on-surface-variant);--dm-border: var(--color-outline-variant);--dm-primary: var(--color-primary);--dm-primary-soft: var(--color-primary-container);--dm-code: var(--color-on-tertiary-container);--dm-code-bg: var(--color-tertiary-container)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--dm-bg);color:var(--dm-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:14px 28px;border-bottom:1px solid var(--dm-border);background:var(--color-primary);color:var(--color-primary-content);box-shadow:var(--shadow-sm)}.brand,.top-nav{display:inline-flex;align-items:center;gap:12px}.brand{font-weight:700;text-decoration:none;color:var(--color-primary-content)}.brand-mark{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--color-primary-content);color:var(--color-primary)}.top-nav a{color:var(--color-primary-content);opacity:.85;font-size:14px;text-decoration:none;font-weight:500;transition:opacity .2s}.top-nav a:hover{opacity:1}.theme-toggle{border:1px solid var(--color-primary-content);border-radius:8px;background:transparent;color:var(--color-primary-content);cursor:pointer;font:inherit;padding:8px 12px;text-decoration:none;transition:background .2s}.theme-toggle:hover{background:color-mix(in oklch,var(--color-primary-content) 15%,transparent)}.button-link{border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface);color:var(--dm-text);cursor:pointer;font:inherit;padding:8px 12px;text-decoration:none;transition:all .2s}.button-link:hover{background:var(--dm-surface-soft);border-color:var(--color-secondary)}main{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:40px 0 72px}.hero,.doc-shell,.section,.component-card,.demo-card,.api-card{border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface)}.hero{padding:36px}.hero h1,.doc-title h1{margin:0;font-size:40px;line-height:1.08}.hero p,.doc-title p,.section p,.demo-card p{color:var(--dm-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.category{margin-top:36px}.category h2,.section h2{font-size:22px}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.component-card{display:block;padding:16px;text-decoration:none}.component-card strong{display:block;margin-bottom:8px}.component-card span,.meta,.api-meta{color:var(--dm-muted);font-size:13px}.install-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:fit-content;max-width:100%;margin:18px 0 0;border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface-soft);padding:10px 12px;color:var(--dm-muted);font-size:13px}.install-line code{color:var(--dm-text)}.doc-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.doc-stats div{border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface-soft);padding:14px}.doc-stats strong{display:block;font-size:22px;line-height:1}.doc-stats span{display:block;margin-top:6px;color:var(--dm-muted);font-size:12px}.doc-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;padding:24px}.side-nav{align-self:start;position:sticky;top:88px;max-height:calc(100vh - 120px);overflow-y:auto;background:var(--color-secondary-container);color:var(--color-on-secondary-container);padding:16px;border-radius:12px;border:1px solid var(--dm-border)}.side-nav::-webkit-scrollbar{width:6px}.side-nav::-webkit-scrollbar-track{background:transparent}.side-nav::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--color-on-secondary-container) 15%,transparent);border-radius:3px}.side-nav::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--color-on-secondary-container) 30%,transparent)}.nav-section{border-bottom:1px solid color-mix(in oklch,var(--color-on-secondary-container) 10%,transparent);padding-bottom:12px;margin-bottom:16px;display:flex;flex-direction:column;gap:2px}.side-nav a{display:block;padding:8px 12px;color:var(--color-on-secondary-container);text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.side-nav a:hover{background:color-mix(in oklch,var(--color-secondary) 15%,transparent);color:var(--color-secondary)}.nav-group{margin-bottom:16px}.nav-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-on-secondary-container);opacity:.65;margin:0 0 6px;padding-left:12px}.nav-group-items{display:flex;flex-direction:column;gap:2px}.side-nav .nav-item{padding:6px 12px;font-size:14px;border-radius:6px}.side-nav .nav-item.active{background:var(--color-secondary);color:var(--color-on-secondary);font-weight:600}.side-nav .nav-item.active:hover{background:var(--color-secondary);color:var(--color-on-secondary)}.doc-content{min-width:0}.doc-title{margin-bottom:28px}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.badge{border-radius:999px;background:var(--dm-primary-soft);color:var(--dm-primary);font-size:13px;padding:5px 10px}.meta-panel{margin-top:14px;border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface-soft);padding:14px}.meta-panel strong{display:block;margin-bottom:8px}.meta-panel ul{margin:0;padding-left:18px;color:var(--dm-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list code{border:1px solid var(--dm-border);border-radius:999px;background:var(--dm-surface);padding:4px 8px}.section{margin-top:18px;padding:24px}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.usage-grid h3,.feature-item strong,.note-item strong{margin:0;font-size:15px}.check-list{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none;color:var(--dm-muted)}.check-list li{position:relative;padding-left:24px}.check-list li:before{position:absolute;left:0;color:var(--color-success);content:"✓";font-weight:800}.note-stack,.feature-grid{display:grid;gap:12px}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.note-item,.feature-item{border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface-soft);padding:14px}.note-item{display:grid;gap:6px}.note-item span,.feature-item p{margin:8px 0 0;color:var(--dm-muted);font-size:14px;line-height:1.5}.demo-grid{display:grid;gap:16px}.demo-card{overflow:hidden}.demo-panel{display:grid;gap:8px}.demo-panel-preview{background:var(--dm-surface-soft);border-bottom:1px solid var(--dm-border)}.demo-panel-source{margin-top:16px}.demo-panel-label{display:flex;align-items:center;gap:8px;color:var(--dm-muted);font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1;padding:12px 18px 0;text-transform:uppercase}.demo-panel-label:before{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--color-primary);content:""}.demo-panel-source .demo-panel-label{padding:0}.demo-panel-source .demo-panel-label:before{background:var(--color-tertiary)}.demo-preview{display:flex;min-height:120px;align-items:center;padding:20px;background:linear-gradient(135deg,color-mix(in oklch,var(--dm-surface) 72%,transparent),color-mix(in oklch,var(--color-primary-container) 16%,transparent)),var(--dm-surface-soft)}.demo-preview .skeleton{display:block;background-color:color-mix(in oklch,var(--color-on-surface) 12%,var(--color-surface-container-high))}.demo-preview .skeleton-text{width:100%;height:.875rem;border-radius:var(--radius-full)}.demo-preview .skeleton-circle{width:3rem;height:3rem;border-radius:var(--radius-full)}.demo-preview .skeleton-rect{min-height:3rem;border-radius:var(--radius-sm)}.demo-preview .skeleton-group{display:grid;width:100%;gap:.5rem}.demo-preview .skeleton-avatar-text{display:flex;width:100%;align-items:flex-start;gap:.75rem}.demo-preview .skeleton-avatar-text>.skeleton-circle,.demo-preview .skeleton-avatar-text>.skeleton-rect{flex:0 0 3rem;width:3rem;height:3rem}.demo-preview .skeleton-avatar-text>.skeleton-group{flex:1 1 auto;min-width:0}.demo-preview .skeleton-rounded-full{border-radius:var(--radius-full)}.demo-preview .skeleton-static{animation:none;opacity:1}.demo-preview .skeleton-w-full{width:100%}.demo-preview .skeleton-w-3\/4{width:75%}.demo-preview .skeleton-w-1\/2{width:50%}.demo-preview .skeleton-w-1\/4{width:25%}.art-demo-preview{min-height:360px;justify-content:center;overflow:auto;background:linear-gradient(135deg,color-mix(in oklch,var(--color-primary-container) 48%,transparent),color-mix(in oklch,var(--color-secondary-container) 38%,transparent)),var(--dm-surface-soft)}.demo-widget{border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface);padding:12px 14px}.demo-body{padding:18px}.demo-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.demo-heading h3{margin:0}.demo-source{border:1px solid var(--dm-border);border-radius:999px;background:var(--dm-surface-soft);color:var(--dm-muted);font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.demo-source-authored{background:var(--color-primary-container);color:var(--color-primary)}.demo-source-test-backed{background:var(--color-success-container);color:var(--color-success)}.demo-source-type-driven{background:var(--color-tertiary-container);color:var(--color-tertiary)}pre{overflow-x:auto;margin:0;border-radius:8px;background:var(--dm-code-bg);color:var(--dm-code);padding:14px}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.api-card{margin-top:16px;overflow:hidden}.api-source{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px;color:var(--dm-muted);font-size:13px}.api-source span{border:1px solid var(--dm-border);border-radius:8px;background:var(--dm-surface-soft);padding:8px 10px}.api-card header{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--dm-border)}.api-table{width:100%;border-collapse:collapse}.api-table th,.api-table td{padding:12px 16px;border-bottom:1px solid var(--dm-border);text-align:left;vertical-align:top}.api-table th{color:var(--dm-muted);font-size:12px;text-transform:uppercase}.empty-state{color:var(--dm-muted);padding:16px}@media(max-width:800px){.site-header,.doc-shell{grid-template-columns:1fr}main{width:min(100% - 24px,1180px);padding-top:24px}.doc-shell{gap:20px;padding:16px}.doc-content{order:1}.side-nav{order:2;position:static;max-height:320px;border-radius:8px}.api-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.api-table{min-width:640px}.doc-stats,.usage-grid{grid-template-columns:1fr}}
