@keyframes Complete-appear--2kb0i {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes Complete-downshift--3gzQE {
    0% {
        transform: translateY(-50px);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes Complete-footer-appear--1W1qK {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.Complete-base--20z2S {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #000 url(images/bonds-shop-complete-bg-b9d2bbc2dd11b69cd16814cbbb49fad7.jpg) center no-repeat;
    background-size: cover;
}
.Complete-holder--3qvAu {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    opacity: 0;
    animation: Complete-appear--2kb0i .2s .2s forwards;
}
.Complete-header--2RtV3 {
    display: -webkit-box;
    display: flex;
    flex: 0 0 0;
    flex-direction: column;
    justify-content: flex-end;
    animation: Complete-downshift--3gzQE .4s .4s forwards;
}
.Complete-heading--10v1E {
    margin: 78px 0 14px;
    color: #e9e2bf;
    font-size: 56px;
    text-align: center;
    opacity: 0;
    animation: Complete-appear--2kb0i .3s .4s forwards;
}
.Complete-title--MT-aR {
    display: block;
    margin: 0 60px;
    color: #e9e2bf;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    opacity: 0;
    animation: Complete-appear--2kb0i .3s .4s forwards;
}
.Complete-main--2PRJr {
    text-align: center;
}
.Complete-image--nuGlG {
    display: inline-block;
    width: 750px;
    vertical-align: top;
}
@media (max-height: 900px) {
.Complete-image--nuGlG {
        width: 450px
}
    }
.Complete-footer--ntTsi {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex: 1 0 auto;
    justify-content: center;
    padding: 64px 0 34px;
    background: url(images/bonds-shop-complete-footer-bg-dbab36f2ac296190af4944df9135f84d.png) center 32px no-repeat;
    opacity: 0;
    animation: Complete-footer-appear--1W1qK .3s .4s forwards;
}
.Complete-description--1-TV1 {
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    margin: 0 0 -18px;
    color: #cbac77;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    opacity: 0;
    animation: Complete-appear--2kb0i .3s .4s forwards;
}
.Complete-button--hULEW {
    min-width: 160px;
}
.BondsShopOverlay-base--2CsHp {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    background: #000 url(images/background-bonds-shop-overlay-803c2e209d90e3b93badaedc38aaeec1.jpg) no-repeat center;
    background-size: cover;
}

.BondsShopOverlay-balance--vDR9T {
    position: absolute;
    top: 11px;
    right: 9px;
    z-index: 999;
}

.BondsShopOverlay-balance--vDR9T.BondsShopOverlay-isNotAvailable--2e_Do::before {
        position: absolute;
        top: 50%;
        left: -20px;
        width: 16px;
        height: 16px;
        background: url(images/bonds-shop-overlay-balance-alert-6f7efae7929fe9592fc0f914d77ac4ce.svg) center no-repeat;
        content: '';
        transform: translateY(-50%);
    }

.BondsShopOverlay-balanceCaption--1UVrf {
    margin: 0 4px 0 0;
    color: #8c8c7e;
    font-size: 14px;
    line-height: 18px;
}

.BondsShopOverlay-balanceValue--2QKDy {
    color: #c9c9b6;
    font-size: 14px;
    line-height: 16px;
}

.BondsShopOverlay-back--2hYIa {
    position: absolute;
    top: 65px;
    right: 30px;
    z-index: 999;
}
.BondsShop-base--3Xw6C {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 199px 0 0;
    background: #000 url(images/background-bonds-749c2cd3cfe9760bbe0c81a12acbe18b.jpg) no-repeat center;
    text-align: center;
}

    .BondsShop-base__extraSmall--3VikP {
        padding: 119px 0 0;
    }

    .BondsShop-base__small--3JI0Q {
        padding: 144px 0 0;
    }

    .BondsShop-base__medium--1jmjY {
        padding: 164px 0 0;
    }

    .BondsShop-base__large--1ahT4 {
        padding: 199px 0 0;
    }

    .BondsShop-base__extraLarge--mhFDp {
        padding: 199px 0 0;
    }

.BondsShop-error--2iSwQ {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(19, 18, 16, .7);
}

.BondsShop-errorImage--24TzZ {
    width: 220px;
    height: 150px;
    background: url(images/bonds-shop-error-a429ae23e37098f43e7d732eee0a0d8b.png) no-repeat;
}

.BondsShop-errorTitle--3aiN6 {
    padding: 9px 0 8px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
}

.BondsShop-errorMessage--2Xp19 {
    padding: 0 0 27px;
    color: #8c8c7e;
    font-size: 16px;
}

.BondsShop-header--6H04K {
    position: absolute;
    top: 49px;
    z-index: 1;
    width: 100%;
    color: #f2f2f7;
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase
}

@media all and (min-width: 1366px) and (max-width: 1599px) {

.BondsShop-header--6H04K {
        font-size: 56px
}
    }

@media all and (min-width: 1600px) and (max-width: 1919px) {

.BondsShop-header--6H04K {
        font-size: 56px
}
    }

@media all and (min-width: 1920px) and (max-width: 2199px) {

.BondsShop-header--6H04K {
        font-size: 73px
}
    }

@media all and (min-width: 2200px) {

.BondsShop-header--6H04K {
        top: 59px;
        font-size: 73px
}
    }

.BondsShop-back--1oj34 {
    position: absolute;
    top: 65px;
    right: 30px;
    z-index: 999;
}
.BondsShopProduct-base--2guM6 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    text-align: center;
}

    @media (max-width: 1365px), (max-height: 811px) {

    .BondsShopProduct-base--2guM6 {
        position: absolute;
}

        .BondsShopProduct-base--2guM6::before {
            background: #000 url(images/background-bonds-small-fe2fad190cf254df298abc67c43fd69e.jpg) no-repeat center !important;
        }

        .BondsShopProduct-base--2guM6::after {
            background: #000 url(images/background-bonds-hover-small-1d5b87527a498d4ce3b9953d090885d3.jpg) no-repeat center !important;
        }
    }

    .BondsShopProduct-base--2guM6::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000 url(images/background-bonds-749c2cd3cfe9760bbe0c81a12acbe18b.jpg) no-repeat center;
        content: '';
    }

    .BondsShopProduct-base--2guM6::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000 url(images/background-bonds-hover-f2907746d148716a8509273986e55342.jpg) no-repeat center;
        opacity: 0;
        content: '';
        transition: ease-out opacity .2s;
    }

    .BondsShopProduct-base__hover--5tSmT::after {
        opacity: 1;
    }

.BondsShopProduct-product--3rYVJ {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 750px;
    height: 600px;
    margin: -300px 0 0 -378px;
}

.BondsShopProduct-productImage--3vF2o {
    position: absolute;
    top: 180px;
    left: 90px;
    width: 570px;
    height: 320px
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProduct-productImage--3vF2o {
        top: 211px;
        left: 176px;
        width: 399px;
        height: 224px
}
    }

.BondsShopProduct-imageDefault--2feL_,
.BondsShopProduct-imageHover--kT1m1 {
    position: absolute;
    top: -180px;
    left: -90px;
    width: 750px;
    height: 600px;
    background-size: contain;
    transition: ease-out opacity .2s;
    pointer-events: none
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProduct-imageDefault--2feL_,
.BondsShopProduct-imageHover--kT1m1 {
        top: -220px;
        left: -175px;
        transform: scale(.71)
}
    }

.BondsShopProduct-imageDefault--2feL_ {
    opacity: 1;
}

.BondsShopProduct-imageDefault__passive--D_9Ay {
        -webkit-filter: brightness(50%);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.5" /><feFuncG type="linear" slope="0.5" /><feFuncB type="linear" slope="0.5" /></feComponentTransfer></filter></svg>#filter');
                filter: brightness(50%);
    }

.BondsShopProduct-base__hover--5tSmT .BondsShopProduct-imageDefault--2feL_ {
        opacity: 0;
    }

.BondsShopProduct-imageHover--kT1m1 {
    opacity: 0;
}

.BondsShopProduct-base__hover--5tSmT .BondsShopProduct-imageHover--kT1m1 {
        opacity: 1;
    }

.BondsShopProduct-locked--1FPE2 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 974px;
    height: 796px;
    margin: -398px 0 0 -487px;
    background: url(images/bonds-shop-product-lock-shadow-b0b0d8ce2c9564f2100377e29f35bc2a.png) no-repeat;
    background-size: contain;
}

@media (max-width: 1365px), (max-height: 811px) {
        .BondsShopProduct-locked--1FPE2::before {
            margin: -150px 0 0 -120px;
        }
    }

.BondsShopProduct-locked--1FPE2::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 240px;
        height: 240px;
        margin: -140px 0 0 -120px;
        background: url(images/bonds-shop-product-lock-0c478a8f2869834828bbb5431b6d9ece.png) no-repeat;
        content: '';
    }

.BondsShopProduct-previewWrapper--1WUX7 {
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProduct-previewWrapper--1WUX7 {
        bottom: -25px
}
    }

.BondsShopProduct-preview--2MOl1 {
    display: inline-block;
    min-width: 100px;
    height: 100px;
    margin: 0 0 0 10px;
    padding: 75px 0 0;
    background: url(images/bonds-shop-product-preview-a05d35b743300c18bbc71ce38777bddc.png) no-repeat center top;
    color: #fd9;
    font-size: 14px;
    text-shadow: 0px 0px 15px #e52, 0px 0px 8px #ff2a00, 0px 0px 4px rgba(255, 127, 0, .25);
    vertical-align: top;
    opacity: .5;
    cursor: pointer;
    transition: ease-out opacity .2s;
}

.BondsShopProduct-preview--2MOl1:hover {
        opacity: 1;
    }

.BondsShopProduct-payment--1Lg2D {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProduct-payment--1Lg2D {
        bottom: 100px;
}
    }

.BondsShopProduct-payment--1Lg2D::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 838px;
        height: 90px;
        margin: -45px 0 0 -419px;
        background: url(images/bonds-shop-product-price-shadow-191185f29eb058542b24d244b0d7d608.png) no-repeat;
        content: '';
    }

.BondsShopProduct-oldPrice--1CdgX {
    display: inline-block;
    margin: 6px 4px 0 0;
    color: #8c8c7e;
    font-size: 16px;
    -webkit-text-decoration-line: line-through;
            text-decoration-line: line-through;
    vertical-align: top;
    mix-blend-mode: screen;
}

.BondsShopProduct-price--2HXyg {
    display: inline-block;
    margin: 2px 0 0;
    font-size: 24px;
    font-weight: 700;
    vertical-align: top;
}

.BondsShopProduct-button--6HIlC {
    display: inline-block;
    margin: 0 0 0 12px;
    vertical-align: top;
}

.BondsShopProduct-payButton--3IcEx {
    min-width: 160px;
    padding-right: 20px;
    padding-left: 20px;
}

.BondsShopProduct-info--LCXVB {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 4px 0 0 -3px;
    background: url(images/bonds-shop-product-info-25b958dbc979603455dd8f1881c212a7.png) no-repeat;
    vertical-align: top;
    cursor: pointer;
}

.BondsShopProduct-purchased--3l2d7 {
    position: absolute;
    bottom: 70px;
    width: 100%;
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProduct-purchased--3l2d7 {
        bottom: 110px;
}
    }

.BondsShopProduct-purchased--3l2d7::before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: -1;
        width: 368px;
        height: 90px;
        background: url(images/bonds-shop-product-purchased-shadow-b6c2459eeefac37590d5f8996b86cd6c.png) center no-repeat;
        content: '';
        transform: translate(-50%, -50%);
    }

.BondsShopProduct-purchasedMessage--28G9r {
    display: inline-block;
    min-height: 24px;
    padding: 2px 0 0 31px;
    background: url(images/bonds-shop-product-purchased-197696ea1da0949da933e0c8f972cffb.png) no-repeat left center;
    color: #7ab300;
    font-size: 18px;
    font-weight: 700;
}
.BondsShopProductSwitch-base--1JJLL {
    position: absolute;
    bottom: 23px;
    z-index: 1;
    width: 100%;
}

.BondsShopProductSwitch-product--3-pvH {
    position: relative;
    display: inline-block;
    width: 260px;
    height: 130px;
    margin: 0 8px;
    border: 1px rgba(255, 255, 255, .1) solid;
    border-radius: 2px;
    background-color: rgba(0, 0, 0, .15);
    vertical-align: top;
    opacity: .7;
    cursor: pointer;
    transition: ease-out opacity .2s;
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProductSwitch-product--3-pvH {
        width: 180px;
        height: 100px;
}

        .BondsShopProductSwitch-product--3-pvH.BondsShopProductSwitch-isPurchased--1iGI-::after {
            width: 180px;
        }
    }

.BondsShopProductSwitch-product--3-pvH:hover {
        opacity: 1;
    }

.BondsShopProductSwitch-product--3-pvH.BondsShopProductSwitch-isActive--181Sc {
        background-color: rgba(0, 0, 0, .5);
        opacity: 1;
        cursor: default;
    }

.BondsShopProductSwitch-product--3-pvH.BondsShopProductSwitch-isPurchased--1iGI-::after {
        position: absolute;
        bottom: -14px;
        left: 50%;
        width: 260px;
        height: 25px;
        background: url(images/bonds-shop-product-switch-purchased-08fbf7487a295340a6c7205fd4362c61.png) no-repeat center;
        content: '';
        transform: translateX(-50%);
    }

.BondsShopProductSwitch-image--1VcO_ {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 240px;
    height: 160px;
    background-size: contain
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProductSwitch-image--1VcO_ {
        left: 3px;
        width: 174px;
        height: 116px
}
    }

.BondsShopProductSwitch-textWrapper--IuuPp {
    position: absolute;
    right: 1px;
    bottom: 1px;
    left: 1px;
}

.BondsShopProductSwitch-text--3z_HP {
    padding: 7px 0 0;
    border-radius: 0 0 1px 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(20%, rgba(0, 0, 0, .3)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 20%, #000 100%);
}

.BondsShopProductSwitch-title--2KLwW {
    padding: 0 10px;
    color: #e9e2bf;
    font-size: 16px
}

@media (max-width: 1365px), (max-height: 811px) {

.BondsShopProductSwitch-title--2KLwW {
        font-size: 14px
}
    }

.BondsShopProductSwitch-description--20mX6 {
    padding: 5px 10px 9px;
    color: #fd9;
    font-size: 12px;
}
.BottomPanel-base--2B1Bs {
    margin: 0 15px;
    border-top: 1px solid transparent;
    text-align: left;
}

    .BottomPanel-base--2B1Bs::before {
        position: absolute;
        top: -1px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: url(images/bottom-panel-bg-3a08324130e91268143a6a6ca9a67778.png) top no-repeat;
        content: '';
    }

.BottomPanel-message--3XpGE {
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 30px;
    color: #ffe0b6;
    font-size: 17px;
    line-height: 46px;
    text-align: center;
    text-shadow: 0 0 13px rgba(255, 0, 0, .86);
}

.BottomPanel-base__cn--3IvzV .BottomPanel-message--3XpGE {
        text-shadow: none;
    }
.BondsShopWidget-base--3Nl0y {
    position: relative;
    top: 0;
    color: #e9e2bf;
    font-size: 16px;
}

    .BondsShopWidget-base__extraSmall--2D9ku {
        top: 0;
    }

    .BondsShopWidget-base__small--1-9Wk {
        top: -25px;
    }

    .BondsShopWidget-base__medium--2kwye,
    .BondsShopWidget-base__large--kkkyY {
        top: -45px;
    }

    .BondsShopWidget-base__extraLarge--29TRE {
        top: -55px;
    }

.BondsShopWidget-wrapper--1ySkE {
    position: relative;
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 54px;
    background: url(images/bonds-shop-widget-bg-1fd3a8facda87b975228f83c3c375334.png) no-repeat center;
}

.BondsShopWidget-wrapper--1ySkE.BondsShopWidget-isPurchased--3PdC- {
        background: url(images/bonds-shop-widget-purchased-bg-07ea707571b7fe0517066bd2c506ba5c.png) no-repeat center;
    }

.BondsShopWidget-wrapper--1ySkE:not(.BondsShopWidget-isPurchased--3PdC-)::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 400px;
        height: 200px;
        margin: -80px 0 0 -200px;
        background: url(images/bonds-shop-widget-flash-c82303fee20607d37ecbcf03a4dc2db7.png);
        mix-blend-mode: screen;
        content: '';
    }

.BondsShopWidget-blocked--25y_2 {
    padding: 0 0 0 25px;
    background: url(images/bonds-shop-lock-a6c5d5171b22f3854a54ce4970fd3bfb.png) no-repeat left center;
}

.BondsShopWidget-purchased--bbpXY {
    padding: 0 0 0 23px;
    background: url(images/bonds-shop-widget-check-47fce17df88952ab6d65e39a2a03c52f.png) no-repeat left center;
    color: #7ab300;
}

.BondsShopWidget-currentDiscount--3vXqS {
    margin: 16px 0 0;
    text-align: center;
}

.BondsShopWidget-currentDiscountText--15xb3 {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.BondsShopWidget-currentDiscountText--15xb3::before {
        position: absolute;
        top: 50%;
        right: 0;
        width: 296px;
        height: 236px;
        margin: -120px -128px 0 0;
        background: url(images/bonds-shop-discount-flash-429aa48ffcf7ee3f7b8dca0970ebf725.png) no-repeat;
        content: '';
    }

.BondsShopWidget-currentDiscountTextWrapper--W9Llp {
    position: relative;
}

.BondsShopWidget-button--3DqX5 {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
}
@keyframes Dialog-slide--2ZaaQ {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    80% {
        opacity: 1;
    }
}

.Dialog-base--2DQ5u {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}

.Dialog-base--2DQ5u.Dialog-isOpened--5KaYB {
        visibility: visible;
        transition: visibility .2s ease-in-out;
    }

.Dialog-background--2CzJm {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9991;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.Dialog-close--3-FkZ {
    position: absolute;
    top: 35px;
    left: 60px;
    z-index: 9993;
}

@media (min-width: 1366px) and (min-height: 768px) {

.Dialog-close--3-FkZ {
        top: 37px
}
    }

@media (min-width: 1600px) and (min-height: 900px) {

.Dialog-close--3-FkZ {
        top: 50px
}
    }

@media (min-width: 1920px) and (min-height: 1080px) {

.Dialog-close--3-FkZ {
        top: 63px
}
    }

.Dialog-body--1UPCQ {
    position: relative;
    z-index: 9992;
    width: 100%;
    height: 100%;
}

.Dialog-dialog--Et1TV {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 80px;
}

@media (max-width: 1600px), (max-height: 1017px) {

.Dialog-dialog--Et1TV {
        padding-top: 50px
}
    }

.Dialog-title--27OYr {
    height: 73px;
    color: #f2f2f7;
    font-size: 73px;
    font-weight: 700;
    line-height: 1;
    opacity: 0;
}

.Dialog-isOpened--5KaYB .Dialog-title--27OYr {
        opacity: 1;
        transition: opacity .4s ease-in-out;
    }

@media (max-width: 1600px), (max-height: 1017px) {

.Dialog-title--27OYr {
        height: 56px;
        font-size: 56px
}
    }

.Dialog-subtitle--2gMdV {
    margin-bottom: 20px;
    color: #fefeec;
    font-size: 24px;
    opacity: 0;
}

.Dialog-isOpened--5KaYB .Dialog-subtitle--2gMdV {
        opacity: 1;
        transition: opacity .4s ease-in-out;
    }

@media (max-width: 1600px), (max-height: 1017px) {

.Dialog-subtitle--2gMdV {
        margin-bottom: 10px;
        font-size: 20px
}
    }

.Dialog-cards--16Wg2 {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    padding: 10px 0 0;
}

@media (min-width: 1601px), (min-height: 1018px) {

.Dialog-cards--16Wg2 {
        padding-bottom: 40px
}
    }

.Dialog-cardHolder--129pO {
    position: relative;
    margin: 0 10px;
}

.Dialog-isOpened--5KaYB .Dialog-cardHolder--129pO:nth-child(1) {
            animation: Dialog-slide--2ZaaQ .3s 0.1s ease-out both;
        }

.Dialog-isOpened--5KaYB .Dialog-cardHolder--129pO:nth-child(2) {
            animation: Dialog-slide--2ZaaQ .3s 0.2s ease-out both;
        }

.Dialog-isOpened--5KaYB .Dialog-cardHolder--129pO:nth-child(3) {
            animation: Dialog-slide--2ZaaQ .3s 0.3s ease-out both;
        }

.Dialog-current--nmKc2 {
    position: absolute;
    top: -25px;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    color: #fd9;
}

.Dialog-updatedLabel--3lIUX {
    height: 32px;
}
.Landing-base--3dUj1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    flex-wrap: row nowrap;
    align-items: center;
    justify-content: center;
    background: #191710 url(images/landing-background-3703d1855c2d184636b6db573c86cb7b.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.Landing-content--28ZTU {
    flex: 0 1 auto;
    align-self: auto;
    text-align: center;
}

.Landing-title--lfHMR {
    margin: 0 0 15px;
}

.Landing-popoverButton--xSj-w {
    position: relative;
    top: -4px;
    display: inline-block;
    margin: 0 0 0 10px;
    vertical-align: top;
}

.Landing-text--1wpzD {
    color: #8c8c7c;
    font-size: 15px;
    line-height: 20px;
}

.Landing-divider--3sql7 {
    height: 1px;
    margin: 25px 0 28px;
    background: url(images/landing-divider-a1ab95ac8f9d7b58be542d7f401ffab0.png) center no-repeat;
}

.Landing-season--1P5XP {
    color: #969687;
    font-size: 14px;
    line-height: 1;
}

.Landing-season--1P5XP span {
        color: #fdf4ce;
    }

.Landing-select--963hh {
    display: inline-block;
    margin: 0 0 0 15px;
    vertical-align: text-top;
}
.Leaders-base--1hg_2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 199px 0 0;
    background: #191710 url(images/background-fec57be8f8d2c7b1af72a6aca8e8d700.jpg) 50% 0 no-repeat;
    background-size: cover;
}

    .Leaders-base__extraSmall--dGW__ {
        padding: 119px 0 0;
    }

    .Leaders-base__small--pqaGj {
        padding: 144px 0 0;
    }

    .Leaders-base__medium--2b_Cq {
        padding: 164px 0 0;
    }

    .Leaders-base__large--3g17V {
        padding: 199px 0 0;
    }

    .Leaders-base__extraLarge--3T_kP {
        padding: 199px 0 0;
    }

.Leaders-date--1igST {
    color: #fdf4ce;
}

.Leaders-wrapper--2aMs0 {
    position: relative;
    max-width: 1460px;
    margin: 0 auto;
    padding: 0 30px;
}

@media (max-width: 1810px) {

.Leaders-wrapper--2aMs0 {
        max-width: 1605px;
        padding-left: 175px
}
    }

@media (max-width: 1260px) {

.Leaders-wrapper--2aMs0 {
        padding-left: 127px
}
    }
.LeadersTable-player--PPD1x {
    margin: 0 0 0 17px;
}

.LeadersTable-tableHeadWrapper--37Fjj {
    padding: 0 35px 0 0;
}
.LeagueTableIcon-base--3sx1j {
    display: inline-block;
    width: 33px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
}

.LeagueTableIcon-first--337jo {
    background-image: url(images/league-table-icon-first-e0dd5af1f9d8e586c6309920f354feb7.png);
}

.LeagueTableIcon-second--1jYi0 {
    background-image: url(images/league-table-icon-second-a8b266f08de67e8a6cc686da1de9552f.png);
}

.LeagueTableIcon-third--1ko4_ {
    background-image: url(images/league-table-icon-third-203b51b6b3576ad25d6907021a8119db.png);
}

.LeagueTableIcon-other--1xXj1 {
    background-image: url(images/league-table-icon-other-e21c4675811a641b96b45f27bc86bc70.png);
}
.Rules-base--dJgRh {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #191710 url(images/background-fec57be8f8d2c7b1af72a6aca8e8d700.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.Rules-wrapper--16o0R {
    position: absolute;
    top: 199px;
    right: 0;
    bottom: 20px;
    left: 0;
}

.Rules-base__extraSmall--1Aa8Q .Rules-wrapper--16o0R {
        top: 139px;
    }

.Rules-base__small--3o1qk .Rules-wrapper--16o0R {
        top: 184px;
    }

.Rules-base__medium--36sJc .Rules-wrapper--16o0R {
        top: 184px;
    }

.Rules-base__large--FvXpQ .Rules-wrapper--16o0R {
        top: 199px;
    }

.Rules-base__extraLarge--A9UY7 .Rules-wrapper--16o0R {
        top: 199px;
    }

.Rules-inner--1Yi_z {
    padding: 0 127px;
}

@media (min-width: 1280px) and (max-width: 1330px) {

.Rules-inner--1Yi_z {
        padding: 0 180px
}
    }

.Rules-content--PbsGs {
    min-width: 770px;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0 60px;
}

.Rules-content--PbsGs b {
        font-weight: 700;
    }

.Rules-content--PbsGs h2 {
        margin: 30px 0;
        color: #f2f2e7;
        font-size: 24px;
        font-weight: 700;
        line-height: 1;
    }

.Rules-content--PbsGs h3 {
        margin: 12px 0 20px;
        color: #e9e2bf;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
    }

.Rules-content--PbsGs p,
    .Rules-content--PbsGs ul li,
    .Rules-content--PbsGs ol li {
        color: #8c8c7c;
        font-size: 16px;
        line-height: 24px;
    }

.Rules-content--PbsGs p:not(:last-child), .Rules-content--PbsGs ul li:not(:last-child), .Rules-content--PbsGs ol li:not(:last-child) {
            margin: 0 0 17px;
        }

.Rules-content--PbsGs img {
        margin: 20px 0;
    }

.Rules-content--PbsGs img:first-child {
            margin-top: 0;
        }

.Rules-content--PbsGs img:last-child {
            margin-bottom: 0;
        }

.Rules-content--PbsGs mark {
        background-color: transparent;
        color: #e9e2bf;
    }

.Rules-content--PbsGs .Rules-highlight--Cbpvk {
        color: #fd9 !important;
    }

.Rules-content--PbsGs ul,
    .Rules-content--PbsGs ol {
        margin: 0;
        padding: 0;
    }

.Rules-content--PbsGs ul li, .Rules-content--PbsGs ol li {
            position: relative;
            margin: 0;
        }

.Rules-content--PbsGs ul {
        list-style: none;
    }

.Rules-content--PbsGs ol {
        list-style-position: inside;
    }

.Rules-video--z4fda {
    position: relative;
    cursor: pointer;
}

.Rules-video--z4fda img {
        vertical-align: top;
    }

.Rules-video--z4fda + section {
        margin: 45px 0 0;
    }

.Rules-video--z4fda::before,
    .Rules-video--z4fda::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 150px;
        height: 110px;
        background-image: url(images/rules-video-play-9bb9bfa92052f5f01b7fb97cc9fbcf1b.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
        transform: translate(-50%, -50%);
    }

.Rules-divider--3bXBk {
    position: relative;
    height: 192px;
    margin: -42px 0 -73px;
    pointer-events: none;
}

.Rules-divider--3bXBk::before,
    .Rules-divider--3bXBk::after {
        position: absolute;
        top: 0;
        bottom: 0;
        background-image: url(images/rules-divider-83e5754eea25c6cc3eb263744c4b06a1.png);
        background-repeat: no-repeat;
        background-position-y: center;
        content: '';
    }

.Rules-divider--3bXBk::before {
        right: 50%;
        left: -62px;
        background-position-x: 0;
    }

.Rules-divider--3bXBk::after {
        right: -62px;
        left: 50%;
        background-position-x: 100%;
    }

.Rules-columns--1BZTR {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    margin: 0 -40px 0 0;
}

.Rules-columns__center--3Mt_T {
        text-align: center;
    }

.Rules-columns--1BZTR > section,
    .Rules-columns--1BZTR > div {
        flex: 1 1 100%;
        margin: 0 40px 0 0;
    }

.Rules-columns--1BZTR > section.Rules-isAuto--2GAZt, .Rules-columns--1BZTR > div.Rules-isAuto--2GAZt {
            flex: 0 0 auto;
        }

.Rules-columns--1BZTR h3 {
        margin-top: 18px;
    }

.Rules-columns--1BZTR.Rules-sprinters--ZySg- {
        margin: 13px -40px 0 0;
    }

.Rules-tiles--7MDET {
    /* Logic block*/
}

.Rules-tile--3bx3s {
    display: -webkit-box;
    display: flex;
    flex: 1 1 100%;
    flex-flow: row nowrap;
    margin: 0 0 32px;
}

.Rules-tile--3bx3s div {
        padding: 15px 0 0;
    }

.Rules-tile--3bx3s img {
        flex: 0 0 60px;
        margin: 0 16px 0 0;
    }

.Rules-tile--3bx3s h3 {
        margin: 0 0 6px;
        line-height: 21px;
    }

.Rules-tile--3bx3s p:not(:last-child) {
        margin: 0 0 6px;
    }

.Rules-toggle--2inHr {
    margin: 20px 0;
    background-color: rgba(255, 255, 255, .03);
}

.Rules-toggle--2inHr + .Rules-divider--3bXBk {
        margin: -72px 0 -73px;
    }

.Rules-toggleHead--10Wvh {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 70px;
    padding: 0 40px;
}

.Rules-toggleTitle--HTHDk {
    position: relative;
    margin: 0 0 0 -8px;
    padding: 0 0 0 31px;
    color: #fd9;
    font-size: 16px;
    line-height: 1;
    text-shadow: 0 0 13px rgba(255, 0, 0, .86);
    cursor: pointer;
}

.Rules-toggleTitle--HTHDk::before {
        position: absolute;
        top: -2px;
        left: 0;
        width: 29px;
        height: 22px;
        background-image: url(images/rules-toggle-cc2b9595514802ed86d340ca3d7b84da.png);
        background-repeat: no-repeat;
        background-position: center;
        content: '';
    }

.Rules-toggle--2inHr.Rules-isOpened--2useL .Rules-toggleTitle--HTHDk::before {
        transform: rotate(180deg);
    }

.Rules-toggleBody--2mcjN {
    display: none;
    padding: 0 40px 25px;
}

.Rules-toggle--2inHr.Rules-isOpened--2useL .Rules-toggleBody--2mcjN {
        display: block;
    }

.Rules-formula--t2cBU {
    display: block;
    margin: 40px 0 0;
    text-align: center;
}

.Rules-sprintersIcon--3R7jj {
    position: relative;
    bottom: -15px;
}

.Rules-bonusBattlesIcon--1H4dC {
    position: relative;
    bottom: -30px;
}

.Rules-topShadow--zAfSl {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 50px;
}

.Rules-topShadow--zAfSl .Rules-divider--3bXBk {
        top: -55px;
    }

.Rules-rewardTitle--1BuYa {
    margin: 24px 0 28px;
    color: #f2f2f7;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
}

.Rules-compensations--33Hxq {
    white-space: nowrap;
}

.Rules-compensation--36cpG {
    display: inline-block;
    width: 17px;
    height: 19px;
    margin: 0 4px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: text-bottom;
}

.Rules-compensation__crystal--3fj04 {
        background-image: url(images/rules-crystal-36f29e87d237b0b14d3c413b900104ee.png);
    }

.Rules-compensation__rankedpoints--1EoO4 {
        background-image: url(images/icon-ranked-points-9811031bc4f8fa9ad92f99341c22a523.png);
    }

.Rules-center--nff9V {
    text-align: center;
}
.Stub-base--2K9eD {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    flex-wrap: row nowrap;
    align-items: center;
    justify-content: center;
    background: #191710 url(images/stub-background-06adfe0e6d3f64ccc5616ee688f240db.jpg) 50% 0 no-repeat;
    background-size: cover;
}

.Stub-content--16BPE {
    flex: 0 1 auto;
    align-self: auto;
    text-align: center;
}

.Stub-title--b09Rt {
    margin: 0 0 15px;
}

.Stub-text--2bou9 {
    color: #8c8c7c;
    font-size: 15px;
    line-height: 20px;
}
@keyframes Yearly-blur--Kl5x0 {
    0% {
        -webkit-filter: blur(0px);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
                filter: blur(0px);
    }

    100% {
        -webkit-filter: blur(16px);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="16" /></filter></svg>#filter');
                filter: blur(16px);
    }
}

.Yearly-base--1JFMV {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #191710 url(images/na_background-ad62ead7db6dca79c1fb920bc4eceaa8.jpg) 50% 0 no-repeat;
    background-size: cover;
    -webkit-filter: blur(0px);
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
            filter: blur(0px);
    transition: -webkit-filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
}

.Yearly-base__ruBack--3dBCr {
        background-image: url(images/ru_background-13a6fa461aaf517f85c2be1e47072f69.jpg);
    }

.Yearly-base__isBlurred--2nNHH {
        -webkit-filter: blur(16px);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="16" /></filter></svg>#filter');
                filter: blur(16px);
        transition: -webkit-filter .3s ease-in-out;
        transition: filter .3s ease-in-out;
        transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out;
    }

.Yearly-base--1JFMV::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 300px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(38, 19, 13, .76)), to(rgba(38, 19, 13, 0)));
        background: linear-gradient(180deg, rgba(38, 19, 13, .76) 0%, rgba(38, 19, 13, 0) 100%);
        content: '';
    }

@media (max-width: 1180px) {

.Yearly-base--1JFMV {
        background-position: calc(50% + 30px) 0
}
    }

.Yearly-wrapper--2dWYF {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    max-width: 1460px;
    height: 100%;
    margin: 0 auto;
    padding: 0 30px;
}

@media (max-width: 2000px) {

.Yearly-wrapper--2dWYF {
        padding: 0 175px
}
    }

@media (max-width: 1180px) {

.Yearly-wrapper--2dWYF {
        padding: 0 92px 0 162px
}
    }
.container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 1000px;
    min-height: 592px;
    overflow: hidden;
}

/* Width MQ*/

/* Height MQ*/

/* Bonds Shop*/

.LeadersToolbar-base--3gKss {
    position: relative;
    min-height: 21px;
    margin: -5px 0 7px;
}

.LeadersToolbar-filter--2wrKR {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.LeadersToolbar-lastUpdatedLabel--3dTv3 {
    position: absolute;
    top: 3px;
    right: 51px;
}

.LeadersToolbar-control--2eDjS {
    display: inline-block;
    vertical-align: top;
}

.LeadersToolbar-control--2eDjS:first-child {
        margin: 0 30px 0 0;
    }

@media (max-width: 1500px) {

.LeadersToolbar-control--2eDjS:first-child {
            margin: 0 10px 0 0
    }
        }

.LeadersToolbar-myPositionIcon--3VYDD {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px 6px;
    background: url(images/leaders-toolbar-position-icon-67b6901fc969e75badca4d111ae1caa2.png) no-repeat;
    vertical-align: top;
}
.Sprinter-base--1JYNi {
    position: absolute;
    top: 0;
    left: -40px;
    width: 26px;
    height: 18px;
    background: url(images/sprinter-764b2c93f842ceb087a7e466c75f8e3c.png) center no-repeat;
    vertical-align: top;
    pointer-events: visible;
}

    .Sprinter-base__isInline--1svKk {
        position: static;
        display: inline-block;
        height: 21px;
        margin-right: 5px;
    }
.SeasonsCard-base--3ACeO {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 300px;
    height: 620px;
    padding: 54px 10px 10px;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(140, 140, 126, .15);
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    transition: margin-top .25s;
    pointer-events: none;
}

    @media (max-width: 1600px), (max-height: 1017px) {.SeasonsCard-base--3ACeO {
        width: 280px;
        height: 600px
}
    }

    @media (max-width: 1366px), (max-height: 837px) {.SeasonsCard-base--3ACeO {
        width: 220px;
        height: 455px;
        padding-top: 40px
}
    }

    .SeasonsCard-base__isBest--zqYwV {
        box-shadow: inset 0 0 0 1px #feab34,
                    inset 0 0 0 2px rgba(0, 0, 0, .5);
    }

    .SeasonsCard-base__isBest--zqYwV::after {
            position: absolute;
            top: 0;
            width: 278px;
            height: 121px;
            border-radius: 2px;
            background-image: url(images/best-bg-acf9a3309fc0113a78c72ab25d3196be.png);
            content: '';
        }

    .SeasonsCard-base__topX--2qouO {
        box-shadow: inset 0 0 0 1px #feab34,
                    inset 0 0 0 2px rgba(0, 0, 0, .5),
                    inset 0 0 0 3px rgba(255, 219, 121, .15),
                    inset 0 0 50px 0 rgba(255, 90, 0, .3);
    }

.SeasonsCard-top--1O_w4 {
    margin-top: -5px;
    background-image: -webkit-repeating-linear-gradient(top, #f4e68c 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-top--1O_w4 {
        font-size: 24px
}
    }

.SeasonsCard-leaves--IztzA {
    position: relative;
    width: 100%;
}

.SeasonsCard-leaves--IztzA::before,
    .SeasonsCard-leaves--IztzA::after {
        position: absolute;
        bottom: 0;
        width: 164px;
        height: 284px;
        background-repeat: no-repeat;
        background-size: contain;
        mix-blend-mode: screen;
        content: '';
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-leaves--IztzA::before,
    .SeasonsCard-leaves--IztzA::after {
            width: 112px;
            height: 210px;
            margin-bottom: -10px
    }
        }

.SeasonsCard-leaves--IztzA::before {
        left: 0;
        margin-left: -40px;
        background-image: url(images/leavesLeft-8df503b24124afe90a60e6531d0908cd.png);
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-leaves--IztzA::before {
            margin-left: -30px
    }
        }

.SeasonsCard-leaves--IztzA::after {
        right: 0;
        margin-right: -40px;
        background-image: url(images/leavesRight-2978a99bf1dcd53c562c5f7616d9ca2e.png);
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-leaves--IztzA::after {
            margin-right: -30px
    }
        }

.SeasonsCard-title--oaPMi {
    margin-bottom: 5px;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-title--oaPMi {
        font-size: 24px
}
    }

.SeasonsCard-base__isBest--zqYwV .SeasonsCard-title--oaPMi {
    background-image: -webkit-repeating-linear-gradient(top, #f4e68c 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
    }

.SeasonsCard-base__hasntStarted--22GR1 .SeasonsCard-title--oaPMi {
        color: #595950;
        mix-blend-mode: screen;
    }

.SeasonsCard-hasntStartedMessage--2OkIB {
    margin-bottom: 20px;
    color: #595950;
    font-size: 16px;
    text-transform: uppercase;
    mix-blend-mode: screen;
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-hasntStartedMessage--2OkIB {
        margin-bottom: 15px;
        font-size: 14px
}
    }

.SeasonsCard-rank--Wpn0O {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #e9e2bf;
    font-size: 16px;
    text-transform: uppercase;
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-rank--Wpn0O {
        margin-bottom: 15px;
        font-size: 14px
}
    }

.SeasonsCard-best--2hlK9 {
    position: absolute;
    top: 0;
    padding-top: 13px;
    color: #feab34;
    font-size: 16px;
    text-transform: uppercase;
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-best--2hlK9 {
        font-size: 13px
}
    }

.SeasonsCard-rankIcon--xTs2h {
    width: 196px;
    height: 196px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 112px 160px;
}

.SeasonsCard-rankIcon__rank1division1--2aX-u {
                background-image: url(images/rank1division1-14330c79e537b523dc60f6c9f6dae0fb.png);
            }

.SeasonsCard-rankIcon__rank2division1--1-9xu {
                background-image: url(images/rank2division1-bcc0fb1fadea3ae4eae46aaf697ac3e5.png);
            }

.SeasonsCard-rankIcon__rank3division1--39sj- {
                background-image: url(images/rank3division1-ae5c929ea0f65ce4977e5835e5273d97.png);
            }

.SeasonsCard-rankIcon__rank4division1--309T2 {
                background-image: url(images/rank4division1-887dd7d290cd142a77a9cda4e11c7f0e.png);
            }

.SeasonsCard-rankIcon__rank5division1--1Inyz {
                background-image: url(images/rank5division1-48b4b0e35564846a7b4649df8831b4d9.png);
            }

.SeasonsCard-rankIcon__rank6division1--8QQoN {
                background-image: url(images/rank6division1-2e040b9a0d1c76c975ef907b1fea6432.png);
            }

.SeasonsCard-rankIcon__rank7division1--1savy {
                background-image: url(images/rank7division1-84d7d38626ef2a6a3a5fa10daebef25b.png);
            }

.SeasonsCard-rankIcon__rank8division1--2hmZ9 {
                background-image: url(images/rank8division1-b46395a5fabd6eff9adbec56d8f53964.png);
            }

.SeasonsCard-rankIcon__rank9division1--1YPmX {
                background-image: url(images/rank9division1-9db5d63909d1f6de11752879f27ac0ee.png);
            }

.SeasonsCard-rankIcon__rank10division1--2Dicu {
                background-image: url(images/rank10division1-44b9e2430b8557cac05bd7653f12857a.png);
            }

.SeasonsCard-rankIcon__rank11division1--sowv9 {
                background-image: url(images/rank11division1-a6953aa056e4379164d6274d130b6022.png);
            }

.SeasonsCard-rankIcon__rank12division1--2UfmC {
                background-image: url(images/rank12division1-04706e5d22f55d43bc6a41a34fa3709e.png);
            }

.SeasonsCard-rankIcon__rank13division1--1k-IM {
                background-image: url(images/rank13division1-774184e89241ddeb128f643cf24247dd.png);
            }

.SeasonsCard-rankIcon__rank14division1--2Z9mh {
                background-image: url(images/rank14division1-34e677f1470f8f687c821df1cc0a2e67.png);
            }

.SeasonsCard-rankIcon__rank15division1--3ls43 {
                background-image: url(images/rank15division1-c71d53be5feadff951caf8836bde6fae.png);
            }

.SeasonsCard-rankIcon__rank1division2--20mSw {
                background-image: url(images/rank1division2-d074b5e12eadf0a82c66575504f3527f.png);
            }

.SeasonsCard-rankIcon__rank2division2--1c58R {
                background-image: url(images/rank2division2-e30e8165525d9bb70a97a95200bc1a8e.png);
            }

.SeasonsCard-rankIcon__rank3division2--1-SK8 {
                background-image: url(images/rank3division2-c30980697a47cd03a51464ebcb0c0ae1.png);
            }

.SeasonsCard-rankIcon__rank4division2--fL_me {
                background-image: url(images/rank4division2-4b4f7463964b4f84a9342c3a8a746b67.png);
            }

.SeasonsCard-rankIcon__rank5division2--N3w33 {
                background-image: url(images/rank5division2-73c68cd623e0d9506ead9b06e382532b.png);
            }

.SeasonsCard-rankIcon__rank6division2--3F1NT {
                background-image: url(images/rank6division2-e92d1461e8b12dfcfcac64f8920fd733.png);
            }

.SeasonsCard-rankIcon__rank7division2--ZshPe {
                background-image: url(images/rank7division2-34655db62b0ed3392a3fcf6a8c2cb4b3.png);
            }

.SeasonsCard-rankIcon__rank8division2--25QJ5 {
                background-image: url(images/rank8division2-6bf716b913382602799c2a60f410dab1.png);
            }

.SeasonsCard-rankIcon__rank9division2--1Whk1 {
                background-image: url(images/rank9division2-010a5fa6273fa7436cb3eb93b431adaf.png);
            }

.SeasonsCard-rankIcon__rank10division2--n2Z8n {
                background-image: url(images/rank10division2-cae6b1a2d5077ce352c7d527dc41c15b.png);
            }

.SeasonsCard-rankIcon__rank11division2--1YTOC {
                background-image: url(images/rank11division2-d69ce57c421dd5d666ea8c997cc40878.png);
            }

.SeasonsCard-rankIcon__rank12division2--QWFwe {
                background-image: url(images/rank12division2-2df837145fceab45afc72d77ce3c9672.png);
            }

.SeasonsCard-rankIcon__rank13division2--2k9sr {
                background-image: url(images/rank13division2-9a33b27e39ca28b9871120b6c9957c99.png);
            }

.SeasonsCard-rankIcon__rank14division2--2ZJcj {
                background-image: url(images/rank14division2-17314b2538fedcf53dddea5e4c750f89.png);
            }

.SeasonsCard-rankIcon__rank15division2--1ONYe {
                background-image: url(images/rank15division2-0d99bc66bbf140e9a1edba48b9aa8693.png);
            }

.SeasonsCard-rankIcon__rank1division3--2lVZG {
                background-image: url(images/rank1division3-398ebd2c7f8e4b1fec53e10082567100.png);
            }

.SeasonsCard-rankIcon__rank2division3--2nbwN {
                background-image: url(images/rank2division3-cdba1d7d72f00a0adf7b5cf2328d3d4f.png);
            }

.SeasonsCard-rankIcon__rank3division3--tzSF4 {
                background-image: url(images/rank3division3-b8fe42871fd76683cc76a80e20928ffe.png);
            }

.SeasonsCard-rankIcon__rank4division3--2glnK {
                background-image: url(images/rank4division3-a75a18245e1444f861ae131e7ec510cc.png);
            }

.SeasonsCard-rankIcon__rank5division3--3fGr5 {
                background-image: url(images/rank5division3-484ba2b9ed3c53fa94d2728a0a7ac6d7.png);
            }

.SeasonsCard-rankIcon__rank6division3--3cfQT {
                background-image: url(images/rank6division3-410226d440c60185b2ab1786d2828aa5.png);
            }

.SeasonsCard-rankIcon__rank7division3--2d4mD {
                background-image: url(images/rank7division3-cf9af5232054984683d18c75bc7c5f96.png);
            }

.SeasonsCard-rankIcon__rank8division3--1g9kf {
                background-image: url(images/rank8division3-38a5606838ca208c8d459f322c330c0f.png);
            }

.SeasonsCard-rankIcon__rank9division3--20ae- {
                background-image: url(images/rank9division3-0dd11cead712c270590ba13256594154.png);
            }

.SeasonsCard-rankIcon__rank10division3--aMwl4 {
                background-image: url(images/rank10division3-41f49995e534dfa5a035c11b78ad2ca0.png);
            }

.SeasonsCard-rankIcon__rank11division3--3gYaF {
                background-image: url(images/rank11division3-d7b7d1b7d4f71ae3717340202eaf7383.png);
            }

.SeasonsCard-rankIcon__rank12division3--2oXT2 {
                background-image: url(images/rank12division3-0b627cdae9d90222ff55051b50c8bd8b.png);
            }

.SeasonsCard-rankIcon__rank13division3--3xdmS {
                background-image: url(images/rank13division3-59ad204a2d7ddf108065b16bb904bf3c.png);
            }

.SeasonsCard-rankIcon__rank14division3--3kkpw {
                background-image: url(images/rank14division3-02b3b00c3e751a69bd084177f7c843eb.png);
            }

.SeasonsCard-rankIcon__rank15division3--3H5Sg {
                background-image: url(images/rank15division3-ee7ab5de936d6244bc9be085757129e9.png);
            }

.SeasonsCard-rankIcon__rank1division4--1_VAP {
                background-image: url(images/rank1division4-1a802785a4b0dee8e602926eb49406cb.png);
            }

.SeasonsCard-rankIcon__rank2division4--16kP- {
                background-image: url(images/rank2division4-756126efe553923761a8e22b301149fa.png);
            }

.SeasonsCard-rankIcon__rank3division4--2oeDf {
                background-image: url(images/rank3division4-029dc5f75db61095d2647246faef4281.png);
            }

.SeasonsCard-rankIcon__rank4division4--1xJxA {
                background-image: url(images/rank4division4-56c04be407dee8b3a4b88c71a095b83d.png);
            }

.SeasonsCard-rankIcon__rank5division4--3Q-x9 {
                background-image: url(images/rank5division4-1f706320cf702b7eef2b0393e579a094.png);
            }

.SeasonsCard-rankIcon__rank6division4--3fb2b {
                background-image: url(images/rank6division4-d3f29753daf811c38717c02fe267a619.png);
            }

.SeasonsCard-rankIcon__rank7division4--11f4E {
                background-image: url(images/rank7division4-09a4b262d4446abc7ada3b0c8351b883.png);
            }

.SeasonsCard-rankIcon__rank8division4--3sI_p {
                background-image: url(images/rank8division4-a1d49dcff5dbc371f400eea87b7749b6.png);
            }

.SeasonsCard-rankIcon__rank9division4--1Yb2k {
                background-image: url(images/rank9division4-e9a15a99a1bbe84c439fd5cf013edd91.png);
            }

.SeasonsCard-rankIcon__rank10division4--3vftQ {
                background-image: url(images/rank10division4-739b88b0aad66c93dc4278394bdbcab8.png);
            }

.SeasonsCard-rankIcon__rank11division4--3PvBT {
                background-image: url(images/rank11division4-71a8c29ea250181307b5c4dc68b7a99c.png);
            }

.SeasonsCard-rankIcon__rank12division4--3r1sj {
                background-image: url(images/rank12division4-cb192287d3fb73987f4cf1fe5cfae947.png);
            }

.SeasonsCard-rankIcon__rank13division4--93qv7 {
                background-image: url(images/rank13division4-a22073f8076ab591bab836271239d3a2.png);
            }

.SeasonsCard-rankIcon__rank14division4--2CBye {
                background-image: url(images/rank14division4-9790f238642e2a6a39cbda3cd2c0e819.png);
            }

.SeasonsCard-rankIcon__rank15division4--xFU2D {
                background-image: url(images/rank15division4-827712a3963a0400a13aaefa6fcf7c3e.png);
            }

.SeasonsCard-rankIcon__rank0division1---TkQZ {
            background-image: url(images/rank0division1-3546a7bd75dba2ace9c7e4b126fdaa1c.png);
        }

.SeasonsCard-rankIcon__rank0division2--2bSaY {
            background-image: url(images/rank0division2-7be8451d76e0345615121c8391d6e93a.png);
        }

.SeasonsCard-rankIcon__rank0division3--2YgXM {
            background-image: url(images/rank0division3-733508295f754140ff7276d5792c3fe1.png);
        }

.SeasonsCard-rankIcon__rank0division4--1DhUC {
            background-image: url(images/rank0division4-5bb032ec4f0d7d923a1c03b97f49f15c.png);
        }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-rankIcon--xTs2h {
        width: 136px;
        height: 136px;
        background-size: 80px 110px
}
    }

.SeasonsCard-rankIcon__firstLeague--2J1Z9,
    .SeasonsCard-rankIcon__secondLeague--JbuB9,
    .SeasonsCard-rankIcon__thirdLeague--XzsWT,
    .SeasonsCard-rankIcon__notRank--3lwtm,
    .SeasonsCard-rankIcon__hasntStarted--2em8c,
    .SeasonsCard-rankIcon__hasQualification--8FaeX {
        background-size: 196px 196px;
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-rankIcon__firstLeague--2J1Z9,
    .SeasonsCard-rankIcon__secondLeague--JbuB9,
    .SeasonsCard-rankIcon__thirdLeague--XzsWT,
    .SeasonsCard-rankIcon__notRank--3lwtm,
    .SeasonsCard-rankIcon__hasntStarted--2em8c,
    .SeasonsCard-rankIcon__hasQualification--8FaeX {
            background-size: 136px 136px
    }
        }

.SeasonsCard-rankIcon__firstLeague--2J1Z9 {
        background-image: url(images/first-league-ff0539859dbe77f71388ce8f1fc2598e.png);
    }

.SeasonsCard-rankIcon__secondLeague--JbuB9 {
        background-image: url(images/second-league-8e03676d62b3d4eb2fbc05ba976e9556.png);
    }

.SeasonsCard-rankIcon__thirdLeague--XzsWT {
        background-image: url(images/third-league-c46bc6345fcd3b659506f77b567be5a5.png);
    }

.SeasonsCard-rankIcon__notRank--3lwtm {
        background-image: url(images/no-rank-cff7fc73d75929b0c6162e80876839c0.png);
        opacity: .2;
        -webkit-filter: grayscale(1);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
                filter: grayscale(1);
    }

.SeasonsCard-rankIcon__hasQualification--8FaeX {
        background-image: url(images/no-rank-cff7fc73d75929b0c6162e80876839c0.png);
    }

.SeasonsCard-rankIcon__hasntStarted--2em8c {
        background-image: url(images/empty-season-9438daaff84054b4d7a7de57a590fbb3.png);
        opacity: 1;
    }

.SeasonsCard-rankIcon--xTs2h.SeasonsCard-calcLeagueIcon--352Xj {
        background-image: url(images/season-card-rewards-72a2e3a469f54e9228ca38b506c091a9.png);
        background-size: 196px 196px;
        opacity: .2;
        -webkit-filter: grayscale(1);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
                filter: grayscale(1);
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-rankIcon--xTs2h.SeasonsCard-calcLeagueIcon--352Xj {
            background-size: 136px 136px
    }
        }

.SeasonsCard-base__isBanned--6W2lS .SeasonsCard-rankIcon--xTs2h {
        opacity: .2;
        -webkit-filter: grayscale(1);
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
                filter: grayscale(1);
    }

.SeasonsCard-indicator--eTW8y {
    position: relative;
    margin-top: 55px;
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-indicator--eTW8y {
        margin-top: 40px
}
    }

.SeasonsCard-base__placeAnnual--5UGGL .SeasonsCard-indicator--eTW8y {
        margin-top: 20px;
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-base__placeAnnual--5UGGL .SeasonsCard-indicator--eTW8y {
            margin-top: 10px
    }
        }

.SeasonsCard-indicator__efficiency--1Morv::before {
            position: absolute;
            left: 50%;
            width: 50px;
            height: 60px;
            background: url(images/icon-efficiency-df744ca2347a3f1f3c9282885e1657db.png) center no-repeat;
            background-size: contain;
            content: '';
            transform: translate(-50%, -60%);
        }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-indicator__efficiency--1Morv::before {
                width: 34px;
                height: 40px
        }
            }

.SeasonsCard-indicator__position--2U6O9::before {
            position: absolute;
            left: 50%;
            width: 60px;
            height: 58px;
            background: url(images/icon-position-ac54d77c90bba2eade50464872306281.png)  center no-repeat;
            background-size: contain;
            content: '';
            transform: translate(-50%, -60%);
        }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-indicator__position--2U6O9::before {
                width: 42px;
                height: 40px
        }
            }

.SeasonsCard-base__placeAnnual--5UGGL .SeasonsCard-indicator--eTW8y::before {
        content: normal;
    }

.SeasonsCard-statistics--2w_n3 {
    position: absolute;
    bottom: 40px;
}

@media (max-width: 1599px), (max-height: 1017px) {

.SeasonsCard-statistics--2w_n3 {
        bottom: 30px
}
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-statistics--2w_n3 {
        bottom: 25px
}
    }

.SeasonsCard-base__placeAnnual--5UGGL .SeasonsCard-statistics--2w_n3 {
        bottom: 20px;
    }

.SeasonsCard-message--3B2zB {
    position: absolute;
    bottom: 90px;
    width: 180px;
    color: #595950;
    mix-blend-mode: screen;
}

@media (max-width: 1599px), (max-height: 1017px) {

.SeasonsCard-message--3B2zB {
        bottom: 80px
}
    }

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-message--3B2zB {
        bottom: 70px
}
    }

.SeasonsCard-paramCount--18vaK {
    position: relative;
    color: #fefeec;
    font-size: 24px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-paramCount--18vaK {
        font-size: 18px
}
    }

.SeasonsCard-paramCount--18vaK::before {
        position: absolute;
        bottom: -2px;
        left: 50%;
        width: 60px;
        height: 2px;
        background-image: url(images/separator-e87d2a3891b06489c47c54851176d40c.png);
        transform: translateX(-50%);
    }

.SeasonsCard-base__placeAnnual--5UGGL .SeasonsCard-paramCount--18vaK {
        margin-bottom: 3px;
    }

.SeasonsCard-base__placeAnnual--5UGGL .SeasonsCard-paramCount--18vaK::before {
            content: '';
        }

.SeasonsCard-base__topX--2qouO .SeasonsCard-paramCount--18vaK {
    background-image: -webkit-repeating-linear-gradient(top, #f4e68c 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
        -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
                filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
                filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
    }

.SeasonsCard-paramText--2LA7y {
    color: #8c8c7c;
    font-size: 14px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
}

.SeasonsCard-banned--na6FT {
    position: absolute;
    top: 235px;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 30px;
    color: #8c8c7e;
    font-size: 16px;
}

@media (max-width: 1366px), (max-height: 837px) {

.SeasonsCard-banned--na6FT {
        top: 140px;
        font-size: 14px
}
    }

.SeasonsCard-banned--na6FT::before {
        display: block;
        width: 32px;
        height: 32px;
        margin-bottom: 10px;
        background-image: url(images/icon-alert-6f3beab41ccfc658d69cb7a39fd5617b.png);
        content: '';
    }

.SeasonsCard-calcLeagueWrapper--2qOnT {
    display: -webkit-box;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.SeasonsCard-calcLeagueMessage--3XNPZ {
    margin: -50px 0 0;
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.Tooltips-title--3j-3g {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px
}
.Tooltips-subtitle--2oBYI {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700
}
.Tooltips-subtitle--2oBYI:first-child {
    margin-top: 0
}
.Tooltips-message--1xQvY {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}
.Tooltips-message--1xQvY:first-child {
    margin-top: 0
}
.Tooltips-message--1xQvY:last-child {
    margin-bottom: 0
}
.Tooltips-ul--3IBku {
    margin: 5px 0 20px;
    padding: 0 0 0 17px
}
.Tooltips-ul--3IBku:last-child {
    margin-bottom: 0
}
.Tooltips-warning--2Sqe5 {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}
.Tooltips-warning--2Sqe5:first-child {
    margin-top: 0
}
.Tooltips-warning--2Sqe5:last-child {
    margin-bottom: 0
}
.Tooltips-warning--2Sqe5 {
    color: #ee7000
}
.Tooltips-divider--3MJv6 {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                )
}
.Tooltips-ribbon--3tqoH {
    position: relative;
    margin: 19px -20px;
    padding: 14px 20px;
    background: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(255, 255, 255, .01)),
                    color-stop(.1, rgba(255, 255, 255, .02)),
                    color-stop(.25, rgba(255, 255, 255, .04)),
                    color-stop(.5, rgba(255, 255, 255, .06)),
                    color-stop(.75, rgba(255, 255, 255, .04)),
                    color-stop(.9, rgba(255, 255, 255, .02)),
                    color-stop(1, rgba(255, 255, 255, .01))
                );
    text-align: left
}
.Tooltips-ribbon--3tqoH::before, .Tooltips-ribbon--3tqoH::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    content: '';
    -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
            mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    )
}
.Tooltips-ribbon--3tqoH::before {
    top: -1px
}
.Tooltips-ribbon--3tqoH::after {
    bottom: -1px
}
.Tooltips-statusMessage--18lab {
    margin: 15px 0 0
}
.Tooltips-statusMessage__positive--16Rd_ {
    text-align: center
}
.Tooltips-statusMessage__noPermission--1E3hw {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(images/tooltip-disable-background-42ef1f71af192795be100e08ab93171c.png) no-repeat 0 0
}
.Tooltips-divider--3MJv6 + .Tooltips-statusMessage__noPermission--1E3hw {
    margin-top: -16px
}
.Tooltips-status--2q2Bx {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}
.Tooltips-statusMessage__positive--16Rd_ .Tooltips-status--2q2Bx {
    text-align: center;
    color: #7ab300
}
.Tooltips-statusMessage__negative--1QGpL .Tooltips-status--2q2Bx {
    text-align: left;
    color: #ff2717
}
.Tooltips-status__positive--a4Rv4 {
    color: #7ab300
}
.Tooltips-status__negative--1D4Hi {
    color: #ff2717
}
.Tooltips-statusText--1i_AY {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400
}
.Tooltips-statusMessage__noPermission--1E3hw .Tooltips-statusText--1i_AY {
    color: #686656
}
.Tooltips-highlight--1XEyd {
    color: #fefeec
}
.Tooltips-important--3od4e {
    color: #fff
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.LastUpdatedLabel-title--IUBzn {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
}
.LastUpdatedLabel-subtitle--3Cv4e {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.LastUpdatedLabel-subtitle--3Cv4e:first-child {
    margin-top: 0;
}
.LastUpdatedLabel-message--zr1hf {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.LastUpdatedLabel-message--zr1hf:first-child {
    margin-top: 0;
}
.LastUpdatedLabel-message--zr1hf:last-child {
    margin-bottom: 0;
}
.LastUpdatedLabel-ul--3G7f3 {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.LastUpdatedLabel-ul--3G7f3:last-child {
    margin-bottom: 0;
}
.LastUpdatedLabel-warning--p4ewJ {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.LastUpdatedLabel-warning--p4ewJ:first-child {
    margin-top: 0;
}
.LastUpdatedLabel-warning--p4ewJ:last-child {
    margin-bottom: 0;
}
.LastUpdatedLabel-warning--p4ewJ {
    color: #ee7000;
}
.LastUpdatedLabel-divider--3pn7q {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
}
.LastUpdatedLabel-ribbon--2MrTv {
    position: relative;
    margin: 19px -20px;
    padding: 14px 20px;
    background: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(255, 255, 255, .01)),
                    color-stop(.1, rgba(255, 255, 255, .02)),
                    color-stop(.25, rgba(255, 255, 255, .04)),
                    color-stop(.5, rgba(255, 255, 255, .06)),
                    color-stop(.75, rgba(255, 255, 255, .04)),
                    color-stop(.9, rgba(255, 255, 255, .02)),
                    color-stop(1, rgba(255, 255, 255, .01))
                );
    text-align: left;
}
.LastUpdatedLabel-ribbon--2MrTv::before, .LastUpdatedLabel-ribbon--2MrTv::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    content: '';
    -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
            mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
}
.LastUpdatedLabel-ribbon--2MrTv::before {
    top: -1px;
}
.LastUpdatedLabel-ribbon--2MrTv::after {
    bottom: -1px;
}
.LastUpdatedLabel-statusMessage--1uXLK {
    margin: 15px 0 0;
}
.LastUpdatedLabel-statusMessage__positive--1QRrt {
    text-align: center;
}
.LastUpdatedLabel-statusMessage__noPermission--22A7z {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(images/tooltip-disable-background-42ef1f71af192795be100e08ab93171c.png) no-repeat 0 0;
}
.LastUpdatedLabel-divider--3pn7q + .LastUpdatedLabel-statusMessage__noPermission--22A7z {
    margin-top: -16px;
}
.LastUpdatedLabel-status--18NYr {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.LastUpdatedLabel-statusMessage__positive--1QRrt .LastUpdatedLabel-status--18NYr {
    text-align: center;
    color: #7ab300;
}
.LastUpdatedLabel-statusMessage__negative--2GZkr .LastUpdatedLabel-status--18NYr {
    text-align: left;
    color: #ff2717;
}
.LastUpdatedLabel-status__positive--3mJZT {
    color: #7ab300;
}
.LastUpdatedLabel-status__negative--3YEXq {
    color: #ff2717;
}
.LastUpdatedLabel-statusText--buG1O {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400;
}
.LastUpdatedLabel-statusMessage__noPermission--22A7z .LastUpdatedLabel-statusText--buG1O {
    color: #686656;
}
.LastUpdatedLabel-highlight--c5G0U {
    color: #fefeec;
}
.LastUpdatedLabel-important--3ft7o {
    color: #fff;
}
.LastUpdatedLabel-base--2kT8R {
    color: #8c8c7e;
}
.LastUpdatedLabel-tooltipContent--2-kOb {
    width: 520px;
    padding: 4px 0 0;
}
.LastUpdatedLabel-tooltipContent--2-kOb ul {
        margin: 8px 0 0 62px;
        padding: 0;
        list-style: none;
        color: #e9e2bf;
        line-height: 25px;
    }
.LastUpdatedLabel-tooltipContent--2-kOb mark {
        background-color: transparent;
        color: #e9e2bf;
    }
.LastUpdatedLabel-sprinter--c3PPH {
    display: inline-block;
    width: 26px;
    height: 18px;
    margin: 0 5px 0 0;
    background: url(images/sprinter-764b2c93f842ceb087a7e466c75f8e3c.png) center no-repeat;
    vertical-align: middle;
}
.LastUpdatedLabel-contentIcon--3cruF {
    display: inline-block;
    width: 26px;
    margin: 0 9px 0 0;
    text-align: center;
}
.LastUpdatedLabel-info--2qJOP {
    position: relative;
    margin: 17px 0 16px;
    padding: 17px 0 16px;
    background: url(images/last-updated-label-tooltip-bg-2f2f71631006b7a04b6c5a3790153ae0.png) center repeat-y;
}
.LastUpdatedLabel-info--2qJOP::after,
    .LastUpdatedLabel-info--2qJOP::before {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: url(images/last-updated-label-tooltip-border-cc9d106c60678dac2f63793f51bb3863.png) no-repeat center;
        content: '';
    }
.LastUpdatedLabel-info--2qJOP::after {
        top: auto;
        bottom: -1px;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.LeadersScrollArea-emptyLeagueMessage--7WSgV {
    height: 43px;
    color: rgba(89, 89, 80, .75);
    font-size: 14px;
    line-height: 43px;
    text-align: center;
}
.LeadersScrollArea-paginator--3vtpX {
    position: relative;
    z-index: 36;
    margin: 0 -24px 0 0;
    padding: 10px 0;
}
.LeadersScrollArea-sticky--aumL9 {
    position: relative;
    z-index: 35;
}
.LeadersScrollArea-sticky--aumL9::before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 31;
        background: rgba(25, 23, 16, .5);
        opacity: 0;
        content: '';
        transition: opacity .16s;
        pointer-events: none;
    }
.LeadersScrollArea-willUnSticky--3Jykf {
    z-index: 25;
}
.LeadersScrollArea-willUnSticky--3Jykf::before {
        opacity: 1;
        pointer-events: auto;
    }
.LeadersScrollArea-nothingMessage--3riQa {
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.LeaderRow-value--2V9sn {
    display: inline-block;
    vertical-align: top;
}
.LeaderRow-value__member--3MKlz {
        position: relative;
        display: block; /* For work elipsis*/
        margin: 0 0 0 18px;
        color: #c9c9b6;
    }
.LeaderRow-value__efficiency--sKGgx {
        color: #e9e1c1;
    }
.LeaderRow-value__total-battles--2hRSN {
        color: #595950;
    }
.LeaderRow-emptyCell--2pNpr {
    width: 100%;
    min-width: 27px;
    max-width: 38px;
}
.LeaderRow-sprinter--2WmhT {
    position: absolute;
    top: 0;
    left: -40px;
    width: 26px;
    height: 18px;
    background: url(images/sprinter-764b2c93f842ceb087a7e466c75f8e3c.png) center no-repeat;
    vertical-align: top;
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.LeagueRow-title--oDj1B {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
}
.LeagueRow-subtitle--3EDbD {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.LeagueRow-subtitle--3EDbD:first-child {
    margin-top: 0;
}
.LeagueRow-message--3n5Ju {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.LeagueRow-message--3n5Ju:first-child {
    margin-top: 0;
}
.LeagueRow-message--3n5Ju:last-child {
    margin-bottom: 0;
}
.LeagueRow-ul--BOeI8 {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.LeagueRow-ul--BOeI8:last-child {
    margin-bottom: 0;
}
.LeagueRow-warning--3fWBP {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.LeagueRow-warning--3fWBP:first-child {
    margin-top: 0;
}
.LeagueRow-warning--3fWBP:last-child {
    margin-bottom: 0;
}
.LeagueRow-warning--3fWBP {
    color: #ee7000;
}
.LeagueRow-divider--2X8r9 {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
}
.LeagueRow-ribbon--_yGYC {
    position: relative;
    margin: 19px -20px;
    padding: 14px 20px;
    background: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(255, 255, 255, .01)),
                    color-stop(.1, rgba(255, 255, 255, .02)),
                    color-stop(.25, rgba(255, 255, 255, .04)),
                    color-stop(.5, rgba(255, 255, 255, .06)),
                    color-stop(.75, rgba(255, 255, 255, .04)),
                    color-stop(.9, rgba(255, 255, 255, .02)),
                    color-stop(1, rgba(255, 255, 255, .01))
                );
    text-align: left;
}
.LeagueRow-ribbon--_yGYC::before, .LeagueRow-ribbon--_yGYC::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    content: '';
    -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
            mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
}
.LeagueRow-ribbon--_yGYC::before {
    top: -1px;
}
.LeagueRow-ribbon--_yGYC::after {
    bottom: -1px;
}
.LeagueRow-statusMessage--1o7ot {
    margin: 15px 0 0;
}
.LeagueRow-statusMessage__positive--ddtSU {
    text-align: center;
}
.LeagueRow-statusMessage__noPermission--3f8cX {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(images/tooltip-disable-background-42ef1f71af192795be100e08ab93171c.png) no-repeat 0 0;
}
.LeagueRow-divider--2X8r9 + .LeagueRow-statusMessage__noPermission--3f8cX {
    margin-top: -16px;
}
.LeagueRow-status--3n5JR {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.LeagueRow-statusMessage__positive--ddtSU .LeagueRow-status--3n5JR {
    text-align: center;
    color: #7ab300;
}
.LeagueRow-statusMessage__negative--vuu5a .LeagueRow-status--3n5JR {
    text-align: left;
    color: #ff2717;
}
.LeagueRow-status__positive--1rXIZ {
    color: #7ab300;
}
.LeagueRow-status__negative--1gqoe {
    color: #ff2717;
}
.LeagueRow-statusText--O5Upp {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400;
}
.LeagueRow-statusMessage__noPermission--3f8cX .LeagueRow-statusText--O5Upp {
    color: #686656;
}
.LeagueRow-highlight--rVG5M {
    color: #fefeec;
}
.LeagueRow-important--1U7AV {
    color: #fff;
}
.LeagueRow-base--2Beny {
    position: relative;
    z-index: 30;
    height: 100%;
    overflow: hidden;
    background: #191710 url(images/league-row-ribbon-hight-8cf8380a6e58e68290998b62ac358520.png) center bottom no-repeat;
}
.LeagueRow-base--2Beny::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 2px;
        background: url(images/league-row-shadow-left-ccee364f55c9fec46254915d7d1c184f.png) no-repeat left bottom;
        content: '';
    }
.LeagueRow-base--2Beny::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 2px;
        background: url(images/league-row-shadow-right-ef16cbaec28f6aff1fd01f2a8404decc.png) no-repeat right bottom;
        content: '';
    }
.LeagueRow-inner--5h2-f {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    height: 73px;
}
.LeagueRow-caption--3e_W3 {
    display: inline-block;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, .7);
    vertical-align: middle;
}
.LeagueRow-league--4JW1T {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 57px 0 15px;
    background-image: url(images/league-row-league-366f5002e864dd95d2610c6e44838c03.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}
.LeagueRow-base__first--3vvTy .LeagueRow-league--4JW1T {
        background-position: 0 0;
    }
.LeagueRow-base__second--2dufL .LeagueRow-league--4JW1T {
        background-position: -50px 0;
    }
.LeagueRow-base__third--8qToR .LeagueRow-league--4JW1T {
        background-position: -100px 0;
    }
.LeagueRow-season--3okVz {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 0 0 0 24px;
    background-image: url(images/league-row-season-926d0a053484459e5c0572ce2083a538.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}
.LeagueRow-season--3okVz.LeagueRow-isCn--1PnYT {
        background-image: url(images/league-row-season-cn-d5e632095e44b25a7d94ce7ebe703f68.png);
    }
.LeagueRow-base__first--3vvTy .LeagueRow-season--3okVz {
        background-position: 0 0;
    }
.LeagueRow-base__second--2dufL .LeagueRow-season--3okVz {
        background-position: -48px 0;
    }
.LeagueRow-base__third--8qToR .LeagueRow-season--3okVz {
        background-position: -96px 0;
    }
.LeagueRow-style--1nUbo {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 0 0 0 29px;
    background: url(images/league-row-style-44d5aafd6fdf9216d3af137925611d2b.png) center bottom no-repeat;
    vertical-align: top;
}
.LeagueRow-style--1nUbo:not(:last-child) {
        margin-right: 20px;
    }
.LeagueRow-tooltipMessage--2e9MY mark {
        background: none;
        color: #e9e2bf;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.LeagueSwitch-title--nYc8y {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
}
.LeagueSwitch-subtitle--2g1Dq {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.LeagueSwitch-subtitle--2g1Dq:first-child {
    margin-top: 0;
}
.LeagueSwitch-message--1eqfy {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.LeagueSwitch-message--1eqfy:first-child {
    margin-top: 0;
}
.LeagueSwitch-message--1eqfy:last-child {
    margin-bottom: 0;
}
.LeagueSwitch-ul--r6nDL {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.LeagueSwitch-ul--r6nDL:last-child {
    margin-bottom: 0;
}
.LeagueSwitch-warning--33hWW {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.LeagueSwitch-warning--33hWW:first-child {
    margin-top: 0;
}
.LeagueSwitch-warning--33hWW:last-child {
    margin-bottom: 0;
}
.LeagueSwitch-warning--33hWW {
    color: #ee7000;
}
.LeagueSwitch-divider--3sEhf {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
}
.LeagueSwitch-ribbon--1kymr {
    position: relative;
    margin: 19px -20px;
    padding: 14px 20px;
    background: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(255, 255, 255, .01)),
                    color-stop(.1, rgba(255, 255, 255, .02)),
                    color-stop(.25, rgba(255, 255, 255, .04)),
                    color-stop(.5, rgba(255, 255, 255, .06)),
                    color-stop(.75, rgba(255, 255, 255, .04)),
                    color-stop(.9, rgba(255, 255, 255, .02)),
                    color-stop(1, rgba(255, 255, 255, .01))
                );
    text-align: left;
}
.LeagueSwitch-ribbon--1kymr::before, .LeagueSwitch-ribbon--1kymr::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    content: '';
    -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
            mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
}
.LeagueSwitch-ribbon--1kymr::before {
    top: -1px;
}
.LeagueSwitch-ribbon--1kymr::after {
    bottom: -1px;
}
.LeagueSwitch-statusMessage--39VtZ {
    margin: 15px 0 0;
}
.LeagueSwitch-statusMessage__positive--1BKeT {
    text-align: center;
}
.LeagueSwitch-statusMessage__noPermission--1WupC {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(images/tooltip-disable-background-42ef1f71af192795be100e08ab93171c.png) no-repeat 0 0;
}
.LeagueSwitch-divider--3sEhf + .LeagueSwitch-statusMessage__noPermission--1WupC {
    margin-top: -16px;
}
.LeagueSwitch-status--oC24u {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.LeagueSwitch-statusMessage__positive--1BKeT .LeagueSwitch-status--oC24u {
    text-align: center;
    color: #7ab300;
}
.LeagueSwitch-statusMessage__negative--G4VnR .LeagueSwitch-status--oC24u {
    text-align: left;
    color: #ff2717;
}
.LeagueSwitch-status__positive--3Sp5N {
    color: #7ab300;
}
.LeagueSwitch-status__negative--1yyMJ {
    color: #ff2717;
}
.LeagueSwitch-statusText--3uyfv {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400;
}
.LeagueSwitch-statusMessage__noPermission--1WupC .LeagueSwitch-statusText--3uyfv {
    color: #686656;
}
.LeagueSwitch-highlight--1GhZI {
    color: #fefeec;
}
.LeagueSwitch-important--1ZO1h {
    color: #fff;
}
.LeagueSwitch-base--1CRmf {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.LeagueSwitch-base--1CRmf::before,
    .LeagueSwitch-base--1CRmf::after {
        flex: 1 1 30%;
        height: 1px;
        background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .3)), color-stop(70%, transparent));
        background: linear-gradient(to left, rgba(255, 255, 255, .3), transparent 70%);
        content: '';
    }
.LeagueSwitch-base--1CRmf::after {
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .3)), color-stop(70%, transparent));
        background: linear-gradient(to right, rgba(255, 255, 255, .3), transparent 70%);
    }
.LeagueSwitch-item--3tpgk {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 166px;
    height: 100px;
    vertical-align: top;
}
.LeagueSwitch-base--1CRmf:not(.LeagueSwitch-isDisabled--1PYnN) .LeagueSwitch-item--3tpgk {
        cursor: pointer;
    }
@media (max-width: 1365px), (max-height: 811px) {
.LeagueSwitch-item--3tpgk {
        width: 118px;
        height: 70px
}
    }
.LeagueSwitch-item--3tpgk::before,
    .LeagueSwitch-item--3tpgk::after {
        flex: 1 1 50%;
        height: 1px;
        background: rgba(255, 255, 255, .3);
        content: '';
    }
.LeagueSwitch-icon--3ebkm {
    flex: 0 0 70px;
    height: 70px;
    margin: 0 3px;
    background-size: cover;
    transition: flex-basis .3s, height .3s;
}
@media (max-width: 1365px), (max-height: 811px) {
.LeagueSwitch-icon--3ebkm {
        flex: 0 0 50px;
        height: 50px
}
    }
.LeagueSwitch-item__first--1oIla .LeagueSwitch-icon--3ebkm {
        background-image: url(images/league-switch-first-e64bbcb9d857c0fcc6ccc75bf925e946.png);
    }
.LeagueSwitch-item__second--36vdk .LeagueSwitch-icon--3ebkm {
        background-image: url(images/league-switch-second-cbd360fd4c20d19e8dd79914f7a43c66.png);
    }
.LeagueSwitch-item__third--AW7I3 .LeagueSwitch-icon--3ebkm {
        background-image: url(images/league-switch-third-646a39bb90cb7932cdc629a36f959b0b.png);
    }
.LeagueSwitch-base--1CRmf:not(.LeagueSwitch-isDisabled--1PYnN) .LeagueSwitch-item--3tpgk.LeagueSwitch-isActive--2tpke .LeagueSwitch-icon--3ebkm {
        flex: 0 0 100px;
        height: 100px;
    }
@media (max-width: 1365px), (max-height: 811px) {
.LeagueSwitch-base--1CRmf:not(.LeagueSwitch-isDisabled--1PYnN) .LeagueSwitch-item--3tpgk.LeagueSwitch-isActive--2tpke .LeagueSwitch-icon--3ebkm {
            flex: 0 0 70px;
            height: 70px
    }
        }
.LeagueSwitch-text--335Qi {
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    color: #8c8c7e;
    font-size: 14px;
    text-align: center;
    opacity: 0;
    transition: opacity .3s;
}
.LeagueSwitch-base--1CRmf:not(.LeagueSwitch-isDisabled--1PYnN) .LeagueSwitch-item--3tpgk.LeagueSwitch-isActive--2tpke .LeagueSwitch-text--335Qi,
    .LeagueSwitch-base--1CRmf:not(.LeagueSwitch-isDisabled--1PYnN) .LeagueSwitch-item--3tpgk:hover .LeagueSwitch-text--335Qi {
        opacity: 1;
    }
.Back-base--1QfzV {
    position: relative;
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
    font-size: 12px;
    line-height: 32px;
    text-transform: uppercase;
    vertical-align: top;
    cursor: pointer;
}

    /* Default paddings for different sides */

    .Back-base__left--2HmiX {
        padding-left: 32px;
    }

    .Back-base__right--1R1w9 {
        padding-right: 32px;
    }

    /* Overriding paddings and margins for specific buttons */

    .Back-base__back--3T9gU {
        margin-left: -12px;
        padding-left: 26px;
    }

    .Back-base__close--24VCZ {
        margin-right: -9px;
    }

    .Back-base--1QfzV::after {
        position: absolute;
        top: -4px;
        z-index: 0;
        width: 40px;
        height: 40px;
        background: url(images/back-shine-7006fe5122fe3ef30110736cf72df239.png) no-repeat;
        opacity: 0;
        content: '';
        transition: opacity .16s;
    }

    .Back-base__left--2HmiX::after {
        left: -4px;
        width: 90px;
        background: url(images/back-shine-to-left-1e9cf1d1f57c72288197b321b517307a.png) no-repeat;
    }

    .Back-base__right--1R1w9::after {
        right: -4px;
        width: 90px;
        background: url(images/back-shine-to-right-8911edcdd372001b6442227c08b3a589.png) no-repeat;
    }

    .Back-base--1QfzV:hover::after {
        opacity: 1;
    }

    .Back-base--1QfzV:active::after {
        opacity: 0;
    }

    .Back-icon--1da40 {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 5;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

    .Back-base__back--3T9gU .Back-icon--1da40 {
            background-image: url(images/back-back-73d11c71a262e883e569526110f2759e.png);
        }

    .Back-base__back--3T9gU .Back-icon--1da40::after {
            background-image: url(images/back-back-hover-7b814e8913f103a09f6afbe412672367.png);
        }

    .Back-base__info--39qpB .Back-icon--1da40 {
            background-image: url(images/back-info-3b05bc945cf453171862ff63e6c4e4d2.png);
        }

    .Back-base__info--39qpB .Back-icon--1da40::after {
            background-image: url(images/back-info-hover-c91acc9dd7bf7812952d9b080f4c3fd5.png);
        }

    .Back-base__close--24VCZ .Back-icon--1da40 {
            background-image: url(images/back-close-e88010b7f6d266456f944b858d9ba68a.png);
        }

    .Back-base__close--24VCZ .Back-icon--1da40::after {
            background-image: url(images/back-close-hover-53b6b85fedf7ba5dc2a143582976c68b.png);
        }

    .Back-base__forward--2cg5d .Back-icon--1da40 {
            background-image: url(images/back-forward-972093d9befbfd0919e4ed9c1b83647d.png);
        }

    .Back-base__forward--2cg5d .Back-icon--1da40::after {
            background-image: url(images/back-forward-hover-ea9894290d0c7fd6d295ab946cf339d8.png);
        }

    .Back-base__right--1R1w9 .Back-icon--1da40 {
        right: 0;
        left: auto;
    }

    .Back-icon--1da40::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        opacity: 0;
        content: '';
        transition: opacity .16s;
    }

    .Back-base--1QfzV:hover .Back-icon--1da40::after {
        opacity: 1;
    }

    .Back-base--1QfzV:active .Back-icon--1da40::after {
        opacity: 0;
    }

    .Back-caption--1uG_Y {
    position: relative;
    z-index: 10;
    display: inline-block;
    color: #fd9;
    line-height: 32px;
    text-shadow: 0 0 10px rgba(255, 42, 0, 1),
                 0 0 10px rgba(255, 42, 0, .4),
                 0 0 10px rgba(255, 42, 0, .4),
                 0 0 2px rgba(255, 42, 0, .4),
                 0 0 1px rgba(255, 42, 0, .4),
                 0 0 2px rgba(255, 42, 0, .4),
                 0 0 1px rgba(255, 42, 0, .4);
    transition: color .16s;
}

    .Back-base__chinese--34Iqn .Back-caption--1uG_Y {
        text-shadow: none;
    }

    .Back-base--1QfzV:hover .Back-caption--1uG_Y {
        color: #fffa9f;
    }

    .Back-base--1QfzV:active .Back-caption--1uG_Y {
        color: #fd9;
    }

    .Back-goto--2cV60 {
    margin: 0 0 0 8px;
    color: #7c7c6c;
    text-transform: uppercase;
}
.Bons-base--PYepm {
    position: relative;
    display: inline-block;
    color: #c9c9b6;
}

    .Bons-base__isNotEnough--3MJkG {
        color: #ff2717;
    }

    .Bons-base__size-small--YbBwB {
        line-height: 18px;
    }

    .Bons-base__size-large--3cnXF {
        line-height: 28px;
    }

    .Bons-base__isDisabled--2ZRIZ {
        color: #8c8c7e;
        text-decoration: line-through;
    }

    .Bons-base--PYepm::before, .Bons-base--PYepm::after {
        display: inline-block;
        padding-right: 4px;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: top;
    }

    .Bons-base__size-small--YbBwB::before, .Bons-base__size-small--YbBwB::after {
        width: 16px;
        height: 16px;
        background-image: url(images/bons-small-6caaf3553d8dafbd9ac30be30a5ef7cb.png);
    }

    .Bons-base__size-large--3cnXF::before, .Bons-base__size-large--3cnXF::after {
        width: 24px;
        height: 24px;
        margin-top: 2px;
        background-image: url(images/bons-large-821924483d1222a4efee3c36e0c1d05c.png);
    }

    .Bons-base__before--11RoY::before {
        content: '';
    }

    .Bons-base__after--20MjI::after {
        content: '';
    }
@keyframes ButtonSmall-pending-spin--lowEQ {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ButtonSmall-base--inOnq {
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 105px;
    height: 20px;
    padding: 0 20px;
    border: 0 none;
    border-radius: 2px;
    background-color: transparent;
    background-repeat: repeat-x;
    text-align: center;
    cursor: pointer;
}

.ButtonSmall-base--inOnq::before, .ButtonSmall-base--inOnq::after {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.ButtonSmall-base--inOnq::before {
        left: 0;
        z-index: 5;
        background-position: left;
    }

.ButtonSmall-base--inOnq::after {
        right: 0;
        z-index: 5;
        background-position: right;
    }

.ButtonSmall-base__default--NIImO, .ButtonSmall-base__mini--1_oDn {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
        background-image: url(images/button-small-default-bg-7414aa3ad562689777e4ab50ec0f8a61.png);
    }

.ButtonSmall-base__default--NIImO::before, .ButtonSmall-base__mini--1_oDn::before {
            background-image: url(images/button-small-default-bg-left-439716035db1ad5cff384ddcee1ddfdd.png);
        }

.ButtonSmall-base__default--NIImO::after, .ButtonSmall-base__mini--1_oDn::after {
            background-image: url(images/button-small-default-bg-right-81fe5d88c10cb50abc882ba62b84d308.png);
        }

.ButtonSmall-base__secondary--3k6ic, .ButtonSmall-base__miniSecondary--3eYyp {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .8);
        background: url(images/button-small-secondary-bg-da94524b40c599ce305b77011d3dd49f.png);
    }

.ButtonSmall-base__secondary--3k6ic::before, .ButtonSmall-base__miniSecondary--3eYyp::before {
            background-image: url(images/button-small-secondary-bg-left-1656fda414fe889b1aa338b73adeb3d0.png);
        }

.ButtonSmall-base__secondary--3k6ic::after, .ButtonSmall-base__miniSecondary--3eYyp::after {
            background-image: url(images/button-small-secondary-bg-right-5a616aeb6f5f86050f3bb8326a9699eb.png);
        }

.ButtonSmall-base__mini--1_oDn {
        min-width: auto;
        padding: 0 6px;
    }

.ButtonSmall-base__miniSecondary--3eYyp {
        min-width: auto;
        padding: 0;
    }

.ButtonSmall-base__primary--3vvYs {
        background-image: url(images/button-small-primary-bg-09361f61599f289c6e3d1665200d4dd3.png);
    }

.ButtonSmall-base__primary--3vvYs::before {
            background-image: url(images/button-small-primary-bg-left-bfee12e0b6815857586df6608ca84a3a.png);
        }

.ButtonSmall-base__primary--3vvYs::after {
            background-image: url(images/button-small-primary-bg-right-65acd907d95f8a997a981f6f1a262153.png);
        }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS {
        box-shadow: 0 0 0 1px #000;
        background-image: url(images/button-small-disabled-bg-a278ef6ec90935bab3ec2fe6a174762f.png);
        cursor: default;
    }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS::before {
            background: url(images/button-small-disabled-bg-left-3c4509b5fbe5ab495d161fea9241a0ad.png) no-repeat left;
        }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS::after {
            background: url(images/button-small-disabled-bg-right-14f67fd134131568c1b2ef40e566b53f.png) no-repeat right;
        }

.ButtonSmall-base__primary--3vvYs.ButtonSmall-isDisabled--3AsjS {
        cursor: default;
    }

.ButtonSmall-base__primary--3vvYs.ButtonSmall-isDisabled--3AsjS::before {
            background: url(images/button-small-disabled-pattern-520e6359601fe5c8273e9bd68897eee7.png) repeat right,
                        url(images/button-small-primary-bg-left-bfee12e0b6815857586df6608ca84a3a.png) no-repeat left;
        }

.ButtonSmall-base__primary--3vvYs.ButtonSmall-isDisabled--3AsjS::after {
            background: url(images/button-small-disabled-pattern-520e6359601fe5c8273e9bd68897eee7.png) repeat left,
                        url(images/button-small-primary-bg-right-65acd907d95f8a997a981f6f1a262153.png) no-repeat right;
        }

.ButtonSmall-base--inOnq.ButtonSmall-isPending--3_THm {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .08);
        background-color: rgba(0, 0, 0, .08);
        background-image: none;
        cursor: default;
    }

.ButtonSmall-base--inOnq.ButtonSmall-isPending--3_THm::after {
            content: normal;
        }

.ButtonSmall-base--inOnq.ButtonSmall-isPending--3_THm::before {
            top: 50%;
            left: 14px;
            width: 14px;
            height: 14px;
            margin: -7px 0 0;
            background: url(images/button-small-pending-spinner-78dba7793044f3c3eda520dff60ce0ea.png) no-repeat center;
            animation: ButtonSmall-pending-spin--lowEQ 1.2s linear infinite;
        }

.ButtonSmall-base--inOnq.ButtonSmall-isJustified--36ehW {
        display: block;
        width: 100%;
    }

.ButtonSmall-condition--2_TQ4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    background-repeat: repeat-x;
    opacity: 0;
    transition: all .16s;
}

.ButtonSmall-condition--2_TQ4::after, .ButtonSmall-condition--2_TQ4::before {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.ButtonSmall-condition--2_TQ4::before {
        left: 0;
        background-position: left;
    }

.ButtonSmall-condition--2_TQ4::after {
        right: 0;
        background-position: right;
    }

.ButtonSmall-condition__hover--15dbv {
        z-index: 10;
    }

.ButtonSmall-condition__active--16T7z {
        z-index: 15;
    }

.ButtonSmall-condition__focus--1ebIY {
        z-index: 20;
    }

.ButtonSmall-condition__disabled--3NVa4 {
        z-index: 25;
    }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-condition__disabled--3NVa4 {
        display: none;
    }

.ButtonSmall-base--inOnq:hover .ButtonSmall-condition__hover--15dbv, .ButtonSmall-base--inOnq:active .ButtonSmall-condition__active--16T7z, .ButtonSmall-base--inOnq:focus .ButtonSmall-condition__focus--1ebIY {
        visibility: visible;
        opacity: 1;
    }

.ButtonSmall-base--inOnq:active .ButtonSmall-condition__hover--15dbv {
        visibility: hidden;
        opacity: 0;
    }

.ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__hover--15dbv {
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.1" /><feFuncG type="linear" slope="1.1" /><feFuncB type="linear" slope="1.1" /></feComponentTransfer></filter></svg>#filter');
        -webkit-filter: brightness(1.1);
                filter: brightness(1.1);
    }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__hover--15dbv, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__hover--15dbv {
        background-image: url(images/button-small-default-hover-bg-8bdd4b173cc7a56a2782a30292614360.png);
    }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__hover--15dbv::after, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__hover--15dbv::after {
            background-image: url(images/button-small-default-hover-bg-right-987f9c17c9a874e4e7c7995252f2260a.png);
        }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__hover--15dbv::before, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__hover--15dbv::before {
            background-image: url(images/button-small-default-hover-bg-left-a6f5736872f396a41852aeee813f6e32.png);
        }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__active--16T7z, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__active--16T7z {
        background-image: url(images/button-small-default-active-bg-17c698e84ac113b2bc19284f3fa11b07.png);
    }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__active--16T7z::after, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__active--16T7z::after {
            background-image: url(images/button-small-default-active-bg-right-eb19069b9232d6b2d8f38fb21c65cb6f.png);
        }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__active--16T7z::before, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__active--16T7z::before {
            background-image: url(images/button-small-default-active-bg-left-9aa660f1714fcf1ba2a22e7a50753a59.png);
        }

.ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__hover--15dbv, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__hover--15dbv {
        background-image: url(images/button-small-secondary-hover-bg-13ee49e229f44b69d53998346358113c.png);
    }

.ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__hover--15dbv::after, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__hover--15dbv::after {
            background-image: url(images/button-small-secondary-hover-bg-right-1b3d679b09ca94f0ccc88b5a5a2b87be.png);
        }

.ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__hover--15dbv::before, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__hover--15dbv::before {
            background-image: url(images/button-small-secondary-hover-bg-left-5f6f0597b01fa45c709315637cfe9386.png);
        }

.ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__active--16T7z, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__active--16T7z {
        background-image: url(images/button-small-secondary-active-bg-7847923b470ac9040c3e39a1e11b8e9a.png);
    }

.ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__active--16T7z::after, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__active--16T7z::after {
            background-image: url(images/button-small-secondary-active-bg-right-905f07ebb63e7fff402689494e7c7ebc.png);
        }

.ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__active--16T7z::before, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__active--16T7z::before {
            background-image: url(images/button-small-secondary-active-bg-left-6007a51d1928e2ce733b1cfe560904c9.png);
        }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-condition__hover--15dbv {
        background-image: url(images/button-small-primary-hover-bg-f077e42fffacd778ac506d4b3f6a0732.png);
    }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-condition__hover--15dbv::after {
            background-image: url(images/button-small-primary-hover-bg-right-cec6a5412ec01456ba21e077f7a08df5.png);
        }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-condition__hover--15dbv::before {
            background-image: url(images/button-small-primary-hover-bg-left-ade7f3254ed15fbafb662cda43db2c51.png);
        }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-condition__active--16T7z {
        background-image: url(images/button-small-primary-active-bg-085ff87f3e83682e388a9e07aff34ea0.png);
    }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-condition__active--16T7z::after {
            background-image: url(images/button-small-primary-active-bg-right-596b107acc2036543371a8d21e9cbacf.png);
        }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-condition__active--16T7z::before {
            background-image: url(images/button-small-primary-active-bg-left-9f78054bced9a1824768405f170bf52e.png);
        }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__focus--1ebIY, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__focus--1ebIY, .ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__focus--1ebIY, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__focus--1ebIY {
        overflow: visible;
        border-top: 1px solid transparent;
        border-right: 1px solid #5b2b05;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #5b2b05;
        border-radius: 0;
        opacity: .5;
    }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__focus--1ebIY::before, .ButtonSmall-base__default--NIImO .ButtonSmall-condition__focus--1ebIY::after, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__focus--1ebIY::before, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__focus--1ebIY::after, .ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__focus--1ebIY::before, .ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__focus--1ebIY::after, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__focus--1ebIY::before, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__focus--1ebIY::after {
            position: absolute;
            right: -1px;
            left: -1px;
            width: auto;
            height: 1px;
            background: linear-gradient(
                            to right,
                            #a44200,
                            #866651,
                            #a44200
                        );
            opacity: .5;
            content: '';
        }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__focus--1ebIY::before, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__focus--1ebIY::before, .ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__focus--1ebIY::before, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__focus--1ebIY::before {
            top: -1px;
        }

.ButtonSmall-base__default--NIImO .ButtonSmall-condition__focus--1ebIY::after, .ButtonSmall-base__mini--1_oDn .ButtonSmall-condition__focus--1ebIY::after, .ButtonSmall-base__secondary--3k6ic .ButtonSmall-condition__focus--1ebIY::after, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-condition__focus--1ebIY::after {
            top: auto;
            bottom: -1px;
        }

.ButtonSmall-base--inOnq.ButtonSmall-isPending--3_THm:hover .ButtonSmall-condition__hover--15dbv, .ButtonSmall-base--inOnq.ButtonSmall-isPending--3_THm:active .ButtonSmall-condition__active--16T7z, .ButtonSmall-base--inOnq.ButtonSmall-isPending--3_THm:focus .ButtonSmall-condition__focus--1ebIY, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:hover .ButtonSmall-condition__hover--15dbv, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:active .ButtonSmall-condition__active--16T7z, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:focus .ButtonSmall-condition__focus--1ebIY {
        visibility: hidden;
        opacity: 0;
    }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS .ButtonSmall-condition__disabled--3NVa4, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:hover .ButtonSmall-condition__disabled--3NVa4, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:active .ButtonSmall-condition__disabled--3NVa4 {
        visibility: visible;
        border-radius: 2px 2px 0 0;
        background: none;
        opacity: 1;
    }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS .ButtonSmall-condition__disabled--3NVa4::before, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS .ButtonSmall-condition__disabled--3NVa4::after, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:hover .ButtonSmall-condition__disabled--3NVa4::before, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:hover .ButtonSmall-condition__disabled--3NVa4::after, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:active .ButtonSmall-condition__disabled--3NVa4::before, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:active .ButtonSmall-condition__disabled--3NVa4::after {
            top: 1px;
            background-image: url(images/button-small-disabled-pattern-520e6359601fe5c8273e9bd68897eee7.png);
            background-repeat: repeat-x;
        }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS .ButtonSmall-condition__disabled--3NVa4::before, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:hover .ButtonSmall-condition__disabled--3NVa4::before, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:active .ButtonSmall-condition__disabled--3NVa4::before {
            right: 50%;
            left: 1px;
            width: auto;
            border-radius: 1px 0 0;
        }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS .ButtonSmall-condition__disabled--3NVa4::after, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:hover .ButtonSmall-condition__disabled--3NVa4::after, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:active .ButtonSmall-condition__disabled--3NVa4::after {
            right: 1px;
            left: 50%;
            width: auto;
            border-radius: 0 1px 0 0;
        }

.ButtonSmall-caption--836g8 {
    position: relative;
    z-index: 25;
    display: block;
    height: 100%;
    color: #f2f2e6;
    font-size: 13px;
    line-height: 20px;
    text-shadow: 0 -1px 0 #000;
    transition: all .16s;
}

.ButtonSmall-base--inOnq:hover .ButtonSmall-caption--836g8 {
        color: #fefeec;
    }

.ButtonSmall-base--inOnq:active .ButtonSmall-caption--836g8 {
        color: #dbdbd0;
    }

.ButtonSmall-base__secondary--3k6ic .ButtonSmall-caption--836g8, .ButtonSmall-base__miniSecondary--3eYyp .ButtonSmall-caption--836g8 {
        color: rgba(242, 242, 230, .6);
    }

.ButtonSmall-base__secondary--3k6ic:hover .ButtonSmall-caption--836g8, .ButtonSmall-base__miniSecondary--3eYyp:hover .ButtonSmall-caption--836g8 {
        color: #d8d8ca;
    }

.ButtonSmall-base__secondary--3k6ic:active .ButtonSmall-caption--836g8, .ButtonSmall-base__miniSecondary--3eYyp:active .ButtonSmall-caption--836g8 {
        color: rgba(242, 242, 230, .6);
    }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS .ButtonSmall-caption--836g8, .ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:hover .ButtonSmall-caption--836g8 {
        color: #808080;
    }

.ButtonSmall-base--inOnq.ButtonSmall-isDisabled--3AsjS:active .ButtonSmall-caption--836g8 {
        opacity: 1;
    }

.ButtonSmall-base--inOnq.ButtonSmall-isPending--3_THm .ButtonSmall-caption--836g8 {
        margin-left: 26px;
        color: #bababa;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    }

.ButtonSmall-base__primary--3vvYs .ButtonSmall-caption--836g8 {
        text-shadow: 0 -1px 1px #600;
    }
.ButtonInbox-base--1HAnk {
    display: inline-block;
    vertical-align: top;
}

    .ButtonInbox-base__new-message--3vfGH {
        position: relative;
    }

    .ButtonInbox-icon--12Yue {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 22px;
    height: 20px;
    background-image: url(images/button-inbox-dda6d8a6a96c135d8fa199995234bfb4.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
}

    .ButtonInbox-base__new-message--3vfGH .ButtonInbox-icon--12Yue {
        background-image: url(images/button-inbox-new-message-04a51612689934af892a929352f578db.png);
    }

    .ButtonInbox-messages--1v6-1 {
    position: absolute;
    top: -6px;
    left: 24px;
    z-index: 1;
    box-sizing: border-box;
    min-width: 12px;
    height: 12px;
    padding: 0 3px;
    border-radius: 6px;
    box-shadow: 0 0 1px 0 #000,
                0 0 18px 0 rgba(255, 24, 0, .86);
    background: #e73902;
    color: #fff5e2;
    font-size: 11px;
    line-height: 13px;
    text-align: center;
    pointer-events: none;
}
@keyframes Button-pending-spin--3YGnx {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.Button-base--3GehH {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 31px;
    padding: 0 20px 1px;
    border: 0 none;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    background-color: transparent;
    background-image: url(images/button-default-bg-c58c876a95cac279008fec55c640f839.png);
    background-repeat: repeat-x;
    line-height: 1;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}

.Button-base--3GehH::before, .Button-base--3GehH::after {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.Button-base--3GehH::before {
        left: 0;
        z-index: 5;
        background-image: url(images/button-default-bg-left-2090c3572b1ed6066fceb2e01babc952.png);
        background-position: left;
    }

.Button-base--3GehH::after {
        right: 0;
        z-index: 5;
        background-image: url(images/button-default-bg-right-c6b4c4b5b313665e59ec1d9fdf82c0be.png);
        background-position: right;
    }

.Button-base--3GehH.Button-isIcon--1Ub9z {
        min-width: auto;
        padding: 0 2px;
    }

.Button-base__primary--3KafH {
        background-image: url(images/button-primary-bg-f5634981f37592dda089b1e8a7346407.png);
    }

.Button-base__primary--3KafH::before {
            background-image: url(images/button-primary-bg-left-71a8a0b28fc57fdcbc1f4a89794f2f58.png);
        }

.Button-base__primary--3KafH::after {
            background-image: url(images/button-primary-bg-right-c65049e7da96abe380757c815af91063.png);
        }

.Button-base__secondary--1y_hX {
        background-image: url(images/button-secondary-bg-c209529c51c540525ac64cc74fa15127.png);
    }

.Button-base__secondary--1y_hX::before {
            background-image: url(images/button-secondary-bg-left-2357c699118e9b452f845fcc1cc6127d.png);
        }

.Button-base__secondary--1y_hX::after {
            background-image: url(images/button-secondary-bg-right-753cd7065dcef881e9186efe7d580c82.png);
        }

.Button-base--3GehH.Button-isDisabled--2Yv6K {
        background-image: url(images/button-default-bg-c58c876a95cac279008fec55c640f839.png);
        cursor: default;
    }

.Button-base--3GehH.Button-isDisabled--2Yv6K::before {
            background: url(images/button-disabled-pattern-bee5a5205f918e6836654ce66da80528.png) repeat right,
                        url(images/button-default-bg-left-2090c3572b1ed6066fceb2e01babc952.png) no-repeat left;
        }

.Button-base--3GehH.Button-isDisabled--2Yv6K::after {
            background: url(images/button-disabled-pattern-bee5a5205f918e6836654ce66da80528.png) repeat left,
                        url(images/button-default-bg-right-c6b4c4b5b313665e59ec1d9fdf82c0be.png) no-repeat right;
        }

.Button-base__primary--3KafH.Button-isDisabled--2Yv6K {
        background-image: url(images/button-primary-bg-f5634981f37592dda089b1e8a7346407.png);
        cursor: default;
    }

.Button-base__primary--3KafH.Button-isDisabled--2Yv6K::before {
            background: url(images/button-disabled-pattern-bee5a5205f918e6836654ce66da80528.png) repeat right,
                        url(images/button-primary-bg-left-71a8a0b28fc57fdcbc1f4a89794f2f58.png) no-repeat left;
        }

.Button-base__primary--3KafH.Button-isDisabled--2Yv6K::after {
            background: url(images/button-disabled-pattern-bee5a5205f918e6836654ce66da80528.png) repeat left,
                        url(images/button-primary-bg-right-c65049e7da96abe380757c815af91063.png) no-repeat right;
        }

.Button-base--3GehH.Button-isPending--87s8k {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .08);
        background-color: rgba(0, 0, 0, .08);
        background-image: none;
        cursor: default;
    }

.Button-base--3GehH.Button-isPending--87s8k::after {
            content: normal;
        }

.Button-base--3GehH.Button-isPending--87s8k::before {
            top: 50%;
            left: 14px;
            width: 14px;
            height: 14px;
            margin: -7px 0 0;
            background: url(images/button-pending-spinner-78dba7793044f3c3eda520dff60ce0ea.png) no-repeat center;
            animation: Button-pending-spin--3YGnx 1.2s linear infinite;
        }

.Button-base--3GehH.Button-isJustified--Mlyrj {
        display: block;
        width: 100%;
    }

.Button-condition--NRpSj {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    background-repeat: repeat-x;
    opacity: 0;
    transition: all .16s;
}

.Button-condition--NRpSj::before, .Button-condition--NRpSj::after {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.Button-condition--NRpSj::before {
        left: 0;
        background-position: left;
    }

.Button-condition--NRpSj::after {
        right: 0;
        background-position: right;
    }

.Button-condition__hover--1hzHe {
        z-index: 10;
        background-image: url(images/button-default-hover-bg-e1630183eed289bf85371ee470f11baa.png);
    }

.Button-condition__hover--1hzHe::after {
            background-image: url(images/button-default-hover-bg-right-29e8690ca1dbe8c90eed19dd710e9327.png);
        }

.Button-condition__hover--1hzHe::before {
            background-image: url(images/button-default-hover-bg-left-68912a453a8f703ffd0e75af70bee463.png);
        }

.Button-condition__active--doj_M {
        z-index: 15;
        background-image: url(images/button-default-active-bg-8b121b4ef15504573f08fe5bd6b17f7b.png);
    }

.Button-condition__active--doj_M::after {
            background-image: url(images/button-default-active-bg-right-fb089e45a0ed9d11126f5b07db5f9282.png);
        }

.Button-condition__active--doj_M::before {
            background-image: url(images/button-default-active-bg-left-64ac16e0f68099d4e3c6a0dbce390cb3.png);
        }

.Button-condition__focus--2UGjO {
        z-index: 20;
        overflow: visible;
        border-top: 1px solid transparent;
        border-right: 1px solid #5b2b05;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #5b2b05;
        opacity: .5;
    }

.Button-condition__focus--2UGjO::before, .Button-condition__focus--2UGjO::after {
            position: absolute;
            right: -1px;
            left: -1px;
            width: auto;
            height: 1px;
            background: linear-gradient(
                            to right,
                            #a44200,
                            #866651,
                            #a44200
                        );
            opacity: .5;
            content: '';
        }

.Button-condition__focus--2UGjO::before {
            top: -1px;
        }

.Button-condition__focus--2UGjO::after {
            top: auto;
            bottom: -1px;
        }

.Button-base__primary--3KafH .Button-condition__hover--1hzHe {
        background-image: url(images/button-primary-hover-bg-2abe45997d7175abea446b87432f1a3e.png);
    }

.Button-base__primary--3KafH .Button-condition__hover--1hzHe::after {
            background-image: url(images/button-primary-hover-bg-right-783b1b3268fd6323e0ded45efdc92d94.png);
        }

.Button-base__primary--3KafH .Button-condition__hover--1hzHe::before {
            background-image: url(images/button-primary-hover-bg-left-368c9cef6aacac3c9be4785bf82d3214.png);
        }

.Button-base__primary--3KafH .Button-condition__active--doj_M {
        background-image: url(images/button-primary-active-bg-fa59f9be5ace1771ed0e7c3be006e889.png);
    }

.Button-base__primary--3KafH .Button-condition__active--doj_M::after {
            background-image: url(images/button-primary-active-bg-right-ddcda13df29398f7628a3c16194c4a5b.png);
        }

.Button-base__primary--3KafH .Button-condition__active--doj_M::before {
            background-image: url(images/button-primary-active-bg-left-c57b3051f4d8985e34c4fb6dcbb211ec.png);
        }

.Button-base__secondary--1y_hX .Button-condition__hover--1hzHe {
        background-image: url(images/button-secondary-hover-bg-7c7ba363bae67410bf315f48ab41f980.png);
    }

.Button-base__secondary--1y_hX .Button-condition__hover--1hzHe::after {
            background-image: url(images/button-secondary-hover-bg-right-a05622dc43a05bcbb91ab489b1a4d4ae.png);
        }

.Button-base__secondary--1y_hX .Button-condition__hover--1hzHe::before {
            background-image: url(images/button-secondary-hover-bg-left-d64d095f2cc809d81965985aca736594.png);
        }

.Button-base__secondary--1y_hX .Button-condition__active--doj_M {
        background-image: url(images/button-secondary-active-bg-6a04597219412aa409c1b15f98e3203a.png);
    }

.Button-base__secondary--1y_hX .Button-condition__active--doj_M::after {
            background-image: url(images/button-secondary-active-bg-right-e80c76d73f906417cce52c1209e8c33b.png);
        }

.Button-base__secondary--1y_hX .Button-condition__active--doj_M::before {
            background-image: url(images/button-secondary-active-bg-left-d9bc474bbb7165f2a3a46efa8122dd11.png);
        }

.Button-base--3GehH:hover .Button-condition__hover--1hzHe, .Button-base--3GehH:active .Button-condition__active--doj_M, .Button-base--3GehH:focus .Button-condition__focus--2UGjO {
        visibility: visible;
        opacity: 1;
    }

.Button-base--3GehH:active .Button-condition__hover--1hzHe {
        visibility: hidden;
        opacity: 0;
    }

.Button-base--3GehH.Button-isPending--87s8k:hover .Button-condition__hover--1hzHe, .Button-base--3GehH.Button-isPending--87s8k:active .Button-condition__active--doj_M, .Button-base--3GehH.Button-isPending--87s8k:focus .Button-condition__focus--2UGjO, .Button-base--3GehH.Button-isDisabled--2Yv6K:hover .Button-condition__hover--1hzHe, .Button-base--3GehH.Button-isDisabled--2Yv6K:active .Button-condition__active--doj_M, .Button-base--3GehH.Button-isDisabled--2Yv6K:focus .Button-condition__focus--2UGjO {
        visibility: hidden;
        opacity: 0;
    }

.Button-caption--1nFOA {
    position: relative;
    z-index: 25;
    color: #f2f1e1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-shadow: 0 -1px 1px #000;
    transition: all .16s;
}

.Button-base--3GehH:hover .Button-caption--1nFOA {
        color: #fefeed;
    }

.Button-base--3GehH:active .Button-caption--1nFOA {
        color: #dbdbd0;
    }

.Button-base--3GehH.Button-isIcon--1Ub9z:active .Button-caption--1nFOA {
        opacity: .6;
    }

.Button-base__secondary--1y_hX .Button-caption--1nFOA {
        color: rgba(242, 242, 230, .6);
    }

.Button-base__secondary--1y_hX:hover .Button-caption--1nFOA {
        color: #f2f2e6;
    }

.Button-base__secondary--1y_hX:active .Button-caption--1nFOA {
        color: rgba(242, 242, 230, .6);
    }

.Button-base--3GehH.Button-isDisabled--2Yv6K .Button-caption--1nFOA, .Button-base--3GehH.Button-isDisabled--2Yv6K:hover .Button-caption--1nFOA {
        color: #808080;
    }

.Button-base--3GehH.Button-isDisabled--2Yv6K:active .Button-caption--1nFOA {
        opacity: 1;
    }

.Button-base--3GehH.Button-isPending--87s8k .Button-caption--1nFOA {
        margin-left: 26px;
        color: #bababa;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    }

.Button-base__primary--3KafH .Button-caption--1nFOA {
        text-shadow: 0 -1px 1px #600;
    }

.Button-shadow--3l8JT {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 4px;
    background: url(images/button-shadow-0374d449e44ca2497729a08416d77cba.png) repeat-x;
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
}

.Button-isPending--87s8k .Button-shadow--3l8JT {
        display: none;
    }
.ButtonToggleSmall-base--3ha9A {
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: auto;
    height: 20px;
    padding: 0 15px;
    overflow: visible;
    border: 0 none;
    border-radius: 1px;
    outline: none;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .8);
    background: url(images/button-toggle-bg-da94524b40c599ce305b77011d3dd49f.png);
    cursor: pointer;
}

    .ButtonToggleSmall-base--3ha9A::before, .ButtonToggleSmall-base--3ha9A::after {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

    .ButtonToggleSmall-base--3ha9A::before {
        left: 0;
        z-index: 5;
        border-radius: 1px 0 0 1px;
        background-image: url(images/button-toggle-bg-left-1656fda414fe889b1aa338b73adeb3d0.png);
        background-position: left;
    }

    .ButtonToggleSmall-base--3ha9A::after {
        right: 0;
        z-index: 5;
        border-radius: 0 1px 1px 0;
        background-image: url(images/button-toggle-bg-right-5a616aeb6f5f86050f3bb8326a9699eb.png);
        background-position: right;
    }

    .ButtonToggleSmall-condition--jxeEJ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    overflow: hidden;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
    background-repeat: repeat-x;
    opacity: 0;
    transition: all .16s;
}

    .ButtonToggleSmall-condition--jxeEJ::after, .ButtonToggleSmall-condition--jxeEJ::before {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

    .ButtonToggleSmall-condition--jxeEJ::before {
        left: 0;
        background-position: left;
    }

    .ButtonToggleSmall-condition--jxeEJ::after {
        right: 0;
        background-position: right;
    }

    .ButtonToggleSmall-condition__hover--2LM6D {
        z-index: 10;
        background-image: url(images/button-toggle-hover-bg-13ee49e229f44b69d53998346358113c.png);
    }

    .ButtonToggleSmall-condition__hover--2LM6D::after {
            background-image: url(images/button-toggle-hover-bg-right-1b3d679b09ca94f0ccc88b5a5a2b87be.png);
        }

    .ButtonToggleSmall-condition__hover--2LM6D::before {
            background-image: url(images/button-toggle-hover-bg-left-5f6f0597b01fa45c709315637cfe9386.png);
        }

    .ButtonToggleSmall-condition__active--8UyLU {
        z-index: 15;
        background-image: url(images/button-toggle-active-bg-7847923b470ac9040c3e39a1e11b8e9a.png);
    }

    .ButtonToggleSmall-condition__active--8UyLU::after {
            background-image: url(images/button-toggle-active-bg-right-905f07ebb63e7fff402689494e7c7ebc.png);
        }

    .ButtonToggleSmall-condition__active--8UyLU::before {
            background-image: url(images/button-toggle-active-bg-left-6007a51d1928e2ce733b1cfe560904c9.png);
        }

    .ButtonToggleSmall-condition__focus--3X1q5 {
        z-index: 20;
        overflow: visible;
        border-top: 1px solid transparent;
        border-right: 1px solid #5b2b05;
        border-bottom: 1px solid transparent;
        border-left: 1px solid #5b2b05;
        opacity: .5;
    }

    .ButtonToggleSmall-condition__focus--3X1q5::before, .ButtonToggleSmall-condition__focus--3X1q5::after {
            position: absolute;
            right: -1px;
            left: -1px;
            width: auto;
            height: 1px;
            background: linear-gradient(
                            to right,
                            #a44200,
                            #866651,
                            #a44200
                        );
            opacity: .5;
            content: '';
        }

    .ButtonToggleSmall-condition__focus--3X1q5::before {
            top: -1px;
        }

    .ButtonToggleSmall-condition__focus--3X1q5::after {
            top: auto;
            bottom: -1px;
        }

    .ButtonToggleSmall-condition__disabled--149m_ {
        z-index: 20;
        transition: none;
    }

    .ButtonToggleSmall-base--3ha9A:hover .ButtonToggleSmall-condition__hover--2LM6D, .ButtonToggleSmall-base--3ha9A:active .ButtonToggleSmall-condition__active--8UyLU, .ButtonToggleSmall-base--3ha9A:focus .ButtonToggleSmall-condition__focus--3X1q5 {
        visibility: visible;
        opacity: 1;
    }

    .ButtonToggleSmall-base--3ha9A:active .ButtonToggleSmall-condition__hover--2LM6D, .ButtonToggleSmall-base__disabled--2t3Pg:active .ButtonToggleSmall-condition__active--8UyLU {
        visibility: hidden;
        opacity: 0;
    }

    .ButtonToggleSmall-base__disabled--2t3Pg .ButtonToggleSmall-condition__disabled--149m_, .ButtonToggleSmall-base__disabled--2t3Pg:hover .ButtonToggleSmall-condition__disabled--149m_, .ButtonToggleSmall-base__disabled--2t3Pg:active .ButtonToggleSmall-condition__disabled--149m_ {
        visibility: visible;
        border-radius: 1px 1px 0 0;
        background: none;
        opacity: 1;
    }

    .ButtonToggleSmall-base__disabled--2t3Pg .ButtonToggleSmall-condition__disabled--149m_::before, .ButtonToggleSmall-base__disabled--2t3Pg .ButtonToggleSmall-condition__disabled--149m_::after, .ButtonToggleSmall-base__disabled--2t3Pg:hover .ButtonToggleSmall-condition__disabled--149m_::before, .ButtonToggleSmall-base__disabled--2t3Pg:hover .ButtonToggleSmall-condition__disabled--149m_::after, .ButtonToggleSmall-base__disabled--2t3Pg:active .ButtonToggleSmall-condition__disabled--149m_::before, .ButtonToggleSmall-base__disabled--2t3Pg:active .ButtonToggleSmall-condition__disabled--149m_::after {
            top: 1px;
            background-image: url(images/button-toggle-disabled-pattern-520e6359601fe5c8273e9bd68897eee7.png);
            background-repeat: repeat-x;
        }

    .ButtonToggleSmall-base__disabled--2t3Pg .ButtonToggleSmall-condition__disabled--149m_::before, .ButtonToggleSmall-base__disabled--2t3Pg:hover .ButtonToggleSmall-condition__disabled--149m_::before, .ButtonToggleSmall-base__disabled--2t3Pg:active .ButtonToggleSmall-condition__disabled--149m_::before {
            right: 50%;
            left: 1px;
            width: auto;
            border-radius: 1px 0 0;
        }

    .ButtonToggleSmall-base__disabled--2t3Pg .ButtonToggleSmall-condition__disabled--149m_::after, .ButtonToggleSmall-base__disabled--2t3Pg:hover .ButtonToggleSmall-condition__disabled--149m_::after, .ButtonToggleSmall-base__disabled--2t3Pg:active .ButtonToggleSmall-condition__disabled--149m_::after {
            right: 1px;
            left: 50%;
            width: auto;
            border-radius: 0 1px 0 0;
        }

    .ButtonToggleSmall-input--2EBWY {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

    .ButtonToggleSmall-marker--1KZib {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -2px;
    left: 0;
    z-index: 30;
    background: url(images/button-toggle-marker-5f674627a06cf07f7b8913313ac71d0b.png) no-repeat bottom;
}

    .ButtonToggleSmall-marker--1KZib::after, .ButtonToggleSmall-marker--1KZib::before {
        position: absolute;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        content: '';
        transition: all .16s ease;
    }

    .ButtonToggleSmall-marker--1KZib::before {
        bottom: -12px;
        z-index: 10;
        height: 29px;
        background: url(images/button-toggle-marker-checked-00258a8b95680c18dc031253f0f99ff3.png) no-repeat bottom;
    }

    .ButtonToggleSmall-marker--1KZib::after {
        top: 0;
        bottom: 2px;
        z-index: 5;
        border-width: 1px;
        border-style: solid;
        -webkit-border-image: url(images/button-toggle-marker-borders-ce2c102943b5921c8b368b79c81033e8.png) 1 stretch; /* stylelint-disable-line property-no-vendor-prefix*/
        box-shadow: inset 0 -1px 0 rgba(255, 170, 0, .07),
                    inset 0 -3px 16px rgba(255, 103, 0, .35),
                    0 0 10px 1px rgba(238, 80, 3, .42);
        background: linear-gradient(to top, rgba(255, 127, 0, .1), rgba(255, 42, 0, 0));
    }

    .ButtonToggleSmall-input--2EBWY:checked + .ButtonToggleSmall-marker--1KZib::after, .ButtonToggleSmall-input--2EBWY:checked + .ButtonToggleSmall-marker--1KZib::before {
        visibility: visible;
        opacity: 1;
    }

    .ButtonToggleSmall-caption--QsSLx {
    position: relative;
    z-index: 40;
    line-height: 20px;
}
.ButtonGroup-group--1e0tD {
    position: relative;
    box-sizing: border-box;
}

.ButtonGroup-button--3-1St {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.ButtonGroup-button--3-1St:last-child {
        margin-right: 0;
    }

.ButtonGroup-button__smallIndent--3nyDr {
        margin-right: 5px;
    }

.ButtonGroup-button__largeIndent--1BUPw {
        margin-right: 10px;
    }
.Checkbox-base--19HBM {
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
}

    .Checkbox-base--19HBM.Checkbox-isDisabled--37TDg {
        opacity: .45;
        cursor: default;
    }

    .Checkbox-base--19HBM.Checkbox-hasCaption--1YMPq {
        padding: 0 0 0 18px;
    }

    .Checkbox-base__big--1gIuz.Checkbox-hasCaption--1YMPq {
        padding: 0 0 0 38px;
    }

    .Checkbox-input--qtwRx {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

    .Checkbox-check--3UgUA {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(images/checkbox-bg-7f318e8f5696d5d4ddfa98509e4f5b3f.png) center no-repeat;
    vertical-align: top;
}

    .Checkbox-check--3UgUA::after, .Checkbox-check--3UgUA::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 12px;
        height: 12px;
    }

    .Checkbox-check--3UgUA::before {
        z-index: 1;
        visibility: hidden;
        background: url(images/checkbox-bg-hover-d353bcd47b2eee49c09cce8d619eba52.png) center no-repeat;
        opacity: 0;
        content: '';
        transition: opacity .16s ease;
        will-change: opacity;
    }

    .Checkbox-check--3UgUA::after {
        top: 0;
        left: 0;
        z-index: 2;
        background: url(images/checkbox-check-cc13c1a63dc722172f7e970c9cea3627.png) center no-repeat;
        content: normal;
    }

    .Checkbox-base--19HBM:hover .Checkbox-check--3UgUA::before {
        visibility: visible;
        opacity: 1;
    }

    .Checkbox-base--19HBM.Checkbox-isChecked--3L_Dd .Checkbox-check--3UgUA::after {
        content: '';
    }

    .Checkbox-base--19HBM.Checkbox-hasCaption--1YMPq .Checkbox-check--3UgUA {
        margin: 0 0 0 -18px;
    }

    .Checkbox-base__big--1gIuz .Checkbox-check--3UgUA {
        width: 24px;
        height: 24px;
        background-image: url(images/checkbox-big-bg-bb9a984f8cfa3cd240ab82610eaff6d4.png);
    }

    .Checkbox-base__big--1gIuz .Checkbox-check--3UgUA::before {
            width: 24px;
            height: 24px;
            background: url(images/checkbox-big-bg-hover-a0112920c63aee2d71c7f2c58c46d290.png) center no-repeat;
        }

    .Checkbox-base__big--1gIuz .Checkbox-check--3UgUA::after {
            top: -5px;
            left: 5px;
            width: 25px;
            height: 25px;
            background: url(images/checkbox-big-check-f3d0cc53feb7c49ca5e17b0bd6a0cfea.png) center no-repeat;
        }

    .Checkbox-base__big--1gIuz.Checkbox-hasCaption--1YMPq .Checkbox-check--3UgUA {
        margin: 0 0 0 -38px;
    }

    .Checkbox-base__big--1gIuz.Checkbox-isChecked--3L_Dd .Checkbox-check--3UgUA::before {
            top: 50%;
            left: 50%;
            width: 138px;
            height: 138px;
            visibility: visible;
            background-image: url(images/checkbox-big-bg-checked-2c4eea624e2449f82475356c97e49b79.png);
            opacity: 1;
            transform: translate(-50%, -50%);
        }

    .Checkbox-caption--3iVYY {
    position: relative;
    margin: 0 0 0 6px;
    color: #969687;
    transition: color .16s ease;
}

    .Checkbox-base--19HBM:not(.Checkbox-isDisabled--37TDg):hover .Checkbox-caption--3iVYY, .Checkbox-base--19HBM.Checkbox-isChecked--3L_Dd .Checkbox-caption--3iVYY {
        color: #fdf4ce;
    }

    .Checkbox-base__big--1gIuz .Checkbox-caption--3iVYY, .Checkbox-base__big--1gIuz:not(.Checkbox-isChecked--3L_Dd):hover .Checkbox-caption--3iVYY {
        margin: 0 0 0 14px;
        color: #767669;
    }
.ClanTag-base--2LeJu {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

    .ClanTag-base__small--5F87I {
        padding-left: 30px;
    }

    .ClanTag-base__medium--2NvXr {
        padding-left: 34px;
    }

    .ClanTag-emblem--3BrTi {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

    .ClanTag-base__small--5F87I .ClanTag-emblem--3BrTi {
        width: 24px;
        height: 24px;
    }

    .ClanTag-base__medium--2NvXr .ClanTag-emblem--3BrTi {
        width: 32px;
        height: 32px;
    }
.Counter-base--aTGVJ {
    height: 25px;
    line-height: 25px;
}

.Counter-current--3PuWU {
    color: #e9e2bf;
}

.Counter-divider--VSfhO {
    margin: 0 3px;
    color: #595950;
}

.Counter-total--1k5pl {
    color: #595950;
}

.Counter-reset--1oEVi {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    margin: 0 0 0 4px;
    padding: 0;
    border: 1px solid rgba(171, 181, 148, .15);
    border-radius: 1px;
    background: rgba(10, 10, 10, .1);
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}

.Counter-reset--1oEVi::before, .Counter-reset--1oEVi::after {
        position: absolute;
        opacity: 0;
        content: '';
        transition: opacity .16s;
    }

.Counter-reset--1oEVi::before {
        top: -1px;
        right: -1px;
        left: -1px;
        height: 1px;
        background: url(images/counter-border-834a81a62d7f15f7d8fb1af14d9d7980.png) center no-repeat;
    }

.Counter-reset--1oEVi::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(
                        to top,
                        #0a0a0a,
                        #c8cfba
                    );
    }

.Counter-reset--1oEVi:hover::before {
            opacity: 1;
        }

.Counter-reset--1oEVi:hover::after {
            opacity: .15;
        }

.Counter-icon--31wrZ {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(images/counter-reset-cc93e188e3e89a3cb938d933ecf1a192.png) center no-repeat;
    vertical-align: top;
    opacity: .75;
    transition: opacity .16s;
}

.Counter-reset--1oEVi:hover .Counter-icon--31wrZ {
        opacity: 1;
    }
.Gold-base--At2Wd {
    position: relative;
    display: inline-block;
    color: #ffc363;
}

    .Gold-base__isNotEnough--253Q4 {
        color: #ff2717;
    }

    .Gold-base__size-small--1lDUK {
        line-height: 18px;
    }

    .Gold-base__size-large--3FlGM {
        line-height: 28px;
    }

    .Gold-base__isDisabled--2M8pp {
        color: #8c8c7e;
        text-decoration: line-through;
    }

    .Gold-base--At2Wd::before, .Gold-base--At2Wd::after {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-bottom: -4px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .Gold-base__size-small--1lDUK::before, .Gold-base__size-small--1lDUK::after {
        background-image: url(images/gold-small-6818ef9061e886749cdce0dfd5f850d9.png);
    }

    .Gold-base__size-large--3FlGM::before, .Gold-base__size-large--3FlGM::after {
        margin: 0 2px -2px;
        background-image: url(images/gold-large-81d9aafb8f11ca7946300b070beec1d7.png);
    }

    .Gold-base__before--27Hsj::before {
        content: '';
    }

    .Gold-base__after--WrNzx::after {
        content: '';
    }
.Silver-base--LsCVa {
    position: relative;
    display: inline-block;
    color: #ced9d9;
}

    .Silver-base__isNotEnough--1ONmn {
        color: #ff2717;
    }

    .Silver-base__size-small--3CW0I {
        line-height: 18px;
    }

    .Silver-base__size-large--3CCZo {
        line-height: 28px;
    }

    .Silver-base__isDisabled--2whQ0 {
        color: #8c8c7e;
        text-decoration: line-through;
    }

    .Silver-base--LsCVa::before, .Silver-base--LsCVa::after {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-bottom: -4px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .Silver-base__size-small--3CW0I::before, .Silver-base__size-small--3CW0I::after {
        background-image: url(images/silver-small-de52898dc5954704857194ed2896e5fe.png);
    }

    .Silver-base__size-large--3CCZo::before, .Silver-base__size-large--3CCZo::after {
        margin: 0 2px -2px;
        background-image: url(images/silver-large-8c00d2c329928615b00d92ae3da08f97.png);
    }

    .Silver-base__before--2sBdJ::before {
        content: '';
    }

    .Silver-base__after--24y6m::after {
        content: '';
    }
.EventCoin-base--1iq-8 {
    position: relative;
    display: inline-block;
    color: #f96;
}

    .EventCoin-base__isNotEnough--3wo3B {
        color: #ff2717;
    }

    .EventCoin-base__size-small--1WY9M {
        line-height: 18px;
    }

    .EventCoin-base__size-large--zWX6I {
        line-height: 28px;
    }

    .EventCoin-base__isDisabled--3ZrS5 {
        color: #8c8c7e;
        text-decoration: line-through;
    }

    .EventCoin-base--1iq-8::before, .EventCoin-base--1iq-8::after {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: 0 2px -4px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .EventCoin-base__size-small--1WY9M::before, .EventCoin-base__size-small--1WY9M::after {
        background-image: url(images/event-coin-default-small-413c9e1070939924866f230af90f5563.png);
    }

    .EventCoin-base__size-large--zWX6I::before, .EventCoin-base__size-large--zWX6I::after {
        background-image: url(images/event-coin-default-large-aea64989bb0570d9552f43b0f76f036c.png);
        background-size: cover;
    }

    .EventCoin-base__before--1dn2w::before {
        content: '';
    }

    .EventCoin-base__after--1mRxP::after {
        content: '';
    }

    /* This class using only for demo page */

    .Test_eventMixClassName {
    color: #26dd72;
}
.Dialog-base--BUqmK {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9990;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .Dialog-base--BUqmK.Dialog-isOpened--Adsg1 {
        display: flex;
    }

    .Dialog-wrapper--3vAbc {
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    width: 370px;
}

    .Dialog-body--3OiQY {
    position: relative;
    z-index: 10;
}

    .Dialog-background--2A51h {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 45px;
    left: 0;
    z-index: 20;
    background: url(images/dialog-background-7a2a9b4719b8ca95e04a095292f8ea1f.png) center no-repeat;
}

    .Dialog-background--2A51h::before, .Dialog-background--2A51h::after {
        position: absolute;
        right: 0;
        left: 0;
        background-image: url(images/dialog-background-7a2a9b4719b8ca95e04a095292f8ea1f.png);
        content: '';
    }

    .Dialog-background--2A51h::before {
        top: -48px;
        height: 48px;
        background-position: top;
    }

    .Dialog-background--2A51h::after {
        bottom: -45px;
        height: 45px;
        background-position: bottom;
    }

    .Dialog-header--36eIq {
    position: relative;
    z-index: 30;
    margin: 0 8px 0 9px;
    padding: 6px 20px 0 0;
}

    .Dialog-title--1rVw2 {
    margin: 0;
    color: #fefeec;
    font-size: 18px;
    line-height: 1;
    text-shadow: 0 -1px 0 #000;
}

    .Dialog-close--1EilU {
    position: absolute;
    top: 8px;
    right: 0;
    width: 17px;
    height: 17px;
    border: none;
    background-color: transparent;
    background-image: url(images/dialog-close-1f16e62bba5233232b2ba79699564a1e.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

    .Dialog-close--1EilU::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 17px;
        height: 17px;
        background-image: url(images/dialog-close-1f16e62bba5233232b2ba79699564a1e.png);
        background-position: 0 -17px;
        opacity: 0;
        content: '';
        transition: opacity .2s;
    }

    .Dialog-close--1EilU:hover::after {
        opacity: 1;
    }

    .Dialog-content--234NK {
    position: relative;
    z-index: 31;
    box-sizing: border-box;
    min-height: 90px;
    margin: 4px 4px 0;
    padding: 12px 8px 8px;
    border: 1px solid #000;
    box-shadow: inset 0 3px 18px 3px rgba(0, 0, 0, .55),
                0 0 0 1px rgba(242, 242, 230, .07);
    background: rgba(12, 11, 7, .9);
    text-align: left;
}

    .Dialog-content--234NK p {
        margin: 0;
        line-height: 15px;
    }

    .Dialog-footer--mUYIk {
    position: relative;
    z-index: 30;
    padding: 4px;
    text-align: right;
}

    .Dialog-button--ZX8Lp {
    display: inline-block;
    margin: 0 0 0 5px;
}

    .Dialog-overlay--3Vl4p {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .85);
}
.RadioButton-base--20j0X {
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
}

    .RadioButton-base--20j0X.RadioButton-isDisabled--1AgYg {
        opacity: .45;
        cursor: default;
    }

    .RadioButton-base--20j0X.RadioButton-hasCaption--2LnjC {
        padding: 0 0 0 19px;
    }

    .RadioButton-input--2XyFD {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

    .RadioButton-check--mU9hM {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(images/radiobutton-bg-c805b00bc659fb6aeb74c49798d7ea09.png) center no-repeat;
    vertical-align: top;
}

    .RadioButton-check--mU9hM::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 15px;
        background: url(images/radiobutton-check-5aeeba00fb68f8d68f4ffe194fc73bc5.png) center no-repeat;
        content: normal;
    }

    .RadioButton-base--20j0X.RadioButton-isChecked--3ozFZ .RadioButton-check--mU9hM::after {
        content: '';
    }

    .RadioButton-base--20j0X.RadioButton-hasCaption--2LnjC .RadioButton-check--mU9hM {
        margin: 0 0 0 -19px;
    }

    .RadioButton-caption--2HCws {
    position: relative;
    margin: 0 0 0 4px;
    color: #8c8c7c;
    transition: color .16s ease;
}

    .RadioButton-base--20j0X:not(.RadioButton-isDisabled--1AgYg):hover .RadioButton-caption--2HCws, .RadioButton-base--20j0X.RadioButton-isChecked--3ozFZ .RadioButton-caption--2HCws {
        color: #fdf4ce;
    }
.EmptyList-base--3axdM {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}

.EmptyList-holder--1sJgV {
    margin: 0 48px;
    text-align: center;
}

.EmptyList-title--2hBPG {
    margin: 0;
    color: #e9e2bf;
    font-size: 15px;
}

.EmptyList-title--2hBPG::before {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -6px 4px -6px -12px;
        background-image: url(images/empty-list-warning-416b1eeba0e7c56691d8528e589f5e05.png);
        content: '';
    }

.EmptyList-message--1rkhm {
    margin: 8px 0;
    color: #595950;
    line-height: 16px;
}

.EmptyList-button--2Mhxn {
    margin: 22px 0 0;
}
.Filter-base--1uOH4 {
    display: inline-flex;
}

.Filter-caption--am9v5 {
    display: inline-block;
    align-self: flex-end;
    padding: 0 20px 0 0;
    color: #969687;
    vertical-align: top;
}

.Filter-item--3j-28 {
    display: inline-block;
    align-self: flex-end;
    margin: 0;
    vertical-align: top;
}

.Filter-item--3j-28 + .Filter-item--3j-28 {
        margin-left: 15px;
    }
.Icon-base--XkTzK {
    display: inline-block;
    overflow: visible;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
}

.Icon-bars--2J__Z {
    width: 27px;
    height: 23px;
    background-image: url(images/icon-bars-f6377d209aae56e6849bbcea53570a87.png);
}

.Icon-filter--aZRIy {
    width: 17px;
    height: 16px;
    background-image: url(images/icon-filter-da4bab6dda71e96491d2804b9f97f5d6.png);
}

.Icon-info--SHwCG {
    width: 23px;
    height: 23px;
    background-image: url(images/icon-info-31f0ffb0b414ee6c2d83dc7f654653d9.png);
}

.Icon-notification--2n4s_ {
    width: 16px;
    height: 16px;
    background-image: url(images/icon-notification-368ed463e2cb19ed81c58770bfcbda97.png);
}

.Icon-player--XlFC1 {
    width: 24px;
    height: 24px;
    background-image: url(images/icon-player-1acb3cda6ea77ce67d13b55bb4a4b47b.png);
}

.Icon-vehicle--1XvTH {
    width: 34px;
    height: 18px;
    background-image: url(images/icon-vehicle-4d62cb718edb5d3876c9c7a3257aca91.png);
}

.Icon-warning--2nrdp {
    width: 25px;
    height: 20px;
    background-image: url(images/icon-warning-71fc4225f6e72eef0309b4556ddfd88f.png);
}

.Icon-stats--3o7GW {
    width: 20px;
    height: 20px;
    background-image: url(images/icon-stats-4731074e923ff60eaf90836bee5d1c2a.png);
}
.IconTable-base--2abPQ {
    display: inline-block;
    vertical-align: middle;
}

.IconTable-avg-assist-damage--mNml- {
    width: 23px;
    height: 17px;
    background-image: url(images/icon-table-avg-assist-damage-4459f8515b94e530464acbbd725dddaa.png);
}

.IconTable-avg-damage--NuYEt {
    width: 23px;
    height: 21px;
    background-image: url(images/icon-table-avg-damage-faf98f66bb7aa3263ec2339f66176ede.png);
}

.IconTable-avg-exp--2MOwG {
    width: 23px;
    height: 18px;
    background-image: url(images/icon-table-avg-exp-709affc49e712f42f5ec1ba4feafe096.png);
}

.IconTable-avg-frags--2E4nE {
    width: 34px;
    height: 17px;
    background-image: url(images/icon-table-avg-frags-0b143af0249f6fd5532d4f0b90458f5e.png);
}

.IconTable-avg-survived--24MaC {
    width: 33px;
    height: 19px;
    background-image: url(images/icon-table-avg-survived-82b429286135c4d98989d144549b9683.png);
}

.IconTable-battles-attack--1IJsh {
    width: 16px;
    height: 16px;
    background-image: url(images/icon-table-battles-attack-309ade1dfced87d6377325bacba20020.png);
}

.IconTable-battles-with-steps--1BF93 {
    width: 15px;
    height: 15px;
    background-image: url(images/icon-table-battles-with-steps-68ceaa05e7142be8c4dfd417b46c8a44.png);
}

.IconTable-battles--3zPdr {
    width: 15px;
    height: 17px;
    background-image: url(images/icon-table-battles-1908bd59b1d9099359d90c4e2b70bebc.png);
}

.IconTable-damage-blocked--2c7hP {
    width: 27px;
    height: 17px;
    background-image: url(images/icon-table-damage-blocked-4dc5abc8d81f10c5890107767f3788e9.png);
}

.IconTable-days--1CaU6 {
    width: 14px;
    height: 12px;
    background-image: url(images/icon-table-days-bf1fa938828df752714a17028ad2e4b6.png);
}

.IconTable-industrial--9qpIz {
    width: 14px;
    height: 14px;
    background-image: url(images/icon-table-industrial-c5b1b7b3e2863ada09f1ba870e781781.png);
}

.IconTable-league--DLDCx {
    width: 19px;
    height: 20px;
    background-image: url(images/icon-table-league-24251b63b02c8143e8ad562071964c32.png);
}

.IconTable-max-rank--3ire0 {
    width: 17px;
    height: 20px;
    background-image: url(images/icon-table-max-rank-33e14d503babeee806bb6a6489c693b3.png);
}

.IconTable-points--gALDC {
    width: 18px;
    height: 18px;
    background-image: url(images/icon-table-points-8b4dd4c4b57755a9e35dd9753d903fda.png);
}

.IconTable-rating--3MDaf {
    width: 13px;
    height: 16px;
    background-image: url(images/icon-table-rating-0fa597c87e13bf0dfa496f9c51f1d26a.png);
}

.IconTable-role--1LJaC {
    width: 13px;
    height: 19px;
    background-image: url(images/icon-table-role-da29588f6f8c5ca6fccb5a84e42973d4.png);
}

.IconTable-sbr--3MTTA {
    width: 22px;
    height: 18px;
    background-image: url(images/icon-table-sbr-5aeba949f6fb33e4425e2be021305913.png);
}

.IconTable-sorties-absolute--2kxB- {
    width: 30px;
    height: 21px;
    background-image: url(images/icon-table-sorties-absolute-dfa56bfc4f21e38d6326886b27c6add3.png);
}

.IconTable-sorties-champion--3Zbwt {
    width: 30px;
    height: 21px;
    background-image: url(images/icon-table-sorties-champion-7ef2927fd4efd1974e908af22f6afac0.png);
}

.IconTable-sorties-middle--21cKq {
    width: 30px;
    height: 21px;
    background-image: url(images/icon-table-sorties-middle-5038ea45ef1a142476c8c81e86dc02d1.png);
}

.IconTable-status--1q8c- {
    width: 15px;
    height: 15px;
    background-image: url(images/icon-table-status-f7b22d87789ab26a6da08907e185f8d8.png);
}

.IconTable-wins--1E7uY {
    width: 16px;
    height: 17px;
    background-image: url(images/icon-table-wins-29e83d5bb498dc488acae2e7c2acb11d.png);
}
.IndustrialResource-base--1mJ19 {
    display: inline-block;
    margin: 0;
    color: #a29b70;
    font-size: 22px;
    line-height: 1;
}

    .IndustrialResource-base--1mJ19::after {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -4px -4px -2px 2px;
        background-image: url(images/industrial-resource-c1e653e91b224a8a73e2370023f753be.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        content: '';
    }

    .IndustrialResource-base__small--2MtxL {
        font-size: 14px;
    }

    .IndustrialResource-base__small--2MtxL::after {
            width: 16px;
            height: 16px;
            margin-right: -2px;
            margin-left: 0;
            background-image: url(images/industrial-resource-small-2013cd6d2f61af900c32ed31e29a98c0.png);
        }

    .IndustrialResource-base__large--vuSpx {
        font-size: 34px;
    }

    .IndustrialResource-base--1mJ19.IndustrialResource-notEnough--i1MAb {
        color: #b70000;
    }
.Info-base--3VhBP {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    transform: translateY(-1px);
}
.ScrollArea-base--_Cqx4 {
    position: relative;
}

    .ScrollArea-base__table--3BYHA {
        margin-right: -24px;
    }

    .ScrollArea-base__infotip--3rbPJ {
        margin-right: -30px;
    }

    .ScrollArea-scrollViewHorizontal--2tjPG {
    padding: 0 0 20px;
}

    .ScrollArea-scrollViewVertical--7m9rD {
    padding: 0 35px 0 0;
}

    .ScrollArea-base__table--3BYHA .ScrollArea-scrollViewVertical--7m9rD {
        padding-right: 24px;
    }

    .ScrollArea-base__unitsList--3vyYO .ScrollArea-scrollViewVertical--7m9rD, .ScrollArea-base__toolbar--1h8EE .ScrollArea-scrollViewVertical--7m9rD, .ScrollArea-base__overflow--2Bq6Y .ScrollArea-scrollViewVertical--7m9rD {
        padding-right: 0;
    }

    .ScrollArea-base__postbattleDetails--3M6u4 .ScrollArea-scrollViewVertical--7m9rD {
        padding-right: 21px;
    }

    .ScrollArea-base__infotip--3rbPJ .ScrollArea-scrollViewVertical--7m9rD {
        padding-right: 30px;
    }

    .ScrollArea-scrollThumbVertical--2d48K {
    position: relative;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #5e5b4d;
    box-shadow: inset 0 0 0 1px rgba(233, 226, 191, .1);
    background-color: #26241b;
    opacity: .7;
    cursor: pointer;
    transition: opacity .2s;
}

    .ScrollArea-scrollThumbVertical--2d48K:hover {
        opacity: 1;
    }

    .ScrollArea-scrollThumbVertical--2d48K:active {
        opacity: .8;
    }

    .ScrollArea-scrollThumbHorizontal--RTaTe {
    position: relative;
    top: 1px;
    box-sizing: border-box;
    border: 1px solid #5e5b4d;
    box-shadow: inset 0 0 0 1px rgba(233, 226, 191, .1);
    background-color: #26241b;
    opacity: .7;
    cursor: pointer;
    transition: opacity .2s;
}

    .ScrollArea-scrollThumbHorizontal--RTaTe:hover {
        opacity: 1;
    }

    .ScrollArea-scrollThumbHorizontal--RTaTe:active {
        opacity: .8;
    }

    .ScrollArea-scrollThumbCenter--1AvV7 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7px;
    height: 1px;
    overflow: visible;
    box-shadow: 0 -1px 0 rgba(233, 226, 191, .1);
    background: rgba(255, 255, 255, .4);
    transform: translateX(-4px);
}

    .ScrollArea-scrollThumbCenter--1AvV7::before, .ScrollArea-scrollThumbCenter--1AvV7::after {
        position: absolute;
        left: 0;
        width: 7px;
        height: 1px;
        box-shadow: 0 -1px 0 rgba(233, 226, 191, .1);
        background: rgba(255, 255, 255, .4);
        content: '';
    }

    .ScrollArea-scrollThumbCenter--1AvV7::before {
        top: -3px;
    }

    .ScrollArea-scrollThumbCenter--1AvV7::after {
        bottom: -3px;
    }

    /* position of scrollbar: ([top_bottom_indent], [right_indent]) */

    .ScrollArea-scrollTrackVertical--3sD_h {
    position: absolute;
    top: 13px;
    right: 10px;
    bottom: 13px;
    z-index: 1000;
    cursor: pointer;
}

    .ScrollArea-base__unitsList--3vyYO .ScrollArea-scrollTrackVertical--3sD_h {
            top: 19px;
            right: 0;
            bottom: 19px;
        }

    .ScrollArea-base__table--3BYHA .ScrollArea-scrollTrackVertical--3sD_h {
            top: 23px;
            right: 10px;
            bottom: 23px;
        }

    .ScrollArea-base__toolbar--1h8EE .ScrollArea-scrollTrackVertical--3sD_h {
            top: 17px;
            right: 4px;
            bottom: 17px;
        }

    .ScrollArea-base__postbattleDetails--3M6u4 .ScrollArea-scrollTrackVertical--3sD_h {
            top: 23px;
            right: 10px;
            bottom: 23px;
        }

    .ScrollArea-base__infotip--3rbPJ .ScrollArea-scrollTrackVertical--3sD_h {
            top: 24px;
            right: 10px;
            bottom: 24px;
        }

    .ScrollArea-base__overflow--2Bq6Y .ScrollArea-scrollTrackVertical--3sD_h {
            top: 23px;
            right: 10px;
            bottom: 23px;
        }

    .ScrollArea-scrollTrackVertical--3sD_h::before {
        position: absolute;
        right: 6px;
        width: 1px;
        height: 100%;
        background-color: #2f2d24;
        content: '';
    }

    .ScrollArea-scrollTrackHorizontal--Eb0J1 {
    position: absolute;
    right: 13px;
    bottom: 0;
    left: 13px;
    z-index: 1000;
}

    .ScrollArea-scrollTrackHorizontal--Eb0J1::before {
        position: absolute;
        bottom: 6px;
        width: 100%;
        height: 1px;
        background-color: #2f2d24;
        content: '';
    }

    .ScrollArea-arrow--1l-yH {
    position: absolute;
    z-index: 1000;
    width: 13px;
    height: 12px;
    visibility: visible;
    border: 1px solid #5e5b4d;
    background-color: #26241b;
    opacity: .7;
    cursor: pointer;
    transition: opacity .2s;
}

    .ScrollArea-base__unitsList--3vyYO .ScrollArea-arrow--1l-yH {
            right: 0;
        }

    .ScrollArea-base__unitsList--3vyYO .ScrollArea-arrow__top--3M5wP {
                top: 6px;
            }

    .ScrollArea-base__unitsList--3vyYO .ScrollArea-arrow__bottom---JZsw {
                bottom: 6px;
            }

    .ScrollArea-base__table--3BYHA .ScrollArea-arrow--1l-yH {
            right: 10px;
        }

    .ScrollArea-base__table--3BYHA .ScrollArea-arrow__top--3M5wP {
                top: 10px;
            }

    .ScrollArea-base__table--3BYHA .ScrollArea-arrow__bottom---JZsw {
                bottom: 10px;
            }

    .ScrollArea-base__toolbar--1h8EE .ScrollArea-arrow--1l-yH {
            right: 4px;
        }

    .ScrollArea-base__toolbar--1h8EE .ScrollArea-arrow__top--3M5wP {
                top: 4px;
            }

    .ScrollArea-base__toolbar--1h8EE .ScrollArea-arrow__bottom---JZsw {
                bottom: 4px;
            }

    .ScrollArea-base__postbattleDetails--3M6u4 .ScrollArea-arrow--1l-yH {
            right: 10px;
        }

    .ScrollArea-base__postbattleDetails--3M6u4 .ScrollArea-arrow__top--3M5wP {
                top: 10px;
            }

    .ScrollArea-base__postbattleDetails--3M6u4 .ScrollArea-arrow__bottom---JZsw {
                bottom: 10px;
            }

    .ScrollArea-base__infotip--3rbPJ .ScrollArea-arrow--1l-yH {
            right: 10px;
        }

    .ScrollArea-base__infotip--3rbPJ .ScrollArea-arrow__top--3M5wP {
                top: 11px;
            }

    .ScrollArea-base__infotip--3rbPJ .ScrollArea-arrow__bottom---JZsw {
                bottom: 11px;
            }

    .ScrollArea-base__overflow--2Bq6Y .ScrollArea-arrow--1l-yH {
            right: 10px;
        }

    .ScrollArea-base__overflow--2Bq6Y .ScrollArea-arrow__top--3M5wP {
                top: 10px;
            }

    .ScrollArea-base__overflow--2Bq6Y .ScrollArea-arrow__bottom---JZsw {
                bottom: 10px;
            }

    .ScrollArea-arrow__top--3M5wP {
        top: 0;
        right: 10px;
    }

    .ScrollArea-arrow__bottom---JZsw {
        right: 10px;
        bottom: 0;
    }

    .ScrollArea-arrow__left--2Qb-W {
        bottom: 0;
        left: 0;
    }

    .ScrollArea-arrow__right--1pFj1 {
        right: 0;
        bottom: 0;
    }

    .ScrollArea-arrow--1l-yH:not(.ScrollArea-arrow__disabled--3oeH6):hover {
        opacity: 1;
    }

    .ScrollArea-arrow--1l-yH:not(.ScrollArea-arrow__disabled--3oeH6):active {
        opacity: .8;
    }

    .ScrollArea-arrow__disabled--3oeH6 {
        opacity: .3;
        cursor: default;
    }

    .ScrollArea-arrow__hidden--Zb_hu {
        visibility: hidden;
    }

    .ScrollArea-arrow--1l-yH::after {
        position: absolute;
        left: 3px;
        width: 4px;
        height: 4px;
        content: '';
        transform: rotate(45deg);
    }

    .ScrollArea-arrow__top--3M5wP::after {
        top: 4px;
        border-top: 1px solid rgba(255, 255, 255, .4);
        border-left: 1px solid rgba(255, 255, 255, .4);
    }

    .ScrollArea-arrow__bottom---JZsw::after {
        top: 2px;
        border-right: 1px solid rgba(255, 255, 255, .4);
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }

    .ScrollArea-arrow__left--2Qb-W::after {
        top: 2px;
        left: 4px;
        border-right: 1px solid rgba(255, 255, 255, .4);
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        transform: rotate(135deg);
    }

    .ScrollArea-arrow__right--1pFj1::after {
        top: 2px;
        left: 2px;
        border-right: 1px solid rgba(255, 255, 255, .4);
        border-bottom: 1px solid rgba(255, 255, 255, .4);
        transform: rotate(-45deg);
    }
.Input-base--21CEo {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-top: 1px solid transparent;
    border-right: 1px solid #515142;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #4a4a3a;
    vertical-align: top;
}

    .Input-base--21CEo::before, .Input-base--21CEo::after {
        position: absolute;
        right: -1px;
        left: -1px;
        height: 1px;
        background: linear-gradient(
                        to right,
                        #4a4a3a,
                        #24241d,
                        #525243
                    );
        content: '';
    }

    .Input-base--21CEo::before {
        top: -1px;
    }

    .Input-base--21CEo::after {
        bottom: -1px;
    }

    .Input-base--21CEo.Input-isFocused--33CV8, .Input-base--21CEo:hover {
        border-right-color: #7c7c65;
        border-left-color: #696953;
    }

    .Input-base--21CEo.Input-isFocused--33CV8::before, .Input-base--21CEo.Input-isFocused--33CV8::after, .Input-base--21CEo:hover::before, .Input-base--21CEo:hover::after {
            background: linear-gradient(
                            to right,
                            #696953,
                            #4a4a39,
                            #7d7d66
                        );
        }

    .Input-base--21CEo.Input-isDisabled--2aJ3K {
        border-right-color: #25251e;
        border-left-color: #22221a;
    }

    .Input-base--21CEo.Input-isDisabled--2aJ3K::before, .Input-base--21CEo.Input-isDisabled--2aJ3K::after {
            background: linear-gradient(
                            to right,
                            #22221a,
                            #1b1b14,
                            #25251e
                        );
        }

    .Input-inputWrapper--2hiC8 {
    box-shadow: inset 0 0 0 1px #000;
    background-color: transparent;
    background-image: url(images/input-bg-1a6ab524b929564b981daa8af04170aa.png);
    background-repeat: repeat-x;
    background-position: 0 0;
}

    .Input-base--21CEo.Input-isFocused--33CV8 .Input-inputWrapper--2hiC8 {
        background-position: 0 -19px;
    }

    .Input-base--21CEo:hover .Input-inputWrapper--2hiC8 {
        background-position: 0 -19px;
    }

    .Input-base--21CEo.Input-isDisabled--2aJ3K .Input-inputWrapper--2hiC8 {
        background-position: 0 -38px;
    }

    .Input-base__large--1pvnx .Input-inputWrapper--2hiC8 {
        background-image: none;
    }

    .Input-input--10ni6 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 19px;
    padding: 0 4px;
    border: none;
    outline: none;
    background: none;
    color: #7b7969;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    white-space: nowrap;
    cursor: pointer;
}

    .Input-input--10ni6::selection {
        background: #ecefe5;
        color: #252521;
    }

    .Input-base__large--1pvnx .Input-input--10ni6 {
        height: 47px;
        padding: 0 19px;
        font-size: 20px;
    }

    .Input-base--21CEo.Input-isDisabled--2aJ3K .Input-input--10ni6 {
        color: #37362e;
        cursor: default;
    }

    .Input-base--21CEo.Input-isSecure--3Nyji .Input-input--10ni6 {
        padding: 0 4px 0 24px;
    }

    .Input-base__large--1pvnx.Input-isSecure--3Nyji .Input-input--10ni6 {
        padding: 0 19px 0 34px;
    }

    .Input-base__search--2jCML .Input-input--10ni6 {
        padding: 0 24px;
    }

    .Input-base__search--2jCML .Input-input--10ni6::-webkit-search-cancel-button {
            display: none;
        }

    .Input-placeholder--2T9SM {
    position: absolute;
    top: 2px;
    right: 4px;
    bottom: 0;
    left: 4px;
    color: rgba(123, 121, 105, .6);
}

    .Input-base__large--1pvnx .Input-placeholder--2T9SM {
        top: 12px;
        right: 19px;
        left: 19px;
        font-size: 20px;
    }

    .Input-base--21CEo.Input-isSecure--3Nyji .Input-placeholder--2T9SM {
        right: 4px;
        left: 24px;
    }

    .Input-base__large--1pvnx.Input-isSecure--3Nyji .Input-placeholder--2T9SM {
        right: 19px;
        left: 34px;
    }

    .Input-base__search--2jCML .Input-placeholder--2T9SM {
        right: 24px;
        left: 24px;
    }

    .Input-searchIco--19T08 {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 12px;
    height: 12px;
    background: url(images/input-search-ico-2fa5b170a39d069ee5145b7521a9b483.png) no-repeat;
}

    .Input-secureIco--1Kenz {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 10px;
    height: 12px;
    background: url(images/input-secure-small-ico-32c0b7135d7d1892266cb79b8c9c1a96.png) no-repeat;
}

    .Input-base__large--1pvnx .Input-secureIco--1Kenz {
        top: 15px;
        left: 15px;
        width: 14px;
        height: 17px;
        background: url(images/input-secure-ico-a05f8615233967498e5390356349b617.png) no-repeat;
    }

    .Input-searchClear--3UP2y {
    position: absolute;
    top: 2px;
    right: 5px;
    width: 15px;
    height: 15px;
    background: url(images/input-search-clear-eb21c58442fe89f80e25f74a0a30da46.png) no-repeat;
    cursor: pointer;
}
.LineClamp-base--2uyls {
    overflow: hidden;
    text-overflow: ellipsis;
}
.InputNumber-base--1GkH0 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid transparent;
    vertical-align: top;
}

    .InputNumber-base--1GkH0:focus {
        outline: none;
    }

    .InputNumber-input--1wGmx {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    border: none;
    background: transparent;
}

    .InputNumber-input--1wGmx::selection {
        background: #ecefe5;
        color: #252521;
    }

    .InputNumber-base--1GkH0.InputNumber-isDisabled--335GW .InputNumber-input--1wGmx::selection {
            background: transparent;
            color: inherit;
        }

    .InputNumber-base__default--30t1W .InputNumber-input--1wGmx {
        height: 19px;
        padding: 0 24px 0 5px;
        font-size: 13px;
    }

    .InputNumber-base__medium--uW-aa .InputNumber-input--1wGmx {
        height: 29px;
        padding: 0 36px 0 9px;
        font-size: 20px;
    }

    .InputNumber-base__large--15iAl .InputNumber-input--1wGmx {
        height: 47px;
        padding: 0 56px 0 19px;
        font-size: 20px;
    }

    .InputNumber-base__gold--2qUwC .InputNumber-input--1wGmx {
        color: #ffc363;
    }

    .InputNumber-base__regular--MMS9V .InputNumber-input--1wGmx {
        color: #8c8c7e;
    }

    .InputNumber-base--1GkH0.InputNumber-isDisabled--335GW .InputNumber-input--1wGmx {
        color: #37362e;
    }

    .InputNumber-decoration--3khl2 {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 1;
    border-top: 1px solid transparent;
    border-right: 1px solid #525243;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #4a4a3a;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px #000,
                inset 0 0 16px 4px rgba(0, 0, 0, .75);
    background: url(images/input-number-bg-d8040357a133607ece0438862a5f759d.png) left center repeat;
}

    .InputNumber-decoration--3khl2::before, .InputNumber-decoration--3khl2::after {
        position: absolute;
        right: 0;
        left: 0;
        height: 1px;
        background: linear-gradient(
                        to right,
                        #4a4a3a,
                        #24241d,
                        #525243
                    );
        content: '';
    }

    .InputNumber-decoration--3khl2::before {
        top: -1px;
    }

    .InputNumber-decoration--3khl2::after {
        bottom: -1px;
    }

    .InputNumber-base--1GkH0.InputNumber-isDisabled--335GW .InputNumber-decoration--3khl2 {
        border-right-color: #25251e;
        border-left-color: #22221a;
    }

    .InputNumber-base--1GkH0.InputNumber-isDisabled--335GW .InputNumber-decoration--3khl2::before, .InputNumber-base--1GkH0.InputNumber-isDisabled--335GW .InputNumber-decoration--3khl2::after {
            background: linear-gradient(
                            to right,
                            #22221a,
                            #1b1b14,
                            #25251e
                        );
        }

    .InputNumber-base--1GkH0:not(.InputNumber-isDisabled--335GW):focus .InputNumber-decoration--3khl2, .InputNumber-input--1wGmx:focus + .InputNumber-decoration--3khl2 {
        border-right-color: #774324;
        border-left-color: #774224;
    }

    .InputNumber-base--1GkH0:not(.InputNumber-isDisabled--335GW):focus .InputNumber-decoration--3khl2::before, .InputNumber-input--1wGmx:focus + .InputNumber-decoration--3khl2::before {
            background: linear-gradient(
                            to right,
                            #774324,
                            #5b4227,
                            #774224
                        );
        }

    .InputNumber-base--1GkH0:not(.InputNumber-isDisabled--335GW):focus .InputNumber-decoration--3khl2::after, .InputNumber-input--1wGmx:focus + .InputNumber-decoration--3khl2::after {
            background: linear-gradient(
                            to right,
                            #774324,
                            #402918,
                            #774224
                        );
        }

    .InputNumber-control--3Ik_o {
    position: absolute;
    right: 0;
    z-index: 2;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .InputNumber-base__default--30t1W .InputNumber-control--3Ik_o {
        width: 19px;
        height: 10px;
        background-image: url(images/input-number-4dfc22e621641b712ce81dc569bc839c.png);
    }

    .InputNumber-base__medium--uW-aa .InputNumber-control--3Ik_o {
        width: 27px;
        height: 15px;
        background-image: url(images/input-number-medium-ef0d56cdc02689588d8d1a16ec4357e0.png);
    }

    .InputNumber-base__large--15iAl .InputNumber-control--3Ik_o {
        width: 44px;
        height: 24px;
        background-image: url(images/input-number-large-dadd013807b26b5eb7859f469bca01ca.png);
    }

    .InputNumber-control__increment--3mCJH {
        top: 0;
        background-position: -19px 0;
    }

    .InputNumber-base__default--30t1W.InputNumber-isDisabled--335GW .InputNumber-control__increment--3mCJH {
            background-position: -19px -20px;
        }

    .InputNumber-base__medium--uW-aa .InputNumber-control__increment--3mCJH {
            background-position: -27px 0;
        }

    .InputNumber-base__medium--uW-aa.InputNumber-isDisabled--335GW .InputNumber-control__increment--3mCJH {
            background-position: -27px -30px;
        }

    .InputNumber-base__large--15iAl .InputNumber-control__increment--3mCJH {
            background-position: -44px 0;
        }

    .InputNumber-base__large--15iAl.InputNumber-isDisabled--335GW .InputNumber-control__increment--3mCJH {
            background-position: -44px -48px;
        }

    .InputNumber-control__increment--3mCJH:not(.InputNumber-isDisabled--335GW):hover {
            background-position: -19px -10px;
        }

    .InputNumber-base__medium--uW-aa .InputNumber-control__increment--3mCJH:not(.InputNumber-isDisabled--335GW):hover {
                background-position: -27px -15px;
            }

    .InputNumber-base__large--15iAl .InputNumber-control__increment--3mCJH:not(.InputNumber-isDisabled--335GW):hover {
                background-position: -44px -24px;
            }

    .InputNumber-control__decrement--3LKDF {
        bottom: 0;
        background-position: 0 0;
    }

    .InputNumber-base__default--30t1W.InputNumber-isDisabled--335GW .InputNumber-control__decrement--3LKDF {
            background-position: 0 -20px;
        }

    .InputNumber-base__medium--uW-aa.InputNumber-isDisabled--335GW .InputNumber-control__decrement--3LKDF {
            background-position: 0 -30px;
        }

    .InputNumber-base__large--15iAl.InputNumber-isDisabled--335GW .InputNumber-control__decrement--3LKDF {
            background-position: 0 -48px;
        }

    .InputNumber-control__decrement--3LKDF:not(.InputNumber-isDisabled--335GW):hover {
            background-position: 0 -10px;
        }

    .InputNumber-base__medium--uW-aa .InputNumber-control__decrement--3LKDF:not(.InputNumber-isDisabled--335GW):hover {
                background-position: 0 -15px;
            }

    .InputNumber-base__large--15iAl .InputNumber-control__decrement--3LKDF:not(.InputNumber-isDisabled--335GW):hover {
                background-position: 0 -24px;
            }

    .InputNumber-control--3Ik_o.InputNumber-isDisabled--335GW {
        cursor: default;
    }

    .InputNumber-condition--2hT41 {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    opacity: 0;
    transition: opacity .16s;
}

    .InputNumber-condition__active--3M5ie {
        background: #222018;
    }

    .InputNumber-control--3Ik_o:not(.InputNumber-isDisabled--335GW):active .InputNumber-condition__active--3M5ie {
            opacity: .7;
        }
.Member-base--aC0r6 {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

    .Member-base__offline--3HUeK, .Member-base__online--1COCD, .Member-base__busy--28oh8 {
        margin: 0 0 0 -8px;
        padding: 0 0 0 21px;
    }

    .Member-base__offline--3HUeK::before, .Member-base__online--1COCD::before, .Member-base__busy--28oh8::before {
            position: absolute;
            top: -3px;
            left: 0;
            width: 24px;
            height: 24px;
            background-image: url(images/member-status-f7b62dc774bbaaa19f4be485b80317d9.png);
            background-repeat: no-repeat;
            content: '';
        }

    .Member-base__offline--3HUeK {
        color: #505050;
    }

    .Member-base__offline--3HUeK::before {
            content: normal;
        }

    .Member-base__online--1COCD {
        color: #c9c9b6;
    }

    .Member-base__online--1COCD::before {
            background-position: -24px 0;
        }

    .Member-base__online--1COCD.Member-isFriend--FAaH5 {
            color: #85b180;
        }

    .Member-base__busy--28oh8 {
        color: #c9c9b6;
    }

    .Member-base__busy--28oh8::before {
            background-position: -48px 0;
        }

    .Member-base__busy--28oh8.Member-isFriend--FAaH5 {
            color: #85b180;
        }

    .Member-base--aC0r6.Member-isOwn--3NygY {
        color: #ecb55d;
    }

    .Member-clanTag--1KKha {
    margin: 0 0 0 5px;
    float: right;
    vertical-align: top;
}
.LinkButton-base--3_Mld {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 0 none;
    background: url(images/link-button-up-bg-bc0d10e0e0ab457dbff9952d0ec59dac.png) no-repeat center;
    vertical-align: top;
    opacity: .7;
    cursor: pointer;
}

    .LinkButton-base--3_Mld:hover {
        opacity: 1;
    }

    .LinkButton-base--3_Mld:active {
        opacity: .8;
    }

    .LinkButton-base--3_Mld.LinkButton-isDisabled--XmtDE {
        background: url(images/link-button-disabled-bg-c2f5954beb4c6b4046851ad36785319e.png) no-repeat center;
        opacity: 1;
        cursor: default;
    }
.Role-base--twB-X {
    display: inline-block;
    width: 17px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.Role-commander--35gpa {
        background-image: url(images/commander-e151bac164ac55199ae19e6698405c2c.png);
    }

.Role-executive_officer--3B21W {
        background-image: url(images/executive_officer-01d33e8f58b23bf234eceb2de6b2cce2.png);
    }

.Role-personnel_officer--3LyES {
        background-image: url(images/personnel_officer-1411c9825cf2ec14d9a226ed2fa10e75.png);
    }

.Role-combat_officer--1dM9E {
        background-image: url(images/combat_officer-5bf32504d70d63a3317abf08f8b3e3bc.png);
    }

.Role-intelligence_officer--L1mX_ {
        background-image: url(images/intelligence_officer-5446fe9ee71c6af5ee3d7d6812188b8b.png);
    }

.Role-quartermaster--2KIfy {
        background-image: url(images/quartermaster-98de52be12ecef216efd76452db6bd81.png);
    }

.Role-recruitment_officer--PRzKd {
        background-image: url(images/recruitment_officer-cf9381d34ed9aa0e78a64a8a84441a79.png);
    }

.Role-junior_officer--3LPz_ {
        background-image: url(images/junior_officer-75309218773fb6694274a0a6f863b07d.png);
    }

.Role-private--2THb8 {
        background-image: url(images/private-d28f5e7fa05dcd79165e6388c54c432e.png);
    }

.Role-recruit--17a-P {
        background-image: url(images/recruit-b7bedf946716c5d541d51c46700bb367.png);
    }

.Role-reservist--3Dvtm {
        background-image: url(images/reservist-9e0c8ab8aaf584d34c5fc1b8c91d73e6.png);
    }
.MemberName-base--2D9I2 {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    color: #c9c9b6;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

    .MemberName-base--2D9I2::after {
        content: ',';
    }

    .MemberName-base--2D9I2:last-child::after {
        content: normal;
    }

    .MemberName-base--2D9I2:not(:last-child) {
        margin-right: 3px;
    }

    .MemberName-role--34D7T {
    display: inline-block;
    margin: 0 4px 0 0;
}

    .MemberName-role--34D7T + .MemberName-name--sDxZq {
        vertical-align: middle;
    }
.Panel-base--3Ss3E {
    position: relative;
    z-index: 35;
    box-sizing: border-box;
    margin: 1px -15px 0;
    text-align: center;
}

    .Panel-base--3Ss3E::after, .Panel-base--3Ss3E::before {
        position: absolute;
        top: -73px;
        left: 0;
        width: 100%;
        height: 155px;
        pointer-events: none;
        -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, .05)),
                    color-stop(.1, rgba(0, 0, 0, 1)),
                    color-stop(.9, rgba(0, 0, 0, 1)),
                    color-stop(1, rgba(0, 0, 0, .05))
                );
                mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, .05)),
                    color-stop(.1, rgba(0, 0, 0, 1)),
                    color-stop(.9, rgba(0, 0, 0, 1)),
                    color-stop(1, rgba(0, 0, 0, .05))
                );
    }

    .Panel-base--3Ss3E::after {
        z-index: 1;
        background: url(images/panel-divider-6312132bcf34ab7e3d55462da9f1378d.png) repeat-x;
        content: '';
    }

    .Panel-base--3Ss3E::before {
        z-index: 2;
        background: url(images/panel-divider-active-e7c92057aa5d27352afe3378ab2c5a36.png) center top no-repeat;
    }

    .Panel-base--3Ss3E.Panel-isActive--3Ypj-::before {
        content: '';
    }

    .Panel-base--3Ss3E.Panel-isDemo--1bc_8 {
        margin-top: 73px;
        padding: 23px 0;
    }

    .Panel-inner--2BcuI {
    position: relative;
    z-index: 3;
}
.Paginator-base--tblO7 {
    height: 61px;
    font-size: 18px;
    line-height: 61px;
    text-align: center;
}

.Paginator-control--32IqH {
    display: inline-block;
    width: 23px;
    height: 61px;
    border: 1px solid transparent;
    background-image: url(images/paginator-controls-857e367e48e8bcdf0ce57d2e7a058319.png);
    vertical-align: top;
    cursor: pointer;
    transition: border-color .16s;
}

.Paginator-control--32IqH:focus {
        outline: none;
    }

.Paginator-control--32IqH:not(.Paginator-isDisabled--16eIQ):hover {
        border-color: rgba(247, 211, 145, .2);
    }

.Paginator-control--32IqH:not(.Paginator-isDisabled--16eIQ):active {
        border-color: rgba(247, 211, 145, .1);
    }

.Paginator-control--32IqH.Paginator-isDisabled--16eIQ {
        cursor: default;
    }

.Paginator-control__prev--1kHc- {
        margin: 0 12px 0 0;
        background-position: 0 0;
    }

.Paginator-control__prev--1kHc-.Paginator-isDisabled--16eIQ {
            background-position: 0 -59px;
        }

.Paginator-control__next--1iUWp {
        margin: 0 0 0 12px;
        background-position: -21px 0;
    }

.Paginator-control__next--1iUWp.Paginator-isDisabled--16eIQ {
            background-position: -21px -59px;
        }

.Paginator-current--3hZ1z {
    display: inline-block;
    color: #8c8c7c;
    vertical-align: top;
}

.Paginator-divider--25vOZ {
    display: inline-block;
    margin: 0 3px;
    color: #595950;
    vertical-align: top;
}

.Paginator-total--1sBEB {
    display: inline-block;
    color: #595950;
    vertical-align: top;
}
.PanelTop-base--3oy_K {
    position: relative;
    z-index: 35;
    box-sizing: border-box;
    margin: 1px -15px 0;
    text-align: center;
}

    .PanelTop-base--3oy_K::after {
        position: absolute;
        bottom: -73px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 155px;
        background: url(images/panel-top-divider-57c068539cfa7271f6f59251485fe8de.png) repeat-x;
        content: '';
        pointer-events: none;
        -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, .05)),
                    color-stop(.1, rgba(0, 0, 0, 1)),
                    color-stop(.9, rgba(0, 0, 0, 1)),
                    color-stop(1, rgba(0, 0, 0, .05))
                );
                mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, .05)),
                    color-stop(.1, rgba(0, 0, 0, 1)),
                    color-stop(.9, rgba(0, 0, 0, 1)),
                    color-stop(1, rgba(0, 0, 0, .05))
                );
    }

    .PanelTop-base--3oy_K.PanelTop-isDemo--2UyuV {
        margin-bottom: 73px;
        padding: 23px 0;
    }

    .PanelTop-inner--xaR9k {
    position: relative;
    z-index: 3;
}
.Popover-base--2xswP {
    position: absolute;
    z-index: 900;
    min-width: 280px;
    max-width: 560px;
    min-height: 120px;
    max-height: 560px;
    visibility: hidden;
    border-radius: 1px;
    box-shadow: 0 0 60px #000,
                0 5px 11px rgba(0, 0, 0, .6),
                inset 0 0 19px 0 rgba(242, 242, 230, .14),
                inset 0 0 0 1px rgba(242, 242, 230, .05);
    background: #12110b;
    text-align: left;
    opacity: 0;
    pointer-events: none;
}

    .Popover-base--2xswP::before, .Popover-base--2xswP::after {
        position: absolute;
        width: 100%;
        height: 1px;
        background: linear-gradient(
              to right,
              rgba(102, 102, 61, 0),
              rgba(102, 102, 61, 1) 45%,
              rgba(102, 102, 61, 1) 55%,
              rgba(102, 102, 61, 0)
        );
        content: '';
    }

    .Popover-base--2xswP::before {
        top: 0;
        opacity: .61;
    }

    .Popover-base--2xswP::after {
        bottom: 0;
        opacity: .51;
    }

    .Popover-base__top--3qBdp {
        margin-top: -20px;
    }

    .Popover-base__right--2_ycw {
        margin-left: 20px;
    }

    .Popover-base__bottom--2vaJh {
        margin-top: 20px;
    }

    .Popover-base__left--1mZ0g {
        margin-left: -20px;
    }

    .Popover-base--2xswP.Popover-isCentered--35fpc {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .Popover-base--2xswP.Popover-isOpened--1kpHT {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .Popover-base--2xswP.Popover-isDemo--2DiKw {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        transform: none;
    }

    .Popover-bgGradient--1PtcX {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    z-index: -1;
    background: linear-gradient(
      to bottom,
      rgba(51, 51, 41, .4),
      rgba(51, 51, 41, 0) 16%,
      rgba(51, 51, 41, 0) 84%,
      #333329
    );
    opacity: .4;
}

    .Popover-body--3sIzm {
    padding: 20px;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
}

    .Popover-arrow--150z8 {
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
    pointer-events: none;
}

    .Popover-base__top--3qBdp .Popover-arrow--150z8, .Popover-base__bottom--2vaJh .Popover-arrow--150z8 {
        width: 250px;
        height: 90px;
        margin-left: -125px;
        background-image: url(images/popover-beak-top-b1707ab6f28d8c48d83aee7b3c5fe651.png);
    }

    .Popover-base__right--2_ycw .Popover-arrow--150z8, .Popover-base__left--1mZ0g .Popover-arrow--150z8 {
        width: 84px;
        height: 182px;
        margin-top: -91px;
        background-image: url(images/popover-beak-side-61272e925ed6362b4202c608473aca4d.png);
    }

    .Popover-base__top--3qBdp .Popover-arrow--150z8 {
        margin-top: -40px;
        transform: rotate(180deg);
    }

    .Popover-base__right--2_ycw .Popover-arrow--150z8 {
        margin-left: -49px;
    }

    .Popover-base__bottom--2vaJh .Popover-arrow--150z8 {
        margin-top: -51px;
    }

    .Popover-base__left--1mZ0g .Popover-arrow--150z8 {
        margin-left: -35px;
        transform: rotate(180deg);
    }

    .Popover-close--22hvC {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 200;
    width: 18px;
    height: 18px;
    background: url(images/popover-close-1a05ea568224dd56aa74b98d94294681.png) no-repeat center;
    cursor: pointer;
}

    .Popover-close--22hvC:hover {
        background: url(images/popover-close-1a05ea568224dd56aa74b98d94294681.png) no-repeat center,
                    url(images/popover-close-active-2992a9dca431956f9bed6b856154a79b.png) no-repeat 0 1px;
    }

    .Popover-close--22hvC:active {
        background: url(images/popover-close-active-2992a9dca431956f9bed6b856154a79b.png) no-repeat 0 1px;
    }

    .Popover-content--1Haqa {
    position: relative;
    z-index: 20;
    font-family: 'Roboto Condensed', sans-serif;
}
.Processing-base--2JrWP {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    background: rgba(18, 20, 10, .7);
    opacity: 0;
    transition: opacity .3s;
    pointer-events: none;
}

    .Processing-base__fullscreen--3wSkn {
        background: #020200 url(images/processing-fullscreen-bg-509bd5da525310c97987111a77b4ba45.jpg) center / contain repeat-y;
    }

    .Processing-base__window--3mTqH {
        background: #030300 url(images/processing-window-bg-b4386d3b35cb47243e2502f2be59b5d7.jpg) center / cover;
    }

    .Processing-base__gamefield--3EWyf {
        top: 60px;
    }

    .Processing-base__local--3fHes {
        position: absolute;
        z-index: 9998;
        background: none;
    }

    .Processing-base--2JrWP.Processing-isVisible--szquC {
        opacity: 1;
        pointer-events: auto;
    }

    .Processing-spinner--3U-WQ {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 9px 0 0;
    transform: translate(-50%, -50%);
}
@keyframes Spinner-spin--1dHoo {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(20deg);
    }
}

.Spinner-base--3HVYz {
    position: relative;
    width: 260px;
    height: 260px;
    text-align: center;
}

.Spinner-spinner--2C7Xl {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Spinner-spinner--2C7Xl::before, .Spinner-spinner--2C7Xl::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(images/spinner-a4cddbdc818f1c3bb5bf0fca76482a58.png);
        content: '';
    }

.Spinner-spinner--2C7Xl::before {
        margin-top: 2px;
        background-position: 0 0;
        animation: Spinner-spin--1dHoo .28s linear infinite;
    }

.Spinner-spinner--2C7Xl::after {
        background-position: 0 -260px;
    }

.Spinner-caption--11Ee9 {
    position: absolute;
    bottom: 100%;
    width: 100%;
    color: #8a8d7a;
    font-size: 13px;
    white-space: nowrap;
    transform: translateY(66px) scaleX(.89);
}
.Select-base--2p2xs {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: top;
}

    .Select-base--2p2xs:focus {
        outline: none;
    }

    .Select-base--2p2xs.Select-isActive--4hRla {
        z-index: 9999;
        overflow: visible;
    }

    .Select-base--2p2xs.Select-isJustified--1Ajsa {
        display: block;
        width: 100%;
    }

    .Select-caption--2hje4 {
    color: #8c8c7c;
    font-size: 14px;
    line-height: 20px;
    vertical-align: bottom;
}

    .Select-caption__left--3pONH {
        display: inline-block;
        padding-right: 6px;
    }

    .Select-caption__top--1Q5I8 {
        display: block;
        padding-bottom: 2px;
    }

    .Select-selectContainer--3N2fk {
    position: relative;
    display: inline-block;
}

    .Select-isJustified--1Ajsa .Select-selectContainer--3N2fk {
        display: block;
        width: 100%;
    }

    .Select-decorator--FJO8V {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    border-top: 1px solid transparent;
    border-right: 1px solid #515142;
    border-bottom: 1px solid transparent;
    border-left: 1px solid #4a4a3a;
}

    .Select-isJustified--1Ajsa .Select-decorator--FJO8V {
        display: block;
        width: 100%;
    }

    .Select-decorator--FJO8V::before, .Select-decorator--FJO8V::after {
        position: absolute;
        right: -1px;
        left: -1px;
        height: 1px;
        background: linear-gradient(
                        to right,
                        #4a4a3a,
                        #24241d,
                        #525243
                    );
        content: '';
    }

    .Select-decorator--FJO8V::before {
        top: -1px;
    }

    .Select-decorator--FJO8V::after {
        bottom: -1px;
    }

    .Select-base--2p2xs.Select-isDisabled---iNQM .Select-decorator--FJO8V {
        border-right-color: #25251e;
        border-left-color: #22221a;
    }

    .Select-base--2p2xs.Select-isDisabled---iNQM .Select-decorator--FJO8V::before, .Select-base--2p2xs.Select-isDisabled---iNQM .Select-decorator--FJO8V::after {
            background: linear-gradient(
                            to right,
                            #22221a,
                            #1b1b14,
                            #25251e
                        );
        }

    .Select-base--2p2xs.Select-isActive--4hRla .Select-decorator--FJO8V, .Select-decorator--FJO8V:hover {
        border-right-color: #7c7c65;
        border-left-color: #696953;
    }

    .Select-base--2p2xs.Select-isActive--4hRla .Select-decorator--FJO8V::before, .Select-base--2p2xs.Select-isActive--4hRla .Select-decorator--FJO8V::after, .Select-decorator--FJO8V:hover::before, .Select-decorator--FJO8V:hover::after {
            background: linear-gradient(
                            to right,
                            #696953,
                            #4a4a39,
                            #7d7d66
                        );
        }

    .Select-decorator--FJO8V:active {
        border-right-color: #515142;
        border-left-color: #4a4a3a;
    }

    .Select-decorator--FJO8V:active::before, .Select-decorator--FJO8V:active::after {
            background: linear-gradient(
                        to right,
                        #4a4a3a,
                        #24241d,
                        #525243
            );
        }

    .Select-select--34nNE {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 19px;
    padding: 0 23px 0 4px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #000;
    background-image: url(images/select-bg-1a6ab524b929564b981daa8af04170aa.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    color: #7b7969;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top;
    white-space: nowrap;
    cursor: pointer;
}

    .Select-select--34nNE::after {
        position: absolute;
        top: 0;
        right: 0;
        width: 19px;
        height: 19px;
        background-image: url(images/select-triangle-7bd0a1c96f23208257a352db3c73723f.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
    }

    .Select-decorator--FJO8V:hover .Select-select--34nNE {
        background-position: 0 -19px;
    }

    .Select-decorator--FJO8V:hover .Select-select--34nNE::after {
            background-position: 0 -19px;
        }

    .Select-decorator--FJO8V:active .Select-select--34nNE {
        background-position: 0 -19px;
    }

    .Select-decorator--FJO8V:active .Select-select--34nNE::after {
            background-position: 0 -38px;
        }

    .Select-base--2p2xs.Select-isDisabled---iNQM .Select-select--34nNE {
        background-position: 0 -38px;
        cursor: default;
    }

    .Select-base--2p2xs.Select-isDisabled---iNQM .Select-select--34nNE::after {
            background-position: 0 -76px;
        }

    .Select-base--2p2xs.Select-isActive--4hRla .Select-select--34nNE::after {
        background-position: 0 -57px;
    }

    .Select-base--2p2xs.Select-isDisabled---iNQM .Select-selectedItem--2tqZE {
        opacity: .2;
    }

    .Select-dropdown--28Tm2 {
    position: absolute;
    min-width: 100%;
    margin: 1px 0 0;
    padding: 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: #434334;
    background: #000;
    color: #c1ba9c;
    opacity: 0;
}

    .Select-dropdown--28Tm2.Select-bottom--4ndl2 {
        top: 100%;
    }

    .Select-dropdown--28Tm2.Select-top--2K2-E {
        bottom: 100%;
    }

    .Select-dropdown--28Tm2.Select-left--VHDJQ {
        left: 0;
    }

    .Select-dropdown--28Tm2.Select-right--13LSr {
        right: 0;
    }

    .Select-base--2p2xs.Select-isActive--4hRla .Select-dropdown--28Tm2 {
        opacity: 1;
        transition: opacity .1s linear;
    }

    .Select-scrollArea--3lf1i {
    overflow: hidden;
    border-width: 0 1px;
    border-style: solid;
    border-color: #3f3f32;
}

    .Select-scrollAreaDecorator--2rO6p {
    position: relative;
    margin: 0 -5px 0 0;
    padding: 5px 0;
}

    .Select-item--ASRDj {
    position: relative;
    box-sizing: border-box;
    height: 20px;
    padding: 0 24px 0 0;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #080800 #3f3f32;
    list-style: none;
    line-height: 18px;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}

    .Select-scrollArea--3lf1i .Select-item--ASRDj {
        margin: 0 -30px 0 0;
        padding: 0 54px 0 0;
        border-width: 1px 0 0;
    }

    .Select-item--ASRDj:first-child {
        border-top-color: transparent;
    }

    .Select-item--ASRDj.Select-isSelected--6SNBI {
        color: #fff;
        text-shadow: 0 0 3px rgba(253, 244, 206, .3);
    }

    .Select-item--ASRDj::before {
        position: absolute;
        top: -1px;
        right: 0;
        left: 0;
        z-index: 0;
        height: 18px;
        border: 1px #26261c solid;
        border-top-color: #39392a;
        background: #2e2e22;
        opacity: 0;
        content: '';
        transition: opacity .1s linear .1s;
    }

    .Select-item--ASRDj:hover::before {
        opacity: 1;
        transition-delay: 0s;
    }

    .Select-item--ASRDj .Select-itemContainer--2_Isw {
        position: relative;
        z-index: 1;
        display: block;
        margin: 0 4px;
        padding: 0;
    }
.Stub-base--1OfsT {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #12140a;
}

    .Stub-base--1OfsT.Stub-isDemo--3X7-h {
        position: absolute;
    }

    .Stub-close--1H91C {
    position: absolute;
    top: 66px;
    right: 31px;
}

    .Stub-holder--3xAUN {
    flex: 0 0 auto;
    text-align: center;
}

    .Stub-title--QN2Qi {
    margin: 0 0 10px;
    color: #ee7001;
    font-size: 15px;
    font-weight: 400;
}

    .Stub-title--QN2Qi::before {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -3px 0 0;
        background: url(images/stub-warning-416b1eeba0e7c56691d8528e589f5e05.png) center no-repeat;
        vertical-align: middle;
        content: '';
    }

    .Stub-message--3ezO7 {
    margin: 0;
    color: #8c8c7c;
    font-size: 14px;
}
.Tabs-base--KmFZN {
    min-width: 350px;
    margin: 0 0 21px;
    white-space: nowrap;
}

.Tabs-tabs--3ZvjB {
    position: relative;
    display: flex;
    height: 27px;
    border: 2px solid #000;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(242, 242, 230, .3),
                0 0 7px rgba(242, 242, 230, .07);
    background: url(images/tabs-bg-1e4be1220328f56d1ed2243696fa9c8c.png) repeat-x;
}

.Tabs-tabs--3ZvjB::before, .Tabs-tabs--3ZvjB::after {
        position: absolute;
        z-index: 10;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.Tabs-tabs--3ZvjB::before {
        left: 0;
        background-image: url(images/tabs-bg-left-004e9b3a54e93b2fc981740479c1c5bd.png);
        background-position: left;
    }

.Tabs-tabs--3ZvjB::after {
        right: 0;
        background-image: url(images/tabs-bg-right-7a2bfeda4193f8810b16eadc25844a05.png);
        background-position: right;
    }

.Tabs-item--1fqPG {
    position: relative;
    z-index: 20;
    display: flex;
    flex: 1 0 0%;
}

.Tabs-item--1fqPG + .Tabs-item--1fqPG::before {
        position: absolute;
        left: -2px;
        z-index: 5;
        width: 4px;
        height: 100%;
        background: url(images/tabs-item-divider-5d13679cafef300acee0ae0d230c4bd4.png) no-repeat;
        content: '';
    }

.Tabs-tab--3oa_G {
    position: relative;
    z-index: 30;
    width: 100%;
    padding: 3px 0 0;
    text-align: center;
    text-shadow: 0 -1px 1px #000;
    cursor: pointer;
    transition: all .16s;
}

.Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz {
        cursor: default;
    }

.Tabs-base__chinese--mEdfj .Tabs-tab--3oa_G {
        text-shadow: none;
    }

.Tabs-caption--3zTyF {
    position: relative;
    z-index: 20;
    color: rgba(242, 242, 230, .6);
    transition: all .16s;
}

.Tabs-tab--3oa_G:hover .Tabs-caption--3zTyF, .Tabs-tab--3oa_G:active .Tabs-caption--3zTyF {
        color: #fff;
    }

.Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz .Tabs-caption--3zTyF {
        text-shadow: 0 0 15px rgba(255, 127, 0, 1),
                     0 0 15px rgba(255, 127, 0, .5);
    }

.Tabs-base__chinese--mEdfj .Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz .Tabs-caption--3zTyF {
            text-shadow: none;
        }

.Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz .Tabs-caption--3zTyF, .Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz:hover .Tabs-caption--3zTyF, .Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz:active .Tabs-caption--3zTyF {
        color: #fe9;
    }

.Tabs-condition--2YOKx {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all .16s;
}

.Tabs-condition__active--3NFNz {
        box-shadow: inset 0 0 11px rgba(0, 0, 0, .2),
                    inset 0 0 7px 25px rgba(0, 0, 0, .4);
        background: rgba(0, 0, 0, .17);
    }

.Tabs-tab--3oa_G:active .Tabs-condition__active--3NFNz {
            visibility: visible;
            opacity: 1;
        }

.Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz .Tabs-condition__active--3NFNz, .Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz:hover .Tabs-condition__active--3NFNz {
            visibility: hidden;
            opacity: 0;
        }

.Tabs-condition__active--3NFNz::after, .Tabs-condition__active--3NFNz::before {
            position: absolute;
            left: 0;
            width: 100%;
            height: 1px;
            content: '';
        }

.Tabs-condition__active--3NFNz::before {
            top: 0;
            background: #000;
            opacity: .15;
        }

.Tabs-condition__active--3NFNz::after {
            bottom: 0;
            background: #fff;
            opacity: .05;
        }

.Tabs-condition__hover--gFmjh {
        background: url(images/tabs-condition-bg-hover-6d57be86f72b12ce584bcadc04b29bcb.png) repeat-x;
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }

.Tabs-tab--3oa_G:hover .Tabs-condition__hover--gFmjh {
            visibility: visible;
            opacity: 1;
        }

.Tabs-tab--3oa_G:active .Tabs-condition__hover--gFmjh, .Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz .Tabs-condition__hover--gFmjh, .Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz:hover .Tabs-condition__hover--gFmjh {
            visibility: hidden;
            opacity: 0;
        }

.Tabs-condition__checked--29bcn {
        box-shadow: inset 0 0 11px rgba(0, 0, 0, .27),
                    inset 0 0 17px rgba(0, 0, 0, .6);
        background: rgba(0, 0, 0, .27);
    }

.Tabs-tab--3oa_G.Tabs-isChecked--1q5Zz .Tabs-condition__checked--29bcn {
            visibility: visible;
            opacity: 1;
        }

.Tabs-condition__checked--29bcn::after {
            position: absolute;
            top: 3px;
            left: 0;
            width: 100%;
            height: 43px;
            background: url(images/tabs-arrow-dcafb218ef242d6eab58fe007960a899.png) no-repeat center;
            content: '';
        }
@keyframes BetweenSeason-slide--2JmM9 {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    80% {
        opacity: 1;
    }
}

.BetweenSeason-base--2BoUo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 199px 0 0;
    background: #191710 url(images/background-fec57be8f8d2c7b1af72a6aca8e8d700.jpg) 50% 0 no-repeat;
    background-size: cover;
    text-align: center;
}

.BetweenSeason-base__extraSmall--cerHP {
        padding: 119px 0 45px;
    }

.BetweenSeason-base__small--2G6S8 {
        padding: 144px 0 60px;
    }

.BetweenSeason-base__medium--1pQfC {
        padding: 164px 0 30px;
    }

.BetweenSeason-base__large--10n14 {
        padding: 199px 0 75px;
    }

.BetweenSeason-base__extraLarge--1dsKh {
        padding: 199px 0 75px;
    }

.BetweenSeason-cards--3c1Ef {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.BetweenSeason-cardHolder--3L66l {
    margin: 0 10px;
    animation: BetweenSeason-slide--2JmM9 .2s ease-out both
}

.BetweenSeason-cardHolder--3L66l:nth-child(1) {
            animation-delay: 0.1s;
        }

.BetweenSeason-cardHolder--3L66l:nth-child(2) {
            animation-delay: 0.2s;
        }

.BetweenSeason-cardHolder--3L66l:nth-child(3) {
            animation-delay: 0.3s;
        }
.Confirmation-base--fwyw3 {
    text-align: center;
}

.Confirmation-image--1CD_v {
    display: inline-block;
    width: 240px;
    height: 160px;
    margin: 0 0 38px;
    vertical-align: top;
}

.Confirmation-title--2DheK {
    margin: 0 0 15px;
    color: #f2f2f7;
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
}

.Confirmation-description--33c_o {
    margin: 0 0 21px;
    color: #c9c9b6;
    font-size: 16px;
    line-height: 20px;
}

.Confirmation-divider--2MH8f {
    width: 720px;
    height: 1px;
    margin: 0 0 24px;
    background-color: rgba(255, 255, 255, .1);
}

.Confirmation-price--1DJUP {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    margin: 0 0 24px;
}

.Confirmation-priceCaption--1-w97 {
    margin: 0 8px 0 0;
    color: #8c8c7e;
    font-size: 16px;
    line-height: 20px;
}

.Confirmation-priceValue--2xkyK {
    margin: 0 4px 0 0;
    color: #595950;
    font-size: 16px;
    line-height: 20px;
    text-decoration: line-through;
}

.Confirmation-priceDiscount--3HQAV {
    color: #c9c9b6;
    font-size: 24px;
    font-weight: 700;
    line-height: 22px;
}

.Confirmation-button--pwScj {
    display: inline-block;
    min-width: 160px;
    vertical-align: top;
}

.Confirmation-button--pwScj:not(:last-child) {
        margin: 0 16px 0 0;
    }
.Error-base--3cF1v {
    text-align: center;
}

.Error-image--2-vnt {
    position: relative;
    z-index: -1;
    width: 128px;
    height: 100px;
    margin: 0 auto 26px;
    background: url(images/bonds-shop-overlay-error-a0f4436e776881bf1329088f8da070aa.png) center no-repeat;
}

.Error-image--2-vnt::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 784px;
        height: 784px;
        margin: -392px 0 0 -392px;
        background: url(images/bonds-shop-overlay-error-light-5d3dbc0f097d44c92697c3a10dc853f3.png) center no-repeat;
        content: '';
    }

.Error-title--3eywz {
    margin: 0 0 15px;
    color: #f2f2f7;
    font-size: 36px;
    font-weight: 700;
    line-height: 110%;
}

.Error-hint--_yfiE {
    margin: 0 0 21px;
    color: #c9c9b6;
    font-size: 16px;
    line-height: 20px;
}

.Error-divider--2gY0j {
    width: 720px;
    height: 1px;
    margin: 0 0 24px;
    background-color: rgba(255, 255, 255, .1);
}

.Error-button--2Jnpz {
    display: inline-block;
    min-width: 160px;
    vertical-align: top;
}
.Rewards-base--1JKNT {
    /**/
}

.Rewards-rewards--1opO8 {
    width: 100%;
}

.Rewards-rewards--1opO8 th {
        color: #e9e2bf;
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        text-align: left;
        vertical-align: top;
    }

.Rewards-rewards--1opO8 th:not(:last-child) {
            padding-right: 24px;
        }

.Rewards-rewards--1opO8 tr:not(:last-child) {
            border-bottom: 1px solid rgba(255, 255, 255, .1);
        }

.Rewards-rewards--1opO8 td {
        padding: 38px 0;
    }

.Rewards-rewards--1opO8 td:not(:last-child) {
            padding-right: 24px;
        }

.Rewards-rewards--1opO8 img {
        margin: 0;
        vertical-align: middle;
    }

.Rewards-rewardsComposition--2yalW {
    padding-left: 15px;
}

.Rewards-rewardsName--2lbig {
    white-space: nowrap;
}

.Rewards-name--W465P {
    margin: 0 0 0 26px;
    color: #8c8c7e;
    font-size: 16px;
    line-height: 19px;
    vertical-align: middle;
}

.Rewards-point--1k5Js {
    color: #8c8c7e;
    font-size: 24px;
    line-height: 1;
}

.Rewards-point--1k5Js::after {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: 0 0 0 4px;
        background: url(images/rules-ranked-point-1bedff645e1d5d8e0562ff921127b8e7.png);
        vertical-align: top;
        content: '';
    }

.Rewards-item--LmcuQ {
    position: relative;
    padding: 0 0 0 80px;
    color: #8c8c7e;
    font-size: 16px;
    line-height: 19px;
    vertical-align: middle;
}

.Rewards-item--LmcuQ:not(:last-child) {
        margin: 0 0 33px;
    }

.Rewards-item--LmcuQ > mark {
        color: #e9e2bf;
    }

.Rewards-reward--1ZE25 {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: -32px 16px 0 0;
    background-repeat: no-repeat;
    background-position: center right;
    vertical-align: middle;
}

.Rewards-reward__stabilizer--3c3to {
            background-image: url(images/rules-rewards-stabilizer-c6e844a446c59a2a8c334602479e9cb2.png);
        }

.Rewards-reward__ventillation--2bcM2 {
            background-image: url(images/rules-rewards-ventillation-cac1fbaa71ffefa46a37ca7352a0bd50.png);
        }

.Rewards-reward__tank--gJt6U {
            background-image: url(images/rules-rewards-tank-6f65a1dd6cf75489483b9f351d9ec342.png);
        }

.Rewards-reward__rammer--2ZdQI {
            background-image: url(images/rules-rewards-rammer-a13cb685f164b48d27d0954d0411f4e8.png);
        }

.Rewards-reward__style--26X6m {
            background-image: url(images/rules-rewards-style-49e6a22480f895bc7c4ddb783d811bd5.png);
        }

.Rewards-reward__credits--2GdGX {
            background-image: url(images/rules-rewards-credits-b3874c4e28928c4813e8a6f89c570d70.png);
        }

.Rewards-reward__exp--7RvyH {
            background-image: url(images/rules-rewards-exp-e304cb0c16a3f15a5e0929363aed4202.png);
        }

.Rewards-reward--1ZE25::before {
        position: absolute;
        top: -7px;
        left: 1px;
        width: 35px;
        height: 33px;
        background: url(images/rules-ranked-improved-d99860ef400515b1ffa98548a82450ac.png) center no-repeat;
        content: normal;
    }

.Rewards-reward__stabilizer--3c3to::before,
    .Rewards-reward__rammer--2ZdQI::before,
    .Rewards-reward__ventillation--2bcM2::before {
        content: '';
    }

.Rewards-quantity--2FWLT {
    position: absolute;
    right: -10px;
    bottom: 8px;
    color: #8c8c7e;
    font-size: 14px;
    line-height: 16px;
}
.RulesBalancer-base--1q4g1 {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 20px 0 25px;
}

    @media all and (max-width: 1065px) {.RulesBalancer-base--1q4g1 {
        transform: scale(.8)
}
    }

    @media all and (min-width: 1066px) and (max-width: 1150px) {.RulesBalancer-base--1q4g1 {
        transform: scale(.85)
}
    }

    @media all and (min-width: 1151px) and (max-width: 1300px) {.RulesBalancer-base--1q4g1 {
        transform: scale(.95)
}
    }

.RulesBalancer-captions--3hDlk {
    padding: 10px 5px 0 0;
}

.RulesBalancer-caption--3mYbO {
    color: #8c8c7c;
    font-size: 16px;
    line-height: 20px;
}

.RulesBalancer-caption--3mYbO:nth-child(1) {
        margin: 0 0 60px;
    }

.RulesBalancer-caption--3mYbO:nth-child(2) {
        margin: 0 0 122px;
    }

.RulesBalancer-item--1F4a3 {
    flex: 1 1 auto;
    box-sizing: border-box;
    height: 284px;
    padding: 10px 5px 0;
    background: url(images/rules-balancer-bg-6a348e7b15db9263f4acf478b82c5a10.png) left top repeat-x;
    text-align: center;
    white-space: nowrap;
}

.RulesBalancer-item--1F4a3 img {
        margin: 0 0 -4px;
    }

.RulesBalancer-item--1F4a3:not(:last-child) {
        margin: 0 2px 0 0;
    }

.RulesBalancer-icons--1oOY8 {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.RulesBalancer-icon--2oQNJ {
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
}

.RulesBalancer-icon--2oQNJ:not(:last-child) {
        margin: 0 10px 0 0;
    }

.RulesBalancer-division--GDH6H {
    margin: 0 0 18px;
    color: #8c8c7c;
    font-size: 16px;
    line-height: 20px;
}

.RulesBalancer-ranks--3t-sc {
    margin: 18px 0 0;
    color: #8c8c7c;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.YearlyFooter-base--vehAJ {
    display: block;
    width: 100%;
    min-height: 50px;
    padding: 0 10px;
}

    .YearlyFooter-base--vehAJ::after {
        position: absolute;
        bottom: 0;
        left: 50%;
        z-index: -1;
        width: 1295px;
        height: 50px;
        background: url(images/yearly-footer-bg-1ec863c1d61d8be04e59bb4f85c4fbbc.png) center no-repeat;
        content: '';
        transform: translate(-50%, 0);
    }

.YearlyFooter-wrapper--tHE5Q {
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
}

.YearlyFooter-wrapper--tHE5Q mark {
        background: transparent;
        color: #e9e2bf;
    }

.YearlyFooter-stripeIcon--NqGBw {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    margin-left: 25px;
    background: url(images/yearly-footer-badge-eb652ad8f3b2277cd25281126b5e612a.png) center no-repeat;
}

.YearlyFooter-stripeIcon--NqGBw::before {
        position: absolute;
        top: 10px;
        left: -43px;
        z-index: -1;
        width: 68px;
        height: 28px;
        background: url(images/yearly-footer-badge-bg-75b8c2c8859d88258c72ef612d97fc33.png) center no-repeat;
        content: '';
    }

.YearlyFooter-footerButton--8Jz5A {
    flex-shrink: 0;
    min-width: 140px;
    margin-left: 25px;
}
.YearlyPageButton-base--1XOLc {
    display: -webkit-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 28px;
    margin: 0 8px;
    border: solid 1px rgba(140, 140, 126, .15);
    border-radius: 2px;
    color: rgba(140, 140, 126, .5);
    cursor: pointer;
    transition: color .3s, border .3s;
}

    .YearlyPageButton-base--1XOLc:hover {
        border: solid 1px rgba(140, 140, 126, .5);
        color: rgb(140, 140, 126);
        transition: color .15s, border .15s;
    }

    .YearlyPageButton-base--1XOLc.YearlyPageButton-isActive--218Th {
        border: solid 1px #fd9;
        box-shadow: 0 0 3px 0 rgba(255, 85, 0, .57), 0 0 6.3px .7px rgba(255, 42, 0, .09), 0 0 9px 1px rgba(255, 0, 0, .04);
        color: #e9e2bf;
        pointer-events: none;
    }
.YearlyPaginator-base--URMYP {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 60px;
}

    .YearlyPaginator-base--URMYP::after {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 30;
        height: 73px;
        background: url(images/paginatior-shadow-ab7257f140b7c3397e8cec58e5869a2a.png) top center repeat-x;
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, .05)),
                        color-stop(.1, rgba(0, 0, 0, 1)),
                        color-stop(.9, rgba(0, 0, 0, 1)),
                        color-stop(1, rgba(0, 0, 0, .05))
        );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, .05)),
                        color-stop(.1, rgba(0, 0, 0, 1)),
                        color-stop(.9, rgba(0, 0, 0, 1)),
                        color-stop(1, rgba(0, 0, 0, .05))
        );
        transform: translateY(-100%);
        pointer-events: none;
    }

.YearlyPaginator-divider--1JQ0w {
    display: inline-block;
    color: rgba(140, 140, 126, .5);
    font-size: 14px;
}

.YearlyPaginator-divider--1JQ0w::before {
        content: '\22EF';
    }
@charset 'UTF-8';

/**/

/* BASE LAYER*/

/**/

/* Base rules are project*/

@font-face {
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-style: normal;
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(fonts/RobotoCondensed-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-weight: 400;
    font-style: normal;
    src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

* { /* stylelint-disable-line selector-max-universal */
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    overflow: hidden;
    background: #0a0a0a;
    color: #8c8c7c;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    cursor: default;
    -webkit-user-select: none;
            user-select: none;
}

input:active, input:focus, input, button:active, button:focus, button {
    outline: none;
    font-family: inherit;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

button, input {
    font-family: 'Roboto Condensed', sans-serif;
}

dl, dt, dd, p {
    margin: 0;
    padding: 0;
}

a, a:hover {
    text-decoration: none;
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.YearlyLastUpdatedLabel-title--1uzvB {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
}
.YearlyLastUpdatedLabel-subtitle--MEAJ- {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.YearlyLastUpdatedLabel-subtitle--MEAJ-:first-child {
    margin-top: 0;
}
.YearlyLastUpdatedLabel-message--PfrTZ {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.YearlyLastUpdatedLabel-message--PfrTZ:first-child {
    margin-top: 0;
}
.YearlyLastUpdatedLabel-message--PfrTZ:last-child {
    margin-bottom: 0;
}
.YearlyLastUpdatedLabel-ul--1hPI9 {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.YearlyLastUpdatedLabel-ul--1hPI9:last-child {
    margin-bottom: 0;
}
.YearlyLastUpdatedLabel-warning--3TpL5 {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.YearlyLastUpdatedLabel-warning--3TpL5:first-child {
    margin-top: 0;
}
.YearlyLastUpdatedLabel-warning--3TpL5:last-child {
    margin-bottom: 0;
}
.YearlyLastUpdatedLabel-warning--3TpL5 {
    color: #ee7000;
}
.YearlyLastUpdatedLabel-divider--275Ai {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
}
.YearlyLastUpdatedLabel-ribbon--1OLDE {
    position: relative;
    margin: 19px -20px;
    padding: 14px 20px;
    background: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(255, 255, 255, .01)),
                    color-stop(.1, rgba(255, 255, 255, .02)),
                    color-stop(.25, rgba(255, 255, 255, .04)),
                    color-stop(.5, rgba(255, 255, 255, .06)),
                    color-stop(.75, rgba(255, 255, 255, .04)),
                    color-stop(.9, rgba(255, 255, 255, .02)),
                    color-stop(1, rgba(255, 255, 255, .01))
                );
    text-align: left;
}
.YearlyLastUpdatedLabel-ribbon--1OLDE::before, .YearlyLastUpdatedLabel-ribbon--1OLDE::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    content: '';
    -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
            mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
}
.YearlyLastUpdatedLabel-ribbon--1OLDE::before {
    top: -1px;
}
.YearlyLastUpdatedLabel-ribbon--1OLDE::after {
    bottom: -1px;
}
.YearlyLastUpdatedLabel-statusMessage--3wYgA {
    margin: 15px 0 0;
}
.YearlyLastUpdatedLabel-statusMessage__positive--20zu_ {
    text-align: center;
}
.YearlyLastUpdatedLabel-statusMessage__noPermission--2dVcC {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(images/tooltip-disable-background-42ef1f71af192795be100e08ab93171c.png) no-repeat 0 0;
}
.YearlyLastUpdatedLabel-divider--275Ai + .YearlyLastUpdatedLabel-statusMessage__noPermission--2dVcC {
    margin-top: -16px;
}
.YearlyLastUpdatedLabel-status--2NdmG {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.YearlyLastUpdatedLabel-statusMessage__positive--20zu_ .YearlyLastUpdatedLabel-status--2NdmG {
    text-align: center;
    color: #7ab300;
}
.YearlyLastUpdatedLabel-statusMessage__negative--39Z7s .YearlyLastUpdatedLabel-status--2NdmG {
    text-align: left;
    color: #ff2717;
}
.YearlyLastUpdatedLabel-status__positive--1L3h6 {
    color: #7ab300;
}
.YearlyLastUpdatedLabel-status__negative--3fy02 {
    color: #ff2717;
}
.YearlyLastUpdatedLabel-statusText--1zFep {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400;
}
.YearlyLastUpdatedLabel-statusMessage__noPermission--2dVcC .YearlyLastUpdatedLabel-statusText--1zFep {
    color: #686656;
}
.YearlyLastUpdatedLabel-highlight--2R18h {
    color: #fefeec;
}
.YearlyLastUpdatedLabel-important--1WWnM {
    color: #fff;
}
.YearlyLastUpdatedLabel-base--2E6J9 {
    position: relative;
    display: inline-block;
    padding: 0 28px 0 0;
    color: #99998a;
    vertical-align: top;
}
.YearlyLastUpdatedLabel-icon--30EPH {
    position: absolute;
    top: -2px;
    right: 0;
}
.YearlyLastUpdatedLabel-tooltipContent--1tj63 mark {
        background-color: transparent;
        color: #e9e2bf;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.YearlyHeader-title--3NHLp {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
}
.YearlyHeader-subtitle--718ge {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.YearlyHeader-subtitle--718ge:first-child {
    margin-top: 0;
}
.YearlyHeader-message--2HeaN {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.YearlyHeader-message--2HeaN:first-child {
    margin-top: 0;
}
.YearlyHeader-message--2HeaN:last-child {
    margin-bottom: 0;
}
.YearlyHeader-ul--1_XvT {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.YearlyHeader-ul--1_XvT:last-child {
    margin-bottom: 0;
}
.YearlyHeader-warning--XqTxe {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.YearlyHeader-warning--XqTxe:first-child {
    margin-top: 0;
}
.YearlyHeader-warning--XqTxe:last-child {
    margin-bottom: 0;
}
.YearlyHeader-warning--XqTxe {
    color: #ee7000;
}
.YearlyHeader-divider--2YGZO {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
}
.YearlyHeader-ribbon--1f67H {
    position: relative;
    margin: 19px -20px;
    padding: 14px 20px;
    background: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(255, 255, 255, .01)),
                    color-stop(.1, rgba(255, 255, 255, .02)),
                    color-stop(.25, rgba(255, 255, 255, .04)),
                    color-stop(.5, rgba(255, 255, 255, .06)),
                    color-stop(.75, rgba(255, 255, 255, .04)),
                    color-stop(.9, rgba(255, 255, 255, .02)),
                    color-stop(1, rgba(255, 255, 255, .01))
                );
    text-align: left;
}
.YearlyHeader-ribbon--1f67H::before, .YearlyHeader-ribbon--1f67H::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    content: '';
    -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
            mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
}
.YearlyHeader-ribbon--1f67H::before {
    top: -1px;
}
.YearlyHeader-ribbon--1f67H::after {
    bottom: -1px;
}
.YearlyHeader-statusMessage--3BHa- {
    margin: 15px 0 0;
}
.YearlyHeader-statusMessage__positive--1OAy0 {
    text-align: center;
}
.YearlyHeader-statusMessage__noPermission--2EW6k {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(images/tooltip-disable-background-42ef1f71af192795be100e08ab93171c.png) no-repeat 0 0;
}
.YearlyHeader-divider--2YGZO + .YearlyHeader-statusMessage__noPermission--2EW6k {
    margin-top: -16px;
}
.YearlyHeader-status--3hAwQ {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.YearlyHeader-statusMessage__positive--1OAy0 .YearlyHeader-status--3hAwQ {
    text-align: center;
    color: #7ab300;
}
.YearlyHeader-statusMessage__negative--1cRq_ .YearlyHeader-status--3hAwQ {
    text-align: left;
    color: #ff2717;
}
.YearlyHeader-status__positive--E5Mcg {
    color: #7ab300;
}
.YearlyHeader-status__negative--3JdnP {
    color: #ff2717;
}
.YearlyHeader-statusText--3z5ok {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400;
}
.YearlyHeader-statusMessage__noPermission--2EW6k .YearlyHeader-statusText--3z5ok {
    color: #686656;
}
.YearlyHeader-highlight--ZPAXo {
    color: #fefeec;
}
.YearlyHeader-important--2XB7y {
    color: #fff;
}
.YearlyHeader-base--2-wor {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding: 70px 0 30px;
}
@media (max-width: 1365px), (max-height: 811px) {
.YearlyHeader-base--2-wor {
        padding-top: 55px
}
    }
.YearlyHeader-header--2eQL8 {
    position: relative;
    display: -webkit-box;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
}
.YearlyHeader-header--2eQL8::before,
    .YearlyHeader-header--2eQL8::after {
        position: absolute;
        top: 50%;
        width: 54px;
        height: 93px;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        transform: translateY(-50%);
    }
.YearlyHeader-header--2eQL8::before {
        left: 0;
        margin-left: -60px;
        background-image: url(images/leaves-left-8e888cade50d7844712829d222a05798.png);
    }
.YearlyHeader-header--2eQL8::after {
        right: 0;
        margin-right: -60px;
        background-image: url(images/leaves-right-0a7585a33e97f7419591357bce711452.png);
    }
@media (max-width: 1810px) {
        .YearlyHeader-header--2eQL8::before,
        .YearlyHeader-header--2eQL8::after {
            height: 75px;
        }
    }
.YearlyHeader-selector--1eSFs {
    flex: 1 1 33%;
    padding: 30px 0 0 30px;
}
@media (max-width: 1365px) {
.YearlyHeader-selector--1eSFs {
        padding-top: 69px
}
    }
.YearlyHeader-selectorCaption--27OUO {
    color: #99998a;
}
.YearlyHeader-updatedLabel--3zOGI {
    flex: 1 1 33%;
    padding: 32px 30px 0 120px;
    text-align: right;
}
@media (max-width: 1365px) {
.YearlyHeader-updatedLabel--3zOGI {
        padding: 71px 30px 0 60px
}
    }
.YearlyHeader-top---mhBe {
    background-image: -webkit-repeating-linear-gradient(top, #f4e68c 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
    font-size: 73px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}
@media (max-width: 1810px) {
.YearlyHeader-top---mhBe {
        font-size: 56px
}
    }
.YearlyHeader-years--rvtyv {
    background-image: -webkit-repeating-linear-gradient(top, #f4e68c 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
    margin-top: 15px;
    font-size: 24px;
    font-weight: 700;
    line-height: .8;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}
.YearlyHeader-icon--1lHVS {
    display: inline-block;
    margin: -2px -28px 0 5px;
    vertical-align: top;
}
.YearlyHeader-position--3XjR- {
    position: absolute;
    top: 7px;
    right: -105px;
    height: 24px;
    padding: 2px 8px 4px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 2px;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    cursor: pointer;
}
.YearlyHeader-position--3XjR-:hover {
        border-color: #e9ca77;
        background-color: rgba(0, 0, 0, .4);
    }
.YearlyHeader-positionNumber--wSarW {
    background-image: -webkit-repeating-linear-gradient(top, #f4e58b 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
}
.YearlyHeader-positionText--2ud-p {
    position: absolute;
    top: 0;
    right: -15px;
    visibility: hidden;
    color: #e9e2bf;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    opacity: 0;
    transform: translateX(100%);
}
.YearlyHeader-position--3XjR-:hover .YearlyHeader-positionText--2ud-p {
        visibility: visible;
        opacity: 1;
    }
.YearlyHeader-info--3qWVc {
    position: relative;
    margin: 17px 0 16px;
    padding: 17px 0 16px;
    background: url(images/last-updated-label-tooltip-bg-2f2f71631006b7a04b6c5a3790153ae0.png) center repeat-y;
}
.YearlyHeader-info--3qWVc::after,
    .YearlyHeader-info--3qWVc::before {
        position: absolute;
        top: -1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: url(images/last-updated-label-tooltip-border-cc9d106c60678dac2f63793f51bb3863.png) no-repeat center;
        content: '';
    }
.YearlyHeader-info--3qWVc::after {
        top: auto;
        bottom: -1px;
    }
.YearlyHeader-tooltipContent--2Omqw {
    width: 520px;
    padding: 4px 0 0;
}
.YearlyHeader-tooltipContent--2Omqw ul {
        margin: 8px 0 0 62px;
        padding: 0;
        list-style: none;
        color: #e9e2bf;
        line-height: 25px;
    }
.YearlyHeader-tooltipContent--2Omqw li {
        display: -webkit-box;
        display: flex;
        align-items: center;
    }
.YearlyHeader-tooltipContent--2Omqw mark {
        background-color: transparent;
        color: #e9e2bf;
    }
.YearlyHeader-sprinter--Ppmtj {
    display: inline-block;
    width: 26px;
    height: 18px;
    margin-left: -7px;
    background: url(images/sprinter-764b2c93f842ceb087a7e466c75f8e3c.png) center no-repeat;
    vertical-align: middle;
}
.YearlyHeader-contentIcon--3El11 {
    display: inline-block;
    width: 26px;
    margin: 0 9px 0 0;
    text-align: center;
}
.YearlyHeader-averageExperience--1Qwxa {
    display: block;
    width: 28px;
    height: 18px;
    background: url(images/avg_exp-3450cf5b726d8f19887d33e067d39e30.png) center no-repeat;
}
.YearlyHeader-averageDamage--yy22d {
    display: block;
    width: 28px;
    height: 20px;
    background: url(images/average_damage-b0848453f1a53e1cb83665031051de5e.png) center no-repeat;
}
.YearlyHeader-battles--naGLB {
    display: block;
    width: 28px;
    height: 17px;
    background: url(images/battles-b0b65af76f562e7598cee6bb09214fb1.png) center no-repeat;
}
.YearlyHeader-mark--25RIn {
    color: #fff;
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
.YearlyTable-tr--3E9uQ {
        position: relative;
        display: -webkit-box;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.YearlyTable-tr--3E9uQ::before,
        .YearlyTable-tr--3E9uQ::after {
            position: absolute;
            right: 0;
            left: 0;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.YearlyTable-tr--3E9uQ::before {
            bottom: 0;
            z-index: 1;
            height: 40px;
            background: url(images/table-row-divider-4b6a97cbc93aebdf696877d4fa07aa12.png) repeat-x;
            pointer-events: none;
        }
.YearlyTable-tr--3E9uQ::after {
            top: 0;
            bottom: 1px;
            z-index: 2;
            visibility: hidden;
            box-shadow: inset 0 0 0 1px rgba(242, 242, 230, .02),
                        inset 0 0 7px rgba(242, 242, 230, .07);
            background: rgba(242, 242, 230, .05);
            opacity: 0;
            pointer-events: none;
        }
.YearlyTable-tr__isHoverable--yyTxu::after {
            transition: opacity .16s;
        }
.YearlyTable-tr__isActive--3-Tib::after {
            visibility: visible;
            opacity: 1;
            transition: none;
        }
.YearlyTable-tr__isHoverable--yyTxu:hover::after {
            visibility: visible;
            opacity: 1;
        }
.YearlyTable-tr__isClickable--3ktbH {
            cursor: pointer;
        }
.YearlyTable-trCondition--2NCgZ {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
.YearlyTable-trCondition__own--1Shwa {
            right: 99px;
            left: 99px;
            background: url(images/table-row-own-ce8e9e30e1a231a13f4b085be83bb632.png) center top repeat-x;
        }
.YearlyTable-trCondition__own--1Shwa::before,
            .YearlyTable-trCondition__own--1Shwa::after {
                position: absolute;
                top: -1px;
                bottom: 0;
                width: 100px;
                height: 43px;
                content: '';
            }
.YearlyTable-trCondition__own--1Shwa::before {
                left: -100px;
                background: url(images/table-row-own-left-bf37ec35ca06d50ae85eebcda233a032.png) center top no-repeat;
            }
.YearlyTable-trCondition__own--1Shwa::after {
                right: -100px;
                background: url(images/table-row-own-right-19d007ee5b94ce654754266447383645.png) center top no-repeat;
            }
@keyframes YearlyTable-shift--3HXCa {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    50% {
        opacity: 1;
    }
}
.YearlyTable-base--3EGPw {
    flex-grow: 1;
    width: 100%;
}
.YearlyTable-player--1KkOm {
    margin: 0 0 0 17px;
    background-image: -webkit-repeating-linear-gradient(top, #f4e68c 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}
.YearlyTable-tableHeadWrapper--2VR1X {
    padding: 0 35px 0 0;
}
.YearlyTable-position--3sxly {
    background-image: -webkit-repeating-linear-gradient(top, #f4e68c 0, #ddab61 100%); /* stylelint-disable-line value-no-vendor-prefix */
    -webkit-background-clip: text; /* stylelint-disable-line property-no-vendor-prefix */
    -webkit-text-fill-color: transparent; /* stylelint-disable-line property-no-vendor-prefix */
    text-shadow: none;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
            filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="2" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
            filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));
}
.YearlyTable-rankProgressIcon--AMmOL {
    display: block;
    width: 20px;
    height: 18px;
    background: url(images/rank_progress_icon-58c178a00e97a529607255a7c5aabac0.png) center no-repeat;
}
.YearlyTable-averageExperience--bJ-4- {
    display: block;
    width: 28px;
    height: 18px;
    background: url(images/avg_exp-3450cf5b726d8f19887d33e067d39e30.png) center no-repeat;
}
.YearlyTable-averageDamage--2fojp {
    display: block;
    width: 28px;
    height: 20px;
    background: url(images/average_damage-b0848453f1a53e1cb83665031051de5e.png) center no-repeat;
}
.YearlyTable-battles--2BJHH {
    display: block;
    width: 28px;
    height: 17px;
    background: url(images/battles-b0b65af76f562e7598cee6bb09214fb1.png) center no-repeat;
}
.YearlyTable-value--y9QW0 {
    display: inline-block;
    vertical-align: top;
}
.YearlyTable-value__number--EXhqw {
        color: #e4c876;
    }
.YearlyTable-value__member--2GejQ {
        position: relative;
        display: block; /* For work elipsis*/
        margin: 0 0 0 26px;
        color: #c9c9b6;
    }
.YearlyTable-value__efficiency--2ncbN {
        color: #e4c876;
    }
.YearlyTable-emptyCell--2_2F3 {
    width: 100%;
    min-width: 27px;
    max-width: 38px;
}
.YearlyTable-tableRowWrapper--K4Gik {
    cursor: pointer;
}
.YearlyTable-tableRowWrapper__isAnonymous--3iG2h {
        pointer-events: none;
    }
.YearlyTable-dialog--1uvDp {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 80px;
}
@media (max-width: 1600px), (max-height: 1017px) {
.YearlyTable-dialog--1uvDp {
        padding-top: 50px
}
    }
.YearlyTable-title--3sU4- {
    margin-bottom: 30px;
    color: #f2f2f7;
    font-size: 73px;
    font-weight: 700;
    line-height: 1;
    animation: YearlyTable-shift--3HXCa .2s ease-in both;
}
@media (max-width: 1600px), (max-height: 1017px) {
.YearlyTable-title--3sU4- {
        margin-bottom: 20px;
        font-size: 56px
}
    }
.YearlyTable-subtitle--2wq3g {
    margin-bottom: 20px;
    color: #fefeec;
    font-size: 24px;
    animation: YearlyTable-shift--3HXCa .2s .1s ease-out both;
}
@media (max-width: 1600px), (max-height: 1017px) {
.YearlyTable-subtitle--2wq3g {
        margin-bottom: 10px;
        font-size: 20px
}
    }
.YearlyTable-emptyMessage--1V-xS {
    display: -webkit-box;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.YearlyTable-tr--3E9uQ::before {
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    background: none;
    -webkit-mask-image: none;
            mask-image: none;
}
.YearlyTable-tr--3E9uQ::after {
    box-shadow: none;
    background: rgba(255, 255, 255, .07);
    -webkit-mask-image: none;
            mask-image: none;
}
.YearlyTable-trCondition__own--1Shwa {
    right: 0;
    left: 0;
    border: 1px solid rgba(255, 161, 0, .2);
    background: rgba(255, 161, 0, .1);
}
.YearlyTable-trCondition__own--1Shwa::before,
    .YearlyTable-trCondition__own--1Shwa::after {
        content: none;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.PageTitle-base--1AOsa {
    text-align: center;
}
.PageTitle-base__large--2lpZH {
    color: #f2f2f7;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;
    line-height: 28px;
    }
.PageTitle-base__small--2a_TT {
    color: #f2f2f7;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 24px;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.InfoTip-base--16U2b {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9990;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    visibility: hidden;
}
.InfoTip-base--16U2b.InfoTip-isOpened--3RqdA {
        visibility: visible;
    }
.InfoTip-overlay--2Nitr {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
}
.InfoTip-base--16U2b.InfoTip-isOpened--3RqdA .InfoTip-overlay--2Nitr {
        opacity: 1;
        transition: opacity 1s linear;
    }
.InfoTip-infotip--3u2KY {
    position: relative;
    z-index: 2;
    margin: 60px 0 0;
    border: 1px solid rgba(69, 68, 68, .5);
    border-radius: 2px;
    box-shadow: 0 0 57px 0 #000;
    background-color: rgba(27, 26, 22, .95);
    text-align: left;
    opacity: 0;
}
@media (min-height: calc(900px - calc(116px + 60px))) {
.InfoTip-infotip--3u2KY {
        margin-top: 0
}
    }
.InfoTip-base--16U2b.InfoTip-isOpened--3RqdA .InfoTip-infotip--3u2KY {
        opacity: 1;
        transition: opacity .5s linear .5s;
    }
.InfoTip-close--3cgEZ {
    position: absolute;
    top: -52px;
    right: 9px;
}
.InfoTip-inner--3tCqc {
    position: relative;
    overflow: hidden;
}
.InfoTip-bgElement--3ihBT {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.InfoTip-header--4oJn2 {
    color: #fefeec;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 76px;
    padding: 0 32px;
}
.InfoTip-body--1JcS4 {
    position: relative;
    padding: 21px 32px;
}
.InfoTip-body--1JcS4::before, .InfoTip-body--1JcS4::after {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 1;
        height: 144px;
        content: normal;
        pointer-events: none;
    }
.InfoTip-body--1JcS4::before {
        top: -52px;
        background: url(images/info-tip-shadow-top-9af22a138dffca34b46033086178e22d.png) center no-repeat;
    }
.InfoTip-header--4oJn2 + .InfoTip-body--1JcS4 {
        padding: 1px 32px 21px;
    }
.InfoTip-header--4oJn2 + .InfoTip-body--1JcS4::before {
            top: -71px;
            content: '';
        }
.InfoTip-body--1JcS4::after {
        bottom: -51px;
        background: url(images/info-tip-shadow-bottom-02e4fe411111b91ebed7ef38ae92d311.png) center no-repeat;
    }
.InfoTip-base--16U2b.InfoTip-isScrollEnabled--1dbOa .InfoTip-body--1JcS4::before, .InfoTip-base--16U2b.InfoTip-isScrollEnabled--1dbOa .InfoTip-body--1JcS4::after {
        content: '';
    }
.InfoTip-content--3OQkL {
    padding: 6px 0;
}
.InfoTip-header--4oJn2 + .InfoTip-body--1JcS4 .InfoTip-content--3OQkL {
        padding: 27px 0 6px;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
.Tooltip-base--3BQ0- {
    position: absolute;
    z-index: 9995;
    box-sizing: border-box;
    max-width: 400px;
    padding: 16px;
    visibility: hidden;
    pointer-events: none;
}
.Tooltip-base--3BQ0-.Tooltip-isVisible--eNVxs {
    visibility: visible;
}
.Tooltip-base--3BQ0-.Tooltip-isWide--3lOKo {
    max-width: none;
}
.Tooltip-body--eJm5M {
    position: relative;
    padding: 14px 20px;
    border: 1px solid #3d3b31;
    border-radius: 2px;
    box-shadow: 0 0 8px #000;
    background: #070705;
}
.Tooltip-wrapper--3VvJJ {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    border-width: 3px;
    border-style: solid;
    border-image: url(images/tooltip-bg-borders-bdeccf6dd1ec3bc9d9493503b26bbd41.png) 3 round round;
    box-shadow: none;
    background: linear-gradient(
                    to top,
                    rgba(201, 201, 182, .05),
                    rgba(201, 201, 182, 0) 9%,
                    rgba(201, 201, 182, 0) 89%,
                    rgba(201, 201, 182, .05)
                );
}
.Tooltip-content--Rp_wK {
    position: relative;
    z-index: 20;
}
/* Tooltip contents styles */
.Tooltip-title--2ls7D {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
}
.Tooltip-subtitle--3cdq6 {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.Tooltip-subtitle--3cdq6:first-child {
        margin-top: 0;
    }
.Tooltip-message--1zLgt, .Tooltip-warning--Z1g_d {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.Tooltip-message--1zLgt:first-child, .Tooltip-warning--Z1g_d:first-child {
        margin-top: 0;
    }
.Tooltip-message--1zLgt:last-child, .Tooltip-warning--Z1g_d:last-child {
        margin-bottom: 0;
    }
.Tooltip-ul--2Dj1X {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.Tooltip-ul--2Dj1X:last-child {
        margin-bottom: 0;
    }
.Tooltip-divider--1ybV5 {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
    -webkit-mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
            mask-image: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(0, 0, 0, 0)),
                    color-stop(.1, rgba(0, 0, 0, .1)),
                    color-stop(.25, rgba(0, 0, 0, .4)),
                    color-stop(.5, rgba(0, 0, 0, 1)),
                    color-stop(.75, rgba(0, 0, 0, .4)),
                    color-stop(.9, rgba(0, 0, 0, .1)),
                    color-stop(1, rgba(0, 0, 0, 0))
                );
}
.Tooltip-ribbon--3-96Q {
    position: relative;
    margin: 19px -20px;
    padding: 14px 20px;
    background: -webkit-gradient(
                    linear,
                    left top,
                    right top,
                    color-stop(0, rgba(255, 255, 255, .01)),
                    color-stop(.1, rgba(255, 255, 255, .02)),
                    color-stop(.25, rgba(255, 255, 255, .04)),
                    color-stop(.5, rgba(255, 255, 255, .06)),
                    color-stop(.75, rgba(255, 255, 255, .04)),
                    color-stop(.9, rgba(255, 255, 255, .02)),
                    color-stop(1, rgba(255, 255, 255, .01))
                );
    text-align: left;
}
.Tooltip-ribbon--3-96Q::before, .Tooltip-ribbon--3-96Q::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.Tooltip-ribbon--3-96Q::before {
        top: -1px;
    }
.Tooltip-ribbon--3-96Q::after {
        bottom: -1px;
    }
.Tooltip-statusMessage--jmwhA {
    margin: 15px 0 0;
}
.Tooltip-statusMessage__positive--27LiI, .Tooltip-statusMessage__positive--27LiI .Tooltip-status--1Gke7 {
    text-align: center;
}
.Tooltip-statusMessage__negative--6YQRq .Tooltip-status--1Gke7 {
    text-align: left;
}
.Tooltip-statusMessage__noPermission--DR3JX {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(images/tooltip-disable-background-42ef1f71af192795be100e08ab93171c.png) no-repeat 0 0;
}
.Tooltip-divider--1ybV5 + .Tooltip-statusMessage__noPermission--DR3JX {
    margin-top: -16px;
}
.Tooltip-status--1Gke7 {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.Tooltip-statusMessage__positive--27LiI .Tooltip-status--1Gke7, .Tooltip-status__positive--3mPKM {
    color: #7ab300;
}
.Tooltip-statusMessage__negative--6YQRq .Tooltip-status--1Gke7, .Tooltip-status__negative--FwRfy {
    color: #ff2717;
}
.Tooltip-statusText--3FIy8 {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400;
}
.Tooltip-statusMessage__noPermission--DR3JX .Tooltip-statusText--3FIy8 {
    color: #686656;
}
.Tooltip-warning--Z1g_d {
    color: #ee7000;
}
.Tooltip-highlight--2skt1 {
    color: #fefeec;
}
.Tooltip-important--3TD3f {
    color: #fff;
}
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before, %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.Tooltip-base--3BQ0-.Tooltip-isDemo--m0KOg {
        position: static;
        display: inline-block;
        visibility: visible;
        vertical-align: top;
    }
.tooltip-list {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.tooltip-list:last-child {
        margin-bottom: 0;
    }
.tooltip-important-lbl {
    color: #fff;
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.Table-table--3hvV2 {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.Table-table--3hvV2.Table-isScrollable--3dTYN {
            margin: 0 24px 0 0;
        }
.Table-table--3hvV2.Table-isProcessing--1iidB {
            opacity: .3;
        }
.Table-thead--15zLP {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.Table-thead--15zLP::after, .Table-thead--15zLP::before {
            position: absolute;
            right: 0;
            left: 0;
            height: 71px;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
            pointer-events: none;
        }
.Table-thead--15zLP::before {
            bottom: 0;
            background: url(images/table-head-divider-d61a4c9df01796433759ba8074732b59.png) bottom center repeat-x;
        }
.Table-thead--15zLP::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(images/table-head-shadow-c41af285e54a04899f897428b611f30b.png) top center repeat-x;
        }
.Table-tbody--3WLe1 {
        display: block;
    }
.Table-cellGroup--3IID6 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.Table-spacer--30KQO {
        flex: 0 0 52px;
    }
.Table-base--3hSXi {
    position: relative;
}
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableGroupCell-table--3i7cV {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.TableGroupCell-table--3i7cV.TableGroupCell-isScrollable--x72rt {
            margin: 0 24px 0 0;
        }
.TableGroupCell-table--3i7cV.TableGroupCell-isProcessing--ZOWkV {
            opacity: .3;
        }
.TableGroupCell-thead--l2dsc {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableGroupCell-thead--l2dsc::after, .TableGroupCell-thead--l2dsc::before {
            position: absolute;
            right: 0;
            left: 0;
            height: 71px;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
            pointer-events: none;
        }
.TableGroupCell-thead--l2dsc::before {
            bottom: 0;
            background: url(images/table-head-divider-d61a4c9df01796433759ba8074732b59.png) bottom center repeat-x;
        }
.TableGroupCell-thead--l2dsc::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(images/table-head-shadow-c41af285e54a04899f897428b611f30b.png) top center repeat-x;
        }
.TableGroupCell-tbody--2Pbid {
        display: block;
    }
.TableGroupCell-cellGroup--3M4IV {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.TableGroupCell-spacer--GKP-U {
        flex: 0 0 52px;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableExpand-trExpandable--1G-9x {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        cursor: pointer;
    }
.TableExpand-trExpandable--1G-9x::before, .TableExpand-trExpandable--1G-9x::after {
            position: absolute;
            right: 0;
            left: 0;
            z-index: 1;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.TableExpand-trExpandable--1G-9x::before {
            top: 0;
            bottom: 0;
            background: url(images/table-row-divider-expandable-top-2b7f488ac33281c6c3b1928dc8eb8c3b.png) center top repeat-x;
        }
.TableExpand-trExpandable--1G-9x::after {
            top: 0;
            bottom: 0;
            background: url(images/table-row-divider-expandable-bottom-f6ac9f5ec4edd44ced7493b55659ed9c.png) center bottom repeat-x;
        }
.TableExpand-trExpandableCondition--RXOqv {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 2;
        transition: opacity .16s;
    }
.TableExpand-trExpandableCondition__hover--CdZQ- {
            right: 0;
            left: 0;
            z-index: 2;
            background: url(images/table-row-expandable-hover-9980afb8e0fcb87066ac87eabb1d2b9b.png) center top repeat-x;
            opacity: 0;
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.TableExpand-trExpandable--1G-9x:not(.TableExpand-trExpandable__isActive--WzL95):hover .TableExpand-trExpandableCondition__hover--CdZQ- {
                opacity: 1;
            }
.TableExpand-trExpandableCondition__active--3cQN- {
            right: 0;
            left: 0;
            z-index: 1;
            background: url(images/table-row-expandable-active-7f718f5fe2200b55942c330782eb0841.png) center top repeat-x;
            opacity: 0;
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.TableExpand-trExpandableCondition__active--3cQN-::before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 70px;
                width: 79px;
                background: url(images/table-row-expandable-sparks-cb5be09c9b6aeeea7eaa3b212d2d5131.png) center top repeat-x;
                content: '';
            }
.TableExpand-trExpandable__isActive--WzL95 .TableExpand-trExpandableCondition__active--3cQN- {
                opacity: 1;
            }
.TableExpand-trExpandableCondition__own--2iU5q {
            right: 99px;
            left: 99px;
            z-index: 1;
            background: url(images/table-row-expandable-own-ce8e9e30e1a231a13f4b085be83bb632.png) center top repeat-x;
        }
.TableExpand-trExpandableCondition__own--2iU5q::before, .TableExpand-trExpandableCondition__own--2iU5q::after {
                position: absolute;
                top: -1px;
                bottom: 0;
                width: 100px;
                height: 43px;
                content: '';
            }
.TableExpand-trExpandableCondition__own--2iU5q::before {
                left: -100px;
                background: url(images/table-row-expandable-own-left-bf37ec35ca06d50ae85eebcda233a032.png) center top no-repeat;
            }
.TableExpand-trExpandableCondition__own--2iU5q::after {
                right: -100px;
                background: url(images/table-row-expandable-own-right-19d007ee5b94ce654754266447383645.png) center top no-repeat;
            }
.TableExpand-trArrow--11rIB {
        position: absolute;
        top: 50%;
        left: 9px;
        z-index: 23;
        width: 21px;
        height: 26px;
        margin: -13px 0 0 0;
    }
.TableExpand-trArrow--11rIB::before, .TableExpand-trArrow--11rIB::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: url(images/table-row-expandable-arrow-e0000f1b3ad576fb78f92d233c353f58.png);
            background-repeat: no-repeat;
            content: '';
            transition: opacity .16s;
        }
.TableExpand-trArrow--11rIB::before {
            background-position: 0 0;
        }
.TableExpand-trArrow--11rIB::after {
            background-position: 0 -26px;
            opacity: 0;
        }
.TableExpand-trExpandable--1G-9x:hover .TableExpand-trArrow--11rIB::after {
                opacity: 1;
            }
.TableExpand-trExpandable__isActive--WzL95 .TableExpand-trArrow--11rIB::before {
                background-position: 0 -52px;
            }
.TableExpand-trExpandable__isActive--WzL95 .TableExpand-trArrow--11rIB::after {
                content: normal;
            }
.TableExpand-trExpansion--24Vx- {
        position: relative;
        overflow: hidden;
    }
.TableExpand-trExpansionInner--3zdAu {
        padding: 20px 0 0;
    }
.TableExpand-trExpansionCondition--28hTH {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        -webkit-mask-image: linear-gradient(
                        to right,
                        transparent,
                        #000 10%,
                        #000 90%,
                        transparent
                    );
                mask-image: linear-gradient(
                        to right,
                        transparent,
                        #000 10%,
                        #000 90%,
                        transparent
                    );
    }
.TableExpand-trExpansionCondition--28hTH::before, .TableExpand-trExpansionCondition--28hTH::after {
            position: absolute;
            right: 0;
            left: 0;
            height: 72px;
            content: '';
        }
.TableExpand-trExpansionCondition--28hTH::before {
            top: 0;
            background: url(images/table-expand-shadow-top-25286926280a872969f36a7115611c10.png) center top repeat-x;
        }
.TableExpand-trExpansionCondition--28hTH::after {
            bottom: 0;
            background: url(images/table-expand-shadow-bottom-7b2481c464679137efca36c70939afcd.png) center top repeat-x;
        }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableBody-table--3e4e- {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.TableBody-table--3e4e-.TableBody-isScrollable--1s69O {
            margin: 0 24px 0 0;
        }
.TableBody-table--3e4e-.TableBody-isProcessing--1a6DH {
            opacity: .3;
        }
.TableBody-thead--2tUfG {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableBody-thead--2tUfG::after, .TableBody-thead--2tUfG::before {
            position: absolute;
            right: 0;
            left: 0;
            height: 71px;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
            pointer-events: none;
        }
.TableBody-thead--2tUfG::before {
            bottom: 0;
            background: url(images/table-head-divider-d61a4c9df01796433759ba8074732b59.png) bottom center repeat-x;
        }
.TableBody-thead--2tUfG::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(images/table-head-shadow-c41af285e54a04899f897428b611f30b.png) top center repeat-x;
        }
.TableBody-tbody--CEwCP {
        display: block;
    }
.TableBody-cellGroup--3Kum0 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.TableBody-spacer--M1uIV {
        flex: 0 0 52px;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
.TableBodyCell-td--1PfFw {
    position: relative;
    display: flex;
    flex: 1 0 0%;
    align-content: center;
    box-sizing: border-box;
    padding: 0 20px 0 22px;
    line-height: 18px;
}
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before, %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before, %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableBodyCell-td--1PfFw {
        z-index: 20;
        align-items: center;
        height: 41px;
        overflow: hidden;
        white-space: nowrap;
    }
.TableBodyCell-td__arrow--2Fz5B {
        flex: 0 0 29px;
        justify-content: center;
        padding: 0;
        text-align: center;
    }
.TableBodyCell-td__number--3wNYG {
        flex: 0 0 69px;
        justify-content: center;
        padding-right: 0;
        padding-left: 2px;
        text-align: center;
    }
.TableBodyCell-td__check--2BNYi {
        flex: 0 0 54px;
        justify-content: center;
        text-align: center;
    }
.TableBodyCell-td__role--21pvU {
        flex: 0 0 64px;
        justify-content: center;
        text-align: center;
    }
.TableBodyCell-td__basis--3ovS0 {
        flex: 3 0 0%;
        justify-content: flex-start;
    }
.TableBodyCell-td__basisGutter--1ob_f {
        flex: 2 0 0%;
        justify-content: flex-start;
        padding-left: 90px;
    }
/* Content alignment*/
.TableBodyCell-td__alignLeft--KZO20 {
        justify-content: flex-start;
        text-align: left;
    }
.TableBodyCell-td__alignCenter--15qOQ {
        justify-content: center;
        text-align: center;
    }
.TableBodyCell-td__alignRight--2BLau {
        justify-content: flex-end;
        text-align: right;
    }
.TableBodyCell-td__check--2BNYi {
            padding-top: 7px;
            padding-bottom: 8px;
        }
.TableBodyCell-tdValue--2SyHw {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
.TableBodyCell-tdValue__null--2C38d {
            color: #37362e;
        }
.TableBodyCell-tdValue__positive--3ESOX {
            color: #7ab300;
        }
.TableBodyCell-tdValue__resource--vh8nO {
            color: #a29b70;
        }
.TableBodyCell-tdValue__isError--1G1rX {
            color: #595950;
        }
.TableBodyCell-tdValue__isOwn--2zJht {
            color: #ecb55d;
        }
@media (max-width: 1040px) {
.TableBodyCell-td__number--3wNYG.TableBodyCell-td--1PfFw.TableBodyCell-td__isFluid--iLohy {
                padding-right: 0;
                padding-left: 2px
        }
            }
@media (max-width: 1040px) {
.TableBodyCell-td__basisGutter--1ob_f.TableBodyCell-td--1PfFw.TableBodyCell-td__isFluid--iLohy {
                padding-left: 80px
        }
            }
@media (max-width: 1040px) {
.TableBodyCell-td--1PfFw.TableBodyCell-td__isFluid--iLohy {
            padding-right: 10px;
            padding-left: 12px
    }
        }
.TableBodyCell-value--3g1Xb {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.TableBodyCell-value__null--3V4ml {
        color: #37362e;
    }
.TableBodyCell-value__positive--1GM7w {
        color: #7ab300;
    }
.TableBodyCell-value__resource--F6gdt {
        color: #a29b70;
    }
.TableBodyCell-value__isValue--3X11l {
        text-align: right;
    }
.TableBodyCell-value__isError--7k9gZ {
        color: #595950;
    }
.TableBodyCell-value__isOwn--2pSzU {
        color: #ecb55d;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableHead-table--2KQL9 {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.TableHead-table--2KQL9.TableHead-isScrollable--qRDul {
            margin: 0 24px 0 0;
        }
.TableHead-table--2KQL9.TableHead-isProcessing--xaVYu {
            opacity: .3;
        }
.TableHead-thead--3gXav {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableHead-thead--3gXav::after, .TableHead-thead--3gXav::before {
            position: absolute;
            right: 0;
            left: 0;
            height: 71px;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
            pointer-events: none;
        }
.TableHead-thead--3gXav::before {
            bottom: 0;
            background: url(images/table-head-divider-d61a4c9df01796433759ba8074732b59.png) bottom center repeat-x;
        }
.TableHead-thead--3gXav::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(images/table-head-shadow-c41af285e54a04899f897428b611f30b.png) top center repeat-x;
        }
.TableHead-tbody--2jEen {
        display: block;
    }
.TableHead-cellGroup--2gLU5 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.TableHead-spacer--3bn-y {
        flex: 0 0 52px;
    }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableRow-tr--3C31O {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableRow-tr--3C31O::before, .TableRow-tr--3C31O::after {
            position: absolute;
            right: 0;
            left: 0;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.TableRow-tr--3C31O::before {
            bottom: 0;
            z-index: 1;
            height: 40px;
            background: url(images/table-row-divider-4b6a97cbc93aebdf696877d4fa07aa12.png) repeat-x;
            pointer-events: none;
        }
.TableRow-tr--3C31O::after {
            top: 0;
            bottom: 1px;
            z-index: 2;
            visibility: hidden;
            box-shadow: inset 0 0 0 1px rgba(242, 242, 230, .02),
                        inset 0 0 7px rgba(242, 242, 230, .07);
            background: rgba(242, 242, 230, .05);
            opacity: 0;
            pointer-events: none;
        }
.TableRow-tr__isHoverable--2Z_vd::after {
            transition: opacity .16s;
        }
.TableRow-tr__isActive--2PTHA::after {
            visibility: visible;
            opacity: 1;
            transition: none;
        }
.TableRow-tr__isHoverable--2Z_vd:hover::after {
            visibility: visible;
            opacity: 1;
        }
.TableRow-tr__isClickable--3TU8X {
            cursor: pointer;
        }
.TableRow-trCondition--pyVpZ {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
.TableRow-trCondition__own--16SgT {
            right: 99px;
            left: 99px;
            background: url(images/table-row-own-ce8e9e30e1a231a13f4b085be83bb632.png) center top repeat-x;
        }
.TableRow-trCondition__own--16SgT::before, .TableRow-trCondition__own--16SgT::after {
                position: absolute;
                top: -1px;
                bottom: 0;
                width: 100px;
                height: 43px;
                content: '';
            }
.TableRow-trCondition__own--16SgT::before {
                left: -100px;
                background: url(images/table-row-own-left-bf37ec35ca06d50ae85eebcda233a032.png) center top no-repeat;
            }
.TableRow-trCondition__own--16SgT::after {
                right: -100px;
                background: url(images/table-row-own-right-19d007ee5b94ce654754266447383645.png) center top no-repeat;
            }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
.TableHeadCell-th--2U9Yp {
    position: relative;
    display: flex;
    flex: 1 0 0%;
    align-content: center;
    box-sizing: border-box;
    padding: 0 20px 0 22px;
    line-height: 18px;
}
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before, %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before, %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableHeadCell-th--2U9Yp {
        align-items: flex-end;
        padding-top: 5px;
        color: #595950;
    }
.TableHeadCell-th__arrow--2xHOI {
        flex: 0 0 29px;
        justify-content: center;
        padding: 0;
        text-align: center;
    }
.TableHeadCell-th__number--1tOLc {
        flex: 0 0 69px;
        justify-content: center;
        padding-right: 0;
        padding-left: 2px;
        text-align: center;
    }
.TableHeadCell-th__check--UPaHX {
        flex: 0 0 54px;
        justify-content: center;
        text-align: center;
    }
.TableHeadCell-th__role--3H4jV {
        flex: 0 0 64px;
        justify-content: center;
        text-align: center;
    }
.TableHeadCell-th__basis--1TthG {
        flex: 3 0 0%;
        justify-content: flex-start;
    }
.TableHeadCell-th__basisGutter---CG-d {
        flex: 2 0 0%;
        justify-content: flex-start;
        padding-left: 90px;
    }
/* Content alignment*/
.TableHeadCell-th__alignLeft--327_b {
        justify-content: flex-start;
        text-align: left;
    }
.TableHeadCell-th__alignCenter--1ap7r {
        justify-content: center;
        text-align: center;
    }
.TableHeadCell-th__alignRight--3jqQh {
        justify-content: flex-end;
        text-align: right;
    }
.TableHeadCell-th--2U9Yp::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 3px;
            height: 32px;
            background: url(images/table-head-cell-divider-f1829126ff8dc594fc9789b7d1d3b9e6.png) no-repeat;
            content: '';
        }
.TableHeadCell-th--2U9Yp:first-child::before {
            content: normal;
        }
.TableHeadCell-cellGroup--SYO_R:not(:first-child) .TableHeadCell-th--2U9Yp:first-child::before {
            content: '';
        }
.TableHeadCell-th__isSortable--2n6cj {
            cursor: pointer;
        }
.TableHeadCell-th__arrow--2xHOI + .TableHeadCell-th--2U9Yp::before {
                content: normal;
            }
.TableHeadCell-thCondition--TLAGG {
        position: absolute;
        bottom: 0;
        left: 0;
        box-sizing: initial;
        width: 100%;
        padding: 0 1px 0 0;
        visibility: hidden;
        opacity: 0;
        transition: all .16s;
    }
.TableHeadCell-thCondition--TLAGG::after, .TableHeadCell-thCondition--TLAGG::before {
            position: absolute;
            bottom: 0;
            width: 50%;
            height: 100%;
            background-repeat: no-repeat;
            content: '';
        }
.TableHeadCell-thCondition--TLAGG::before {
            left: 0;
            background-position: left bottom;
        }
.TableHeadCell-thCondition--TLAGG::after {
            right: 0;
            background-position: right bottom;
        }
.TableHeadCell-thCondition__hover--2_kD9 {
            height: 25px;
        }
.TableHeadCell-thCondition__hover--2_kD9::before {
                background-image: url(images/table-head-cell-hover-left-8fb2b8769c51eed599b4b97d441640be.png);
            }
.TableHeadCell-thCondition__hover--2_kD9::after {
                background-image: url(images/table-head-cell-hover-right-aefd609bdbf34a0306e3c439f6a7b470.png);
            }
.TableHeadCell-th--2U9Yp:hover .TableHeadCell-thCondition__hover--2_kD9 {
                visibility: visible;
                opacity: 1;
            }
.TableHeadCell-th--2U9Yp:active .TableHeadCell-thCondition__hover--2_kD9 {
                visibility: hidden;
                opacity: 0;
            }
.TableHeadCell-thCondition__active--ArCih {
            height: 29px;
        }
.TableHeadCell-thCondition__active--ArCih::before {
                background-image: url(images/table-head-cell-active-left-225371170804a9cf3d9ea51e7a0e57b4.png);
            }
.TableHeadCell-thCondition__active--ArCih::after {
                background-image: url(images/table-head-cell-active-right-87f827a89b297d58f6d31d38594259ec.png);
            }
.TableHeadCell-th--2U9Yp:hover .TableHeadCell-thCondition__active--ArCih {
                visibility: hidden;
                opacity: 0;
            }
.TableHeadCell-th--2U9Yp:active .TableHeadCell-thCondition__active--ArCih {
                visibility: visible;
                opacity: 1;
            }
.TableHeadCell-key--1OUjd {
        position: relative;
        display: inline-block;
        margin: 0 0 8px;
    }
.TableHeadCell-key--1OUjd::after {
            position: absolute;
            bottom: -24px;
            left: 50%;
            z-index: 35;
            width: 96px;
            height: 32px;
            margin: 0 0 0 -48px;
            visibility: hidden;
            background: url(images/table-head-cell-sort-down-ed0cb7b6e2ae4269d8e3e7aade2ded2c.png) no-repeat;
            opacity: 0;
            content: '';
            transition: opacity .16s;
            pointer-events: none;
        }
.TableHeadCell-th__desc--3ApFp .TableHeadCell-key--1OUjd, .TableHeadCell-th__asc--2miAR .TableHeadCell-key--1OUjd {
            color: #b2b2a1;
            text-shadow: 0 0 13px #b29b6b;
        }
.TableHeadCell-th__desc--3ApFp .TableHeadCell-key--1OUjd::after, .TableHeadCell-th__asc--2miAR .TableHeadCell-key--1OUjd::after {
                visibility: visible;
                opacity: 1;
            }
.TableHeadCell-th__asc--2miAR .TableHeadCell-key--1OUjd::after {
                background: url(images/table-head-cell-sort-up-c8d5b261d5e8a75522e025e86c41acfc.png) no-repeat;
            }
.TableHeadCell-th__isFirst--1WoSh::before {
        content: normal;
    }
@media (max-width: 1040px) {
.TableHeadCell-th__number--1tOLc.TableHeadCell-th--2U9Yp.TableHeadCell-th__isFluid--UQF-q {
                padding-right: 0;
                padding-left: 2px
        }
            }
@media (max-width: 1040px) {
.TableHeadCell-th__basisGutter---CG-d.TableHeadCell-th--2U9Yp.TableHeadCell-th__isFluid--UQF-q {
                padding-right: 10px;
                padding-left: 80px
        }
            }
@media (max-width: 1040px) {
.TableHeadCell-th__isFluid--UQF-q {
            padding-right: 10px;
            padding-left: 12px
    }
        }
/**/
/* UTILS*/
/**/
/* Media Queries mixins*/
/* Height specific cases*/
/* High-specifity resolutions cases*/
/* Common resolutions cases*/
/* List of Applied Fonts*/
/**/
/* https://confluence.wargaming.net/pages/viewpage.action?pageId=60888183#932232caf6e340f38b28a997c2714359*/
/**/
/* Only fonts specified in this table can be used in the client.*/
/* It is restricted to use other fonts,*/
/* unless their use is approved within a particular task*/
/* (there should be rational reasons for using non-standard fonts).*/
/* For super header of screens*/
/* For headers of screens, windows, different information and logic sections.*/
/**/
/* Table component*/
/**/
/* Common cells styles*/
/**/
/* Tooltip component. Use for general tooltip container markup*/
/**/
/* Tooltip contents styles */
%tooltip_ribbon::before,
    %tooltip_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
/**/
/* Popover component. Use for general popover container markup*/
/**/
/* stylelint-disable selector-no-qualifying-type, selector-pseudo-class-no-unknown */
/**/
/* Popover contents styles*/
/**/
%popover_ribbon::before,
    %popover_ribbon::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(images/tooltip-dots-pattern-x-17276a10f606d1531f7ab2065dfd3167.png);
        content: '';
        -webkit-mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
                mask-image: -webkit-gradient(
                        linear,
                        left top,
                        right top,
                        color-stop(0, rgba(0, 0, 0, 0)),
                        color-stop(.1, rgba(0, 0, 0, .1)),
                        color-stop(.25, rgba(0, 0, 0, .4)),
                        color-stop(.5, rgba(0, 0, 0, 1)),
                        color-stop(.75, rgba(0, 0, 0, .4)),
                        color-stop(.9, rgba(0, 0, 0, .1)),
                        color-stop(1, rgba(0, 0, 0, 0))
                    );
    }
.TableRowExpandable-trExpandable--27nF5 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        cursor: pointer;
    }
.TableRowExpandable-trExpandable--27nF5::before, .TableRowExpandable-trExpandable--27nF5::after {
            position: absolute;
            right: 0;
            left: 0;
            z-index: 1;
            content: '';
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.TableRowExpandable-trExpandable--27nF5::before {
            top: 0;
            bottom: 0;
            background: url(images/table-row-divider-expandable-top-2b7f488ac33281c6c3b1928dc8eb8c3b.png) center top repeat-x;
        }
.TableRowExpandable-trExpandable--27nF5::after {
            top: 0;
            bottom: 0;
            background: url(images/table-row-divider-expandable-bottom-f6ac9f5ec4edd44ced7493b55659ed9c.png) center bottom repeat-x;
        }
.TableRowExpandable-trExpandableCondition--2V8zD {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 2;
        transition: opacity .16s;
    }
.TableRowExpandable-trExpandableCondition__hover--OJBPk {
            right: 0;
            left: 0;
            z-index: 2;
            background: url(images/table-row-expandable-hover-9980afb8e0fcb87066ac87eabb1d2b9b.png) center top repeat-x;
            opacity: 0;
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.TableRowExpandable-trExpandable--27nF5:not(.TableRowExpandable-trExpandable__isActive--1kWuh):hover .TableRowExpandable-trExpandableCondition__hover--OJBPk {
                opacity: 1;
            }
.TableRowExpandable-trExpandableCondition__active--32Sla {
            right: 0;
            left: 0;
            z-index: 1;
            background: url(images/table-row-expandable-active-7f718f5fe2200b55942c330782eb0841.png) center top repeat-x;
            opacity: 0;
            -webkit-mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
                    mask-image: -webkit-gradient(
                            linear,
                            left top,
                            right top,
                            color-stop(0, rgba(0, 0, 0, .05)),
                            color-stop(.1, rgba(0, 0, 0, 1)),
                            color-stop(.9, rgba(0, 0, 0, 1)),
                            color-stop(1, rgba(0, 0, 0, .05))
                        );
        }
.TableRowExpandable-trExpandableCondition__active--32Sla::before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 70px;
                width: 79px;
                background: url(images/table-row-expandable-sparks-cb5be09c9b6aeeea7eaa3b212d2d5131.png) center top repeat-x;
                content: '';
            }
.TableRowExpandable-trExpandable__isActive--1kWuh .TableRowExpandable-trExpandableCondition__active--32Sla {
                opacity: 1;
            }
.TableRowExpandable-trExpandableCondition__own--2mZuK {
            right: 99px;
            left: 99px;
            z-index: 1;
            background: url(images/table-row-expandable-own-ce8e9e30e1a231a13f4b085be83bb632.png) center top repeat-x;
        }
.TableRowExpandable-trExpandableCondition__own--2mZuK::before, .TableRowExpandable-trExpandableCondition__own--2mZuK::after {
                position: absolute;
                top: -1px;
                bottom: 0;
                width: 100px;
                height: 43px;
                content: '';
            }
.TableRowExpandable-trExpandableCondition__own--2mZuK::before {
                left: -100px;
                background: url(images/table-row-expandable-own-left-bf37ec35ca06d50ae85eebcda233a032.png) center top no-repeat;
            }
.TableRowExpandable-trExpandableCondition__own--2mZuK::after {
                right: -100px;
                background: url(images/table-row-expandable-own-right-19d007ee5b94ce654754266447383645.png) center top no-repeat;
            }
.TableRowExpandable-trArrow--24yvN {
        position: absolute;
        top: 50%;
        left: 9px;
        z-index: 23;
        width: 21px;
        height: 26px;
        margin: -13px 0 0 0;
    }
.TableRowExpandable-trArrow--24yvN::before, .TableRowExpandable-trArrow--24yvN::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: url(images/table-row-expandable-arrow-e0000f1b3ad576fb78f92d233c353f58.png);
            background-repeat: no-repeat;
            content: '';
            transition: opacity .16s;
        }
.TableRowExpandable-trArrow--24yvN::before {
            background-position: 0 0;
        }
.TableRowExpandable-trArrow--24yvN::after {
            background-position: 0 -26px;
            opacity: 0;
        }
.TableRowExpandable-trExpandable--27nF5:hover .TableRowExpandable-trArrow--24yvN::after {
                opacity: 1;
            }
.TableRowExpandable-trExpandable__isActive--1kWuh .TableRowExpandable-trArrow--24yvN::before {
                background-position: 0 -52px;
            }
.TableRowExpandable-trExpandable__isActive--1kWuh .TableRowExpandable-trArrow--24yvN::after {
                content: normal;
            }
.TableRowExpandable-trExpansion--1T1QF {
        position: relative;
        overflow: hidden;
    }
.TableRowExpandable-trExpansionInner--YHMWf {
        padding: 20px 0 0;
    }
.TableRowExpandable-trExpansionCondition--2f93t {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        -webkit-mask-image: linear-gradient(
                        to right,
                        transparent,
                        #000 10%,
                        #000 90%,
                        transparent
                    );
                mask-image: linear-gradient(
                        to right,
                        transparent,
                        #000 10%,
                        #000 90%,
                        transparent
                    );
    }
.TableRowExpandable-trExpansionCondition--2f93t::before, .TableRowExpandable-trExpansionCondition--2f93t::after {
            position: absolute;
            right: 0;
            left: 0;
            height: 72px;
            content: '';
        }
.TableRowExpandable-trExpansionCondition--2f93t::before {
            top: 0;
            background: url(images/table-expand-shadow-top-25286926280a872969f36a7115611c10.png) center top repeat-x;
        }
.TableRowExpandable-trExpansionCondition--2f93t::after {
            bottom: 0;
            background: url(images/table-expand-shadow-bottom-7b2481c464679137efca36c70939afcd.png) center top repeat-x;
        }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzdHlsZS01MjliZmMwYzI1NjU0YjEwNDk1Mi5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/