:where(html){--a:transparent;--w:#fff;--w-h:0 0% 100%;--bk:#000;--bk-h:0 0% 0%;--g-h3:0 0% 70%;--g-h5:0 0% 50%;--g0:#f2f2f2;--g1:#e6e6e6;--g2:#ccc;--g3:#b3b3b3;--g5:gray;--g7:#4d4d4d;--g8:#333;--g9:#1a1a1a;--rd1:#fcc;--rd3:#f66;--rd4:#f33;--rd5:red;--rd6:#c00;--rd7:#900;--rd10:#1a0000;--bl-h5:217 100% 50%;--bl-h6:217 100% 40%;--bl-h8:217 100% 20%;--bl-h10:217 100% 5%;--bl1:#cce0ff;--bl2:#99c0ff;--bl3:#66a1ff;--bl4:#3381ff;--bl5:#0062ff;--bl6:#004ecc;--bl7:#003b99;--bl8:#002766;--bl9:#001433;--bl10:#000a1a;--tk3:#66ffb8;--tk5:#0f8;--tk6:#00cc6d;--tk7:#009952;--tk8:#006636;--pp2:#a9f;--pp3:#7f66ff;--pp4:#53f;--pp6:#20c;--gn1:#dfffcc;--gn5:#5eff00;--gn6:#4bcc00;--gn7:#389900;--gn10:#091a00;--og1:#fff2cc;--og2:#ffe699;--og5:#ffbf00;--og6:#c90;--og10:#1a1300}:root{--r:5px;--r2:10px;--r3:20px;--r4:30px;--rounded:100vmax}:where(html){--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-out-3:cubic-bezier(0,0,.3,1);--z-3:-3;--z-2:-2;--z-1:-1;--z0:0;--z1:1;--z2:2;--z3:3;--z4:4;--z5:5;--z10:10;--z100:100;--z1000:1000;--zimportant:2147480000;--ts-bgc-c:background-color .3s linear,color .3s linear}:root{color-scheme:light dark;--max-cols:12;--fs:16*1rem;--p-8:calc(var(--p)/8);--p-4:calc(var(--p)/4);--p-2:calc(var(--p)/2);--p:1rem;--p2:calc(var(--p)*2);--p3:calc(var(--p)*3);--p4:calc(var(--p)*4);--p5:calc(var(--p)*5);--p6:calc(var(--p)*6);--outline:2px solid var(--bl5);--border:1px solid var(--bc);--bc-error:var(--rd4);--bc-success:var(--gn6);--c:light-dark(var(--bk),var(--g0));--c-light:light-dark(var(--g7),var(--g3));--bgc:light-dark(var(--g0),var(--bl10));--bc:light-dark(var(--w),var(--bl8));--c-start:light-dark(var(--w),var(--bl9))}:has([aria-label=dark]){color-scheme:dark}:has([aria-label=light]){color-scheme:light}*,:before,:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}:where(html){scroll-behavior:smooth;scroll-timeline:--page-scroll block;scroll-padding-top:100px}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){touch-action:manipulation;-webkit-tap-highlight-color:var(--a)}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}:where(a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--outline);outline-offset:3px}body{--size:20px;background-color:var(--bgc);color:var(--c);text-rendering:optimizelegibility;background-image:radial-gradient(ellipse at 50% 0%,var(--c-start)0%,var(--a)30%);grid-template-rows:1fr auto;justify-items:center;min-height:100svh;margin:0;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:grid;&:before{content:"";-webkit-mask:linear-gradient(to right,hsla(var(--w-h)/50%)1px,transparent 0)0 0/100px 100%,radial-gradient(circle at 50% 50%,var(--a)0%,var(--w)100%);mask:linear-gradient(to right,hsla(var(--w-h)/50%)1px,transparent 0)0 0/100px 100%,radial-gradient(circle at 50% 50%,var(--a)0%,var(--w)100%);-webkit-mask-composite:source-in,xor;opacity:1;z-index:-1;filter:blur(20px);background:repeating-linear-gradient(-45deg,red,#ff0,#0f0 14.28%,#0ff 21.42% 28.56%,#00f 35.7%,#f0f,red 50%);width:100vw;height:100vh;position:fixed;top:0;mask-composite:intersect}&:has(.burger[aria-expanded=true]){overflow:hidden}}:where(h1,h2,h3,h4,h5,h6,span,a,p,address,strong,ul){scale:1 .95}:where(h1,h2,h3,h4,h5,h6){--fs-heading:clamp(3rem,7vw,6rem);--mb:calc(var(--fs-heading)/2);font-size:var(--fs-heading);margin-block:var(--mb);letter-spacing:-1px;line-height:1;position:relative;>a:has(>svg){top:calc(var(--fs-heading)/2);opacity:0;transition:opacity .5s linear;position:absolute;left:0;transform:translate(-100%,-50%);&:focus-visible{opacity:1}}&:hover,&:target{>a{opacity:1}}& span{color:var(--c);opacity:.5;margin-top:.5rem;font-size:.5em;display:block}}h1{letter-spacing:clamp(-5px,calc(var(--fs-heading)/(-24)),-2px);padding-bottom:1rem;font-weight:500;:has([aria-label=dark]) &{-webkit-text-fill-color:var(--a);background-size:cover;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg,var(--w)30%,hsla(var(--w-h)/10%))}}h2{--fs-heading:clamp(2rem,4.5vw,3rem)}h3{--fs-heading:clamp(1.5rem,3.5vw,2rem)}h4{--fs-heading:clamp(1.3rem,3vw,1.5rem)}h5{--fs-heading:clamp(1.2rem,2.5vw,1.3rem)}h6{--fs-heading:clamp(1.1rem,2vw,1.2rem)}p{--fs-paragraph:clamp(1.1rem,2vw,1.2rem);--mb-paragraph:calc(var(--fs-paragraph)/2);color:var(--c);font-size:var(--fs-paragraph);margin-block:var(--mb-paragraph);line-height:2;& a{font-size:1em}& code{background-color:var(--g2);color:var(--g8);padding:var(--p-8);border-radius:var(--r);font-size:.8em}}blockquote{color:var(--c-light);position:relative;& *{color:var(--c-light);font-size:1.1em;line-height:1.2}&:before,&:after{opacity:.5;font-family:Georgia,serif;font-size:3rem;font-style:oblique;font-weight:900;line-height:1;position:absolute}&:before{content:"“";top:-1rem;left:-2rem}&:after{content:"”";bottom:-1rem;right:-2rem}}ul,ol{line-height:1.8}li{&::marker{color:var(--bl5)}}code,code>*{font-family:Menlo,Monaco,Courier New,monospace;font-weight:600}kbd{border:1px solid var(--g5);padding:var(--p-8)var(--p-2);border-radius:var(--r);color:var(--g7);background-color:var(--w);border-bottom-width:3px;font-family:Menlo,Monaco,Courier New,monospace;font-weight:600}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}form{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;height:fit-content;display:flex;& fieldset{border:0;padding:0}.fieldset-grid{padding:clamp(calc(var(--p)),5vw,calc(var(--p)*2));border-color:var(--bc-fieldset-grid,var(--bc));width:100%;>fieldset{gap:1rem;display:grid;& legend{margin-bottom:2rem;font-size:clamp(1.5rem,3vw,3rem);line-height:1}}}&:has(:user-invalid){.fieldset-grid{--bc-fieldset-grid:var(--bc-error)}}&:valid{.fieldset-grid{--bc-fieldset-grid:var(--bc-success)}}}select,textarea,input:not([type=range],[type=checkbox]),[type=radio]+label{--bc-field:var(--bl8);font-size:1.1rem;:has([aria-label=light]) &{--bc-field:var(--bl4)}&:focus-visible{outline-offset:0}&:hover{--bc-field:var(--bl4)}&:user-invalid{--bc-field:var(--bc-error)}&:not([type=radio]){border-radius:var(--r);padding:calc(var(--p)/2);border:1px solid var(--bc-field);background:var(--bgc)}@container input-container (width<=320px){width:100%}}input[type=radio]{&:user-invalid+label{--bc-field:var(--bc-error)}&:checked+label{background:var(--bc-field)}}.field{grid-template:auto 1fr auto/1fr auto auto 10px;gap:.5rem;display:grid;& label{grid-column:span 2;align-self:end}.input-container{grid-column:span 3;display:flex;container-name:input-container;~:where(.error-icon,.valid-icon){grid-column:4;place-content:center;place-self:center;display:none;>svg{width:1rem;height:1rem}}~:where(.help-message,.error-message){color:color-mix(in oklab,var(--c),black 30%);grid-column:span 3;font-size:.9rem}~.error-message{color:var(--bc-error);display:none}&:focus-within{~.help-message{color:color-mix(in oklab,var(--c),white 30%)}}&:has(:user-valid){~.valid-icon{display:block}}&:has(:user-invalid):has(:empty){~.error-icon{display:block}~.help-message{display:none}~.error-message{display:block}}& *{flex:auto}}}fieldset:has(>input[type=radio]){gap:var(--p);flex-wrap:wrap;display:flex}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;position:absolute;+label{text-align:center;display:inline-block}&:focus-visible,&:hover{outline:none;+label{outline:var(--outline)}}}button{--bgc-btn:var(--w);--bgc-btn-hv:var(--bl3);--c-btn:var(--bk);--p-btn:calc(var(--p) - 2px)var(--p2);--fs-btn:1.1rem;background:var(--bgc-btn);color:var(--c-btn);padding:var(--p-btn);border-radius:var(--rounded);font-size:var(--fs-btn);transition:var(--ts-bgc-c);place-items:center;gap:.5rem;width:fit-content;font-weight:600;line-height:1;display:inline-flex;>svg{aspect-ratio:1;width:1rem;height:1rem}&[aria-label]{--p-btn:calc(var(--p) - 2px);aspect-ratio:1}&:disabled,&[aria-disabled=true]{cursor:not-allowed;opacity:.7}&[class*=small]{--p-btn:var(--p-2)var(--p);--fs-btn:.9rem;&[aria-label]{--p-btn:var(--p-2)}>svg{width:.7rem;height:.7rem}}&[class*=ghost],&[class*=reverse]:not(:hover){--bgc-btn:var(--a);--c-btn:var(--w)}&[class*=danger]:not(:hover,[class*=reverse]){--bgc-btn:var(--rd4)}&[class*=reverse]:not(:hover){--box-sc-btn:var(--w);box-shadow:inset 0 0 0 2px var(--box-sc-btn);&[class*=danger]{--box-sc-btn:var(--rd4)}}&:hover{--bgc-btn:var(--bgc-btn-hv);&[class*=ghost]{--bgc-btn-hv:hsla(var(--w-h)/10%)}&[class*=danger]{--bgc-btn-hv:var(--rd3)}}:has([aria-label=light]) &{--bgc-btn:var(--bk);--c-btn:var(--w);--bgc-btn-hv:var(--bl7);&[class*=ghost],&[class*=reverse]:not(:hover){--bgc-btn:var(--a);--c-btn:var(--bk)}&[class*=reverse]:not(:hover){--box-sc-btn:var(--bk);&[class*=danger]{--box-sc-btn:var(--rd6)}}&[class*=danger]:not(:hover,[class*=reverse]){--bgc-btn:var(--rd6)}&:hover{--bgc-btn:var(--bgc-btn-hv);&[class*=ghost]{--bgc-btn-hv:hsla(var(--bk-h)/10%)}&[class*=danger]{--bgc-btn-hv:var(--rd7)}}}}#switch-theme{--nav-icon:var(--bl6);--nav-icon-hv:var(--bl3);grid-area:1/4;& svg{width:1.5rem;height:1.5rem}#moon,#sun{fill:var(--nav-icon);stroke:none}#moon>circle{transition:transform .5s var(--ease-out-3)}#sun{transition:transform .5s var(--ease-4);transform-origin:50%}#sun-beams{--opacity-dur:.15s;stroke:var(--nav-icon);stroke-width:2px;transform-origin:50%;transition:transform .5s var(--ease-elastic-out-4),opacity var(--opacity-dur)var(--ease-3)}&[aria-label=light]{--nav-icon:var(--g7);--nav-icon-hv:var(--g9);#sun{transform:scale(.5)}#sun-beams{--opacity-dur:.5s;transform:rotate(.25turn)}}&[aria-label=dark]{#moon>circle{transform:translate(-20px)}#sun-beams{opacity:0}}&:focus-visible{outline-offset:0}&:hover{background-color:var(--a);& svg{>#moon,>#sun{fill:var(--nav-icon-hv)}>#sun-beams{stroke:var(--nav-icon-hv)}}}}a{--fs-lk:1.1rem;--lgr-lk:linear-gradient(135deg,var(--tk5)10%,var(--pp4)100%);--size:0%;padding-inline:var(--p-4);border-radius:var(--r4);font-size:var(--fs-lk);color:var(--c);place-items:center;width:fit-content;line-height:1.8;-webkit-text-decoration:none;text-decoration:none;position:relative;&:has(>svg):has(>span){color:light-dark(var(--w),var(--bk));background-color:light-dark(var(--bk),var(--w));transition:var(--ts-bgc-c);gap:.5rem;display:inline-grid;&:has(svg+span){grid-template-columns:auto 1fr}&:has(span+svg){grid-template-columns:1fr auto}&:hover,&:focus{color:var(--bl5)}>span{padding-inline:var(--p-4);white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}}>svg{width:1rem;height:1rem}:has([aria-label=light]) &{--lgr-lk:linear-gradient(135deg,var(--tk7)10%,var(--bl5)100%)}&:not(:has(>svg)){-webkit-text-fill-color:var(--a);background-size:cover;-webkit-background-clip:text;background-clip:text;background-image:var(--lgr-lk);&:is([href^="https://"],[href^="http://"]){&:after{content:" ↗"}}& span{background-image:var(--lgr-lk);background-size:var(--size)1px;background-position:0 1.6em;background-repeat:no-repeat;padding-block:.25em;transition:background-size .3s}&:hover,&:active,&[aria-current]{--size:100%;-webkit-text-fill-color:var(--a);background-image:var(--lgr-lk)}}}a:has(>svg):not(:has(>:nth-child(2n))){--a-width:2.5rem;padding:var(--p-4);aspect-ratio:1;width:var(--a-width);justify-content:center;display:flex;scale:1;&:before{content:"";aspect-ratio:1;z-index:-1;border-radius:var(--rounded);background-color:light-dark(hsla(var(--bk-h)/10%),hsla(var(--w-h)/10%));width:0;height:0;transition:width .2s ease-in-out,height .2s ease-in-out;position:absolute;inset:50% 0 0 50%;translate:-50% -50%}&:hover,&:focus{color:var(--bl5);&:before{width:var(--a-width);height:var(--a-width)}}}[class*=center]{text-wrap:balance;text-align:center;place-items:center}.tooltip{position:relative;&:before,&:after{display:none;position:absolute}&:before{content:attr(aria-label);background:var(--bl8);color:var(--w);padding:var(--p-2);border-radius:var(--r);width:max-content;height:fit-content;font-size:.8rem;top:-130%;right:-15px}&:after{content:"";border-style:solid;border-width:10px 7px 0;border-color:var(--bl8)var(--a)var(--a)var(--a);width:0;height:0;top:-30%;left:50%;translate:-50%}&:hover,&:focus{&:before,&:after{display:flex}}}article{--cols:var(--cols-sm,inherit);padding:var(--p);border-radius:var(--r2);background-color:var(--box-bgc);border:1px solid var(--box-bc);box-shadow:0 15px 15px 0 var(--box-sc);gap:var(--p-2)var(--p-4);display:grid;>svg{border-radius:var(--rounded);background-color:var(--box-bc);color:var(--w);padding:var(--p-4);justify-self:center;width:1.2rem;height:1.2rem}& time{color:var(--c-light);font-size:.8rem}>div>:not(dialog),>:not(dialog){margin:0}>div{gap:var(--p)0;display:grid}& p{--fs-paragraph:clamp(1rem,2vw,1rem);line-height:1.5}& img{-o-object-fit:cover;object-fit:cover;width:100%;display:block}& figure{position:relative;&:before{content:"";box-shadow:inset 0 0 70px 0 var(--bk);width:100%;height:100%;position:absolute}&:has([data-type]):after{content:attr(data-type);color:var(--w);padding:var(--p-4)var(--p);background-color:var(--bk);text-transform:uppercase;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%)}>figcaption{color:var(--w);text-align:center;width:100%;font-size:clamp(3rem,4vw,3.5rem);font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (width>=48rem){--cols:var(--cols-md,inherit)}@media screen and (width>=64rem){--cols:var(--cols-lg,inherit)}@media screen and (width>=80rem){--cols:var(--cols-2xl,inherit)}&:has(:is(h1,h2,h3,h4,h5,h6)+time+*+a){grid-template-rows:repeat(2,auto) 1fr auto}&:has(figure+:is(h1,h2,h3,h4,h5,h6)+time+*+a){grid-template-rows:repeat(3,auto) 1fr auto}&:has(>svg){grid-template-columns:auto 1fr}&:has(>svg+div){padding:var(--p-2);margin-top:clamp(1rem,4vw,3rem);&[aria-roledescription] :is(h1,h2,h3,h4,h5,h6){color:var(--box-c,var(--box-bc));--fs-heading:clamp(1rem,3vw,1.2rem)}}&:has(>svg+:is(h1,h2,h3,h4,h5,h6)):not(:has(>:nth-child(3n))),&:has(:is(h1,h2,h3,h4,h5,h6)):not(:has(>:nth-child(2n))){border-radius:var(--rounded);padding:var(--p-4)var(--p-2);place-items:center;width:max-content;&[aria-roledescription]{color:var(--box-c,var(--box-bc))}>:is(h1,h2,h3,h4,h5,h6){font-size:.9rem}}}:where(html){--box-bc:light-dark(var(--g1),var(--g8));--box-bgc:light-dark(var(--w),var(--bk));--box-sc:light-dark(hsla(var(--g-h3)/20%),hsla(var(--bk-h)/30%))}[aria-roledescription=error]{--box-bc:var(--rd5);--box-bgc:light-dark(var(--rd1),var(--rd10))}[aria-roledescription=success]{--box-bc:light-dark(var(--gn7),var(--gn6));--box-bgc:light-dark(var(--gn1),var(--gn10))}[aria-roledescription=warning]{--box-bc:light-dark(var(--og6),var(--og5));--box-bgc:light-dark(var(--og1),var(--og10))}[aria-roledescription=info]{--box-bc:light-dark(var(--bl6),var(--bl5));--box-bgc:light-dark(var(--bl1),var(--bl9))}hr{background:var(--bl5);width:50%;height:1px;margin-block:5rem}dialog{border-radius:var(--r);max-width:1000px;padding:0;&::backdrop{backdrop-filter:blur(5px);background-color:#00000080}&[open],&[open]::backdrop{opacity:0;animation:.5s linear forwards fadein}&[id*=caniuse]{width:90vw;height:90vh}.dialog-inner{padding:var(--p);grid-template-rows:auto 1fr auto;height:100%;display:grid}& iframe{border:none;width:100%;height:100%}& header{border-bottom:var(--g5)solid 1px;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding-bottom:1rem;display:grid;:is(h1,h2,h3,h4,h5,h6){margin:0}}& footer{border-top:var(--g5)solid 1px;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}}@keyframes fadein{to{opacity:1}}table{border:1px solid var(--tbl-bc,var(--bc));border-collapse:collapse;background-color:var(--tbl-bgc,hsla(var(--bk-h)/70%));box-shadow:0 15px 15px 0 var(--tbl-sc,hsla(var(--bk-h)/30%));table-layout:fixed;font-size:clamp(.7rem,3vw,1rem);& th,td{border:1px solid var(--tbl-bc,var(--bc));padding:clamp(var(--p-4),1vw,var(--p));text-align:center}& th{background:var(--tbl-bc,var(--bc));border-color:var(--tbl-bgc,hsla(var(--bk-h)/70%))}:has([aria-label=light]) &{--tbl-bc:var(--g2);--tbl-bgc:var(--w);--tbl-sc:hsla(var(--g-h3)/20%)}}:root{--gh-cols:17;.contrib:nth-child(n+246){--gh-show:block}@media screen and (width>=40rem){.contrib:nth-child(n+155){--gh-show:block}--gh-cols:30}@media screen and (width>=48rem){.contrib:nth-child(n+120){--gh-show:block}--gh-cols:35}@media screen and (width>=64rem){.contrib:nth-child(n+85){--gh-show:block}--gh-cols:40}@media screen and (width>=80rem){.contrib:nth-child(n+50){--gh-show:block}--gh-cols:45}@media screen and (width>=96rem){--gh-cols:52;--gh-show:block}}.astro-code{padding:var(--p);border-radius:var(--r2);& pre{max-width:calc(100vw - 6rem)}& code{max-width:100%;overflow-x:auto}}.container{>*{--start:auto}@media screen and (width>=48rem){--start:3;--cols:8}@media screen and (width>=80rem){--start:4;--cols:6}}section{padding:clamp(0,2vw,var(--p6));>header,>footer{text-align:center}>header{text-wrap:balance;flex-direction:column;align-items:center;display:flex;& p{margin-block:.5rem;font-size:clamp(1.2rem,3vw,1.5rem)}& h2{letter-spacing:clamp(-4px,-.05em,-1px);font-size:clamp(2rem,4.5vw,4rem)}}>section{margin-top:clamp(var(--p2),4vw,var(--p6))}}body>header{--c-start-rgr:hsla(var(--bl-h8)/50%);--bgc-header:hsla(var(--bl-h10)/70%);z-index:var(--z10);backdrop-filter:blur(10px);background-image:radial-gradient(circle,var(--c-start-rgr)0%,var(--a)100%);border-bottom:1px solid var(--bc);padding:var(--p-4)clamp(var(--p-2),1vw,var(--p));grid-template-columns:auto 1fr auto;align-items:center;width:100%;margin-inline:auto;transition:background-color .5s ease-in-out;display:grid;position:fixed;top:0;:has([aria-label=light]) &{--c-start-rgr:hsla(var(--w-h)/50%);--bgc-header:hsla(var(--w-h)/70%)}&:has(.burger[aria-expanded=true]){background-color:var(--bgc-header);height:100svh}>a#logo{border-radius:var(--rounded);padding:var(--p-4);display:flex;scale:1;>svg{width:2rem;height:2rem}&:focus-visible{outline-offset:-2px}}@media screen and (width<=767.98px){>a#logo{justify-self:flex-start}grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto auto;gap:0 .5rem}}body>footer{background-color:hsla(var(--bk-h)/70%);border-top:1px solid var(--bc);background-image:radial-gradient(ellipse at 50% 0%,var(--c-start)0%,var(--a)50%);grid-template-columns:auto 1fr;justify-content:center;place-items:center flex-end;gap:1rem;width:100%;padding:1rem;display:grid;& h4,p{margin:0;font-size:1rem}& nav{width:100%}& ul{gap:1rem;margin:0;padding:0;list-style:none;display:flex}@media screen and (width<=639.98px){& ul{justify-content:center}text-align:center;flex-direction:column;gap:1rem;display:flex}@media screen and (width<=479.98px){& ul{flex-direction:column}}:has([aria-label=light]) &{background-color:hsla(var(--w-h)/50%)}}main{padding-top:var(--p4);>section{&:not(:first-of-type){margin-block:clamp(var(--p4),2vw,var(--p6))}}}.blog{>section{>h1{text-align:left}>h2{color:var(--pp3);--mb:calc(var(--fs-heading)*2)var(--fs-heading);:has([aria-label=light]) &{color:var(--pp6)}}>h3{--mb:calc(var(--fs-heading)*2)var(--fs-heading)}>h2+h3{--mb:0 var(--fs-heading)}& img{-o-object-fit:contain;object-fit:contain;max-width:100%;height:fit-content}}>aside{top:var(--p4);height:fit-content;padding-top:clamp(2.5rem,7vw,3rem);position:sticky;>section{height:calc(100vh - (var(--p4)*2));overflow:hidden auto}& ol,ul{row-gap:var(--p-4);margin:0;padding:0;list-style:none;display:grid;& a{font-size:.9rem;line-height:1}}& h3,h4{text-transform:uppercase;margin-bottom:0;font-size:1rem;&:first-child{margin-top:0}}@media screen and (width<=767.98px){display:none}}@media screen and (width>=40rem){.article-main{--cols:var(--max-cols)}}@media screen and (width>=48rem){.article-aside-right{--cols:3}.article-main{--start:4;--cols:calc(var(--max-cols) - var(--start) + 1)}}@media screen and (width>=64rem){.article-aside-right{--cols:3}.article-main{--start:4}}@media screen and (width>=80rem){.article-aside-right{--start:2}.article-main{--start:5;--cols:7}}@media screen and (width>=96rem){.article-aside-right{--start:3;--cols:2}.article-main{--start:5;--cols:6}}}section:has(>article:nth-child(3n)):not(:has(>:not(article))) article{--cols-md:6;--cols-lg:4;--cols-xl:4;--cols-2xl:4}section:has(>article:nth-child(4n)):not(:has(>:not(article))) article{--cols-2xl:3}main{--col-gap:calc(8/var(--fs));--row-gap:calc(16/var(--fs));--cols:var(--max-cols);--start:auto;padding-inline:clamp(var(--p-4),2vw,var(--p6));grid-template-columns:repeat(var(--cols),1fr);gap:var(--row-gap)var(--col-gap);width:100%;display:grid;@media screen and (width>=40rem){--col-gap:calc(16/var(--fs))}>*,section,:has(>section){grid-column:var(--start)/span var(--cols);align-content:start;row-gap:var(--row-gap);display:grid}>*>*{--start:auto}:has(>section),section{grid-template-columns:subgrid;>*{grid-column:var(--start)/span var(--cols)}}}.debug-grid main{--name:var(--name-xs);--color-bg-cols:var(--color-bg-cols-xs);@media screen and (width>=40rem){--name:var(--name-sm);--color-bg-cols:var(--color-bg-cols-sm)}@media screen and (width>=48rem){--name:var(--name-md);--color-bg-cols:var(--color-bg-cols-md)}@media screen and (width>=64rem){--name:var(--name-lg);--color-bg-cols:var(--color-bg-cols-lg)}@media screen and (width>=80rem){--name:var(--name-xl);--color-bg-cols:var(--color-bg-cols-xl)}@media screen and (width>=96rem){--name:var(--name-2xl);--color-bg-cols:var(--color-bg-cols-2xl)}}nav{>ul{gap:0 1rem;padding:0;list-style:none;display:flex}& li:has(a[href^="#"]){margin-left:var(--p-2);&::marker{content:"#"}}&[data-mode=horizontal]{place-content:center;place-items:center;display:flex}&[data-mode=vertical]{>ul{flex-direction:column;align-items:flex-start}}>:is(ol,ul)>li>a{color:var(--c-nav-lk,var(--c));-webkit-text-fill-color:var(--c-nav-lk);background-image:inherit;@media screen and (width<=767.98px){font-size:2.5rem;font-weight:200;display:inline-block}}@media screen and (width<=767.98px){>ul{flex-direction:column;gap:2rem;margin-inline:auto}}}.burger[aria-expanded=true]~nav{grid-column:span 4;grid-row-start:2}.burger[aria-expanded=false]~nav{@media screen and (width<=767.98px){display:none}}menu{justify-content:center;gap:1rem;width:100%;margin:0;padding:1rem 0 0;display:flex;position:relative;&:before{content:"";background-image:radial-gradient(ellipse at 50% 100%,hsla(var(--bl-h6)/30%)0%,var(--a)50%);z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}:has([aria-label=light]) &{--bgc-sep:var(--w)}}.burger{--size:60px;height:calc(var(--size)/2);width:calc(var(--size)/2);padding:var(--p-4);grid-column:3;display:none;position:relative;@media screen and (width<=767.98px){display:block}>div{transform-origin:50%;background-color:var(--c);width:26px;height:2px;transition:transform .2s ease-in-out,opacity .1s linear .2s;position:absolute;top:50%;left:50%;translate:-50% -50%;&:first-child{top:20%}&:last-child{top:80%}}&[aria-expanded=true]{>div:first-child{transform:translateY(9px)rotate(45deg)}>div:nth-child(2){transform:rotate(-45deg)}>div:nth-child(3){opacity:0;transform:translateY(-9px)rotate(-45deg)}}}.tabs{width:100%;max-width:94vw;margin-bottom:2rem;&:has([aria-orientation=vertical]){grid-template-columns:auto 1fr;grid-template-areas:"title title""tablist tabpanel";display:grid}& h3:has(+[aria-orientation=vertical]){grid-area:title}[role=tablist]{gap:var(--p-4);display:flex;position:relative;&:after{content:"";background-color:var(--bl5);transition:translate .2s ease-in-out,scale .2s ease-in-out;position:absolute}&:not([aria-orientation=vertical]){border-bottom:1px solid var(--g7);&:after{scale:var(--size)1;translate:var(--offset,0)0;transform-origin:0;height:2px;bottom:-1px;left:0;right:0}}&[aria-orientation=vertical]{border-right:1px solid var(--g7);flex-direction:column;grid-area:tablist;margin-right:1rem;&:after{scale:1 var(--size,.125);translate:0 var(--offset,0);transform-origin:top;width:2px;top:0;bottom:0;right:-1px}}}[role=tab]{--c-tab:var(--w);background-color:var(--a);opacity:.7;border-radius:var(--r);padding:var(--p);color:var(--c-tab);&:focus-visible{outline-offset:-4px}&[aria-selected=true]{opacity:1}}[role=tabpanel]{--bgc-tabpanel:var(--bk);background-color:var(--bgc-tabpanel);grid-area:tabpanel;padding:1rem;container:tabpanel/inline-size;>span{-moz-column-gap:1rem;column-gap:1rem;display:flex}}:has([aria-label=light]) &{[role=tab]{--c-tab:var(--bl5)}[role=tabpanel]{--bgc-tabpanel:var(--w)}}}@property --progress{syntax:"<integer>";inherits:true;initial-value:0}@property --progress-rotation{syntax:"<integer>";inherits:false;initial-value:90}:is(.scroll-watcher,.timer-wrapper,svg){animation-timeline:scroll();animation-timing-function:linear;animation-fill-mode:both}.scroll-watcher{--size:50px;z-index:1000;opacity:calc(var(--progress)*.03);counter-reset:progress var(--progress);grid-template-areas:"caption""timer";place-content:center;place-items:center;gap:.2em;animation-name:progress;display:grid;position:fixed;bottom:3rem;right:0}.timer-wrapper{width:var(--size);height:var(--size);box-shadow:0 0 15px 0 var(--box-sc,hsla(var(--bl-h5)/80%));background-color:var(--pie-bgc,hsla(var(--bk-h)/80%));border-radius:100vmax;grid-area:timer;grid-template-areas:"container";place-content:center;place-items:center;animation-name:progress;display:grid;position:relative;&:before{content:"";background:conic-gradient(from 0,var(--bl5)calc(var(--progress)*1%),transparent 0);height:var(--size);width:var(--size);-webkit-mask:radial-gradient(circle at 50% 50%,var(--a)65%,var(--w)65%);mask:radial-gradient(circle at 50% 50%,var(--a)65%,var(--w)65%);border-radius:100vmax;position:absolute}&:hover,&:focus{--box-sc:hsla(var(--bl-h5)/100%)}& a{padding:var(--p)}& svg{transform:rotate(calc(var(--progress-rotation)*1deg));animation-name:progress-rotation}:has([aria-label=light]) &{--pie-bc:var(--w);--pie-bgc:hsla(var(--w-h)/70%)}}.timer-wrapper>*{grid-area:container}.caption{grid-area:caption;font-size:1rem}.caption:before,.caption:after{content:counter(progress);font-size:calc(.6em + var(--size)/24);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-inline:auto;font-weight:700}.caption:after{content:"%"}@keyframes progress{to{--progress:100}}@keyframes progress-rotation{to{--progress-rotation:270}}@supports not (animation-timeline:scroll()){.scroll-watcher{--progress:100;.caption{display:none}.timer-wrapper{& svg{transform:rotate(270deg)}}}}