@layer layout,reset;:root{--font-family-base: system-ui;--font-family-base-line-height: 1.6;--font-family-heading: system-ui;--font-family-heading-line-height: 1.1;--font-family-code: monospace;--body-max-width: 75ch}@layer layout{.flow>*+*{margin-block-start:var(--flow-space, 1em)}.grid-flow{display:grid;gap:var(--grid-flow-gap, 1rem);justify-items:start}.grid-flow>*{margin:0}.grid-auto-fit{--grid-auto-fit-min-column-size: 200px;--grid-auto-fit-gap: 1rem;display:grid;gap:var(--grid-auto-fit-gap);grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-auto-fit-min-column-size),100%),1fr))}.flex-group{display:flex;flex-wrap:wrap;gap:var(--flex-group-row-gap, .5rem) var(--flex-group-column-gap, 1rem);align-items:var(--flex-group-alignment, center);justify-content:var(--flex-group-justifcation, start)}body>*:not(#toolbar-administration,wc-autoloader){grid-column:content}body{--minimum-content-padding: 2rem;--full-max-width: 1fr;--popout-max-width: 1200px;--content-max-width: 1000px;--narrow-max-width: 840px;--full: minmax(var(--minimum-content-padding), 1fr);--popout: minmax( 0, calc((var(--popout-max-width) - var(--content-max-width)) * .5) );--content: minmax( 0, calc((var(--content-max-width) - var(--narrow-max-width)) * .5) );--narrow: min( var(--narrow-max-width), 100% - var(--minimum-content-padding) * 2 );display:grid;grid-template-columns:[full-start] var(--full) [popout-start] var(--popout) [content-start] var(--content) [narrow-start] var(--narrow) [narrow-end] var(--content) [content-end] var(--popout) [popout-end] var(--full) [full-end]}.full{grid-column:full}.full-start{grid-column-start:full-start}.full-end{grid-column-end:full-end}.popout{grid-column:popout}.popout-start{grid-column-start:popout-start}.popout-end{grid-column-end:popout-end}.content{grid-column:content}.content-start{grid-column-start:content-start}.content-end{grid-column-end:content-end}.narrow{grid-column:narrow}.narrow-start{grid-column-start:narrow-start}.narrow-end{grid-column-end:narrow-end}.full-width,.full-content,.full-content-nopad{grid-column:full}.full-content{padding-inline:var(--minimum-content-padding)}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:var(--font-family-base);color-scheme:light dark;interpolate-size:allow-keywords}body{margin:0;min-height:100vh;line-height:var(--font-family-base-line-height)}h1,h2,h3,h4,button,input,label{line-height:var(--font-family-heading-line-height)}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:is(ul,ol)[class]{list-style:"";margin:0;padding:0}h1,h2,h3,h4{text-wrap:balance;font-family:var(--font-family-heading)}p,li,figcaption{max-width:var(--body-max-width);text-wrap:pretty}code{font-family:var(--font-family-code)}:first-child{margin-block-start:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}img,picture{max-width:100%;display:block}td,math,time[datetime*=":"]{font-variant-numeric:tabular-nums lining-nums}table{border-collapse:collapse}:target{scroll-margin-block:32px;scroll-margin-block:5rlh}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}}@layer demo{.scroller{height:50vh;overflow-y:auto;margin:10vw}h1+p{background:#4682b4;width:100px;overflow:hidden;transition:width 1s}h1:hover+p{width:fit-content}.card{background:#fff;color:#000;padding:1rem}.inverse{background:#1e90ff;color:#fff}}