@layer base{:root{color-scheme:light dark;interpolate-size:allow-keywords;--0:100% 0 h;--50:97% calc(c / 16) h;--100:94% calc(c / 4) h;--200:88% c h;--300:70% c h;--400:60% c h;--500:50% c h;--600:40% c h;--700:30% c h;--800:22% calc(c / 1.5) h;--900:18% calc(c / 2) h;--neutral:oklch(80% .01 90);--primary:oklch(52% .26 275);--color-text:light-dark(oklch(from var(--neutral) var(--800)),oklch(from var(--neutral) var(--100)));--color-bg:light-dark(oklch(from var(--neutral) var(--100)),oklch(from var(--primary) var(--700)));--color-bg-dark:light-dark(oklch(from var(--neutral) var(--50)),oklch(from var(--primary) var(--800)));--color-accent:light-dark(oklch(from var(--primary) var(--500)),oklch(from var(--primary) var(--200)));--color-link:light-dark(oklch(from var(--primary) var(--500)),oklch(from var(--primary) var(--200)));--color-border:light-dark(oklch(from var(--neutral) var(--300)),oklch(from var(--primary) var(--500)));--color-shadow:black;--space-scale:1.666;--space-base:1.5rem;--space-xxs:calc(var(--space-xs) / var(--space-scale));--space-xs:calc(var(--space-sm) / var(--space-scale));--space-sm:calc(var(--space-base) / var(--space-scale));--space-md:var(--space-base);--space-lg:calc(var(--space-md) * var(--space-scale));--space-xl:calc(var(--space-lg) * var(--space-scale));--space-xxl:calc(var(--space-xl) * var(--space-scale));--space-xxxl:calc(var(--space-xxl) * var(--space-scale));--space-flex:clamp(8rem, 20vw, 16rem);--font-family-main:"Lekton", system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", arial, sans-serif;--font-family-code:"Lekton", ui-monospace, menlo, monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--font-weight-xs:200;--font-weight-sm:325;--font-weight-md:400;--font-weight-lg:500;--font-weight-xl:700;--font-weight-xxl:800;--font-weight:var(--font-weight-sm);--font-size-base:max(1.125em, min(calc(.675em + .5vw), 1.875em));--font-size-scale-sm:1.2;--font-size-scale-lg:1.333;--font-size-xxxs:calc(var(--font-size-xxs) / var(--font-size-scale-sm));--font-size-xxs:calc(var(--font-size-xs) / var(--font-size-scale-sm));--font-size-xs:calc(var(--font-size-sm) / var(--font-size-scale-sm));--font-size-sm:calc(var(--font-size-md) / var(--font-size-scale-sm));--font-size-md:1em;--font-size-lg:calc(var(--font-size-md) * var(--font-size-scale-lg));--font-size-xl:calc(var(--font-size-lg) * var(--font-size-scale-lg));--font-size-xxl:calc(var(--font-size-xl) * var(--font-size-scale-lg));--font-size-xxxl:calc(var(--font-size-xxl) * var(--font-size-scale-lg));--font-size-xxxxl:calc(var(--font-size-xxxl) * var(--font-size-scale-lg));--font-size-poster:clamp(3.5em, 8vw, 7em);--line-length-xs:24ch;--line-length-sm:48ch;--line-length-md:64ch;--line-length-lg:72ch;--line-length-xl:96ch;--line-height-base:1.1;--line-height-scale:1.25;--line-height-xs:calc(var(--line-height-sm) / var(--line-height-scale));--line-height-sm:var(--line-height-base);--line-height-md:calc(var(--line-height-sm) * var(--line-height-scale));--line-height-lg:calc(var(--line-height-md) * var(--line-height-scale));--line-height-fluid:calc(.6rem + 1em);--letter-spacing-sm:-.025em;--letter-spacing-md:0;--letter-spacing-lg:.1em;--letter-spacing-xl:.3em;--border-radius-0:0;--border-radius-sm:.2rem;--border-radius-md:.4rem;--border-radius-lg:.8rem;--border-radius-xl:1.6rem;--border-width-sm:.0625rem;--border-width-md:.1rem;--border-width-lg:.25rem;--z-0:0;--z-1:1;--z-2:2;--z-3:3;--z-4:4;--z-5:5;--shadow-sm:0 1px 2px -1px oklch(from var(--color-shadow) l c h / 10%);--shadow-md:0 -1px 3px 0 oklch(from var(--color-shadow) l c h / 2%), 0 1px 2px -5px oklch(from var(--color-shadow) l c h / 2%), 0 2px 5px -5px oklch(from var(--color-shadow) l c h / 4%), 0 4px 12px -5px oklch(from var(--color-shadow) l c h / 5%), 0 12px 15px -5px oklch(from var(--color-shadow) l c h / 7%);--shadow-lg:0 5px 5px -2px oklch(from var(--color-shadow) l c h / 6%), 0 10px 10px -2px oklch(from var(--color-shadow) l c h / 7%), 0 20px 20px -2px oklch(from var(--color-shadow) l c h / 8%), 0 40px 40px -2px oklch(from var(--color-shadow) l c h / 9%);--shape-chevron:polygon(35% 0, 80% 50%, 35% 100%, 28% 93%, 62% 55%, 66% 50%, 66% 50%, 62% 45%, 28% 7%)}:where(*){box-sizing:border-box;margin:0;padding:0;&::selection{color:var(--color-bg);background-color:color-mix(in oklch, var(--color-text), var(--color-bg) 20%)}&:focus-visible{outline:var(--border-width-md) var(--color-accent) solid;outline-offset:var(--border-width-md)}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.1s}}html{min-block-size:100dvh;scroll-padding-top:var(--space-xl);color:var(--color-text);background-color:var(--color-bg);accent-color:var(--color-accent);font-weight:var(--font-weight);overflow-x:clip;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}}body{min-block-size:100dvh;font-family:var(--font-family-main);font-size:var(--font-size-base);line-height:var(--line-height-fluid);flex-direction:column;align-items:stretch;display:flex;position:relative;overflow-x:clip;&:before{content:"";z-index:-1;pointer-events:none;mix-blend-mode:overlay;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='8' intercept='-3.5'/%3E%3CfeFuncG type='linear' slope='8' intercept='-3.5'/%3E%3CfeFuncB type='linear' slope='8' intercept='-3.5'/%3E%3CfeFuncA type='linear' slope='0' intercept='1'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (prefers-color-scheme:dark){:root:not(.light) &:before{opacity:.15}}:root.dark &:before{opacity:.15}}:where(animate-on-scroll,details-menu){display:contents}:where(main,header,footer){container-type:inline-size}main{z-index:var(--z-1)}header{padding-block:var(--space-sm);z-index:var(--z-2);&>nav{flex-wrap:nowrap;justify-content:space-between;align-items:center;display:flex;&>a:has(svg){&>svg{block-size:var(--space-md)}}&>ul{gap:var(--space-xs);flex-shrink:1;align-items:center;list-style-type:none;display:inline-flex}}}footer{margin-block-start:var(--space-xxl);&>p{padding-block:var(--space-sm);border-block-start:var(--border-width-sm) solid var(--color-border)}}hr{inline-size:100%;margin-block:var(--space-lg);border:0;border-block-start:var(--border-width-sm) solid var(--color-border)}:where(img,embed,object,svg,video){block-size:auto;max-inline-size:100%;line-height:var(--line-height-fluid)}:where(details){padding-block:var(--space-sm);border-block-start:var(--border-width-sm) solid var(--color-border);&>summary{gap:var(--space-xs);cursor:pointer;color:var(--color-text);flex-wrap:nowrap;align-items:center;display:flex;&::-webkit-details-marker{display:none}&:before{content:"";block-size:1em;inline-size:1em;clip-path:var(--shape-chevron);background-color:currentColor;position:relative;scale:.9}}&[open]>summary:before{transform:rotate(90deg)}&>:not(summary){text-wrap:balance;margin-inline-start:1.48em}}@font-face{font-family:Lekton;src:url(/assets/fonts/Lekton-Regular.woff2)format("woff2");ascent-override:82.75%;descent-override:17.25%;line-gap-override:0%;font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lekton;src:url(/assets/fonts/Lekton-Bold.woff2)format("woff2");ascent-override:82.75%;descent-override:17.25%;line-gap-override:0%;font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Lekton;src:url(/assets/fonts/Lekton-Italic.woff2)format("woff2");ascent-override:82.75%;descent-override:17.25%;line-gap-override:0%;font-weight:400;font-style:italic;font-display:swap}form{gap:var(--space-md);flex-direction:column;inline-size:100%;display:flex}label{font-weight:var(--font-weight-lg);line-height:var(--line-height-lg);flex-grow:1;flex-shrink:1;display:block}textarea{field-sizing:content;inline-size:100%;min-height:var(--space-xxl)}:where(button,input,select,option,textarea){color:var(--color-text);font-family:inherit;font-size:inherit;font-weight:inherit;line-height:var(--line-height-sm)}:where(input:not([type=range],[type=button],[type=submit],[type=radio],[type=checkbox],[type=file]),select,textarea){background-color:var(--color-bg-dark);border:var(--border-width-md) solid var(--color-border);border-radius:var(--border-radius-sm);inline-size:100%;padding:var(--space-sm);font-weight:var(--font-weight);transition:border-color .1s;&::placeholder{color:var(--color-text);opacity:.5}&:focus,&:focus-within{border-color:var(--color-accent);outline:none}}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5' /%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:right var(--space-sm) center;background-size:var(--space-md) var(--space-md);font-weight:400;@supports (appearance:base-select){appearance:base-select;background-image:none;justify-content:space-between;align-items:center;display:inline-flex;&::picker-icon{content:"";background-color:var(--color-text);block-size:.75em;inline-size:1em;clip-path:var(--shape-chevron);display:block;rotate:90deg}&::picker(select){appearance:base-select;position-try-order:normal;max-block-size:24rem;max-inline-size:24rem;margin-block:calc(var(--space-lg) * -1);margin-inline:calc(var(--space-xs) * -1.25);background-color:var(--color-bg-dark);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-xs);box-shadow:var(--shadow-md)}& legend{padding:var(--space-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-lg);color:var(--color-text);text-transform:uppercase;opacity:.5}& option{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight);padding:var(--space-xs);border-radius:var(--border-radius-sm);display:block;overflow:hidden;&::checkmark{display:none}&[disabled]{opacity:.5;pointer-events:none}&:not([disabled]){@media (hover:hover){&:hover{background-color:oklch(from var(--color-text) l c h / 10%)}}&:focus{background-color:oklch(from var(--color-text) l c h / 10%)}&:focus-visible{outline:none}&:checked{color:var(--color-bg);background-color:var(--color-accent)}}}}}[disabled]{opacity:.5}input[type=checkbox],input[type=radio]{appearance:none;block-size:1.2em;inline-size:1.2em;font:inherit;color:currentColor;background-color:var(--color-bg-dark);border:var(--border-width-md) solid var(--color-border);place-content:center;margin:0;padding:0;display:inline-grid;&:checked:before{box-shadow:inset 1em 1em var(--color-accent);scale:1}}input[type=radio]{border-radius:50%;translate:0 .05em;&:before{content:"";block-size:.7em;inline-size:.7em;box-shadow:inset 1em 1em var(--color-text);border-radius:50%;transition:transform .1s ease-in-out;scale:0}}input[type=checkbox]{border-radius:var(--border-radius-sm);&:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);block-size:.65em;inline-size:.65em;box-shadow:inset 1em 1em var(--color-text);scale:0}}dialog{width:min(var(--line-length-lg), 90vw);margin-block:var(--space-xs);padding-block:var(--space-md);padding-inline:var(--space-md);gap:var(--space-sm);background-color:var(--color-bg);border-radius:var(--border-radius-lg);border:var(--border-width-sm) solid oklch(from var(--color-border) l c h / 50%);box-shadow:var(--shadow-lg);transition:opacity .1s, scale .1s, overlay .1s allow-discrete, display .1s allow-discrete;opacity:0;flex-direction:column;margin-inline:auto;display:flex;position:fixed;inset-block-start:50dvh;overflow:visible;translate:0 -50%;scale:.95;&:focus-visible{outline:none}&:modal::backdrop{backdrop-filter:blur(.05rem);transition:all .1s ease-in-out}&:where(:popover-open,:modal){opacity:1;scale:1}}@starting-style{dialog:where(:popover-open,:modal){opacity:0;scale:.95}}[role=tooltip]{inset:inherit;position-visibility:always;position-try-fallbacks:flip-block, y-start span-x-end, y-end span-x-end, y-start span-x-start, y-end span-x-start;position-area:y-start span-all;padding-block:var(--space-xs);padding-inline:var(--space-sm);margin-block:var(--space-xs);font-size:var(--font-size-sm);background-color:var(--color-bg-dark);border:var(--border-width-sm) solid oklch(from var(--color-border) l c h / 50%);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);position:absolute}.inverted{color-scheme:dark;@media (prefers-color-scheme:dark){color-scheme:light}}.dark{color-scheme:dark}.light{color-scheme:light}:where(article,.formatted){max-width:var(--line-length-xl);&>:where(h1,h2,blockquote,hr){margin-block:var(--space-lg)}&>:where(h3,form,img,video,picture){margin-block:var(--space-md)}&>:where(p,ul,ol,dl,pre,details,h4,h5,h6){margin-block:var(--space-sm)}}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,pre,blockquote,form){overflow-wrap:break-word;color:var(--color-text)}:where(h1,h2,h3,h4,h5,h6){text-wrap:balance;line-height:var(--line-height-fluid)}h1{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-sm);letter-spacing:var(--letter-spacing-sm)}h2{font-size:var(--font-size-xxl);font-weight:var(--font-weight-sm)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-xl)}:where(h4,h5,h6){font-size:var(--font-size-md);font-weight:var(--font-weight-xl)}:where(p,ul,ol,dl,pre,blockquote){line-height:var(--line-height-fluid);text-wrap:pretty;color:light-dark(var(--color-text),color-mix(in oklch, var(--color-text), var(--color-bg) 10%))}:where(a,li,dd,strong,em,i,mark){color:inherit}:where(ul:not([class]),ol:not([class])){padding-inline-start:1.75ch}ul{list-style-type:square;list-style-position:inside}ol{list-style-type:decimal}li{color:inherit;position:relative}:where(b,strong){font-weight:var(--font-weight-xl)}:where(i,em){font-style:italic}small{font-size:var(--type-sm)}mark{color:inherit;background-color:color-mix(in oklch, var(--color-text), var(--color-bg) 80%)}:where(a,a:visited){color:var(--color-accent);text-decoration-thickness:var(--border-width-md);text-underline-offset:.15rem;transition:text-decoration-thickness .1s,color .1s}@media (hover) and (pointer:fine){a:hover{text-decoration-thickness:calc(var(--border-width-md) * 1.5)}}:where(pre,code){color:var(--color-text);background-color:var(--color-bg-dark);border-radius:var(--border-radius-sm)}pre{margin-inline:calc(var(--space-sm) * -1);padding-block:var(--space-xs);padding-inline:var(--space-sm);line-height:var(--line-height-md);overflow:auto}code{font-family:var(--font-family-code);padding:.1rem var(--space-xxs);-webkit-box-decoration-break:clone;font-size:90%;:is(pre) &{background-color:#0000;border:none;padding-block:0;padding-inline:0;overflow:auto}}:where(blockquote){margin-inline:calc(var(--space-sm) * -1) 0;font-size:var(--font-size-md);border-inline-start:var(--border-width-md) solid oklch(from var(--primary) var(--300));text-box:trim-both cap alphabetic;padding-inline-start:var(--space-sm);&>p{font-size:var(--font-size-xl);font-weight:var(--font-weight-xs);text-wrap:balance}& cite{font-size:var(--font-size-xs);font-weight:var(--font-weight-xl);text-transform:uppercase;font-style:normal;display:block}}:where(dt){font-weight:var(--font-weight-xl);dd+&{margin-block-start:var(--space-sm)}}}@layer components{:where(.button,button,input[type=submit]){color:var(--color-text);background-color:var(--color-bg);border:var(--border-width-md) solid var(--color-text);border-radius:var(--border-radius-xs);align-items:center;gap:var(--space-xxs);padding-block:var(--space-xs);padding-inline:var(--space-sm);font-size:inherit;font-family:inherit;line-height:var(--line-height-sm);text-decoration:none;display:inline-flex;&:visited{color:var(--color-text)}&[aria-current]{background-color:color-mix(in oklch, var(--color-bg), currentcolor 20%)!important}@media (hover) and (pointer:fine){&:hover{color:var(--color-bg);border-color:var(--color-text);background-color:color-mix(in oklch, var(--color-text), var(--color-bg) 25%);cursor:pointer}}&.--tactile{&:not(:focus-visible){outline:var(--border-width-md) solid light-dark(oklch(from var(--neutral) 100% c h / 20%),oklch(from var(--neutral) 0% c h / 20%));outline-offset:calc(var(--border-width-md) * -2)}}&.--fill:not(:hover){color:var(--color-bg);background-color:var(--color-text);border-color:var(--color-text)}&.--primary{--color-text:var(--color-accent)}&.--simple{background-color:#0000;border-color:#0000;border-radius:0;padding-inline:0;@media (hover) and (pointer:fine){&:hover{color:var(--color-text);border-block-end-color:var(--color-text)}}}&.--subtle{background-color:var(--color-bg);border-color:oklch(from var(--color-border) l c h / 75%);border-width:var(--border-width-sm);@media (hover) and (pointer:fine){&:hover{color:var(--color-text);background-color:color-mix(in oklch, currentcolor, var(--color-bg) 90%)}}}&.--menu{border-radius:var(--border-radius-sm);inline-size:100%;padding-inline:var(--space-xs);background-color:#0000;border-width:0;@media (hover) and (pointer:fine){&:hover{color:var(--color-text);background-color:var(--color-bg-dark)}}}&.--point-left:before,&.--point-right:before,&.--point-down:before{content:"";block-size:1em;inline-size:1em;clip-path:var(--shape-chevron);background-color:currentColor;scale:.9}&.--point-left:before{rotate:180deg}&.--point-down:before{rotate:90deg}&.--point-none:before{content:none}& svg{block-size:1em;inline-size:auto}}.card-set{gap:var(--space-md);text-align:start;grid-template-columns:repeat(auto-fit,minmax(15em,1fr));align-items:start;list-style-type:none;display:grid;&>li{border-inline-start:var(--border-width-lg) solid var(--color-accent);gap:var(--space-xs);text-box-trim:trim-both;flex-direction:column;padding-inline-start:var(--space-md);display:flex}}copy-to-clipboard{justify-content:space-between;align-items:center;gap:var(--space-xs);background-color:var(--color-bg-dark);margin-block:var(--space-md);padding-block:var(--space-sm);padding-inline:var(--space-sm);border:var(--border-width-sm) solid oklch(from var(--color-border) l c h / 50%);box-shadow:var(--shadow-lg);flex-wrap:wrap;display:flex;html:not(.js) & button{display:none}}.examples{gap:var(--space-md);text-align:start;grid-template-columns:repeat(auto-fit,minmax(24em,1fr));list-style-type:none;display:grid;& a{padding:var(--space-md);border:var(--border-width-sm) solid var(--color-accent);gap:var(--space-xs);text-box-trim:trim-both;block-size:100%;box-shadow:var(--shadow-md);flex-direction:column;text-decoration:none;transition:transform .1s;display:flex;@media (hover) and (pointer:fine){&:hover{transform:scale(1.02)}}}& h3,& p{color:var(--color-accent)}}popover-menu{position:relative;& :is([hidden],[popover]:not(:popover-open)){display:none!important}&>:last-child{gap:var(--space-xxs);inline-size:max-content;min-inline-size:16ch;max-inline-size:24ch;margin-block:var(--space-xs);background-color:#0000;border:none;flex-direction:column;display:flex;overflow:visible;&:not([popover]){position:absolute;&.anchor-right{inset-inline-end:0}}&[popover]{position-visibility:anchors-visible;position-area:y-end span-x-end;position-try-fallbacks:y-end span-x-start, flip-block, flip-inline;inset:inherit;&.anchor-right{position-area:y-end span-x-start;position-try-fallbacks:y-end span-x-end, flip-block, flip-inline}}}& :is(ul,[role=group]){gap:var(--space-xxs);padding-block:var(--space-xxs);padding-inline:var(--space-xxs);border-radius:var(--border-radius-md);background-color:var(--color-bg);border:var(--border-width-sm) solid oklch(from var(--color-border) l c h / 50%);box-shadow:var(--shadow-lg);flex-direction:column;list-style:none;display:flex}}small-details{display:contents;@media (width<=49.999em){& summary{padding-block:var(--space-sm);border-block-end:var(--border-width-sm) solid var(--color-border)}}@media (width>=50em){& details:focus{outline:none}& summary{pointer-events:none;&:before{content:none}&:focus{outline:none}}}}}@layer utilities{@media (prefers-reduced-motion:no-preference){@supports (animation-trigger:--t play-once){.animate-self,.animate-children>*{timeline-trigger:--enter view() entry 0% exit 100%;animation-trigger:--enter play-once;animation-name:fade-in;animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:both}}@supports (animation-timeline:view()){.animate-scroll{animation-name:fade-in;animation-timeline:view();animation-duration:auto;animation-range:entry}}}.fade-in{animation:.2s ease-in-out forwards fade-in}.delay-sm{animation-delay:.15s}.delay-md{animation-delay:.3s}.delay-lg{animation-delay:.45s}.delay-xl{animation-delay:.6s}.delay-xxl{animation-delay:.75s}.duration-sm{animation-duration:.25s}.duration-md{animation-duration:.5s}.duration-lg{animation-duration:.75s}.duration-xl{animation-duration:1s}.duration-xxl{animation-duration:1.5s}@keyframes fade-in{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}.radius-0{border-radius:var(--border-radius-0)}.radius-sm{border-radius:var(--border-radius-sm)}.radius-md{border-radius:var(--border-radius-md)}.radius-lg{border-radius:var(--border-radius-lg)}.radius-xl{border-radius:var(--border-radius-xl)}.radius-full{border-radius:100%}.border-0{border:none}.border{border:var(--border-width-sm) solid var(--color-border)}.border-glint{border:var(--border-width-sm) solid oklch(from var(--color-border) l c h / 50%)}.border-top{border-block-start:var(--border-width-sm) solid var(--color-border)}.border-bottom{border-block-end:var(--border-width-sm) solid var(--color-border)}.border-left{border-inline-start:var(--border-width-sm) solid var(--color-border)}.border-right{border-inline-end:var(--border-width-sm) solid var(--color-border)}@media (width>=50em){.border\@md{border:var(--border-width-sm) solid var(--color-border)}.border-top\@md{border-block-start:var(--border-width-sm) solid var(--color-border)}.border-bottom\@md{border-block-end:var(--border-width-sm) solid var(--color-border)}.border-left\@md{border-inline-start:var(--border-width-sm) solid var(--color-border)}.border-right\@md{border-inline-end:var(--border-width-sm) solid var(--color-border)}}.border-weight-sm{border-width:var(--border-width-sm)}.border-weight-md{border-width:var(--border-width-md)}.border-weight-lg{border-width:var(--border-width-lg)}.set-text{color:var(--color-text)}.set-bg{background-color:var(--color-bg)}.color{&.--text{--color-text:var(--property)}&.--bg{--color-bg:var(--property)}&.--border{--color-border:var(--property)}&.--accent{--color-accent:var(--property)}&.--shadow{--color-shadow:var(--property)}&.--use-text{--property:var(--color-text)}&.--use-bg{--property:var(--color-bg)}&.--use-bg-dark{--property:var(--color-bg-dark)}&.--use-border{--property:var(--color-border)}&.--use-accent{--property:var(--color-accent)}&.--use-shadow{--property:var(--color-shadow)}&.--contrast-light{--property:oklch(from var(--color-bg) calc(l / 6) c h)}&.--contrast-dark{--property:oklch(from var(--color-bg) calc(l * 6) c h)}}.block{display:block}.inline{display:inline}.hidden{display:none}.contents{display:contents}.clipped{overflow:clip}.sr-only{clip:rect(1px, 1px, 1px, 1px);block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}@media (width<=49.999em){.block\@sm{display:block}.inline\@sm{display:inline}.hidden\@sm{display:none}.sr-only\@sm{clip:rect(1px, 1px, 1px, 1px);block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}}@media (width>=50em){.block\@md{display:block}.inline\@md{display:inline}.hidden\@md{display:none}}.flex{flex-wrap:wrap;display:flex}.inline-flex{flex-wrap:wrap;display:inline-flex}.gap-xxs{gap:var(--space-xxs)}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.column-gap-sm{column-gap:var(--space-sm)}.column-gap-md{column-gap:var(--space-md)}.column-gap-lg{column-gap:var(--space-lg)}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.column{flex-direction:column}.no-wrap{flex-wrap:nowrap}@media (width<=49.999em){.gap-0\@sm{gap:0}.gap-xxs\@sm{gap:var(--space-xxs)}.gap-xs\@sm{gap:var(--space-xs)}.gap-sm\@sm{gap:var(--space-sm)}.gap-md\@sm{gap:var(--space-md)}.gap-lg\@sm{gap:var(--space-lg)}.justify-start\@sm{justify-content:flex-start}.column\@sm{flex-direction:column}}@media (width>=50em){.gap-0\@md{gap:0}.gap-xs\@md{gap:var(--space-xs)}.gap-sm\@md{gap:var(--space-sm)}.gap-md\@md{gap:var(--space-md)}.gap-lg\@md{gap:var(--space-lg)}.justify-start\@md{justify-content:flex-start}.justify-end\@md{justify-content:flex-end}}.grid{--col-count:12;--col-width-sm:minmax(50vw, 36rem);--col-width-md:64em;--col-width:calc((var(--col-width-md) - (var(--gap) * 11)) / 12);--default-columns:main-start / main-end;--gap:min(4vw, 4em);--gutter-count:calc(var(--col-count) - 1);grid-template-columns:1fr [main-start] var(--col-width-sm) [main-end] 1fr;align-items:start;column-gap:var(--gap);display:grid;position:relative;@media (width>=50em){grid-template-columns:1fr [main-start] repeat(12, minmax(0, var(--col-width))) [main-end] 1fr}:where(&)>:not([class=grid]){grid-column:var(--default-columns)}&>.grid{grid-column:1/-1}&.--dense{grid-auto-flow:dense}&.--reverse{direction:rtl}&.--gap-0{--col-width:calc(var(--col-width-md) / 12);--gap:0}&.--gap-xs{--gap:var(--space-xs)}&.--gap-sm{--gap:var(--space-sm)}&.--gap-md{--gap:var(--space-md)}&.--gap-lg{--gap:var(--space-lg)}&.--gap-y-md{row-gap:var(--space-md)}}.bleed{grid-column:1/-1}.bleed-start{grid-column:1/span 2}.bleed-end{grid-column-end:-1}@media (width>=50em){.start-1{grid-column-start:2}.start-2{grid-column-start:3}.start-3{grid-column-start:4}.start-4{grid-column-start:5}.start-5{grid-column-start:6}.start-6{grid-column-start:7}.start-7{grid-column-start:8}.start-8{grid-column-start:9}.start-9{grid-column-start:10}.start-10{grid-column-start:11}.start-11{grid-column-start:12}.start-12{grid-column-start:13}.start-auto{grid-column-start:auto}.span-1{grid-column-end:span 1}.span-2{grid-column-end:span 2}.span-3{grid-column-end:span 3}.span-4{grid-column-end:span 4}.span-5{grid-column-end:span 5}.span-6{grid-column-end:span 6}.span-7{grid-column-end:span 7}.span-8{grid-column-end:span 8}.span-9{grid-column-end:span 9}.span-10{grid-column-end:span 10}.span-11{grid-column-end:span 11}.span-12{grid-column:2/span 12}.span-1\/2{grid-column:auto/span 6}:nth-child(odd of .span-1\/2){grid-column:2/span 6}.span-1\/3{grid-column:auto/span 4}:nth-child(3n+1 of .span-1\/3){grid-column:2/span 4}.span-1\/4{grid-column:auto/span 3}:nth-child(4n+1 of .span-1\/4){grid-column:2/span 3}.span-2\/3{grid-column:2/span 8;.span-1\/3+&{grid-column:auto/span 8}}.span-3\/4{grid-column:2/span 9;.span-1\/4+&{grid-column:auto/span 9}}.place-start{place-self:start}.place-center{place-self:center}.place-end{place-self:end}}.-mt-xxl{margin-block-start:calc(var(--space-xxl) * -1)}.-mt-xl{margin-block-start:calc(var(--space-xl) * -1)}.-mt-lg{margin-block-start:calc(var(--space-lg) * -1)}.-mt-md{margin-block-start:calc(var(--space-md) * -1)}.-mt-sm{margin-block-start:calc(var(--space-sm) * -1)}.mt-0{margin-block-start:0}.mt-xs{margin-block-start:var(--space-xs)}.mt-sm{margin-block-start:var(--space-sm)}.mt-md{margin-block-start:var(--space-md)}.mt-lg{margin-block-start:var(--space-lg)}.mt-xl{margin-block-start:var(--space-xl)}.mt-xxl{margin-block-start:var(--space-xxl)}.mt-flex{margin-block-start:var(--space-flex)}.-mb-xxl{margin-block-end:calc(var(--space-xxl) * -1)}.-mb-xl{margin-block-end:calc(var(--space-xl) * -1)}.-mb-lg{margin-block-end:calc(var(--space-lg) * -1)}.-mb-md{margin-block-end:calc(var(--space-md) * -1)}.-mb-sm{margin-block-end:calc(var(--space-sm) * -1)}.mb-0{margin-block-end:0}.mb-xs{margin-block-end:var(--space-xs)}.mb-sm{margin-block-end:var(--space-sm)}.mb-md{margin-block-end:var(--space-md)}.mb-lg{margin-block-end:var(--space-lg)}.mb-xl{margin-block-end:var(--space-xl)}.mb-xxl{margin-block-end:var(--space-xxl)}.mb-flex{margin-block-end:var(--space-flex)}.-ml-xxl{margin-inline-start:calc(var(--space-xxl) * -1)}.-ml-xl{margin-inline-start:calc(var(--space-xl) * -1)}.-ml-lg{margin-inline-start:calc(var(--space-lg) * -1)}.-ml-md{margin-inline-start:calc(var(--space-md) * -1)}.-ml-sm{margin-inline-start:calc(var(--space-sm) * -1)}.ml-0{margin-inline-start:0}.ml-sm{margin-inline-start:var(--space-sm)}.ml-md{margin-inline-start:var(--space-md)}.ml-lg{margin-inline-start:var(--space-lg)}.ml-xl{margin-inline-start:var(--space-xl)}.ml-xxl{margin-inline-start:var(--space-xxl)}.-mr-xxl{margin-inline-end:calc(var(--space-xxl) * -1)}.-mr-xl{margin-inline-end:calc(var(--space-xl) * -1)}.-mr-lg{margin-inline-end:calc(var(--space-lg) * -1)}.-mr-md{margin-inline-end:calc(var(--space-md) * -1)}.-mr-sm{margin-inline-end:calc(var(--space-sm) * -1)}.mr-0{margin-inline-end:0}.mr-sm{margin-inline-end:var(--space-sm)}.mr-md{margin-inline-end:var(--space-md)}.mr-lg{margin-inline-end:var(--space-lg)}.mr-xl{margin-inline-end:var(--space-xl)}.mr-xxl{margin-inline-end:var(--space-xxl)}@media (width>=50em){.-mt-xxl\@md{margin-block-start:calc(var(--space-xxl) * -1)}.-mt-xl\@md{margin-block-start:calc(var(--space-xl) * -1)}.-mt-lg\@md{margin-block-start:calc(var(--space-lg) * -1)}.-mt-md\@md{margin-block-start:calc(var(--space-md) * -1)}.-mt-sm\@md{margin-block-start:calc(var(--space-sm) * -1)}.mt-0\@md{margin-block-start:0}.mt-sm\@md{margin-block-start:var(--space-sm)}.mt-md\@md{margin-block-start:var(--space-md)}.mt-lg\@md{margin-block-start:var(--space-lg)}.mt-xl\@md{margin-block-start:var(--space-xl)}.mt-xxl\@md{margin-block-start:var(--space-xxl)}.mt-flex\@md{margin-block-start:var(--space-flex)}.-mb-xxl\@md{margin-block-end:calc(var(--space-xxl) * -1)}.-mb-xl\@md{margin-block-end:calc(var(--space-xl) * -1)}.-mb-lg\@md{margin-block-end:calc(var(--space-lg) * -1)}.-mb-md\@md{margin-block-end:calc(var(--space-md) * -1)}.-mb-sm\@md{margin-block-end:calc(var(--space-sm) * -1)}.mb-0\@md{margin-block-end:0}.mb-sm\@md{margin-block-end:var(--space-sm)}.mb-md\@md{margin-block-end:var(--space-md)}.mb-lg\@md{margin-block-end:var(--space-lg)}.mb-xl\@md{margin-block-end:var(--space-xl)}.mb-xxl\@md{margin-block-end:var(--space-xxl)}.mb-flex\@md{margin-block-end:var(--space-flex)}.-ml-xxl\@md{margin-inline-start:calc(var(--space-xxl) * -1)}.-ml-xl\@md{margin-inline-start:calc(var(--space-xl) * -1)}.-ml-lg\@md{margin-inline-start:calc(var(--space-lg) * -1)}.-ml-md\@md{margin-inline-start:calc(var(--space-md) * -1)}.-ml-sm\@md{margin-inline-start:calc(var(--space-sm) * -1)}.ml-0\@md{margin-inline-start:0}.ml-sm\@md{margin-inline-start:var(--space-sm)}.ml-md\@md{margin-inline-start:var(--space-md)}.ml-lg\@md{margin-inline-start:var(--space-lg)}.ml-xl\@sm{margin-inline-start:var(--space-xl)}.ml-xxl\@md{margin-inline-start:var(--space-xxl)}.-mr-xxl\@md{margin-inline-end:calc(var(--space-xxl) * -1)}.-mr-xl\@md{margin-inline-end:calc(var(--space-xl) * -1)}.-mr-lg\@md{margin-inline-end:calc(var(--space-lg) * -1)}.-mr-md\@md{margin-inline-end:calc(var(--space-md) * -1)}.-mr-sm\@md{margin-inline-end:calc(var(--space-sm) * -1)}.mr-0\@md{margin-inline-end:0}.mr-sm\@md{margin-inline-end:var(--space-sm)}.mr-md\@md{margin-inline-end:var(--space-md)}.mr-lg\@md{margin-inline-end:var(--space-lg)}.mr-xl\@md{margin-inline-end:var(--space-xl)}.mr-xxl\@md{margin-inline-end:var(--space-xxl)}}.text-90{color:oklch(from var(--color-text) l c h / 90%)}.text-80{color:oklch(from var(--color-text) l c h / 80%)}.text-70{color:oklch(from var(--color-text) l c h / 70%)}.text-60{color:oklch(from var(--color-text) l c h / 60%)}.text-50{color:oklch(from var(--color-text) l c h / 50%)}.text-40{color:oklch(from var(--color-text) l c h / 40%)}.text-30{color:oklch(from var(--color-text) l c h / 30%)}.text-20{color:oklch(from var(--color-text) l c h / 20%)}.text-10{color:oklch(from var(--color-text) l c h / 10%)}.bg-90{background-color:oklch(from var(--color-bg) l c h / 90%)}.bg-80{background-color:oklch(from var(--color-bg) l c h / 80%)}.bg-70{background-color:oklch(from var(--color-bg) l c h / 70%)}.bg-60{background-color:oklch(from var(--color-bg) l c h / 60%)}.bg-50{background-color:oklch(from var(--color-bg) l c h / 50%)}.bg-40{background-color:oklch(from var(--color-bg) l c h / 40%)}.bg-30{background-color:oklch(from var(--color-bg) l c h / 30%)}.bg-20{background-color:oklch(from var(--color-bg) l c h / 20%)}.bg-10{background-color:oklch(from var(--color-bg) l c h / 10%)}.border-90{border-color:oklch(from var(--color-text) l c h / 90%)}.border-80{border-color:oklch(from var(--color-text) l c h / 80%)}.border-70{border-color:oklch(from var(--color-text) l c h / 70%)}.border-60{border-color:oklch(from var(--color-text) l c h / 60%)}.border-50{border-color:oklch(from var(--color-text) l c h / 50%)}.border-40{border-color:oklch(from var(--color-text) l c h / 40%)}.border-30{border-color:oklch(from var(--color-text) l c h / 30%)}.border-20{border-color:oklch(from var(--color-text) l c h / 20%)}.border-10{border-color:oklch(from var(--color-text) l c h / 10%)}.blend-difference{mix-blend-mode:difference}.blend-multiply{mix-blend-mode:multiply}.py-0{padding-block:0}.py-xs{padding-block:var(--space-xs)}.py-sm{padding-block:var(--space-sm)}.py-md{padding-block:var(--space-md)}.py-lg{padding-block:var(--space-lg)}.py-xl{padding-block:var(--space-xl)}.py-xxl{padding-block:var(--space-xxl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-xxl{padding:var(--space-xxl)}.pt-0{padding-block-start:0}.pt-xs{padding-block-start:var(--space-xs)}.pt-sm{padding-block-start:var(--space-sm)}.pt-md{padding-block-start:var(--space-md)}.pt-lg{padding-block-start:var(--space-lg)}.pt-xl{padding-block-start:var(--space-xl)}.pt-xxl{padding-block-start:var(--space-xxl)}.pt-flex{padding-block-start:var(--space-flex)}.pb-0{padding-block-end:0}.pb-xs{padding-block-end:var(--space-xs)}.pb-sm{padding-block-end:var(--space-sm)}.pb-md{padding-block-end:var(--space-md)}.pb-lg{padding-block-end:var(--space-lg)}.pb-xl{padding-block-end:var(--space-xl)}.pb-xxl{padding-block-end:var(--space-xxl)}.pl-0{padding-inline-start:0}.pl-xs{padding-inline-start:var(--space-xs)}.pl-sm{padding-inline-start:var(--space-sm)}.pl-md{padding-inline-start:var(--space-md)}.pl-lg{padding-inline-start:var(--space-lg)}.pl-xl{padding-inline-start:var(--space-xl)}.pl-xxl{padding-inline-start:var(--space-xxl)}.pr-0{padding-inline-end:0}.pr-xs{padding-inline-end:var(--space-xs)}.pr-sm{padding-inline-end:var(--space-sm)}.pr-md{padding-inline-end:var(--space-md)}.pr-lg{padding-inline-end:var(--space-lg)}.pr-xl{padding-inline-end:var(--space-xl)}.pr-xxl{padding-inline-end:var(--space-xxl)}@media (width>=50em){.p-0\@md{padding:0}.p-xs\@md{padding:var(--space-xs)}.p-sm\@md{padding:var(--space-sm)}.p-md\@md{padding:var(--space-md)}.p-lg\@md{padding:var(--space-lg)}.p-xl\@md{padding:var(--space-xl)}.p-xxl\@md{padding:var(--space-xxl)}.p-flex\@md{padding:var(--space-flex)}.pt-0\@md{padding-block-start:0}.pt-xs\@md{padding-block-start:var(--space-xs)}.pt-sm\@md{padding-block-start:var(--space-sm)}.pt-md\@md{padding-block-start:var(--space-md)}.pt-lg\@md{padding-block-start:var(--space-lg)}.pt-xl\@md{padding-block-start:var(--space-xl)}.pt-xxl\@md{padding-block-start:var(--space-xxl)}.pt-flex\@md{padding-block-start:var(--space-flex)}.pb-0\@md{padding-block-end:0}.pb-xs\@md{padding-block-end:var(--space-xs)}.pb-sm\@md{padding-block-end:var(--space-sm)}.pb-md\@md{padding-block-end:var(--space-md)}.pb-lg\@md{padding-block-end:var(--space-lg)}.pb-xl\@md{padding-block-end:var(--space-xl)}.pb-xxl\@md{padding-block-end:var(--space-xxl)}.pl-0\@md{padding-inline-start:0}.pl-xs\@md{padding-inline-start:var(--space-xs)}.pl-sm\@md{padding-inline-start:var(--space-sm)}.pl-md\@md{padding-inline-start:var(--space-md)}.pl-lg\@md{padding-inline-start:var(--space-lg)}.pl-xl\@md{padding-inline-start:var(--space-xl)}.pl-xxl\@md{padding-inline-start:var(--space-xxl)}.pr-0\@md{padding-inline-end:0}.pr-xs\@md{padding-inline-end:var(--space-xs)}.pr-sm\@md{padding-inline-end:var(--space-sm)}.pr-md\@md{padding-inline-end:var(--space-md)}.pr-lg\@md{padding-inline-end:var(--space-lg)}.pr-xl\@md{padding-inline-end:var(--space-xl)}.pr-xxl\@md{padding-inline-end:var(--space-xxl)}}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.h-screen{block-size:100dvh}.w-full{inline-size:100%}.w-max-content{inline-size:max-content}.z-0{z-index:var(--z-0)}.z-1{z-index:var(--z-1)}.z-2{z-index:var(--z-2)}.z-3{z-index:var(--z-3)}.z-4{z-index:var(--z-4)}.z-5{z-index:var(--z-5)}.top-0{inset-block-start:0}.left-0{inset-inline-start:0}.right-0{inset-inline-end:0}.bottom-0{inset-block-end:0}.top-sm{inset-block-start:var(--space-sm)}.top-md{inset-block-start:var(--space-md)}.top-lg{inset-block-start:var(--space-lg)}.top-xl{inset-block-start:var(--space-xl)}@media (width<=49.999em){.relative\@sm{position:relative}.absolute\@sm{position:absolute}.w-full\@sm{inline-size:100%}}@media (width>=50em){.relative\@md{position:relative}.absolute\@md{position:absolute}.sticky\@md{position:sticky}}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media (width>=50em){.shadow-sm\@md{box-shadow:var(--shadow-sm)}.shadow-md\@md{box-shadow:var(--shadow-md)}.shadow-lg\@md{box-shadow:var(--shadow-lg)}}.font-size-xxxs{font-size:var(--font-size-xxxs)}.font-size-xxs{font-size:var(--font-size-xxs)}.font-size-xs{font-size:var(--font-size-xs)}.font-size-sm{font-size:var(--font-size-sm)}.font-size-md{font-size:var(--font-size-md)}.font-size-lg{font-size:var(--font-size-lg)}.font-size-xl{font-size:var(--font-size-xl)}.font-size-xxl{font-size:var(--font-size-xxl)}.font-size-xxxl{font-size:var(--font-size-xxxl)}.font-size-xxxxl{font-size:var(--font-size-xxxxl)}.font-size-poster{font-size:var(--font-size-poster)}.font-weight-xs{font-weight:var(--font-weight-xs)}.font-weight-sm{font-weight:var(--font-weight-sm)}.font-weight-md{font-weight:var(--font-weight-md)}.font-weight-lg{font-weight:var(--font-weight-lg)}.font-weight-xl{font-weight:var(--font-weight-xl)}.font-weight-xxl{font-weight:var(--font-weight-xxl)}.left{text-align:start}.right{text-align:end}.center{text-align:center;& :is(.line-length-xs,.line-length-sm,.line-length-md,.line-length-lg,.line-length-xl,article,.formatted){margin-inline:auto}}.line-length-xs{max-inline-size:var(--line-length-xs)}.line-length-sm{max-inline-size:var(--line-length-sm)}.line-length-md{max-inline-size:var(--line-length-md)}.line-length-lg{max-inline-size:var(--line-length-lg)}.line-length-xl{max-inline-size:var(--line-length-xl)}.line-height-flush{line-height:var(--line-height-flush)}.line-height-xxs{line-height:var(--line-height-xxs)}.line-height-xs{line-height:var(--line-height-xs)}.line-height-sm{line-height:var(--line-height-sm)}.line-height-md{line-height:var(--line-height-md)}.line-height-lg{line-height:var(--line-height-lg)}.letter-spacing-sm{letter-spacing:var(--letter-spacing-sm)}.letter-spacing-md{letter-spacing:var(--letter-spacing-md)}.letter-spacing-lg{letter-spacing:var(--letter-spacing-lg)}.letter-spacing-xl{letter-spacing:var(--letter-spacing-xl)}.balance{text-wrap:balance}.pretty{text-wrap:pretty}.italic{font-style:italic}.undecorated{text-decoration:none}.unlisted{list-style-type:none}.uppercase{text-transform:uppercase}@media (width>=50em){.font-size-xxxs\@md{font-size:var(--font-size-xxxs)}.font-size-xxs\@md{font-size:var(--font-size-xxs)}.font-size-xs\@md{font-size:var(--font-size-xs)}.font-size-sm\@md{font-size:var(--font-size-sm)}.font-size-md\@md{font-size:var(--font-size-md)}.font-size-lg\@md{font-size:var(--font-size-lg)}.font-size-xl\@md{font-size:var(--font-size-xl)}.font-size-xxl\@md{font-size:var(--font-size-xxl)}.font-size-xxxl\@md{font-size:var(--font-size-xxxl)}.font-size-xxxxl\@md{font-size:var(--font-size-xxxxl)}.left\@md{text-align:start}.right\@md{text-align:end}.center\@md{text-align:center}}}