*,::after,::before{box-sizing:border-box}@font-face{font-family:"PT Root UI";font-weight:300 700;font-style:normal;font-display:block;src:url(/fonts/pt-root-ui-vf.woff2)format("woff2")}@font-face{font-family:"Martian Mono";font-weight:100 800;font-style:normal;font-display:swap;src:url(/fonts/martian-mono-vf.woff2)format("woff2")}@font-face{font-family:"EB Garamond";font-weight:400;font-style:italic;font-display:swap;src:url(/fonts/eb-garamond-italic.woff2)format("woff2")}:is(.metrics-fix,figcaption,p,h1,h2,h3,dt,dd,.content>ul,.content>ol,.note:not(div,fieldset,.content),.button)::before{content:"";display:table;margin-block-end:calc(-.35em - (1lh - 1em)/2)}:is(.metrics-fix,figcaption,p,h1,h2,h3,dt,dd,.content>ul,.content>ol,.note:not(div,fieldset,.content),.button)::after{content:"";display:table;margin-block-start:calc(-.15em - (1lh - 1em)/2)}pre::after,pre::before{content:"";display:table}pre::before{margin-block-end:calc(-.312em - (1lh - 1em)/2)}pre::after{margin-block-start:calc(-.088em - (1lh - 1em)/2)}:root{--rex:calc(1rem / 2);--rlh:calc(1rem * var(--typography__leading));--gap:calc(var(--rlh) - var(--rex));--gap--relative:calc(1lh - 1ex);--typography__leading:1.3;--typography__paragraph-width:36rem;--typography__compensator:-0.07em;--typography__font-weight:480;--typography__font-weight--note:400;--typography__space-width:0.27em;--typography__outline-width:0.125rem;--typography__s:0.7825em;--typography__m:1em;--typography__l:1.2779em;--typography__xl:1.6331em;--typography__xxl:2.087em;--typography__xxxl:2.667em;--color__background:255 255 255;--color__text:0 0 0;--color__accent:var(--color__text);--color__link:255 40 0;--color__surface:var(--color__text) / 0.05;--color__border:var(--color__text) / calc(var(--link__underline-opacity) - 0.05);--color__dot:var(--color__background);--color__note-opacity:1;--link__underline:underline;--link__underline-thickness:0.03em;--link__underline-opacity:0.2;--link__underline-opacity--hover:1;--easings__scale:500ms cubic-bezier(0, 0, 0.001, 1);color-scheme:light}@media (prefers-color-scheme:dark){:root{--typography__font-weight:400;--typography__font-weight--note:480;--color__background:17 17 17;--color__text:184 184 184;--color__accent:220 220 220;--color__link:255 159 10;--color__surface:var(--color__text) / 0.15;--color__dot:var(--color__text) / 0.3;--color__note-opacity:0.75;--link__underline-opacity:0.4;color-scheme:dark}}code,pre{font-family:"Martian Mono",monospace}pre{scrollbar-width:thin;overflow-y:hidden;overflow-x:auto;padding:var(--gap) calc(var(--gap)/2) calc(var(--gap)*2);font-size:.84em;line-height:1.3rem;background-color:rgb(var(--color__surface));border-radius:.2rem}pre:focus-visible{outline:var(--typography__outline-width) solid rgb(var(--color__link))}code{font-weight:340;letter-spacing:-.02em;word-spacing:-.1em;overflow-wrap:anywhere;tab-size:2;white-space:inherit}.note code,figcaption code{font-weight:240}@media (prefers-color-scheme:dark){.note code,figcaption code{font-weight:340}}h2 code,h3 code,strong code{font-size:.815em;font-weight:580}@media (prefers-color-scheme:dark){code{font-weight:240}}@media (orientation:portrait){code{font-variation-settings:"wdth"85}}:not(pre)>code{font-size:.84em;line-height:0;letter-spacing:inherit;word-spacing:-.4em;white-space:normal}nobr code{white-space:nowrap}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#6a737d}.token.namespace{opacity:.7}.token.atrule,.token.attr-value,.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol{color:#005cc5}.token.tag{color:#22863a}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#6f42c1}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#d73a49}.token.parameter{color:#e36209}.token.important,.token.keyword,.token.regex,.token.rule,.token.variable{color:#d73a49}.token.class-name,.token.function{color:#6f42c1}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media (prefers-color-scheme:dark){.token.atrule,.token.attr-value,.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol{color:#79b8ff}.token.tag{color:#85e89d}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#b392f0}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#f97583}.token.parameter{color:#ffab70}.token.important,.token.keyword,.token.regex,.token.rule,.token.variable{color:#f97583}.token.class-name,.token.function{color:#b392f0}}a{padding-block:.1em .3em;color:rgb(var(--color__text));text-decoration-color:rgb(var(--color__text)/var(--link__underline-opacity));text-decoration-line:var(--link__underline);text-decoration-thickness:var(--link__underline-thickness);text-decoration-skip-ink:none;text-underline-offset:.35em}a.hover,a:focus-visible,a:hover{--color__text:var(--color__link);--link__underline-opacity:var(--link__underline-opacity--hover)}a:focus-visible{--link__underline-thickness:var(--typography__outline-width);outline-color:transparent;outline-style:solid}a:has(u){--link__underline:none}a u{text-decoration:inherit;text-decoration-line:underline}@media (hover:hover) and (pointer:fine){a[href*="://"]:not([href^="https://lotva.ru"]){cursor:alias}}a[href^="mailto:"]{letter-spacing:.03em}h1,h2,h3,strong{color:rgb(var(--color__accent))}h1 a,h2 a,h3 a,strong a{--color__text:var(--color__accent)}dd,h1,h2,h3,ol,p,pre,ul{margin:0}h2{font-size:var(--typography__xl);line-height:1;letter-spacing:-.02em}h2 a{text-underline-offset:.21em}h3{font-size:inherit;line-height:inherit}ol,ul{padding:0;list-style:none}iframe,img,video{display:block;max-inline-size:100%;block-size:auto}img{image-rendering:smooth}iframe{border:0}blockquote{margin:0;padding-inline-start:var(--gap)}details::details-content{overflow:clip;block-size:0;transition:block-size .3s ease,content-visibility .3s ease allow-discrete}details[open]::details-content{block-size:auto}details p:first-of-type{margin-block-start:0;padding-block-start:calc(var(--gap)*2)}details :last-child{margin-block-end:0}dl{font-size:var(--typography__s);font-weight:var(--typography__font-weight--note);color:rgb(var(--color__text)/var(--color__note-opacity));letter-spacing:.015em;display:grid;grid-template-columns:max-content 1fr;gap:var(--gap) calc(var(--gap)*2);margin-block:0}mark{padding:.2em 0;color:rgb(var(--color__text));background-color:#ffef00;border-radius:.2rem}@media (prefers-color-scheme:dark){mark{background-color:rgb(var(--color__border))}}small{display:block}.caps,.uppercase{letter-spacing:.08em}.uppercase{text-transform:uppercase}input{font-family:inherit;font-size:inherit;font-weight:550;color:rgb(var(--color__accent));background-color:transparent;border:0;border-block-end:1px solid rgb(var(--color__text)/var(--link__underline-opacity))}input::placeholder{font-weight:400;opacity:var(--link__underline-opacity)}input:focus-visible{border-color:rgb(var(--color__text));outline-color:transparent;outline-style:solid}::selection{color:rgb(var(--color__background));background-color:rgb(var(--color__accent))}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}}:root{scroll-padding-block-start:calc(var(--gap)*2)}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}.visually-hidden{position:absolute;overflow:hidden;inline-size:1px;block-size:1px;margin:-1px;padding:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0}.clickable-area{position:relative}.clickable-area__link{padding:0}.clickable-area__link::before{content:"";position:absolute;z-index:1;inset-block:0;inset-inline:0}@media (orientation:landscape){.device--mobile{display:none}}@media (orientation:portrait){.device--desktop{display:none}}@media (prefers-color-scheme:dark){.device--light{display:none}}@media not (prefers-color-scheme:dark){.device--dark{display:none}}@media (prefers-color-scheme:dark){.page:not([style]) .inverted{filter:invert() contrast(80%) hue-rotate(180deg)}}.bordered{border:1px solid rgb(var(--color__text)/var(--link__underline-opacity))}.pixelated{image-rendering:pixelated}.wide{max-inline-size:-webkit-fill-available;max-inline-size:-moz-available;margin-inline:min(-2vi,calc(var(--gap)*-1))}.wide--wrapper{padding-inline:max(var(--gap),2vi)}.inline{inline-size:var(--typography__paragraph-width)}.squircle{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.holder{padding-inline:max(var(--gap),2%)}.page{cursor:default;scrollbar-gutter:stable;font-family:"PT Root UI",sans-serif;font-size:18px;font-size:clamp(18px,4.75vi,24px);font-weight:var(--typography__font-weight);line-height:var(--typography__leading);color:rgb(var(--color__text));background-color:rgb(var(--color__background))}.page__body{max-inline-size:1760px;margin:0 auto}.page__header{padding-block-start:calc(var(--gap)*1.5);padding-inline:max(calc(var(--gap)/2),1%)}.page__footer{padding-block-end:calc(var(--gap)*3)}.header{display:flex;justify-content:space-between}.header--cover{--color__link:0 0 0;--link__underline-opacity:0.35;--color__text:255 255 255;--color__note-opacity:1}.header__list{margin-inline-start:var(--typography__compensator);display:flex}.header__item:not(:last-child)::after{content:"›";margin-inline:calc(var(--typography__space-width)*3)}.header__link{text-underline-offset:.55em}.header__link--current{--color__note-opacity:1;--link__underline-opacity:1}.main{padding-block:calc(var(--gap)*8)}.main__browser,.main__reactions,.main__rubrics,.main__tabs{margin-block-start:calc(var(--gap)*2)}.main__prevnext,.main__things{margin-block-start:calc(var(--gap)*3)}.main__featured-articles{margin-block-start:calc(var(--gap)*5)}.footer{--list-spacing:calc(var(--typography__space-width) * 3);margin-inline-start:var(--typography__compensator);display:flex;flex-wrap:wrap;gap:calc(var(--gap)*2) calc(var(--list-spacing)*2);justify-content:space-between}.contacts,.footer__copy{display:flex;flex-wrap:wrap;gap:var(--gap) var(--list-spacing)}.contacts{--list-spacing:calc(var(--typography__space-width) * 3)}.contacts__social-link::before{content:"";display:inline-block;inline-size:.75em;block-size:.75em;margin-inline-end:.25em;vertical-align:middle;background-color:rgb(var(--color__link));border-radius:100%}.contacts__social-link--telegram{--color__link:50 175 225}.contacts__social-link--github{--color__link:var(--color__accent)}.things-layout{display:flex;gap:calc(var(--gap)*4)}.things-layout__suggestions{position:sticky;inset-block-start:calc(var(--gap)*2);align-self:start;max-inline-size:17em}@media (max-width:1349px){.things-layout__suggestions{display:none}}.things{display:grid}.things--projects{row-gap:calc(var(--gap)*3)}@media (orientation:landscape){.things--projects{row-gap:calc(var(--gap)*4.5)}.things__project{--gap:var(--gap--relative);font-size:var(--typography__xl)}}.things__text-card{padding-block-start:var(--gap)}.things__text:not(:last-child) .things__text-card{padding-block-end:calc(var(--gap)*3)}@media (min-width:1350px){.things__item--promo{display:none}.things__item--promo li{margin-inline:auto}}.things__promo{--gap:var(--gap--relative);inline-size:100%;padding:var(--gap);font-size:var(--typography__l);text-align:center}.projects{display:flex;flex-wrap:wrap;gap:calc(var(--gap)*3) var(--gap)}.projects__card{display:flex;flex-direction:column;row-gap:var(--gap)}@media (prefers-reduced-motion:no-preference){.projects__card:hover .clickable-area__link::before{scale:1.02}}.projects__title{margin-inline-start:var(--typography__compensator);contain:inline-size;order:1;font:inherit;text-underline-offset:.35em;letter-spacing:inherit}.projects__title a{text-underline-offset:inherit}@media (prefers-reduced-motion:no-preference){.projects__cover{transition:scale var(--easings__scale)}.projects__card:hover .projects__cover{scale:1.02}}@media (min-width:700px){.projects__cover{inline-size:auto;block-size:min(28vi,calc(var(--gap)*20))}}.text-card{max-inline-size:var(--typography__paragraph-width);box-shadow:0-1px 0 0 rgb(var(--color__border))}.text-card:has(.text-card__link:focus-visible){box-shadow:0-3px 0 0 rgb(var(--color__link))}.text-card__title{margin-inline-start:var(--typography__compensator);font-weight:480;letter-spacing:-.03em}.text-card__link{--link__underline:none}.text-card__description{margin-inline-start:var(--typography__compensator);margin-block-start:var(--gap)}.text-card__cover{margin-block-start:calc(var(--gap)*2)}.text-card__fresh-label{transform:skew(-8deg) rotate(-8deg) translateY(-.5em);display:inline-block;padding:.25em .75em .2em;font-size:.75rem;color:rgb(var(--color__background));background-color:rgb(var(--color__link));border-radius:100vi}.rubrics{display:flex;flex-wrap:wrap;gap:calc(var(--gap)/2) calc(var(--gap)/4)}.rubrics__link{--link__underline:none;display:block;padding:.6em .5em .5em;background-color:rgb(var(--color__surface));border-radius:.125rem}.rubrics__link:focus-visible{box-shadow:0 0 0 var(--typography__outline-width) rgb(var(--color__link))}.tabs{display:inline-flex;flex-wrap:wrap;padding:.15em;background-color:rgb(var(--color__surface));border-radius:.3em}.tabs__item{display:block;padding:.15em .5em .25em;border-radius:.15em}.tabs__item--active{color:rgb(var(--color__text));background-color:rgb(var(--color__background))}.tabs__item--link{--link__underline:none}.featured-articles,.featured-articles__list{display:grid;row-gap:calc(var(--gap)*3)}@media (min-width:810px){.featured-articles__list--index{grid-template-columns:1fr 1fr;column-gap:var(--gap)}}.featured-articles__item{border-block-start:1px solid rgb(var(--color__border))}.featured-articles__action{text-align:center}.featured-article{display:flex;flex-direction:column}.featured-article__title{margin-inline-start:var(--typography__compensator);margin-block:var(--gap--relative) calc(var(--gap--relative)*1.5);font-size:var(--typography__xxl);font-weight:400;line-height:.95;text-wrap:balance;letter-spacing:-.05em}.squircle-wrapper+.featured-article__title{margin-block-start:calc(var(--gap--relative)*1.5)}@media (min-width:810px){.featured-article__title{letter-spacing:-.06em}.featured-article__title,.squircle-wrapper+.featured-article__title{margin-block:var(--gap--relative)}}.featured-article__cover{margin-block-start:var(--gap)}@media (min-width:810px){.featured-article__cover{display:none}}.featured-article__cover--multiplied{mix-blend-mode:multiply}.featured-article__cover-overlay{background-color:rgb(var(--color__background));background-blend-mode:multiply}.featured-article__link{margin-inline-start:var(--typography__compensator)}.prevnext{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap);border-block-start:1px solid rgb(var(--color__border))}.prevnext__item{margin-inline-start:var(--typography__compensator);inline-size:fit-content;max-inline-size:var(--typography__paragraph-width);padding-block-start:var(--gap);text-wrap:balance}.prevnext__link{margin-inline-end:calc(var(--gap)/2)}.prevnext__hotkey{display:none;font-size:var(--typography__s);text-transform:uppercase;letter-spacing:.15em;vertical-align:text-top}@media (hover:hover) and (pointer:fine){.prevnext__hotkey{display:inline}}.prevnext__kbd{font-family:inherit}.reactions{display:flex;flex-wrap:wrap;gap:var(--gap) calc(var(--gap)*2);justify-content:space-between}.reactions__list{display:flex;flex-wrap:wrap;gap:var(--gap) calc(var(--gap)/2);font-variant-numeric:tabular-nums}.reactions__open-heart{-webkit-user-select:none;user-select:none;display:inline-flex;gap:calc(var(--gap)/2);align-items:center;padding-inline:calc(var(--gap)/2);font-weight:500;background-color:rgb(var(--color__surface));border-radius:100vi}.reactions__open-heart:focus-visible{outline-color:transparent;outline-style:solid;box-shadow:0 0 0 var(--typography__outline-width) rgb(var(--color__link))}.reactions__open-heart:not([disabled]):hover{cursor:pointer;color:rgb(var(--color__link))}.reactions__open-heart[aria-busy=true],.reactions__open-heart[aria-busy=true]:hover,.reactions__open-heart[disabled]{cursor:default;color:rgb(var(--color__background));background-color:rgb(var(--color__link))}.reactions__open-heart[count]:not([count="0"]){padding-inline-end:var(--gap)}.reactions__open-heart[count]:not([count="0"])::after{content:attr(count)}.lead{--title-line-gap:calc((0.5rem + 1rem - 1rem) * var(--title-font-size));--title-font-size:2.087;position:relative;display:flex;flex-direction:column}.content figure>:not(img,div,pre),.content hgroup>*,.content>:not(img,figure,iframe,div,hgroup),.lead>:not(.lead__cover,.lead__full-bleed,.content){margin-inline-start:var(--typography__compensator)}@media (min-width:1280px){.lead{--title-line-gap:calc((0.5rem + 0.95rem - 1rem) * var(--title-font-size));--title-font-size:2.667}}.lead__label{position:absolute;inset-block-start:calc(-1ex - var(--title-line-gap))}.lead__title{margin-inline-start:var(--typography__compensator);max-inline-size:15.5em;font-size:calc(var(--title-font-size)*1em);font-feature-settings:"ss01","liga";line-height:1;text-wrap:balance;letter-spacing:-.03em;word-spacing:-.04em}@media (min-width:1280px){.lead__title{line-height:.95;letter-spacing:-.04em;word-spacing:-.05em}}.lead__subtitle{font-weight:400;font-style:normal;color:rgb(var(--color__text));letter-spacing:-.08em}.lead__intro{margin-block:calc(var(--gap)*2) var(--gap)}.lead__intro--bleed{margin-block-end:0}.lead__cover{inline-size:var(--typography__paragraph-width);margin-block-end:calc(var(--gap)*3)}.lead__cover--enlarged{inline-size:100%;margin-block-end:0}.lead__full-bleed{position:relative;z-index:-1;margin-block:calc(-.38em - var(--gap)*9.5) calc(var(--gap)*3)}.content{text-wrap:pretty}.content h2,.content h3,.content>blockquote,.content>dl,.content>p,.content>pre,.content>small{min-inline-size:min(25rem,100%);max-inline-size:min(65vi,var(--typography__paragraph-width))}.content h2{margin-block-start:calc(var(--gap)*4);text-wrap:balance}.content h3,.content>small.note--label{margin-block-start:calc(var(--gap)*3)}:is(.content h3)+.with-sidenote,:is(.content h3)+p,:is(.content h3)+pre,h3+:is(.content>blockquote,.content>blockquote>p,.content>p,.content>pre,.content>dl,.content>small,.content>.content__code-sandbox,.content>.with-sidenote){margin-block-start:var(--gap)}:is(.content h3)+blockquote{margin-block-start:calc(var(--gap)*-1)}:is(.content small)+h2,:is(.content small)+h3{margin-block-start:var(--gap--relative)}.content>.content__code-sandbox,.content>.with-sidenote,.content>blockquote,.content>blockquote>p,.content>dl,.content>p,.content>pre,.content>small{margin-block-start:calc(var(--gap)*2)}.intro+:is(.content>blockquote,.content>blockquote>p,.content>p,.content>pre,.content>dl,.content>small,.content>.content__code-sandbox,.content>.with-sidenote),.with-sidenote:has(.intro)+:is(.content>blockquote,.content>blockquote>p,.content>p,.content>pre,.content>dl,.content>small,.content>.content__code-sandbox,.content>.with-sidenote){margin-block-start:calc(var(--gap)*3)}.content>.content__columns{margin-block-end:calc(var(--gap)*3)}.content>.with-sidenote:has(img),.content>div>video,.content>img{margin-block:calc(var(--gap)*2) calc(var(--gap)*3)}.content figure{margin:calc(var(--gap)*2)0 calc(var(--gap)*3)}.content figure p{margin-block-end:calc(var(--gap)*2)}.content figure img,.content figure pre,.content figure video{margin-block-end:var(--gap)}.content figcaption,.content figure p,.content figure pre,.content>ol,.content>ul{min-inline-size:min(25rem,100%);max-inline-size:min(65vi,var(--typography__paragraph-width))}.content figcaption{font-size:var(--typography__s);font-weight:var(--typography__font-weight--note);color:rgb(var(--color__text)/var(--color__note-opacity));letter-spacing:.015em}.content iframe{margin-block-start:calc(var(--gap)*2);color-scheme:light}.content iframe[src*="t.me"]{max-inline-size:500px;margin-inline-start:-.38em}.content button{margin-block-start:calc(var(--gap)*2 - .8em)}.content>ol,.content>ul{margin-block-start:var(--gap)}.content>ol li,.content>ul li{padding-inline-start:calc(var(--gap)*2)}.content>ol li::before,.content>ul li::before{position:absolute;margin-inline-start:calc(var(--gap)*(-2))}.content>ol li:not(:last-child),.content>ul li:not(:last-child){margin-block-end:calc(var(--gap)/2)}.content>ol{counter-reset:list}.content>ol li::before{content:counter(list);counter-increment:list;font-variant-numeric:tabular-nums}.content>ul li::before{content:"·"}.content em{font-family:"EB Garamond",serif;font-size:1.2em;font-weight:400;line-height:0}@media (min-width:1280px){.content--promo h2{font-size:var(--typography__xxl);letter-spacing:-.03em}}.content.content--inline>.visually-hidden:first-child+*,.content.content--inline>:first-child,.with-sidenote__content :first-child{margin-block-start:0}.content.content--inline>ol li,.content.content--inline>ul li,ol.toc li{padding:0}.content.content--inline>ol li::before,.content.content--inline>ul li::before{display:none}.intro{max-inline-size:var(--typography__paragraph-width);font-size:var(--typography__xl);font-weight:var(--typography__font-weight);line-height:1.1;color:rgb(var(--color__accent));letter-spacing:-.01em;word-spacing:-.03em}.toc a{text-decoration-style:dashed;text-underline-offset:.3em}ol.toc li::before{content:none}.with-sidenote{display:flex;flex-direction:column;row-gap:calc(var(--gap)*2)}.with-sidenote__sidenote{margin-block-end:var(--gap)}@media (min-width:1280px){.with-sidenote{flex-direction:row;column-gap:calc(var(--gap)*4)}.with-sidenote__content{flex-basis:var(--typography__paragraph-width);flex-shrink:0}.with-sidenote__sidenote{flex-basis:15em;block-size:0;margin-block-end:0;text-wrap:balance}}.loud{--typography__paragraph-width:36em;--color__text:var(--color__link);padding:0;font-size:var(--typography__xl);font-weight:calc(var(--typography__font-weight) - 50);line-height:1.1;color:rgb(var(--color__link));letter-spacing:-.02em;word-spacing:-.07em}.loud p{margin-block:calc(var(--gap)*2) calc(var(--gap)*2)}.loud+p{margin-block-start:calc(var(--gap)*3)}.loud+.loud{margin-block-start:calc(var(--gap)*2)}@media (orientation:landscape){.loud{font-size:var(--typography__xxl)}}.loud--inline{--typography__paragraph-width:inherit}.pause{block-size:calc(var(--gap)*2)}.callout{display:flex;column-gap:var(--gap);align-items:flex-start;max-inline-size:var(--typography__paragraph-width);margin-block-end:calc(-.15em - (1lh - 1em)/2);padding-block:calc(var(--gap)*2) calc(.15em + (1lh - 1em)/2);background-image:linear-gradient(98deg,#f64f59 1%,#c471ed 6.1%,#c471ed 30%,#12c2e9 50.1%,rgb(var(--color__text)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.callout::before{content:"✦";font-size:3em;line-height:.6}.code-sandbox{display:grid;gap:var(--gap);align-items:flex-start}.code-sandbox pre{block-size:100%}@media (min-width:900px){.code-sandbox{grid-template-columns:1fr 1fr}}.dinkus{margin:calc(var(--gap)*1.5)0 calc(var(--gap)*3) -.25em}.dinkus::before{content:"***";display:block;block-size:.3em;font-size:4em;font-weight:300;line-height:.7;letter-spacing:-.03em}.browser{position:relative;background-color:rgb(var(--color__surface));border:1px solid transparent;border-radius:calc(.2rem + 1px)}@supports (corner-shape:squircle){.browser{border-radius:calc(.75rem + 1px);corner-shape:squircle}}.browser:has(.browser__link:focus-visible){outline:var(--typography__outline-width) solid rgb(var(--color__link))}@media (prefers-reduced-motion:no-preference){.browser--link{transition:scale var(--easings__scale)}.browser--link:has(a.hover),.browser--link:hover{scale:1.004}}.browser__dots,.browser__head{display:flex;align-items:center;block-size:var(--head-height)}.browser__head{--typography__font-weight--note:500;--head-height:2em;justify-content:center;font-size:1rem}.browser__dots{position:absolute;inset-block-start:0;inset-inline-start:var(--gap);column-gap:.35em}.browser__dot{inline-size:.65em;block-size:.65em;background-color:rgb(var(--color__dot));border-radius:100%}.browser__link{--link__underline:none}.browser__parallaxer,.browser__screenshot{border-radius:.2rem}@supports (corner-shape:squircle){.browser__parallaxer,.browser__screenshot{border-radius:.75rem;corner-shape:squircle}}.parallaxer{overflow:hidden}.parallaxer__scrollable--visible{will-change:translate}.button{--link__underline:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;padding:.8em 1.1em .7em;font-family:inherit;font-size:inherit;font-weight:400;line-height:inherit;color:rgb(var(--color__background));background-color:rgb(var(--color__accent));border:0}.button--accent{font-size:var(--typography__xl);transition:scale .2s}.button--accent.hover,.button--accent:focus-visible,.button--accent:hover{scale:1.04}.button--light{color:rgb(var(--color__link));background-color:inherit;border:1px solid rgb(var(--color__link)/var(--link__underline-opacity));border-radius:.125rem}.button--light.hover,.button--light:focus-visible,.button--light:hover{--link__underline-opacity:1}.button--light:active{--link__underline-opacity:0.6}.button--inline{margin-block:-.8em -.7em}.action-link{--link__underline:none}.action-link.hover .action-link__text,.action-link:focus-visible .action-link__text,.action-link:hover .action-link__text{text-decoration:inherit;text-decoration-line:underline}.action-link::after{content:"›";margin-inline-start:var(--typography__space-width)}.note{font-size:var(--typography__s);font-weight:var(--typography__font-weight--note);letter-spacing:.015em}.note,.note a{color:rgb(var(--color__text)/var(--color__note-opacity))}.note a.hover,.note a:focus-visible,.note a:hover{--color__note-opacity:1}.note h3{color:rgb(var(--color__accent)/var(--color__note-opacity))}.note .caps{letter-spacing:.1em}.note--header,.note--label{font-weight:480}.note--label{text-transform:uppercase;letter-spacing:.15em}.badge{display:inline-block;padding:calc(var(--gap)/2) calc(var(--gap)*1) calc(var(--gap)/4);color:rgb(var(--color__background));background-color:rgb(var(--color__accent));border-radius:100vi}.pagefind-ui__search-input{margin-inline-start:var(--typography__compensator);inline-size:100%;margin:calc(-.475em - (1lh - 1em)/2)0 0 var(--typography__compensator);padding:0!important;font-size:var(--typography__xxl);font-feature-settings:"ss01";font-weight:700;line-height:1;letter-spacing:-.03em;word-spacing:-.04em}@media (min-width:1280px){.pagefind-ui__search-input{font-size:var(--typography__xxxl);line-height:.95;letter-spacing:-.04em;word-spacing:-.05em}}.pagefind-ui__results{display:grid;row-gap:calc(var(--gap)*3);margin-block-start:calc(var(--gap)*3)}@media (orientation:landscape){.pagefind-ui__results{margin-block-start:2em}}.pagefind-ui__result{position:relative;inline-size:fit-content}.pagefind-ui__result-inner{max-inline-size:var(--typography__paragraph-width)}.pagefind-ui__result-link{--color__text:var(--color__accent);padding:0}.pagefind-ui__result-link::before{content:"";position:absolute;z-index:1;inset-block:0 0;inset-inline:0 0}.pagefind-ui__result-title{margin:0;font-size:inherit;font-weight:700;line-height:inherit}.pagefind-ui__message,.pagefind-ui__result-excerpt{margin-block-start:var(--gap);overflow-wrap:break-word}.pagefind-ui__message:empty{margin-block-start:0}.pagefind-ui__result-thumb{max-inline-size:var(--typography__paragraph-width)}.pagefind-ui__result-image{margin-block-end:calc(var(--gap)*1.5);border:1px solid rgb(var(--color__text)/var(--link__underline-opacity))}.pagefind-ui__button{--link__underline:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block;margin-block-start:calc(var(--gap)*3);padding:.4em 1em .5em;font-family:inherit;font-size:1em;font-weight:400;color:rgb(var(--color__accent));background-color:inherit;border:1px solid rgb(var(--color__accent)/var(--link__underline-opacity));border-radius:.125rem}.pagefind-ui__button.hover,.pagefind-ui__button:focus-visible,.pagefind-ui__button:hover{--link__underline-opacity:1;--color__accent:var(--color__link)}.pagefind-ui__button:active{--link__underline-opacity:0.6}.pagefind-ui__search-clear{display:none}