body{background-color:#191919;font-family:Lexend,sans-serif;color:#333}h1{font-size:48px;font-weight:600;font-family:Lexend,sans-serif;text-align:center;margin-top:10px;margin-bottom:5px;color:#fff}.navbar{display:flex;justify-content:space-between;padding-inline:24px;margin-top:10px;margin-bottom:24px;background-color:#191919;gap:15px;top:0;z-index:5;position:sticky}.navbar-left{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:70vw;height:80px;background-color:#222223;border-radius:40px;padding-inline:20px;border:#2F2F2F 3px solid}.navbar-section{display:flex;align-items:center;justify-content:start;gap:15px}.navbar-logo{width:60px;height:60px;border-radius:23px;transition:ease-in-out .5s;filter:drop-shadow(0px 0px 12px #8a6f0aa2)}.navbar-logo-text{font-size:36px;font-weight:600;font-family:Lexend,sans-serif;text-align:center;margin-top:10px;margin-bottom:5px;color:#d4d4d4;filter:drop-shadow(3px 3px 3px #0b0b0b)}.discord{cursor:pointer;width:46px;height:42px;margin-top:13px;margin-right:10px;transform:translateY(-8px);transition:ease-in-out .2s}.discord:hover{transform:scale(1.2) translateY(-8px);filter:brightness(.8)}.navbar-reveal-kit{cursor:pointer;margin-right:15px;transition:ease-in-out .2s}.navbar-reveal-kit:hover{transform:scale(1.2);filter:brightness(.8)}.search-bar{background-color:#242424;border-radius:40px;width:30vw;height:80px;display:flex;justify-content:start;align-items:center;transition:background-color .2s;border:#2F2F2F 3px solid}#search-icon{width:44px;height:44px;margin-inline-start:15px;padding:5px}.search-bar>input{background-color:transparent;border:none;font-family:Lexend,serif;font-size:1.3rem;width:100%;height:100%;border-top-right-radius:17px;border-bottom-right-radius:17px;color:#383838}input:focus{outline:none;color:#c6c6c6}.search-bar:focus-within{background-color:#333;border-color:#666}.search-bar:focus-within>img{filter:brightness(1.5)}@media (max-width: 768px){.navbar{padding-inline:5px;flex-direction:column}}.scroll-btns{display:flex;width:100%;height:50px;margin-bottom:30px;align-items:center;justify-content:space-between;margin-block:5px}.scroll-btns>button{font-size:32px;text-align:center;background-color:#191919;color:#aaa}.scroll-btns>button:hover{background-color:#333;cursor:pointer}.fade-left{-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,black 20%,black 100%);mask-image:linear-gradient(to right,#0000,#000 20%,#000)}.fade-right{-webkit-mask-image:linear-gradient(to right,black 0%,black 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to right,#000,#000 80%,#0000)}.seperator{position:relative;top:50px;width:3px;align-self:stretch;background-color:#333;margin-left:7px;border-radius:1.5px}.temporary_msg{position:fixed;top:50%;left:50%;transform:translate(-50%) translateY(-75%);padding:10px 20px;display:flex;justify-content:center;align-items:center;gap:50px;flex-direction:row}.temporary_msg>img{width:120px;height:120px;border-radius:15px}.temporary_msg>div{display:flex;flex-direction:column;justify-content:right;margin-left:10px}.temporary_msg>div>h1{margin:0;font-size:48px;color:#fff;text-align:left}.temporary_msg>div>span{margin-top:15px;font-size:20px;color:#ddd;text-align:left}.player-msg-container{display:flex;flex-direction:row;justify-content:start;align-items:center;padding-inline:2rem;margin-inline:5rem;gap:20px;font-size:25px;color:#fff;text-align:center;margin-bottom:10px;background-color:#242424;border-radius:35px}.message-close-btn{position:absolute;right:100px;width:24px;height:24px;background-color:transparent;border-radius:10px;text-align:center;padding:10px;cursor:pointer}.player-skin{width:50px;height:50px}#tierlist-container{display:flex;height:100%;padding-top:30px;position:relative;justify-content:space-between;align-items:start;margin-inline:15px;overflow-x:scroll;overflow-y:visible;scrollbar-width:5px;scrollbar-track-color:#191919;scrollbar-base-color:#3D434A;scrollbar-color:#3D434A #191919;transform:rotateX("180deg")}.tierlist{display:flex;width:max-content;flex-direction:column;padding-top:30px;align-items:center;position:relative;overflow:visible;justify-content:space-between;justify-self:stretch;margin-top:10px;flex:0 0 auto;min-width:250px;padding-inline:10px;gap:0px;flex-grow:1}.halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:105%;height:100%;border-radius:50%;filter:blur(40px);z-index:-1;pointer-events:none}.halo-t1{background:radial-gradient(circle,#e2b72bba,#7b651f6e 25%,#2b231000 90%)}.halo-t2{background:radial-gradient(circle,#e0f0ffba,#b4cbd93b 37%,#4444442e 78%,#10222b00 90%)}.halo-t3{background:radial-gradient(circle,#ffc285a1,#d9ab5d33 37%,#10222b00 90%)}.halo-t4{background:radial-gradient(circle,#aba9a9d9,#8f8f8f54 37%,#10222b00)}.halo-t5{background:radial-gradient(circle,#7d7d7dd9,#6e6e6e2e 37%,#10222b00)}h1{font-size:48px;font-weight:600;font-family:Lexend,sans-serif;text-align:center;margin-top:10px;margin-bottom:5px}.player-component-container{padding:none;width:100%;margin-block:3px;position:relative;box-shadow:#101010 5px 10px 30px}.player-component{width:100%;height:65px;border-radius:10px;position:relative;transition:.25s ease;display:flex;justify-content:start;align-items:end;transition:ease-in-out .25s;cursor:pointer}.retired{border-bottom:#CF56FF solid 3px}.player-component-eu{border-right:8px solid #5F99C3}.player-component-as{border-right:8px solid #B3F19E}.player-component-na{border-right:8px solid #DBB3DA}.component-lt{background-color:#242424}.component-ht{background-color:#3a3d43}.region-gradient-eu{position:absolute;top:0;right:0;height:100%;width:100px;background:linear-gradient(to left,#143f64,#284f7000)}.region-gradient-na{position:absolute;top:0;right:0;height:100%;width:100px;background:linear-gradient(to left,#6f506e,#284f7000)}.region-gradient-as{position:absolute;top:0;right:0;height:100%;width:100px;background:linear-gradient(to left,#324c29,#284f7000)}.high-tier{position:absolute;bottom:5px;right:5px;font-size:40px;font-weight:700;color:#383838}.player-skin{object-fit:contain;height:85%;margin-bottom:0;filter:drop-shadow(3px 3px 8px rgba(0,0,0,.8))}.player-info{height:100%;display:flex;max-width:120px;flex-direction:column;justify-content:start;align-items:start;padding-inline-end:10px}.player-username{font-weight:500;color:#fff;font-size:20px;margin-top:15px}.player-username-special{font-weight:500;max-width:200px;font-size:20px;margin-top:15px;filter:drop-shadow(0 0 4px var(--vip-glow-mid));background:linear-gradient(90deg,var(--vip-color-light),var(--vip-color-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.player-last-tested{font-size:10px;margin-top:2px;color:#8f8f8f}.player-component-container:hover{-webkit-backdrop-filter:brightness(1.2);backdrop-filter:brightness(1.2)}.player-component-container:hover .player-component{width:calc(100% - 40px);z-index:0}.player-component:after{content:"";position:absolute;top:0;right:-23px;width:15px;height:100%;opacity:0;z-index:-1;transition:opacity .25s ease;pointer-events:none;border-radius:0 10px 10px 0}.player-component-container:hover .player-component:after{opacity:1}.region{position:absolute;top:0;right:-8px;height:100%;width:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.region span{transform:translate(10px)}.eu{background-color:#a5d2f1;color:#2c7db8;margin-left:5px;box-shadow:inset 26px 0 12px -3px #2f6ea0}.na{background-color:#dbb3da;color:#955f93;margin-left:5px;box-shadow:inset 26px 0 12px -3px #956993}.as{background-color:#b3f19e;color:#568247;margin-left:5px;box-shadow:inset 26px 0 12px -3px #568247}.heading-t1{border-radius:50px 50px 0 0;width:100%;text-align:center;padding-bottom:10px;transform:translateY(20px);border:5px solid transparent;background:linear-gradient(#323024,#323024) padding-box,linear-gradient(135deg,#9a7931,#eebf59 23%,#534424) border-box;background-clip:padding-box,border-box;box-shadow:#101010 5px 5px 30px}.heading-t1 h1{color:transparent;text-shadow:0 0 12px rgb(182,151,51);background:linear-gradient(135deg,#edd25e,#dda64e 40%,#fff6de,#d9a44e 60%,#f4cd59);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:shine 8s linear infinite}@keyframes shine{0%{background-position:-200% 0}to{background-position:200% 0}}.heading-t2{color:#efefef;text-shadow:0 0 12px rgb(157,157,157);border-radius:50px 50px 0 0;width:99%;text-align:center;padding-bottom:10px;transform:translateY(20px) translate(4px);border:5px solid transparent;background:linear-gradient(#2e2f31,#2e2f31) padding-box,linear-gradient(135deg,#949494,#d4d4d4 23%,#47494a) border-box;background-clip:padding-box,border-box;box-shadow:#101010 5px 5px 30px}.heading-t3{color:#deab70;text-shadow:0 0 12px rgb(162,113,60);border-radius:50px 50px 0 0;width:99%;text-align:center;padding-bottom:10px;transform:translateY(20px) translate(4px);border:5px solid transparent;background:linear-gradient(#2d2a26,#2d2a26) padding-box,linear-gradient(135deg,#c2843e,#e6b36c 23%,#4e3d2b) border-box;background-clip:padding-box,border-box;box-shadow:#101010 5px 5px 30px}.heading-t2 h1{color:transparent;text-shadow:0 0 12px rgb(157,157,157);background:linear-gradient(135deg,#b5b6b6,#acadae 40%,#fff,#a2a5a5 60%,#b5b6b7);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:shine 8s linear infinite}.heading-t3 h1{color:transparent;text-shadow:0 0 12px rgb(162,113,60);background:linear-gradient(135deg,#ca9256,#de9f5d 40%,#ffead4,#cb8c48 60%,#c58846);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:shine 8s linear infinite}.heading-t4{color:#959595;border-radius:50px 50px 0 0;width:99%;text-align:center;padding-bottom:10px;background-color:#282828;border:5px solid #6B6B6B;transform:translateY(20px) translate(4px);box-shadow:#101010 5px 5px 30px}.heading-t5{color:#555759;border-radius:50px 50px 0 0;width:99%;text-align:center;padding-bottom:10px;background-color:#242424;border:5px solid #454749;transform:translateY(20px) translate(4px);box-shadow:#101010 5px 5px 30px}.heading-wrapper{width:99%;position:relative;transform:translate(-4px);min-width:0}.heading-slide{transition:transform .8s ease;will-change:transform;position:relative;z-index:3}.reveal-player{position:absolute;width:90%;top:40px;left:10px;z-index:2}button{background-color:#1a84f4;color:#ddd;border-radius:10px;border:none;height:48px;width:97px;font-family:Lexend,sans-serif;transition:.3s}button:hover{background-color:#0c63c0}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#18181bcc;z-index:10;transition:opacity .3s ease;opacity:0;pointer-events:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal{background-color:#242424;width:max-content;height:max-content;position:fixed;top:50%;left:50%;transform:translate(-50%);opacity:0;transition:transform .5s ease,opacity .2s ease;border:none;border-radius:37px;display:flex;flex-direction:column;align-items:stretch;z-index:10;pointer-events:none}.modal.show{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}.modal.hide{opacity:0;transform:translate(-50%);pointer-events:none}.modal-topbar{display:flex;justify-content:space-between;align-items:center;margin-inline:25px}.modal-topbar>h2{color:#fff;font-weight:700;font-size:40px;padding-top:0}.close-btn{width:24px;height:24px;background-color:transparent;border-radius:10px;text-align:center;padding:10px;cursor:pointer}.close-btn:hover{background-color:#2b2b2b}.modal-outer-container{display:flex;flex-direction:row;padding:10px}.modal-outer-container>img{width:auto;height:183px;margin:0 10px 10px}.modal-tiers{display:flex;gap:10px}.modal-tier{display:flex;position:relative;align-items:center;justify-content:center;border-radius:13px;min-width:177px;gap:10px;font-size:32px;flex-grow:1}.modal-tier>span{position:absolute;top:5px;left:50%;font-size:13px;transform:translate(-50%)}.modal-tier>h3{margin:20px 0 0}.modal-tier>img{margin-top:20px;width:50px;height:50px}.t1{background-color:#323024;color:#eec469}.t1>span{color:#8e8865}.t2{background-color:#2e2f31;color:#efefef}.t2>span{color:#5e606f}.t3{background-color:#2d2a26;color:#deab70}.t3>span{color:#6f675e}.t4{background-color:#282828;color:#959595}.t4>span{color:#434343}.t5{background-color:#242424;color:#555759}.t5>span{color:#3a3a3a}.modal-eu{border:2px solid #68B1E6;background-color:#a5d2f1;color:#2c7db8}.modal-na{border:2px solid #AE86AD;background-color:#dbb3da;color:#955f93}.modal-as{border:2px solid #7CB36A;background-color:#b3f19e;color:#568247}.modal-au{border:2px solid #A56A36;background-color:#e2ad7e;color:#a56a36}.modal-socials{display:flex;flex-grow:1;flex-direction:row;gap:10px}.modal-social{height:45px;min-width:177px;flex-grow:1;border-radius:9px;display:flex;flex-direction:row;align-items:center;margin-top:10px;font-weight:400;font-size:20px;padding-right:16px}.modal-social>img{height:25px;width:auto;margin-left:16px;margin-right:8px}.modal-discord{background-color:#292c33;color:#5865f2;transition:.2s;cursor:pointer}.modal-discord:hover{background-color:#3b404d}.modal-youtube{background-color:#332929;color:red;transition:.2s;cursor:pointer}.modal-youtube:hover{background-color:#483636}.kit-img{width:400px;height:auto;border-radius:8px;margin:24px}@media only screen and (max-width: 800px){.modal{top:50%;width:fit-content;max-height:90vh;max-width:90vw}.modal-topbar>h2{max-width:70vw;overflow:hidden}.modal-outer-container{flex-direction:column;align-items:center;width:auto;overflow-y:scroll;overflow-x:scroll;margin-bottom:24px}.modal-socials{flex-direction:column;margin-top:10px}.modal-social{min-width:none;margin-top:0}.modal-tiers{flex-direction:column}.kit-img{width:60vw;height:auto}}.modal-info{display:flex;align-items:center;justify-content:space-between;color:#b4b4b4;margin-top:10px;font-size:20px}.modal-region{width:77px;height:33px;display:flex;justify-content:center;align-items:center;border-radius:24px;font-weight:700}.modal-not-found{background-color:#242424;width:220px;height:max-content;position:fixed;padding:10px;top:50%;left:50%;transform:translate(-50%,-50%);border:none;border-radius:37px;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:10}.modal-not-found>span{font-size:20px;font-weight:400;color:#ff5353}.modal-not-found>img{transform:translateY(3px)}