html.dark{.github-logo path{fill:#fff}}html.no-grays{--surface-default: light-dark(var(--color-1), var(--color-14));--surface-filled: light-dark(var(--color-5), var(--color-16));--surface-tonal: light-dark(var(--color-4), var(--color-12));--surface-elevated: light-dark(var(--color-1), var(--color-12));--border-color: light-dark(var(--color-4), var(--color-12));--field-border-color: light-dark(var(--color-4), var(--color-12))}.configurator-content[data-astro-cid-tdgaz3xp]{display:flex;flex-direction:column;gap:var(--size-4);p{color:var(--text-muted);font-size:var(--font-size-05);margin:0}form{display:flex;flex-direction:column;gap:var(--size-4)}.chip-group-wrapper{display:flex;flex-direction:column;gap:var(--size-2);.label{font-size:var(--font-size-05);font-weight:var(--font-weight-5)}}.chip-group{display:flex;flex-wrap:wrap;gap:var(--size-2)}}:where(.command[open]){background-color:var(--surface-default);block-size:100dvb;color:var(--text-primary);display:flex;flex-direction:column;inline-size:100%;margin:0;max-block-size:100dvb;max-inline-size:100%;overflow:hidden;padding:0;@media(width>=640px){block-size:fit-content;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-6);inline-size:auto;margin-block-start:10vh;margin-inline:auto;max-block-size:80vh;max-inline-size:640px}&::backdrop{backdrop-filter:blur(10px);background-color:#0006}.command-input-wrapper{align-items:center;border-bottom:var(--border-size-1) solid var(--surface-tonal);display:flex;gap:var(--size-2);padding-inline:var(--size-3);svg{color:var(--text-muted);flex-shrink:0}input{background:transparent;border:none;color:var(--text-primary);flex:1;font-family:inherit;font-size:var(--font-size-2);outline:none;padding-block:var(--size-3);&::placeholder{color:var(--text-muted)}}.search-mobile-close{display:none;@media(max-width:640px){display:flex}}}.search-filters{align-items:center;border-bottom:var(--border-size-1) solid var(--surface-tonal);display:flex;gap:var(--size-2);overflow-x:auto;padding:var(--size-2) var(--size-3);scrollbar-width:none;@media(min-width:641px){flex-wrap:wrap;padding:var(--size-2)}&::-webkit-scrollbar{display:none}.chip{cursor:pointer;flex-shrink:0;user-select:none;&.active{background-color:var(--surface-tonal);color:var(--text-primary)}}}.command-list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--size-2);&::-webkit-scrollbar{inline-size:8px}&::-webkit-scrollbar-thumb{background-color:var(--surface-tonal);border-radius:var(--radius-round)}}.command-group{&:not(:first-child){margin-block-start:var(--size-2)}}.command-group-heading{color:var(--text-muted);font-size:var(--font-size-1);font-weight:var(--font-weight-6);letter-spacing:var(--font-letter-spacing-1);padding-block:var(--size-1);padding-inline:var(--size-2);text-transform:uppercase}.command-footer{align-items:center;background-color:var(--surface-tonal);border-top:var(--border-size-1) solid var(--surface-tonal);color:var(--text-muted);display:flex;flex-wrap:nowrap;font-size:var(--font-size-0);gap:var(--size-4);overflow-x:auto;padding-block:var(--size-2);padding-inline:var(--size-3);scrollbar-width:none;@media(max-width:640px){display:none}&::-webkit-scrollbar{display:none}.helper{align-items:center;display:flex;gap:var(--size-2);white-space:nowrap;.keys{align-items:center;display:flex;gap:2px}kbd{align-items:center;background-color:var(--surface-filled);block-size:1.6em;border:1px solid var(--surface-tonal);border-radius:var(--radius-1);box-shadow:0 1px 0 0 var(--surface-tonal);color:var(--text-primary);display:flex;font-family:var(--font-mono);font-size:10px;justify-content:center;line-height:normal;min-inline-size:1.6em;padding-inline:4px}span:not(.keys){color:var(--text-muted);font-size:11px;line-height:1;margin-block-start:2px}}}.command-empty{color:var(--text-muted);font-size:var(--font-size-1);padding-block:var(--size-8);text-align:center}mark{background:none;color:var(--primary);font-weight:700;padding:0;text-decoration:underline}}.site-header[data-astro-cid-3ef6ksr2]{inset-block-start:0;position:sticky;z-index:22}.header-toolbar[data-astro-cid-3ef6ksr2]{display:none;margin-inline:auto;max-inline-size:calc(var(--_content-lg) + var(--_page-gutters));min-inline-size:0;&:has(.local-nav){display:grid;grid-template-columns:var(--_gap) 1fr 0 minmax(auto,100%) 0 1fr var( --_gap );@media(width>=900px){grid-template-columns:var(--_gap) 1fr 200px minmax(auto,100%) 0 1fr var(--_gap)}@media(width>=1140px){display:none}}}.site-header[data-astro-cid-3ef6ksr2]:has(.header-toolbar:has(.local-nav)) header[data-astro-cid-3ef6ksr2] .content[data-astro-cid-3ef6ksr2]{border-block-end-color:transparent}.site-header[data-astro-cid-3ef6ksr2]:has(.header-toolbar:has(.local-nav)) header[data-astro-cid-3ef6ksr2] .content[data-astro-cid-3ef6ksr2]:before{border-block-end:none}header[data-astro-cid-3ef6ksr2]{.content{align-items:center;backdrop-filter:blur(3px);border-block-end:var(--border-width) solid oklch(from var(--text-primary) l c h / .15);container-type:inline-size;display:flex;gap:var(--size-4);justify-content:space-between;margin:0 auto;max-inline-size:var(--_content-lg);padding:var(--size-4);position:relative;&:before{animation:fade-bg linear both;animation-range:0 150px;animation-timeline:scroll();background-color:var(--surface-elevated);border-radius:0;border:var(--border-width) solid oklch(from var(--primary) l c h / .2);box-shadow:var(--shadow-2);content:"";inset:0;opacity:0;position:absolute;z-index:-1;@media(width>=1150px){border-radius:var(--radius-3)}@supports (corner-shape: squircle){border-radius:0;corner-shape:squircle;@media(width>=1150px){border-radius:var(--radius-round)}}}}nav{display:none;flex:1;justify-content:end;ul{display:flex;gap:var(--size-4);list-style:none;padding:0;margin:0;.link{text-decoration:none;&[aria-current=page]{text-decoration-line:underline;text-decoration-thickness:2px}}}@media(width>=900px){display:flex}}.logo{border:calc(var(--border-width) * 2) solid var(--primary);border-radius:var(--border-radius);color:var(--text-primary);display:inline-flex;font-size:var(--font-size-3);font-weight:700;justify-self:start;padding:.1em .3em;text-decoration:none;@supports (corner-shape: squircle){border-radius:var(--radius-round);corner-shape:squircle}span{font-family:Bricolage Grotesque,sans-serif;transition:transform .3s ease-out;+span[data-astro-cid-3ef6ksr2]{color:var(--primary)}}&:hover{span:first-child{transform:translateY(-10%);transition:transform .3s ease}span:last-child{transform:translateY(10%);transition:transform .3s ease}}&.hovered{&:hover{span:first-child{transform:translateY(10%)}span:last-child{transform:translateY(-10%)}}}}.actions{align-items:center;display:flex;gap:var(--size-4)}.mobile-menu-button{@media(width>=900px){display:none}}}#mobile-menu-drawer[data-astro-cid-3ef6ksr2]{nav{display:block;margin-inline:calc(var(--size-4) * -1);margin-block-start:calc(var(--size-4) * -1);a{align-items:center;color:inherit;display:flex;font-weight:var(--font-weight-6);padding:var(--size-3) var(--size-4);text-decoration:none;width:100%;transition:background-color .2s ease;&[aria-current=page]{background-color:var(--surface-tonal);color:var(--primary)}&:hover{background-color:var(--surface-tonal)}}}.drawer-footer{padding-block:var(--size-4);display:flex;flex-direction:column;gap:var(--size-3);.label{color:var(--text-2);font-size:var(--font-size-0);font-weight:var(--font-weight-7);letter-spacing:var(--font-letter-spacing-1);margin:0;text-transform:uppercase}}}.content[data-astro-cid-3ef6ksr2]{animation:fade-content linear both}@container (width >= 1140px){header[data-astro-cid-3ef6ksr2]{animation:shrink-padding linear both}}header[data-astro-cid-3ef6ksr2],.content[data-astro-cid-3ef6ksr2]{animation-timeline:scroll();animation-range:0 150px}@keyframes shrink-padding{to{padding:var(--size-3) var(--_gap)}}@keyframes fade-content{0%{opacity:1}to{border-block-end-color:transparent;opacity:.9;padding:var(--size-2) var(--size-3) var(--size-2) var(--size-2)}}@keyframes fade-bg{to{opacity:1}}@layer openprops,normalize,theme,components.root,components.extended,utils;@layer openprops{@custom-media --motionOK (prefers-reduced-motion: no-preference);@custom-media --motionNotOK (prefers-reduced-motion: reduce);@custom-media --opacityOK (prefers-reduced-transparency: no-preference);@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);@custom-media --useDataOK (prefers-reduced-data: no-preference);@custom-media --useDataNotOK (prefers-reduced-data: reduce);@custom-media --OSdark (prefers-color-scheme: dark);@custom-media --OSlight (prefers-color-scheme: light);@custom-media --highContrast (prefers-contrast: more);@custom-media --lowContrast (prefers-contrast: less);@custom-media --invertedColors (inverted-colors: inverted);@custom-media --forcedColors (forced-colors: active);@custom-media --portrait (orientation: portrait);@custom-media --landscape (orientation: landscape);@custom-media --HDcolor (dynamic-range: high) or (color-gamut: p3);@custom-media --touch (hover: none) and (pointer: coarse);@custom-media --stylus (hover: none) and (pointer: fine);@custom-media --pointer (hover) and (pointer: coarse);@custom-media --mouse (hover) and (pointer: fine);@custom-media --xxs-only (0px <= width < 240px);@custom-media --xxs-n-above (width >= 240px);@custom-media --xxs-n-below (width < 240px);@custom-media --xxs-phone (--xxs-only) and (--portrait);@custom-media --xs-only (240px <= width < 360px);@custom-media --xs-n-above (width >= 360px);@custom-media --xs-n-below (width < 360px);@custom-media --xs-phone (--xs-only) and (--portrait);@custom-media --sm-only (360px <= width < 480px);@custom-media --sm-n-above (width >= 480px);@custom-media --sm-n-below (width < 480px);@custom-media --sm-phone (--sm-only) and (--portrait);@custom-media --md-only (480px <= width < 768px);@custom-media --md-n-above (width >= 768px);@custom-media --md-n-below (width < 768px);@custom-media --md-phone (--md-only) and (--portrait);@custom-media --lg-only (768px <= width < 1024px);@custom-media --lg-n-above (width >= 1024px);@custom-media --lg-n-below (width < 1024px);@custom-media --lg-phone (--lg-only) and (--portrait);@custom-media --xl-only (1024px <= width < 1440px);@custom-media --xl-n-above (width >= 1440px);@custom-media --xl-n-below (width < 1440px);@custom-media --xxl-only (1440px <= width < 1920px);@custom-media --xxl-n-above (width >= 1920px);@custom-media --xxl-n-below (width < 1920px);}@layer openprops{:where(html){--font-system-ui: system-ui, sans-serif;--font-transitional: Charter, Bitstream Charter, Sitka Text, Cambria, serif;--font-old-style: Iowan Old Style, Palatino Linotype, URW Palladio L, P052, serif;--font-humanist: Seravek, Gill Sans Nova, Ubuntu, Calibri, DejaVu Sans, source-sans-pro, sans-serif;--font-geometric-humanist: Avenir, Montserrat, Corbel, URW Gothic, source-sans-pro, sans-serif;--font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;--font-neo-grotesque: Inter, Roboto, Helvetica Neue, Arial Nova, Nimbus Sans, Arial, sans-serif;--font-monospace-slab-serif: Nimbus Mono PS, Courier New, monospace;--font-monospace-code: Dank Mono,Operator Mono, Inconsolata, Fira Mono, ui-monospace, SF Mono, Monaco, Droid Sans Mono, Source Code Pro, Cascadia Code, Menlo, Consolas, DejaVu Sans Mono, monospace;--font-industrial: Bahnschrift, DIN Alternate, Franklin Gothic Medium, Nimbus Sans Narrow, sans-serif-condensed, sans-serif;--font-rounded-sans: ui-rounded, Hiragino Maru Gothic ProN, Quicksand, Comfortaa, Manjari, Arial Rounded MT, Arial Rounded MT Bold, Calibri, source-sans-pro, sans-serif;--font-slab-serif: Rockwell, Rockwell Nova, Roboto Slab, DejaVu Serif, Sitka Small, serif;--font-antique: Superclarendon, Bookman Old Style, URW Bookman, URW Bookman L, Georgia Pro, Georgia, serif;--font-didone: Didot, Bodoni MT, Noto Serif Display, URW Palladio L, P052, Sylfaen, serif;--font-handwritten: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;--font-sans: var(--font-system-ui);--font-serif: ui-serif, serif;--font-mono: var(--font-monospace-code);--font-weight-1: 100;--font-weight-2: 200;--font-weight-3: 300;--font-weight-4: 400;--font-weight-5: 500;--font-weight-6: 600;--font-weight-7: 700;--font-weight-8: 800;--font-weight-9: 900;--font-lineheight-00: .95;--font-lineheight-0: 1.1;--font-lineheight-1: 1.25;--font-lineheight-2: 1.375;--font-lineheight-3: 1.5;--font-lineheight-4: 1.75;--font-lineheight-5: 2;--font-letterspacing-0: -.05em;--font-letterspacing-1: .025em;--font-letterspacing-2: .05em;--font-letterspacing-3: .075em;--font-letterspacing-4: .15em;--font-letterspacing-5: .5em;--font-letterspacing-6: .75em;--font-letterspacing-7: 1em;--font-size-00: .5rem;--font-size-0: .75rem;--font-size-1: 1rem;--font-size-2: 1.1rem;--font-size-3: 1.25rem;--font-size-4: 1.5rem;--font-size-5: 2rem;--font-size-6: 2.5rem;--font-size-7: 3rem;--font-size-8: 3.5rem;--font-size-fluid-0: clamp(.75rem, 2vw, 1rem);--font-size-fluid-1: clamp(1rem, 4vw, 1.5rem);--font-size-fluid-2: clamp(1.5rem, 6vw, 2.5rem);--font-size-fluid-3: clamp(2rem, 9vw, 3.5rem)}}@layer openprops{:where(html){--size-000: -.5rem;--size-00: -.25rem;--size-1: .25rem;--size-2: .5rem;--size-3: 1rem;--size-4: 1.25rem;--size-5: 1.5rem;--size-6: 1.75rem;--size-7: 2rem;--size-8: 3rem;--size-9: 4rem;--size-10: 5rem;--size-11: 7.5rem;--size-12: 10rem;--size-13: 15rem;--size-14: 20rem;--size-15: 30rem;--size-px-000: -8px;--size-px-00: -4px;--size-px-1: 4px;--size-px-2: 8px;--size-px-3: 16px;--size-px-4: 20px;--size-px-5: 24px;--size-px-6: 28px;--size-px-7: 32px;--size-px-8: 48px;--size-px-9: 64px;--size-px-10: 80px;--size-px-11: 120px;--size-px-12: 160px;--size-px-13: 240px;--size-px-14: 320px;--size-px-15: 480px;--size-fluid-1: clamp(.5rem, 1vw, 1rem);--size-fluid-2: clamp(1rem, 2vw, 1.5rem);--size-fluid-3: clamp(1.5rem, 3vw, 2rem);--size-fluid-4: clamp(2rem, 4vw, 3rem);--size-fluid-5: clamp(4rem, 5vw, 5rem);--size-fluid-6: clamp(5rem, 7vw, 7.5rem);--size-fluid-7: clamp(7.5rem, 10vw, 10rem);--size-fluid-8: clamp(10rem, 20vw, 15rem);--size-fluid-9: clamp(15rem, 30vw, 20rem);--size-fluid-10: clamp(20rem, 40vw, 30rem);--size-content-1: 20ch;--size-content-2: 45ch;--size-content-3: 60ch;--size-header-1: 20ch;--size-header-2: 25ch;--size-header-3: 35ch;--size-xxs: 240px;--size-xs: 360px;--size-sm: 480px;--size-md: 768px;--size-lg: 1024px;--size-xl: 1440px;--size-xxl: 1920px;--size-relative-000: -.5ch;--size-relative-00: -.25ch;--size-relative-1: .25ch;--size-relative-2: .5ch;--size-relative-3: 1ch;--size-relative-4: 1.25ch;--size-relative-5: 1.5ch;--size-relative-6: 1.75ch;--size-relative-7: 2ch;--size-relative-8: 3ch;--size-relative-9: 4ch;--size-relative-10: 5ch;--size-relative-11: 7.5ch;--size-relative-12: 10ch;--size-relative-13: 15ch;--size-relative-14: 20ch;--size-relative-15: 30ch}}@layer openprops{:where(html){--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-elastic-1: var(--ease-elastic-out-1);--ease-elastic-2: var(--ease-elastic-out-2);--ease-elastic-3: var(--ease-elastic-out-3);--ease-elastic-4: var(--ease-elastic-out-4);--ease-elastic-5: var(--ease-elastic-out-5);--ease-squish-1: var(--ease-elastic-in-out-1);--ease-squish-2: var(--ease-elastic-in-out-2);--ease-squish-3: var(--ease-elastic-in-out-3);--ease-squish-4: var(--ease-elastic-in-out-4);--ease-squish-5: var(--ease-elastic-in-out-5);--ease-spring-1: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 );--ease-spring-2: linear( 0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1 );--ease-spring-3: linear( 0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1 );--ease-spring-4: linear( 0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1 );--ease-spring-5: linear( 0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1 );--ease-bounce-1: linear( 0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1 );--ease-bounce-2: linear( 0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1 );--ease-bounce-3: linear( 0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1 );--ease-bounce-4: linear( 0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1 );--ease-bounce-5: linear( 0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1 );--ease-circ-in: cubic-bezier(.6,.04,.98,.335);--ease-circ-in-out: cubic-bezier(.785,.135,.15,.86);--ease-circ-out: cubic-bezier(.075,.82,.165,1);--ease-cubic-in: cubic-bezier(.55,.055,.675,.19);--ease-cubic-in-out: cubic-bezier(.645,.045,.355,1);--ease-cubic-out: cubic-bezier(.215,.61,.355,1);--ease-expo-in: cubic-bezier(.95,.05,.795,.035);--ease-expo-in-out: cubic-bezier(1,0,0,1);--ease-expo-out: cubic-bezier(.19,1,.22,1);--ease-quad-in: cubic-bezier(.55,.085,.68,.53);--ease-quad-in-out: cubic-bezier(.455,.03,.515,.955);--ease-quad-out: cubic-bezier(.25,.46,.45,.94);--ease-quart-in: cubic-bezier(.895,.03,.685,.22);--ease-quart-in-out: cubic-bezier(.77,0,.175,1);--ease-quart-out: cubic-bezier(.165,.84,.44,1);--ease-quint-in: cubic-bezier(.755,.05,.855,.06);--ease-quint-in-out: cubic-bezier(.86,0,.07,1);--ease-quint-out: cubic-bezier(.23,1,.32,1);--ease-sine-in: cubic-bezier(.47,0,.745,.715);--ease-sine-in-out: cubic-bezier(.445,.05,.55,.95);--ease-sine-out: cubic-bezier(.39,.575,.565,1)}}@layer openprops{:where(html){--layer-1: 1;--layer-2: 2;--layer-3: 3;--layer-4: 4;--layer-5: 5;--layer-important: 2147483647}}@layer openprops{:where(html){--shadow-color: 220 3% 15%;--shadow-strength: 1%;--shadow-strength-3: calc(var(--shadow-strength) + 2%);--shadow-strength-4: calc(var(--shadow-strength) + 3%);--shadow-strength-5: calc(var(--shadow-strength) + 4%);--shadow-strength-6: calc(var(--shadow-strength) + 5%);--shadow-strength-7: calc(var(--shadow-strength) + 6%);--shadow-strength-8: calc(var(--shadow-strength) + 7%);--shadow-strength-10: calc(var(--shadow-strength) + 9%);--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-1: 0 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-strength-10));--shadow-2: 0 3px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 14px -5px hsl(var(--shadow-color) / var(--shadow-strength-6));--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 1px 2px -5px hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 2px 5px -5px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 4px 12px -5px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 12px 15px -5px hsl(var(--shadow-color) / var(--shadow-strength-8));--shadow-4: 0 -2px 5px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 1px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 2px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 9px 9px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 16px 16px -2px hsl(var(--shadow-color) / var(--shadow-strength-7));--shadow-5: 0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 2px 1px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 5px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 10px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 20px 20px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 40px 40px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-3)), 0 3px 2px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 7px 5px -2px hsl(var(--shadow-color) / var(--shadow-strength-4)), 0 12px 10px -2px hsl(var(--shadow-color) / var(--shadow-strength-5)), 0 22px 18px -2px hsl(var(--shadow-color) / var(--shadow-strength-6)), 0 41px 33px -2px hsl(var(--shadow-color) / var(--shadow-strength-7)), 0 100px 80px -2px hsl(var(--shadow-color) / var(--shadow-strength-8));--inner-shadow-0: inset 0 0 0 1px hsl(var(--shadow-color) / var(--shadow-strength-10));--inner-shadow-1: inset 0 1px 2px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);--inner-shadow-2: inset 0 1px 4px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);--inner-shadow-3: inset 0 2px 8px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight);--inner-shadow-4: inset 0 2px 14px 0 hsl(var(--shadow-color) / var(--shadow-strength-10)), var(--inner-shadow-highlight)}@media(--OSdark){:where(html){--shadow-color: 220 40% 2%;--shadow-strength: 25%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007}}}@layer openprops{:where(html){--ratio-square: 1;--ratio-landscape: 4/3;--ratio-portrait: 3/4;--ratio-widescreen: 16/9;--ratio-ultrawide: 18/5;--ratio-golden: 1.618/1}}@layer openprops{:where(html){--gray-0: #f8f9fa;--gray-1: #f1f3f5;--gray-2: #e9ecef;--gray-3: #dee2e6;--gray-4: #ced4da;--gray-5: #adb5bd;--gray-6: #868e96;--gray-7: #495057;--gray-8: #343a40;--gray-9: #212529;--gray-10: #16191d;--gray-11: #0d0f12;--gray-12: #030507;--stone-0: #f8fafb;--stone-1: #f2f4f6;--stone-2: #ebedef;--stone-3: #e0e4e5;--stone-4: #d1d6d8;--stone-5: #b1b6b9;--stone-6: #979b9d;--stone-7: #7e8282;--stone-8: #666968;--stone-9: #50514f;--stone-10: #3a3a37;--stone-11: #252521;--stone-12: #121210;--red-0: #fff5f5;--red-1: #ffe3e3;--red-2: #ffc9c9;--red-3: #ffa8a8;--red-4: #ff8787;--red-5: #ff6b6b;--red-6: #fa5252;--red-7: #f03e3e;--red-8: #e03131;--red-9: #c92a2a;--red-10: #b02525;--red-11: #962020;--red-12: #7d1a1a;--pink-0: #fff0f6;--pink-1: #ffdeeb;--pink-2: #fcc2d7;--pink-3: #faa2c1;--pink-4: #f783ac;--pink-5: #f06595;--pink-6: #e64980;--pink-7: #d6336c;--pink-8: #c2255c;--pink-9: #a61e4d;--pink-10: #8c1941;--pink-11: #731536;--pink-12: #59102a;--purple-0: #f8f0fc;--purple-1: #f3d9fa;--purple-2: #eebefa;--purple-3: #e599f7;--purple-4: #da77f2;--purple-5: #cc5de8;--purple-6: #be4bdb;--purple-7: #ae3ec9;--purple-8: #9c36b5;--purple-9: #862e9c;--purple-10: #702682;--purple-11: #5a1e69;--purple-12: #44174f;--violet-0: #f3f0ff;--violet-1: #e5dbff;--violet-2: #d0bfff;--violet-3: #b197fc;--violet-4: #9775fa;--violet-5: #845ef7;--violet-6: #7950f2;--violet-7: #7048e8;--violet-8: #6741d9;--violet-9: #5f3dc4;--violet-10: #5235ab;--violet-11: #462d91;--violet-12: #3a2578;--indigo-0: #edf2ff;--indigo-1: #dbe4ff;--indigo-2: #bac8ff;--indigo-3: #91a7ff;--indigo-4: #748ffc;--indigo-5: #5c7cfa;--indigo-6: #4c6ef5;--indigo-7: #4263eb;--indigo-8: #3b5bdb;--indigo-9: #364fc7;--indigo-10: #2f44ad;--indigo-11: #283a94;--indigo-12: #21307a;--blue-0: #e7f5ff;--blue-1: #d0ebff;--blue-2: #a5d8ff;--blue-3: #74c0fc;--blue-4: #4dabf7;--blue-5: #339af0;--blue-6: #228be6;--blue-7: #1c7ed6;--blue-8: #1971c2;--blue-9: #1864ab;--blue-10: #145591;--blue-11: #114678;--blue-12: #0d375e;--cyan-0: #e3fafc;--cyan-1: #c5f6fa;--cyan-2: #99e9f2;--cyan-3: #66d9e8;--cyan-4: #3bc9db;--cyan-5: #22b8cf;--cyan-6: #15aabf;--cyan-7: #1098ad;--cyan-8: #0c8599;--cyan-9: #0b7285;--cyan-10: #095c6b;--cyan-11: #074652;--cyan-12: #053038;--teal-0: #e6fcf5;--teal-1: #c3fae8;--teal-2: #96f2d7;--teal-3: #63e6be;--teal-4: #38d9a9;--teal-5: #20c997;--teal-6: #12b886;--teal-7: #0ca678;--teal-8: #099268;--teal-9: #087f5b;--teal-10: #066649;--teal-11: #054d37;--teal-12: #033325;--green-0: #ebfbee;--green-1: #d3f9d8;--green-2: #b2f2bb;--green-3: #8ce99a;--green-4: #69db7c;--green-5: #51cf66;--green-6: #40c057;--green-7: #37b24d;--green-8: #2f9e44;--green-9: #2b8a3e;--green-10: #237032;--green-11: #1b5727;--green-12: #133d1b;--lime-0: #f4fce3;--lime-1: #e9fac8;--lime-2: #d8f5a2;--lime-3: #c0eb75;--lime-4: #a9e34b;--lime-5: #94d82d;--lime-6: #82c91e;--lime-7: #74b816;--lime-8: #66a80f;--lime-9: #5c940d;--lime-10: #4c7a0b;--lime-11: #3c6109;--lime-12: #2c4706;--yellow-0: #fff9db;--yellow-1: #fff3bf;--yellow-2: #ffec99;--yellow-3: #ffe066;--yellow-4: #ffd43b;--yellow-5: #fcc419;--yellow-6: #fab005;--yellow-7: #f59f00;--yellow-8: #f08c00;--yellow-9: #e67700;--yellow-10: #b35c00;--yellow-11: #804200;--yellow-12: #663500;--orange-0: #fff4e6;--orange-1: #ffe8cc;--orange-2: #ffd8a8;--orange-3: #ffc078;--orange-4: #ffa94d;--orange-5: #ff922b;--orange-6: #fd7e14;--orange-7: #f76707;--orange-8: #e8590c;--orange-9: #d9480f;--orange-10: #bf400d;--orange-11: #99330b;--orange-12: #802b09;--choco-0: #fff8dc;--choco-1: #fce1bc;--choco-2: #f7ca9e;--choco-3: #f1b280;--choco-4: #e99b62;--choco-5: #df8545;--choco-6: #d46e25;--choco-7: #bd5f1b;--choco-8: #a45117;--choco-9: #8a4513;--choco-10: #703a13;--choco-11: #572f12;--choco-12: #3d210d;--brown-0: #faf4eb;--brown-1: #ede0d1;--brown-2: #e0cab7;--brown-3: #d3b79e;--brown-4: #c5a285;--brown-5: #b78f6d;--brown-6: #a87c56;--brown-7: #956b47;--brown-8: #825b3a;--brown-9: #6f4b2d;--brown-10: #5e3a21;--brown-11: #4e2b15;--brown-12: #422412;--sand-0: #f8fafb;--sand-1: #e6e4dc;--sand-2: #d5cfbd;--sand-3: #c2b9a0;--sand-4: #aea58c;--sand-5: #9a9178;--sand-6: #867c65;--sand-7: #736a53;--sand-8: #5f5746;--sand-9: #4b4639;--sand-10: #38352d;--sand-11: #252521;--sand-12: #121210;--camo-0: #f9fbe7;--camo-1: #e8ed9c;--camo-2: #d2df4e;--camo-3: #c2ce34;--camo-4: #b5bb2e;--camo-5: #a7a827;--camo-6: #999621;--camo-7: #8c851c;--camo-8: #7e7416;--camo-9: #6d6414;--camo-10: #5d5411;--camo-11: #4d460e;--camo-12: #36300a;--jungle-0: #ecfeb0;--jungle-1: #def39a;--jungle-2: #d0e884;--jungle-3: #c2dd6e;--jungle-4: #b5d15b;--jungle-5: #a8c648;--jungle-6: #9bbb36;--jungle-7: #8fb024;--jungle-8: #84a513;--jungle-9: #7a9908;--jungle-10: #658006;--jungle-11: #516605;--jungle-12: #3d4d04}}@layer openprops{:where(html){--gradient-space: ;--gradient-1: linear-gradient(to bottom right var(--gradient-space), #1f005c, #5b0060, #870160, #ac255e, #ca485c, #e16b5c, #f39060, #ffb56b);--gradient-2: linear-gradient(to bottom right var(--gradient-space), #48005c, #8300e2, #a269ff);--gradient-3: radial-gradient( circle at top right var(--gradient-space), hsl(180 100% 50%), hsl(180 100% 50% / 0%) ), radial-gradient( circle at bottom left var(--gradient-space), hsl(328 100% 54%), hsl(328 100% 54% / 0%) );--gradient-4: linear-gradient(to bottom right var(--gradient-space), #00F5A0, #00D9F5);--gradient-5: conic-gradient(from -270deg at 75% 110% var(--gradient-space), fuchsia, floralwhite);--gradient-6: conic-gradient(from -90deg at top left var(--gradient-space), black, white);--gradient-7: linear-gradient(to bottom right var(--gradient-space), #72C6EF, #004E8F);--gradient-8: conic-gradient(from 90deg at 50% 0% var(--gradient-space), #111, 50%, #222, #111);--gradient-9: conic-gradient(from .5turn at bottom center var(--gradient-space), lightblue, white);--gradient-10: conic-gradient(from 90deg at 40% -25% var(--gradient-space), #ffd700, #f79d03, #ee6907, #e6390a, #de0d0d, #d61039, #cf1261, #c71585, #cf1261, #d61039, #de0d0d, #ee6907, #f79d03, #ffd700, #ffd700, #ffd700);--gradient-11: conic-gradient(at bottom left var(--gradient-space), deeppink, cyan);--gradient-12: conic-gradient(from 90deg at 25% -10% var(--gradient-space), #ff4500, #d3f340, #7bee85, #afeeee, #7bee85);--gradient-13: radial-gradient(circle at 50% 200% var(--gradient-space), #000142, #3b0083, #b300c3, #ff059f, #ff4661, #ffad86, #fff3c7);--gradient-14: conic-gradient(at top right var(--gradient-space), lime, cyan);--gradient-15: linear-gradient(to bottom right var(--gradient-space), #c7d2fe, #fecaca, #fef3c7);--gradient-16: radial-gradient(circle at 50% -250% var(--gradient-space), #374151, #111827, #000);--gradient-17: conic-gradient(from -90deg at 50% -25% var(--gradient-space), blue, blueviolet);--gradient-18: linear-gradient(0deg var(--gradient-space), hsla(0 100% 50% / 80%), hsla(0 100% 50% / 0) 75%), linear-gradient(60deg var(--gradient-space), hsla(60 100% 50% / 80%), hsla(60 100% 50% / 0) 75%), linear-gradient(120deg var(--gradient-space), hsla(120 100% 50% / 80%), hsla(120 100% 50% / 0) 75%), linear-gradient(180deg var(--gradient-space), hsla(180 100% 50% / 80%), hsla(180 100% 50% / 0) 75%), linear-gradient(240deg var(--gradient-space), hsla(240 100% 50% / 80%), hsla(240 100% 50% / 0) 75%), linear-gradient(300deg var(--gradient-space), hsla(300 100% 50% / 80%), hsla(300 100% 50% / 0) 75%) ;--gradient-19: linear-gradient(to bottom right var(--gradient-space), #ffe259, #ffa751);--gradient-20: conic-gradient(from -135deg at -10% center var(--gradient-space), #ffa500, #ff7715, #ff522a, #ff3f47, #ff5482, #ff69b4);--gradient-21: conic-gradient(from -90deg at 25% 115% var(--gradient-space), #ff0000, #ff0066, #ff00cc, #cc00ff, #6600ff, #0000ff, #0000ff, #0000ff, #0000ff);--gradient-22: linear-gradient(to bottom right var(--gradient-space), #acb6e5, #86fde8);--gradient-23: linear-gradient(to bottom right var(--gradient-space), #536976, #292E49);--gradient-24: conic-gradient(from .5turn at 0% 0% var(--gradient-space), #00c476, 10%, #82b0ff, 90%, #00c476);--gradient-25: conic-gradient(at 125% 50% var(--gradient-space), #b78cf7, #ff7c94, #ffcf0d, #ff7c94, #b78cf7);--gradient-26: linear-gradient(to bottom right var(--gradient-space), #9796f0, #fbc7d4);--gradient-27: conic-gradient(from .5turn at bottom left var(--gradient-space), deeppink, rebeccapurple);--gradient-28: conic-gradient(from -90deg at 50% 105% var(--gradient-space), white, orchid);--gradient-29: radial-gradient( circle at top right var(--gradient-space), hsl(250 100% 85%), hsl(250 100% 85% / 0%) ), radial-gradient( circle at bottom left var(--gradient-space), hsl(220 90% 75%), hsl(220 90% 75% / 0%) );--gradient-30: radial-gradient( circle at top right var(--gradient-space), hsl(150 100% 50%), hsl(150 100% 50% / 0%) ), radial-gradient( circle at bottom left var(--gradient-space), hsl(150 100% 84%), hsl(150 100% 84% / 0%) );--noise-1: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-2: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-3: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.25' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-4: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-5: url("data:image/svg+xml,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");--noise-filter-1: contrast(300%) brightness(100%);--noise-filter-2: contrast(200%) brightness(150%);--noise-filter-3: contrast(200%) brightness(250%);--noise-filter-4: contrast(200%) brightness(500%);--noise-filter-5: contrast(200%) brightness(1000%)}@supports (background: linear-gradient(to right in oklab,#000,#fff)){:where(html){--gradient-space: in oklab}}}@layer openprops{:where(html){--animation-fade-in: fade-in .5s var(--ease-3);--animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);--animation-fade-out: fade-out .5s var(--ease-3);--animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);--animation-scale-up: scale-up .5s var(--ease-3);--animation-scale-down: scale-down .5s var(--ease-3);--animation-slide-out-up: slide-out-up .5s var(--ease-3);--animation-slide-out-down: slide-out-down .5s var(--ease-3);--animation-slide-out-right: slide-out-right .5s var(--ease-3);--animation-slide-out-left: slide-out-left .5s var(--ease-3);--animation-slide-in-up: slide-in-up .5s var(--ease-3);--animation-slide-in-down: slide-in-down .5s var(--ease-3);--animation-slide-in-right: slide-in-right .5s var(--ease-3);--animation-slide-in-left: slide-in-left .5s var(--ease-3);--animation-shake-x: shake-x .75s var(--ease-out-5);--animation-shake-y: shake-y .75s var(--ease-out-5);--animation-shake-z: shake-z 1s var(--ease-in-out-3);--animation-spin: spin 2s linear infinite;--animation-ping: ping 5s var(--ease-out-3) infinite;--animation-blink: blink 1s var(--ease-out-3) infinite;--animation-float: float 3s var(--ease-in-out-3) infinite;--animation-bounce: bounce 2s var(--ease-squish-2) infinite;--animation-pulse: pulse 2s var(--ease-out-3) infinite}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(2) blur(10px)}to{opacity:1;filter:brightness(1) blur(0)}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(2) blur(10px)}0%{opacity:1;filter:brightness(1) blur(0)}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes shake-z{0%,to{transform:rotate(0)}20%{transform:rotate(-2deg)}40%{transform:rotate(2deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{transform:scale(2);opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media(--OSdark){@keyframes fade-in-bloom{0%{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(.5) blur(10px)}to{opacity:1;filter:brightness(1) blur(0)}}}@media(--OSdark){@keyframes fade-out-bloom{to{opacity:0;filter:brightness(1) blur(20px)}10%{opacity:1;filter:brightness(.5) blur(10px)}0%{opacity:1;filter:brightness(1) blur(0)}}}}@layer openprops{:where(html){--border-size-1: 1px;--border-size-2: 2px;--border-size-3: 5px;--border-size-4: 10px;--border-size-5: 25px;--radius-1: 2px;--radius-2: 5px;--radius-3: 1rem;--radius-4: 2rem;--radius-5: 4rem;--radius-6: 8rem;--radius-drawn-1: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-drawn-2: 125px 10px 20px 185px / 25px 205px 205px 25px;--radius-drawn-3: 15px 255px 15px 225px / 225px 15px 255px 15px;--radius-drawn-4: 15px 25px 155px 25px / 225px 150px 25px 115px;--radius-drawn-5: 250px 25px 15px 20px / 15px 80px 105px 115px;--radius-drawn-6: 28px 100px 20px 15px / 150px 30px 205px 225px;--radius-round: 1e5px;--radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;--radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;--radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;--radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;--radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;--radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));--radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));--radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));--radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));--radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));--radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6))}}@layer openprops{:where(html){--palette-hue: 250;--palette-hue-rotate-by: 0;--palette-chroma: .15;--color-1: oklch(98% calc(.03 * var(--palette-chroma)) calc(var(--palette-hue) + (0 * var(--palette-hue-rotate-by))));--color-2: oklch(97% calc(.06 * var(--palette-chroma)) calc(var(--palette-hue) + (1 * var(--palette-hue-rotate-by))));--color-3: oklch(93% calc(.1 * var(--palette-chroma)) calc(var(--palette-hue) + (2 * var(--palette-hue-rotate-by))));--color-4: oklch(84% calc(.12 * var(--palette-chroma)) calc(var(--palette-hue) + (3 * var(--palette-hue-rotate-by))));--color-5: oklch(80% calc(.16 * var(--palette-chroma)) calc(var(--palette-hue) + (4 * var(--palette-hue-rotate-by))));--color-6: oklch(71% calc(.19 * var(--palette-chroma)) calc(var(--palette-hue) + (5 * var(--palette-hue-rotate-by))));--color-7: oklch(66% calc(.2 * var(--palette-chroma)) calc(var(--palette-hue) + (6 * var(--palette-hue-rotate-by))));--color-8: oklch(58% calc(.21 * var(--palette-chroma)) calc(var(--palette-hue) + (7 * var(--palette-hue-rotate-by))));--color-9: oklch(53% calc(.2 * var(--palette-chroma)) calc(var(--palette-hue) + (8 * var(--palette-hue-rotate-by))));--color-10: oklch(49% calc(.19 * var(--palette-chroma)) calc(var(--palette-hue) + (9 * var(--palette-hue-rotate-by))));--color-11: oklch(42% calc(.17 * var(--palette-chroma)) calc(var(--palette-hue) + (10 * var(--palette-hue-rotate-by))));--color-12: oklch(35% calc(.15 * var(--palette-chroma)) calc(var(--palette-hue) + (11 * var(--palette-hue-rotate-by))));--color-13: oklch(27% calc(.12 * var(--palette-chroma)) calc(var(--palette-hue) + (12 * var(--palette-hue-rotate-by))));--color-14: oklch(20% calc(.09 * var(--palette-chroma)) calc(var(--palette-hue) + (13 * var(--palette-hue-rotate-by))));--color-15: oklch(16% calc(.07 * var(--palette-chroma)) calc(var(--palette-hue) + (14 * var(--palette-hue-rotate-by))));--color-16: oklch(10% calc(.05 * var(--palette-chroma)) calc(var(--palette-hue) + (15 * var(--palette-hue-rotate-by))))}}@layer openprops{:where(html){--hue-red: 25;--hue-pink: 350;--hue-purple: 310;--hue-violet: 290;--hue-indigo: 270;--hue-blue: 240;--hue-cyan: 210;--hue-teal: 185;--hue-green: 145;--hue-lime: 125;--hue-yellow: 100;--hue-orange: 75}}@layer openprops{:where(*){--gray-0: oklch(99% var(--gray-chroma, none) var(--gray-hue, none));--gray-1: oklch(95% var(--gray-chroma, none) var(--gray-hue, none));--gray-2: oklch(88% var(--gray-chroma, none) var(--gray-hue, none));--gray-3: oklch(80% var(--gray-chroma, none) var(--gray-hue, none));--gray-4: oklch(74% var(--gray-chroma, none) var(--gray-hue, none));--gray-5: oklch(68% var(--gray-chroma, none) var(--gray-hue, none));--gray-6: oklch(63% var(--gray-chroma, none) var(--gray-hue, none));--gray-7: oklch(58% var(--gray-chroma, none) var(--gray-hue, none));--gray-8: oklch(53% var(--gray-chroma, none) var(--gray-hue, none));--gray-9: oklch(49% var(--gray-chroma, none) var(--gray-hue, none));--gray-10: oklch(43% var(--gray-chroma, none) var(--gray-hue, none));--gray-11: oklch(37% var(--gray-chroma, none) var(--gray-hue, none));--gray-12: oklch(31% var(--gray-chroma, none) var(--gray-hue, none));--gray-13: oklch(25% var(--gray-chroma, none) var(--gray-hue, none));--gray-14: oklch(18% var(--gray-chroma, none) var(--gray-hue, none));--gray-15: oklch(10% var(--gray-chroma, none) var(--gray-hue, none))}}@layer openprops{:where(:root){--palette-hue: 250;--palette-hue-rotate-by: 0;--palette-chroma: .15;--palette-source: oklch(58% calc(.21 * var(--palette-chroma, 1)) var(--palette-hue, 250))}*{--color-1: oklch(from var(--palette-source) 98% calc(.03 * (c / .21)) calc(h + (0 * var(--palette-hue-rotate-by))));--color-2: oklch(from var(--palette-source) 97% calc(.06 * (c / .21)) calc(h + (1 * var(--palette-hue-rotate-by))));--color-3: oklch(from var(--palette-source) 93% calc(.1 * (c / .21)) calc(h + (2 * var(--palette-hue-rotate-by))));--color-4: oklch(from var(--palette-source) 84% calc(.12 * (c / .21)) calc(h + (3 * var(--palette-hue-rotate-by))));--color-5: oklch(from var(--palette-source) 80% calc(.16 * (c / .21)) calc(h + (4 * var(--palette-hue-rotate-by))));--color-6: oklch(from var(--palette-source) 71% calc(.19 * (c / .21)) calc(h + (5 * var(--palette-hue-rotate-by))));--color-7: oklch(from var(--palette-source) 66% calc(.2 * (c / .21)) calc(h + (6 * var(--palette-hue-rotate-by))));--color-8: oklch(from var(--palette-source) 58% calc(1*c) calc(h + (7 * var(--palette-hue-rotate-by))));--color-9: oklch(from var(--palette-source) 53% calc(.2 * (c / .21)) calc(h + (8 * var(--palette-hue-rotate-by))));--color-10: oklch(from var(--palette-source) 49% calc(.19 * (c / .21)) calc(h + (9 * var(--palette-hue-rotate-by))));--color-11: oklch(from var(--palette-source) 42% calc(.17 * (c / .21)) calc(h + (10 * var(--palette-hue-rotate-by))));--color-12: oklch(from var(--palette-source) 35% calc(.15 * (c / .21)) calc(h + (11 * var(--palette-hue-rotate-by))));--color-13: oklch(from var(--palette-source) 27% calc(.12 * (c / .21)) calc(h + (12 * var(--palette-hue-rotate-by))));--color-14: oklch(from var(--palette-source) 20% calc(.09 * (c / .21)) calc(h + (13 * var(--palette-hue-rotate-by))));--color-15: oklch(from var(--palette-source) 16% calc(.07 * (c / .21)) calc(h + (14 * var(--palette-hue-rotate-by))));--color-16: oklch(from var(--palette-source) 10% calc(.05 * (c / .21)) calc(h + (15 * var(--palette-hue-rotate-by))))}*{--gray-chroma: .01;--gray-hue: 255;--gray-1: oklch(from var(--color-1) l var(--gray-chroma) var(--gray-hue));--gray-2: oklch(from var(--color-2) l var(--gray-chroma) var(--gray-hue));--gray-3: oklch(from var(--color-3) l var(--gray-chroma) var(--gray-hue));--gray-4: oklch(from var(--color-4) l var(--gray-chroma) var(--gray-hue));--gray-5: oklch(from var(--color-5) l var(--gray-chroma) var(--gray-hue));--gray-6: oklch(from var(--color-6) l var(--gray-chroma) var(--gray-hue));--gray-7: oklch(from var(--color-7) l var(--gray-chroma) var(--gray-hue));--gray-8: oklch(from var(--color-8) l var(--gray-chroma) var(--gray-hue));--gray-9: oklch(from var(--color-9) l var(--gray-chroma) var(--gray-hue));--gray-10: oklch(from var(--color-10) l var(--gray-chroma) var(--gray-hue));--gray-11: oklch(from var(--color-11) l var(--gray-chroma) var(--gray-hue));--gray-12: oklch(from var(--color-12) l var(--gray-chroma) var(--gray-hue));--gray-13: oklch(from var(--color-13) l var(--gray-chroma) var(--gray-hue));--gray-14: oklch(from var(--color-14) l var(--gray-chroma) var(--gray-hue));--gray-15: oklch(from var(--color-15) l var(--gray-chroma) var(--gray-hue));--gray-16: oklch(from var(--color-16) l var(--gray-chroma) var(--gray-hue))}}@layer normalize{*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin}:where(html){--_page-bg-color: var(--surface-default);accent-color:var(--primary);background-color:var(--_page-bg-color);block-size:100%;caret-color:var(--primary);color:var(--text-muted, var(--text-color-2));font-family:var(--font-sans);interpolate-size:allow-keywords;line-height:var(--font-lineheight-4);-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}}:where(body){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;container-type:inline-size;font-size:16px;font-synthesis:style;font-weight:400;inline-size:100%;margin:0;min-block-size:100%;min-inline-size:320px;position:relative;text-rendering:optimizeLegibility}:where(:not(dialog,popover)){margin:0}:where(dialog:not([open])){outline:none!important}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}:where(fieldset){border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--field-border-radius);padding:var(--size-3);display:grid;gap:var(--size-3)}:where(input,button,textarea),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;letter-spacing:inherit}:where(input):-webkit-autofill,:where(input):-webkit-autofill:hover,:where(input):-webkit-autofill:focus,:where(textarea):-webkit-autofill,:where(textarea):-webkit-autofill:hover,:where(textarea):-webkit-autofill:focus,:where(select):-webkit-autofill,:where(select):-webkit-autofill:hover,:where(select):-webkit-autofill:focus,:where(input):autofill,:where(input):autofill:hover,:where(input):autofill:focus,:where(textarea):autofill,:where(textarea):autofill:hover,:where(textarea):autofill:focus,:where(select):autofill,:where(select):autofill:hover,:where(select):autofill:focus{-webkit-text-fill-color:var(--text-muted, var(--text-color-2));-webkit-box-shadow:0 0 0px 1e5px var(--well-1) inset;transition:background-color 5000s ease-in-out 0s}::placeholder{color:var(--text-muted, var(--text-color-2))}::-moz-placeholder{opacity:1}:focus-visible{--_focus-visible-color: rgb(from var(--_page-bg-color) calc(255 - r) calc(255 - g) calc(255 - b) );border-radius:var(--border-radius, 0px);outline:2px solid var(--_focus-visible-color);outline-offset:2px}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset .15 var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.15s}}:where(:not(:active):focus-visible){outline-offset:var(--outline-offset, 0px)}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary){cursor:pointer}:where(a[href],area,button,[role=button],input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(svg:not([width])){inline-size:var(--size-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:target{scroll-margin-block-start:2rem}}@layer theme{.light{--color-scheme: light}.dark{--color-scheme: dark}:where(html){color-scheme:var(--color-scheme, light dark);--palette-source: light-dark(oklch(.58 .105 var(--hue-blue)), oklch(.58 .105 var(--hue-blue)));--palette-hue-rotate-by: 0;--blue: oklch(from var(--color-9) l .2 210);--green: oklch(from var(--color-9) l .2 145);--orange: oklch(from var(--color-7) l .2 75);--red: oklch(from var(--color-9) l .2 25);--success: var(--green);--info: var(--blue);--warning: var(--orange);--critical: var(--red);--neutral: var(--gray-9);--primary: var(--color-8);--primary-light: oklch(from var(--primary) calc(l/.8) c h);--primary-dark: oklch(from var(--primary) calc(l*.75) c h);--primary-contrast: var(--gray-1);--text-primary: light-dark(var(--gray-15), var(--gray-1));--text-primary-contrast: light-dark(var(--gray-2), var(--gray-15));--text-muted: light-dark(var(--gray-13), var(--gray-4));--text-muted-contrast: light-dark(var(--gray-4), var(--gray-13));--surface-default: light-dark(var(--gray-1), var(--gray-13));--surface-filled: light-dark(var(--gray-4), var(--gray-15));--surface-tonal: light-dark(var(--gray-3), var(--gray-12));--surface-elevated: light-dark(var(--gray-1), var(--gray-12));--border-color: light-dark(var(--gray-4), var(--gray-12));--border-radius: var(--size-2);--border-width: 1px;--focus-ring-color: var(--primary);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-style: solid;--font-size-h1: var(--font-size-fluid-3);--font-size-h2: var(--font-size-fluid-2);--font-size-h3: var(--font-size-fluid-1);--font-size-h4: var(--font-size-3);--font-size-h5: var(--font-size-2);--font-size-h6: var(--font-size-fluid-0);--font-size-05: .875rem;--control-size-x-small: 28px;--control-size-small: 32px;--control-size: 40px;--control-size-large: 46px;--field-size-x-small: var(--control-size-x-small);--field-size-small: var(--control-size-small);--field-size: var(--control-size);--field-size-large: var(--control-size-large);--button-size-x-small: var(--control-size-x-small);--button-size-small: var(--control-size-small);--button-size: var(--control-size);--button-size-large: var(--control-size-large);--field-border-color: var(--border-color);--field-border-radius: var(--size-2);--field-border-width: 1px;--button-border-radius: var(--size-2)}:where(.critical,[data-invalid],del){--palette-source: oklch(.58 .21 var(--hue-red));--palette-hue-rotate-by: 1}:where(.info,abbr,dfn){--palette-source: oklch(.58 .21 var(--hue-blue));--palette-hue-rotate-by: 1}:where(.success,ins){--palette-source: oklch(.58 .21 var(--hue-green));--palette-hue-rotate-by: 1}:where(.warning){--palette-source: oklch(.58 .21 var(--hue-orange));--palette-hue-rotate-by: 1}}@layer components.root{:where(.button){--_color: light-dark(var(--color-16), var(--color-1));--_color-contrast: light-dark(var(--color-1), var(--color-16));--_color-tonal: var(--surface-tonal);--_accent: var(--_color);--_accent-contrast: var(--_color-contrast);--_accent-tonal: var(--_color-tonal);--_accent-tonal-contrast: var(--_color);--_default-hover-bg-color: light-dark(oklch(from var(--_accent) l .01 h / 10%), oklch(from var(--_accent) l .01 h / 20%));--_default-active-bg-color: light-dark(oklch(from var(--_accent) l .06 h / 20%), oklch(from var(--_accent) l .06 h / 30%));--_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + .2) c h), oklch(from var(--_accent) calc(l - .1) c h));--_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + .3) c h), oklch(from var(--_accent) calc(l - .15) c h));--_outlined-active-bg-color: var(--_filled-active-bg-color);--_bg-color: transparent;--_border-color: transparent;--_border-width: var(--border-size-1);--_font-size: var(--font-size-1);--_min-height: var(--button-size);--_border-radius: var(--button-border-radius, var(--radius-2));--_text-color: var(--_accent);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;align-items:center;background-color:var(--_bg-color);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_border-radius);color:var(--_text-color);display:inline-flex;font-size:var(--_font-size);font-weight:700;gap:var(--size-2);justify-content:center;min-block-size:var(--_min-height);padding-block:.5ex;padding-inline:1.5ex;text-align:center;text-decoration:none;transition:background-color .1s ease,color .1s ease,border-color .1s ease,box-shadow .1s ease;user-select:none;&.critical,&.primary{--_color-contrast: var(--gray-1);--_color-tonal: var(--color-6);--_accent-tonal-contrast: var(--text-primary-contrast);--_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);--_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);--_filled-hover-bg-color: oklch(from var(--_accent) calc(l - .1) c h);--_filled-active-bg-color: oklch(from var(--_accent) calc(l - .15) c h);--_outlined-active-bg-color: oklch(from var(--_accent) calc(l - .1) c h)}&.critical{--_color: var(--critical)}&.primary{--_color: var(--primary)}&:where([disabled]){--_text-color: color-mix(in oklch, var(--text-muted) 50%, var(--surface-default));cursor:not-allowed;opacity:.64}&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--_default-hover-bg-color)}&:where(:hover:active),&[aria-current=page]{--_bg-color: var(--_default-active-bg-color)}}&:where(:has(svg),&.icon-only){gap:1ex;svg{color:currentColor;max-block-size:.7lh}}:is(kbd){background-color:oklch(from currentColor l c h / 10%);border:0;color:oklch(from currentColor l c h / 80%);font-size:.8em;font-weight:400;line-height:1.2}&.x-small{--_min-height: var(--button-size-x-small);--_font-size: var(--font-size-0);padding-block:0;padding-inline:.5ex}&.small{--_min-height: var(--button-size-small);--_font-size: var(--font-size-05);padding-block:0;padding-inline:.75ex}&.large{--_min-height: var(--button-size-large);padding-inline:4ex}&.outlined{--_bg-color: transparent;--_border-color: var(--_accent);--_text-color: var(--_accent);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--_accent);--_border-color: var(--_accent);--_text-color: var(--_accent-contrast)}&:where(:active){--_bg-color: var(--_outlined-active-bg-color);--_border-color: var(--_outlined-active-bg-color);--_text-color: var(--_accent-contrast)}}}&.tonal{--_bg-color: var(--_accent-tonal);--_text-color: var(--_accent-tonal-contrast);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--_accent);--_text-color: var(--_accent-contrast)}&:where(:active){--_bg-color: var(--_outlined-active-bg-color);--_text-color: var(--_accent-contrast)}}}&.filled{--_bg-color: var(--_accent);--_text-color: var(--_accent-contrast);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--_filled-hover-bg-color)}&:where(:active){--_bg-color: var(--_filled-active-bg-color)}}}}:where(input[type=file]){align-self:flex-start;border:var(--border-size-1) solid var(--surface-filled);border-radius:var(--radius-2);box-shadow:var(--inner-shadow-4);color:var(--text-muted-contrast);cursor:initial;max-inline-size:100%;padding:0}:where(input[type=file])::-webkit-file-upload-button,:where(input[type=file])::file-selector-button{cursor:pointer;margin-inline-end:var(--size-relative-6)}}@layer components.root{:where(.callout){--_bg-color: var(--surface-tonal);--_border-color: var(--surface-tonal);--_color: var(--text-primary);--_icon-color: currentColor;--_link-hover-color: var(--primary);--_padding: var(--size-3);--_border-radius: var(--border-radius);--_gap: var(--size-3);--_content-gap: var(--size-2);--_font-size: var(--font-size-05);--_title-font-size: var(--font-size-1);--_icon-size: var(--size-4);--_surface-bg: var(--surface-default);--_outlined-bg-color: var(--surface-default);--_outlined-border-color: var(--border-color);--_outlined-color: var(--text-primary);--_outlined-icon-color: currentColor;background-color:var(--_bg-color, var(--_surface-bg));border:1px solid var(--_border-color, var(--border-color));border-radius:var(--_border-radius);color:var(--_color);isolation:isolate;padding:var(--_padding);position:relative;&.critical,&.info,&.neutral,&.success,&.warning{--_bg-color: light-dark(oklch(from var(--color-2) l c h / 20%), oklch(from var(--color-6) l c h / 5%));--_border-color: light-dark(var(--color-5), var(--color-11));--_color: light-dark(var(--color-16), var(--color-1));--_icon-color: var(--color-9);--_outlined-bg-color: var(--surface-default);--_outlined-border-color: var(--color-9);--_outlined-color: light-dark(var(--color-15), var(--color-1));--_outlined-icon-color: var(--color-9)}&.outlined{--_bg-color: var(--_outlined-bg-color);--_border-color: var(--_outlined-border-color);--_color: var(--_outlined-color);--_icon-color: var(--_outlined-icon-color)}&:before{background-color:var(--_bg-color);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}>.content{display:grid;font-size:var(--_font-size);gap:var(--_content-gap);h1,h2,h3,h4,h5,h6{color:inherit;font-size:var(--_title-font-size);font-weight:600;*{font-size:inherit}}}&:not(.outlined){a[href]{color:inherit;&:hover{color:var(--_link-hover-color)}}}&:has(svg){display:grid;gap:var(--_gap);grid-template-columns:var(--_icon-size) 1fr;svg{margin-block-start:.15rem;stroke:var(--_icon-color)}}}}@layer components.root{:where(.icon-button){--_color: light-dark(var(--color-16), var(--color-1));--_color-contrast: light-dark(var(--color-1), var(--color-16));--_color-tonal: var(--surface-tonal);--_accent: var(--_color);--_accent-contrast: var(--_color-contrast);--_accent-tonal: var(--_color-tonal);--_accent-tonal-contrast: var(--_color);--_default-hover-bg-color: light-dark(oklch(from var(--_accent) l .01 h / 10%), oklch(from var(--_accent) l .01 h / 20%));--_default-active-bg-color: light-dark(oklch(from var(--_accent) l .06 h / 20%), oklch(from var(--_accent) l .06 h / 30%));--_filled-hover-bg-color: light-dark(oklch(from var(--_accent) calc(l + .2) c h), oklch(from var(--_accent) calc(l - .1) c h));--_filled-active-bg-color: light-dark(oklch(from var(--_accent) calc(l + .3) c h), oklch(from var(--_accent) calc(l - .15) c h));--_outlined-active-bg-color: var(--_filled-active-bg-color);--_bg-color: transparent;--_border-color: transparent;--_border-width: var(--border-size-1);--_text-color: inherit;align-items:center;aspect-ratio:1;background-color:var(--_bg-color);block-size:var(--size-6);border:var(--_border-width) solid var(--_border-color);border-radius:var(--radius-round);color:var(--_text-color);display:inline-flex;inline-size:var(--size-6);justify-content:center;padding:0;transform-style:preserve-3d;transition:background-color .1s ease,color .1s ease,border-color .1s ease,box-shadow .1s ease;&:where([disabled]){--_text-color: light-dark(rgb(0, 0, 0/.3), rgb(255, 255, 255/.26));cursor:not-allowed;opacity:.64}svg{block-size:auto;inline-size:auto;max-block-size:var(--size-5);max-inline-size:var(--size-5);pointer-events:none}&:before{--highlight-size: 130%;background-color:transparent;@media(prefers-reduced-motion:no-preference){transition:transform .2s ease,background-color .1s ease}}&.critical,&.primary{--_color-contrast: var(--gray-1);--_color-tonal: var(--color-6);--_accent-tonal-contrast: var(--text-primary-contrast);--_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);--_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);--_filled-hover-bg-color: oklch(from var(--_accent) calc(l - .1) c h);--_filled-active-bg-color: oklch(from var(--_accent) calc(l - .15) c h);--_outlined-active-bg-color: oklch(from var(--_accent) calc(l - .1) c h)}&.critical{--_color: var(--critical)}&.primary{--_color: var(--primary)}&:where(:not([disabled])){&:where(:not(:active):hover){&:before{background-color:var(--_interaction-hover-color, var(--_default-hover-bg-color))}}&:where(:hover:active),&[aria-current=page]{&:before{background-color:var(--_interaction-active-color, var(--_default-active-bg-color))}}}&.small{block-size:var(--size-4);inline-size:var(--size-4);svg{max-block-size:var(--size-4);max-inline-size:var(--size-4)}}&.outlined{--_bg-color: transparent;--_border-color: var(--_accent);--_text-color: var(--_accent)}&.tonal{--_bg-color: var(--_accent-tonal);--_text-color: var(--_accent-tonal-contrast)}&.filled{--_bg-color: var(--_accent);--_interaction-active-color: var(--_filled-active-bg-color);--_interaction-hover-color: var(--_filled-hover-bg-color);--_text-color: var(--_accent-contrast)}}}@layer components.root{:where(.tabs){--_accent-color: var(--primary);--_bg-color: transparent;align-items:flex-start;display:flex;flex-wrap:wrap;gap:0 var(--size-1);position:relative;>.tab-input[type=radio]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap;&:checked{+[role=tab]{border-block-end-color:var(--_accent-color);color:var(--_accent-color);+[role=tabpanel]{display:block}}}&:focus-visible{+[role=tab]{--focus-ring-color: var(--text-muted);--focus-ring-offset: calc(-1 * var(--size-2));outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}}}>[role=tab]{align-items:center;background-color:transparent;border-bottom:2px solid transparent;border-radius:0;color:var(--text-muted);cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;line-height:var(--font-lineheight-4);order:1;padding:var(--size-2) var(--size-3);position:relative;transition:color .1s;user-select:none;&:hover{background-color:light-dark(oklch(from var(--_accent-color) calc(l*.75) none h / 5%),oklch(from var(--_accent-color) calc(l/.8) none h / 5%))}}>[role=tabpanel]{display:none;inline-size:100%;order:2}}}@layer components.root{:where(.toggle-group){--_bg-color: var(--surface-default);--_border-color: var(--border-color);--_border-radius: var(--button-border-radius);background-color:var(--_bg-color);border:1px solid var(--_border-color);border-radius:var(--_border-radius);display:inline-flex;inline-size:fit-content;overflow:hidden;&.small{.toggle-button{--_size: var(--field-size-small)}}&.x-small{.toggle-button{--_size: var(--field-size-x-small)}}.toggle-button{border:0;border-radius:0;margin:0}&:not(.vertical){.toggle-button{border-inline-end:1px solid var(--_border-color);&:last-of-type{border-inline-end:0}}}&.vertical{flex-direction:column;.toggle-button{border-block-end:1px solid var(--_border-color);&:last-of-type{border-block-end:0}}}}}@layer components.root{:where(.toggle-button){--_button-bg-color: transparent;--_size: var(--field-size);--_svg-size: var(--size-4);align-items:center;background-color:var(--_button-bg-color);block-size:var(--_size);border:1px solid var(--border-color);border-radius:var(--button-border-radius);color:var(--text-primary);cursor:pointer;display:inline-flex;flex:auto;gap:var(--size-2);inline-size:fit-content;justify-content:center;min-inline-size:var(--_size);outline-offset:calc(-1 * var(--size-2));padding:0 var(--size-2);position:relative;user-select:none;input[type=checkbox],input[type=radio]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}@media(pointer:fine){&:hover:not(.disabled){--_button-bg-color: light-dark(oklch(0% 0 0 / .04), oklch(100% 0 0 / .08))}}&:has(input:focus-visible){--focus-ring-color: var(--text-muted);--focus-ring-offset: -6px;outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}&.disabled{border-color:color-mix(in oklch,var(--border-color) 50%,transparent);color:color-mix(in oklch,var(--text-primary) 30%,transparent);cursor:not-allowed}svg{block-size:var(--_svg-size);flex-shrink:0;inline-size:var(--_svg-size)}&:has(:where(input[type=checkbox],input[type=radio]):checked){--_button-bg-color: oklch(from var(--primary) l c h / 25%);@media(pointer:fine){&:hover{--_button-bg-color: oklch(from var(--primary) l c h / 35%)}}}&.small{--_size: var(--field-size-small)}&.x-small{--_size: var(--field-size-x-small)}}}@layer components.root{:where(.anchor){anchor-name:--anchor;anchor-scope:--anchor;display:inline-block;inline-size:fit-content;>.anchor-floating:not([popover]){block-size:max-content;inline-size:max-content;position:absolute;position-anchor:--anchor;position-area:var(--anchor-position-area, start end);translate:var(--_anchor-tx, 0) var(--_anchor-ty, 0)}>.anchor-floating[popover]{inset:unset;margin:0;position:absolute;position-area:var(--anchor-position-area, start end);translate:var(--_anchor-tx, 0) var(--_anchor-ty, 0)}}}@layer components.root{:where(.avatar){--_bg-color: var(--primary);--_color: var(--color-1);--_width: 40px;align-items:center;aspect-ratio:1;background-color:var(--_bg-color);border-radius:var(--radius-round);color:var(--_color);display:inline-flex;inline-size:var(--_width);justify-content:center;overflow:clip;position:relative;text-align:center;text-decoration:none;&:has(img){background-color:transparent}svg{max-inline-size:var(--size-5)}img{block-size:100%;inline-size:100%;inset:0;object-fit:cover;position:absolute}&.squared{border-radius:0}&.rounded{border-radius:var(--radius-2)}&.squircle{border-radius:var(--radius-3);@supports (corner-shape: squircle){border-radius:var(--radius-round);corner-shape:squircle}}}:where([role=group]){--_margin: var(--size-3);--_outline-color: var(--surface-default);display:flex;.avatar{box-shadow:0 0 0 2px var(--_outline-color);margin-inline-end:calc(-1 * var(--_margin))}}}@layer components.root{:where(.card){--_bg-tonal: var(--surface-tonal);--_bg-elevated: var(--surface-elevated);--_bg-surface: var(--surface-default);--_border-color: var(--border-color);--_card-bg-color: var(--_bg-surface);--_card-border-color: transparent;--_card-border-width: 0;--_card-shadow: none;--_shadow-light: var(--shadow-3);--_shadow-dark: var(--shadow-4);--_shadow-elevated: var(--_shadow-light);@container style(--color-scheme: dark){--_shadow-elevated: var(--_shadow-dark)}background-color:var(--_card-bg-color);border-color:var(--_card-border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--_card-border-width);box-shadow:var(--_card-shadow);display:flex;flex-direction:column;gap:var(--size-3);overflow:hidden;padding-inline:0;position:relative;&.text{--_card-bg-color: transparent;--_card-border-color: transparent;--_card-border-width: 0;--_card-shadow: none}&.tonal{--_card-bg-color: var(--_bg-tonal);--_card-border-width: 1px}&.elevated{--_card-bg-color: var(--_bg-elevated);--_card-shadow: var(--_shadow-elevated)}&.outlined{--_card-bg-color: var(--_bg-surface);--_card-border-color: var(--_border-color);--_card-border-width: 1px}>:where(hgroup,.content){padding-inline:var(--size-3);&:last-child{padding-block-end:var(--size-3)}}>hgroup{padding-block:var(--size-3) 0;>p:first-of-type:first-child{line-height:1.3}:where(h1,h2,h3,h4,h5,h6):last-child{margin-block-end:0}>p:last-of-type:last-child:not(:first-child){font-size:var(--font-size-1)}}>.content:where(:only-child,:first-child){padding-block:var(--size-3) var(--size-4)}>.actions{display:flex;gap:var(--size-2);margin-block:var(--size-2) 0;padding-block-end:var(--size-2);padding-inline:var(--size-3);&:has(.button:first-child[class=button]){padding-inline:var(--size-1) var(--size-3)}&:has(.button:not([class=button])){padding-block-end:var(--size-2)}&.align-end{justify-content:end;&:has(.button:first-child[class=button]){padding-inline:var(--size-3) var(--size-1)}}}}}@layer components.root{:where(.chip){--_bg-color: var(--surface-tonal);--_border-color: var(--border-color);--_color: var(--text-primary);align-items:center;background:var(--_bg-color) var(--ripple, none);block-size:var(--size-7, 2rem);border-radius:var(--radius-2, .5rem);border:1px solid var(--_border-color);color:var(--_color);display:inline-flex;font-size:var(--font-size-0, .75rem);gap:var(--size-1);padding-inline:var(--size-2);text-decoration:none;&.tonal{--_bg-color: var(--surface-tonal);--_color: var(--text-primary)}&.outlined{--_bg-color: var(--surface-default);--_color: var(--text-primary)}&:where(button,a):where(:not([disabled])){&:where(:not(:active)):hover{--_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l*.98) c h), oklch(from var(--surface-tonal) calc(l*1.1) c h))}}&:has(svg:first-child){padding-inline:var(--size-1) var(--size-2)}&:has(svg:last-child){padding-inline:var(--size-2) var(--size-1)}&:has(svg){svg{flex-shrink:0;inline-size:var(--size-3)}}&.small{block-size:var(--size-5)}&.multiline{block-size:auto}background-position:center;&:where(:not([disabled])){&:where(:not(:active):hover){--ripple: radial-gradient(circle, transparent 1%, var(--_bg-color) 1%) center/15000%;transition:background var(--button-ripple-duration)}&:where(:hover:active){background-size:var(--button-ripple-size);transition:background 0s}}&:where([disabled]){opacity:.64;--_color: color-mix(in oklch, var(--text-muted) 50%, var(--surface-default));cursor:not-allowed}}}@layer components.root{:where(.description-list){--_border-style: solid;--_border-width: 1px;display:grid;gap:var(--size-3);margin:0;padding:0;&.dotted{--_border-style: dotted;--_border-width: 2px}.item{display:grid;margin:0;padding:0;dt{display:block;font-weight:700;overflow:hidden;position:relative}dd{margin:0}}@container (width > 45ch){gap:var(--size-1);.item{align-items:baseline;display:grid;gap:var(--size-1);grid-template-columns:1fr auto;dt{inline-size:max-content;&:after{display:inline-block}}dd{color:var(--text-muted);text-align:end}}&.bordered .item{grid-template-columns:auto 1fr auto;dt{order:0}dd{order:2}&:after{background-color:transparent;block-size:2px;border-block-end:var(--_border-width) var(--_border-style) var(--border-color);content:"";order:1}}}}}@layer components.root{:where(hr){background-color:var(--border-color);block-size:var(--border-size-1);margin-block:var(--size-fluid-3);&.border-filled{background-color:var(--surface-filled)}&.border-primary{background-color:var(--primary)}&.border-tonal{background-color:var(--surface-tonal)}}}@layer components.root{:where(.link){color:var(--primary);cursor:pointer;font-weight:700;text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:2px;&[href]{&:hover,&:focus-visible{color:var(--primary-light)}}@supports (-moz-appearance: none){text-underline-offset:2px}}}@layer components.root{:where(table){--_table-border-radius: var(--border-radius);border-collapse:separate;border-spacing:0;border:1px solid var(--border-color);border-radius:var(--_table-border-radius);overflow:hidden;inline-size:100%;margin:var(--size-3) 0;position:relative;tr{&:hover{background-color:oklch(from var(--surface-filled) l c h / 75%)}}th,td{background-color:var(--surface-default);border-inline-end:var(--border-width) solid var(--border-color);border-block-end:var(--border-width) solid var(--border-color);padding:var(--size-1) var(--size-2);&:last-child{border-inline-end:none}}>*:last-child tr:last-child{th,td{border-block-end:none}}th{background-color:var(--surface-filled);color:var(--text-primary);font-size:var(--font-size-05);font-weight:600;text-align:start}td{font-size:var(--font-size-05)}>thead:first-of-type tr:first-child{th:first-child{border-start-start-radius:var(--_table-border-radius)}th:last-child{border-start-end-radius:var(--_table-border-radius)}}>tbody:first-of-type:not(thead~tbody) tr:first-child{td:first-child{border-start-start-radius:var(--_table-border-radius)}td:last-child{border-start-end-radius:var(--_table-border-radius)}}>*:last-child tr:last-child{:where(th,td):first-child{border-end-start-radius:var(--_table-border-radius)}:where(th,td):last-child{border-end-end-radius:var(--_table-border-radius)}}tfoot{tr td{background-color:var(--surface-filled);padding-block:var(--size-2)}td{color:var(--text-primary);font-weight:600;border-top:var(--border-width) solid var(--border-color)}}caption{caption-side:bottom;color:var(--text-muted);font-size:var(--font-size-05);margin-inline-start:var(--size-2);padding:var(--size-2) 0;text-align:start}thead{z-index:1}tbody:has(+tfoot) tr:last-child td{border-block-end:none}colgroup col{border:none}@container (width < 60ch){th,td{padding:var(--size-1) .875rem}}&.spacious{th,td{padding:var(--size-3)}caption{margin-inline-start:var(--size-3);padding:var(--size-2) 0}@container (width < 60ch){th,td{padding:var(--size-3)}}}&.dense{th,td{padding:var(--size-1)}caption{margin-inline-start:var(--size-1);padding:var(--size-1) 0}@container (width < 60ch){th,td{padding:var(--size-1)}}}}}@layer components.root{:where(progress){--_accent-color: var(--primary);--_bg-color: var(--surface-tonal);appearance:none;background-color:var(--_bg-color);block-size:var(--size-1);border:0;border-radius:var(--border-radius, .25rem);display:inline-block;inline-size:100%;overflow:hidden;position:relative;vertical-align:baseline;&.filled{--_bg-color: var(--surface-filled)}&.default{--_bg-color: var(--surface-default)}&.tonal{--_bg-color: var(--surface-tonal)}&::-webkit-progress-bar{background:none;border-radius:var(--border-radius, .25rem)}&[value]::-webkit-progress-value{background-color:var(--_accent-color);@media(prefers-reduced-motion:no-preference){transition:inline-size .2s var(--ease-out-4, cubic-bezier(0, 0, .1, 1))}}&::-moz-progress-bar{background-color:var(--_accent-color)}}@media(prefers-reduced-motion:no-preference){progress:indeterminate{background-color:var(--_bg-color);&:after{animation:indeterminate 2s linear infinite;background-color:var(--_accent-color);content:"";inset:0 auto 0 0;position:absolute;will-change:inset-inline-start,inset-inline-end}&[value]::-webkit-progress-value{background-color:transparent}&::-moz-progress-bar{background-color:transparent}}[dir=rtl]{:where(progress):indeterminate{animation-direction:reverse;&:after{animation-direction:reverse}}}}@keyframes indeterminate{0%{inset-inline-start:-200%;inset-inline-end:100%}60%{inset-inline-start:107%;inset-inline-end:-8%}to{inset-inline-start:107%;inset-inline-end:-8%}}}@layer components.root{[aria-busy=true]:not(input,select,textarea,html,progress,[aria-describedby]){position:relative;&:before{animation:spin .7s linear infinite;block-size:1em;border-color:transparent currentColor currentColor;border-radius:50%;border-style:solid;border-width:3px;content:"";display:inline-block;inline-size:1em;opacity:.5;vertical-align:-.14em}&:not(button.button):not(:empty){&:before{margin-inline-end:.5em}}}@keyframes spin{to{transform:rotate(1turn)}}}@layer components.root{label.checkbox{--_input-size: var(--size-4);align-items:center;color:var(--text-primary);cursor:pointer;display:inline-grid;gap:0 var(--size-2);grid-auto-columns:auto;grid-auto-flow:column;inline-size:fit-content;line-height:1.5;transform:translateZ(0);user-select:none;&:has([disabled]){cursor:not-allowed;opacity:.64;user-select:none;input{cursor:not-allowed}}&:has(:invalid){.label:after{color:var(--red);content:"*";inset:0 -.25ex auto auto;position:absolute}}.label{color:var(--text-primary);font-size:var(--font-size-05);grid-column:2;grid-row:1;position:relative;padding-inline:0 1ex}:where(.end-text){color:var(--text-muted);font-size:var(--font-size-0);grid-column:2;grid-row:2;line-height:1.5;z-index:1}&.spread{align-items:center;column-gap:var(--size-4);grid-auto-flow:unset;grid-template-columns:1fr auto;inline-size:100%;.label{font-weight:600;grid-column:1;grid-row:1;inline-size:fit-content}input{grid-column:2;grid-row:1}:where(.end-text){grid-column:1;grid-row:2}}&.stack{justify-items:center;grid-auto-columns:unset;.label{grid-column:1/-1;grid-row:2;margin-block-start:var(--size-1);padding-inline:1ex;&:after{inset:0 -.25ex auto auto}}.end-text{grid-column:1/-1;grid-row:3}}input[type=checkbox]{--_input-size: var(--size-4);appearance:none;aspect-ratio:1;background-color:var(--surface-default);block-size:var(--_input-size);border-radius:var(--radius-1);border:1px solid var(--border-color);box-sizing:border-box;cursor:pointer;display:grid;font-size:var(--_input-size);inline-size:var(--_input-size);margin:0;padding:0;place-items:center;position:relative;&:checked,&:indeterminate{background-color:var(--primary);border-color:var(--primary)}&:after{background-color:var(--primary-contrast);clip-path:polygon(15% 52%,40% 77%,85% 32%,75% 22%,40% 57%,25% 42%);content:"";inset:0;opacity:0;position:absolute}&:checked:after,&:indeterminate:after{opacity:1}&:indeterminate:after{clip-path:polygon(20% 45%,80% 45%,80% 55%,20% 55%)}&:before{--highlight-size: 175%}}&.small{input[type=checkbox]{--_input-size: var(--size-3)}}&.large{input[type=checkbox]{--_input-size: var(--size-5)}}&[data-invalid],&:has(:user-invalid){--palette-source: oklch(.58 .21 var(--hue-red));:where(.end-text){color:var(--primary)}}@media(pointer:coarse){input{--_input-size: var(--size-4)}}@media(forced-colors:active){input{border:1px solid CanvasText;&:checked,&:indeterminate{background-color:SelectedItem;border-color:SelectedItem;&:after{background-color:SelectedItemText}}}}}}@layer components.root{label.radio{--_input-size: 1.125rem;--_indicator-size: 50%;align-items:center;color:var(--text-primary);cursor:pointer;display:inline-grid;gap:0 var(--size-2);grid-auto-columns:auto;grid-auto-flow:column;inline-size:fit-content;line-height:1.5;transform:translateZ(0);user-select:none;&:has([disabled]){cursor:not-allowed;opacity:.64;user-select:none;input{cursor:not-allowed}}&:has(:invalid){.label:after{color:var(--red);content:"*";inset:0 -.25ex auto auto;position:absolute}}.label{color:var(--text-primary);font-size:var(--font-size-05);grid-column:2;grid-row:1;padding-inline:0 1ex;position:relative}:where(.end-text){color:var(--text-muted);font-size:var(--font-size-0);grid-column:2;grid-row:2;line-height:1.5;z-index:1}&.stack{grid-auto-columns:unset;justify-items:center;.label{grid-column:1/-1;grid-row:2;margin-block-start:var(--size-1);padding-inline:1ex;&:after{inset:0 -.25ex auto auto}}.end-text{grid-column:1/-1;grid-row:3}}input[type=radio]{appearance:none;aspect-ratio:1;background-color:var(--surface-default);block-size:var(--_input-size);border:1px solid var(--field-border-color);border-radius:var(--radius-round);box-sizing:border-box;cursor:pointer;display:grid;inline-size:var(--_input-size);margin:0;padding:0;place-items:center;position:relative;&:checked{background-color:var(--primary);border-color:var(--primary)}&:after{background-color:var(--primary-contrast);block-size:var(--_indicator-size);border-radius:var(--radius-round);content:"";inline-size:var(--_indicator-size);margin:auto;opacity:0}&:checked:after{opacity:1}&:before{--highlight-size: 175%}}&.small{input[type=radio]{--_input-size: var(--size-3)}}&.large{input[type=radio]{--_input-size: var(--size-4)}}&[data-invalid],&:has(:user-invalid){--palette-source: oklch(.58 .21 var(--hue-red));:where(.end-text){color:var(--primary)}}@media(pointer:coarse){input[type=radio]{block-size:var(--size-4);inline-size:var(--size-4)}}@media(forced-colors:active){input[type=radio]{border:1px solid CanvasText;&:checked{background-color:SelectedItem;border-color:SelectedItem;&:after{background-color:SelectedItemText}}}}}}@layer components.root{:where(.range){display:grid;gap:var(--size-1) 0;grid-template-columns:1fr auto;position:relative;.label{color:var(--text-primary);font-size:var(--font-size-05);font-weight:600;grid-column:1;grid-row:1}:where(.value){color:var(--text-muted);font-size:var(--font-size-0);font-variant-numeric:tabular-nums;font-weight:600;grid-column:2;grid-row:1;line-height:1.5;text-align:end}.start-text{color:var(--text-muted);font-size:var(--font-size-0);grid-column:1/-1;grid-row:2;line-height:1.5}:where(.end-text){color:var(--text-muted);font-size:var(--font-size-0);grid-column:1/-1;grid-row:5;line-height:1.5}:where(datalist){color:var(--text-muted);display:flex;font-size:var(--font-size-0);grid-column:1/-1;grid-row:4;justify-content:space-between;margin-top:calc(var(--size-1) * -1);padding-inline:1.5ex;>option{display:flex;inline-size:0;justify-content:center;padding:0;white-space:nowrap}}&:has([disabled]){cursor:not-allowed;opacity:.64;user-select:none;.label,.value,.start-text,.end-text{cursor:not-allowed}}&.filled input[type=range]{--_track-color: var(--surface-filled)}&.default input[type=range]{--_track-color: var(--surface-default)}&.tonal input[type=range]{--_track-color: var(--surface-tonal)}&.spread{align-items:center;column-gap:var(--size-4);container-type:inline-size;grid-template-columns:1fr auto;.label{grid-column:1;grid-row:1}.start-text{color:var(--text-muted);display:block;font-size:var(--font-size-0);grid-column:1;grid-row:2;line-height:1.5}input[type=range]{align-self:center;grid-column:2;grid-row:1;min-inline-size:25ch}:where(.value){grid-column:2;grid-row:2}:where(.end-text){grid-column:2;grid-row:2;text-align:end}datalist{grid-column:2;grid-row:2}&:has(datalist) :where(.end-text){grid-row:3}&:has(.value) :where(.end-text){grid-row:3}&:has(.value):has(datalist) :where(.end-text){grid-row:4}@container (width < 400px){grid-template-columns:1fr;*{grid-column:1/-1}.label{grid-row:1}:where(.value){grid-row:1;justify-self:end;text-align:end}.start-text{grid-row:2}input[type=range]{grid-column:1/-1;grid-row:3}datalist{grid-column:1/-1;grid-row:4}:where(.end-text){grid-row:5;text-align:start}}}&[data-invalid],&:has(:user-invalid){--_thumb-bg: var(--color-9);--_thumb-highlight-color: oklch(from var(--color-9) 70% 100% h / 20%);.start-text,.end-text,.value{color:var(--color-9)}}:where(&>input[type=range]){--_thumb-bg: var(--primary);--_thumb-highlight-color: oklch(from var(--primary) 70% 100% h / 20%);--_thumb-highlight-size: 0px;--_thumb-offset: -1.125ex;--_thumb-size: 3ex;--_track-color: var(--field-border-color);--_track-fill: 0%;--_track-fill-color: var(--primary);--_track-height: .75ex;--_track-radius: 1e5px;appearance:none;background:transparent;block-size:var(--size-4);display:block;grid-column:1/-1;grid-row:3;inline-size:100%;outline-offset:1ex;@media(hover:none){--_thumb-offset: -11.5px;--_thumb-size: 30px}&::-webkit-slider-runnable-track{appearance:none;background:linear-gradient(to right,var(--_track-fill-color) var(--_track-fill, 0%),var(--_track-color) 0%);block-size:var(--_track-height);border-radius:var(--_track-radius)}&::-moz-range-track{appearance:none;background:var(--_track-color);block-size:var(--_track-height);border-radius:var(--_track-radius)}&::-moz-range-progress{appearance:none;background:var(--_track-fill-color);block-size:var(--_track-height);border-radius:var(--_track-radius)}&::-webkit-slider-thumb{appearance:none;background:var(--_thumb-bg);block-size:var(--_thumb-size);border:3px solid var(--surface-default);border-radius:50%;box-shadow:0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);cursor:ew-resize;inline-size:var(--_thumb-size);margin-block-start:var(--_thumb-offset);@media(prefers-reduced-motion:no-preference){transition:box-shadow .1s ease}.fieldset-item:focus-within &{border-color:var(--gray-14)}}&::-moz-range-thumb{appearance:none;background:var(--_thumb-bg);block-size:var(--_thumb-size);border:3px solid var(--surface-default);border-radius:50%;box-shadow:0 0 0 var(--_thumb-highlight-size) var(--_thumb-highlight-color);cursor:ew-resize;inline-size:var(--_thumb-size);margin-block-start:var(--_thumb-offset);@media(prefers-reduced-motion:no-preference){transition:box-shadow .1s ease}.fieldset-item:focus-within &{border-color:var(--gray-14)}}.range:has(:user-invalid) &,.range[data-invalid] &{--_track-fill-color: var(--color-9)}&:not([disabled]){&:hover{--_thumb-highlight-size: var(--size-1)}&:active{--_thumb-highlight-size: var(--size-2);--_track-color: light-dark(oklch(from var(--field-border-color) calc(l*.9) c h), oklch(from var(--field-border-color) calc(l*1.1) c h))}}&[disabled]{--_thumb-bg: oklch(from var(--text-primary) l c h / 50%);--_track-color: var(--field-border-color);cursor:not-allowed;&::-webkit-slider-thumb{cursor:not-allowed}&::-moz-range-thumb{cursor:not-allowed}}}}}@layer components.root{:where(.switch){--_accent-color: var(--primary);--_accent-contrast: var(--primary-contrast);--_dot-bg-color: light-dark(var(--gray-11), var(--gray-14));--_dot-inset: var(--size-1) auto auto var(--size-1);--_dot-outline-size: 0;--_dot-size: var(--size-3);--_track-bg-color: light-dark(var(--gray-3), var(--gray-8));--_track-height: var(--size-5);--_track-width: var(--size-8);--_transition-tf: var(--ease-4);--_transition-time: .2s;align-items:center;color:var(--text-primary);display:inline-grid;gap:0 var(--size-2);grid-auto-columns:auto;grid-auto-flow:column;inline-size:fit-content;:where(input[type=checkbox][role=switch]){appearance:none;block-size:var(--_track-height);cursor:pointer;inline-size:var(--_track-width);margin:0;position:relative;&:before{background-color:var(--_track-bg-color);block-size:var(--_track-height);border:1px solid var(--_dot-bg-color);border-radius:var(--radius-round);content:"";inline-size:var(--_track-width);inset:0;position:absolute}&:focus-visible{--focus-ring-color: currentColor;outline:var(--focus-ring-width) var(--focus-ring-style) var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}&:after{background-color:var(--_dot-bg-color);block-size:var(--_dot-size);border-radius:var(--radius-round);content:"";inline-size:var(--_dot-size);inset:var(--_dot-inset);outline:var(--_dot-outline-size) solid var(--_dot-bg-color);outline-offset:-1px;position:absolute}&:checked{&:before{background-color:var(--_accent-color);border-color:var(--_accent-color);transition:background-color var(--_transition-time) var(--_transition-tf),border-color var(--_transition-time) var(--_transition-tf)}&:after{--_dot-bg-color: var(--_accent-contrast);--_dot-outline-size: calc(var(--size-1) - 1px);inset-inline-start:calc(var(--_track-width) - var(--_dot-size) - var(--size-1))}}@media(prefers-reduced-motion:no-preference){&:before{transition:background-color var(--_transition-time) var(--_transition-tf),border-color var(--_transition-time) var(--_transition-tf)}&:after{transition:all var(--_transition-time) var(--_transition-tf)}&:active:after{--_dot-outline-size: calc(var(--size-1) + 1px)}&:checked{&:active:after{--_dot-outline-size: calc(var(--size-1) + 1px)}}}}&:has(.icon-checked,.icon-unchecked){[role=switch]{grid-column:1 / -1;grid-row:1}&:has([role=switch]:checked){.icon-unchecked{display:none}.icon-checked{display:block}}.icon-checked{display:none}.icon-unchecked,.icon-checked{grid-column:1;grid-row:1;pointer-events:none;z-index:1;svg{display:block;inline-size:var(--_dot-size)}}.icon-unchecked{margin-inline-start:calc(var(--_track-width) - var(--_dot-size) - var(--size-1))}.icon-checked{margin-inline-start:var(--size-1)}}&:has(:invalid){.label:after{color:var(--red);content:"*";inset:0 -.25ex auto auto;position:absolute}}&:has([disabled]){cursor:not-allowed;opacity:.64;user-select:none;input{cursor:not-allowed}}.label{color:var(--text-primary);font-size:var(--font-size-05);grid-column:2;grid-row:1;min-width:0;padding-inline:0 1ex;position:relative;user-select:none}:where(.end-text){color:var(--text-muted);font-size:var(--font-size-0);grid-column:2;grid-row:2;line-height:1.5;z-index:1}&.small{--_dot-size: .75rem;--_track-height: var(--size-4);--_track-width: 2.5rem}&.spread{align-items:center;column-gap:var(--size-4);grid-auto-flow:unset;grid-template-columns:1fr auto;inline-size:100%;.label{font-weight:600;grid-column:1;grid-row:1;inline-size:fit-content}input[role=switch]{grid-column:2;grid-row:1}&:has(.icon-checked,.icon-unchecked){input[role=switch],.icon-checked,.icon-unchecked{grid-column:2}}:where(.end-text){grid-column:1;grid-row:2}}&.stack{grid-auto-columns:unset;justify-items:center;.label{grid-column:1/-1;grid-row:2;margin-block-start:var(--size-1);padding-inline:1ex}.end-text{grid-column:1/-1;grid-row:3}}&[data-invalid]{input{border-radius:var(--radius-round);outline:2px solid var(--color-9)}.end-text{color:var(--color-9)}}}}@layer components.extended{:where(#toast-manager){background:none;block-size:auto;border:none;display:none;flex-direction:column-reverse;gap:var(--size-3);inline-size:auto;inset:auto var(--size-4) var(--size-4) auto;margin:0;max-inline-size:calc(100vi - var(--size-8));overflow:visible;padding:0;pointer-events:none;position:fixed;z-index:1000;&:popover-open{display:flex}&::backdrop{display:none}}:where(.toast){--_anim-enter: .3s;--_anim-exit: .3s;align-items:center;animation:toast-enter var(--_anim-enter) var(--ease-out-3) both,toast-hold attr(data-duration type(<time>),5s) linear both,toast-exit var(--_anim-exit) var(--ease-in-3) both;animation-delay:0s,var(--_anim-enter),calc(var(--_anim-enter) + attr(data-duration type(<time>),5s));background-color:light-dark(var(--gray-15),var(--gray-2));border-radius:var(--border-radius);box-shadow:var(--shadow-3);color:var(--text-primary-contrast);display:flex;gap:var(--size-3);justify-content:space-between;min-inline-size:30ch;padding:var(--size-3) var(--size-4);pointer-events:auto;&:hover{animation-play-state:paused}&.exiting{animation:toast-exit var(--_anim-exit) var(--ease-in-3) forwards}.icon{background:no-repeat center / contain;block-size:var(--size-4);flex-shrink:0;inline-size:var(--size-4)}&:not([data-severity]) .icon{display:none}.content{font-size:var(--font-size-05);word-break:break-word}.title{font-weight:600}.description{color:oklch(from currentColor l c h / 75%);font-size:var(--font-size-0)}.close-button{background:none;border:none;color:inherit;cursor:pointer;display:grid;opacity:.7;padding:var(--size-1);place-items:center;transition:opacity .2s;&:hover{opacity:1}}&[data-severity=success] .icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><path d='m9 11 3 3L22 4'/></svg>")}&[data-severity=info] .icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 16v-4'/><path d='M12 8h.01'/></svg>")}&[data-severity=warning] .icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/><path d='M12 9v4'/><path d='M12 17h.01'/></svg>")}&[data-severity=critical] .icon{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='m15 9-6 6'/><path d='m9 9 6 6'/></svg>")}}@keyframes toast-enter{0%{opacity:0;translate:var(--size-4) 0}to{opacity:1;translate:0 0}}@keyframes toast-hold{0%{opacity:1}to{opacity:1}}@keyframes toast-exit{0%{opacity:1;scale:1;translate:0 0}to{opacity:0;scale:.9;translate:0 var(--size-4)}}}@layer components.root{:where(.p){text-wrap:pretty;&.small{font-size:var(--font-size-1)}&.large{font-size:var(--font-size-3)}}:where(.h1,.h2,.h3,.h4,.h5,.h6){color:var(--text-primary);font-weight:700;text-wrap:pretty}:where(.h1){font-size:var(--font-size-h1, var(--font-size-7));letter-spacing:-.02em;line-height:1.15}:where(.h2){font-size:var(--font-size-h2, var(--font-size-5, 2rem));letter-spacing:-.02em;line-height:1.2}:where(.h3){font-size:var(--font-size-h3, var(--font-size-4, 1.5rem));letter-spacing:-.01em;line-height:1.167}:where(.h4){font-size:var(--font-size-h4, var(--font-size-3, 1.25rem));letter-spacing:-.01em;line-height:1.235}:where(.h5){font-size:var(--font-size-h5, var(--font-size-2, 1.1rem));line-height:1.334}:where(.h6){font-size:var(--font-size-h6, var(--font-size-1, 1rem));line-height:1}:where(.overline){color:light-dark(oklch(from var(--text-muted) calc(l/.8) c h),oklch(from var(--text-muted) calc(l*.75) c h));font-size:var(--font-size-0);font-weight:500;letter-spacing:.06em;text-transform:uppercase}:where(.hgroup){>p{margin:0}>:where(h1,h2,h3,h4,h5,h6){margin-block:0 .4em}>p:first-of-type:first-child{color:light-dark(oklch(from var(--text-muted) calc(l/.8) c h),oklch(from var(--text-muted) calc(l*.75) c h));font-size:var(--font-size-0);font-weight:500;letter-spacing:.06em;text-transform:uppercase}>p:not(:first-of-type:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--font-size-3);line-height:1.6}>p+p{margin-block-start:.75em}}:where(.caption){color:var(--text-muted);font-size:var(--font-size-0);line-height:1.6}:where(.u,.abbr,.dfn){text-decoration:underline;text-underline-offset:1px;@supports (-moz-appearance: none){text-underline-offset:2px}}:where(.abbr,.dfn){font-style:normal;text-decoration:var(--color-9) underline dotted;&[title]{cursor:help;text-underline-offset:1px}@supports (-moz-appearance: none){text-underline-offset:2px}}:where(.sup){font-size:.5em;vertical-align:super}:where(p,span).small{font-size:max(.5em,var(--font-size-0, .75rem))}:where(.cite){font-style:italic}:where(.kbd){font-family:var(--font-mono);background-color:var(--text-muted);border-color:var(--text-muted);border-radius:var(--radius-2);border-width:var(--border-size-1);color:var(--text-muted-contrast);padding:.1ex .3ex;word-break:break-word}:where(.mark){border-radius:var(--radius-2);box-decoration-break:clone;padding:.1ex .3ex;vertical-align:baseline}:where(.s){text-decoration:line-through}:where(.sub){font-size:.75em;vertical-align:sub}:where(.del){color:var(--color-9);text-decoration:line-through}:where(.ins){color:var(--color-9);text-decoration:underline;text-underline-offset:1px}:where(.var){font-family:var(--font-mono);background-color:var(--text-muted);border-color:var(--text-muted);border-radius:var(--radius-2);border-width:var(--border-size-1);color:var(--text-muted-contrast);padding:.1ex .3ex;word-break:break-word}:where(.samp){font-family:var(--font-mono)}:where(.blockquote){border-inline-start:var(--border-size-3) solid currentColor;padding-block:var(--size-3);padding-inline:var(--size-4);:first-child{margin-block-start:0}:last-child{margin-block-end:0}footer{color:var(--text-muted);margin-block-start:var(--size-3)}}:where(pre.code-block){background-color:var(--color-15);border-radius:var(--border-radius);color:var(--color-1);font-family:var(--font-mono);font-size:var(--font-size-05);max-inline-size:100%;overflow-x:auto;padding-block:var(--size-3);padding-inline:var(--size-4);scrollbar-width:thin;white-space:pre;>code{background:none;border-radius:0;color:inherit;font-size:inherit;padding:0;word-break:normal;writing-mode:inherit}}}@layer components.extended{@scope(.rich-text)to (.not-rich-text){a{color:var(--primary);cursor:pointer;font-size:inherit;font-weight:700;line-height:inherit;text-decoration:underline;text-decoration-color:var(--primary);text-underline-offset:2px;&[href]{&:hover,&:focus-visible{color:var(--primary-light)}}}blockquote{border-inline-start:var(--border-size-3) solid currentColor;font-size:inherit;line-height:inherit;padding-block:var(--size-3);padding-inline:var(--size-4);:first-child{margin-block-start:0}:last-child{margin-block-end:0}footer{color:var(--text-muted);margin-block-start:var(--size-3)}}pre{border-radius:var(--border-radius);font-size:var(--font-size-05);margin-block:var(--size-6);max-inline-size:max-content;min-inline-size:0;padding-block:var(--size-3);padding-inline:var(--size-4);white-space:pre}pre:has(>code){background-color:var(--color-15);border-radius:var(--border-radius);color:var(--color-1);max-inline-size:100%;overflow-x:auto;scrollbar-width:thin;>code{background:none;border-radius:0;color:inherit;font-size:inherit;padding:0;word-break:normal;writing-mode:inherit}}p{font-size:inherit;line-height:inherit;margin-block:1.25em;text-wrap:pretty}:is(h1,h2,h3,h4,h5,h6){color:var(--text-primary);font-weight:700;text-wrap:pretty;+*:not(&){margin-block-start:0}}h1{font-size:var(--font-size-h1, var(--font-size-7));letter-spacing:-.02em;line-height:1.1111111;margin-block:0 .8888889em}h2{font-size:var(--font-size-h2, var(--font-size-5, 2rem));letter-spacing:-.02em;line-height:1.3333333;margin-block:2em 1em}h3{font-size:var(--font-size-h3, var(--font-size-4, 1.5rem));letter-spacing:-.01em;line-height:1.6;margin-block:1.6em .6em}h4{font-size:var(--font-size-h4, var(--font-size-3, 1.25rem));letter-spacing:-.01em;line-height:1.5;margin-block:1.5em .5em}h5{font-size:var(--font-size-h5, var(--font-size-2, 1.1rem));line-height:1;margin-block:0 var(--size-1)}h6{font-size:var(--font-size-h6, var(--font-size-1, 1rem));line-height:1;margin-block:0 var(--size-1)}:is(.overline,hgroup p:first-of-type:first-child){color:light-dark(oklch(from var(--text-muted) calc(l/.8) c h),oklch(from var(--text-muted) calc(l*.75) c h));font-size:var(--font-size-0);font-weight:500;letter-spacing:.06em;text-transform:uppercase}hgroup{>p{margin:0}>:where(h1,h2,h3,h4,h5,h6){margin-block:0 .4em}+*{margin-block-start:3em}>p:not(:first-of-type:first-child){color:oklch(from currentColor l c h / 75%);font-size:var(--font-size-3);line-height:1.6}>p+p{margin-block-start:.75em}}ul:not([class]){list-style-type:disc}ol:not([class]){list-style-type:decimal}:where(ul,ol):not([class]){display:grid;font-size:inherit;gap:.5em;line-height:inherit;margin-block-end:1.25em;margin-block-start:1.25em;padding-inline-start:1.625em;li{padding-inline-start:.375em}}:where(ul ul),:where(ul ol),:where(ol ul),:where(ol ol){margin-block-end:.75em;margin-block-start:.75em}:where(dl){font-size:inherit;line-height:inherit;margin-block-end:1.25em;margin-block-start:1.25em;dt{font-weight:700;margin-block-start:1.25em}dd{margin-block-start:.5em;padding-inline-start:1.625em}}figure{display:grid;gap:var(--size-2);margin-block:var(--size-7);place-items:center;>*{margin-block:0}& figcaption{font-size:var(--font-size-0);text-wrap:pretty}}>:first-child{margin-block-start:0}>:last-child{margin-block-end:0}hr{+*{margin-block-start:0}}:where(ins,u,abbr,dfn){text-decoration:underline;text-underline-offset:1px;@supports (-moz-appearance: none){text-underline-offset:2px}}:where(abbr,dfn){font-style:normal;text-decoration:var(--color-9) underline dotted;&[title]{cursor:help;text-underline-offset:1px}@supports (-moz-appearance: none){text-underline-offset:2px}}sup{font-size:.5em;vertical-align:super}:where(del,ins){color:var(--color-9)}small{font-size:max(.5em,var(--font-size-0, .75rem))}cite{font-style:italic}:where(code,kbd,samp,pre){font-family:var(--font-mono)}code{background-color:#0000002e;border-radius:var(--border-size-3);font-size:.9em;padding:.1ex .3ex}:where(kbd,var){background-color:var(--text-muted);border-color:var(--text-muted);border-radius:var(--radius-2);border-width:var(--border-size-1);color:var(--text-muted-contrast);padding:.1ex .3ex}:not(pre) code,kbd{word-break:break-word}:not(pre) code{border-radius:var(--border-radius, var(--radius-2));padding:.5ex;writing-mode:lr}mark{border-radius:var(--radius-2);box-decoration-break:clone;padding:.1ex .3ex;vertical-align:baseline}s{text-decoration:line-through}sub{font-size:.75em;vertical-align:sub}}}@layer components.extended{:where(.badge){--_anchor-tx: -50%;--_anchor-ty: 50%;--_badge-inset: auto auto 100% 100%;--_bg-color: var(--primary);--_border-color: var(--primary);--_dot-size: var(--size-2);--_size: var(--size-4);--_text-color: var(--gray-1);display:inline-flex;position:relative;vertical-align:middle;>.anchor-floating:not([popover]){inset:var(--_badge-inset);position-anchor:auto;position-area:none}>.anchor-floating>.badge-indicator{background-color:var(--_bg-color);block-size:var(--_size);border:2px solid var(--_border-color);border-radius:var(--radius-round);color:var(--_text-color);display:grid;font-size:12px;font-weight:500;inline-size:max-content;line-height:normal;min-inline-size:var(--_size);padding-inline:var(--size-1);place-items:center;text-align:center;transition:opacity .2s var(--ease-out-1)}&.critical{--_bg-color: var(--critical);--_border-color: var(--critical)}&.success{--_bg-color: var(--success);--_border-color: var(--success)}&.info{--_bg-color: var(--info);--_border-color: var(--info)}&.warning{--_bg-color: var(--warning);--_border-color: var(--warning)}&.neutral{--_bg-color: var(--neutral);--_border-color: var(--neutral)}&.start-start{--_anchor-tx: 50%;--_anchor-ty: 50%;--_badge-inset: auto 100% 100% auto}&.end-start{--_anchor-tx: 50%;--_anchor-ty: -50%;--_badge-inset: 100% 100% auto auto}&.end-end{--_anchor-tx: -50%;--_anchor-ty: -50%;--_badge-inset: 100% auto auto 100%}&.dot{--_anchor-tx: calc((var(--_dot-size) - 2px) * -1);--_anchor-ty: var(--_dot-size)}&.dot>.anchor-floating>.badge-indicator{block-size:var(--_dot-size);inline-size:var(--_dot-size);min-inline-size:var(--_dot-size);padding:0}&.invisible>.anchor-floating>.badge-indicator{opacity:0;pointer-events:none}}}@layer components.extended{:where([role=group].button-group){--_border-radius: var(--button-border-radius);border-radius:var(--_border-radius);display:inline-flex;min-width:max-content;button{border-radius:0;--_divider-color: light-dark(oklch(from var(--_accent-tonal) calc(l - .1) c h), oklch(from var(--_accent-tonal) calc(l + .1) c h));&.outlined{--_divider-color: var(--_border-color)}&.filled{--_divider-color: currentColor}&:focus-visible{outline-offset:-4px}:where(.button-group.critical,.button-group.primary) &{--_color-contrast: var(--gray-1);--_color-tonal: var(--color-6);--_accent-tonal-contrast: var(--text-primary-contrast);--_default-hover-bg-color: oklch(from var(--_accent) l c h / 15%);--_default-active-bg-color: oklch(from var(--_accent) l c h / 25%);--_filled-hover-bg-color: oklch(from var(--_accent) calc(l - .1) c h);--_filled-active-bg-color: oklch(from var(--_accent) calc(l - .15) c h);--_outlined-active-bg-color: oklch(from var(--_accent) calc(l - .1) c h)}:where(.button-group.critical) &{--_color: var(--critical)}:where(.button-group.primary) &{--_color: var(--primary)}:where(.button-group.small) &{--_min-height: 1.875rem;padding-block:0;padding-inline:1ex}:where(.button-group.large) &{--_min-height: 2.875rem;padding-inline:4ex}:where(.button-group.outlined) &{--_border-color: var(--_accent);--_divider-color: var(--_accent);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--_accent);--_border-color: var(--_accent);--_text-color: var(--_accent-contrast)}&:where(:active){--_bg-color: var(--_outlined-active-bg-color);--_border-color: var(--_outlined-active-bg-color);--_text-color: var(--_accent-contrast)}}}:where(.button-group.tonal) &{--_bg-color: var(--_accent-tonal);--_text-color: var(--_accent-tonal-contrast);&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--_accent);--_text-color: var(--_accent-contrast)}&:where(:active){--_bg-color: var(--_outlined-active-bg-color);--_text-color: var(--_accent-contrast)}}}:where(.button-group.filled) &{--_bg-color: var(--_accent);--_text-color: var(--_accent-contrast);--_divider-color: currentColor;:where(.button-group.critical,.button-group.primary) &{--_divider-color: light-dark(oklch(from var(--_accent) calc(l - .1) c h), oklch(from var(--_accent) calc(l + .1) c h))}&:where(:not([disabled])){&:where(:not(:active):hover){--_bg-color: var(--_filled-hover-bg-color)}&:where(:active){--_bg-color: var(--_filled-active-bg-color)}}}}&:not(.vertical){button{&:first-of-type{border-end-start-radius:var(--_border-radius);border-start-start-radius:var(--_border-radius)}&:last-of-type{border-end-end-radius:var(--_border-radius);border-start-end-radius:var(--_border-radius)}+&{border-inline-start-color:var(--_divider-color);border-inline-width:1px;margin-inline-start:-1px;&[disabled]{border-inline-start-color:color-mix(in oklch,var(--_divider-color) 40%,transparent)}}}}&.vertical{flex-direction:column;button{padding:var(--size-2);&:has(svg){aspect-ratio:1;padding:var(--size-1)}&:first-of-type{border-start-start-radius:var(--_border-radius);border-start-end-radius:var(--_border-radius)}&:last-of-type{border-end-start-radius:var(--_border-radius);border-end-end-radius:var(--_border-radius)}+&{border-block-start:1px solid var(--_divider-color);margin-block-start:-1px;&[disabled]{border-block-start-color:color-mix(in oklch,var(--_divider-color) 40%,transparent)}}}}}}@layer components.extended{:where(details.accordion){--_actions-gap: var(--size-1);--_actions-margin-block-start: var(--size-3);--_actions-padding-block-end: var(--size-1);--_actions-padding-inline: var(--size-3) var(--size-1);--_bg-color: transparent;--_border-color: transparent;--_border-radius: var(--border-radius, 4px);--_border-width: 0;--_content-padding-block: var(--size-2) var(--size-3);--_content-padding-inline: var(--_padding-inline);--_margin-inline: var(--size-1);--_padding-inline: initial;--_shadow: none;--_summary-padding-block: var(--size-3);--_summary-padding-inline: var(--_padding-inline);--_svg-transition: .2s var(--ease-1);--_transition: .2s;background-color:var(--_bg-color);border:var(--_border-width) solid var(--_border-color);border-radius:var(--_border-radius);box-shadow:var(--_shadow);display:block;margin-inline:var(--_margin-inline);transition:all var(--_transition) ease-out;&.elevated{--_bg-color: var(--surface-elevated);--_margin-inline: 0;--_padding-inline: var(--size-3);--_shadow: var(--shadow-3)}&.outlined{--_bg-color: var(--surface-default);--_border-color: var(--border-color);--_border-width: 1px;--_margin-inline: 0;--_padding-inline: var(--size-3)}&.tonal{--_bg-color: var(--surface-tonal);--_margin-inline: 0;--_padding-inline: var(--size-3)}@media(prefers-reduced-motion:no-preference){interpolate-size:allow-keywords}&::details-content{block-size:0;opacity:0;overflow-y:clip;transition:content-visibility var(--_transition) allow-discrete,opacity var(--_transition),block-size var(--_transition)}&[open]::details-content{block-size:auto;opacity:1}>summary{background-color:inherit;cursor:pointer;font-weight:700;padding-block:var(--_summary-padding-block);padding-inline:var(--_summary-padding-inline);user-select:none;&:has(svg){align-items:center;display:flex;justify-content:space-between;list-style:none;&::marker,&::-webkit-details-marker{display:none}}svg{transition:rotate var(--_svg-transition)}}&[open]>summary svg{rotate:180deg}>.content{margin-block-start:0;padding-block:var(--_content-padding-block);padding-inline:var(--_content-padding-inline)}>.actions{display:flex;gap:var(--_actions-gap);justify-content:end;margin-block-start:var(--_actions-margin-block-start);padding-block-end:var(--_actions-padding-block-end);padding-inline:var(--_actions-padding-inline)}}:where(.card[role=group]:has(details.accordion)){--_group-radius: var(--border-radius);--_gutter-color: var(--border-color);--_item-padding-inline: var(--size-3);--_item-summary-padding-inline: var(--_item-padding-inline);display:block;&.card{&:not(.tonal,.outlined,.elevated){--_item-summary-padding-inline: 0}}>.content{margin-block:0;padding:0}>details.accordion{--_border-color: transparent;--_border-width: 0;--_margin-inline: 0;--_padding-inline: var(--_item-padding-inline);--_shadow: none;--_summary-padding-inline: var(--_item-summary-padding-inline);+&{border-block-start:1px solid var(--_gutter-color);border-radius:0}&:first-of-type{border-start-end-radius:var(--_group-radius);border-start-start-radius:var(--_group-radius);summary{border-start-end-radius:var(--_group-radius);border-start-start-radius:var(--_group-radius)}}&:last-of-type{border-end-end-radius:var(--_group-radius);border-end-start-radius:var(--_group-radius);summary{border-end-end-radius:var(--_group-radius);border-end-start-radius:var(--_group-radius)}}}}}@layer components.extended{:where(.list){--_bg-color: var(--surface-filled);--_bg-color-hover: oklch(from var(--primary) l c h / 15%);background-color:var(--_bg-color);color:var(--text-primary);list-style:none;padding:var(--size-2) 0;@media(pointer:coarse){&,*{user-select:none}}&.transparent{--_bg-color: transparent}&.default{--_bg-color: var(--surface-default)}&.tonal{--_bg-color: var(--surface-tonal)}&.bordered{:where(li+li,option+option){margin-block-start:var(--size-3);&:before{block-size:1px;border-block-start:1px solid var(--border-color);content:"";display:block;inline-size:100%;inset:calc(-1 * var(--size-2)) 0 auto 0;position:absolute;visibility:visible}}}&.dense{:where(li,option){gap:var(--size-2);min-block-size:var(--size-7);padding:var(--size-1) var(--size-2);&.border-top{margin-block-start:var(--size-2);&:before{inset:calc(-1 * var(--size-1)) 0 auto 0}}&:has(>a,>button,>label){min-block-size:auto;padding:0}>:where(a,button,label){gap:var(--size-2);min-block-size:var(--size-7);padding:var(--size-1) var(--size-2)}>label{.end{padding-inline-end:.125rem}&:where(.checkbox,.radio){--_input-size: var(--size-3)}}.start,.end{.avatar{max-inline-size:var(--size-6)}.icon-button,svg{max-inline-size:var(--size-4)}.checkbox,.radio{--_input-size: var(--size-3)}}}}&.gutterless{:where(li,option){padding-inline:0;>:where(a,button,label){padding-inline:0}}}:where(li,option,[role=group]>label){align-items:center;background-color:var(--_bg-color);display:flex;font-size:var(--font-size-05);gap:var(--size-3);isolation:isolate;min-block-size:40px;padding:var(--size-2) var(--size-3);position:relative;&:before{display:none}*{font-size:inherit}&:has(>a,>button,>label){background:transparent;display:block;min-block-size:auto;padding:0;&[aria-selected=true]>:where(a,button,label),&[aria-selected=true],&:has(>[aria-current=page])>:where(a,button,label){background-color:var(--_bg-color-hover)}}&:where(option){align-items:center;background-color:var(--_bg-color);color:inherit;cursor:pointer;display:flex;gap:var(--size-3);inline-size:100%;margin:0;min-block-size:40px;padding:var(--size-2) var(--size-3);text-align:start;text-decoration:none;z-index:0;&:hover{background-color:var(--_bg-color-hover)}&[aria-selected=true]{background-color:var(--_bg-color-hover);color:var(--primary)}&:checked{background-color:oklch(from var(--primary) l c h / 30%)}}>a,>button,>label{align-items:center;background-color:var(--_bg-color);color:inherit;cursor:pointer;display:flex;gap:var(--size-3);inline-size:100%;margin:0;min-block-size:40px;outline-offset:-3px;padding:var(--size-2) var(--size-3);text-align:start;text-decoration:none;z-index:0;&:hover{background-color:var(--_bg-color-hover)}&[aria-selected=true],&[aria-current=page]{background-color:var(--_bg-color-hover)}}>label{&:where(.checkbox,.radio,.switch){display:flex}.end{padding-inline-end:var(--size-1)}&:where(.checkbox,.radio){inline-size:100%}&.switch{--_dot-size: .75rem;--_track-height: var(--size-4);--_track-width: 2.5rem}}&:has(video){padding:.75rem var(--size-3) .75rem 0}&.border-top{margin-block-start:var(--size-3);&:before{block-size:1px;border-block-start:1px solid var(--border-color);content:"";display:block;inline-size:100%;inset:calc(-1 * var(--size-2)) 0 auto 0;position:absolute}}.text{flex:1;line-height:1.6;:where(h1,h2,h3,h4,h5,h6,p,span){color:inherit;font-weight:400}p+p{color:var(--text-muted);font-size:var(--font-size-0)}}.start{align-items:center;align-self:center;display:grid;z-index:1;&:has(svg){max-inline-size:var(--size-5)}svg{padding-block-start:.125rem}img{aspect-ratio:1;inline-size:56px;object-fit:cover}video{aspect-ratio:16/9;block-size:64px;object-fit:cover}}.end{align-items:center;display:flex;font-size:var(--font-size-0);text-align:end;z-index:1;&:not(:has(a,button,input)){pointer-events:none}kbd{background-color:transparent;border:0;color:inherit;opacity:.6}svg{inline-size:100%;max-inline-size:var(--size-5)}}&.inset{.text{padding-inline-start:calc(var(--size-5) + var(--size-3))}.start{display:none}}}}}@layer components.extended{:where(.dialog){inline-size:100%;inset:0;margin:auto;margin-block-start:15%;max-inline-size:calc(100% - var(--size-4));padding-block:0;pointer-events:none;position:fixed;@media(width>600px){max-inline-size:60ch}opacity:0;&::backdrop{backdrop-filter:blur(1px);background-color:#00000080;@media(prefers-reduced-motion:reduce){backdrop-filter:none}}&:not([open]){display:none}&[open]{pointer-events:all}.actions{justify-content:end;padding-inline:var(--size-3) var(--size-1)}&[open]{opacity:1;transition:display .2s allow-discrete,overlay .2s allow-discrete,opacity .2s var(--ease-out-1);@starting-style{opacity:0}}@media(prefers-reduced-motion:no-preference){&[open]{margin-block-start:15%;@starting-style{opacity:0}}}}:where(html:has(.dialog[open])){block-size:100%;overflow:hidden}}@layer components.root{:where(dialog.drawer){--_backdrop-bg-color: transparent;--_backdrop-blur: blur(2px);--_bg-color: var(--surface-default);--_block-size: min(80vb, 650px);--_border-color: var(--border-color);--_border-width: var(--border-width);--_color: var(--text-primary);--_content-padding: var(--size-4);--_footer-gap: var(--size-3);--_footer-padding: var(--size-3);--_header-font-size: var(--font-size-3);--_header-padding: var(--size-3);--_inline-size: min(375px, 100vi);--_shadow: var(--shadow-2);--_transition-duration: .2s;--_transition-timing: var(--ease-out-3);background-color:var(--_bg-color);border:none;box-shadow:var(--_shadow);color:var(--_color);display:flex;flex-direction:column;margin:0;max-inline-size:100%;padding:0;position:fixed;transition:display var(--_transition-duration) allow-discrete,overlay var(--_transition-duration) allow-discrete,translate var(--_transition-duration) var(--_transition-timing);z-index:1000;&::backdrop{backdrop-filter:var(--_backdrop-blur);background-color:var(--_backdrop-bg-color);opacity:0;transition:display var(--_transition-duration) allow-discrete,overlay var(--_transition-duration) allow-discrete,opacity var(--_transition-duration) var(--_transition-timing)}&.backdrop-transparent{--_backdrop-blur: none}.header{align-items:center;border-block-end:var(--_border-width) solid var(--_border-color);display:flex;padding:var(--_header-padding);:where(h1,h2,h3,h4,h5,h6){font-size:var(--_header-font-size);margin:0}:where(.icon-button){margin-inline-start:auto}}.content{flex:1;overflow-y:auto;padding:var(--_content-padding)}.footer{border-block-start:var(--_border-width) solid var(--_border-color);display:flex;gap:var(--_footer-gap);justify-content:end;padding:var(--_footer-padding)}&.inline-start,&.inline-end{block-size:100dvb;inline-size:var(--_inline-size);inset-block:0;max-block-size:100%}&.inline-start{border-inline-end:var(--_border-width) solid var(--_border-color);inset-inline-end:auto;inset-inline-start:0;translate:-100% 0}&.inline-end{border-inline-start:var(--_border-width) solid var(--_border-color);inset-inline-end:0;inset-inline-start:auto;translate:100% 0;.footer{justify-content:start}}&.block-start,&.block-end{block-size:var(--_block-size);inline-size:100dvi;inset-inline:0;max-block-size:80dvb}&.block-start{border-block-end:var(--_border-width) solid var(--_border-color);inset-block-end:auto;inset-block-start:0;translate:0 -100%}&.block-end{border-block-start:var(--_border-width) solid var(--_border-color);inset-block-end:0;inset-block-start:auto;translate:0 100%}&[open]{translate:0 0;&::backdrop{opacity:1}@starting-style{&::backdrop{opacity:0}&.inline-start{translate:-100% 0}&.inline-end{translate:100% 0}&.block-start{translate:0 -100%}&.block-end{translate:0 100%}}}}html:has(dialog.drawer.scroll-lock[open].backdrop-transparent){overflow:unset;overscroll-behavior:auto;@media(width<500px){overflow:clip;overscroll-behavior:contain}}}@layer components.extended{:where(.form){display:grid;gap:var(--size-8);hr{margin-block:0}}:where(.fieldset){all:unset;border:0;border-radius:0;display:grid;gap:var(--size-1);margin:0;min-inline-size:0;padding:0;:where(legend,.legend){all:unset;color:var(--text-primary);font-weight:600;margin-block-end:var(--size-3);padding:0;&:has(+:where(.field-description)){margin-block-end:0}}:where(.field-description){color:var(--text-muted);font-size:var(--font-size-05);line-height:var(--font-lineheight-3);&:has(+*){margin-block-end:var(--size-3)}}:where(.end-text){color:var(--text-muted);font-size:var(--font-size-0);line-height:var(--font-lineheight-3)}&:has(.text-field.row){row-gap:var(--size-7)}&[disabled]{opacity:.64;user-select:none;input,label,.label{cursor:not-allowed}}&[data-invalid]{:where(.end-text){color:var(--primary)}:where(.checkbox,.radio,.switch){--palette-source: oklch(.58 .21 var(--hue-red));:where(.end-text){color:var(--primary)}}:where(.switch){input{border-radius:var(--radius-round);outline:2px solid var(--primary)}}}&:has(:invalid){:where(legend,.legend){padding-inline-end:1ex;position:relative;&:after{color:var(--red);content:"*";inset:0 -.25ex auto auto;position:absolute}}}}:where(.field-group){display:flex;flex-direction:column;gap:var(--size-4);&:has(>:where(.checkbox,.radio,.switch)):not(:has(>:not(.checkbox,.radio,.switch))){gap:var(--size-2)}&:has(.button):not(:has(*:not(.button))){align-items:center;flex-direction:row;gap:var(--size-2);&:not(hr+&){margin-block-start:var(--size-4)}}+&{margin-block-start:var(--size-5)}&.row{flex-direction:row;flex-wrap:wrap;&:has(>:where(.checkbox,.radio,.switch)){gap:var(--size-4)}}}}@layer components.extended{:where(.text-field,.textarea,.select){--_accent-color: var(--primary);--_bg-color: var(--surface-default);--_border-color: var(--field-border-color);--_field-padding-block: var(--size-2);--_field-padding-inline: var(--size-2);--_filled-border-color: var(--text-primary);--_height: var(--field-size);--_label-color: var(--text-muted);--_end-text-color: var(--text-muted);display:grid;gap:var(--size-1) 0;position:relative;.field{background-color:var(--_bg-color);border:var(--field-border-width) solid var(--_border-color);border-radius:var(--field-border-radius);display:grid;grid-column:1/-1;grid-row:2;grid-template-columns:auto 1fr auto;grid-template-areas:"header header header" "prefix input  suffix" "footer footer footer";min-block-size:var(--_height);@media(prefers-reduced-motion:no-preference){transition:border-color .2s cubic-bezier(.4,0,.2,1)}}:where(.field) :where(input,textarea,select){background:transparent;border:0;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-1);grid-area:input;inline-size:100%;line-height:var(--font-lineheight-1);min-inline-size:0;padding:var(--_field-padding-block) var(--_field-padding-inline);&:focus,&:focus-visible{outline:0}}.prefix,.suffix{align-items:center;color:var(--_label-color);display:inline-flex;padding-inline:var(--_field-padding-inline);white-space:nowrap}.prefix{grid-area:prefix}.suffix{grid-area:suffix}.header,.footer{align-items:center;color:var(--_label-color);display:flex;font-size:var(--font-size-0);gap:var(--size-2);padding:var(--size-1) var(--_field-padding-inline)}.header{border-block-end:1px solid var(--_border-color);grid-area:header}.footer{border-block-start:1px solid var(--_border-color);grid-area:footer}.field:has(>.prefix) :where(input,textarea,select){padding-inline-start:0}.field:has(>.suffix) :where(input,textarea,select){padding-inline-end:0}&.textarea .field{.prefix,.suffix{align-self:start;padding-block:var(--_field-padding-block)}}&:has(:invalid){.label:after{color:var(--red);content:"*";margin:-.25em auto auto .25em}}&:has(input[type=file]){cursor:pointer;input{align-self:flex-start;block-size:var(--_height);box-shadow:none;color:var(--text-primary);cursor:inherit;max-inline-size:100%;padding:0;transition:font-size .2s var(--ease-3);&::-webkit-file-upload-button,&::file-selector-button{background-color:var(--surface-tonal);block-size:calc(100% - var(--size-2) * 2);border:none;border-radius:var(--field-border-radius);cursor:pointer;margin-block-start:var(--size-2);margin-inline-end:1ex;margin-inline-start:var(--size-2)}}&.filled{input{&::-webkit-file-upload-button,&::file-selector-button{background-color:var(--surface-default);block-size:calc(100% - var(--size-2) * 2);border-radius:var(--field-border-radius);cursor:pointer;margin-block-start:var(--size-2)}}}&.small{input{font-size:var(--font-size-05);&::-webkit-file-upload-button,&::file-selector-button{block-size:calc(100% - var(--size-2));margin-block-start:var(--size-1)}}}}&:has(input[list]){.label{inline-size:calc(100% - var(--size-6))}}&:has(select){.label{inline-size:calc(100% - var(--size-6))}}&:has(select button){select{padding:0;button{outline:0;padding:var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline)}}}&:has(select):not(:has(button)){select{padding:var(--_field-padding-block) var(--size-8) var(--_field-padding-block) var(--_field-padding-inline)}}&:has(input[type=color]){.field{block-size:var(--_height);inline-size:var(--_height);min-block-size:0;overflow:hidden}input{appearance:none;background:none;block-size:var(--_height);inline-size:var(--_height);overflow:hidden;padding:0;&::-webkit-color-swatch{border:none}&::-webkit-color-swatch-wrapper{padding:0}}}&:hover{&:not([data-invalid]){.field{border-color:var(--text-primary)}}}&:focus-within{.field{border-color:var(--_accent-color);outline-offset:-2px}}.label{color:var(--text-primary);font-size:var(--font-size-05);font-weight:600;grid-column:1/-1;grid-row:1;padding-inline:0 1ex}:where(.end-text){color:var(--_end-text-color);font-size:var(--font-size-0);grid-column:1/-1;grid-row:3;line-height:1.5}&.auto-fit{inline-size:auto;.field{inline-size:auto}:where(& input,& textarea){field-sizing:content;inline-size:auto;min-inline-size:25ch}}&[data-invalid],&:has(:user-invalid){--_accent-color: var(--color-9);--_border-color: var(--color-9);--_filled-border-color: var(--color-9);--_label-color: var(--color-9);--_end-text-color: var(--color-9)}&.filled{--_bg-color: var(--surface-tonal);&:not(:has([disabled],:has(input[type=color]))){&:hover{--_bg-color: light-dark(oklch(from var(--surface-tonal) calc(l*.93) c h), oklch(from var(--surface-tonal) calc(l*1.1) c h))}}}&:where(:has([disabled])){cursor:not-allowed;opacity:.64;user-select:none;&:before{display:none}.field{cursor:not-allowed}:where(input,textarea,select){cursor:not-allowed;*{pointer-events:none}}.label,.start-text,.end-text{cursor:not-allowed}}&:where(:has([readonly])){&:before{display:none}:where(input,textarea,select){cursor:not-allowed;*{pointer-events:none}}}&.small{--_field-padding-block: var(--size-2);--_height: var(--field-size-small);&:has(input[type=color]){.label{line-height:1.5}}}&.spread{align-items:start;column-gap:var(--size-4);container-type:inline-size;grid-template-columns:1fr auto;.label{font-weight:600;grid-column:1;grid-row:1}.start-text{color:var(--_end-text-color);font-size:var(--font-size-0);grid-column:1;grid-row:2;line-height:1.5}.field{align-self:start;grid-column:2;grid-row:1 / span 2}.field:has(textarea){grid-row:1 / span 3;+.end-text{grid-row:4}}:where(textarea){min-inline-size:30ch}:where(.end-text){grid-column:2;text-align:end}@container (width < 400px){column-gap:0;grid-template-columns:1fr;.label{grid-column:1;grid-row:1}.start-text{grid-column:1;grid-row:2}.field,.field:has(textarea){grid-column:1;grid-row:3}:where(.end-text){grid-column:1;grid-row:4;text-align:start}}}}}@layer components.extended{:where(.select select){position:relative;&::picker-icon{block-size:0;border-block-start:5px solid;border-inline:5px solid transparent;color:currentColor;content:"";inline-size:0;inset:50% var(--size-3) auto auto;pointer-events:none;position:absolute;translate:0 -50%}&:open{&::picker-icon{rotate:180deg}}&::picker(select){border:0;box-shadow:var(--shadow-2);opacity:1;padding:0;scale:1;@starting-style{opacity:0;transform:scale(.9)}@media(prefers-reduced-motion:no-preference){transition:display .2s allow-discrete,opacity .2s var(--ease-3),overlay .2s allow-discrete,scale .2s var(--ease-3)}}&:not(:open)::picker(select){opacity:0;scale:.9}button{align-items:center;background-color:transparent;display:flex;inline-size:100%;margin:0;position:relative;selectedcontent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.list{--_bg-color: var(--surface-filled);border:var(--field-border-width) solid var(--field-border-color);border-radius:var(--field-border-radius);[role=group]{label{background-color:light-dark(var(--gray-3),var(--gray-13));color:light-dark(oklch(from var(--text-primary) calc(l*.75) c h),oklch(from var(--text-primary) calc(l/.8) c h));font-weight:500;overflow:hidden;padding-inline:var(--size-2);text-overflow:ellipsis;white-space:nowrap}&:not(:first-child),option:first-of-type{margin-block-start:var(--size-2)}option:last-of-type,&:last-child{option:last-of-type{margin-block-end:0}}}option{&::check{display:none}&::checkmark{display:none}&:before{display:none}&:focus-visible{outline-offset:-1px}}}}:where(.select:has(select)){&.small{button{padding-inline:var(--size-2) var(--size-7);&:after{inset-inline-end:var(--size-2)}}}&:not(:has(button)){select{appearance:none}&:after{align-self:center;block-size:0;border-block-start:5px solid;border-inline:5px solid transparent;content:"";display:inline-block;flex-shrink:0;grid-column:1/-1;grid-row:2;inline-size:0;inset-inline-end:var(--size-3);justify-self:end;pointer-events:none;position:relative}}}select:has(button),::picker(select){appearance:base-select}}@layer components.extended{:where(.text-field:has(:where(input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]))){&.small{input{padding-inline:var(--size-2)}}}:where(.text-field:has(input[list])){.field{position:relative}input[list]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0;pointer-events:none;position:absolute}input[list]{padding-inline-end:var(--size-8)}.field:after{block-size:0;border-block-start:5px solid;border-inline:5px solid transparent;content:"";inline-size:0;inset:50% var(--size-3) auto auto;pointer-events:none;position:absolute;translate:0 -50%}&.small{input[list]{padding-inline-end:var(--size-7)}.field:after{inset-inline-end:var(--size-2)}}}}@layer components.extended{:where(.textarea){textarea{block-size:auto;field-sizing:content;min-block-size:calc(var(--_field-padding-block) * 2 + (var(--border-width) * 2) + 3lh);resize:vertical}&.small{textarea{min-block-size:var(--size-9)}}&.auto-fit{textarea{resize:both}}}}@layer components.extended{:where(.tooltip){--_tooltip-bg: light-dark(var(--gray-13), var(--gray-3));--_tooltip-color: light-dark(var(--gray-1), var(--gray-15));--_tooltip-offset: var(--size-2);>.anchor-floating{background-color:var(--_tooltip-bg);border-radius:var(--radius-2);color:var(--_tooltip-color);font-size:var(--font-size-05);line-height:1.3;margin:var(--_tooltip-offset);max-inline-size:240px;overflow:visible;padding-block:var(--size-1);padding-inline:var(--size-2);position-area:var(--anchor-position-area, block-start);position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;position-visibility:anchors-visible;text-align:center;text-wrap:pretty}&.with-arrow{--_arrow-size: var(--size-2);>.anchor-floating{--_tooltip-offset: calc(var(--size-2) + var(--_arrow-size) / 2)}>.anchor-floating:before{background-color:var(--_tooltip-bg);block-size:var(--_arrow-size);content:"";inline-size:var(--_arrow-size);inset-block-end:calc(var(--_arrow-size) / -2);inset-inline-start:50%;position:absolute;rotate:45deg;translate:-50% 0}}>.anchor-floating[popover]{opacity:0;transition:display .15s allow-discrete,opacity .15s var(--ease-out-1),overlay .15s allow-discrete;&:popover-open{opacity:1;@starting-style{opacity:0}}}}}@layer utils{.sr-only{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}html:has(.scroll-lock[open]){overflow:clip;overscroll-behavior:contain;scrollbar-gutter:stable}:where(.checkbox input,.radio input,.icon-button){--isLTR: 1;--isRTL: -1;position:relative;transform-style:preserve-3d;&:dir(rtl){--isLTR: -1;--isRTL: 1}&:where(:not([disabled])){&:hover:before{--thumb-scale: 1}&:active:before{--thumb-scale: 1.1}&:before{--thumb-scale: .01;--highlight-size: 150%;background-color:#80808033;block-size:var(--highlight-size);clip-path:circle(50%);content:"";inline-size:var(--highlight-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;transform-origin:center center;transform:translate(calc(var(--isRTL) * 50%)) translateY(-50%) translateZ(-1px) scale(var(--thumb-scale));will-change:transform;@media(prefers-reduced-motion:no-preference){transition:transform .2s ease}}}}}@view-transition{navigation:auto}*::selection{color:var(--color-1);background:var(--color-12)}:where(h1,h2,h3,h4,h5,h6,hgroup h1+p){font-family:var(--font-bricolage-grotesque),sans-serif}.anatomy{--_anatomy-border-red: 2px dotted tomato;--_anatomy-border-gray: 2px dotted gray;pointer-events:none;.show-code-button{pointer-events:auto;outline:none!important;*{outline:none!important}}}.example-container{:where(.text-field,.textarea,.select):not(.auto-fit,.row) :where(input,textarea,select){inline-size:25ch}}:root{--_gap: var(--size-4, 20px);--_page-gutters: var(--_gap);@media(width>=600px){--_page-gutters: calc(var(--_gap) * 2)}--_content-document: 80ch;--_content-sm: 540px;--_content-md: 1140px;--_content-lg: 1500px;--_content-text: 65ch}:where(h1,h2,h3,h4,h5,h6){scroll-margin:var(--size-11)}.container{margin:0 auto;max-inline-size:min(calc(100% - var(--_page-gutters)),var(--_content-md));&.small{max-inline-size:min(calc(100% - var(--_page-gutters)),var(--_content-sm))}&.large{max-inline-size:min(calc(100% - var(--_page-gutters)),var(--_content-lg))}&.text{max-inline-size:min(calc(100% - var(--_page-gutters)),var(--_content-text))}&.start{margin-inline:var(--_gap) auto}&.end{margin-inline:auto var(--_gap)}}footer[data-astro-cid-sz7xmlte]{background-color:var(--surface-2);margin-block-start:var(--size-12);padding-block:var(--size-9)}.content[data-astro-cid-sz7xmlte]{margin:0 auto;max-inline-size:var(--_content-md);padding-inline:var(--_gap)}ul[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;gap:var(--size-6);justify-content:center;list-style:none;margin:0;padding:0}a[data-astro-cid-sz7xmlte]{color:var(--text-2);text-decoration:none;&:hover{color:var(--text-1);text-decoration:underline}}hr[data-astro-cid-sz7xmlte]{border-block-start:1px solid var(--surface-3);border:none;margin-block:var(--size-8)}p[data-astro-cid-sz7xmlte]{color:var(--text-2);font-size:var(--font-size-0);text-align:center}