*{box-sizing:border-box;scroll-margin-top:4rem}* ::-moz-selection{background-color:var(--yellow);color:var(--black)}* ::selection{background-color:var(--yellow);color:var(--black)}body,html{padding:0;margin:0}html{height:-webkit-fill-available;scrollbar-gutter:stable}body,html{overflow-x:hidden}body{background-color:#0e141b;min-height:100vh;min-height:-webkit-fill-available;width:100%}[data-whatintent=mouse] :focus{outline:none}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}button{border:none;background:none}.error{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:8rem 0}.error h1{text-align:center}.onePage{padding:2rem;margin:0 auto;width:100%}@media screen and (min-width:639px){.onePage{padding:3rem 4rem}}@media screen and (min-width:1150px){.onePage{overflow:hidden}}.onePage nav{max-width:156rem}.mainWrapper{max-width:128rem;margin:30rem auto 0}@media screen and (min-width:639px){.mainWrapper{margin:35rem auto 0}}@media screen and (min-width:800px){.mainWrapper{margin:45rem auto 0}}.regulations{color:var(--white)}.regulations a{color:var(--red)}@font-face{font-family:LeagueMono;src:url(/fonts/LeagueMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LeagueMono;src:url(/fonts/LeagueMono-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}body{font-size:clamp(100%,calc(1rem + 2vw),24px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}.fonts-loaded-greycliff body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.fonts-loaded-criteria h1{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}a,code,html,li,p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:62.5%}@media screen and (min-width:800px){html{font-size:50%}}@media screen and (min-width:1450px){html{font-size:62.5%}}:root{--white:#fff;--white-100:#f5f6f9;--black:#000;--black-100:rgba(0,0,0,.1);--dark-100:#21232c;--dark-200:#0a0c10;--dark-300:#0f1b35;--gray:#e2eafd;--gray-100:#e8f2ff;--gray-200:#3a3a3a;--gray-300:#425466;--gray-400:#6b7280;--gray-500:#4f7d95;--gray-600:#6c7693;--gray-700:hsla(0,0%,95%,.3);--blue-100:#00e;--blue-200:#0ea5e9;--blue-300:#5263f2;--blue-400:rgba(34,211,238,.3);--blue-500:#06b6d4;--blue-600:#5183f5;--blue-700:rgba(81,131,245,.7);--blue-800:rgba(55,92,177,.7);--blue-gradient-accent:rgba(34,211,238,.8);--blue-gradient-accent-dark:rgba(14,56,165,.8);--blue-gradient-accent-secondary:rgba(74,103,247,.9);--yellow:#facc15;--yellow-100:rgba(250,204,21,.3);--yellow-gradient-accent:rgba(250,204,21,.8);--green:#4ade80;--green-100:rgba(74,222,128,.3);--green-200:rgba(74,222,128,.2);--green-300:#2aa959;--green-gradient-accent:rgba(74,222,128,.8);--red:#ff0a78;--red-100:#db2777;--red-gradient-accent:rgba(255,10,120,.7);--purple:#639;--purple-100:#9333ea;--purple-200:rgba(217,70,239,.3);--purple-300:#651fff;--purple-gradient-accent:rgba(217,70,239,.8);--purple-gradient-accent-secondary:rgba(170,0,255,.8);--orange:#f97316;--orange-100:rgba(251,146,60,.3);--orange-gradient-accent:rgba(251,146,60,.8);--border-purple-dark:#5a58a0;--border-purple-light:#9788ff;--border-blue:#4a7ead;--border-gray:#1f2d37}.token.cdata,.token.comment,.token.prolog{color:#637777;font-style:italic}.token.punctuation{color:#c792ea}.namespace{color:#b2ccd6}.token.deleted{color:rgba(239,83,80,.56);font-style:italic}.token.property,.token.symbol{color:#80cbc4}.token.keyword,.token.operator,.token.tag{color:#7fdbca}.token.boolean{color:#ff5874}.token.number{color:#f78c6c}.token.builtin,.token.char,.token.constant,.token.function{color:#82aaff}.token.doctype,.token.selector{color:#c792ea;font-style:italic}.token.attr-name,.token.inserted{color:#addb67;font-style:italic}.language-css .token.string,.style .token.string,.token.entity,.token.string,.token.url{color:#addb67}.token.atrule,.token.attr-value,.token.class-name{color:#ffcb8b}.token.important,.token.regex,.token.variable{color:#d6deeb}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.mdx-marker{background:var(--gray-100);display:block;margin-right:-3.2rem;margin-left:-3.2rem;border-left:4px solid var(--red);padding:5px 1em 5px 2.4rem}@media screen and (min-width:800px){iframe,video{border-radius:10px!important}}.content blockquote{border-left:4px solid var(--green);padding:2rem;background:var(--green-200);margin:3rem 0;border-radius:4px;color:var(--green)}.content blockquote a,.content blockquote code,.content blockquote em,.content blockquote p:not([data-codeTitle]){margin:0;color:var(--green)!important}.content p:not([data-codeTitle]){line-height:1.6;color:var(--dark-200)}.content pre,.content pre[class*=language-]{font-size:1.5rem;line-height:1.7;width:100%;height:100%;border-radius:0 0 .8rem .8rem;grid-column:1/4;align-self:center;justify-self:center;grid-column:1/4!important;padding:2rem 3.2rem;background:#0e1d29;color:#eee;border:none;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;direction:ltr;text-align:left;white-space:pre;scrollbar-width:thin;scrollbar-color:var(--black-100) transparent;display:flex;align-items:center;justify-content:flex-start;z-index:1;margin:0}@media screen and (min-width:800px){.content pre,.content pre[class*=language-]{border-radius:0 0 1rem 1rem;height:auto;padding:3.2rem;display:block;font-size:1.8rem}}.content code{font-family:LeagueMono;font-weight:500;overflow:auto;display:block;color:#bdddff;color:#eee;padding-bottom:1rem}@media screen and (min-width:800px){.content code::-webkit-scrollbar{height:8px}.content code::-webkit-scrollbar-track{background:transparent}.content code::-webkit-scrollbar-thumb{background-color:#2f3c45;border-radius:12px}}.content .language-css>code,.content .language-sass>code,.content .language-scss>code{color:#fd9170}.content :not(pre)>code{border:none;border-radius:4px;background:#0e1d29;color:#7f90a4;letter-spacing:-.5px;font-size:1.6rem;display:inline;margin:2px;padding:4.5px 6px 0}@media screen and (min-width:800px){.content :not(pre)>code{font-size:1.7rem}}.content a:not(.categoryLink):not(.share):not(.githubEditLink):not(.regulation-link){text-decoration:none;border-bottom:2px solid #262b32;color:var(--white);font-weight:600;font-size:1.8rem;line-height:3.6rem}@media screen and (min-width:800px){.content a:not(.categoryLink):not(.share):not(.githubEditLink):not(.regulation-link){font-size:1.9rem;line-height:3.7rem}}@media screen and (min-width:1150px){.content a:not(.categoryLink):not(.share):not(.githubEditLink):not(.regulation-link){font-size:2rem;line-height:3.8rem}}.content ol{list-style:none;counter-reset:item;color:var(--white)}.content ol li{font-size:1.8rem;line-height:3.6rem;position:relative;counter-increment:item;color:var(--white)}@media screen and (min-width:800px){.content ol li{font-size:1.9rem;line-height:3.7rem}}@media screen and (min-width:1150px){.content ol li{font-size:2rem;line-height:3.8rem}}.content ol li:before{content:counter(item) ". ";position:absolute;width:1.6rem;height:1.6rem;top:2rem;left:-2.2rem;font-size:1.8rem;font-weight:600;color:var(--blue-300);line-height:0}.content ul{list-style:none;color:var(--white)}.content ul li{font-size:1.8rem;line-height:3.6rem;position:relative;color:var(--white)}@media screen and (min-width:800px){.content ul li{font-size:1.9rem;line-height:3.7rem}}@media screen and (min-width:1150px){.content ul li{font-size:2rem;line-height:3.8rem}}.content ul li:before{content:"";position:absolute;width:1.6rem;height:1.6rem;background:url(/icons/arrow-right.svg);background-repeat:no-repeat;top:1.8rem;left:-2.2rem;transform:translateY(-50%)}.content p:not([data-codeTitle]){font-size:1.8rem;line-height:1.7;color:var(--white)}@media screen and (min-width:800px){.content p:not([data-codeTitle]){font-size:1.9rem}}@media screen and (min-width:1150px){.content p:not([data-codeTitle]){font-size:2rem}}