*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;padding:0}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:.5em}small{font-size:var(--font-size-sm)}html:focus-within{scroll-behavior:smooth}body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}code-highlight{white-space:pre-wrap;display:block;width:100%}input,button,textarea,select{font:inherit}pre{width:min-content;margin:0 auto}pre code{padding:0 2em 0 0!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-primary: oklch(60% .2 240);--color-secondary: oklch(70% .2 140);--color-accent: oklch(.87 .21 110.35);--color-background: oklch(9% 0 0);--color-text: oklch(90% 0 0);--color-text-light: oklch(.83 0 0);--gradient-primary: linear-gradient( 135deg, oklch(65% .2 240) 0%, oklch(70% .25 200) 50%, oklch(75% .3 160) 100% );--gradient-secondary: linear-gradient( 45deg, oklch(60% .15 140) 0%, oklch(65% .2 120) 50%, oklch(70% .25 100) 100% );--gradient-accent: linear-gradient( to right, oklch(60% .2 30) 0%, oklch(65% .25 60) 50%, oklch(70% .3 90) 100% );--font-family-primary: "Roboto", sans-serif;--font-family-secondary: "Open Sans", sans-serif;--font-size-xxs: clamp(.5rem, 2vw , .75rem);--font-size-xs: clamp(.75rem, 3vw , .875rem);--font-size-sm: clamp(.875rem, 3.5vw , 1rem);--font-size-md: clamp(1rem, 4vw , 1.125rem);--font-size-lg: clamp(1.25rem, 5vw , 1.5rem);--font-size-xl: clamp(1.5rem, 6vw , 2rem);--font-size-xxl: clamp(2rem, 8vw , 3rem);--font-size-3xl: clamp(3rem, 10vw , 5rem);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--spacing-xs: clamp(.25rem, .5vw, .5rem);--spacing-sm: clamp(.5rem, 1vw, .75rem);--spacing-md: clamp(1rem, 2vw, 1.5rem);--spacing-lg: clamp(1.5rem, 3vw, 2rem);--spacing-xl: clamp(2rem, 4vw, 3rem);--border-radius-sm: clamp(.25rem, .5vw, .375rem);--border-radius-md: clamp(.375rem, .75vw, .5rem);--border-radius-lg: clamp(.5rem, 1vw, 1rem);--box-shadow-sm: 0 1px 3px oklch(0% 0 0 / .12), 0 1px 2px oklch(0% 0 0 / .24);--box-shadow-md: 0 4px 6px oklch(0% 0 0 / .1), 0 1px 3px oklch(0% 0 0 / .08);--box-shadow-lg: 0 10px 20px oklch(0% 0 0 / .1), 0 3px 6px oklch(0% 0 0 / .05);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}:root{view-transition-name:none}main>section{view-transition-name:content}nav-component{view-transition-name:nav}::view-transition-group(*){animation-duration:.5s}:view-transition-group(nav){display:none}::view-transition-old(content){animation-name:slide-out-to-left}::view-transition-new(content){animation-name:slide-in-from-right}html:active-view-transition-type(backwards)::view-transition-old(content){animation-name:slide-out-to-right}html:active-view-transition-type(backwards)::view-transition-new(content){animation-name:slide-in-from-left}body:before,body:after{height:100%;top:0;right:0;bottom:0;left:0;position:fixed;width:100%;color:var(--color-text);content:"";isolation:isolate;z-index:-1;--s: 100px;--c1: #999;--c2: var(--color-background);display:block;--_g: #9990 90deg, var(--c1) 0;background:conic-gradient(from 90deg at 2px 2px,var(--_g)),conic-gradient(from 90deg at 1px 1px,var(--_g)),var(--c2);background-size:var(--s) var(--s),calc(var(--s) / 5) calc(var(--s) / 5);background-attachment:fixed}body:after{background:radial-gradient(oklch(from var(--color-background) l c h / .8),oklch(from var(--color-background) l c h / .95))}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-primary);font-size:150%;text-align:center}section{min-height:calc(100vh - 4rem);box-sizing:border-box;width:100%;align-content:center;scroll-snap-align:start}pre{text-align:left;overflow-x:auto;border-radius:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fragment{opacity:0;animation:fadeIn 1s ease-out forwards;animation-timeline:scroll(root);animation-range:calc((var(--fragment-count) - 1) * 100dvh) calc(var(--fragment-count) * 100dvh)}@media (prefers-reduced-motion: reduce){.fragment{animation:none;opacity:1}}main{height:calc(100vh - 2rem);overflow:auto;position:fixed;top:0;width:100%;padding:1rem;font-size:var(--font-size-md)}body{height:calc(100dvh * (1 + var(--fragment-count, 0)));box-sizing:border-box}:root{--fragment-count: 0}a{color:var(--color-primary)}a:hover{color:var(--color-accent)}a:focus,a:focus-visible{color:var(--color-accent);outline:solid;outline-offset:4px;outline-color:var(--color-accent);text-decoration:none}body:has(:nth-child(1 of.fragment)){--fragment-count: 1}body:has(:nth-child(2 of.fragment)){--fragment-count: 2}body:has(:nth-child(3 of.fragment)){--fragment-count: 3}body:has(:nth-child(4 of.fragment)){--fragment-count: 4}body:has(:nth-child(5 of.fragment)){--fragment-count: 5}:nth-child(1 of.fragment){--fragment-count: 1}:nth-child(2 of.fragment){--fragment-count: 2}:nth-child(3 of.fragment){--fragment-count: 3}:nth-child(4 of.fragment){--fragment-count: 4}:nth-child(5 of.fragment){--fragment-count: 5}nav-component{position:fixed;right:0;bottom:0}header,footer{position:fixed;font-size:var(--font-size-xxs);width:100%;opacity:.8;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;padding:.25rem 1rem}header{width:100%;top:0}footer{width:50%;bottom:0;display:none}@media (min-width: 46em){footer{display:block;text-align:left}}.accent{color:var(--color-accent)}.light{color:var(--color-text-light)}dl{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;gap:.5em}dt,dd{flex:1 0 calc(50% - .5em)}dt:where(dt),dd:where(dt){text-align:right;font-weight:700;color:var(--color-text-light)}dt:where(dd),dd:where(dd){text-align:left}ul{text-align:start}p{width:min(50rem,100%);margin-left:auto;margin-right:auto}blockquote{text-align:start;display:inline-block;padding:1rem;border-radius:1rem;background-color:var(--color-background);color:var(--color-text-light);font-family:Courier New,Courier,monospace;width:min(50rem,100%);margin:0 auto}blockquote:before{content:"”";transform:scale(2);display:inline-block}blockquote cite{font-weight:900;display:block;text-align:end}[data-example]{border:1.5rem solid var(--color-accent);padding:1rem;width:100%;background-color:var(--color-background);position:relative;isolation:isolate}[data-example]:before{content:attr(data-example);position:absolute;top:-1.4rem;left:-1.4rem;background-color:var(--color-background);padding:.125em .25em;opacity:.8;border-radius:.5em;display:block;font-size:var(--font-size-xxs)}table{margin:0 auto;text-align:left}table tr{background-color:var(--color-background);margin:0;padding:0}table td{padding:.5rem;border:0}tr:not(:last-of-type) :is(table td){border-bottom:1px solid var(--color-text-light)}specificity-calc{opacity:0}.specificity-calc-container{isolation:isolate;position:relative;max-width:min-content;margin:0 auto;margin-bottom:2rem}.specificity-calc-container specificity-calc{position:absolute;right:0;top:-1em}img{margin:0 auto 1rem}baseline-status{padding:0;margin:0;align-content:center;text-align:center;border:0;pointer-events:none;position:fixed;bottom:.5rem}@media (min-width: 46em){baseline-status{left:50%;transform:translate(-50%)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#e6e6e6;background:#2a2c2d}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.hljs-comment,.hljs-quote{color:#bbb;font-style:italic}.hljs-params{color:#bbb}.hljs-punctuation,.hljs-attr{color:#e6e6e6}.hljs-selector-tag,.hljs-name,.hljs-meta{color:#ff4b82}.hljs-operator,.hljs-char.escape_{color:#b084eb}.hljs-keyword,.hljs-deletion{color:#ff75b5}.hljs-regexp,.hljs-selector-pseudo,.hljs-selector-attr,.hljs-variable.language_{color:#ff9ac1}.hljs-subst,.hljs-property,.hljs-code,.hljs-formula,.hljs-section,.hljs-title.function_{color:#45a9f9}.hljs-string,.hljs-symbol,.hljs-bullet,.hljs-addition,.hljs-selector-class,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-meta .hljs-string{color:#19f9d8}.hljs-variable,.hljs-template-variable,.hljs-number,.hljs-literal,.hljs-type,.hljs-link,.hljs-built_in,.hljs-title,.hljs-selector-id,.hljs-tag,.hljs-doctag,.hljs-attribute,.hljs-template-tag,.hljs-meta .hljs-keyword,.hljs-punctuation{color:#ffb86c}