@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4b0ee23137c0a18c-s.0esogbr3t1odn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0e9f1bdf25766c32-s.0g.oew0xx1pk0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Quicksand;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7298a201df952cba-s.p.011naemrniw.w.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand Fallback;src:local(Arial);ascent-override:95.87%;descent-override:23.97%;line-gap-override:0.0%;size-adjust:104.31%}.quicksand_16b4b7a9-module__JP0UFq__className{font-family:Quicksand,Quicksand Fallback;font-style:normal;font-weight:500}
.light{--background-image:linear-gradient(117deg, #3acdb6 0%, #e9fbf5 100%);--color:black;--mode-content:url(/images/sun.svg);--mode-left:25%;--linkbox-background-color:#fff6;--linkbox-description-color:black;--translate:translateX(-2px);--slider-background-color:#ccc;--hover-color:#3bceb81a;--popup-color:white;--anchor-color:#007575;--anchor-visited-color:#c0c}.dark{--background-image:linear-gradient(117deg, #2e2e2e 0%, #474747 100%);--color:#f2f2f2;--mode-content:url(/images/moon.svg);--mode-left:70%;--linkbox-background-color:#fff3;--linkbox-description-color:#f2f2f2;--translate:translateX(24px);--slider-background-color:#1b1c1d;--hover-color:#8080801a;--popup-color:black;--anchor-color:#9df;--anchor-visited-color:#d3f}:root{--transition:.4s}.red{color:#ff5c5c}.green{color:#0f0}.blue{color:#2684ff}*{box-sizing:border-box}body{padding:0 10px 10px;line-height:1.5}.relative{position:relative}.absolute{position:absolute}.container{width:100%;margin:auto}.header{justify-content:space-between;padding:20px;display:flex}.header-links{text-align:center;align-items:center;gap:1.5rem;margin:1rem;font-size:.8rem;display:flex}.navigation{align-items:flex-end;display:flex}.main{flex-wrap:wrap;gap:20px;padding:20px;display:flex}.block{display:block}.subtitle{font-size:1.2rem;font-weight:400}.image{border-radius:50%;width:70px;height:70px;display:inline}a{color:var(--anchor-color);text-decoration:none}a:visited{color:var(--anchor-visited-color)}.icons{width:20px;min-width:10px;height:20px;margin:10px}.link-box{color:#000;border:solid;border-radius:10px;width:100%;margin-bottom:20px;box-shadow:0 4px 6px #0000001a}.link-box .link-content{padding:20px;display:block}.code{outline:solid #000;padding:10px;display:inline-block}.form-inline{display:inline-block}.form{grid-gap:10px 10px;grid-template-columns:1fr 1fr;width:80%;display:grid}.playername,.tagline,.puuid,.regionName,.message,.youtube-handle{border:none;border-radius:3px;min-width:0;height:3em;padding:10px;font-size:.8rem}.playername{box-shadow:#372f2f7a;grid-column:1/2;grid-row-start:1}.tagline{box-shadow:#372f2f7a;grid-column:2/3;grid-row-start:1}.puuid{box-shadow:#372f2f7a;grid-column:1/3;grid-row-start:2}.regionName{box-shadow:#372f2f7a;grid-column:1/3;grid-row-start:3}.message{grid-column:1/3;grid-row-start:4}.variables{color:gray;grid-column:1/3;grid-row-start:5;margin:5px 0 0}.radiant{color:gray;grid-column:1/3;grid-row-start:6;margin:0 0 5px}.formatted{white-space:normal;min-height:3rem;max-height:5rem;color:var(--color);background:#7fcc7f;border-radius:3px;grid-column:1/2;grid-row-start:7;padding:10px;font-size:1rem;box-shadow:0 2px 10px #372f2f7a}.generate-code{white-space:normal;background:#7fcc7f;border-radius:3px;grid-column:2/3;grid-row-start:7;min-height:3rem;max-height:5rem;padding:10px;font-size:1rem;box-shadow:-6px -2px 10px #372f2fcc}.loading,.response{grid-column:1/3;grid-row-start:8}.response-code{visibility:hidden;cursor:pointer;white-space:pre-wrap;overflow-wrap:break-word;border:solid;grid-column:1/3;grid-row-start:9;padding:10px}.youtube-thumbnail{border-radius:50%}.switch{width:60px;height:34px;display:inline-block;position:relative}.switch input{opacity:0;width:60px;height:34px}.slider{cursor:pointer;transition:var(--transition);border-radius:34px;position:absolute;inset:0 0 -2px}.slider:before{content:"";width:36px;height:36px;transition:var(--transition);background-color:#fff;border-radius:50%;position:absolute;bottom:0}.mode{z-index:1;width:18px;height:auto;transition:var(--transition);position:absolute;top:50%;transform:translate(-50%,-50%)}.slider:before,input:checked+.slider:before{transform:var(--translate)}.slider,input:checked+.slider{background-color:var(--slider-background-color)}dialog{border-color:var(--linkbox-background-color);background-color:var(--linkbox-background-color)}dialog::backdrop{-webkit-backdrop-filter:blur(6px)brightness(.8);backdrop-filter:blur(6px)brightness(.8)}.dialog{visibility:visible;background-color:var(--popup-color);margin-left:10px}.toggle{background-color:var(--linkbox-background-color);border:solid}.toggle:hover{background-color:var(--hover-color);cursor:pointer}.collapsible{max-height:0;transition:max-height .5s;overflow:hidden}.toggle:after{content:"➕";color:#fff;float:right;margin-left:5px;font-size:13px}.active:after{content:"➖"}table,th,td{border:1px solid #000}td{text-align:left;padding-left:20px;padding-right:20px}.region{color:red;font-weight:700}.footer{background-color:#ffffff80;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.footer a,.footer a:visited,.footer .separator{color:#000}.footer .legal-links{text-align:center;align-items:center;gap:15px;font-size:.9rem;display:flex}
html{background-attachment:fixed;background-image:var(--background-image);color:var(--color)}.mode{content:var(--mode-content);left:var(--mode-left)}.link-box{background-color:var(--linkbox-background-color)}.description{color:var(--linkbox-description-color)}
@media (max-width:800px){.header-links>:not(.home){display:none}}@media (min-width:800px){.link-box{width:calc(50% - 20px)}.container{width:80%;margin:auto}.main{gap:20px;padding:20px}}@media (min-width:1200px){.link-box{width:calc(33% - 20px)}.container{width:65%;margin:auto}}