@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;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:rgba(0,0,0,0)}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:rgb(255,255,255);--red-100:rgb(214,95,100);--yellow-100:rgb(230,178,64);--pink-100:rgb(219,112,158);--gray-100:rgb(240,240,240);--gray-200:rgb(230,230,230);--gray-300:rgb(140,140,140);--gray-400:rgb(250,250,250);--gray-500:rgb(220,220,220);--green-100:rgb(92,176,132);--green-200:rgb(138,172,105);--blue-100:rgb(82,165,205);--blue-200:rgb(58,122,138);--blue-300:rgb(205,228,235);--blue-400:rgb(70,180,180);--white-100:rgb(255,255,255);--white-200:rgb(255,255,255);--peach-100:rgb(232,190,145);--black-100:rgb(0,0,0);--black-200:rgb(30,30,30);--black-300:rgba(0,0,0,0.9);--violet-100:rgb(154,115,205);--orange-100:rgb(224,132,76);--scrollbar-thumb:rgb(0,0,0);--scrollbar-thumb-hover:rgb(58,122,138);--mdx-heading-color:var(--black-100);--tile-shadow:6px 6px 0px rgba(0,0,0,1);--border:2px solid var(--black-100);--selection-color:rgb(255,255,255);--selection-background:rgb(58,122,138)}}[data-theme=light]{--bg-100:rgb(255,255,255);--red-100:rgb(214,95,100);--yellow-100:rgb(230,178,64);--pink-100:rgb(219,112,158);--gray-100:rgb(240,240,240);--gray-200:rgb(230,230,230);--gray-300:rgb(140,140,140);--gray-400:rgb(250,250,250);--gray-500:rgb(220,220,220);--green-100:rgb(92,176,132);--green-200:rgb(138,172,105);--blue-100:rgb(82,165,205);--blue-200:rgb(58,122,138);--blue-300:rgb(205,228,235);--blue-400:rgb(70,180,180);--white-100:rgb(255,255,255);--white-200:rgb(255,255,255);--peach-100:rgb(232,190,145);--black-100:rgb(0,0,0);--black-200:rgb(30,30,30);--black-300:rgba(0,0,0,0.9);--violet-100:rgb(154,115,205);--orange-100:rgb(224,132,76);--scrollbar-thumb:rgb(0,0,0);--scrollbar-thumb-hover:rgb(58,122,138);--mdx-heading-color:var(--black-100);--tile-shadow:6px 6px 0px rgba(0,0,0,1);--border:2px solid var(--black-100);--selection-color:rgb(255,255,255);--selection-background:rgb(58,122,138)}@media(prefers-color-scheme:dark){:root{--red-100:rgb(214,95,100);--yellow-100:rgb(230,178,64);--pink-100:rgb(219,112,158);--gray-200:rgb(40,40,40);--green-100:rgb(92,176,132);--green-200:rgb(138,172,105);--blue-100:rgb(82,165,205);--blue-200:rgb(82,165,180);--blue-300:rgb(20,40,48);--blue-400:rgb(70,180,180);--white-200:rgb(255,255,255);--black-200:rgb(30,30,30);--black-300:rgba(255,255,255,0.9);--violet-100:rgb(154,115,205);--orange-100:rgb(224,132,76);--mdx-heading-color:var(--yellow-100);--selection-color:rgb(0,0,0);--selection-background:rgb(92,176,132);--bg-100:rgb(18,18,18);--gray-100:rgb(30,30,30);--black-100:rgb(255,255,255);--white-100:rgb(18,18,18);--peach-100:rgb(232,190,145);--gray-400:rgb(25,25,25);--gray-300:rgb(60,60,60);--gray-500:rgb(40,40,40);--scrollbar-thumb:rgb(255,255,255);--scrollbar-thumb-hover:rgb(92,176,132);--tile-shadow:6px 6px 0px rgba(255,255,255,0.3);--border:2px solid var(--black-100)}}[data-theme=dark]{--red-100:rgb(214,95,100);--yellow-100:rgb(230,178,64);--pink-100:rgb(219,112,158);--gray-200:rgb(40,40,40);--green-100:rgb(92,176,132);--green-200:rgb(138,172,105);--blue-100:rgb(82,165,205);--blue-200:rgb(82,165,180);--blue-300:rgb(20,40,48);--blue-400:rgb(70,180,180);--white-200:rgb(255,255,255);--peach-100:rgb(232,190,145);--black-200:rgb(30,30,30);--black-300:rgba(255,255,255,0.9);--violet-100:rgb(154,115,205);--orange-100:rgb(224,132,76);--mdx-heading-color:var(--yellow-100);--selection-color:rgb(0,0,0);--selection-background:rgb(92,176,132);--bg-100:rgb(18,18,18);--gray-100:rgb(30,30,30);--black-100:rgb(255,255,255);--white-100:rgb(18,18,18);--gray-400:rgb(25,25,25);--gray-300:rgb(60,60,60);--gray-500:rgb(40,40,40);--scrollbar-thumb:rgb(255,255,255);--scrollbar-thumb-hover:rgb(92,176,132);--tile-shadow:6px 6px 0px rgba(255,255,255,0.3);--border:2px solid var(--black-100)}@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:rgb(199,199,199);--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:rgb(199,199,199);--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;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;clip-path:none!important;margin:auto!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important}