@layer reset{*{box-sizing:border-box;margin:0}html{interpolate-size:allow-keywords;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;text-size-adjust:none;@media not (prefers-reduced-motion:reduce){scroll-behavior:smooth}}canvas,img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit;word-spacing:inherit}}[data-color-scheme=dark]{color-scheme:dark}[data-color-scheme=light]{color-scheme:light}[data-color-scheme=only\ dark]{color-scheme:light only}[data-color-scheme=only\ light]{color-scheme:dark only}[data-color-scheme=normal]{color-scheme:normal}@layer env{body{margin-left:env(safe-area-inset-left);margin-right:env(safe-area-inset-right)}}abbr{cursor:help;text-underline-offset:max(2px, .125ex);text-decoration-thickness:max(2px,.125ex);@media (resolution>=192dpi){text-decoration-thickness:max(1.5px,.125ex)}}.btn,button{text-align:center;touch-action:manipulation;user-select:none;vertical-align:middle;align-items:center;display:inline-flex}pre{tab-size:4;inline-size:fit-content;max-inline-size:100%;overflow:auto;&.pre-wrap{white-space:pre-wrap}}code{max-width:100%;&:empty{display:none}}:host,html{--background-contrast:contrast-color(var(--background));--color-primary-contrast:contrast-color(var(--color-primary));--color-secondary-contrast:contrast-color(var(--color-secondary))}[data-col]{columns:var(--col-count);column-gap:var(--col-gap)}.colFillAuto{column-fill:auto}.colSpan{column-span:all}[data-col] p,.breakAvoid{break-inside:avoid}.breakAuto{break-inside:auto}@media (width>=768px){[data-col]{--col-count:2}}@media (width>=1600px){[data-col="3"],[data-col="4"]{--col-count:3;--col-gap:3em}}@media (width>=2200px){[data-col="4"]{--col-count:4}}:root{--col-count:1}.fixCol{gap:var(--col-gap,min(5vw, 3em));flex-wrap:wrap;display:flex;@supports (gap:1vi){gap:var(--col-gap,min(5vi, 3em))}@supports (width:1cqi){.container &{gap:var(--col-gap,min(5cqi, 3em))}}&>div{min-inline-size:calc(100% / var(--col-count) - var(--col-gap,min(5%, 3em)));flex:1}}details{list-style-position:outside}summary{&.reset{list-style:none}}.link{visibility:hidden;border:0;text-decoration:none;text-decoration-thickness:0}:hover>.link{visibility:visible}@font-face{font-display:swap}@font-face{font-family:primary;font-weight:100;src:url(../font/primary/thin.woff2)format("woff2"),url(../font/primary/thin.ttf)format("truetype")}@font-face{font-family:primary;font-weight:200;src:url(../font/primary/extraLight.woff2)format("woff2"),url(../font/primary/extraLight.ttf)format("truetype")}@font-face{font-family:primary;font-weight:300;src:url(../font/primary/light.woff2)format("woff2"),url(../font/primary/light.ttf)format("truetype")}@font-face{font-family:primary;src:url(../font/primary/regular.woff2)format("woff2"),url(../font/primary/regular.ttf)format("truetype")}@font-face{font-family:primary;font-weight:500;src:url(../font/primary/medium.woff2)format("woff2"),url(../font/primary/medium.ttf)format("truetype")}@font-face{font-family:primary;font-weight:600;src:url(../font/primary/semiBold.woff2)format("woff2"),url(../font/primary/semiBold.ttf)format("truetype")}@font-face{font-family:primary;font-weight:700;src:url(../font/primary/bold.woff2)format("woff2"),url(../font/primary/bold.ttf)format("truetype")}@font-face{font-family:primary;font-weight:800;src:url(../font/primary/extraBold.woff2)format("woff2"),url(../font/primary/extraBold.ttf)format("truetype")}@font-face{font-family:primary;font-weight:900;src:url(../font/primary/heavy.woff2)format("woff2"),url(../font/primary/heavy.ttf)format("truetype")}@font-face{font-family:primary;font-style:italic;src:url(../font/primary/italic.woff2)format("woff2"),url(../font/primary/italic.ttf)format("truetype")}.emoji{--gap:0;display:inline-block;transform:scale(1.25)}fieldset{border:2px solid color-mix(currentcolor 10%, #0000);inline-size:fit-content;padding-block:0 .75em;padding-inline:.75em;&.reset{border:0;padding:0}}legend{padding-block:.5em;@supports (text-box:unset){padding-block:.75em}text-box:trim-both cap alphabetic;padding-inline:min(.5em,1rem)}input{vertical-align:middle}[type=checkbox],[type=radio]{appearance:none;place-content:center;width:1em;height:1em;padding:0;display:inline-grid;&:checked:after{content:"";background:currentColor;width:.5em;height:.5em;@media (resolution=1x){width:round(down,.5em,2px);height:round(down,.5em,2px)}}}[type=radio]{&,&:after{border-radius:50%}}kbd{color:light-dark(#fff,#000);text-transform:uppercase;white-space:nowrap;background:light-dark(#111,#eee) linear-gradient(165deg,#fff3,#0002);border-radius:.25em;padding:.5em .75em;line-height:1;display:inline-block;&+kbd{margin-inline-start:.125em}}label{user-select:none;vertical-align:middle;&+:where(input,output,select){margin-inline-start:.375em}&.block+:where(input,output,select){--gap:var(--gap-xs);margin-inline:0}}input,output,select{&+label{padding-inline-start:.375em}}:root{--signal-color:currentColor;--signal-strength:10%}.error{--signal-color:#e12}.success{--signal-color:#3e3}.warn{--signal-color:#fd7}.note{display:inline-block;&.block{display:block}& div,&>p{--gap:var(--gap-xs);border:2px solid var(--signal-color);padding:.625em;padding-block:.25lh;&:first-child{background:color-mix(in srgb, var(--signal-color) var(--signal-strength), #0000);&:not(:only-child){border-width:2px 2px 0}}}&.noteFlag{& div,&>p{&:first-child{border-width:2px;display:inline-block}&:last-child{border-width:0 0 0 2px;padding-inline-end:0}}}}.noteLabel{--signal-strength:12%;background:color-mix(in srgb, var(--signal-color) var(--signal-strength), #0000);border:2px solid var(--signal-color);padding:.375em .625em}@media (not (forced-colors:active)) and (not (prefers-contrast:more)) and (not (prefers-reduced-motion)){html,.scrollbar{scrollbar-color:var(--color-scrollbar-thumb) var(--color-scrollbar)}}.noSelect{-webkit-user-select:none;user-select:none}.set{flex-wrap:wrap;gap:.5em;display:flex}table{border-collapse:collapse;border-spacing:0;max-height:90vh;overflow:auto}@media not (prefers-reduced-motion:reduce){.target:any-link{user-select:none;text-decoration:none}@keyframes targetAnim{50%{translate:0}25%,75%{translate:0 -1rem}}:not(.noTarget):target{scroll-margin-block:calc(max(3rem, 3vw) + var(--scroll-margin,0px));animation:1s 1.3s targetAnim}}html{hanging-punctuation:first allow-end last;overflow-wrap:break-word}blockquote{text-wrap:balance;max-inline-size:48ch;font-size:1.25em}blockquote:before{content:"";border-block-start:max(2px,.125em) solid;width:30%;margin-block-end:.25em;display:block}@media (width>=360px){blockquote{border-block:0;border-inline-start:max(2px,.125em) solid;padding-block-end:.125em;padding-inline-start:.625em;line-height:calc(.5rem + 1em)}blockquote:before{content:none}}h1,h2,h3,h4{--gap:.75lh}h1,h2,h3,h4{font-variant-ligatures:discretionary-ligatures;text-wrap:pretty;line-height:calc(.5rlh + 1em);&+:is(p,ol,ul,h2,h3,h4){--gap:.75lh}}ol,ul{&.reset{padding:0;list-style:none}}.lede,.ledes p:first-of-type{text-wrap:pretty;max-inline-size:48ch;font-size:1.125em;@media (width>=1200px){font-size:1.25em}}q{&:lang(en){quotes:"‘" "’";&:has(q){quotes:unset}}&.reset{quotes:none;font-style:normal}&.revert{quotes:revert}}.restack :not(:first-child,div),.gap,.stack>:not(:first-child){margin-block-start:var(--gap,1em)}.gap-end{margin-block:var(--gap,1em)}:host,html{--gap-2xs:.125lh;--gap-xs:.25lh;--gap-s:.5lh;--gap:1lh;--gap-m:1lh;--gap-l:1.5lh;--gap-xl:2lh;--gap-2xl:3lh}:not(#x).stack-revert{margin-block:revert}:not(#x).stack-revert-layer{margin-block:revert-layer}.gap-0{--gap:0}.gap-2xs{--gap:var(--gap-2xs)}.gap-xs{--gap:var(--gap-xs)}.gap-s{--gap:var(--gap-s)}.gap-m{--gap:var(--gap-m)}.gap-l{--gap:var(--gap-l)}.gap-xl{--gap:var(--gap-xl)}.gap-2xl{--gap:var(--gap-2xl)}body{@media (width>=400px){font-size:1.125em}@media (width>=1200px){font-size:1.25em}@media (width>=1600px){font-size:1.375em}@media (width>=2000px){font-size:1.5em}@media (width>=2600px){font-size:1.75em}}.typeLarger{font-size:larger}.typeSmaller{font-size:smaller}[data-font-rem="1"]{font-size:1rem}[data-font-rem="1.25"]{font-size:1.25rem}[data-font-rem="1.5"]{font-size:1.5rem}[data-font-rem="1.75"]{font-size:1.75rem}[data-font-rem="2"]{font-size:2rem}.font-chemical{font-feature-settings:"sinf"}.font-fraction{font-variant-numeric:diagonal-fractions}.font-science{font-variant-numeric:lining-nums}h1{--font-max:5em;--font-min:2em;--font-size:5vw}h2{--font-max:2.5em;--font-min:1.75em;--font-size:3.5vw}h3{--font-max:2em;--font-min:1.5em;--font-size:3vw}h4{--font-max:1.75em;--font-min:1.25em;--font-size:2.75vw}h5{--font-max:1.5em;--font-size:2.5vw}@media (width>=560px){.typeVar,.typeVar :is(h1,h2,h3,h4,h5){font-size:clamp(var(--font-min), var(--font-size), var(--font-max))}}.disabled,:disabled{cursor:not-allowed;opacity:.5!important;text-decoration:none!important;&:active{pointer-events:none}}@media (height>=768px){html{height:100%}body{min-height:100%}footer,.stickyFoot{position:sticky;top:100vh}}.font-size-0{font-size:0}.font-size-base{font-size:1rem}.font-size-xs{font-size:4em}.font-size-s{font-size:8em}.font-size-m{font-size:1em}.font-size-l{font-size:1.5em}.font-size-xl{font-size:2em}.font-size-2xl{font-size:3em}.max-inline-min{max-inline-size:min-content}.max-inline-max{max-inline-size:max-content}.max-inline-fit{max-inline-size:fit-content}.text-wrap{text-wrap:wrap}.text-nowrap{text-wrap:nowrap}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}:root{--vw:calc(100dvw / 1px);--vh:calc(100dvh / 1px);@supports not (width:calc(1% / 1px)){--vw:tan(atan2(100dvw, 1px));--vh:tan(atan2(100dvh, 1px))}}:root{--bg:light-dark(#f4f4f6,#111114);--bg-alt:light-dark(#111114,#202021);--color-primary:color(display-p3 0 .8 1);--color-secondary:color(display-p3 1 1 0);--color-text:light-dark(#111116,#e0e0e2);--color-text-alt:light-dark(#e0e0e2,#111116);--color-scrollbar:light-dark(#f0f0f1,#000000f1);--color-scrollbar-thumb:light-dark(#222224,#f8f8fa);--highlight:linear-gradient(165deg, #fff1, #1111);--col-gap:min(5vi, 4em)}@view-transition{navigation:auto}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}::view-transition{background:light-dark(#eee,#111)}:root{view-transition-name:main}::view-transition-old(main){animation:.3s fade-out}::view-transition-new(main){animation:.3s fade-in}html{color-scheme:light dark;background:light-dark(#fff,#161618)}body{color:var(--color-text);text-wrap:pretty;font-family:primary,sans-serif;line-height:1.3;@media (width>=400px){line-height:1.4}@media (width>=1200px){line-height:1.5}@media (width>=840px){--col-count:2}}.wrap{margin-inline:auto;padding-inline:clamp(1em,5%,3em)}.wrapMax{max-inline-size:112rem}.wrapMaxOut{max-inline-size:140rem}.card{background:light-dark(#f8f8f899,#1b1b1c99);border:1px solid var(--bg);backdrop-filter:blur(14px)saturate(.4);background-image:linear-gradient(165deg,light-dark(#fff4,#0000),light-dark(#fff0,#0002));padding:1.5em 2.25em 2em;position:relative;box-shadow:max(.375em,.5vw) max(1em,1vw) clamp(1.5em,1.5vw,3em) #1616180c}:any-link,.link{color:inherit;text-decoration-color:var(--color-primary);text-underline-offset:.25ex;text-decoration-thickness:max(2px,.125ex);transition:text-underline-offset .1s ease-out;&:where(:hover,:active){text-underline-offset:.5ex}&:active{opacity:.8}@media (width<600px) and (resolution>=192dpi){text-decoration-thickness:max(1.5px,.125ex)}}abbr{text-decoration-color:var(--color-primary)}i{font-style:italic}details{&::details-content{opacity:0;block-size:0;transition:block-size .2s ease-out, content-visibility .6s allow-discrete, opacity .2s .1s ease-out;overflow:clip}&[open]::details-content{opacity:1;block-size:auto}& summary{user-select:none;transition:background .1s ease-out}}@keyframes headerAnim{0%{clip-path:polygon(0 0,-.5em 0,0 50%,-.5em 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,calc(100% + .5em) 50%,100% 100%,0 100%)}}header{background:var(--highlight);& h1{@media (prefers-reduced-motion:no-preference){animation:2s ease-in-out headerAnim}}}.highlight{background-image:var(--highlight)}footer{background:light-dark(var(--bg-alt),var(--bg));color:#eee;padding:1.5em 0 2.5em;@media (width>=1024px){padding:2.5em 0 4em}& .fixCol{@media (width>=840px){--col-count:2}@media (width>=1400px){--col-count:3}}}h1{--font-size:12vw;--font-max:10em;--font-min:3.5em;overflow-wrap:normal;letter-spacing:-.025ch;padding-block:.25ex .125ex;font-weight:600;display:block;@media (width>=360px){font-size:2.75em}@media (width>=600px){font-weight:800}& :any-link{border:0;text-decoration:none;display:inline-block}}h2{font-weight:500}h3{font-weight:400}.target{color:var(--color-primary);text-underline-offset:.2ex;visibility:hidden;padding-inline:.3ch;position:absolute;inset-inline-start:0;translate:-100%;&:hover{text-decoration:underline}}:target{background-color:color-mix(var(--color-primary) 5%, #0000);outline:2px dashed var(--color-primary);display:inline-block}h2,h3{position:relative;&:hover .target{visibility:unset}&:target{border-radius:.5rem;padding-inline:.2em;overflow:clip}}ol,ul{max-inline-size:54ch;padding-inline-start:1.5em;& ::marker{color:color-mix(in srgb, currentColor 60%, #0000)}}li{--gap:var(--gap-xs)}::selection,::target-text{background:#ff04}code{background:light-dark(#f4f4f5,#1b1b1b);border-radius:.25em;padding:.125em .25em}pre{background:light-dark(#f4f4f5,#181818);border-radius:.25em;min-inline-size:50%;padding:.75em 1em;& code{background:0;border-radius:0;padding:0}}hr{--gap:clamp(1em, 5vw, 3em);border:0;border-block-end:2px solid;border-color:light-dark(#eee,#333);max-inline-size:64ch;margin-block:1em;&.compact{--gap:clamp(1em, 2.5vw, 2em)}}p{max-inline-size:54ch}blockquote{font-size:1.375em;@media (width>=360px){border-inline-start-style:dotted;padding-block:.175em .125em}}input{border:2px solid}.callout{color:light-dark(#fff,#111);text-wrap:balance;background:light-dark(#111,#fff);margin-block-end:.5em;padding-block:1em 1.175em;font-size:2em;font-weight:500;position:relative;& p{max-inline-size:none;&+p{--gap:.625em}}& strong{text-transform:uppercase;font-weight:800}@media (width>=1024px){font-size:3em;clip-path:polygon(0 0,calc(100% - 1.25em) 0,100% 2em,calc(100% - 2em) 100%,0 100%);padding-inline:1em;font-size:3.75em;left:-1rem;& p+p{--gap:.125em}}}:focus-visible{outline-color:color-mix(var(--color-primary) 75%, #0000);outline-offset:1px;text-decoration-inset:1px;outline-width:2px;outline-style:solid;&:is(.btn,button),&:is(input){outline-offset:2px}}nav{background-image:var(--highlight);border-block:1px solid light-dark(#0001,#fff1);width:100%;& ul.reset{flex-wrap:wrap;gap:.5em 1em;max-inline-size:none;margin:0 auto;padding:.75em 0;display:flex;position:relative}& li{margin:0}& :any-link{text-decoration-color:#0000;transition:background-color .5s ease-out,text-underline-offset .1s ease-out;display:block;&.current{color:#ffffff80}&:not(.current):hover{text-decoration-color:var(--color-primary);transition-duration:0s,.1s}}}.btnSet{font-size:1.125em}.btn,button{background:var(--color-primary);color:var(--color-primary-contrast);background-image:linear-gradient(-8deg,#0001,#fff9);border:0;border-radius:.375em;padding-block:.625em;padding-inline:1.25em;text-decoration:none;&.btnAlt{color:light-dark(#f3f6fb,#111);background-color:light-dark(#111116,#e1e1e6);background-image:linear-gradient(-8deg,#0001,light-dark(#fff4,#fff9))}&.inline{padding:.25em .5em}}fieldset{border:2px solid #eee}section{margin:0 auto;padding:1.5em 0 2em;position:relative;&.alt{background:var(--highlight)}@media (width>=768px){padding:2em 0 2.5em}@media (width>=1024px){padding-block:2.5em 3em}@media (width>=1800px){padding-block:3em 5em}}.emoji{margin-inline-start:.125em}.compiled:not(.complete){display:none}.previews{@media (width>=1600px){width:47.5%;position:absolute;top:-4em;right:5%}}th{background:#f4f4f5}.secViewMeta{& del{opacity:.6}}.secPricing,.secRebrand{@media (width>=840px){border:2px solid var(--bg);width:90%;padding-block:3em 5em;position:relative;& .wrap{padding:0 10%}}}.secPricing{@media (width>=840px){background:#ffffff04;max-width:48em;top:-6.5em}}.secRebrand{max-width:56em;margin-block-end:6em;& label{display:block}& input{--gap:.25em}}.price{font-size:1.25em;&.large{font-size:2em}& span{font-size:2.5em;font-weight:800}}summary.btn{width:fit-content;display:list-item}.contents{inline-size:fit-content}aside{padding-block:3em 0}protofluid-css{color:#eee;background:#0004;flex-direction:row;justify-content:space-between;align-items:end;font-family:sans-serif;font-size:1.125rem;position:fixed;bottom:0;right:0;&:before{counter-reset:width var(--viewport-width) height var(--viewport-height);content:counter(width) " ×" " " counter(height) "px";background:#111e;padding-block:.5rem;padding-inline:1rem;display:block}}.sponsors{flex-flow:column wrap;gap:1rem;display:flex;@media (width>=600px){flex-direction:row}}.sponsor{aspect-ratio:16/9;min-height:96px;position:relative;& div{justify-content:center;align-items:center;width:100%;height:100%;display:flex}& img{object-fit:contain;max-width:100%;height:100%}& span{color:#fff;pointer-events:none;text-shadow:.1em .1em .1em #1112;z-index:1;background:#1114;justify-content:center;align-items:center;width:100%;height:100%;padding-block:.25em;font-size:2em;display:flex;position:absolute;top:0;left:0}}.goldSponsor{color:#111;background:#f4f4f4;max-height:12rem;@media (width>=600px){width:calc(50% - .5rem)}}.silverSponsor{max-height:8rem}.sponsorWakeLock{background:#fbf6f0}#beta{background:var(--color-secondary);color:#000;background-image:linear-gradient(-9deg,#fff0,#fffb),linear-gradient(-45deg,#fff9,#fff0);border-bottom:1px solid light-dark(#0001,#fff1);padding-block:.75lh;& p{font-size:1.125em}}