:root{--brand-color:#e50914;--main-background-color:#141414;--main-background-color-rgb:20,20,20;--white-color:#fff;--white-secondary-color:#dcdcdc;--black-color:#000;--black-color-rgb:0,0,0;--gray-color:#b3b3b3;--transparentGray-color:hsla(240,0%,43%,.7);--navbar-background-gradient:linear-gradient(to bottom,var(--main-background-color),rgba(var(--main-background-color-rgb),0));--display-gradient:radial-gradient(closest-side at 0% 50%,rgba(var(--main-background-color-rgb),0),var(--main-background-color));--navbar-blur:blur(10px);--progress-gray-color:hsla(0,0%,100%,.3)}body,html{background-color:var(--main-background-color);padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;width:100%;overflow-x:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.button{border:none;outline:none;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;transition-duration:.2s}.button.medium{padding-inline:1.4rem;padding-block:.6rem;gap:10px;font-size:1.1rem;font-weight:600}.button.medium.sharp{border-radius:.25rem}.button.transparentGray{background-color:var(--transparentGray-color);color:var(--white-color)}.button:hover{opacity:.75}.invisibleButton{border:none;outline:none;background:none;padding:none;margin:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;cursor:pointer}.invisibleButton:is(.pop):hover>*{transform:scale(1.15)}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:68px;padding-inline:50px;position:fixed;top:0;left:50%;transform:translateX(-50%);background:var(--navbar-background-gradient);transition-duration:.35s;z-index:100}nav.scrolled{background:rgba(var(--black-color-rgb),.7);-webkit-backdrop-filter:var(--navbar-blur);backdrop-filter:var(--navbar-blur)}.navbar-left_container{gap:42px}.navbar-left_container,.navbar-right_container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.navbar-right_container{gap:20px}.navbar-links{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:20px;list-style:none}.navbar-link{font-size:.88rem;color:var(--white-color);transition-duration:.2s}.navbar-link:hover{opacity:.6}.navbar-link.active{font-weight:700;color:var(--white-color)}.navbar-link_alwaysActive{font-size:.88rem;color:var(--white-color);transition-duration:.2s}.navbar-link_alwaysActive:hover{opacity:.6}.profile-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px}.profile-image{border-radius:3px}.viewCard{width:17.89vw;cursor:pointer;position:relative;transition-duration:.3s}.viewCardImage{border-radius:3px}.viewCard:hover{transform:scale(1.12);z-index:10}.viewCard>.progressBar{width:100%;height:4px;background:var(--progress-gray-color);position:absolute;bottom:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;overflow:hidden}.viewCard>.progressBar>div{height:100%;background:var(--brand-color)}.slider{width:100vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:static}.slideElements{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;top:0;left:4.5vw;transition-duration:.3s}.slider:hover>.slider-slideLeft>*,.slider:hover>.slider-slideRight>*{opacity:1}.slider-slideLeft:hover,.slider-slideRight:hover{background-color:rgba(var(--main-background-color-rgb),.9)}.slider-slideLeft:hover>*,.slider-slideRight:hover>*{transform:scale(1.3)}.slider-slideLeft,.slider-slideRight{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;transform:translateY(-50%);cursor:pointer;width:4.5vw;height:101%;background-color:rgba(var(--main-background-color-rgb),.7);transition-duration:.3s;z-index:5}.slider-slideLeft>*,.slider-slideRight>*{transition-duration:.3s;opacity:0}.slider-slideLeft{left:0}.slider-slideRight{transform:translate(-100%,-50%);left:100%}.rankCardWrap{position:relative;display:flex;flex-direction:row;gap:0;justify-content:flex-end;align-items:center;width:17.89vw}.rankCard{width:9.3vw;position:relative;cursor:pointer;transition-duration:.3s;border-radius:3px;overflow:hidden}.rankCard:hover{transform:scale(1.1)}.rankCardRank{font-size:15vw;margin:0;line-height:75%;text-align:center;right:-10%;top:-10px;position:relative;color:var(--black-color);-webkit-text-stroke:4px var(--transparentGray-color)}.rankCardWrap:first-child .rankCardRank{letter-spacing:-.9vw}.rankCardWrap:nth-child(10) .rankCardRank{letter-spacing:-2vw;left:-10px}.rankCardWrap:nth-child(10) .rankCard{position:absolute;right:0}.rankCardWrap:nth-child(10){justify-content:flex-start;height:14vw}