.toggle-switch[data-astro-cid-yyktn5se]{--toggle-width: calc(var(--global-whitespace) * 1.75);--toggle-height: var(--global-whitespace);--toggle-pad: .25rem;display:inline-flex;align-items:center;gap:var(--global-whitespace-2xs);cursor:pointer}.toggle-switch[data-astro-cid-yyktn5se] input[data-astro-cid-yyktn5se][type=checkbox]{appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:none;position:relative;width:var(--toggle-width);height:var(--toggle-height);margin:0;border-radius:999px;background:var(--global-foregroundColor2);cursor:pointer;transition:background var(--global-transition-duration-short) ease}.toggle-switch[data-astro-cid-yyktn5se] input[data-astro-cid-yyktn5se][type=checkbox]:before{content:"";position:absolute;top:var(--toggle-pad);left:var(--toggle-pad);box-sizing:border-box;width:calc(var(--toggle-height) - var(--toggle-pad) * 2);height:calc(var(--toggle-height) - var(--toggle-pad) * 2);border-radius:50%;background:var(--global-backgroundColor);transition:translate var(--global-transition-duration-short) ease}.toggle-switch[data-astro-cid-yyktn5se] input[data-astro-cid-yyktn5se][type=checkbox]:checked{background:var(--global-title-color)}.toggle-switch[data-astro-cid-yyktn5se] input[data-astro-cid-yyktn5se][type=checkbox]:checked:before{translate:calc(var(--toggle-width) - var(--toggle-height)) 0;border-color:transparent}.toggle-switch[data-astro-cid-yyktn5se] input[data-astro-cid-yyktn5se][type=checkbox]:focus-visible{outline:2px solid var(--global-text-color);outline-offset:2px}.baseline-layout{display:grid;grid-template-columns:minmax(14rem,16rem) 1fr;gap:var(--global-whitespace, 1.5rem);align-items:start}@media (width < 45rem){.baseline-layout{grid-template-columns:1fr}}.baseline-sidebar{position:sticky;top:var(--global-whitespace);display:flex;flex-direction:column;gap:var(--global-whitespace);padding:var(--global-whitespace);border-radius:var(--global-borderRadius);background:var(--global-foregroundColor);color:var(--global-text-color)}.baseline-sidebar h2{--fs: var(--ms-1);font-size:calc(var(--fs) / var(--root-font-size) * 1rem);font-weight:400;line-height:calc(var(--global-baseline) * 5);color:var(--global-meta-color)}.baseline-sidebar label{--fs: var(--ms-1);font-size:calc(var(--fs) / var(--root-font-size) * 1rem);font-weight:400;line-height:calc(var(--global-baseline) * 5);display:grid;gap:var(--global-whitespace-2xs)}.baseline-sidebar label span{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.baseline-sidebar output{color:var(--global-muted-color)}.baseline-sidebar input[type=range]{width:100%}.baseline-sidebar .toggle-switch{width:100%;flex-direction:row-reverse;justify-content:space-between}.baseline-page{--demo-font-size: 16px;--demo-line-height: 1.5;--demo-divisions: 3;--lh: calc(var(--demo-font-size) * var(--demo-line-height));--baseline: calc(var(--lh) / var(--demo-divisions));font-size:var(--demo-font-size);line-height:var(--demo-line-height);padding:var(--lh);min-width:0;container-type:inline-size}.baseline-page.baseline-grid{--line-color: color-mix(in oklab, var(--global-text-color) 10%, transparent);--accent-line-color: color-mix( in oklab, var(--global-text-color) 15%, transparent );background-image:repeating-linear-gradient(to bottom,var(--accent-line-color) 0,var(--accent-line-color) 1px,transparent 1px,transparent var(--lh)),repeating-linear-gradient(to bottom,var(--line-color) 0,var(--line-color) 1px,transparent 1px,transparent var(--baseline))}.baseline-page-title{--h1-font-size: 2.75rem;font-size:var(--h1-font-size);font-weight:600;color:var(--global-title-color);line-height:round(up,calc(var(--h1-font-size) * 1),var(--lh));margin-bottom:var(--lh)}.baseline-page img{display:block;max-width:100%;height:auto}.baseline-media{container-type:inline-size}.baseline-media img{--w: attr(width px, 400px);--ar: attr(width type(<number>), 4) / attr(height type(<number>), 3);--rendered-w: min(100cqw, var(--w));width:var(--rendered-w);height:round(up,calc(var(--rendered-w) / (var(--ar))),var(--lh));object-fit:cover}.cols{>*+*{margin-top:var(--lh)}@container (width > 45rem){column-count:2;column-gap:var(--lh)}}.no-typed-attr{display:none}@supports not (width: attr(width type(<length>))){.no-typed-attr{display:block;margin-bottom:var(--lh);padding:var(--baseline);border-radius:var(--global-borderRadius);background-color:color-mix(in oklab,red 15%,transparent);color:color-mix(in oklab,red 70%,var(--global-text-color))}}
