label[data-astro-cid-ndm6qe4x]:has([name=debuggrid]){z-index:2;background-color:var(--c);border-radius:var(--rounded);padding:var(--p-2);color:var(--bgc);position:fixed;inset:auto auto .5rem .5rem;&[data-astro-cid-ndm6qe4x]:hover,&[data-astro-cid-ndm6qe4x]:has(>:checked){color:var(--bl6)}>span[data-astro-cid-ndm6qe4x]{display:none}& input[data-astro-cid-ndm6qe4x]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}}.debug-grid[data-astro-cid-ndm6qe4x]{width:100%;height:100%;display:none;position:fixed;top:0;left:0;& main[data-astro-cid-ndm6qe4x]{--name-xs:"xs : < 40rem (640px)";--color-bg-cols-xs:var(--pp2);--name-sm:"sm : >=40rem (640px)";--color-bg-cols-sm:var(--bl2);--name-md:"md : >= 48rem (768px)";--color-bg-cols-md:var(--og2);--name-lg:"lg : >= 64rem (1024px)";--color-bg-cols-lg:var(--gn1);--name-xl:"xl : >= 80rem (1280px)";--color-bg-cols-xl:var(--rd1);--name-2xl:"2xl : >= 96rem (1536px)";--color-bg-cols-2xl:var(--tk6);opacity:.5;height:100%;position:relative;&[data-astro-cid-ndm6qe4x]:before{text-align:center;text-orientation:mixed;writing-mode:vertical-rl;width:100%;height:100%;color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,2.5rem);transition:color .3s linear .2s;position:absolute;top:50%;left:.5vw;transform:translateY(-50%)}.cols[data-astro-cid-ndm6qe4x]{background-color:var(--color-bg-cols);grid-column:span 1;height:100%;transition:background-color .3s linear .2s;display:block}}}body:has([name=debuggrid]:checked){.debug-grid[data-astro-cid-ndm6qe4x]{display:block}}: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:red;--rd7:#900;--rd10:#1a0000;--rd11:#ff003b;--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:#c999ff;--pp3:#ad66ff;--pp4:#9233ff;--pp6:#5f00cc;--gn1:#dfffcc;--gn5:#5eff00;--gn6:#4bcc00;--gn7:#389900;--gn10:#091a00;--og1:#ffe8cc;--og2:#ffd199;--og5:#ff8c00;--og6:#cc7000;--og10:#1a0e00;--yl5:#ffd500;--yl6:#ccb800}: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(--g1),var(--bl8));--c-start:light-dark(var(--w),var(--bl9));--wbk:light-dark(var(--w),var(--bk));--bkw:light-dark(var(--bk),var(--w));--css-color:var(--bl5);--html-color:var(--og5);--javascript-color:light-dark(var(--yl6),var(--yl5));--agility-color:var(--g3);--accessibility-color:var(--pp4);--ux-color:var(--rd11);--git-color:var(--gn7)}: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;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}: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,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--outline);outline-offset:3px}body{background-color:var(--bgc);color:var(--c);min-height:100svh;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;margin:0;display:grid;&:before{content:"";width:100vw;height:100vh;-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%);opacity:1;z-index:-1;filter:blur(20px);-webkit-mask-composite:source-in,xor;background:repeating-linear-gradient(-45deg,red,#ff0,#0f0 14.28%,#0ff 21.42% 28.56%,#00f 35.7%,#f0f,red 50%);position:fixed;top:0;mask-composite:intersect}&:has(>header>button[aria-expanded=true]){overflow:hidden}}main{--col-gap:calc(8/var(--fs));--row-gap:calc(16/var(--fs));--cols:var(--max-cols);--start:auto;width:100%;padding-inline:clamp(var(--p-4),2vw,var(--p6));grid-template-columns:repeat(var(--cols),1fr);gap:var(--row-gap)var(--col-gap);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)}}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{max-width:64rem;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{width:100%;z-index:var(--z10);backdrop-filter:blur(10px);background-image:radial-gradient(circle,light-dark(hsla(var(--w-h)/50%),hsla(var(--bl-h8)/50%))0%,var(--a)100%);border-bottom:var(--border);padding:var(--p-4)clamp(var(--p-2),1vw,var(--p));grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto auto;align-items:center;margin-inline:auto;transition:background-color .5s ease-in-out;display:grid;position:fixed;top:0;@media screen and (width>=48rem){grid-template-columns:auto 1fr auto}&:has(button[aria-expanded=true]){background-color:light-dark(hsla(var(--w-h)/70%),hsla(var(--bl-h10)/70%));height:100svh}>a>svg{width:1.8rem;height:1.8rem}>button[aria-expanded]{width:30px;height:30px;padding:var(--p-4);grid-column:3;display:block;position:relative;@media screen and (width>=48rem){display:none}>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)}}}>button[aria-expanded=true]~nav{grid-column:span 4;grid-row-start:2;>ul{flex-direction:column;gap:2rem;margin-inline:auto;>li>a{font-size:2.5rem;font-weight:200}}}>button[aria-expanded=false]~nav{display:none;@media screen and (width>=48rem){display:inline}}}body>footer{background-color:light-dark(hsla(var(--w-h)/50%),hsla(var(--bk-h)/70%));text-align:center;border-top:var(--border);background-image:radial-gradient(ellipse at 50% 0%,var(--c-start)0%,var(--a)50%);width:100%}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:light-dark(var(--pp6),var(--pp3));--mb:calc(var(--fs-heading)*2)var(--fs-heading)}>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}: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}section:has(>form){--cols:var(--cols-sm,var(--max-cols));--start:auto;@media screen and (width>=48rem){--cols:var(--cols-md,var(--cols-sm));--start:var(--start-md,auto)}@media screen and (width>=64rem){--cols:var(--cols-lg,var(--cols-md,var(--cols-sm)));--start:var(--start-lg,var(--start-md,auto))}@media screen and (width>=80rem){--cols:var(--cols-xl,var(--cols-lg,var(--cols-md,var(--cols-sm))));--start:var(--start-xl,var(--start-lg,var(--start-md,auto)))}@media screen and (width>=96rem){--cols:var(--cols-2xl,var(--cols-xl,var(--cols-lg,var(--cols-md,var(--cols-sm)))));--start:var(--start-2xl,var(--start-xl,var(--start-lg,var(--start-md,auto))))}>*{--start:auto}}form{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;height:fit-content;display:flex;& fieldset{border:0;padding:0}.fieldset-grid{width:100%;padding:clamp(calc(var(--p)),5vw,calc(var(--p)*2));border-color:var(--bc-fieldset-grid,var(--bc));>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:light-dark(var(--bl4),var(--bl8));font-size:1.1rem;&: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-color:var(--bgc)}@container input-container (width<=320px){width:100%}}input[type=radio]{&:user-invalid+label{--bc-field:var(--bc-error)}&:checked+label{background-color: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(--bkw);--c-btn:var(--wbk);--p-btn:calc(var(--p) - 2px);--fs-btn:1.1rem;background-color:var(--bgc-btn);color:var(--c-btn);padding:var(--p-btn);border-radius:var(--rounded);font-size:var(--fs-btn);width:fit-content;min-width:calc(var(--p-btn)*2 + var(--fs-btn));transition:var(--ts-bgc-c);justify-content:center;gap:.5rem;font-weight:600;line-height:1;display:inline-flex;>svg{width:var(--fs-btn);height:var(--fs-btn);aspect-ratio:1}&:disabled,&[aria-disabled=true]{cursor:not-allowed;opacity:.7}&[class*=small]{--p-btn:var(--p-2);--fs-btn:.9rem}&[class*=ghost],&[class*=reverse]:not(:hover){--bgc-btn:var(--a);--c-btn:var(--bkw)}&[class*=danger]:not(:hover,[class*=reverse]){--bgc-btn:light-dark(var(--rd6),var(--rd4))}&[class*=reverse]:not(:hover){--box-sc-btn:var(--bkw);&[class*=danger]{--box-sc-btn:light-dark(var(--rd6),var(--rd4))}box-shadow:inset 0 0 0 2px var(--box-sc-btn)}&:hover{--bgc-btn:light-dark(var(--bl7),var(--bl3));&[class*=ghost]{--bgc-btn:light-dark(hsla(var(--bk-h)/10%),hsla(var(--w-h)/10%))}&[class*=danger]{--bgc-btn:light-dark(var(--rd7),var(--rd3))}}}#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,light-dark(var(--tk7),var(--tk5))10%,light-dark(var(--bl5),var(--pp4))100%);--size:0%;padding-inline:var(--p-4);border-radius:var(--r4);font-size:var(--fs-lk);width:fit-content;color:var(--c);place-items:center;line-height:1.8;-webkit-text-decoration:none;text-decoration:none;position:relative;&:has(>svg):has(>span){color:var(--wbk);background-color:var(--bkw);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}&: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:only-child){--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;margin-inline:auto}[class*=rounded-list]{border:var(--border);border-radius:var(--rounded);padding:var(--p-2);background-color:var(--bgc);width:fit-content;max-width:100%;overflow:auto;>ul{max-width:100%}}.tooltip{position:relative;&:before,&:after{display:none;position:absolute}&:before{content:attr(aria-label);background-color:var(--bl8);width:max-content;height:fit-content;color:var(--w);padding:var(--p-2);border-radius:var(--r);font-size:.8rem;top:-124%;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:"";width:100%;height:100%;box-shadow:inset 0 0 70px 0 var(--bk);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-xl,inherit)}@media screen and (width>=96rem){--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:var(--wbk);--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-color: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 light-dark(var(--g2),var(--bc));border-collapse:collapse;background-color:light-dark(var(--w),hsla(var(--bk-h)/70%));box-shadow:0 15px 15px 0 light-dark(hsla(var(--g-h3)/20%),hsla(var(--bk-h)/30%));table-layout:fixed;font-size:clamp(.7rem,3vw,1rem);& th,td{border:1px solid light-dark(var(--g2),var(--bc));padding:clamp(var(--p-4),1vw,var(--p));text-align:center}& th{background-color:light-dark(var(--g2),var(--bc));border-color:light-dark(var(--w),hsla(var(--bk-h)/70%))}}: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}}details{border:var(--border);background-color:var(--box-bgc);padding:var(--p-2);border-radius:var(--r2);interpolate-size:allow-keywords;width:100%;&[name]{margin-bottom:var(--p-2)}&::details-content{opacity:0;block-size:0;transition:content-visibility .2s allow-discrete,opacity .2s,block-size .2s;overflow-y:clip}&[open]{& summary>svg{transform:rotate(180deg)}& summary,&::details-content{opacity:1;block-size:auto}}>*{padding-inline:var(--p-2)}}summary{padding-block:var(--p-2);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-columns:1fr auto;display:grid;&::marker{font-size:0}&::-webkit-details-marker{display:none}>*{margin:0}>svg{transform-origin:50%;transition:transform .2s linear}}article:has(>details:nth-child(2n)) details{border:none;margin:0;padding:0;&:not(:last-child):after{content:"";background-color:var(--bc);width:100%;height:1px;top:calc(var(--p-4) + 1px);display:block;position:relative}}:has(details[name=lastposts]){margin-top:var(--p2);>div{>details{--theme-color:var(--bkw);position:relative;&:before{--circle-size:20px;content:"";width:var(--circle-size);height:var(--circle-size);background-color:var(--type-color);border-radius:var(--rounded);transition:background-color .5s;position:absolute;top:1rem;left:1rem}>summary{text-transform:uppercase;color:var(--type-color);text-align:right;font-size:1.2rem;font-weight:700}>div{padding-bottom:var(--p-2)}}}@media screen and (width>=48rem){>div{--height:250px;--size-closed:2.3rem;justify-content:center;gap:.5rem;display:flex;>details{--theme-color:var(--bkw);width:var(--size-closed);height:var(--height);border-radius:var(--r3);border:var(--border);transition:all .5s;&:before{--circle-size:16px;transform-origin:0 0;background-color:var(--theme-color);left:calc((var(--size-closed)/2) - (var(--circle-size)/2));top:calc((var(--size-closed)/2) - (var(--circle-size)/2))}&:is(:hover,:has(:focus-visible)){&:before,>summary{--theme-color:var(--type-color)}}>div{padding-left:calc(var(--size-closed) + 1rem);opacity:0;padding-bottom:var(--p-2);>p{color:var(--bkw)}}>summary{cursor:pointer;transform-origin:0 100%;bottom:0;left:calc(var(--size-closed) - 2px);height:calc(var(--size-closed) - 2px);width:calc(var(--height) - 2px);z-index:2;border-radius:var(--rounded);color:var(--theme-color);outline-color:var(--theme-color);align-items:center;padding-left:1rem;transition:color .5s,outline-color .5s;display:flex;position:absolute;rotate:-90deg;&:focus-visible{--theme-color:var(--type-color)}}&[open]{width:500px;>div{animation:.5s linear .5s forwards fadein}& summary,&:before{opacity:1}}}}}@media screen and (width>=64rem){>div{--size-closed:4rem;gap:1rem;>details{border-radius:var(--r4);&:before{--circle-size:20px}}}}}nav{>ul,>ol{gap:0 1rem;margin:0;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}}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(>[role=tablist]){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{height:2px;scale:var(--size)1;translate:var(--offset,0)0;transform-origin:0;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{width:2px;scale:1 var(--size,.125);translate:0 var(--offset,0);transform-origin:top;top:0;bottom:0;right:-1px}}}[role=tab]{background-color:var(--a);opacity:.7;border-radius:var(--r);padding:var(--p);color:light-dark(var(--bl5),var(--w));&:focus-visible{outline-offset:-4px}&[aria-selected=true]{opacity:1}}[role=tabpanel]{background-color:var(--wbk);grid-area:tabpanel;padding:1rem;container:tabpanel/inline-size;>span{-moz-column-gap:1rem;column-gap:1rem;display:flex}}}@property --progress{syntax:"<integer>";inherits:true;initial-value:0}@property --progress-rotation{syntax:"<integer>";inherits:false;initial-value:90}:is(body>figure,body>figure>div,svg){animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll()}body>figure{--size:44px;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;>div{width:var(--size);height:var(--size);box-shadow:0 0 15px hsla(var(--bl-h5)/80%);background-color:light-dark(hsla(var(--w-h)/70%),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}>*{grid-area:container}}>figcaption{grid-area:caption;font-size:1rem;&:before,&: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}&:after{content:"%"}}}@keyframes progress{to{--progress:100}}@keyframes progress-rotation{to{--progress-rotation:270}}@supports not (animation-timeline:scroll()){body>figure{--progress:100;>div{& svg{transform:rotate(270deg)}}>figcaption{display:none}}}