@layer reset.fix,reset.opinion,core.color,core.type,core.space,theme,layout.app,layout.doc,layout.composition,component.base,component.simple,component.complex,utility.layout,utility.exceptions,utility.important;@layer reset.fix,reset.opinion,core.color,core.type,core.space,theme,layout.app,layout.doc,layout.composition,component.base,component.simple,component.complex,utility.layout,utility.exceptions,utility.important;@layer reset.fix{*,*::before,*::after{box-sizing:border-box;margin:0;background-repeat:no-repeat}:root{interpolate-size:allow-keywords}:where(html){-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}:where(body,figure,blockquote,dl,dd,p){margin-block-end:0}:where(img,picture,svg){max-width:100%;display:block;height:auto}:where(table,thead,tbody,tfoot,tr){isolation:isolate}:where(input,button,textarea,select){font:inherit}}@layer reset.opinion{:where(body){overflow-wrap:break-word}:where(html){scrollbar-width:thin}:where(p){text-wrap:pretty}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance}:where(img,picture,video,canvas,svg){height:auto}:where(svg){color:currentColor}:where(button,[role="button"],summary,label[for],input[type="file"]::file-selector-button){cursor:pointer;user-select:none;-webkit-user-select:none}:where(:disabled,[aria-disabled="true"]){cursor:not-allowed}:where(table){border-collapse:collapse}:where(fieldset){border:0;padding:0;margin:0;min-inline-size:0}:where(legend){padding:0}:where(textarea){resize:vertical}:where(textarea:not([rows])){min-block-size:10em}:where(abbr[title]){cursor:help;text-decoration:underline dotted}:where(summary){list-style:none}:where(a){text-decoration:none}:where(ul,ol):where([role="list"]){list-style:none;padding:0}:where([hidden]){display:none}}@property --cfg-color-hue{syntax:"<number>";inherits:true;initial-value:220}@property --cfg-color-surf-chroma{syntax:"<number>";inherits:true;initial-value:0.018}@property --cfg-color-alpha{syntax:"<number>";inherits:true;initial-value:1}@property --cfg-color-muted-l{syntax:"<percentage>";inherits:true;initial-value:90%}@property --cfg-color-muted-c{syntax:"<number>";inherits:true;initial-value:0.05}@property --cfg-color-vivid-l{syntax:"<percentage>";inherits:true;initial-value:20%}@property --cfg-color-vivid-c{syntax:"<number>";inherits:true;initial-value:0.4}@property --cfg-color-top-l{syntax:"<number>";inherits:true;initial-value:88}@property --cfg-color-base-step{syntax:"<number>";inherits:true;initial-value:4}@property --cfg-color-curve-k{syntax:"<number>";inherits:true;initial-value:0.6}@property --cfg-color-surf-mid{syntax:"<number>";inherits:true;initial-value:60.5}@property --cfg-color-surf-rng{syntax:"<number>";inherits:true;initial-value:55}@property --depth{syntax:"<number>";inherits:false;initial-value:0}@property --bg{syntax:"<number>";inherits:true;initial-value:-1}@property --hue{syntax:"*";inherits:true}@property --hue-shift{syntax:"<number>";inherits:true;initial-value:0}@property --fg-contrast{syntax:"<number>";inherits:true;initial-value:1}@property --fg-chroma{syntax:"<number>";inherits:true;initial-value:0}@property --fg-hue{syntax:"*";inherits:true}@property --l-shift{syntax:"<number>";inherits:true;initial-value:0}@property --c-shift{syntax:"<number>";inherits:true;initial-value:0}@property --_bg{syntax:"<color>";inherits:true;initial-value:oklch(88% 0.018 220)}@property --_naive{syntax:"<number>";inherits:false;initial-value:88}@property --_t{syntax:"<number>";inherits:false;initial-value:0.5}@property --_surf-l{syntax:"<percentage>";inherits:false;initial-value:88%}@property --_c01{syntax:"<number>";inherits:false;initial-value:0}@property --_col-l{syntax:"<percentage>";inherits:false;initial-value:90%}@property --_col-c{syntax:"<number>";inherits:false;initial-value:0.1}@property --_k{syntax:"<number>";inherits:false;initial-value:0}@property --_l{syntax:"<percentage>";inherits:false;initial-value:88%}@property --_c{syntax:"<number>";inherits:false;initial-value:0.018}@property --_h{syntax:"<number>";inherits:false;initial-value:220}@property --_dark{syntax:"<number>";inherits:false;initial-value:0}@layer core.color{:where(*){--_naive:calc(var(--cfg-color-top-l) - var(--depth) * var(--cfg-color-base-step));--_t:calc((var(--_naive) - var(--cfg-color-surf-mid)) / var(--cfg-color-surf-rng));--_surf-l:calc((var(--_naive) - var(--depth) * var(--cfg-color-base-step) * var(--cfg-color-curve-k) * var(--_t) * var(--_t)) * 1%);--_c01:clamp(0,var(--bg),1);--_col-l:calc(var(--cfg-color-muted-l) + var(--_c01) * (var(--cfg-color-vivid-l) - var(--cfg-color-muted-l)));--_col-c:calc(var(--cfg-color-muted-c) + var(--_c01) * (var(--cfg-color-vivid-c) - var(--cfg-color-muted-c)));--_k:clamp(0,calc(var(--bg) + 1),1);--_l:calc(var(--_surf-l) * (1 - var(--_k)) + var(--_col-l) * var(--_k));--_c:calc(var(--cfg-color-surf-chroma) * (1 - var(--_k)) + var(--_col-c) * var(--_k));--_h:var(--hue,calc(var(--cfg-color-hue) + var(--hue-shift)));--_dark:clamp(0,calc((60 - var(--cfg-color-top-l)) / 30),1);--_bg:oklch( clamp(4%,calc(var(--_l) + var(--l-shift) * 100%),97%) calc(var(--_c) + var(--c-shift) * (var(--_l) / 100%)) var(--_h) / var(--cfg-color-alpha) );--border:oklch( from var(--_bg) calc(l + (var(--_dark) * 2 - 1) * 0.14) calc(c * 0.3) h );--Border:oklch( from var(--_bg) calc(l + (var(--_dark) * 2 - 1) * 0.22) clamp(0.08,calc(c + 0.12),0.18) calc(h + 8) );color:oklch( from var(--_bg) calc(l + (clamp(0,calc((0.5 - l) * 999),1) - l) * var(--fg-contrast)) calc(c * (1 - var(--fg-contrast)) + var(--fg-chroma)) var(--fg-hue,h) )}:where(*){background-color:oklch(from var(--_bg) l c h / var(--_k))}:where(body,.surface,.btn){background-color:var(--_bg)}.surface:has(.surface){--depth:1}.surface:has(.surface .surface){--depth:2}.surface:has(.surface .surface .surface){--depth:3}.surface:has(.surface .surface .surface .surface){--depth:4}:where(svg):where(*){fill:var(--_bg);stroke:none}:where(svg):where(line,polyline,path.stroke){fill:none;stroke:var(--_bg)}:where(svg):where(text,tspan){fill:currentColor;stroke:none}}@property --cfg-color-hue{syntax:"<number>";inherits:true;initial-value:220}@property --cfg-color-surf-chroma{syntax:"<number>";inherits:true;initial-value:0.018}@property --cfg-color-alpha{syntax:"<number>";inherits:true;initial-value:1}@property --cfg-color-muted-l{syntax:"<percentage>";inherits:true;initial-value:90%}@property --cfg-color-muted-c{syntax:"<number>";inherits:true;initial-value:0.05}@property --cfg-color-vivid-l{syntax:"<percentage>";inherits:true;initial-value:20%}@property --cfg-color-vivid-c{syntax:"<number>";inherits:true;initial-value:0.4}@property --cfg-color-top-l{syntax:"<number>";inherits:true;initial-value:88}@property --cfg-color-base-step{syntax:"<number>";inherits:true;initial-value:4}@property --cfg-color-curve-k{syntax:"<number>";inherits:true;initial-value:0.6}@property --cfg-color-surf-mid{syntax:"<number>";inherits:true;initial-value:60.5}@property --cfg-color-surf-rng{syntax:"<number>";inherits:true;initial-value:55}@property --depth{syntax:"<number>";inherits:false;initial-value:0}@property --bg{syntax:"<number>";inherits:true;initial-value:-1}@property --hue{syntax:"*";inherits:true}@property --hue-shift{syntax:"<number>";inherits:true;initial-value:0}@property --fg-contrast{syntax:"<number>";inherits:true;initial-value:1}@property --fg-chroma{syntax:"<number>";inherits:true;initial-value:0}@property --fg-hue{syntax:"*";inherits:true}@property --l-shift{syntax:"<number>";inherits:true;initial-value:0}@property --c-shift{syntax:"<number>";inherits:true;initial-value:0}@property --_bg{syntax:"<color>";inherits:true;initial-value:oklch(88% 0.018 220)}@property --_naive{syntax:"<number>";inherits:false;initial-value:88}@property --_t{syntax:"<number>";inherits:false;initial-value:0.5}@property --_surf-l{syntax:"<percentage>";inherits:false;initial-value:88%}@property --_c01{syntax:"<number>";inherits:false;initial-value:0}@property --_col-l{syntax:"<percentage>";inherits:false;initial-value:90%}@property --_col-c{syntax:"<number>";inherits:false;initial-value:0.1}@property --_k{syntax:"<number>";inherits:false;initial-value:0}@property --_l{syntax:"<percentage>";inherits:false;initial-value:88%}@property --_c{syntax:"<number>";inherits:false;initial-value:0.018}@property --_h{syntax:"<number>";inherits:false;initial-value:220}@property --_dark{syntax:"<number>";inherits:false;initial-value:0}@layer core.color{:where(*){--_naive:calc(var(--cfg-color-top-l) - var(--depth) * var(--cfg-color-base-step));--_t:calc((var(--_naive) - var(--cfg-color-surf-mid)) / var(--cfg-color-surf-rng));--_surf-l:calc((var(--_naive) - var(--depth) * var(--cfg-color-base-step) * var(--cfg-color-curve-k) * var(--_t) * var(--_t)) * 1%);--_c01:clamp(0,var(--bg),1);--_col-l:calc(var(--cfg-color-muted-l) + var(--_c01) * (var(--cfg-color-vivid-l) - var(--cfg-color-muted-l)));--_col-c:calc(var(--cfg-color-muted-c) + var(--_c01) * (var(--cfg-color-vivid-c) - var(--cfg-color-muted-c)));--_k:clamp(0,calc(var(--bg) + 1),1);--_l:calc(var(--_surf-l) * (1 - var(--_k)) + var(--_col-l) * var(--_k));--_c:calc(var(--cfg-color-surf-chroma) * (1 - var(--_k)) + var(--_col-c) * var(--_k));--_h:var(--hue,calc(var(--cfg-color-hue) + var(--hue-shift)));--_dark:clamp(0,calc((60 - var(--cfg-color-top-l)) / 30),1);--_bg:oklch( clamp(4%,calc(var(--_l) + var(--l-shift) * 100%),97%) calc(var(--_c) + var(--c-shift) * (var(--_l) / 100%)) var(--_h) / var(--cfg-color-alpha) );--border:oklch( from var(--_bg) calc(l + (var(--_dark) * 2 - 1) * 0.14) calc(c * 0.3) h );--Border:oklch( from var(--_bg) calc(l + (var(--_dark) * 2 - 1) * 0.22) clamp(0.08,calc(c + 0.12),0.18) calc(h + 8) );color:oklch( from var(--_bg) calc(l + (clamp(0,calc((0.5 - l) * 999),1) - l) * var(--fg-contrast)) calc(c * (1 - var(--fg-contrast)) + var(--fg-chroma)) var(--fg-hue,h) )}:where(*){background-color:oklch(from var(--_bg) l c h / var(--_k))}:where(body,.surface,.btn){background-color:var(--_bg)}.surface:has(.surface){--depth:1}.surface:has(.surface .surface){--depth:2}.surface:has(.surface .surface .surface){--depth:3}.surface:has(.surface .surface .surface .surface){--depth:4}:where(svg):where(*){fill:var(--_bg);stroke:none}:where(svg):where(line,polyline,path.stroke){fill:none;stroke:var(--_bg)}:where(svg):where(text,tspan){fill:currentColor;stroke:none}}@property --cfg-fluid-min-vp{syntax:"<length>";inherits:true;initial-value:320px}@property --cfg-fluid-max-vp{syntax:"<length>";inherits:true;initial-value:1280px}@property --cfg-type-scale{syntax:"<number>";inherits:true;initial-value:1}@property --cfg-type-min-ratio{syntax:"<number>";inherits:true;initial-value:1.2}@property --cfg-type-max-ratio{syntax:"<number>";inherits:true;initial-value:1.28}@property --type{syntax:"<number>";inherits:false;initial-value:0}:root{--cfg-type-min:0.85rem;--cfg-type-max:1.0625rem}@layer core.type{:where(*){--_t-min:calc(var(--cfg-type-min) * pow(var(--cfg-type-min-ratio),var(--type)));--_t-max:calc(var(--cfg-type-max) * pow(var(--cfg-type-max-ratio),var(--type)));font-size:calc( clamp( var(--_t-min),calc( var(--_t-min) + (var(--_t-max) - var(--_t-min)) * (100vi - var(--cfg-fluid-min-vp)) / (var(--cfg-fluid-max-vp) - var(--cfg-fluid-min-vp)) ),var(--_t-max) ) * var(--cfg-type-scale) );letter-spacing:calc(0.01em - var(--type) * 0.01em);line-height:calc(1.5 - var(--type) * 0.075)}}@property --cfg-radius{syntax:"<length>";inherits:true;initial-value:8px}@property --cfg-motion{syntax:"<number>";inherits:true;initial-value:1}:root{--font-heading:"Iowan Old Style","Palatino Linotype","URW Palladio L",P052,serif;--font-body:Avenir,Montserrat,Corbel,"URW Gothic",source-sans-pro,sans-serif;--font-mono:ui-monospace,"SF Mono",Monaco,Menlo,Consolas,monospace;--font-kbd:"Courier New","Nimbus Mono PS",monospace}@layer theme{@media (prefers-color-scheme:dark){:root:not([data-ui-theme="light"]):not([data-ui-theme="dark"]),[data-ui-theme="system"]{--cfg-color-top-l:33;--cfg-color-base-step:2.5;--cfg-color-surf-chroma:0.010;--cfg-color-surf-mid:33.5;--cfg-color-surf-rng:27.5}}@media (prefers-color-scheme:light){[data-ui-theme="system"]{--cfg-color-top-l:88;--cfg-color-base-step:4;--cfg-color-surf-chroma:0.018;--cfg-color-surf-mid:60.5;--cfg-color-surf-rng:55}}[data-ui-theme="light"]{--cfg-color-top-l:88;--cfg-color-base-step:4;--cfg-color-curve-k:0.6;--cfg-color-surf-chroma:0.018;--cfg-color-surf-mid:60.5;--cfg-color-surf-rng:55}[data-ui-theme="dark"]{--cfg-color-top-l:33;--cfg-color-base-step:2.5;--cfg-color-curve-k:0.6;--cfg-color-surf-chroma:0.010;--cfg-color-surf-mid:33.5;--cfg-color-surf-rng:27.5}.suc{--hue:145}.inf{--hue:240}.wrn{--hue:75}.dgr{--hue:25}.hover{--l-shift:0.04;--c-shift:0.02;--fg-contrast:calc(var(--fg-contrast,1) + 0.15)}.active{--l-shift:-0.04;--c-shift:-0.10;--fg-contrast:max(calc(var(--fg-contrast,1) - 0.2),0.4)}.disabled{cursor:not-allowed;opacity:0.45}::selection{background:var(--Border);color:var(--_bg)}:focus-visible{outline:2px solid var(--Border);outline-offset:2px}.shadow{filter:drop-shadow(0 6px 12px oklch(from var(--_bg) 20% 0.08 h / 0.4))}.glow{filter:drop-shadow(0 0 12px oklch(from var(--_bg) 70% 0.20 h / 0.6))}:where(input):autofill{box-shadow:inset 0 0 0 1000px var(--_bg,transparent)}@media (prefers-reduced-motion:reduce){:root{--cfg-motion:0}}[data-ui-motion="off"]{--cfg-motion:0}[data-ui-motion="on"]{--cfg-motion:1}[data-ui-motion="debug"]{--cfg-motion:10}[data-ui-size="sm"]{--cfg-type-scale:0.875;--cfg-space-scale:0.875}[data-ui-size="md"]{--cfg-type-scale:1;--cfg-space-scale:1}[data-ui-size="lg"]{--cfg-type-scale:1.25;--cfg-space-scale:1.1}[data-ui-space="sm"]{--cfg-space-scale:0.875}[data-ui-space="md"]{--cfg-space-scale:1}[data-ui-space="lg"]{--cfg-space-scale:1.2}}@property --cfg-layout-radius{syntax:"<length>";inherits:true;initial-value:4px}@property --cfg-layout-page-gap{syntax:"<length>";inherits:true;initial-value:6px}:where(html){--cfg-layout-radius:clamp(0px,calc(100vi - 100%) * 1e5,0.5rem);--cfg-layout-page-gap:clamp(0px,calc(100vi - 100%) * 1e5,1rem)}@layer layout.app{body.app{font:14px/1.5 ui-sans-serif,system-ui,sans-serif;background:var(--_bg);container:app-shell / inline-size;display:grid;grid-template:"header header header" auto "nav main aside" 1fr "footer footer footer" auto / auto 1fr auto;gap:0;height:100svh;overflow:hidden}body.app #main{overflow-y:auto;min-height:0}body.app #header,body.app #footer{min-height:0}body.app #nav,body.app #aside{position:static;display:block;max-width:none;max-height:none;width:var(--drawer-width,auto);height:auto;margin:0;padding:1rem;border:1px solid var(--border);border-radius:var(--cfg-layout-radius);background:var(--_bg);color:inherit;overflow-y:auto}body.app #nav{grid-area:nav;margin-right:var(--cfg-layout-page-gap)}body.app #aside{grid-area:aside;margin-left:var(--cfg-layout-page-gap)}body.app #main{grid-area:main;padding:1rem;border:1px solid var(--border);border-radius:var(--cfg-layout-radius);background:var(--_bg)}body.app #header{grid-area:header;margin-bottom:var(--cfg-layout-page-gap)}body.app #footer{grid-area:footer;margin-top:var(--cfg-layout-page-gap)}@container app-shell (width < 1024px){body.app #nav,body.app #aside{position:fixed;inset:0 auto 0 auto;margin:0;width:min(85vw,320px);max-width:85vw;height:100svh;border-radius:0;border:0;background:var(--_bg);padding:1.5rem 1rem;overflow-y:auto;transition:translate calc(var(--cfg-motion) * 0.25s) ease-out,opacity calc(var(--cfg-motion) * 0.25s) ease-out,display calc(var(--cfg-motion) * 0.25s) allow-discrete,overlay calc(var(--cfg-motion) * 0.25s) allow-discrete;translate:0 0;opacity:1}body.app #nav{left:0;border-right:1px solid var(--Border)}body.app #aside{left:auto;right:0;border-left:1px solid var(--Border)}body.app #nav:not([open]){display:none;translate:-100% 0;opacity:0}body.app #aside:not([open]){display:none;translate:100% 0;opacity:0}@starting-style{body.app #nav[open]{translate:-100% 0;opacity:0}body.app #aside[open]{translate:100% 0;opacity:0}}body.app #nav::backdrop,body.app #aside::backdrop{background:oklch(0% 0 0 / 0.5);transition:background-color calc(var(--cfg-motion) * 0.25s) ease-out,display calc(var(--cfg-motion) * 0.25s) allow-discrete,overlay calc(var(--cfg-motion) * 0.25s) allow-discrete}body.app #nav:not([open])::backdrop,body.app #aside:not([open])::backdrop{background:oklch(0% 0 0 / 0)}@starting-style{body.app #nav[open]::backdrop,body.app #aside[open]::backdrop{background:oklch(0% 0 0 / 0)}}}}@layer layout.doc{body.doc{margin:0;min-block-size:100dvh;display:grid;place-items:center;padding:1rem}body.doc .paper,.paper{--paper-w:8.5in;--paper-h:11in;--paper-aspect:calc(var(--paper-w) / var(--paper-h));aspect-ratio:var(--paper-w) / var(--paper-h);block-size:min( calc(100dvh - 2rem),calc((100dvw - 2rem) / var(--paper-aspect)) );inline-size:auto;border:1px solid var(--border);border-radius:var(--cfg-radius,0.5rem);box-shadow:0 1rem 3rem -1rem oklch(0% 0 0 / 0.4);overflow:hidden;container-type:size;container-name:paper;--cfg-type-min:1.75cqi;--cfg-type-max:1.75cqi;--cfg-space-base:1cqi}.paper,.paper *{--s:calc( var(--cfg-space-base) * pow(var(--cfg-space-ratio),var(--space)) * var(--cfg-space-scale) )}@media print{body.doc{padding:0;min-block-size:auto;display:block}@page{size:letter;margin:0}body.doc .paper,.paper{inline-size:var(--paper-w);block-size:var(--paper-h);aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}}}@layer layout.composition{.stack{display:flex;flex-direction:column;gap:var(--s,0.75rem)}.row{display:flex;flex-wrap:wrap;gap:var(--s,0.5rem)}.split{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s,0.5rem)}.cluster{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s,0.5rem)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--_col,15rem),1fr));gap:var(--s,1rem)}.flank{display:flex;flex-wrap:wrap;gap:var(--s,1rem)}.flank >:first-child{flex:1 1 var(--_flank,auto)}.flank >:last-child{flex:999 1 0}.flank-end{display:flex;flex-wrap:wrap;gap:var(--s,1rem)}.flank-end >:first-child{flex:999 1 0}.flank-end >:last-child{flex:1 1 var(--_flank,auto)}.span{grid-column:1 / -1}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.right{margin-inline-start:auto;text-align:end}.fab-row{position:fixed;inset-block-end:var(--s,1rem);inset-inline-end:var(--s,1rem);display:flex;gap:var(--s,0.5rem)}.grid-2x2,.grid-3x3,.grid-overlap{display:grid;height:100%}.grid-2x2{grid-template:1fr 1fr / 1fr 1fr}.grid-3x3{grid-template:1fr 1fr 1fr / 1fr 1fr 1fr}.grid-overlap{grid-template:1fr / 1fr}.grid-overlap > *{grid-area:1/1/-1/-1}.↖{grid-area:1/1;justify-self:start;align-self:start}.↗{grid-area:1/-2;justify-self:end;align-self:start}.↙{grid-area:-2/1;justify-self:start;align-self:end}.↘{grid-area:-2/-2;justify-self:end;align-self:end}.grid-3x3 > .↑,.grid-overlap > .↑{grid-area:1/2;justify-self:center;align-self:start}.grid-3x3 > .←,.grid-overlap > .←{grid-area:2/1;justify-self:start;align-self:center}.grid-3x3 > .→,.grid-overlap > .→{grid-area:2/-2;justify-self:end;align-self:center}.grid-3x3 > .↓,.grid-overlap > .↓{grid-area:-2/2;justify-self:center;align-self:end}}@layer component.base{h1{--type:2;font-family:var(--font-heading)}p{--fg-contrast:1;font-family:var(--font-body)}small{--type:-1.5;--fg-contrast:0.6;font-family:var(--font-body);text-transform:uppercase}code{--type:-0.5;--fg-contrast:0.8;font-family:var(--font-mono)}pre{--type:-0.5;--fg-contrast:0.75;font-family:var(--font-mono)}figcaption{--type:-0.5;--fg-contrast:0.7}blockquote{--fg-contrast:0.75}address{--fg-contrast:0.75}cite{--fg-contrast:0.7}mark{--fg-contrast:1}:where(hr){border-color:var(--border)}}@layer component.simple{:where(.badge){display:inline-flex;align-items:center;justify-content:center;padding:0.15em 0.6em;border-radius:99px}.tag{--type:-2;display:inline-flex;align-items:center;padding-inline:0.6em;padding-block:0.15em;border-radius:999px;border:1px solid var(--border);white-space:nowrap}.card{border-radius:var(--cfg-radius);border:1px solid var(--border)}.Card{border-radius:var(--cfg-radius);border:1px solid var(--Border)}:where(.btn){--type:-1;--fg-contrast:0.85;-webkit-tap-highlight-color:transparent;min-width:12ch;display:inline-flex;align-items:center;justify-content:center;gap:0.5em;padding:0.35em 1em;margin:5px;border:1px solid var(--border);border-radius:var(--cfg-radius);font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:background-color,color,border-color;transition-duration:calc(var(--cfg-motion) * 0.12s);transition-timing-function:ease-out;& > svg{inline-size:1.25em;block-size:1.25em;pointer-events:none;flex-shrink:0}&:has(> svg):not(:has(> svg:only-child)){padding-inline-start:0.75em}&:has(> svg:only-child){min-width:unset;padding:0.25em;block-size:calc(2.5 * 1em);aspect-ratio:1}@media (pointer:coarse){min-block-size:44px;padding-block:0.6em;&:has(> svg:only-child){block-size:48px;inline-size:48px}&:has(> svg):not(:has(> svg:only-child)){padding-inline:1em 1.25em}}}[popover].popover{position:fixed;inset:auto;margin:0;border:1px solid var(--border);min-width:clamp(10rem,40vw,18rem);max-width:min(90vw,24rem);max-height:80vh;overflow:auto;background:var(--_bg);color:inherit;border-radius:var(--cfg-radius);box-shadow:0 8px 24px oklch(from var(--_bg) 10% 0.05 h / 0.3);padding:var(--s);opacity:1;transform:scale(1);position-area:block-start inline-end;position-try-order:most-block-size;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;position-visibility:anchors-visible;transition:opacity calc(var(--cfg-motion) * 0.18s) ease-out,transform calc(var(--cfg-motion) * 0.18s) ease-out,display calc(var(--cfg-motion) * 0.18s) allow-discrete,overlay calc(var(--cfg-motion) * 0.18s) allow-discrete}[popover].popover:not(:popover-open){opacity:0;transform:scale(0.95)}[popover].popover.below-start{position-area:block-end inline-start}[popover].popover.below-end{position-area:block-end inline-end}[popover].popover.above-start{position-area:block-start inline-start}[popover].popover.above-end{position-area:block-start inline-end}}@layer component.complex{:where(dialog.modal){border:1px solid var(--border);border-radius:var(--cfg-radius);padding:0;max-width:min(90vw,32rem);max-height:85vh;overflow:auto;opacity:1;transform:translateY(0);transition:opacity calc(var(--cfg-motion) * 0.25s) ease-out,transform calc(var(--cfg-motion) * 0.25s) ease-out,display calc(var(--cfg-motion) * 0.25s) allow-discrete,overlay calc(var(--cfg-motion) * 0.25s) allow-discrete;&:not([open]){opacity:0;transform:translateY(calc(var(--cfg-motion) * 0.5rem))}@starting-style{opacity:0;transform:translateY(calc(var(--cfg-motion) * -0.5rem))}&::backdrop{background:transparent}}}@layer utility.layout{:where(.nowrap){white-space:nowrap}:where(.truncate){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:where(.mobile,.tablet,.desktop){display:none}@media ( width < 480px){:where(.mobile){display:revert-layer}}@media (480px <= width < 1024px){:where(.tablet){display:revert-layer}}@media ( width >= 1024px){:where(.desktop){display:revert-layer}}@media print{:where(body){min-height:0}}}@layer utility.exceptions{:is(.vh){inline-size:0;block-size:0;overflow:hidden}}@layer utility.important{:where([hidden]){display:none !important}@media print{:where(.np){display:none !important}}}