@charset "utf-8";@font-face{font-family:"Graphik";src:url(/fonts/graphik/graphik-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:fallback}@font-face{font-family:"Graphik";src:url(/fonts/graphik/graphik-regular-italic.woff2)format("woff2");font-style:italic;font-weight:400;font-display:fallback}@font-face{font-family:"Graphik";src:url(/fonts/graphik/graphik-medium.woff2)format("woff2");font-style:normal;font-weight:700;font-display:fallback}@font-face{font-family:"Spot Mono";src:url(/fonts/spot-mono/spot-mono-light.woff2)format("woff2");font-style:normal;font-weight:400;font-display:fallback}:root{color-scheme:light dark;--color-light:0 0% 100%;--color-dark:220 7% 17%;--color-black:0 0% 0%;--color-red:360 100% 80%;--color-orange:25 100% 59%;--color-blue:209 100% 59%;--color-yellow:49 100% 58%;--color-green:122 78% 58%;--color-pink:346 81% 78%;--color-violet:276 100% 72%;--color-aquamarine:162 90% 51%;--color-base-html:hsl(var(--color-orange));--color-base-css:hsl(var(--color-blue));--color-base-js:hsl(var(--color-yellow));--color-base-tools:hsl(var(--color-green));--color-base-recipes:hsl(var(--color-violet));--color-base-a11y:hsl(var(--color-aquamarine))}:root{color-scheme:light;--is-light-theme-on:1;--is-dark-theme-on:0;--color-base-text:var(--color-dark);--color-base-background:var(--color-light);--color-text:hsl(var(--color-dark));--color-background:hsl(var(--color-light));--color-fade:0 0% 82%;--color-border:hsl(var(--color-base-text) / 0.3);--color-html:hsl(var(--color-orange));--color-css:hsl(var(--color-blue));--color-js:hsl(var(--color-yellow));--color-tools:hsl(var(--color-green));--color-recipes:hsl(var(--color-violet));--color-a11y:hsl(var(--color-aquamarine));--color-subscribe-success:hsl(var(--color-green));--color-subscribe-error:hsl(var(--color-red))}code[class*=language-],pre[class*=language-]{background:#fafafa;color:#383a42;font-family:var(--font-family, "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace);direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:2;-o-tab-size:2;tab-size:2;hyphens:none}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-] ::-moz-selection{background:#e5e5e6;color:inherit}code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection,pre[class*=language-] ::-moz-selection{background:#e5e5e6;color:inherit}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-] ::selection{background:#e5e5e6;color:inherit}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.2em .3em;border-radius:.3em;white-space:normal}.token.comment,.token.prolog,.token.cdata{color:#75767a}.token.doctype,.token.punctuation,.token.entity{color:#383a42}.token.attr-name,.token.class-name,.token.boolean,.token.constant,.token.number,.token.atrule{color:#a76201}.token.keyword{color:#a626a4}.token.property,.token.tag,.token.symbol,.token.deleted,.token.important{color:#b30000}.token.selector,.token.string,.token.char,.token.builtin,.token.inserted,.token.regex,.token.attr-value,.token.attr-value>.token.punctuation{color:#008a1e}.token.variable,.token.operator,.token.function{color:#0273dc}.token.url{color:#0184bc}.token.color::before{border:1px solid #383a42}.token.attr-value>.token.punctuation.attr-equals,.token.special-attr>.token.attr-value>.token.value.css{color:#383a42}.language-css .token.selector{color:#b30000}.language-css .token.property{color:#383a42}.language-css .token.function,.language-css .token.url>.token.function{color:#0184bc}.language-css .token.url>.token.string.url{color:#008a1e}.language-css .token.important,.language-css .token.atrule .token.rule{color:#a626a4}.language-javascript .token.operator{color:#a626a4}.language-javascript .token.template-string>.token.interpolation>.token.interpolation-punctuation.punctuation{color:#ca1243}.language-json .token.operator{color:#383a42}.language-json .token.null.keyword{color:#a76201}.language-markdown .token.url,.language-markdown .token.url>.token.operator,.language-markdown .token.url-reference.url>.token.string{color:#383a42}.language-markdown .token.url>.token.content{color:#0273dc}.language-markdown .token.url>.token.url,.language-markdown .token.url-reference.url{color:#0184bc}.language-markdown .token.blockquote.punctuation,.language-markdown .token.hr.punctuation{color:#a0a1a7}.language-markdown .token.code-snippet{color:#008a1e}.language-markdown .token.bold .token.content{color:#a76201}.language-markdown .token.italic .token.content{color:#a626a4}.language-markdown .token.strike .token.content,.language-markdown .token.strike .token.punctuation,.language-markdown .token.list.punctuation,.language-markdown .token.title.important>.token.punctuation{color:#b30000}.token.entity{cursor:help}.token.namespace{opacity:.8}.token.token.tab:not(:empty)::before,.token.token.cr::before,.token.token.lf::before,.token.token.space::before{color:rgba(56,58,66,.2)}div.code-toolbar>.toolbar.toolbar>.toolbar-item{margin-right:.4em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span{background:#e5e5e6;color:#696c77;padding:.1em .4em;border-radius:.3em}div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:hover,div.code-toolbar>.toolbar.toolbar>.toolbar-item>span:focus{background:#c6c7c7;color:#383a42}.line-highlight.line-highlight{background:rgba(56,58,66,.05)}.line-highlight.line-highlight::before,.line-highlight.line-highlight[data-end]::after{background:#e5e5e6;color:#383a42;padding:.1em .6em;border-radius:.3em;box-shadow:0 2px 0 0 rgba(0,0,0,.2)}.line-numbers .line-numbers-rows>span::before,.command-line .command-line-prompt>span::before{color:#9d9d9f}pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows>span:hover::before{background-color:rgba(56,58,66,.05)}.line-numbers.line-numbers .line-numbers-rows,.command-line .command-line-prompt{border-right-color:rgba(56,58,66,.2)}.rainbow-braces .token.token.punctuation.brace-level-1,.rainbow-braces .token.token.punctuation.brace-level-5,.rainbow-braces .token.token.punctuation.brace-level-9{color:#b30000}.rainbow-braces .token.token.punctuation.brace-level-2,.rainbow-braces .token.token.punctuation.brace-level-6,.rainbow-braces .token.token.punctuation.brace-level-10{color:#008a1e}.rainbow-braces .token.token.punctuation.brace-level-3,.rainbow-braces .token.token.punctuation.brace-level-7,.rainbow-braces .token.token.punctuation.brace-level-11{color:#0273dc}.rainbow-braces .token.token.punctuation.brace-level-4,.rainbow-braces .token.token.punctuation.brace-level-8,.rainbow-braces .token.token.punctuation.brace-level-12{color:#a626a4}pre.diff-highlight>code .token.token.deleted:not(.prefix),pre>code.diff-highlight .token.token.deleted:not(.prefix){background-color:rgba(255,82,102,.15)}pre.diff-highlight>code .token.token.deleted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::-moz-selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.deleted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::-moz-selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.deleted:not(.prefix)::selection,pre.diff-highlight>code .token.token.deleted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix)::selection,pre>code.diff-highlight .token.token.deleted:not(.prefix) ::selection{background-color:rgba(251,86,105,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix),pre>code.diff-highlight .token.token.inserted:not(.prefix){background-color:rgba(26,255,91,.15)}pre.diff-highlight>code .token.token.inserted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::-moz-selection{background-color:rgba(56,224,98,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix)::-moz-selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) ::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::-moz-selection{background-color:rgba(56,224,98,.25)}pre.diff-highlight>code .token.token.inserted:not(.prefix)::selection,pre.diff-highlight>code .token.token.inserted:not(.prefix) ::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix)::selection,pre>code.diff-highlight .token.token.inserted:not(.prefix) ::selection{background-color:rgba(56,224,98,.25)}.prism-previewer.prism-previewer::before,.prism-previewer-gradient.prism-previewer-gradient div{border-color:hsl(0,0,95%)}.prism-previewer-color.prism-previewer-color::before,.prism-previewer-gradient.prism-previewer-gradient div,.prism-previewer-easing.prism-previewer-easing::before{border-radius:.3em}.prism-previewer.prism-previewer::after{border-top-color:hsl(0,0,95%)}.prism-previewer-flipped.prism-previewer-flipped.after{border-bottom-color:hsl(0,0,95%)}.prism-previewer-angle.prism-previewer-angle::before,.prism-previewer-time.prism-previewer-time::before,.prism-previewer-easing.prism-previewer-easing{background:#fff}.prism-previewer-angle.prism-previewer-angle circle,.prism-previewer-time.prism-previewer-time circle{stroke:#383a42;stroke-opacity:1}.prism-previewer-easing.prism-previewer-easing circle,.prism-previewer-easing.prism-previewer-easing path,.prism-previewer-easing.prism-previewer-easing line{stroke:#383a42}.prism-previewer-easing.prism-previewer-easing circle{fill:transparent}.visually-hidden{position:absolute;margin:-1px;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden;width:1px;height:1px;border:0;padding:0;white-space:nowrap}.base-list{margin:0;padding:0;list-style-image:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg"/%3E')}.container{--container-gutter:10px;margin-left:auto;margin-right:auto;box-sizing:border-box;max-width:1680px;padding-left:var(--container-gutter);padding-right:var(--container-gutter)}@media (min-width:1024px){.container{--container-gutter:20px}}.font-theme,.font-theme--text{--font-family:"Graphik", sans-serif;--letter-spacing:normal;--font-size-s:14px;--font-line-height-s:14px;--font-size-m:17px;--font-line-height-m:22px;--font-size-l:25px;--font-line-height-l:30px;--font-size-xl:32px;--font-line-height-xl:34px;--font-size-xxl:50px;--font-line-height-xxl:54px;--font-size-headline-1:var(--font-size-xxl);--font-line-height-headline-1:var(--font-line-height-xxl);--font-size-headline-2:var(--font-size-xl);--font-line-height-headline-2:var(--font-line-height-xl);--font-size-headline-3:var(--font-size-l);--font-line-height-headline-3:var(--font-line-height-l);--font-size-headline-4:22px;--font-line-height-headline-4:26px;--font-size-headline-5:19px;--font-line-height-headline-5:19px}.font-theme--code{--font-family:"Spot Mono", monospace;--letter-spacing:-0.04em;--font-size-s:17px;--font-line-height-s:14px;--font-size-m:20px;--font-line-height-m:22px;--font-size-l:30px;--font-line-height-l:30px;--font-size-xl:40px;--font-line-height-xl:34px;--font-size-xxl:60px;--font-line-height-xxl:60px}@media (min-width:768px){.font-theme,.font-theme--text{--font-size-s:12px;--font-line-height-s:24px;--font-size-m:18px;--font-line-height-m:24px;--font-size-l:28px;--font-line-height-l:28px;--font-size-xl:36px;--font-line-height-xl:48px;--font-size-xxl:50px;--font-line-height-xxl:54px;--font-size-headline-4:24px;--font-line-height-headline-4:24px;--font-size-headline-5:20px;--font-line-height-headline-5:20px}.font-theme--code{--font-size-s:15px;--font-line-height-s:34px;--font-size-m:22px;--font-line-height-m:34px;--font-size-l:34px;--font-line-height-l:34px;--font-size-xl:42px;--font-line-height-xl:48px;--font-size-xxl:60px;--font-line-height-xxl:54px}}@media (min-width:1366px){.font-theme,.font-theme--text{--font-size-s:12px;--font-line-height-s:18px;--font-size-m:20px;--font-line-height-m:27px;--font-size-l:30px;--font-line-height-l:36px;--font-size-xl:40px;--font-line-height-xl:44px;--font-size-xxl:50px;--font-line-height-xxl:54px;--font-size-headline-4:26px;--font-line-height-headline-4:32px;--font-size-headline-5:22px;--font-line-height-headline-5:26px}.font-theme--code{--font-size-s:15px;--font-line-height-s:18px;--font-size-m:23px;--font-line-height-m:27px;--font-size-l:35px;--font-line-height-l:36px;--font-size-xl:50px;--font-line-height-xl:44px;--font-size-xxl:60px;--font-line-height-xxl:54px}}@media (min-width:1680px){.font-theme,.font-theme--text{--font-size-s:15px;--font-line-height-s:20px;--font-size-m:24px;--font-line-height-m:30px;--font-size-l:36px;--font-line-height-l:42px;--font-size-xl:48px;--font-line-height-xl:60px;--font-size-xxl:60px;--font-line-height-xxl:60px;--font-size-headline-4:32px;--font-line-height-headline-4:38px;--font-size-headline-5:26px;--font-line-height-headline-5:32px}.font-theme--code{--font-size-s:18px;--font-line-height-s:18px;--font-size-m:28px;--font-line-height-m:30px;--font-size-l:42px;--font-line-height-l:42px;--font-size-xl:60px;--font-line-height-xl:60px;--font-size-xxl:72px;--font-line-height-xxl:60px}}@property --stroke-opacity{syntax:"<number>";inherits:false;initial-value:1}.link{--stroke-opacity:0.3;--text-color:hsl(var(--color-base-text));--stroke-color:hsl(var(--color-base-text) / var(--stroke-opacity));--cached-opacity:0.6;color:var(--text-color);text-decoration-line:underline;text-decoration-thickness:var(--stroke-width, 1px);text-decoration-color:var(--stroke-color);text-underline-position:auto;text-underline-offset:.125em;transition:--stroke-opacity .2s}.link:hover{--stroke-opacity:0.1}.offline .link::after{content:" ";display:inline-block;height:.9em;width:.9em;margin-left:.3em;vertical-align:middle;background-size:.9em;background-repeat:no-repeat;background-position:center;filter:invert(calc(var(--is-dark-theme-on)*1))}.offline .link--cached::after{background-image:url(/images/assets/cached-link.svg);background-repeat:no-repeat}.offline .link--non-cached{color:hsla(var(--color-base-text)/var(--cached-opacity))}.offline .link--non-cached::after{background-image:url(/images/assets/non-cached-link.svg);opacity:var(--cached-opacity)}.online .link:not(.nav-list__link,.article-indexes-list__link,.featured-article__link)::after{display:none}.online .link--cached:not(.nav-list__link,.article-indexes-list__link,.featured-article__link)::after{display:none}.online .link--non-cached:not(.nav-list__link,.article-indexes-list__link,.featured-article__link)::after{display:none}.skip-link{position:absolute;overflow:hidden;top:auto;left:-10000px;width:1px;height:1px;padding:16px 52px;background-color:var(--color-background);z-index:4}.skip-link:focus-visible{top:0;left:0;width:auto;height:auto}@media (min-width:1024px){.skip-link{padding:23px 56px}}@media (min-width:1680px){.skip-link{padding:26px 62px}}.inline-code{padding:.025em .35em;font-size:var(--font-size-m);line-height:var(--font-line-height-m);font-family:var(--font-family);letter-spacing:var(--letter-spacing);border-radius:2em;background-color:var(--background-code-color, hsl(var(--color-fade)))}.button{--color:var(--color-text);--background:transparent;--border-color:var(--color);--bg-base-opacity:calc(
      var(--is-light-theme-on) * 0.06 +
      var(--is-dark-theme-on) * 0.12
    );margin:0;position:relative;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;display:inline-block;box-sizing:border-box;padding:.5em 1.33em;border:1px solid var(--border-color);font:inherit;text-decoration:none;color:var(--color);background-color:var(--background);border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button::before{content:"";opacity:0;position:absolute;inset:-1px;background-color:currentColor;transition:opacity .2s}.button:disabled{pointer-events:none}.button:hover::before{opacity:var(--bg-base-opacity)}.button:active::before{opacity:calc(var(--bg-base-opacity)*2);transition:none}.button--active,.button--invert{--color:var(--color-background);--background:var(--color-text);--border-color:var(--background);--bg-base-opacity:calc(
      var(--is-light-theme-on) * 0.16 +
      var(--is-dark-theme-on) * 0.1
    )}.button--round{border-radius:2em}.base{--is-header-sticky:1;--header-height:56;font-size:var(--font-size-m, 100%);line-height:var(--font-line-height-m, 1.15);font-family:var(--font-family, sans-serif);color:var(--color-text);background-color:var(--color-background);-webkit-text-size-adjust:100%;scroll-behavior:smooth}.base__body{display:grid;grid-template-rows:auto 1fr auto;min-block-size:100dvh;margin:0}.base__body:has(.header--open){top:56px}.logo{--ligthness:calc(var(--is-light-theme-on) * 90% + var(--is-dark-theme-on) * 25%);--logo-border-color:hsla(0 0% calc(0% + var(--is-dark-theme-on) * 100%) / 0.33);--image-font-size:0.85em;--logo-letter-spacing:-0.14em;--image-padding:calc(1 / 15 * 1em) calc(5 / 15 * 1em) 0;display:inline-flex;white-space:nowrap;text-decoration:none;font-family:var(--font-family);color:inherit}.logo__image{--accent-color:var(--color-html);align-self:center;position:relative;z-index:0;overflow:hidden;box-sizing:border-box;padding:var(--image-padding);display:inline-grid;place-items:center;background-color:var(--color-background);border:1px transparent solid;border-radius:2em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo__image--contrast,.header--open .logo__image--custom{border:1px var(--logo-border-color) solid}.logo__symbols{grid-area:1/1/-1/-1;margin-right:calc(var(--logo-letter-spacing)*-1);font-size:var(--image-font-size);line-height:1;letter-spacing:var(--logo-letter-spacing);text-decoration:none}.logo__eye{position:relative}.logo__eye:first-child{letter-spacing:calc(var(--logo-letter-spacing)*2)}.logo__nose{position:relative;font-size:calc(var(--image-font-size)*10/7);line-height:calc(var(--image-font-size)*7/10);letter-spacing:calc(var(--logo-letter-spacing)*1.5)}.logo__text{margin-left:5px;padding:var(--image-padding);padding-top:calc(2/15*1em);padding-bottom:calc(1/10*1em);background-color:var(--color-background);border-radius:2em;border:1px transparent solid;text-decoration:none;font-size:var(--image-font-size);line-height:var(--image-font-size)}.logo__text--contrast{border:1px var(--logo-border-color) solid}.logo__text::first-letter{font-feature-settings:"ss01"on}.logo--color-contrast{--ligthness:calc(var(--is-light-theme-on) * 100%)}.logo--color-fade{--ligthness:calc(var(--is-light-theme-on) * 90% + var(--is-dark-theme-on) * 25%)}.logo__text .link::after{display:none}.hotkey{min-width:14px;padding:1px 6px;text-align:center;font-family:var(--font-family);font-size:20px;line-height:1.2;letter-spacing:var(--letter-spacing);border:1px solid var(--color-border);border-radius:5px;opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:1366px){.hotkey{font-size:18px}}@media not all and (min-width:1024px){.hotkey{display:none}}.breadcrumbs{display:flex;align-items:baseline;font-size:var(--font-size-l)}.header__breadcrumbs{min-width:0}@media not all and (min-width:768px){.header--sticky .header__breadcrumbs{flex-wrap:wrap}}.breadcrumbs__item{display:flex;align-items:baseline}.breadcrumbs__text{--stroke-width:2px;--text-font-size:0.85em;letter-spacing:-.08em;line-height:1;white-space:nowrap;text-overflow:ellipsis;text-underline-offset:.2em;overflow:hidden}.breadcrumbs .link::after,.breadcrumbs__item .link::after{display:none}.header-button{position:relative;display:block;margin:0;padding:0;border:0;background-color:transparent;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.header-button::after{content:"";position:absolute;inset:-10px}.header:has(.header-button):not(.header--open) .header-button:not(.search__reset-button){padding:10px 0}.header-button-content--open{--is-menu-open:1}.header--open .header-button-content--open{display:none}.header-button-content--close{display:none;align-items:center;gap:10px}.header--open .header-button-content--close{display:flex}@media all and (min-width:1024px){.header-button-content--close{flex-direction:column-reverse}}.header-button-icon{transition:opacity .2s}.header-button:hover .header-button-icon{opacity:.7}.header-button-icon--open{display:flex;align-items:center;gap:7px}.header-button-icon__dot{--gap:7px;flex:0 0 auto;width:6px;height:6px;gap:7px;background-color:currentColor;border-radius:50%}@media (min-width:1024px){.header-button-icon--open{--gap:10px;gap:10px}.header-button-icon__dot{width:8px;height:8px}}.header-button-icon--close{width:30px;height:30px}@media (min-width:1024px){.header-button-icon--close{width:35px;height:35px}}@media (min-width:1366px){.header-button-icon--close{width:36px;height:36px}}@media (min-width:1680px){.header-button-icon--close{width:43px;height:43px}}.search__reset-button{margin-inline-start:20px}:root{--menu-padding-min:10px;--menu-padding-max:20px}.header{--header-bg-color:var(--accent-color, var(--color-background));--header-border-color:var(--accent-color, var(--color-border));--search-input-height:0.4em;background-color:var(--color-background);z-index:3}.header--static{position:relative}.header--sticky{position:static}@media (min-width:768px){.header--sticky{position:sticky;top:0}}.header--open{position:fixed;width:100%}@media (max-height:450px){.header--open{position:fixed;height:100%;overflow-y:scroll}}@media (min-width:768px){.header--open{position:sticky;width:100%}}@media (min-width:1024px){.header--open .header__menu{position:fixed;top:75px}.header--open .header__controls--shrink+.header__menu{top:55px}}@media (min-width:1366px){.header--open .header__menu{position:fixed;top:76px}.header--open .header__controls--shrink+.header__menu{top:56px}}@media (min-width:1680px){.header--open .header__menu{position:fixed;top:83px}.header--open .header__controls--shrink+.header__menu{top:63px}}.header__controls{--letter-spacing:-0.06em;display:grid;grid-template-areas:"logo button""search search-output";grid-template-columns:1fr auto;padding:var(--menu-padding-min);font-family:var(--font-family);font-size:var(--font-size-l);line-height:var(--font-line-height-l);background-color:var(--header-bg-color);transition:all .2s}.header__controls--shrink{box-shadow:0 1px 0 0 var(--header-border-color)}.header--open>.header__controls--shrink{box-shadow:none}@media (min-width:768px){.header__controls--shrink{padding:7px 10px}}@media (min-width:1024px){.header__controls{--gap:20px;padding:var(--menu-padding-max);display:flex;justify-content:space-between}.header__controls--shrink{padding:var(--menu-padding-min) var(--menu-padding-max)}}.header--open .header__controls{background-color:var(--color-background);transition:none}.header__divider{margin-left:.2em;margin-right:.2em;font-family:var(--font-family);font-size:.85em;letter-spacing:var(--letter-spacing);opacity:.3}.header__divider::before{content:"/"}.header__controls .header__search{display:none;grid-area:search;grid-column-end:none}@media (min-width:1680px){.header__controls .header__search,.header__controls .header__buttons{position:relative;top:-2px}}.header--static .header__search,.header--open .header__search{display:block}.header__buttons{display:flex;align-items:center;justify-content:flex-end;margin-left:20px;gap:16px}.hotkey__key{font-family:inherit;text-transform:uppercase;display:none}.hotkey--close{display:none}.hotkey--search{display:none}.header--open .hotkey--search{display:none}@media (min-width:1024px){.hotkey__key,.hotkey--search,.header--open .hotkey--close{display:inline-block}}.header__menu{width:100%;font-size:calc(var(--font-size-xl)*.95);line-height:calc(var(--font-line-height-xl)*.95);letter-spacing:-.06em;background-color:var(--color-background)}.header--static .header__menu{position:static;height:auto}.header:not(.header--open,.header--static) .header__menu{visibility:hidden;height:0;opacity:0}.base__body:has(.header--open)::after{content:"";position:fixed;inset:0;background-color:hsl(var(--color-fade)/.45);-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);z-index:2}.header--open .header__category{display:none}@media not all and (min-width:768px){.header__category:not(.header__category--standalone){display:none}}@media (max-width:767px){.header__category--standalone{display:none}}@media (min-width:768px) and (max-width:1023px){.header--open+.doc{position:relative;top:-50px}}@media (max-width:767px){.header--open+.doc .article__header{padding-block-start:51px}}:root{--list-padding-min:10px;--list-padding-max:20px;--gap:16px}.nav-list{--stroke-size:calc(6 / 48 * 1em);--transition:150ms ease-in-out;display:grid;padding-top:var(--list-padding-min);padding-bottom:var(--list-padding-min);padding-right:var(--list-padding-min);padding-left:var(--list-padding-min);gap:16px;background:var(--color-background)}@media (min-width:768px){.nav-list{--block-padding:1px;gap:14px;line-height:calc(42/36)}}@media (min-width:1024px){.nav-list{--block-padding:6px;--gap:6px;padding-top:0;padding-bottom:var(--list-padding-max);padding-right:var(--list-padding-max);padding-left:calc(37*var(--gap));gap:6px;line-height:inherit}}@media (min-width:1366px){.nav-list{padding-left:calc(38*var(--gap))}}@media (min-width:1680px){.nav-list{padding-left:calc(45*var(--gap))}}.nav-list__item{position:relative;z-index:0}.nav-list__link{display:inline-block;vertical-align:top;padding-top:var(--block-padding);padding-bottom:var(--block-padding);padding-left:10px;padding-right:10px;text-decoration:none;color:inherit}.nav-list__link::after{content:"";opacity:0;visibility:hidden;position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color:var(--accent-color);border-radius:var(--stroke-size);transition:var(--transition)}.offline .nav-list__link::after{background-image:none}.nav-list__link-text{position:relative;display:block;letter-spacing:var(--letter-spacing)}.nav-list__link-text::after{content:"";position:relative;z-index:-1;display:block;height:round(var(--stroke-size),1px);background-color:var(--accent-color);border-radius:1em}@supports not (height:round(1.5px,1px)){.nav-list__link-text::after{height:var(--stroke-size)}}.nav-list__link:hover::after{opacity:calc(1 - var(--is-dark-theme-on)*.6);visibility:visible}.nav-list__link:hover .nav-list__link-text::after{opacity:0;transition:var(--transition)}.header__controls .header__search{transition:opacity var(--header-animation-time)}.logo{--image-font-size:0.85em;--logo-letter-spacing:-0.14em}.logo__image{--is-animation:0}.logo__image::before{--colors:var(--accent-color),
    var(--accent-color),
    var(--color-css),
    var(--color-js),
    var(--color-tools),
    var(--color-recipes),
    var(--color-a11y),
    var(--accent-color),
    var(--accent-color);--parts:8;content:"";opacity:var(--is-animation);position:absolute;z-index:-1;left:0;right:0;top:0;height:calc(var(--parts)*100%);background-image:linear-gradient(var(--colors));transition:opacity .5s}.logo__image--animation{--is-animation:1}@keyframes logoAnimation{to{transform:translateY(-100%) translateY(calc(100%/(var(--parts) - 1)))}}.logo__image--animation::before{animation:logoAnimation .75s ease-out infinite both}.logo__symbols{transition:opacity .2s;transform:translateZ(0)}.logo__symbols--main{opacity:calc(1 - var(--is-animation))}.logo__symbols--search{opacity:var(--is-animation)}.logo__eye{top:-.08em}.logo__nose{top:-.015em}.search{margin-top:var(--gap, 10px);position:relative;display:grid;font-family:var(--font-family);font-size:calc(var(--font-size-xl)*.75);line-height:var(--font-line-height-xl);letter-spacing:var(--letter-spacing)}@media (min-width:760px){.search{--gap:16px;align-self:flex-start;flex-grow:1}}@media (min-width:1024px){.search{--gap:0}}.search__controls,.search__input{grid-column:1/-1;grid-row:1/-1}.search__input{margin:0;display:block;box-sizing:border-box;width:100%;height:calc(1em + 1px);border:0;padding:0 100px 0 10px;font:inherit;line-height:calc(1em + 1px);letter-spacing:-.08em;color:inherit;outline:0;border-bottom:2px solid hsl(0 0% 70%);background-color:transparent}@media (min-width:1024px){.search__input{padding-inline-start:0}}.search__input:focus{border-bottom-color:var(--color-text)}.search__control{position:relative;display:grid;font-size:var(--font-size-l)}.search__control>*{grid-column:1/-1;grid-row:1/-1}.search__input::-moz-placeholder{opacity:.7;font:inherit;letter-spacing:inherit;color:inherit}.search__input::placeholder{opacity:.7;font:inherit;letter-spacing:inherit;color:inherit}.search__key{place-self:center end;pointer-events:none}.search__input:focus~.hotkey--search{visibility:hidden}.search__input:-moz-placeholder-shown~.search__key--enter{visibility:hidden}.search__input:placeholder-shown~.search__key--enter,.search__input:not(:focus)~.search__key--enter{visibility:hidden}.search__output:not(:empty)+.search__placeholder{display:none}.search__suggestion{--lightness:calc(100% - var(--is-dark-theme-on) * 80%);--background-opacity:0.96;position:absolute;z-index:1;top:100%;left:0;right:0;overflow:hidden;letter-spacing:normal;background-color:hsl(0 0% var(--lightness)/var(--background-opacity));box-shadow:0 4px 4px rgb(0 0 0/.25);border-radius:6px;transition:.4s}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.search__suggestion{--background-opacity:0.66;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}.search__suggestion--hide{visibility:hidden;opacity:0;transform:translateY(.5em)}.search__suggestion-content{position:relative;overflow:auto;box-sizing:border-box;padding:5px;max-height:calc(100vh - 120px);font-family:var(--font-family);letter-spacing:var(--letter-spacing)}.search__full-link{margin:5px auto;display:block;width:-moz-max-content;width:max-content;padding:5px;font-size:var(--font-size-s);line-height:var(--font-line-height-s);font-family:var(--font-family);letter-spacing:normal}@media not all and (min-width:1024px){.search__suggestion-key{display:none}.search__suggestion-footer{margin-top:20px}}.footer{border-block-start:1px solid var(--color-border);padding:20px 10px;display:flex;gap:30px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.footer__theme-toggle{padding:0;margin:0;display:flex;align-items:baseline;gap:.5em;font-size:var(--font-size-s);line-height:var(--font-line-height-s);border:0}.footer__lists{display:flex;flex-wrap:wrap;gap:30px}.footer__list{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px;font-family:var(--font-family);font-size:var(--font-size-s);line-height:var(--font-line-height-s);letter-spacing:var(--letter-spacing)}.footer__list_social{flex-direction:row;gap:5px}.footer-list__icon{vertical-align:middle}.footer-list__link_social{padding:5px;text-decoration:none}.footer-list__link_social::after{margin:0}.footer-list__link_social:hover{opacity:.7}.footer-list__icon--invertible{filter:invert(var(--is-dark-theme-on))}@media (min-width:1024px){.footer{padding:20px}}@media not all and (min-width:768px){.footer{align-items:flex-start;flex-direction:column;padding-block-start:30px}.footer__lists{flex-direction:column}.footer__theme-toggle,.footer__list{flex-direction:column}.footer__list{gap:11px}.footer__theme-toggle{gap:4px;order:1}.footer__list_social{flex-direction:row;gap:10px}}@media (min-width:768px) and (max-width:1366px){.footer__list{line-height:18px}}.theme-toggle{--bg-lightness:calc(var(--is-light-theme-on) * 87% + var(--is-dark-theme-on) * 20%);display:inline-flex;align-items:baseline;padding:2px;border-radius:2em;background-color:hsl(0 0% var(--bg-lightness))}.theme-toggle__item{position:relative}.theme-toggle__control{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;z-index:1;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border:0;border-radius:2em;background:0 0;cursor:pointer}.theme-toggle__text{opacity:.7;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;padding:.4em .67em;border:0;font:inherit;line-height:1;color:inherit;background-color:transparent;border-radius:2em;transition:opacity .2s}.theme-toggle__control:focus+.theme-toggle__text,.theme-toggle__control:hover+.theme-toggle__text{opacity:1}.theme-toggle__control:checked+.theme-toggle__text{opacity:1;background-color:var(--color-background)}@media not all and (min-width:768px){.snow-toggle{margin-top:1em}}#snowCanvas{position:fixed;inset:0;z-index:100;display:block;pointer-events:none}.intro{--gutter:10px;padding-top:40px;padding-bottom:40px;padding-bottom:clamp(40px,4.8%,80px);display:grid;grid-template-rows:repeat(2,auto);gap:20px}@media (min-width:768px){.intro{--gutter:20px;grid-template-rows:unset;grid-template-columns:repeat(2,1fr)}}.intro__description{display:block;margin:0}.intro__link{display:flex;align-items:center;gap:.2em}.intro__icon{width:.968em;height:.968em}.intro__icon--invertible{filter:invert(var(--is-dark-theme-on))}.intro__pitch{display:grid;grid-template-rows:calc(1.5*var(--font-size-l)) auto min-content;gap:calc(2*var(--gutter));padding:var(--gutter);background-color:hsl(var(--color-fade));border-radius:6px}.intro__pitch--partner{border:1px solid hsl(var(--color-fade));border-radius:6px;background-color:transparent}.intro__moto{align-self:self-start;font-family:var(--font-family);font-size:var(--font-size-l);font-weight:300;line-height:1;margin:0}.intro__accent{border-radius:1em;padding:0 .3em;background-color:hsl(var(--color-fade));white-space:nowrap}.intro__footer{display:flex;flex-wrap:wrap;gap:var(--font-size-m)}.intro__logo{height:calc(2*var(--gutter))}.intro__logo--invertible{filter:invert(var(--is-dark-theme-on))}.featured-article{--gutter:10px;position:relative;z-index:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;min-height:330px}.featured-article::before{content:"";position:absolute;z-index:-1;inset:0;background-color:var(--accent-color, hsl(0 0% 90%));transition:opacity .2s}.featured-article:hover::before{opacity:.84}.featured-article:focus-within{outline:2px solid hsl(var(--color-base-text));outline-offset:1px}.featured-article__image-wrapper{margin-bottom:auto;position:relative;display:block}.featured-article__image-wrapper::before{content:"";display:block;padding-top:100%}.featured-article__image{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;padding:20px;-o-object-fit:contain;object-fit:contain;-o-object-position:center top;object-position:center top}.featured-article__title{margin:0;padding:var(--gutter);font-family:var(--font-family);letter-spacing:var(--letter-spacing);font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);font-weight:400;text-overflow:ellipsis;overflow:hidden}.featured-article__code{font-family:var(--font-family);letter-spacing:var(--letter-spacing);font-size:var(--font-size-xl);line-height:var(--font-line-height-xl)}.featured-article__link{--stroke-width:2px}.featured-article__link::after{content:"";position:absolute;inset:0}.featured-article__link:hover{--stroke-opacity:0;--stroke-width:0}.featured-article__link:focus-visible{outline:0}.offline .featured-article__title .link::after{display:none}.featured-article__description{margin-top:auto;margin-bottom:0;padding:var(--gutter)}.featured-article__description .featured-article__code{font-size:var(--font-size-m)}@media (min-width:768px){.featured-article{min-height:402px}}@media (min-width:1024px){.featured-article{min-height:500px}}@media (min-width:1680px){.featured-article{--gutter:20px;min-height:580px}}.featured-articles-list{--page-size:6;--columns:1;display:grid;grid-gap:10px;grid-template-columns:repeat(var(--columns),1fr)}.featured-articles-list__item{display:grid}.featured-articles-list__item:not(.featured-articles-list__item--active):nth-child(n+7){display:none}@media not all and (min-width:1200px){.featured-articles-list{--page-size:4}.featured-articles-list__item:not(.featured-articles-list__item--active):nth-child(n+5){display:none}}@media not all and (min-width:768px){.featured-articles-list{--page-size:3}.featured-articles-list__item:not(.featured-articles-list__item--active):nth-child(n+4){display:none}}@media (min-width:768px){.featured-articles-list{--columns:2}}@media (min-width:1200px){.featured-articles-list{--columns:3;grid-gap:20px}}.articles-gallery{padding-bottom:20px;padding-bottom:clamp(20px,7.3%,120px)}.articles-gallery__title{margin-top:0;margin-bottom:.75em;font-weight:400;font-size:var(--font-size-xl);line-height:var(--font-line-height-xl)}.articles-gallery__more-button{--button-gutter:20px;margin:var(--button-gutter) auto;display:block;width:-moz-max-content;width:max-content}.articles-gallery__more-button[hidden]{display:none}@media (min-width:768px){.articles-gallery__more-button{--button-gutter:30px}}.index-group-list{--list-item-gutter:11px}.index-group-list__item+.index-group-list__item{margin-top:var(--list-item-gutter)}.index-group-list__code{font-size:var(--font-size-m);line-height:var(--font-line-height-m);font-family:var(--font-family);letter-spacing:var(--letter-spacing)}@media (min-width:768px){.index-group-list{--list-item-gutter:14px}}.article-indexes-list{--column-offset:40px;margin-bottom:calc(-1*var(--column-offset));overflow:hidden;-moz-column-width:250px;column-width:250px;-moz-column-gap:60px;column-gap:60px}.article-indexes-list__item{overflow:hidden;display:block;padding:5px 0 var(--column-offset) 5px;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.article-indexes-list__title{margin-top:0;margin-bottom:20px;font-weight:400;font-size:var(--font-size-l);line-height:1}.article-indexes-list__link{display:inline-block;vertical-align:top;color:inherit;text-decoration:none}.article-indexes-list__link::after{content:"";margin-top:3px;display:block;height:4px;border-radius:4px;background-color:var(--accent-color)}.offline .article-indexes-list__link::after{background-image:none}.article-indexes-list__link:hover{color:var(--accent-color)}.materials-collection{padding-bottom:40px;padding-bottom:clamp(40px,11%,180px)}.article-heading{scroll-margin-block:calc(var(--header-height)*1px + 1rem);font-size:var(--font-size);line-height:var(--line-height)}@media (min-width:1024px){.article-heading{scroll-margin-block:calc(var(--header-height)*1px + 2rem)}}.article-heading__title{margin-top:0;margin-bottom:0;display:inline;font:inherit}.article-heading__code{font-size:1.2em;font-family:var(--font-family);letter-spacing:var(--letter-spacing)}.article-heading__copier{display:inline-block;white-space:nowrap;color:hsl(var(--color-blue))}.article-heading__copy-button{color:currentColor;background:0 0;border:0;padding:0;vertical-align:middle;transition:opacity .2s ease-in;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.article-heading__copy-button:disabled{cursor:default}@media (hover:hover){.article-heading:not(:hover) .article-heading__copy-button{opacity:0}.article-heading:not(:hover) .article-heading__copy-button:focus,.article-heading:not(:hover) .article-heading__copy-button:disabled{opacity:1}}.article-heading__icon{display:inline-block;width:calc(var(--font-size-m)*1.3);height:auto;vertical-align:middle}.article-heading__status{visibility:hidden;color:currentColor;font-size:calc(var(--font-size-m)*1.07);line-height:1;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.article-heading--level-1,.article-heading--level-1>*{--font-size:var(--font-size-headline-1);--line-height:var(--font-line-height-headline-1)}.article-heading--level-2,.article-heading--level-2>*{--font-size:var(--font-size-headline-2);--line-height:var(--font-line-height-headline-2)}.article-heading--level-3,.article-heading--level-3>*{--font-size:var(--font-size-headline-3);--line-height:var(--font-line-height-headline-3)}.article-heading--level-3 .article-heading__icon{width:calc(var(--font-size-m)*1.23)}.article-heading--level-3 .article-heading__status{font-size:var(--font-size-m)}.article-heading--level-4,.article-heading--level-4>*{--font-size:var(--font-size-headline-4);--line-height:var(--font-line-height-headline-4)}.article-heading--level-4 .article-heading__icon{width:calc(var(--font-size-m)*1.16)}.article-heading--level-4 .article-heading__status{font-size:calc(var(--font-size-m)*.93)}.article-heading--level-5,.article-heading--level-5>*{--font-size:var(--font-size-headline-5);--line-height:var(--font-line-height-headline-5)}.article-heading--level-5 .article-heading__icon{width:calc(var(--font-size-m)*1.09)}.article-heading--level-5 .article-heading__status{font-size:calc(var(--font-size-m)*.86)}.article-heading--level-2{margin-top:40px;margin-bottom:8px}.article-heading--level-3,.article-heading--level-4,.article-heading--level-5{margin-top:20px;margin-bottom:8px}.article-heading+.article-heading{margin-top:0}.article-heading__copy-button:disabled+.article-heading__status{visibility:visible}@media (max-width:720px){.article-heading__status{display:none}}@media (min-width:768px){.article-heading--level-2{margin-top:70px;margin-bottom:8px}.article-heading--level-3,.article-heading--level-4,.article-heading--level-5{margin-top:24px;margin-bottom:8px}}@media (min-width:1024px){.article-heading--level-2{margin-top:60px;margin-bottom:10px}.article-heading--level-3,.article-heading--level-4,.article-heading--level-5{margin-top:40px;margin-bottom:10px}}@media (min-width:1680px){.article-heading--level-2{margin-top:70px;margin-bottom:10px}.article-heading--level-3,.article-heading--level-4,.article-heading--level-5{margin-top:50px;margin-bottom:10px}}.article-nav{--is-nav-open:0;display:block;position:relative;font-size:17px;border-bottom:1px solid var(--active-link-background, hsl(var(--color-fade)))}@media (min-width:1024px){.article-nav{--offset:10px;padding:calc(var(--offset)*2);font-size:inherit;border-bottom:0;overflow:auto}}.article-nav--open{--is-nav-open:1}.article-nav__toggle{position:relative;width:100%}@media (min-width:1024px){.article-nav__toggle{display:none}}.article-nav__content{box-sizing:border-box;height:0;padding:0;line-height:1.8;overflow:hidden;transition:padding .3s}.article-nav--open .article-nav__content{height:auto;padding:var(--offset)0;transition:padding .3s}@media (min-width:1024px){.article-nav__content{display:initial;overflow:auto;height:100%;line-height:1.8;overscroll-behavior:contain}}@media (min-width:1366px){.article-nav__content{line-height:1.6}}.toggle-button__icon--open .article-nav__toggle{display:none}.toggle-button{box-sizing:border-box;display:inline-flex;justify-content:space-between;align-items:center;width:100%;font-size:inherit;border:0;padding-inline-start:var(--offset);background-color:transparent;-webkit-tap-highlight-color:transparent}.toggle-button[aria-expanded=true]{position:absolute;top:0;right:0;width:auto;text-align:initial}.toggle-button__icons{position:relative;width:48px;height:48px;overflow:hidden}.toggle-button__icon{position:absolute;inset:0;color:var(--color-text);background-color:transparent;transform:scale(calc(var(--on) + var(--off)*1.5));opacity:var(--on);transition:transform .5s,opacity .5s}.toggle-button__icon--close{--on:var(--is-nav-open);--off:calc(1 - var(--is-nav-open))}.toggle-button__icon--open{--on:calc(1 - var(--is-nav-open));--off:var(--is-nav-open)}.article-nav--open .toggle-button__icon--close{display:block}.toggle-text{display:inline-block}.article-nav--open .toggle-text{display:none}.contributors{margin:0}.contributors__item:not(:first-child){margin-top:12px}.contributors__key,.contributors__value{margin:0;display:inline}.article__header{grid-column-start:1;grid-column-end:-1;background-color:var(--accent-color)}.article__header-inner{box-sizing:border-box;padding:var(--offset);padding-top:clamp(20px,3%,130px)}.article__title{margin:0;font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);font-weight:400}.article__title-code{overflow-wrap:break-word;font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);font-family:var(--font-family);letter-spacing:var(--letter-spacing)}.article__category{margin-top:0;margin-bottom:6px;display:flex;gap:4px;font-family:var(--font-family);font-size:20px;line-height:22px;letter-spacing:var(--letter-spacing)}.article__category-devider{opacity:.6}.article__image{margin-bottom:60px;margin-bottom:clamp(20px,2%,60px)}.article__description{margin-top:10px;margin-bottom:0}.article__description-code{font-size:var(--font-size-m);line-height:var(--font-line-height-m);letter-spacing:var(--letter-spacing);font-family:var(--font-family)}.article__placeholder{--placeholder-bg-opacity:calc(var(--is-dark-theme-on) * 0.5 + var(--is-light-theme-on) * 0.7);margin-top:10px;margin-bottom:0;position:relative;z-index:0;padding:10px;display:flex;align-items:flex-start;gap:10px}.article__placeholder::before{content:"";opacity:var(--placeholder-bg-opacity);position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color:var(--color-background);border-radius:6px}.article__placeholder-icon{position:relative;top:.125em;flex:0 0 auto;width:1em;height:1em}.article__read-time{margin-top:.8em;margin-bottom:0;font-size:var(--font-size-s)}.article__aside{font-size:var(--font-size-s);line-height:var(--font-line-height-s)}.article__nav{font-size:var(--font-size-m);line-height:1.6}.article__meta{padding:var(--offset);padding-top:0;line-height:1.6}.article__persons{padding:30px 0}.article__edit-button{vertical-align:top;will-change:transform}.article__update-date{margin-top:10px;margin-bottom:0}.article__content{padding:calc(var(--offset)*2) var(--offset)}.article:not(.article--with-cover) .article__header-inner{margin-left:0}@media not all and (min-width:1024px){.article__layout{display:grid;grid-template-columns:minmax(0,1fr)}.article__aside{display:contents}.article__meta{order:1;margin-top:30px;display:grid;align-items:start;grid-template-columns:1fr auto}.article__persons{margin-right:2em;padding-top:0;padding-bottom:0}.article__edit-button{align-self:start;grid-row-end:span 2}.article__content{display:contents}.article__content-inner{padding:inherit}}@media not all and (min-width:768px){.article__meta{margin-top:80px;display:block}.article__persons{padding-bottom:17px}.contributors__item:not(:first-child){margin-top:14px}}@media (min-width:768px){.article__category{display:none}}@media (min-width:1024px){.article__title{font-size:var(--font-size-xxl);line-height:var(--font-line-height-xxl)}.article__title-code{font-size:var(--font-size-xxl);line-height:var(--font-line-height-xxl)}.article__nav{font-size:inherit}.article__layout{display:contents}.article__aside{--header-offset:calc(var(--header-height) * 1px);position:sticky;top:var(--header-offset, 0);box-sizing:border-box;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-row-end:span 2;height:100%;max-height:calc(100vh - var(--header-offset, 0px));transition:.2s cubic-bezier(.65,.05,.36,1);will-change:top,height;transition-duration:.2s}.article__persons{padding-top:24px;padding-bottom:24px}.article__content{grid-column-start:2;grid-column-end:span 1;padding-top:var(--offset);padding-bottom:var(--offset)}.article--with-cover .article__header{display:grid;grid-template-columns:var(--columns-template)}.article--with-cover .article__header-inner{grid-column-start:2;grid-column-end:span 1}}@media (min-width:1680px){.article__aside{padding-right:var(--offset)}.article__persons{padding-top:30px;padding-bottom:30px}}.doc{--offset:10px}.doc__wrapper{box-sizing:border-box;padding-left:var(--offset);padding-right:var(--offset);width:100%;max-width:calc(var(--content-width) + 2*var(--offset));min-width:0}.doc__main,.doc__article{display:contents}.doc__popup{display:flex;justify-content:center;align-items:center;gap:10px;position:fixed;top:-100%;width:100%;height:60px;color:hsl(var(--color-blue));background-color:var(--color-background);box-shadow:0 12px 10px 0 rgb(0 0 0/10%);z-index:2;transition:top .5s}.doc__popup:not([hidden]){top:0}.doc__popup-icon{width:calc(var(--font-size-m)*1.27)}.doc__popup-text{color:currentColor;font-size:calc(var(--font-size-m)*1.07)}.doc__feedback-form{order:2;z-index:0;margin-left:auto;margin-right:auto;padding-left:var(--offset);padding-right:var(--offset);padding-top:100px;max-width:672px}.doc__linked-articles{margin-block-start:min(102px,26%);margin-block-end:min(102px,26%);display:flex;gap:var(--offset, 20px)}.doc__related-articles{overflow:hidden;padding-inline:0;padding-block-start:65px;padding-block-start:min(65px,18%)}@media not all and (min-width:768px){.doc__linked-articles{flex-direction:column;gap:13px;margin-block-start:30px;margin-block-end:0}}@media not all and (min-width:1024px){.doc__linked-articles,.doc__related-articles{padding-inline:inherit}}@media (min-width:1024px){.doc{--offset:20px;--aside-with:25%;--content-width:1087px;--columns-template:var(--aside-with) 1fr;display:grid;grid-template-columns:var(--columns-template);grid-template-rows:auto 1fr auto;align-items:start;align-content:start;min-height:calc(100vh - var(--header-height, 0)*1px)}.doc>*{grid-column:2/-1}.doc__article{grid-column:1/-1}}@media (min-width:2000px){.doc{--columns-template:var(--aside-with) 1fr var(--aside-with)}.doc__wrapper{margin-left:auto;margin-right:auto}}.practices>article{--stroke-opacity:0.3;--stroke-color:hsl(var(--color-base-text) / var(--stroke-opacity));border:1px solid var(--stroke-color);border-radius:6px;margin-block-start:10px}.practices>article>.article-heading{margin-block-start:0;margin-block-end:0;padding:var(--offset);padding-block-end:0}.practices__author-name>*{font-family:"Spot Mono",monospace;font-weight:300;font-size:var(--font-size-l);line-height:var(--font-line-height-l);letter-spacing:-.05em;text-align:left}.practices__content{position:relative;overflow:hidden}.practices__content::after{content:" ";display:block;position:relative;height:100px;background:linear-gradient(180deg,hsla(var(--color-base-background)/0) 0%,hsla(var(--color-base-background)/.67) 100%);border-radius:8px;z-index:0}.practices__content>.practices__summary{height:110px;padding:var(--offset)}.practices__content .practices__toggler{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:absolute;top:0;margin-block-start:190px;justify-self:start;font-size:var(--font-size-m, 100%);font-family:var(--font-family);padding:4px 15px;box-shadow:0 0 10px 5px rgb(0 0 0/.1);border:1px solid var(--stroke-color);border-radius:5px;background-color:var(--color-background);z-index:1;cursor:pointer}.practices__content--open{overflow:unset}.practices__content--open::after{display:none}.practices__content--open>.practices__summary{height:auto;grid-template-rows:unset;overflow:unset}.practices__content--open .practices__toggler{position:sticky;grid-row-start:unset;bottom:1em;margin-block-start:unset}.practices__content--short>.practices__summary{height:auto}.practices__content--short::after{height:unset}@media (min-width:768px){.practices>article{margin-block-start:14px}}@media (min-width:1024px){.practices>article{margin-block-start:16px}.practices__content>.practices__summary{grid-gap:20px}}.answer{--stroke-opacity:0.3;--stroke-color:hsl(var(--color-base-text) / var(--stroke-opacity));border:1px solid var(--stroke-color);border-radius:6px}.answer__author{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:10px 20px;font-size:var(--font-size-headline-3);line-height:var(--font-size-headline-3)}.answer__author-roles{--role-color:hsl(0 0% 0%);--role-bg-color:hsl(0 0% 100%);--role-hover-color:hsl(0 0% 94%);--role-border-color:hsl(0 0% 0%);align-self:center;display:flex}.answer__author-roles:not(:has(.answer__author-roles-link)){display:none}.answer__author-roles-link{font-size:calc(var(--font-size-s)*1.25);line-height:var(--font-line-height-s);padding:4px 18px;text-decoration:none;width:-moz-max-content;width:max-content;border-width:1px;border-style:solid;color:var(--role-color);background-color:var(--role-bg-color);border-color:var(--role-border-color)}.answer__author-roles-link:hover{background-color:var(--role-hover-color)}.answer__author-name *{font-family:"Spot Mono",monospace;font-weight:300;font-size:var(--font-size-l);line-height:var(--font-line-height-l);letter-spacing:-.05em;text-align:left}.answer__content{position:relative;overflow:hidden}.answer__content::after{content:" ";display:block;position:relative;height:100px;background:linear-gradient(180deg,hsla(var(--color-base-background)/0) 0%,hsla(var(--color-base-background)/.67) 100%);border-radius:8px;z-index:0}.answer__content>.answer__summary{height:110px;padding:var(--offset)}.answer__content .answer__toggler{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:absolute;top:0;margin-block-start:190px;justify-self:start;font-size:var(--font-size-m, 100%);font-family:var(--font-family);padding:4px 15px;box-shadow:0 0 10px 5px rgb(0 0 0/.1);border:1px solid var(--stroke-color);border-radius:5px;background-color:var(--color-background);z-index:1;cursor:pointer}.answer__content--open{overflow:unset}.answer__content--open::after{display:none}.answer__content--open>.answer__summary{height:auto;grid-template-rows:unset;overflow:unset}.answer__content--open .answer__toggler{position:sticky;grid-row-start:unset;bottom:1em;margin-block-start:unset}.answer__content--short>.answer__summary{height:auto}.answer__content--short::after{height:unset}.questions__description{font-style:italic;padding:30px 0 50px}.question__request{display:flex;flex-direction:column;align-items:flex-start;margin-block-start:40px}.question__request .callout{align-self:stretch}.content p.question__response-placeholder{margin-block-start:4px;margin-block-end:4px}.question__answer>.article-heading{margin-block-start:0;margin-block-end:0;padding:var(--offset);padding-block-end:0}.questions__edit-button{font-size:var(--font-size-s);line-height:var(--font-line-height-s)}.question__request .questions__edit-button{margin-block-start:10px}.question__answer{margin-block-start:10px}@media (min-width:768px){.content p.question__response-placeholder{margin-block-start:7px;margin-block-end:7px}.question__request .questions__edit-button{margin-block-start:14px}.question__answer{margin-block-start:14px}}@media (min-width:1024px){.question__request{margin-block-start:50px}.content p.question__response-placeholder{margin-block-start:10px;margin-block-end:10px}.question__request .questions__edit-button{margin-block-start:16px}.question__answer{margin-block-start:16px}}@media (min-width:1680px){.question__request{margin-block-start:60px}}.persons-list{display:inline}.persons-list__items{display:inline}.persons-list__item:not([hidden]){display:inline-flex}.persons-list__button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;display:inline;font:inherit;background-color:transparent;cursor:pointer}.persons-list__extra:not([hidden]){display:inline}.toc__list .toc__list{margin-left:13px}.toc__item{padding-inline-start:10px}@media (max-width:1023px){.toc__item:first-of-type{padding-inline-end:60px}}.toc__link{margin-left:-10px;padding:0 10px 2px;border-radius:2em}.toc__link[href="#na-sobesedovanii"]::after{content:" ";display:inline-block;width:17px;height:17px;margin-left:4px;background-image:url(../../images/partners/practicum-icon.svg);background-size:13px;background-repeat:no-repeat;background-position:50% 40%;vertical-align:middle}.toc__link--active{background-color:transparent}@media (min-width:1024px){.toc__link--active{text-decoration:none;background-color:var(--active-link-background, hsl(var(--color-fade)))}}:root{--code-lines-lightness:calc(var(--is-dark-theme-on) * 60% + var(--is-light-theme-on) * 34%)}.block-code{--line-height:calc(24 / 18);margin-top:10px;margin-bottom:20px;position:relative;counter-reset:line-count 0;white-space:normal}.block-code::before{content:attr(data-lang);margin-bottom:.5em;display:block;width:-moz-max-content;width:max-content;padding:.45em .9em .25em;font-family:var(--font-family, monospace);text-transform:uppercase;font-size:.6em;line-height:1;letter-spacing:.025em;background-color:var(--code-lang-lable-background, hsl(var(--color-fade)));border-radius:2em;transition:opacity .2s}.block-code__inner{display:grid;align-items:start;align-content:start;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"lines code";overflow:auto;overscroll-behavior-x:contain;font-size:1em;line-height:var(--line-height);letter-spacing:var(--letter-spacing);font-family:var(--font-family, monospace)}.block-code__lines{grid-area:lines;position:sticky;left:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-right:20px;font:inherit;text-align:end;background-color:var(--code-lines-background, hsl(var(--color-base-background) / 0.92));color:hsl(0 0% var(--code-lines-lightness))}.block-code__line{counter-increment:line-count;position:relative;display:block;min-height:calc(var(--line-height)*1em)}.block-code__line::before{content:counter(line-count);display:block}.block-code__original,.block-code__highlight{grid-area:code;font:inherit}.block-code__original{visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.block-code__original-line{white-space:pre;display:block;min-height:calc(var(--line-height)*1em);font:inherit}.block-code__highlight{white-space:pre}.block-code__tools{grid-area:tools;display:block;padding:12px 0}@media (min-width:768px){.block-code{margin-top:20px;margin-bottom:20px}}@media (min-width:1024px){.block-code{margin-top:20px;margin-bottom:60px}}@media (min-width:1680px){.block-code{margin-top:32px;margin-bottom:50px}.block-code::before{margin-bottom:1em}}.details{overflow:hidden;border:1px solid hsl(var(--color-fade));border-radius:6px}.details[open]{overflow:unset}.details__summary{padding:var(--offset);background-color:hsl(var(--color-fade));outline-offset:-2px;outline-width:2px}.details__content{padding:var(--offset)}.details__content>*{max-width:100%}.format-block{margin-top:10px;margin-bottom:20px;overflow:auto;white-space:pre;font-size:1em;line-height:calc(24/18);letter-spacing:var(--letter-spacing);font-family:var(--font-family, monospace)}.vote{margin:0;position:relative;z-index:0;box-sizing:border-box;width:109px;height:44px;padding:0;border:3px solid var(--vote-color);font:inherit;color:var(--vote-color);background:0;border-radius:6px;transition:125ms background-color;cursor:pointer}.vote::before{content:"";opacity:0;position:absolute;inset:0;background-color:var(--vote-color);transition:opacity .2s}.vote--up{--vote-color:hsl(122, 78%, 58%)}.vote--down{--vote-color:hsl(346, 81%, 78%)}.vote:disabled{opacity:.5;pointer-events:none}.vote:not(:disabled):hover::before{opacity:.1}.vote--active{background-color:var(--vote-color);color:hsl(var(--color-black))}.feedback-control-list{display:flex;flex-wrap:wrap;align-items:baseline;align-content:flex-start;justify-content:center;gap:6px;row-gap:10px;list-style:none}@media (min-width:768px){.feedback-control-list{gap:5px}}@media (min-width:1024px){.feedback-control-list{gap:8px}}@media (min-width:1680px){.feedback-control-list{gap:10px;row-gap:12px}}.text-control{--input-line-height:var(--font-line-height-s, 24px);display:flex;align-items:flex-start;gap:20px}.text-control__row{width:100%;flex-grow:1;text-align:left}.text-control__item{box-sizing:border-box;padding-block:var(--padding-block);font:inherit;line-height:var(--input-line-height)}.text-control__input{--input-height:calc(var(--input-line-height) + 2 * var(--padding-block) + 2 * 1px);--border-color-opacity:calc(1 - var(--is-dark-theme-on) * 0.6);flex:1 1 auto;box-sizing:border-box;width:100%;min-height:var(--input-height);height:var(--input-height);border-radius:0;border-style:solid;border-width:1px 0;border-top-color:transparent;border-bottom-color:hsl(var(--color-base-text)/var(--border-color-opacity));color:inherit;background-color:transparent;resize:vertical}.text-control__input::-moz-placeholder{opacity:.55;font:inherit;color:inherit}.text-control__input::placeholder{opacity:.55;font:inherit;color:inherit}.text-control__button{flex:0 0 auto}.button--active:focus-visible,.text-control__button:focus-visible{outline-offset:3px}@media not all and (min-width:768px){.text-control{--padding-block:5px;--input-line-height:calc(16 / 14 * 1em);flex-direction:column;align-items:center}.text-control__button{padding-inline:19px;line-height:inherit}}@media (min-width:768px){.text-control{--padding-block:0px;--input-line-height:var(--font-line-height-s)}.text-control__button{padding-inline:9px}}@media (min-width:1024px){.text-control{--padding-block:3px;--input-line-height:calc(16 / 12 * 1em)}.text-control__button{padding-inline:19px}}@media (min-width:1680px){.text-control{--padding-block:5px;--input-line-height:var(--font-line-height-s)}.text-control__button{padding-inline:19px}}.feedback-form{text-align:center;font-size:var(--font-size-s);line-height:var(--font-line-height-s)}.feedback-form__title{margin-bottom:.4em;margin-inline:auto;font-family:var(--font-family);letter-spacing:var(--letter-spacing);font-size:var(--font-size-m);line-height:var(--font-line-height-m)}.feedback-form__fieldset{margin:0;border:0;padding:0}.feedback-form__fieldset::after{content:"";display:table;clear:both}.feedback-form__fieldset--vote{margin-bottom:20px;margin-bottom:clamp(10px,3%,20px);display:flex;justify-content:center;gap:10px;font-family:var(--font-family);letter-spacing:var(--letter-spacing);font-size:var(--font-size-m);line-height:1}.feedback-form__fieldset--reason{--lightness:calc(var(--is-light-theme-on) * 97% + var(--is-dark-theme-on) * 20%);padding:4.5% 4.5% 6%;background-color:hsl(0 0% var(--lightness));border-radius:6px}.feedback-form__fieldset[inert]{opacity:.5}.feedback-form__legend{margin-bottom:20px;margin-bottom:clamp(10px,3%,20px);float:left;width:100%}.feedback-form__legend+*{clear:both}.feedback-form__reason-button{padding:5px 19px;line-height:1.15}.feedback-form__text{margin-top:70px}.feedback-form__description{margin-top:20px}.feedback-form__error{margin-top:20px;color:#ee5959}.feedback-form:not([data-state=success]) [data-state=success],.feedback-form:not([data-state=error]) [data-state=error]{display:none}@media (min-width:768px){.feedback-form__header{font-size:var(--font-size-m);line-height:var(--font-line-height-m)}.feedback-form__reason-button{padding:0 9px;line-height:inherit}}@media (min-width:1024px){.feedback-form__reason-button{padding:3px 19px;line-height:calc(17/12)}}@media (min-width:1680px){.feedback-form__reason-button{padding:5px 19px;line-height:inherit}}.question-form{--lightness:calc(var(--is-light-theme-on) * 97% + var(--is-dark-theme-on) * 20%);text-align:center;font-size:var(--font-size-s);line-height:var(--font-line-height-s);padding:4.5% 4.5% 6%;background-color:hsl(0 0% var(--lightness));border-radius:6px;margin:40px 0 0;border:0}.question-form__header{margin-bottom:.4em;font-family:var(--font-family);font-size:var(--font-size-l);line-height:var(--font-line-height-l);letter-spacing:var(--letter-spacing)}.question-form__header>.article-heading--level-4{margin-top:0}.question-form__title{font-size:var(--font-size-headline-4)}.question-form__fieldset{border:0}.question-form__fieldset::after{content:"";display:table;clear:both}.question-form__fieldset:disabled{opacity:.5}.question-form__legend{margin-bottom:20px;margin-bottom:clamp(10px,3%,20px);float:left;width:100%}.question-form__legend+*{clear:both}.question-form__reason-button{padding:5px 19px;line-height:1.15}.question-form__text>.text-control{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.question-form__text .text-control__label{grid-column-start:1;font-size:var(--font-size-m);text-align:start}.question-form__text .text-control__button{height:44px;margin-top:-10px;font-size:var(--font-size-m);justify-self:center}.question-form__text .text-control__label-text{font-size:var(--font-size-s)}.question-form__description{margin-top:20px}.question-form__error{margin-top:20px;color:#ee5959}.question-form:not([data-state=idle]) [data-state=idle],.question-form:not([data-state=success]) [data-state=success],.question-form:not([data-state=error]) [data-state=error]{display:none}@media (min-width:768px){.question-form__text>.text-control{grid-template-columns:auto 220px;grid-template-rows:repeat(2,1fr)}.question-form__text .text-control__button{grid-column-start:2;grid-row-start:-2;justify-self:stretch}.question-form__header{font-size:var(--font-size-m);line-height:var(--font-line-height-m)}.question-form__reason-button{padding:0 9px;line-height:inherit}}@media (min-width:1024px){.question-form__reason-button{padding:3px 19px;line-height:1.33}}@media (min-width:1680px){.question-form__reason-button{padding:5px 19px;line-height:inherit}}.callout{--padding:10px;--code-lines-background:hsl(var(--color-fade));display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;box-sizing:border-box;padding:10px;overflow-wrap:break-word;border-radius:6px;background-color:hsl(var(--color-fade))}.callout__icon{flex:0 0 auto}.callout__content{--background-code-color:hsl(var(--color-base-background));--code-lang-lable-background:var(--background-code-color);display:flex;flex-direction:column;flex:1 1 320px;gap:5px}.callout__content>*{max-width:100%}.callout__content>:first-child{margin-top:0}.callout__content>:last-child{margin-bottom:0}.callout__content p+p{margin-top:.25em}@media (min-width:768px){.callout{padding-right:20px}}@media (min-width:1024px){.callout{padding:20px}}@media (min-width:1680px){.callout{padding-right:3em}}.figure{margin-inline:0;display:flex;flex-direction:column;align-items:center}.figure__content{margin:0}.figure__caption{padding:1em;font-size:var(--font-size-s);line-height:var(--font-line-height-s);text-align:center}.figure__caption-code{font-size:var(--font-size-s);line-height:var(--font-line-height-s);font-family:var(--font-family);letter-spacing:var(--letter-spacing)}.articles-group__title{position:sticky;top:calc(var(--header-height)*.2px);margin-top:0;margin-bottom:12px;box-sizing:border-box;padding:4px 10px;display:inline-block;vertical-align:top;font:inherit;background-color:var(--accent-color);transition:top .6s cubic-bezier(.65,.05,.36,1);will-change:top}@media (min-width:1024px){.articles-group__title{top:calc(var(--header-height)*1.5px)}}.articles-group__sub-title{margin-top:calc(14/15*1em);margin-bottom:calc(17/15*1em);font-weight:400;font-family:var(--font-family);letter-spacing:var(--letter-spacing);font-size:var(--font-size-s);line-height:var(--font-line-height-s)}.articles-group__title--letter{text-transform:uppercase}.articles-group__section+.articles-group__section{margin-top:30px}.articles-group__list{display:grid;grid-gap:10px}.articles-group__link{font-size:var(--font-size-m);line-height:var(--font-line-height-m);font-family:var(--font-family)}.articles-group__code{font-size:var(--font-size-m);line-height:var(--font-line-height-m);font-family:var(--font-family);letter-spacing:var(--letter-spacing);overflow-wrap:break-word;word-break:break-word}.articles-group__placeholder-icon::before{content:"✎";font-family:var(--font-family);font-size:var(--font-size-m);letter-spacing:.2em}.article-group__label{padding:5px;font-size:var(--font-size-s);line-height:var(--font-line-height-s);white-space:nowrap;background-color:hsl(var(--color-fade))}.articles-group--accent .articles-group__link{--stroke-color:var(--accent-color)}.articles-group--title-static .articles-group__title{position:static}@media (min-width:768px){.articles-group__list{grid-gap:12px}}@media (min-width:1024px){.articles-group__title{margin-bottom:10px}}.index-section{--offset:10px;--gutter:40px;--column-breakpoint:15em;padding:var(--offset);line-height:1.25;will-change:transform,opacity;animation:showIndexSection .4s forwards}.index-section:not([hidden]){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--column-breakpoint)),1fr));-moz-column-gap:var(--offset);column-gap:var(--offset);align-items:start}@keyframes showIndexSection{0%{opacity:0;transform:translateY(-1.25em)}}.index-section__item{scroll-margin-block:calc(var(--header-height)*1px + 1rem);position:relative;padding-bottom:var(--gutter);display:flow-root;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}@media (min-width:1024px){.index-section__item{scroll-margin-block:calc(var(--header-height)*1px + 2rem)}}.index-section__item::before{content:"";opacity:0;position:absolute;z-index:-1;inset:calc(-1*var(--offset)/2);bottom:calc(var(--gutter) - var(--offset)/2);background-color:var(--accent-color)}.index-section__item:target::before{animation-name:targetArticlesGroup;animation-iteration-count:3;animation-fill-mode:both;animation-duration:1s}@keyframes targetArticlesGroup{0%,to{opacity:0}50%{opacity:calc(var(--is-light-theme-on)*.2 + var(--is-dark-theme-on)*.5)}}@media (prefers-reduced-motion:reduce){.index-section__item:target::before{animation-iteration-count:1;animation-duration:4s}}@media (min-width:768px){.index-section{--offset:20px;--gutter:22px}}@media (min-width:1024px){.index-section{--gutter:60px}}@media (min-width:1680px){.index-section{--gutter:70px}}.index-block{--offset:10px;display:flex;flex-direction:column;justify-content:space-between}@media (min-width:1366px){.index-block{min-height:calc(100vh - var(--font-line-height-l) - 3*var(--offset))}}.index-block__header{padding:var(--offset);background-color:var(--accent-color)}@media (min-width:768px) and (max-width:1365px){.index-block__header{padding:calc(2*var(--offset))}}.index-block__title{position:relative;margin-left:0;margin-right:0;margin-top:0;margin-bottom:10px;height:auto;font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);font-weight:400;white-space:initial;overflow:unset;clip-path:unset;clip:unset}.index-block__filter{margin:0;position:sticky;bottom:0;padding:var(--offset);border:0;display:flex;font-size:var(--font-size-s);line-height:var(--font-line-height-s);background-color:var(--color-background)}@media not all and (min-width:1366px){.index-block__inner{display:grid;grid-template-rows:min-content auto min-content;min-height:calc(100vh - var(--font-line-height-m) - 3*var(--offset))}.index-block__header{padding-top:clamp(20px,8%,130px)}.index-block__filter{order:1;z-index:1;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--offset, 20px);border-block-start:1px solid var(--color-border);font-size:var(--font-size-m);line-height:var(--font-line-height-m)}.index-block__filter::before{content:"";position:absolute;left:0;right:0;bottom:100%;margin-bottom:1px;height:40px;background-image:linear-gradient(hsl(var(--color-base-background)/0),var(--color-background))}}@media (min-width:1366px){.index-block{--offset:20px;display:grid;grid-template-columns:420px 1fr}.index-block__inner{display:contents}.index-block__header{grid-column:1;background-color:transparent}.index-block__title{position:absolute;margin:-1px;clip-path:inset(50%);clip:rect(0 0 0 0);overflow:hidden;width:1px;height:1px;border:0;padding:0;white-space:nowrap}.index-block__filter{grid-column:1;padding:var(--offset);padding-right:0;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px}.index-block__main{grid-column:2;grid-row:1}}.switch{display:inline-flex;text-align:center}.switch__item{flex:1 1 auto;position:relative;display:flex}.switch__input{opacity:0;position:absolute;z-index:1;top:0;left:0;margin:0;box-sizing:border-box;width:100%;height:100%;cursor:pointer}.switch__label{position:relative;z-index:0;overflow:hidden;flex:1 1 auto;padding:.4em 1em;border:1px solid var(--color-text);border-radius:6px}.switch__label::before{content:"";opacity:0;position:absolute;inset:-1px;background-color:currentColor;transition:opacity .2s}.switch__input:checked+.switch__label{color:var(--color-background);background-color:var(--color-text)}.switch__item:first-child .switch__label{border-top-right-radius:0;border-bottom-right-radius:0}.switch__item:last-child .switch__label{border-top-left-radius:0;border-bottom-left-radius:0}.switch__item:not(:first-child,:last-child) .switch__label{border-radius:0}.switch__item:not(:first-child){margin-left:-1px}.switch__item:hover .switch__label::before{opacity:calc(var(--is-light-theme-on)*.06 + var(--is-dark-theme-on)*.12)}.switch:focus-within{outline:auto 2px Highlight;outline:auto 2px -webkit-focus-ring-color;outline-offset:2px;border-radius:6px}.standalone-page{--offset:10px;padding-bottom:clamp(20px,14.7%,160px)}.standalone-page__wrapper{margin-left:auto;margin-right:auto;max-width:1087px}.standalone-page__header{padding:var(--offset);padding-top:clamp(20px,8%,130px);border-bottom:1px solid var(--color-border)}.standalone-page__title{margin-top:0;margin-bottom:0;font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);font-weight:400}.standalone-page__description{margin-top:10px;margin-bottom:0}.standalone-page__content{padding:var(--offset)}@media (min-width:1024px){.standalone-page{--offset:20px}.standalone-page__title{font-size:var(--font-size-xxl);line-height:var(--font-line-height-xxl)}}.filter-group{display:grid;grid-gap:6px;justify-items:start}@media not all and (min-width:768px){.filter-group{grid-gap:10px}}.float-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin:0;padding:0;border:0;min-width:48px;min-height:48px;background-color:transparent;cursor:pointer}.float-button__icons{--stroke-opacity:0.3;--stroke-color:hsl(var(--color-base-text) / var(--stroke-opacity));visibility:visible;position:absolute;left:0;right:0;bottom:30px;margin:auto;width:48px;height:48px;border:1px solid var(--stroke-color);border-radius:50%;color:var(--color-text);background-color:var(--color-background);box-shadow:0 4px 4px rgb(0 0 0/25%)}.float-button__icon{position:absolute;top:0;left:0;transform:scale(calc(var(--on) + var(--off)*1.5));opacity:var(--on);width:100%;height:100%;transition:transform .5s,opacity .5s}.float-button__icon--close{--on:var(--is-filter-open);--off:calc(1 - var(--is-filter-open))}.float-button__icon--open{--on:calc(1 - var(--is-filter-open));--off:var(--is-filter-open)}.filter-panel{--lightness:calc(100% - var(--is-dark-theme-on) * 80%);position:relative;overflow:auto;display:flex;flex-direction:column}.filter-panel__inner{margin:0;padding:var(--offset);border:0;min-height:0;background-color:var(--color-background)}.filter-panel__button{min-height:108px}.filter-panel--open{--is-filter-open:1}@media not all and (min-width:768px){.filter-panel{--is-filter-open:0;position:fixed;inset:0}.filter-panel::before{content:"";opacity:var(--is-filter-open);position:absolute;inset:0;background-color:hsl(var(--color-fade)/.45);-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);transition:.5s;pointer-events:none}.filter-panel__inner{opacity:var(--is-filter-open);transform:translateY(calc((var(--is-filter-open) - 1)*100%));flex:0 1 auto;overflow:auto;text-align:start;min-height:0;max-height:calc(100vh - 108px);transition:transform .5s cubic-bezier(.65,.05,.36,1),opacity .5s;background-color:hsl(0 0% var(--lightness))}.filter-panel__button{flex:1 1 auto}.filter-panel--open{--is-filter-open:1}.filter-panel:not(.filter-panel--open){visibility:hidden;transition-delay:.5s}}@media (min-width:768px){.filter-panel__button{display:none}}.tag-filter{--tag-filter-color:var(--accent-color, var(--color-text, currentColor));position:relative;cursor:pointer;font-size:var(--font-size-m);line-height:var(--font-line-height-m)}.tag-filter__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;cursor:pointer;border-radius:2em}.tag-filter__text{position:relative;z-index:0;display:block;overflow:hidden;padding:4px 10px;box-shadow:inset 0 0 0 2px var(--tag-filter-color);line-height:1;text-align:center;border-radius:2em;transition:color 125ms,background-color 125ms;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.tag-filter__text::before{content:"";opacity:0;position:absolute;z-index:-1;inset:0;background-color:var(--tag-filter-color);transition:opacity 125ms;will-change:opacity}.tag-filter:hover .tag-filter__text::before{opacity:calc(var(--is-light-theme-on)*.1 + var(--is-dark-theme-on)*.4)}.tag-filter__control:checked+.tag-filter__text::before{opacity:1}.tag-filter--contrast .tag-filter__control:checked+.tag-filter__text{color:var(--color-background)}.search-category{margin:0;padding:var(--offset);border:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}@media (min-width:1024px){.search-category{flex-direction:column;align-items:flex-start}}@media not all and (min-width:768px){.search-category{flex-direction:column;align-items:flex-start;gap:10px}}.search-tag{margin:0;padding:var(--offset);border:0;display:flex;justify-content:center;font-size:var(--font-size-s);line-height:var(--font-line-height-s)}@media not all and (min-width:1024px){.search-tag__legend{display:none}}@media (min-width:1024px){.search-tag{flex-direction:column;align-items:flex-start;gap:6px}}@media not all and (min-width:768px){.search-tag{align-items:flex-start;flex-direction:column;gap:10px;padding-bottom:20px}.search-tag__legend{display:block}}.search-hit{position:relative}.search-hit__title{margin-top:0;margin-bottom:10px;font-size:var(--font-size-l);line-height:1.15;letter-spacing:var(--letter-spacing);font-family:var(--font-family);font-weight:400}.search-hit__link{--stroke-color:var(--accent-color);color:inherit;text-decoration:none;background-image:linear-gradient(90deg,var(--accent-color),var(--accent-color));background-repeat:repeat-x;background-size:100% 2px;background-position:0 100%}.search-hit__link::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0}.search-hit__link:hover{color:var(--accent-color)}.search-hit__link-code{font-size:var(--font-size-l);line-height:var(--font-line-height-l);letter-spacing:var(--letter-spacing);font-family:var(--font-family)}.search-hit__text-code{font-size:var(--font-size-m);line-height:var(--font-line-height-m);letter-spacing:var(--letter-spacing);font-family:var(--font-family)}.search-hit__edit{font-family:var(--font-family);font-size:var(--font-size-l)}.search-hit__edit::before{content:"✎"}.search-hit__summary{overflow-wrap:anywhere}.search-hit__marked{background-color:hsl(44deg 100% 59%)}@media (min-width:1024px){.search-hit__title{margin-bottom:14px}}.search-result-list__item:not(:last-child){margin-bottom:40px}.search-page{--offset:10px;min-height:100vh}.search-page__aside{--lightness:calc(100% - var(--is-dark-theme-on) * 80%);position:relative;overflow:auto}.search-page__aside-inner{background-color:var(--color-background)}.search-page__aside-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;margin:0;padding:0;border:0;min-height:108px;background-color:transparent;cursor:pointer}.search-page__aside-icon-wrapper{--stroke-opacity:0.3;--stroke-color:hsl(var(--color-base-text) / var(--stroke-opacity));visibility:visible;position:absolute;left:0;right:0;bottom:30px;margin:auto;width:48px;height:48px;border:1px solid var(--stroke-color);border-radius:50%;color:var(--color-text);background-color:var(--color-background);box-shadow:0 4px 4px rgb(0 0 0/25%)}.search-page__aside-icon{position:absolute;top:0;left:0;transform:scale(calc(var(--on) + var(--off)*1.5));opacity:var(--on);width:100%;height:100%;transition:transform .5s,opacity .5s}.search-page__aside-icon--close{--on:var(--is-filter-open);--off:calc(1 - var(--is-filter-open))}.search-page__aside-icon--filter{--on:calc(1 - var(--is-filter-open));--off:var(--is-filter-open)}.search-page__main{padding:var(--offset);max-width:809px}@media not all and (min-width:1024px){.search-page{display:grid;grid-template-rows:auto 1fr auto auto;grid-template-areas:"main""filter""footer"}.search-page__aside{grid-area:filter;position:sticky;z-index:1;bottom:0;border-top:1px solid}.search-page__aside-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.search-page__main{grid-area:main;margin-inline:auto}}@media not all and (min-width:768px){.search-page__aside{position:fixed;--is-filter-open:0;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;border-top:0;z-index:3}.search-page__aside::before{content:"";opacity:var(--is-filter-open);position:absolute;top:0;bottom:0;left:0;right:0;background-color:hsl(var(--color-fade)/.45);-webkit-backdrop-filter:grayscale(1);backdrop-filter:grayscale(1);transition:.5s;pointer-events:none}.search-page__aside-inner{opacity:var(--is-filter-open);transform:translateY(calc((var(--is-filter-open) - 1)*100%));flex:0 1 auto;overflow:auto;align-items:flex-start;text-align:start;min-height:0;max-height:calc(100vh - 108px);transition:transform .5s cubic-bezier(.65,.05,.36,1),opacity calc(.5s*(var(--is-filter-open)));background-color:var(--color-background)}.search-page__aside-button{flex:1 1 auto}.search-page__aside--open{--is-filter-open:1}.search-page__aside:not(.search-page__aside--open){visibility:hidden;transition-delay:.5s}}@media (min-width:768px){.search-page__aside-button{display:none}}@media (min-width:1024px){.search-page{--offset:20px;display:grid;grid-template-columns:320px 1fr 320px;grid-template-rows:auto 1fr}.search-page__aside{position:sticky;top:calc(var(--header-height, 0)*1px);height:calc(100vh - var(--header-height, 0)*1px);grid-row-end:span 2;display:grid}.search-page__aside-inner{display:flex;flex-direction:column;justify-content:space-between}.search-page__main{grid-column:2/-1;justify-self:center}}@media (min-width:1240px){.search-page__main{grid-column:auto}}.content>:first-child{margin-top:0}.content>:last-child{margin-bottom:0}.content p{margin-top:0;margin-bottom:0}.content>p,.content>ul,.content>ol{margin-top:10px;margin-bottom:10px}.content img,.content video,.content audio{display:block;max-width:100%;height:auto}.content video{margin-inline:auto}.content iframe{display:block;width:100%;border:0;background-color:#fff}.content>blockquote{margin-left:0;position:relative;z-index:0;overflow:hidden;padding:var(--offset) calc(2*var(--offset));border-radius:0 6px 6px 0}.content>blockquote::before{content:"";opacity:calc(.1*var(--is-light-theme-on) + .4*var(--is-dark-theme-on));position:absolute;z-index:-1;inset:0;background-color:var(--accent-color)}.content>blockquote::after{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;background-color:var(--accent-color)}.content>blockquote>p+p{margin-block-start:5px}.content>p>kbd,.content>ul>li>kbd,.content>ol>li>kbd{font-family:"Spot Mono",monospace}.content>img,.content>video,.content>audio,.content>iframe,.content>details,.content>blockquote,.content>table,.content>.callout{margin-block:var(--offset)}.content .link{overflow-wrap:break-word}@media (max-height:640px){.content>iframe{max-height:calc(100vh - var(--header-height, 0)*1px - 3em)}}@media (min-width:768px){.content>p,.content>ul,.content>ol,.content>.details,.content>.callout{max-width:81%}}@media (min-width:1024px){.content>p{margin-top:20px;margin-bottom:20px}.content>p,.content>ul,.content>ol,.content>.details,.content>.callout{max-width:87.5%}}@media (min-width:1680px){.content>p,.content>ul,.content>ol,.content>.details,.content>.callout{max-width:100%}}.all-articles{--padding-rule:clamp(40px, 10%, 120px);padding:var(--padding-rule)0;-moz-column-width:300px;column-width:300px}.not-found{box-sizing:border-box;min-height:calc(90vh - 1px*var(--header-height));padding:20px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.not-found__logo{--logo-letter-spacing:-0.14em;--image-padding:calc(4 / 60 * 1em) calc(28 / 60 * 1em) calc(2 / 60 * 1em);--gutter:10px;--image-font-size:calc(60px + (100vw - 375px) / (1680 - 375) * (144 - 60));margin-bottom:var(--gutter);font-size:var(--image-font-size)}.not-found__description{margin-top:0;margin-bottom:0;letter-spacing:var(--letter-spacing);font-family:var(--font-family)}@media not all and (min-width:375px){.not-found__logo{--image-font-size:60px}}@media (min-width:768px){.not-found__logo{--gutter:20px}}@media (min-width:1680px){.not-found__logo{--image-font-size:144px}}.social-card{--horizontal-proportion:0.5427;--padding-proportion:0.0338;--image-padding-proportion:0.0577;--site-block-height-proportion:0.0835;--slogan-font-size-proportion:0.0318;--site-font-size-proportion:0.0358;--border-radius-proportion:0.1883;--logo-font-size-proportion:0.0696;--face-font-size-proportion:0.0938;--title-font-size-proportion:0.0572;--logo-letter-spacing:-0.24em;display:grid;width:100vw;height:calc(100vw*var(--horizontal-proportion));grid-template-columns:auto calc(100vw*var(--horizontal-proportion));grid-template-rows:auto calc(100vw*var(--site-block-height-proportion))}.social-card__slogan{grid-row-start:1;grid-row-end:2;display:flex;justify-content:flex-end;align-items:flex-end;padding:calc(100vw*var(--padding-proportion));font-size:calc(100vw*var(--slogan-font-size-proportion));line-height:calc(100vw*var(--slogan-font-size-proportion));color:#fff;background-color:#000}.social-card__slogan-wrapper{display:grid;grid-gap:6px;justify-items:end}.social-card__title,.social-card__index-title{--stroke-width:2px;font-family:"Spot Mono",monospace;font-size:calc(100vw*var(--title-font-size-proportion))}.social-card__title::first-letter{font-feature-settings:"ss01"on}.social-card__moto{text-align:right}.social-card__site{grid-row-start:-2;grid-row-end:-1;display:flex;align-items:center;justify-content:flex-end;height:calc(100vw*var(--site-block-height-proportion));padding:0 calc(100vw*var(--padding-proportion));font-size:calc(100vw*var(--site-font-size-proportion));line-height:calc(100vw*var(--site-font-size-proportion));color:#000;background-color:#fff}.social-card__base-url{margin:0}.social-card__cover{grid-row-start:1;grid-row-end:-1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--accent-color)}.social-card__cover-wrapper{padding:calc(100vw*var(--image-padding-proportion))}.social-card__image{height:calc(100vw*var(--horizontal-proportion) - 2*100vw*var(--image-padding-proportion));width:auto}.social-card__placeholder{align-self:center;position:relative;overflow:hidden;box-sizing:border-box;display:inline-grid;place-items:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.social-card__logo{width:max(27vw,140px)}.social-card__logo svg{width:100%}.suggestion-list{display:inline-grid;vertical-align:top;font-size:calc(var(--font-size-m)*1.25);line-height:1.35}.suggestion-list__code{font-size:calc(var(--font-size-m)*1.17);line-height:1;letter-spacing:var(--letter-spacing);font-family:var(--font-family)}.suggestion-list__link{--stroke-width:2px;--stroke-color:var(--accent-color);position:relative;z-index:0;display:block;padding:5px;text-underline-position:auto;text-underline-offset:.2em;color:inherit}.suggestion-list__link::before{content:"";opacity:0;position:absolute;z-index:-1;inset:0;border-radius:6px;background-color:var(--accent-color);transition:opacity 125ms}.suggestion-list__link--highlighted::before,.suggestion-list__link:hover::before{opacity:1}.notification{display:flex;flex-wrap:wrap;align-items:flex-start;padding:10px;gap:.5em;background-color:var(--color-text);color:var(--color-background)}.notification__content{flex:1 1 12em}.notification__content,.notification__button{padding-block:.3em}.notification__button{--background:var(--color-background);flex:0 0 auto;padding-inline:.85em}@media (min-width:1366px){.notification{padding:12px 20px}}.cookie-notification{position:fixed;z-index:3;bottom:0;left:0;right:0;animation:showCookieBanner .6s cubic-bezier(.65,.05,.36,1) both}.cookie-notification[hidden]{display:none}@keyframes showCookieBanner{0%{opacity:0;transform:translateY(100%)}}.table-wrapper{overflow:auto}.table-wrapper>table{border-collapse:collapse}.table-wrapper>table th,.table-wrapper>table td{text-align:start;padding:.25em .5em;border:1px solid hsl(var(--color-fade))}.table-wrapper>table thead th{position:relative;z-index:0}.table-wrapper>table thead th::before{content:"";opacity:.6;position:absolute;z-index:-1;inset:0;background-color:hsl(var(--color-fade))}.article-image{--aspect-ratio:16 / 7;display:grid;grid-template-columns:1fr auto;grid-column-gap:1em}.article-image__picture{position:relative;display:block}.article-image__picture::before{content:"";display:block;padding-top:calc(100%/(var(--aspect-ratio)))}.article-image__content{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 50%;object-position:50% 50%}.article-image__author{writing-mode:vertical-rl;transform:rotate(180deg);text-align:end;font-size:.64em;line-height:1.25}@media not all and (min-width:425px){.article-image{--aspect-ratio:1 / 1}}.copy-button{position:relative;margin:0;padding:2px 0;border:0;display:grid;align-items:center;grid-auto-flow:column;grid-gap:6px;background-color:transparent;font-size:var(--font-size-s);line-height:calc(20/15);cursor:pointer}.copy-button__text::before{content:"";position:absolute;inset:0}.copy-button:disabled,.copy-button:active{color:inherit}.copy-button:not([data-state=idle]) [data-state=idle],.copy-button:not([data-state=success]) [data-state=success],.copy-button:not([data-state=error]) [data-state=error]{display:none}.person-avatar{position:relative;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%}.person-avatar__item{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit}.person-avatar__image{-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.person-avatar__placeholder{display:flex;justify-content:center;align-items:center;font-family:var(--font-family);background-color:var(--accent-color, hsl(var(--color-fade)))}.person-links-list{display:grid;grid-gap:10px;font-size:var(--font-size-s);line-height:1.47;font-family:var(--font-family);letter-spacing:var(--letter-spacing);border-bottom:1px solid var(--color-text);border-top:1px solid var(--color-text);padding:20px 0}.person-links-list__link{display:inline-flex;align-items:baseline;vertical-align:top;text-decoration:none;background-repeat:repeat-x;background-image:linear-gradient(90deg,hsl(var(--color-base-text)/var(--stroke-opacity)),hsl(var(--color-base-text)/var(--stroke-opacity)));background-size:100% var(--stroke-width, 1px);background-position:0 100%;word-break:break-word}.person-links-list__icon{flex-shrink:0}.person-links-list__icon:nth-of-type(1){margin-right:12px}.person-links-list__icon:nth-of-type(2){margin-right:5px}.person-links-list__link--own .person-links-list__icon:nth-of-type(1){margin-right:3px}.person-links-list__icon .twitter-icon{fill:#1d9bf0}@media (min-width:1024px){.person-links-list{border:0;padding:0}}.person{display:flex;gap:.33em;align-items:flex-start;font-size:var(--font-size-l)}.person__avatar{--avatar-size:calc(41 / 30 * 1em);flex:0 0 auto}.person__main{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:.2em;align-items:baseline}.person__name{flex:0 1 auto;line-height:calc(4/3)}.person__name::after{content:",";margin-left:.15em;font-size:.77em}.person__link{text-underline-offset:.2em}.person__stat{flex:0 0 auto;font-size:var(--font-size-m)}.person__indicators{position:relative;top:.06em;display:flex;align-items:center}.person__indicator{--border-size:2px;flex:0 0 auto;width:.3em;height:.3em;border-radius:50%;border:var(--border-size) solid var(--color-background);background-color:var(--accent-color)}.person__indicator:not(:first-child){margin-left:calc(var(--border-size)*-3)}.person-grid{display:grid;grid-row-gap:1.6em;grid-column-gap:5.35em;grid-template-columns:repeat(auto-fit,minmax(min(100%,22em),1fr))}.people-page{--offset:10px;min-height:100vh}.people-page__main{padding-block:clamp(var(--offset),8%,130px)}.people-page__filter{z-index:2}.people-page__list{flex:1 1 0%;padding:var(--offset)}.people-page__footer{position:sticky;top:100vh}@media (min-width:768px){.people-page{--offset:20px}.people-page__main{position:relative;z-index:0;display:flex;align-items:flex-start}.people-page__filter{position:sticky;top:calc(var(--header-height)*1px);flex:0 0 14em;box-sizing:border-box;transition:top .6s;will-change:top}}.person-page{--offset:10px;--sidebar-size:auto;--sidebar-size-end:auto;--content-max-size:1fr;box-sizing:border-box;min-height:100dvh;display:grid;grid-template-columns:100%}.person-page__main{padding-top:clamp(var(--offset),8%,130px);display:grid;grid-template-areas:"avatar   avatar   avatar""header   header   header""articles articles articles""meta     .        .""footer   footer   footer"}.person-page__main>*{box-sizing:border-box;padding:var(--offset)}.person-page__avatar{--avatar-size:92px;grid-area:avatar;font-size:var(--font-size-xxl)}.person-page__meta{grid-area:meta;align-self:center;margin-bottom:30px;background-color:hsl(var(--color-base-background)/.9);max-width:245px}.person-page__header{margin-bottom:47px;grid-area:header}.person-page__title{margin-top:0;margin-bottom:0;font-size:var(--font-size-xl);line-height:var(--font-line-height-xl);font-weight:400}.person-page__roles{display:flex;gap:20px;margin:20px 0;flex-wrap:wrap}.person-page__roles-link{--role-color:hsl(0 0% 0%);--role-bg-color:hsl(0 0% 100%);--role-hover-color:hsla(0 0% 0% / 0.06);--role-border-color:hsl(0 0% 0%);font-size:calc(var(--font-size-s)*1.25);line-height:var(--font-line-height-s);padding:4px 18px;text-decoration:none;width:-moz-max-content;width:max-content;border-width:1px;border-style:solid;color:var(--role-color);background-color:var(--role-bg-color);border-color:var(--role-border-color)}.person-page__roles-link:hover{background-color:var(--role-hover-color)}.person-page__description{margin-top:20px}.person-page__articles{margin-bottom:clamp(var(--offset),8%,130px);grid-area:articles;display:grid;gap:var(--offset);grid-template-columns:minmax(min(100%,320px),1fr);max-width:960px}.person-page__group{padding-bottom:30px}@media (min-width:320px){.person-page__main{grid-template-columns:100%;grid-template-areas:"avatar   . .""header   . .""articles . .""meta     . .""footer   . ."}}@media (min-width:768px){.person-page{--offset:20px}.person-page__articles{grid-template-columns:repeat(2,minmax(min(100%,320px),1fr))}.person-page__main{grid-template-columns:var(--sidebar-size) minmax(0,var(--content-max-size)) var(--sidebar-size-end)}.person-page__header{margin-bottom:24px}.person-page__title{font-size:var(--font-size-xxl);line-height:var(--font-line-height-xxl)}.person-page__description{margin-top:5px}}@media (min-width:1024px){.person-page{--sidebar-size:245px;--content-max-size:36rem}.person-page__avatar{position:sticky;top:calc(var(--header-height)*1px);transition:top .6s}.person-page__meta{align-self:end;position:sticky;margin:0;bottom:0}.person-page__main{grid-template-areas:"avatar header   header""meta   articles articles"".      footer   footer";grid-template-rows:min-content auto min-content}}@media (min-width:1440px){.person-page{--sidebar-size-end:1fr}}@media (min-width:1680px){.person-page{--sidebar-size:320px}}.person-badges{--col-count:7;--row-count:1;grid-area:badges;display:grid;grid-template-columns:repeat(var(--col-count),1fr);grid-template-rows:repeat(var(--row-count),1fr);margin-bottom:1em}@media (min-width:1024px){.person-badges{grid-template-rows:repeat(var(--row-count),1fr)}}.person-badges__sign{position:relative;--start-col:1;--start-row:-1;grid-row-start:var(--start-row)}.person-badges__sign--col-1{grid-column-start:var(--start-col);grid-column-end:calc(var(--start-col) + 1)}.person-badges__sign--col-2{grid-column-start:var(--start-col);grid-column-end:calc(var(--start-col) + 2)}.person-badges__sign--col-3{grid-column-start:var(--start-col);grid-column-end:calc(var(--start-col) + 3)}.person-badges__sign--col-4{grid-column-start:var(--start-col);grid-column-end:calc(var(--start-col) + 4)}.person-badges__sign--row-1{grid-row-start:var(--start-row);grid-row-end:calc(var(--start-row) + 1)}.person-badges__sign--row-2{grid-row-start:var(--start-row);grid-row-end:calc(var(--start-row) + 2)}.person-badges__sign--row-3{grid-row-start:var(--start-row);grid-row-end:calc(var(--start-row) + 3)}.person-badges__sign--row-4{grid-row-start:var(--start-row);grid-row-end:calc(var(--start-row) + 4)}.person-badges__shape{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.person-badges__shape--angle-90{transform:scale(2,2) rotate(90deg) translateX(30%)}.person-badges__shape--angle-270{transform:scale(2,2) rotate(270deg) translateX(-30%)}.person-badges__shape--height-3.person-badges__shape--angle-90{transform:rotate(90deg) translateX(22%) translateY(-13%)}.person-badges__shape--height-3.person-badges__shape--angle-180{transform:rotate(180deg) translateY(5%)}.person-badges__shape--height-3.person-badges__shape--angle-270{transform:rotate(270deg) translateX(30%) translateY(20%)}.person-badges__shape--height-4.person-badges__shape--angle-90{transform:scale(4,4) rotate(90deg) translateX(40%) translateY(-14%)}.person-badges__shape--height-4.person-badges__shape--angle-180{transform:scale(4,4) rotate(180deg) translateX(-38%) translateY(-17%)}.person-badges__shape--height-4.person-badges__shape--angle-270{transform:scale(4,4) rotate(270deg) translateX(-40%) translateY(-14%)}.person-badges__default-image{display:block;width:100%;height:auto}.person-badges__pop-up-container{display:none;position:absolute;bottom:50%;left:50%;z-index:10;max-height:100vh}.person-badges__pop-up{display:grid;box-sizing:border-box;width:clamp(280px,20vw,340px);height:-moz-max-content;height:max-content;padding:30px;background-color:var(--color-background);border:1px solid hsl(var(--color-fade))}@media (any-hover:hover){.person-badges__shape:hover+.person-badges__pop-up{display:grid}}.person-badges__shape:focus-visible+.person-badges__pop-up{display:grid}.person-badges__pop-up-figure{display:grid;width:100%;height:100%;margin:0}.person-badges__pop-up-image{align-self:center;justify-self:center;width:100%;max-width:190px;max-height:120px;-o-object-fit:contain;object-fit:contain}.person-badges__pop-up-title{display:block;margin-block:10px;font-family:var(--font-family)}.person-badges__pop-up-description{margin:0;font-family:var(--font-family)}@media (max-width:1023px){.person-badges__pop-up-container{position:fixed;inset:0;justify-content:center;align-items:center;overflow-y:scroll;background-color:hsl(0 0% 0%/.3);pointer-events:none}}.linked-article{position:relative;z-index:0;box-sizing:border-box;flex:1 1 0%;display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px}.linked-article__icon{margin-block-start:4px;flex:0 0 40px;height:40px;line-height:40px;text-align:center;font-family:var(--font-family);font-size:var(--font-size-m);background-color:var(--accent-color);border-radius:50%}.linked-article__main{flex:1 1 8em}.linked-article__link{--stroke-color:var(--accent-color);display:inline-block;vertical-align:top;text-underline-offset:.2em}.linked-article__code{font-family:var(--font-family);font-size:var(--font-size-m)}.linked-article__link::before{content:"";position:absolute;z-index:1;inset:0}.linked-article__link:hover{text-decoration:none}.linked-article__hotkeys{margin-block-start:6px;opacity:.7;font-family:var(--font-family);font-size:var(--font-size-m);letter-spacing:0}.linked-article__hotkey{flex:0 0 auto;opacity:1;display:inline-block}.linked-article__plus{border:0;padding:0;min-width:20px;display:inline-block}.linked-article--next{flex-direction:row-reverse;text-align:end}@media not all and (min-width:768px){.linked-article{padding:16px;flex-direction:row;align-items:center;text-align:start}.linked-article::before{content:"";opacity:.15;position:absolute;z-index:-1;inset:0;border-radius:9px;background-color:#fff;box-shadow:0 0 10px hsl(var(--color-base-text)/.5)}.linked-article__hotkeys{display:none}}.related-articles-list__item{display:block;overflow:hidden}.related-articles-list__item::before{content:"";display:table;float:left;padding-top:100%}.related-articles-list__article{min-height:100%}.code-fix{line-height:0;overflow-wrap:break-word;word-break:break-word}.token.color::before{content:"";display:inline-block;width:10px;height:10px;margin:var(--color-picker-margin);background-color:var(--color-picker);line-height:0}.color-picker__inline{--color-picker-margin:0 2px 0 0}.color-picker__grouped{margin-right:2px}:root{--gap:20px}.subscribe-popup{position:fixed;inset-inline-start:0;inset-block-end:var(--gap);box-sizing:border-box;width:100%;inline-size:100%;max-width:580px;max-inline-size:580px;margin:0;padding:var(--gap);border:0;font-size:24px;transition:inset .5s ease-out;z-index:3}.subscribe-popup:not([open]){inset-inline-start:-100%}.subscribe-popup__container.success{display:none}.subscribe-popup__container.process{opacity:.5;pointer-events:none}.subscribe-popup__text,.subscribe-popup__success-text{margin:0}.subscribe-popup__text{padding-inline-end:var(--gap);margin-block-end:var(--gap)}.subscribe-popup__email-form{display:flex;justify-content:space-between;align-items:flex-start;width:100%;inline-size:100%;gap:var(--gap)}.subscribe-popup__label{display:flex;flex-direction:column;flex-grow:1}.subscribe-popup__input{inline-size:100%;padding-block:7px;border:0;border-block-end:1px solid currentColor;color:inherit;font-size:inherit;background-color:transparent}.subscribe-popup__hint{font-size:15px}.subscribe-popup__success-text{display:none;color:var(--color-subscribe-success)}.subscribe-popup__error-text{display:none;color:var(--color-subscribe-error)}.subscribe-popup__emoji{display:block;margin-block-end:var(--gap)}.subscribe-popup__success-text.success{display:block}.subscribe-popup__close-form{position:absolute;inset-inline-end:var(--gap);inset-block-start:var(--gap)}.subscribe-popup__close-button{padding:0;border:0;font-size:30px;line-height:1;color:currentColor;background-color:transparent;cursor:pointer}@media (max-width:768px){:root{--gap:10px}.subscribe-popup{font-size:17px}}:root{--gap:50px}.subscribe-settings{display:grid;gap:var(--gap);padding:var(--gap);font-size:24px;accent-color:hsl(var(--color-base-text));background-color:hsl(var(--color-fade))}.subscribe-settings__row--hidden{display:none}.subscribe-settings__row--center{text-align:center}.subscribe-settings__fieldset{display:grid;gap:12px;border:0;margin:0;padding:0}.subscribe-settings__note{font-size:.8em;font-style:italic}.subscribe-settings__fieldset+.subscribe-settings__note{margin-block-start:1em}.subscribe-settings__title{--font-size:var(--font-size-headline-2);--line-height:var(--font-line-height-headline-2);margin-top:0;margin-block-end:0;display:inline;font:inherit;font-size:var(--font-size);line-height:var(--line-height)}.subscribe-settings__label{--font-size:var(--font-size-headline-3);--line-height:var(--font-line-height-headline-3);display:block;margin-block-end:30px;font-size:var(--font-size);line-height:var(--line-height)}.subscribe-settings__input,.subscribe-settings__hint{display:block}.subscribe-settings__input{width:100%;inline-size:100%;padding-block:7px;border:0;border-block-end:1px solid currentColor;font-size:inherit;color:inherit;background-color:transparent}.subscribe-settings__hint{font-size:15px}.subscribe-settings__control{width:30px;inline-size:30px;height:30px;block-size:30px;margin-inline-end:20px;vertical-align:text-top}.subscribe-settings__control-label{display:inline-flex;font-size:inherit}.subscribe-settings__button{position:relative;justify-self:center;transition:color .2s ease-out}.subscribe-settings__button:focus-visible{outline-offset:3px}.unsubscribe-section{display:grid;margin-block-start:calc(var(--gap)*2);background-color:hsl(var(--color-fade))}.unsubscribe-section--hidden{display:none}.unsubscribe__form{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.unsubscribe__row{display:flex;align-items:flex-start;width:100%;gap:20px}.unsubscribe__field{flex-grow:1}.form-with-status{transition:opacity .2s ease-in-out}.form-with-status .text-control__button::after{content:"";position:absolute;inset:50%;translate:-50% -50%;display:flex;justify-content:center;align-items:center;width:30px;inline-size:30px;height:30px;block-size:30px}.subscribe__status{margin-block-start:var(--gap)}.form-with-status.progress{opacity:.5;pointer-events:none}.progress .text-control__button{color:currentColor}.progress .text-control__button::after{content:"";border:2px dashed hsl(var(--color-dark));border-radius:50%;animation:progress-wheel 6s infinite linear}@media (prefers-reduced-motion:reduce){.progress .text-control__button::after{animation:none}}.error-text,.success-text,.progress-text{display:none;padding:0;font-size:.8em}.error-text{color:#ee5959}.progress .progress-text,.success .success-text,.error .error-text{display:block}.success .text-control__button{color:currentColor}.success .text-control__button::after{content:"✅"}.error .text-control__button{color:currentColor}.error .text-control__button::after{content:"❌"}@media (max-width:768px){:root{--gap:25px}.subscribe-settings{font-size:16px}.subscribe-settings__fieldset{gap:8px}.subscribe-settings__control{width:20px;inline-size:20px;height:20px;block-size:20px;margin-inline-end:8px}.unsubscribe__form{flex-wrap:wrap}.unsubscribe__row{width:100%;inline-size:100%;flex-wrap:wrap}}@keyframes progress-wheel{0%{rotate:0turn}to{rotate:1turn}}.wdi-browser-compat{max-width:87.5%;margin-block-start:40px;align-items:center;color:var(--color-light);display:flex;flex-wrap:wrap}.wdi-browser-compat__items{display:flex;flex-wrap:wrap;margin:1rem 0;padding:0;gap:24px;list-style:none}.wdi-browser-compat__item{align-items:center;display:flex;justify-content:center}.wdi-browser-compat__icon{display:inline-block;height:24px;margin-right:6px;width:24px;background-repeat:no-repeat no-repeat;background-position:center center;background-size:cover}.wdi-browser-compat__icon[data-browser=chrome]{background-image:url(/images/baseline/chrome.svg)}.wdi-browser-compat__icon[data-browser=firefox]{background-image:url(/images/baseline/firefox.svg)}.wdi-browser-compat__icon[data-browser=edge]{background-image:url(/images/baseline/edge.svg)}.wdi-browser-compat__icon[data-browser=safari]{background-image:url(/images/baseline/safari.svg)}.wdi-browser-compat__version{box-sizing:border-box;--size-2:clamp(0.75rem, 0.71rem + 0.18vw, 0.875rem);background-repeat:no-repeat no-repeat;background-position:center center;background-origin:content-box;border-radius:10000px;display:inline-block;font-size:var(--size-2);height:24px;line-height:24px;min-width:24px;text-align:center;padding-inline:.5ch}.wdi-browser-compat__version[data-compat=yes]{background:var(--wdi-success-bg-color, #e9f6ed);color:var(--wdi-success-color, #0d652d)}.wdi-browser-compat__version[data-compat=flag]{background-color:var(--wdi-warn-bg-color, #fff5e3);background-image:url(/images/baseline/flag.svg);color:var(--wdi-warn-color, #c34900)}.wdi-browser-compat__version[data-compat=no]{background-color:var(--wdi-error-bg-color, #fce8e8);background-image:url(/images/baseline/no.svg);color:var(--wdi-error-color, #a50e0e)}.wdi-browser-compat__version[data-compat=preview]{padding:2px;background-color:var(--wdi-warn-bg-color, #fff5e3);background-image:url(/images/baseline/preview.svg);color:var(--wdi-warn-color, #c34900)}.wdi-browser-compat__link{flex:0 0 100%;margin-left:0;color:currentColor}@media (min-width:50em){.wdi-browser-compat{flex-wrap:nowrap}.wdi-browser-compat__label{flex:none;margin-bottom:0;width:auto}.wdi-browser-compat__link{flex:none;margin-left:auto}}@media (min-width:600px){.wdi-browser-compat__label{margin-right:24px}}