@font-face{font-style:normal;font-weight:800;src:url(/fonts/MabryPro-Black.woff2) format("woff2");font-family:Mabry Pro;font-display:swap}@font-face{font-style:normal;font-weight:700;src:url(/fonts/MabryPro-Bold.woff2) format("woff2");font-family:Mabry Pro;font-display:swap}@font-face{font-style:normal;font-weight:600;src:url(/fonts/MabryPro-Medium.woff2) format("woff2");font-family:Mabry Pro;font-display:swap}@font-face{font-style:normal;font-weight:400;src:url(/fonts/MabryPro-Regular.woff2) format("woff2");font-family:Mabry Pro;font-display:swap}@font-face{font-style:normal;font-weight:300;src:url(/fonts/MabryPro-Light.woff2) format("woff2");font-family:Mabry Pro;font-display:swap}@font-face{font-style:normal;font-weight:400;src:url(/fonts/LeagueMono-Regular.woff2) format("woff2");font-family:League Mono;font-display:swap}@font-face{font-style:normal;font-weight:700;src:url(/fonts/Montserrat-Bold.ttf) format("truetype");font-family:Montserrat;font-display:swap}@font-face{font-style:normal;font-weight:600;src:url(/fonts/Montserrat-Medium.ttf) format("truetype");font-family:Montserrat;font-display:swap}@font-face{font-style:normal;font-weight:400;src:url(/fonts/Montserrat-Regular.ttf) format("truetype");font-family:Montserrat;font-display:swap}body{font-family:Mabry Pro,Helvetica Neue,Helvetica,Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Montserrat,Georgia,Garamond,serif}html{font-size:62.5%}@media screen and (min-width:900px){html{font-size:55%}}@media screen and (min-width:970px){html{font-size:58%}}@media screen and (min-width:1250px){html{font-size:62.5%}}.pagination{margin-top:2rem;padding:0}.pagination,.pagination ul{display:flex;justify-content:center}.pagination ul{align-items:center;gap:2rem}.pagination li{transition:background-color .2s ease-in-out;cursor:pointer;border-radius:5px;padding:.5rem 1rem;font-size:1.6rem;list-style:none}.pagination li:hover{background-color:rgba(0,0,0,.05)}.active{border:2px solid var(--black-100);background-color:var(--blue-100);color:#fff}.back-to-top{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background-color:#f22;color:#fff;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;border:.5rem dotted #fff}.back-to-top.show{opacity:1;visibility:visible}.back-to-top .icon{font-size:2.5rem}.content{margin-bottom:5rem;width:100%}.content #introduction,.content blockquote,.content ol,.content p,.content ul{margin-bottom:1.6rem;font-size:1.6rem;line-height:1.9}@media screen and (min-width:639px){.content #introduction,.content blockquote,.content ol,.content p,.content ul{margin-bottom:3rem}}@media screen and (min-width:900px){.content #introduction,.content blockquote,.content ol,.content p,.content ul{font-size:1.7rem}}@media screen and (min-width:970px){.content #introduction,.content blockquote,.content ol,.content p,.content ul{font-size:1.8rem}}@media screen and (min-width:900px){.content{margin-bottom:12rem}}.content li,.content strong{font-size:1.6rem}@media screen and (min-width:900px){.content li,.content strong{font-size:1.7rem}}@media screen and (min-width:970px){.content li,.content strong{font-size:1.8rem}}.content blockquote>p{opacity:.4;border-left:3px solid var(--gray-300);padding-left:2.5rem}pre[data-lang]:not(pre[data-lang=""]){position:relative}pre[data-lang]:not(pre[data-lang=""]):after{position:absolute;top:1px;right:2.5rem;transform:translateY(-100%);border-radius:1rem 1rem 0 0;background-color:var(--syntax-background);padding:.3rem 1.1rem;content:attr(data-lang);font-weight:600;font-size:1.5rem;font-family:Mabry Pro,Helvetica Neue,Helvetica,Arial,sans-serif;letter-spacing:1.1px;text-transform:uppercase}code,pre{word-wrap:normal;--selection-background:var(--syntax-selection);--selection-color:currentColor;background:none;color:var(--base-syntax-color);font-size:1.35rem;line-height:1.85;font-family:League Mono,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;text-align:left;white-space:pre;word-break:normal;word-spacing:normal;-moz-tab-size:2;tab-size:2}@media screen and (min-width:778px){code,pre{font-size:1.45rem;line-height:1.7}}@media screen and (min-width:900px){code::-webkit-scrollbar,pre::-webkit-scrollbar{height:8px}code::-webkit-scrollbar-track,pre::-webkit-scrollbar-track{background:transparent}code::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{border-radius:2rem;background-color:var(--syntax-scrollbar-color)}}pre{margin:3.5rem -3rem;padding:3rem;height:100%}@media screen and (min-width:639px){pre{margin:4rem -4rem}}@media screen and (min-width:778px){pre{margin:4rem -2rem;border-radius:1.2rem}}pre>code{display:block;overflow:auto}:not(pre)>code,pre{background:var(--syntax-background)}:not(pre)>code{margin:0 .3rem;border-radius:.4rem;padding:.45rem 1rem;color:var(--syntax-function);white-space:normal}code.language-css{color:var(--syntax-css-base-color)}code.language-css .token.unit{color:var(--syntax-css-unit)}code.language-css .token.number{color:var(--syntax-css-number)}code.language-css .token.variable{color:var(--syntax-css-variable)}.language-javascript,code.language-js,code.language-json,code.language-jsx,code.language-ts,code.language-tsx{color:var(--syntax-js-base-color)}.token.punctuation{color:var(--syntax-punctuation)}.token.namespace{opacity:.7}.token.property{color:var(--syntax-prop)}.token.tag{color:var(--syntax-tag)}.token.constant{color:var(--syntax-constant)}.token.boolean{color:var(--syntax-boolean)}.token.number{color:var(--syntax-number)}.token.deleted,.token.symbol{color:var(--syntax-pink)}.token.selector{color:var(--syntax-selector)}.token.builtin{color:var(--syntax-builtin)}.token.attr-name{color:var(--syntax-attr-name)}.token.char,.token.inserted,.token.string{color:var(--syntax-green)}.token.operator{color:var(--syntax-operator)}.language-css .token.string,.style .token.string,.token.entity,.token.url{color:var(--syntax-orange)}.language-css .token.class{color:var(--syntax-css-class)}.language-css .token.id{color:var(--syntax-css-id)}.token.attr-value,.token.attr-value .punctuation{color:var(--syntax-attr-value)}.token.atrule,.token.keyword{color:var(--syntax-blue)}.token.maybe-class-name{color:var(--syntax-maybe-class-name)}.token.class-name,.token.function{color:var(--syntax-red)}.token.important{color:var(--syntax-important)}.token.variable{color:var(--syntax-variable)}.token.regex{color:var(--syntax-yellow)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.function,.token.property-access{color:var(--syntax-function)}.token.cdata,.token.comment,.token.doctype,.token.prolog,.token.shebang{color:var(--syntax-comment)}@media(prefers-color-scheme:light){:root{--bg-100:#fff;--red-100:#ff4757;--yellow-100:#ffdf00;--pink-100:#ff69b4;--gray-100:#f0f0f0;--gray-200:#e6e6e6;--gray-300:#8c8c8c;--gray-400:#fafafa;--gray-500:#dcdcdc;--green-100:#00ff9f;--green-200:#32ff32;--blue-100:#00c8ff;--blue-200:#5865f2;--blue-300:#c8e6ff;--blue-400:#0ff;--white-100:#fff;--white-200:#fff;--peach-100:#ffb347;--black-100:#000;--black-200:#1e1e1e;--black-300:rgba(0,0,0,.9);--violet-100:#8a2be2;--orange-100:#ff8c00;--scrollbar-thumb:#000;--scrollbar-thumb-hover:#5865f2;--mdx-heading-color:var(--black-100);--tile-shadow:6px 6px 0px #000;--border:4px solid var(--black-100);--selection-color:#fff;--selection-background:#5865f2}@supports (color:rgb(0 0 0/0)){:root{--pink-100:#ff1493}}}[data-theme=light]{--bg-100:#fff;--red-100:#ff4757;--yellow-100:#ffdf00;--pink-100:#ff69b4;--gray-100:#f0f0f0;--gray-200:#e6e6e6;--gray-300:#8c8c8c;--gray-400:#fafafa;--gray-500:#dcdcdc;--green-100:#00ff9f;--blue-100:#00c8ff;--blue-200:#5865f2;--blue-300:#c8e6ff;--white-100:#fff;--white-200:#fff;--peach-100:#ffb347;--black-100:#000;--black-200:#1e1e1e;--black-300:rgba(0,0,0,.9);--violet-100:#8a2be2;--orange-100:#ff8c00;--scrollbar-thumb:#000;--scrollbar-thumb-hover:#5865f2;--mdx-heading-color:var(--black-100);--tile-shadow:6px 6px 0px #000;--selection-color:#fff;--selection-background:#5865f2}@supports (color:rgb(0 0 0/0)){[data-theme=light]{--pink-100:#ff1493}}@media(prefers-color-scheme:dark){:root{--red-100:#ff4757;--yellow-100:#ffdf00;--pink-100:#ff69b4;--gray-200:#282828;--green-100:#00ff9f;--blue-100:#00c8ff;--blue-200:#8a89ff;--blue-300:#1e283c;--white-200:#fff;--black-200:#1e1e1e;--black-300:hsla(0,0%,100%,.9);--violet-100:#ba55d3;--orange-100:#ff8c00;--mdx-heading-color:var(--yellow-100);--selection-color:#000;--selection-background:#00ff9f;--bg-100:#121212;--gray-100:#1e1e1e;--black-100:#fff;--white-100:#121212;--peach-100:#ffb347;--gray-400:#191919;--gray-300:#3c3c3c;--gray-500:#282828;--scrollbar-thumb:#fff;--scrollbar-thumb-hover:#00ff9f;--tile-shadow:6px 6px 0px hsla(0,0%,100%,.3)}@supports (color:rgb(0 0 0/0)){:root{--pink-100:#ff1493}}}[data-theme=dark]{--red-100:#ff4757;--yellow-100:#ffdf00;--pink-100:#ff69b4;--gray-200:#282828;--green-100:#00ff9f;--blue-100:#00c8ff;--blue-200:#8a89ff;--blue-300:#1e283c;--white-200:#fff;--peach-100:#ffb347;--black-200:#1e1e1e;--black-300:hsla(0,0%,100%,.9);--violet-100:#ba55d3;--orange-100:#ff8c00;--mdx-heading-color:var(--yellow-100);--selection-color:#000;--selection-background:#00ff9f;--bg-100:#121212;--gray-100:#1e1e1e;--black-100:#fff;--white-100:#121212;--gray-400:#191919;--gray-300:#3c3c3c;--gray-500:#282828;--scrollbar-thumb:#fff;--scrollbar-thumb-hover:#00ff9f;--tile-shadow:6px 6px 0px hsla(0,0%,100%,.3)}@supports (color:rgb(0 0 0/0)){[data-theme=dark]{--pink-100:#ff1493}}@media(prefers-color-scheme:light){:root{--syntax-comment:#a0a1a7;--syntax-punctuation:#999;--syntax-pink:#905;--syntax-green:#690;--syntax-orange:#9a6e3a;--syntax-blue:#07a;--syntax-red:#dd4a68;--syntax-yellow:#e90;--syntax-background:var(--gray-200);--syntax-attr-value:#07a;--syntax-tag:#905;--syntax-prop:#905;--base-syntax-color:#000;--syntax-selector:#690;--syntax-css-class:#690;--syntax-css-id:#07a;--syntax-important:#e90;--syntax-css-unit:#905;--syntax-css-number:#905;--syntax-css-variable:#e90;--syntax-maybe-class-name:#dd4a68;--syntax-js-base-color:#000;--syntax-constant:#905;--syntax-builtin:#690;--syntax-operator:#9a6e3a;--syntax-function:#dd4a68;--syntax-attr-name:#690;--syntax-number:#905;--syntax-boolean:#905;--syntax-variable:#e90;--syntax-scrollbar-color:var(--gray-300);--syntax-selection:#d5d5d5}}[data-theme=light]{--syntax-comment:#a0a1a7;--syntax-punctuation:#999;--syntax-pink:#905;--syntax-green:#690;--syntax-orange:#9a6e3a;--syntax-blue:#07a;--syntax-red:#dd4a68;--syntax-yellow:#e90;--syntax-background:var(--gray-200);--syntax-attr-value:#07a;--syntax-tag:#905;--syntax-prop:#905;--base-syntax-color:#000;--syntax-selector:#690;--syntax-css-class:#690;--syntax-css-id:#07a;--syntax-important:#e90;--syntax-css-unit:#905;--syntax-css-number:#905;--syntax-css-variable:#e90;--syntax-maybe-class-name:#dd4a68;--syntax-js-base-color:#000;--syntax-constant:#905;--syntax-builtin:#690;--syntax-operator:#9a6e3a;--syntax-function:#dd4a68;--syntax-attr-name:#690;--syntax-number:#905;--syntax-boolean:#905;--syntax-variable:#e90;--syntax-scrollbar-color:var(--gray-300);--syntax-selection:#d5d5d5}@media(prefers-color-scheme:dark){:root{--syntax-comment:#5f6167;--syntax-punctuation:#c7c7c7;--syntax-background:#23262e;--syntax-red:#ee5d43;--syntax-green:#abe338;--syntax-orange:#f39c12;--syntax-blue:#c74ded;--syntax-attr-value:#abe338;--syntax-tag:#f92672;--base-syntax-color:#fff;--syntax-selector:#f92672;--syntax-css-class:#ffe66d;--syntax-css-id:#ee5d43;--syntax-important:#c74ded;--syntax-css-base-color:#ee5d43;--syntax-prop:#fff;--syntax-css-unit:#f39c12;--syntax-css-number:#f39c12;--syntax-css-variable:#00e8c6;--syntax-maybe-class-name:#ffe66d;--syntax-js-base-color:#00e8c6;--syntax-constant:#00e8c6;--syntax-builtin:#fff;--syntax-operator:#ee5d43;--syntax-function:#ffe66d;--syntax-attr-name:#ffe66d;--syntax-number:#f39c12;--syntax-boolean:#ee5d43;--syntax-variable:#00e8c6;--syntax-scrollbar-color:var(--bg-100);--syntax-selection:#23262e}}[data-theme=dark]{--syntax-comment:#5f6167;--syntax-punctuation:#c7c7c7;--syntax-background:#23262e;--syntax-red:#ee5d43;--syntax-green:#abe338;--syntax-orange:#f39c12;--syntax-blue:#c74ded;--syntax-attr-value:#abe338;--syntax-tag:#f92672;--base-syntax-color:#fff;--syntax-selector:#f92672;--syntax-css-class:#ffe66d;--syntax-css-id:#ee5d43;--syntax-important:#c74ded;--syntax-css-base-color:#ee5d43;--syntax-prop:#fff;--syntax-css-unit:#f39c12;--syntax-css-number:#f39c12;--syntax-css-variable:#00e8c6;--syntax-maybe-class-name:#ffe66d;--syntax-js-base-color:#00e8c6;--syntax-constant:#00e8c6;--syntax-builtin:#fff;--syntax-operator:#ee5d43;--syntax-function:#ffe66d;--syntax-attr-name:#ffe66d;--syntax-number:#f39c12;--syntax-boolean:#ee5d43;--syntax-variable:#00e8c6;--syntax-scrollbar-color:var(--bg-100);--syntax-selection:#303541}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}a{color:inherit;text-decoration:none}#__next,#root{isolation:isolate}html{scroll-behavior:smooth}body{background-color:var(--bg-100);width:100%;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;color:var(--black-100)}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-thumb{border:var(--border);background-color:var(--orange-100);height:30px}body::-webkit-scrollbar-thumb:hover{background-color:var(--blue-100)}::selection{background-color:var(--selection-background);color:var(--selection-color)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-100)}::-webkit-scrollbar-thumb{border-radius:8px;background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.gm-control-active,.gm-style-moc,.gmnoprint,.gmnoscreen,img[alt=Google]{display:none!important}.sr-only{clip:rect(1px,1px,1px,1px)!important;position:absolute!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;margin:-1px!important;border:0!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto!important;-webkit-clip-path:none!important;clip-path:none!important;margin:auto!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important}