:root{--color:#111827;--background-color:#fff;--heading-color:#000;--font-color:#1f2937;--dark-mode-toggle-color:#fff;--dark-mode-toggle-background-color:#111827;--label-color:#4b5563;--label-background-color:#e5e7eb;--label-selected-color:#b8c2d1;--label-selected-background-color:#06080e;--subscription-form-error-message-color:#991b1b;--subscription-form-field-border-width:1px;--subscription-form-submit-button-color:#fff;--subscription-form-submit-button-background-color:#005b99;--subscription-form-submit-button-hover-background-color:#014979;--loader-border-color:#000;--pre-border-color:#4b5563;--copy-to-clipboard-color:#000;--copy-to-clipboard-success-color:#27ae60;--vscode-background-color:#f0f0f0;--code-color:#85000e;--border-color:#eaeaea;--search-border-color:#eaeaea;--focus-color:#0070f3;--buy-me-coffee-background-color:#fed70c;--buy-me-coffee-hover-background-color:#bea10c;--typescript-icon-background-color:#005b99;--video-player-icon-background-color:#991b1b;--blockquote-border-color:#005b99;--blockquote-color:#374151;--table-border-color:#e5e7eb;--article-main-progress-color:#005b99;--snowflake-color:#a0e3f6;--a-color:#646cff;--external-link-color:#111}.dark{--color:#e5e7eb;--background-color:#242424;--heading-color:#fff;--font-color:#d1d5db;--dark-mode-toggle-color:#000;--dark-mode-toggle-background-color:#fcd34d;--label-color:#6b7280;--label-background-color:#111827;--label-selected-color:#141518;--label-selected-background-color:#435f92;--subscription-form-error-message-color:#ff704f;--subscription-form-field-border-width:0px;--subscription-form-submit-button-color:#000;--subscription-form-submit-button-background-color:#70b5ff;--subscription-form-submit-button-hover-background-color:#4680be;--loader-border-color:#fff;--pre-border-color:#000;--copy-to-clipboard-color:#fff;--vscode-background-color:#1e1e1e;--code-color:#c7765d;--border-color:#2c2c2c;--search-border-color:#101010;--video-player-icon-background-color:#ff704f;--blockquote-border-color:#70b5ff;--blockquote-color:#e5e7eb;--table-border-color:#374151;--a-color:#646cff;--external-link-color:#eee}html{text-size-adjust:none}body,html{padding:0;margin:0;font-size:1rem;line-height:1.5rem}body{display:flex;justify-content:center;padding:1rem 1.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--color);background-color:var(--background-color)}h1,h2,h3,h4,h5,h6{margin-top:3rem;margin-bottom:1.5rem;line-height:1rem;letter-spacing:-.025em;word-break:break-word;color:var(--heading-color)}h2,h3,h4,h5,h6{font-weight:700}h1{margin:0;font-size:3rem;line-height:1}h2{font-size:2.25rem;line-height:2.5rem}h3{font-size:1.875rem;line-height:2.25rem}h4{font-size:1.5rem;line-height:2rem}h5{font-size:1.25rem}h5,h6{line-height:1.75rem}h6{font-size:1.125rem}a{color:var(--a-color);text-decoration:inherit}a:focus,a:hover{text-decoration:none}h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:var(--heading-color)}*{box-sizing:border-box}*,:after,:before{border:0 solid #e5e7eb}p{line-height:1.75;margin:0 0 2rem;padding:0}:has(+ol),:has(+ul){margin-bottom:0}*~ol,*~ul{margin-bottom:2rem}li>*{margin-bottom:0}figure{margin:0}code{background-color:var(--vscode-background-color);color:var(--code-color);padding:.25rem;border-radius:.25rem}button,input{font-family:inherit;font-size:100%;line-height:1.15;margin:0}blockquote{font-size:1.25rem;line-height:1.75rem;margin-left:-1.5rem;margin-right:2rem;margin-bottom:2rem;padding:0 0 0 1.5rem;font-style:italic;border-left-width:4px;border-style:solid;border-color:var(--blockquote-border-color);color:var(--blockquote-color)}blockquote>:last-child{margin-bottom:0}blockquote>ol,blockquote>ul{list-style-position:inside}table{display:block;white-space:nowrap;overflow-x:scroll;padding:.5rem 0;border-collapse:collapse;border-spacing:.25rem}table thead tr th{border-bottom-width:1px;border-style:solid;border-color:var(--table-border-color)}table tbody tr td,table thead tr th{padding:.25rem}@media (max-width:42rem){body{justify-content:start}blockquote{padding:0 0 0 1rem;margin-left:0}}ol li,ul li{line-height:1.75}.language-css,.language-javascript,.language-typescript{--token-line:#040072;--token-number:#00844f;--token-punctuation:#000;--token-comment:#007400}.language-css{--token-unit:#00844f;--token-property:red;--token-selector-class:#780000;--token-selector-pseudo-element:#780000}.language-javascript,.language-typescript{--token-function-access:#6b4c14;--token-keyword:#00f;--token-arrow-operator:#00f;--token-operator:#000}.language-typescript{--token-maybe-class-name:#277f99;--token-builtin:#277f99;--token-class-name-constant:#277f99;--token-string:#af3233;--token-plain:#132289;--token-constant:#277f99}.dark .language-css,.dark .language-javascript,.dark .language-typescript{--token-line:#9cdcfe;--token-number:#b5cea8;--token-punctuation:#d4d4d4;--token-comment:#6a9955}.dark .language-css{--token-unit:#b5cea8;--token-property:#9cdcfe;--token-selector-class:#d7ba7d;--token-selector-pseudo-element:#d7ba7d}.dark .language-javascript,.dark .language-typescript{--token-function-access:#dcdcaa;--token-keyword:#569cd6;--token-arrow-operator:#569cd6;--token-operator:#d4d4d4}.dark .language-typescript{--token-maybe-class-name:#3dc9b0;--token-builtin:#569cd6;--token-class-name-constant:#3dc9b0;--token-string:#ce9178;--token-plain:#d4d4d4;--token-constant:#3dc9b0}.token-line{color:var(--token-line)}.token.keyword{color:var(--token-keyword)}.token.comment{color:var(--token-comment)}.token.plain{color:var(--token-plain)}.token.property{color:var(--token-property)}.token.operator.arrow{color:var(--token-arrow-operator)}.token.operator{color:var(--token-operator)}.token.punctuation{color:var(--token-punctuation)}.token.constant{color:var(--token-constant)}.token.number{color:var(--token-number)}.token.string{color:var(--token-string)}.token.unit{color:var(--token-unit)}.token.selector.class{color:var(--token-selector-class)}.token.selector.pseudo-element{color:var(--token-selector-pseudo-element)}.token.method-variable.function-variable.method.function.property-access{color:var(--token-function-access)}.token.class-name.constant{color:var(--token-class-name-constant)}.token.maybe-class-name{color:var(--token-maybe-class-name)}.token.builtin{color:var(--token-builtin)}