.ranks-page__container{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:32px;border-radius:8px;background:#101224}@media screen and (max-width:1200px){.ranks-page__container{overflow:hidden}}@media screen and (max-width:1024px){.ranks-page__container{padding:24px}}@media screen and (max-width:767.98px){.ranks-page__container{padding:24px 16px}}.ranks-page__header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}@media screen and (max-width:1024px){.ranks-page__header{flex-direction:column;align-items:flex-start}}.ranks-page__title{font-family:Halvar Breitschrift,sans-serif;font-weight:700;font-size:20px;line-height:24px;letter-spacing:-.3px;text-transform:uppercase;color:#f3f3f3;display:flex;align-items:center;margin:0}.ranks-page__title img,.ranks-page__title svg{max-width:16px;margin-right:8px}@media screen and (max-width:767.98px){.ranks-page__title{font-size:16px;line-height:20px}}.ranks-page-user{display:flex;align-items:center}@media screen and (max-width:1024px){.ranks-page-user{width:100%;margin-top:32px}}@media screen and (max-width:767.98px){.ranks-page-user{flex-direction:column;align-items:flex-start}}.ranks-page-user__rank{display:flex;align-items:center;flex-shrink:0;font-family:Halvar Breitschrift,sans-serif;font-weight:700;font-size:13px;line-height:15px;letter-spacing:-.5px;text-transform:uppercase;color:#f3f3f3;margin-right:10px}@media screen and (max-width:767.98px){.ranks-page-user__rank{margin-right:0;margin-bottom:14px}}.ranks-page-user__rank img,.ranks-page-user__rank svg{display:flex;flex-shrink:0;width:20px;height:20px;margin-right:8px}.ranks-page-user__progress{width:250px;margin-right:10px}@media screen and (max-width:767.98px){.ranks-page-user__progress{margin-right:0;margin-bottom:14px}}.ranks-page-user__progress .progress-bar{background:#1b1d32}.ranks-page-user__progress .progress-bar span{background:#24abf8;box-shadow:inset 0 3px 8px 1px #6dcaff}@media screen and (max-width:1024px){.ranks-page-user__progress{width:100%}}.ranks-page-user__points{display:flex;flex-shrink:0;align-items:flex-end}.ranks-page-user__points>:first-child{font-weight:700;font-size:14px;line-height:18px;text-align:right;letter-spacing:-.5px;color:#f3f3f3}.ranks-page-user__points>:last-child{font-size:12px;line-height:16px;color:#666d85}.ranks-page__slider-block{width:100%;padding-bottom:32px;border-bottom:1px solid #23253d;margin-bottom:48px;min-height:395px}.ranks-page__slider-block .ranks-page__header{margin-bottom:28px}.ranks-slider{display:flex;align-items:center;width:100%;position:relative;padding:0 8px}@media screen and (max-width:1200px){.ranks-slider{padding:0;width:calc(100% + 32px)}.ranks-slider:before{content:"";position:absolute;top:0;bottom:-20px;right:0;width:8px;z-index:2;background:#101224;box-shadow:0 0 32px 32px #101224}}@media screen and (max-width:1024px){.ranks-slider{width:calc(100% + 24px)}}@media screen and (max-width:767.98px){.ranks-slider{width:calc(100% + 16px)}}.ranks-slider .swiper-slide{width:186px;height:310px;padding-top:20px}.ranks-slider .ranks-slider__next,.ranks-slider .ranks-slider__prev{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;background-color:#f3f3f3;transition:.2s ease;cursor:pointer}.ranks-slider .ranks-slider__next svg,.ranks-slider .ranks-slider__prev svg{fill:#0c0f1e;transform-origin:center;width:16px;height:8px;transition:.2s ease}.ranks-slider .ranks-slider__next.disabled,.ranks-slider .ranks-slider__prev.disabled{cursor:none;opacity:.33;pointer-events:none}.ranks-slider .ranks-slider__prev{left:-24px}@media screen and (max-width:1200px){.ranks-slider .ranks-slider__prev{left:-12px}}.ranks-slider .ranks-slider__prev svg{transform:rotate(90deg)}.ranks-slider .ranks-slider__prev:hover:not(.disabled){background-color:#fff}.ranks-slider .ranks-slider__prev:hover:not(.disabled) svg{transform:rotate(90deg) translateY(4px)}@media screen and (max-width:1200px){.ranks-slider .ranks-slider__prev:hover:not(.disabled) svg{transform:rotate(90deg)}}.ranks-slider .ranks-slider__next{right:-24px}@media screen and (max-width:1200px){.ranks-slider .ranks-slider__next{right:0}}.ranks-slider .ranks-slider__next svg{transform:rotate(-90deg)}.ranks-slider .ranks-slider__next:hover:not(.disabled){background-color:#fff}.ranks-slider .ranks-slider__next:hover:not(.disabled) svg{transform:rotate(-90deg) translateY(4px)}@media screen and (max-width:1200px){.ranks-slider .ranks-slider__next:hover:not(.disabled) svg{transform:rotate(-90deg)}}.ranks-info{width:100%}.ranks-info__container{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;grid-gap:18px;gap:18px}.ranks-info-block{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 16px;background:#1b1d32;border-radius:12px;position:relative;overflow:hidden}.ranks-info-block.highlight{-webkit-animation:highlightBg 1.75s ease-in-out 3;animation:highlightBg 1.75s ease-in-out 3}@-webkit-keyframes highlightBg{0%{background-color:#1b1d32}50%{background-color:rgba(173,216,230,.2)}}@keyframes highlightBg{0%{background-color:#1b1d32}50%{background-color:rgba(173,216,230,.2)}}@media screen and (max-width:767.98px){.ranks-info-block{width:100%!important;order:0!important}}.ranks-info-block__icon{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0;overflow:hidden;background:#0c0f1e;border:2px solid #24abf8;margin-bottom:16px}.ranks-info-block__icon img,.ranks-info-block__icon svg{max-width:20px}.ranks-info-block__title{font-weight:700;font-size:20px;line-height:20px;color:#f3f3f3;margin-bottom:16px}.ranks-info-block__text{font-weight:400;font-size:13px;line-height:20px;color:#f3f3f3}.ranks-info-block__text b{font-weight:700}.ranks-info-block>:not(.ranks-info-block__img){position:relative;z-index:2}.ranks-info-block__img{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ranks-info-block__img:before{content:"";border-radius:50%;position:absolute}.ranks-info-block__img img,.ranks-info-block__img svg{z-index:1;position:relative}.ranks-info-block__img img{width:100%}.ranks-info-block--profit{padding-bottom:110px;width:calc(50% - 128px)}@media screen and (max-width:1024px){.ranks-info-block--profit{width:calc(60% - 10.8px)}}@media screen and (max-width:767.98px){.ranks-info-block--profit{padding-bottom:80px;padding-right:48px}}.ranks-info-block__img--numbers{right:0;top:24px;width:100px}.ranks-info-block__img--numbers:before{width:160px;height:160px;background:#3e4af7;opacity:.3;filter:blur(74px);bottom:0;left:0}.ranks-info-block__img--spaceship{bottom:-68px;align-self:center;display:flex;justify-content:center;align-items:center;width:200px}.ranks-info-block__img--spaceship:before{width:160px;height:160px;background:#ff2c52;opacity:.5;filter:blur(72px)}@media screen and (max-width:767.98px){.ranks-info-block__img--spaceship{width:180px;bottom:-30px;right:10px}}.ranks-info-block--controller{padding-bottom:110px;width:220px;flex-shrink:0}@media screen and (max-width:1024px){.ranks-info-block--controller{width:calc(40% - 7.2px);flex-shrink:1}}@media screen and (max-width:767.98px){.ranks-info-block--controller{padding-bottom:90px}}.ranks-info-block__img--controller{bottom:-20px;align-self:center;display:flex;justify-content:center;align-items:center;width:180px}.ranks-info-block__img--controller:before{width:160px;height:160px;background:#3e4af7;opacity:.5;filter:blur(50px)}.ranks-info-block--expansion{padding-bottom:110px;width:calc(50% - 128px)}.ranks-info-block--expansion .ranks-info-block__text{max-width:180px}@media screen and (max-width:1024px){.ranks-info-block--expansion{width:calc(60% - 10.8px);min-height:300px}}@media screen and (max-width:767.98px){.ranks-info-block--expansion{min-height:auto;padding-right:100px;padding-bottom:40px}}.ranks-info-block__img--expansion{right:-42px;bottom:-78px;width:210px}.ranks-info-block__img--expansion:before{width:180px;height:180px;background:#b658ff;filter:blur(64px);bottom:15px;left:0}@media screen and (max-width:767.98px){.ranks-info-block__img--expansion{bottom:-170px;width:250px;right:-81px}}.ranks-info-block--chest{padding-right:230px;width:calc(62% - 11.16px)}@media screen and (max-width:1024px){.ranks-info-block--chest{width:100%;order:1;min-height:210px;padding-right:300px}}@media screen and (max-width:767.98px){.ranks-info-block--chest{padding-right:24px;padding-bottom:120px}.ranks-info-block--chest .ranks-info-block__text{padding-right:32px}}.ranks-info-block__img--chest{right:24px;top:32px;display:flex;justify-content:center;align-items:center;width:196px}.ranks-info-block__img--chest:before{width:160px;height:160px;background:#ffbe18;opacity:.5;filter:blur(72px)}@media screen and (max-width:1024px){.ranks-info-block__img--chest{right:64px}}@media screen and (max-width:767.98px){.ranks-info-block__img--chest{right:calc(50% - 98px);top:auto;bottom:-46px}}.ranks-info-block--case{padding-right:160px;width:calc(38% - 6.84px)}@media screen and (max-width:1024px){.ranks-info-block--case{width:calc(40% - 7.2px);padding-right:24px}}@media screen and (max-width:767.98px){.ranks-info-block--case{padding-right:100px;padding-bottom:40px}}.ranks-info-block__img--case{right:0;top:32px;display:flex;justify-content:center;align-items:center;width:160px;height:160px}.ranks-info-block__img--case:before{width:150px;height:150px;background:#2e43ff;opacity:.5;filter:blur(48px)}@media screen and (min-width:768px)and (max-width:1024px){.ranks-info-block__img--case{right:auto;top:auto;bottom:-12px;width:120px;height:120px;left:calc(50% - 60px)}}@media screen and (max-width:767.98px){.ranks-info-block__img--case{right:-42px;top:40px}}.ranks-card{width:186px;height:290px;background:url(/_nuxt/img/rank-card-mask.c986df5.svg) no-repeat 50%;background-size:cover;display:flex;flex-shrink:0;position:relative}.ranks-card>*{position:relative;z-index:2}.ranks-card.active:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background:url(/_nuxt/img/rank-card-mask-active.67b6ca1.svg) no-repeat 50%;background-size:cover;z-index:1}.ranks-card__user-badge{z-index:3;position:absolute!important;top:-20px;left:50%;transform:translate(-50%);height:26px;padding:0 10px;border-top-left-radius:12px;border-top-right-radius:12px;background:#098bea;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:12px;line-height:16px;text-align:center;letter-spacing:-.5px;color:#f3f3f3}.ranks-card__container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:24px;padding-left:18px;padding-right:18px;overflow:hidden}.ranks-card__img{display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative;transform-origin:center;transition:.33s ease}.ranks-card__img img{height:48px;position:relative;z-index:1}.ranks-card__img:before{content:"";width:64px;height:64px;border-radius:50%;position:absolute;background-color:#3ef772;filter:blur(32px)}.ranks-card.ranks-card--1 .ranks-card__img:before{background-color:#3e4af7}.ranks-card.ranks-card--1 .ranks-card__info-percent{color:#3e4af7}.ranks-card.ranks-card--2 .ranks-card__img:before{background-color:#3ef772}.ranks-card.ranks-card--2 .ranks-card__info-percent{color:#3ef772}.ranks-card.ranks-card--3 .ranks-card__img:before{background-color:#f7763e}.ranks-card.ranks-card--3 .ranks-card__info-percent{color:#f7763e}.ranks-card.ranks-card--4 .ranks-card__img:before{background-color:#33bf61}.ranks-card.ranks-card--4 .ranks-card__info-percent{color:#33bf61}.ranks-card.ranks-card--5 .ranks-card__img:before{background-color:#8f3ef7}.ranks-card.ranks-card--5 .ranks-card__info-percent{color:#8f3ef7}.ranks-card.ranks-card--6 .ranks-card__img:before{background-color:#3ef7cb}.ranks-card.ranks-card--6 .ranks-card__info-percent{color:#3ef7cb}.ranks-card.ranks-card--7 .ranks-card__img:before{background-color:#843ef7}.ranks-card.ranks-card--7 .ranks-card__info-percent{color:#843ef7}.ranks-card.ranks-card--8 .ranks-card__img:before{background-color:#3e51f7}.ranks-card.ranks-card--8 .ranks-card__info-percent{color:#3e51f7}.ranks-card.ranks-card--9 .ranks-card__img:before{background-color:#f73ee4}.ranks-card.ranks-card--9 .ranks-card__info-percent{color:#f73ee4}.ranks-card.ranks-card--10 .ranks-card__img:before{background-color:#ffb648}.ranks-card.ranks-card--10 .ranks-card__info-percent{color:#ffb648}.ranks-card__info-percent{cursor:pointer;transition:.2s ease}.ranks-card__info-percent:hover{opacity:.8}.ranks-card__subtitle{font-weight:700;font-size:11px;line-height:14px;text-transform:uppercase;color:#f3f3f3;opacity:.25;margin-bottom:2px}.ranks-card__title{font-family:Halvar Breitschrift,sans-serif;font-weight:800;font-size:15px;line-height:17px;text-transform:uppercase;color:#f3f3f3;margin-bottom:14px}.ranks-card__info{width:calc(100% + 12px);margin-left:-6px;margin-right:-6px;display:flex;align-items:stretch;grid-gap:2px;gap:2px}.ranks-card__info>*{min-height:44px;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#131529}.ranks-card__info>:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.ranks-card__info>:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.ranks-card__info-title{font-family:Halvar Breitschrift,sans-serif;font-weight:800;font-size:12px;line-height:14px;text-transform:uppercase;color:#f3f3f3;margin-bottom:2px}.ranks-card__info-subtitle{font-weight:400;font-size:11px;line-height:14px;color:#858cab}.ranks-card__case{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:12px}.ranks-card__case img,.ranks-card__case svg{width:68px}.ranks-card__case.has-case .ranks-card__case-title{color:#f3f3f3;font-weight:700}.ranks-card__case-title{font-weight:400;font-size:12px;line-height:15px;color:#858cab;text-align:center;margin-bottom:10px}.ranks-card__footer{position:absolute;left:4px;right:4px;bottom:4px;height:80px;background:linear-gradient(0deg,#1b1d32 20%,rgba(27,29,50,.9) 40%,rgba(27,29,50,.8) 90%,hsla(0,0%,100%,0));display:flex;align-items:flex-end;padding:0 6px 6px;transition:.13s ease-in;opacity:0;z-index:5}@media screen and (max-width:767.98px){.ranks-card__footer{display:none}}.ranks-card__btn{width:100%;height:44px;transform-origin:center;transform:translateY(60px)}.ranks-card.has-case:hover .ranks-card__footer{opacity:1}.ranks-card.has-case:hover .ranks-card__btn{-webkit-animation-delay:.13s;animation-delay:.13s;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:showRankCaseBtn;animation-name:showRankCaseBtn}.ranks-card:hover .ranks-card__img{transform:scale(1.088)}@-webkit-keyframes showRankCaseBtn{to{transform:translateY(0)}}@keyframes showRankCaseBtn{to{transform:translateY(0)}}