@layer reset{*,:before,:after{scrollbar-color:currentcolor transparent;box-sizing:border-box;text-box:trim-both cap alphabetic;background-repeat:no-repeat;flex-wrap:nowrap}:not(dialog:modal){margin:0;padding:0}html{scrollbar-gutter:stable;&.translated-rtl{direction:rtl}}body{--_font-size-adjust:.54;font-size-adjust:var(--_font-size-adjust);text-size-adjust:none;tab-size:4;hanging-punctuation:first allow-end last;-webkit-font-smoothing:antialiased;font-family:system-ui,sans-serif;line-height:1}img,picture,video,canvas,audio,svg{flex-shrink:0;block-size:auto;max-inline-size:100%;display:block}svg:not([fill]){fill:currentColor}p img{display:inline-block}input,button,textarea,select{font:inherit;hanging-punctuation:none;appearance:none;background:0 0;border:none}button{user-select:none}textarea{resize:block;field-sizing:content}:disabled{cursor:not-allowed;color:currentColor;opacity:.7}:where([type=tel],[type=url],[type=email],[type=number]):not(:placeholder-shown){direction:ltr}[type=search]{appearance:textfield}fieldset,iframe,button{border:none}sup,sub{line-height:0}ul,ol,dl,summary{list-style:""}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}a{--_underline-adjust:.4lh;color:currentColor;text-decoration-color:rgb(from currentcolor r g b / 30%);text-decoration-skip-ink:none;text-decoration-line:none;text-decoration-thickness:.15em;@supports (text-box-edge:cap alphabetic){text-underline-offset:calc(((1lh - 1ex) * var(--_font-size-adjust)) - var(--_underline-adjust))}&:hover,&:focus-visible{text-decoration-color:rgb(from currentcolor r g b / 60%)}}pre{overflow-inline:scroll}:target{scroll-margin-block:5ex}:focus-visible{outline-offset:.2rem}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords;&:focus-within{scroll-behavior:smooth}}}}@layer theme{:root{--c-base:oklch(74.41% .148 0);--c-primary:oklch(from var(--c-base) l c var(--set-accent));--c-opposite:oklch(from var(--c-primary) l c calc(h - 90));--c-background:oklch(from var(--c-primary) calc(l * .45) calc(c * .5) h);--c-text-bold:contrast-color(var(--c-background));--c-text:var(--c-text-bold);--g-light-major:linear-gradient(in oklch var(--set-lightDir), rgb(255 255 255/var(--set-lightIntensity)), transparent 50px, transparent calc(100% - 50px), rgb(0 0 0/var(--set-lightIntensity)));--_light-minor-isUp:round(var(--set-lightDir) / 180, 1deg);--_light-minor-angle:calc(var(--_light-minor-isUp) * -180);--g-light-minor:linear-gradient(in oklch var(--_light-minor-angle), rgb(255 255 255/var(--set-lightIntensity)), transparent 5px, transparent calc(100% - 5px), rgb(0 0 0/var(--set-lightIntensity)));--g-light:var(--g-light-major), var(--g-light-minor);--_light-inverseDir:calc(var(--set-lightDir) - 180deg);--_light-inverseMajorIntensity:calc(var(--set-lightIntensity) / 2);--_light-inverseMinorIntensity:calc(var(--set-lightIntensity) * .75);--g-light-inverse-major:linear-gradient(in oklch var(--_light-inverseDir), rgb(255 255 255/var(--_light-inverseMajorIntensity)), transparent 50px, transparent calc(100% - 50px), rgb(0 0 0/var(--_light-inverseMajorIntensity)));--_light-inverse-minor-isUp:round(var(--_light-inverseDir) / 180, 1deg);--_light-inverse-minor-angle:calc(var(--_light-inverse-minor-isUp) * -180);--g-light-inverse-minor:linear-gradient(in oklch var(--_light-inverse-minor-angle), rgb(255 255 255/var(--_light-inverseMinorIntensity)), transparent 10px, transparent calc(100% - 10px), rgb(0 0 0/var(--_light-inverseMinorIntensity)));--g-light-inverse:var(--g-light-inverse-major), var(--g-light-inverse-minor);--_light-pop-intensity:calc(var(--set-lightIntensity) * 10);--_light-pop-color:light-dark(rgb(255 255 255/var(--_light-pop-intensity)),rgb(255 255 255/calc(var(--_light-pop-intensity) / 3)));--g-light-pop:linear-gradient(in oklch var(--_light-minor-angle), var(--_light-pop-color) -5px, transparent, transparent);--g-light-pop-inverse:linear-gradient(in oklch var(--_light-inverse-minor-angle), var(--_light-pop-color) -5px, transparent, transparent);--g-noise-darkBg:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%0A%20%20%3Cfilter%20id%3D%22a%22%3E%0A%20%20%20%20%3CfeTurbulence%20type%3D%22noise%22%20baseFrequency%3D%222%22%20/%3E%0A%20%20%20%20%3CfeComponentTransfer%3E%0A%20%20%20%20%20%20%3CfeFuncR%20type%3D%22table%22%20tableValues%3D%221%201%201%201%22%3E%3C/feFuncR%3E%0A%20%20%20%20%20%20%3CfeFuncG%20type%3D%22table%22%20tableValues%3D%221%201%201%201%22%3E%3C/feFuncG%3E%0A%20%20%20%20%20%20%3CfeFuncB%20type%3D%22table%22%20tableValues%3D%221%201%201%201%22%3E%3C/feFuncB%3E%0A%20%20%20%20%3C/feComponentTransfer%3E%0A%20%20%3C/filter%3E%0A%20%20%3Crect%20opacity%3D%22.1%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23a%29%22%20/%3E%0A%3C/svg%3E);--g-noise-lightBg:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20100%20100%22%3E%0A%20%20%3Cfilter%20id%3D%22a%22%3E%0A%20%20%20%20%3CfeTurbulence%20type%3D%22noise%22%20baseFrequency%3D%222%22%20/%3E%0A%20%20%20%20%3CfeComponentTransfer%3E%0A%20%20%20%20%20%20%3CfeFuncR%20type%3D%22table%22%20tableValues%3D%220%200%200%200%22%3E%3C/feFuncR%3E%0A%20%20%20%20%20%20%3CfeFuncG%20type%3D%22table%22%20tableValues%3D%220%200%200%200%22%3E%3C/feFuncG%3E%0A%20%20%20%20%20%20%3CfeFuncB%20type%3D%22table%22%20tableValues%3D%220%200%200%200%22%3E%3C/feFuncB%3E%0A%20%20%20%20%3C/feComponentTransfer%3E%0A%20%20%3C/filter%3E%0A%20%20%3Crect%20opacity%3D%22.1%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url%28%23a%29%22%20/%3E%0A%3C/svg%3E);--g-noise:light-dark(var(--g-noise-lightBg),var(--g-noise-darkBg));--rad-1:calc(var(--set-rounding) * 4px);--rad-2:calc(var(--set-rounding) * 8px);--rad-3:calc(var(--set-rounding) * 16px);--rad-circle:calc(var(--set-rounding) * 50%);--w-normal:400;--w-bold:500;--w-bolder:700;--ease-out:cubic-bezier(.19, 1, .22, 1);--ease-in:cubic-bezier(.95, .05, .795, .035);--ease-in-out:cubic-bezier(.455, .03, .515, .955);--ease-in-out-overshoot:cubic-bezier(.68, -.55, .265, 1.55);--s-3xs:clamp(.25rem, .25rem + 0vi, .25rem);--s-2xs:clamp(.5rem, .5rem + 0vi, .5rem);--s-xs:clamp(.75rem, .75rem + 0vi, .75rem);--s-s:clamp(1rem, 1rem + 0vi, 1rem);--s-m:clamp(1.5rem, 1.5rem + 0vi, 1.5rem);--s-l:clamp(2rem, 2rem + 0vi, 2rem);--s-xl:clamp(3rem, 3rem + 0vi, 3rem);--s-2xl:clamp(4rem, 4rem + 0vi, 4rem);--s-3xl:clamp(6rem, 6rem + 0vi, 6rem);--s-3xs-2xs:clamp(.25rem, .1477rem + .4545vi, .5rem);--s-2xs-xs:clamp(.5rem, .3977rem + .4545vi, .75rem);--s-xs-s:clamp(.75rem, .6477rem + .4545vi, 1rem);--s-s-m:clamp(1rem, .7955rem + .9091vi, 1.5rem);--s-m-l:clamp(1.5rem, 1.2955rem + .9091vi, 2rem);--s-l-xl:clamp(2rem, 1.5909rem + 1.8182vi, 3rem);--s-xl-2xl:clamp(3rem, 2.5909rem + 1.8182vi, 4rem);--s-2xl-3xl:clamp(4rem, 3.1818rem + 3.6364vi, 6rem);--rtl-mult:1;&:dir(rtl){--rtl-mult:-1}}html{font-weight:var(--w-normal);color:var(--c-text);background:var(--g-light), var(--c-background);background-attachment:fixed}::selection{background-color:oklch(from var(--c-opposite) l c h / 40%)}}:root{--s-icon-default:1.5rem}svg.Icon:not([width]){inline-size:var(--icon-size,var(--s-icon-default))}svg.Icon:not([height]){block-size:var(--icon-size,var(--s-icon-default))}.flow>*+*{margin-block-start:var(--flow-size,1lh)}:root{--c-panel-container-background:oklch(from var(--c-background) calc(l * 1.35) calc(c * .8) h);--c-panel-background-light:oklch(from var(--c-primary) 97% 3% h);--c-panel-background-dark:oklch(from var(--c-primary) calc(l * .3) c h);--c-panel-background:light-dark(var(--c-panel-background-light),var(--c-panel-background-dark));--c-panel-background-hover-light:#0001;--c-panel-background-hover-dark:#fff1;--c-panel-background-hover:light-dark(var(--c-panel-background-hover-light),var(--c-panel-background-hover-dark));--c-panel-section-background-light:oklch(from var(--c-panel-background) calc(l * .93) c h);--c-panel-section-background-dark:oklch(from var(--c-panel-background) calc(l * 1.8) calc(c * .3) h);--c-panel-section-background:light-dark(var(--c-panel-section-background-light),var(--c-panel-section-background-dark));--c-panel-text:light-dark(#222,#f0f0f0);--c-panel-text-bold:light-dark(#000,#fff);--shadow-panel-container:inset 0 0 0 1px #fff3;--shadow-panel:inset 0 0 0 1px light-dark(#0003,#fff5)}.panel-container{--_panel-padding:var(--s-xs);--_panel-radius:var(--rad-2);--_panel-container-radius:calc(var(--_panel-radius) + var(--_panel-padding));--flow-size:var(--_panel-padding);padding:var(--_panel-padding);border-radius:var(--_panel-container-radius);background:var(--g-light), var(--g-noise-darkBg), var(--c-panel-container-background);box-shadow:var(--shadow-panel-container)}.panel{--c-text:var(--c-panel-text);--c-text-bold:var(--c-panel-text-bold);contain:inline-size layout paint;grid-template-columns:[fullwidth-start] var(--_panel-padding) [content-start] auto [content-end] var(--_panel-padding) [fullwidth-end];border-radius:var(--_panel-radius);color:var(--c-text);background:var(--g-light), var(--c-panel-background);box-shadow:var(--shadow-panel);display:grid;&>*{grid-column:content;&:first-child{padding-block-start:var(--_panel-padding)}&:last-child{padding-block-end:var(--_panel-padding)}}}.panel-fullWidth{grid-column:fullwidth}.panel-panelMargin{margin-inline:var(--_panel-padding)}.panel-panelPadding{padding-inline:var(--_panel-padding)}.panel-hoverable{position:relative;&:before{pointer-events:none;content:"";translate:0 calc(var(--_panel-padding) * -1);inline-size:300vi;block-size:calc(var(--_panel-padding) + 100%);opacity:0;background-color:var(--c-panel-background-hover);transition:.2s var(--ease-out);display:block;position:absolute;inset-inline-start:-50vi}&>*{isolation:isolate;position:relative}&:is(:focus-within,:hover):before{opacity:1}}.panel-title{font-weight:var(--w-bold);color:var(--c-text-bold)}._floating.Page{z-index:1000;position:fixed}header.Page{grid-area:header;container-type:inline-size;&>._floating:where(.Page){contain:paint;gap:var(--s-2xs);inline-size:100cqi;block-size:var(--_header-height);padding-block:0;padding-inline:calc(var(--_panel-padding) * 2);box-shadow:var(--shadow-panel-container), 0 0 20px #00000090;border-start-start-radius:0;border-start-end-radius:0;align-items:center;display:flex;&>.Page-icon{margin-inline-start:calc(var(--_panel-padding) * -1)}}}h1.Page{font-weight:var(--w-bold);color:var(--c-text-bold);gap:.25ch;display:flex}@keyframes Page-pulse{0%{opacity:0}to{opacity:.25}}@keyframes Page-throb{0%{translate:0}to{translate:calc((100cqi - 100%) * var(--rtl-mult)) 0}}.Page:is(._loading:where(.Page),._navigating:where(.Page)):before{pointer-events:none;content:"";animation:1s var(--ease-in-out) alternate infinite;margin-inline-start:calc(var(--_panel-padding) * -2);display:block;position:absolute;@media (prefers-reduced-motion:no-preference){background-color:#fff3;block-size:1%;inline-size:10px;animation-name:Page-throb;box-shadow:0 0 20px 20px #fff3}@media (prefers-reduced-motion:reduce){border-radius:var(--_panel-container-radius);background-color:#fff;border-start-start-radius:0;border-start-end-radius:0;block-size:100%;inline-size:100%;animation-name:Page-pulse}}main.Page{grid-area:main}aside.Page{grid-area:aside;block-size:fit-content;max-inline-size:70%;container-type:inline-size;&>._floating{inline-size:100cqi}}.input{padding:var(--s-2xs) var(--s-xs);border-radius:var(--rad-3);background:var(--g-light-inverse), var(--c-panel-section-background);box-shadow:var(--shadow-panel);display:block;&::-webkit-slider-thumb{border-radius:var(--rad-circle);background:var(--c-panel-background)}&::-moz-range-thumb{border-radius:var(--rad-circle);background:var(--c-panel-background)}&:disabled{background:var(--c-panel-section-background)}&[type=range]{padding:var(--s-3xs) var(--s-2xs)}&:is([type=checkbox],[type=radio]){inline-size:var(--s-icon-default);block-size:var(--s-icon-default);border-radius:var(--rad-circle);padding:0;display:grid;&:after{--_check-size:round(60%, 2px);content:"";inline-size:var(--_check-size);block-size:var(--_check-size);border-radius:var(--rad-circle);background:var(--g-light), var(--c-primary);box-shadow:var(--shadow-panel);margin:auto;display:block;scale:0;@media (prefers-reduced-motion:no-preference){transition:.1s var(--ease-in-out-overshoot) scale}}&:checked:after{scale:1}}&:where(button,[type=submit],[type=reset]){--icon-size:1.3rem;--_button-block-padding:var(--s-3xs);min-block-size:calc(var(--icon-size) + (var(--_button-block-padding) * 2));padding:var(--_button-block-padding) var(--s-xs);color:color-mix(in oklch, currentcolor, transparent 25%);background:var(--g-light-pop), var(--c-panel-section-background);&.input-iconButton{padding:var(--s-3xs)}&.input-iconLabelButton{gap:var(--s-3xs);align-items:center;display:flex}&:active:not(:disabled){background:var(--g-light-pop-inverse), var(--c-panel-section-background)}@media (prefers-reduced-motion:no-preference){transition:.1s var(--ease-in-out-overshoot) transform;&:not(:disabled){&:is(:hover,:focus-visible){transform:translateY(-2px)scaleY(1.025)}&:active{transform:translateY(25%)scaleX(1.1)scaleY(.75)}}}}}.input-grouped{&:not(:last-of-type){border-start-end-radius:0;border-end-end-radius:0}&:not(:first-of-type){border-start-start-radius:0;border-end-start-radius:0}&:has(+&){border-inline-end-width:0}&.input-pressed{border-inline-end-width:1px;&+.input-grouped{border-inline-start-width:0}}}.input-pressable{box-shadow:none;border:1px solid light-dark(#aaa,#aaa6)}.input-pressed{--_-button-pressed-light:color-mix(in oklch, var(--c-panel-section-background-light), oklch(from var(--c-primary) calc(l * 1.3) calc(c * 1.2) h) 20%);--_-button-pressed-dark:color-mix(in oklch, var(--c-panel-section-background-dark), var(--c-primary) 20%);--c-panel-section-background:light-dark(var(--_-button-pressed-light),var(--_-button-pressed-dark));border-color:color-mix(currentcolor, transparent 30%);color:color-mix(in oklch, var(--c-primary), light-dark(#0007,#fffc) 50%)}.input-hue{background:var(--g-light-inverse), linear-gradient(in oklch 90deg, oklch(from var(--c-base) l c 0deg), oklch(from var(--c-base) l c 45deg), oklch(from var(--c-base) l c 90deg), oklch(from var(--c-base) l c 135deg), oklch(from var(--c-base) l c 180deg), oklch(from var(--c-base) l c 225deg), oklch(from var(--c-base) l c 270deg), oklch(from var(--c-base) l c 315deg), oklch(from var(--c-base) l c 360deg));&::-moz-range-thumb{border:2px solid var(--c-panel-background);background:0 0;scale:.9}&::-webkit-slider-thumb{border:2px solid var(--c-panel-background);background:0 0;scale:.9}}pre.Failed{line-height:1.2}:root{--c-sidebar-active:oklch(from var(--c-background) calc(l * 1.35) calc(c * .8) h)}nav.Sidebar{grid-area:left;container-type:inline-size;@container style(--viewport:mobile){inline-size:25%;position:absolute;inset-block-start:0;margin-block-start:0!important}}._floating.Sidebar{--flow-size:var(--s-3xs);--_icon-size:1.5rem;z-index:1000;justify-content:end;inline-size:100cqi;display:grid;position:fixed;@container style(--viewport:mobile){block-size:100%;padding:var(--s-xs);background:var(--g-light), var(--g-noise-darkBg), var(--c-panel-container-background);box-shadow:var(--shadow-panel-container);border-start-end-radius:var(--rad-3);border-end-end-radius:var(--rad-3);display:block}}.Sidebar-icon{aspect-ratio:1;inline-size:var(--_icon-size)}img.Sidebar.Sidebar-icon{border-radius:var(--rad-1);translate:-2px}._badgeContainer.Sidebar{flex-shrink:0;display:grid;&>*{grid-area:1/1}}._badge.Sidebar{translate:calc(var(--_icon-size) / 2) -25%;inline-size:fit-content;min-inline-size:calc((var(--s-3xs) * 2) + 1cap);padding:var(--s-3xs);border-radius:var(--rad-3);color:contrast-color(var(--c-opposite));text-align:center;background:var(--c-opposite);box-shadow:0 0 calc(20px * var(--set-glowSpread)) 1px var(--c-opposite);font-size:.8em;position:absolute}._untrustedName.Sidebar{overflow-inline:clip;text-overflow:ellipsis;white-space:nowrap;max-inline-size:9ch}._button.Sidebar{--_hover-transition:.2s var(--ease-out);user-select:none;gap:var(--s-3xs);padding:var(--s-2xs);font-weight:var(--w-bold);color:var(--c-text-bold);align-items:center;display:flex;position:relative;&:before{content:"";block-size:100%;inline-size:100%;border:1px solid oklch(from var(--c-panel-container-background) calc(l * 1.1) c h);border-radius:var(--rad-2);opacity:0;background:var(--g-light), var(--g-noise), var(--c-sidebar-active);transition:var(--_hover-transition) opacity;margin-inline-start:calc(var(--_layout-gap) * -1);position:absolute}& ._untrustedName:where(.Sidebar){position:relative;&:before{--_padding:var(--s-2xs);content:attr(data-label);translate:0 calc(var(--_padding) * -.6);block-size:fit-content;padding:var(--_padding);border-radius:var(--rad-2);opacity:0;background:var(--c-sidebar-active);transition:var(--_hover-transition) opacity;padding-inline-start:0;position:absolute}}& span:where(.Sidebar){white-space:nowrap}&>*{z-index:1001}}._button.Sidebar:is([aria-current=true]:where(.Sidebar),:where(.Sidebar):focus-visible,:where(.Sidebar):hover){outline:none;&:before{opacity:1;@media (prefers-reduced-motion:no-preference){view-transition-name:sidebar-active}}& ._untrustedName:where(.Sidebar){overflow:visible;&:before{opacity:1}}}details.Sidebar{--_transition:.2s var(--ease-out);&::details-content{opacity:0;transition:var(--_transition) opacity, var(--_transition) translate, var(--_transition) content-visibility allow-discrete;translate:0 -1lh}& summary:where(.Sidebar){cursor:pointer;&>.Sidebar-dropdownIndicator{margin-inline-start:auto;@media (prefers-reduced-motion:no-preference){transition:var(--_transition) rotate}}}&[open]{border-radius:var(--rad-2);outline:1px solid oklch(from var(--c-panel-container-background) calc(l * 1.1) c h);@container style(--viewport:mobile){outline-color:oklch(from var(--c-panel-container-background) calc(l * 1.3) c h)}&::details-content{opacity:1;translate:0}&>summary:where(.Sidebar){&:is(:where(.Sidebar):focus-visible,:where(.Sidebar):hover):before{border-block-start:0;border-inline:0;border-end-end-radius:0;border-end-start-radius:0}&>.Sidebar-dropdownIndicator{rotate:90deg}}& ._button:where(.Sidebar):not(summary):is([aria-current=true]:where(.Sidebar),:where(.Sidebar):focus-visible,:where(.Sidebar):hover){&:before{border-inline:0;border-start-start-radius:0;border-start-end-radius:0}&:not(:last-child):before{border-radius:0}&:last-child:before{border-block-end:0}}}}:root{--viewport:desktop;container-type:size;@media (width<1050px){--viewport:mobile}}#app{--_header-padding:var(--s-s);--_header-height:calc((2 * var(--_header-padding)) + 1cap);--_layout-gap:var(--s-2xs);isolation:isolate;grid:".    header   ." var(--_header-height) "left main aside" / auto min(100%, var(--set-contentWidth)) auto;gap:var(--_layout-gap);min-block-size:100vb;display:grid;@container style(--viewport:mobile){display:block;&>header{block-size:var(--_header-height)}&>*+*{margin-block-start:var(--_layout-gap)}}}
