@font-face{font-family:'Roboto Condensed';font-weight:700;font-style:normal;src:local("Roboto Condensed Bold"),local("RobotoCondensed-Bold"),url(/static/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(/static/fonts/RobotoCondensed-Regular.ttf) format("truetype")}*{box-sizing:border-box}html{height:100%}body{height:100%;margin:0;overflow:hidden;background-color:#12140a;color:#8c8c7c;font-family:"Roboto Condensed",sans-serif;font-size:14px;cursor:default;user-select:none}button:active,button:focus,button{outline:none}table{border-spacing:0;border-collapse:collapse}input[type='range']{color:#290e0a}button,input[type='button']{font-family:"Roboto Condensed",sans-serif}.style_content--16fUE{box-sizing:border-box;width:100%;min-width:980px;height:100%;transition:padding 1s}
@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(/static/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(/static/fonts/RobotoCondensed-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'DIN Round Pro';
    font-weight: 700;
    font-style: normal;
    src: url(/static/fonts/DINRoundPro-Bold.otf) format('opentype');
}

* { /* 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;
}
.Back_base--3MGT1 {
    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--2n-MH {
        padding-left: 32px;
    }

    .Back_base__right--1aLT0 {
        padding-right: 32px;
    }

    /* Overriding paddings and margins for specific buttons */

    .Back_base__back--3ZnRA {
        margin-left: -12px;
        padding-left: 26px;
    }

    .Back_base__close--2uwL3 {
        margin-right: -9px;
    }

    .Back_base--3MGT1::after {
        position: absolute;
        top: -4px;
        z-index: 0;
        width: 40px;
        height: 40px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-shine.f818f6ce.png) no-repeat;
        opacity: 0;
        content: '';
        transition: opacity .16s;
    }

    .Back_base__left--2n-MH::after {
        left: -4px;
        width: 90px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-shine-to-left.503ab52a.png) no-repeat;
    }

    .Back_base__right--1aLT0::after {
        right: -4px;
        width: 90px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-shine-to-right.efd3c166.png) no-repeat;
    }

    .Back_base--3MGT1:hover::after {
        opacity: 1;
    }

    .Back_base--3MGT1:active::after {
        opacity: 0;
    }

    .Back_icon--16yN2 {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 5;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
}

    .Back_base__back--3ZnRA .Back_icon--16yN2 {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-back.719dda72.png);
        }

    .Back_base__back--3ZnRA .Back_icon--16yN2::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-back-hover.04fd723e.png);
        }

    .Back_base__info--3Ag1S .Back_icon--16yN2 {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-info.7e69f346.png);
        }

    .Back_base__info--3Ag1S .Back_icon--16yN2::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-info-hover.a0dee0d1.png);
        }

    .Back_base__close--2uwL3 .Back_icon--16yN2 {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-close.92971416.png);
        }

    .Back_base__close--2uwL3 .Back_icon--16yN2::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-close-hover.b9d1585b.png);
        }

    .Back_base__forward--3En8C .Back_icon--16yN2 {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-forward.ea62f7c8.png);
        }

    .Back_base__forward--3En8C .Back_icon--16yN2::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Back/images/back-forward-hover.2c2f7371.png);
        }

    .Back_base__right--1aLT0 .Back_icon--16yN2 {
        right: 0;
        left: auto;
    }

    .Back_icon--16yN2::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--3MGT1:hover .Back_icon--16yN2::after {
        opacity: 1;
    }

    .Back_base--3MGT1:active .Back_icon--16yN2::after {
        opacity: 0;
    }

    .Back_caption--3VnhR {
    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--1qOp1 .Back_caption--3VnhR {
        text-shadow: none;
    }

    .Back_base--3MGT1:hover .Back_caption--3VnhR {
        color: #fffa9f;
    }

    .Back_base--3MGT1:active .Back_caption--3VnhR {
        color: #fd9;
    }

    .Back_goto--2j0ed {
    margin: 0 0 0 8px;
    color: #7c7c6c;
    text-transform: uppercase;
}
.Bons_base--C6KPP {
    position: relative;
    display: inline-block;
    color: #c9c9b6;
}

    .Bons_base__isNotEnough--2CKvP {
        color: #ff2717;
    }

    .Bons_base__size-small--1K_FN {
        line-height: 18px;
    }

    .Bons_base__size-large--5vOdT {
        line-height: 28px;
    }

    .Bons_base__isDisabled--2s_wQ {
        color: #8c8c7e;
        text-decoration: line-through;
    }

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

    .Bons_base__size-small--1K_FN::before, .Bons_base__size-small--1K_FN::after {
        width: 16px;
        height: 16px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Bons/images/bons-small.af92e718.png);
    }

    .Bons_base__size-large--5vOdT::before, .Bons_base__size-large--5vOdT::after {
        width: 24px;
        height: 24px;
        margin-top: 2px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Bons/images/bons-large.6cfcbda4.png);
    }

    .Bons_base__before--3HGAM::before {
        content: '';
    }

    .Bons_base__after--1UbEE::after {
        content: '';
    }
@keyframes Button_pending-spin--3HB6M {
    0% {
        transform: rotate(0deg);
    }

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

.Button_base--3K5jr {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-bg.519d1247.png);
    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-repeat: repeat-x;
    line-height: 1;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
}

.Button_base__large--3aFcM.Button_base--3K5jr {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-bg.c76cc638.png);
        }

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

.Button_base--3K5jr::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-bg-left.b96cb06a.png);
        left: 0;
        z-index: 5;
        background-position: left;
    }

.Button_base__large--3aFcM.Button_base--3K5jr::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-bg-left.66e88f23.png);
        }

.Button_base--3K5jr::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-bg-right.5417dabc.png);
        right: 0;
        z-index: 5;
        background-position: right;
    }

.Button_base__large--3aFcM.Button_base--3K5jr::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-bg-right.f215c7ba.png);
        }

.Button_base--3K5jr.Button_isIcon--3neHy {
        min-width: auto;
        padding: 0 2px;
    }

.Button_base__primary--2UqcB {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-bg.01fcfa63.png);
    }

.Button_base__large--3aFcM.Button_base__primary--2UqcB {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-bg.fb339dc5.png);
        }

.Button_base__primary--2UqcB::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-bg-left.ceee0188.png);
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-bg-left.82ee61c6.png);
        }

.Button_base__primary--2UqcB::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-bg-right.2574deef.png);
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-bg-right.38491ebc.png);
        }

.Button_base__secondary--GQ3br {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-bg.1386d36b.png);
    }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-bg.8c567af6.png);
        }

.Button_base__secondary--GQ3br::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-bg-left.c075f001.png);
        }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-bg-left.d6d5cebd.png);
        }

.Button_base__secondary--GQ3br::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-bg-right.954f5fd8.png);
        }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-bg-right.ab3be402.png);
        }

.Button_base__large--3aFcM {
        height: 48px;
        padding-right: 25px;
        padding-left: 25px;
    }

.Button_base--3K5jr.Button_isDisabled--3B1kh {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-bg.519d1247.png);
        cursor: default;
    }

.Button_base__large--3aFcM.Button_base--3K5jr.Button_isDisabled--3B1kh {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-bg.c76cc638.png);
        }

.Button_base--3K5jr.Button_isDisabled--3B1kh::before {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat right,
                        url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-bg-left.b96cb06a.png) no-repeat left;
        }

.Button_base__large--3aFcM.Button_base--3K5jr.Button_isDisabled--3B1kh::before {
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat right / auto 100%,
                        url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-bg-left.66e88f23.png) no-repeat left;
            }

.Button_base--3K5jr.Button_isDisabled--3B1kh::after {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat left,
                        url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-bg-right.5417dabc.png) no-repeat right;
        }

.Button_base__large--3aFcM.Button_base--3K5jr.Button_isDisabled--3B1kh::after {
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat left / auto 100%,
                            url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-bg-right.f215c7ba.png) no-repeat right;
            }

.Button_base__primary--2UqcB.Button_isDisabled--3B1kh {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-bg.01fcfa63.png);
        cursor: default;
    }

.Button_base__large--3aFcM.Button_base__primary--2UqcB.Button_isDisabled--3B1kh {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-bg.fb339dc5.png);
        }

.Button_base__primary--2UqcB.Button_isDisabled--3B1kh::before {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat right,
                        url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-bg-left.ceee0188.png) no-repeat left;
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB.Button_isDisabled--3B1kh::before {
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat right / auto 100%,
                            url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-bg-left.82ee61c6.png) no-repeat left;
            }

.Button_base__primary--2UqcB.Button_isDisabled--3B1kh::after {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat left,
                        url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-bg-right.2574deef.png) no-repeat right;
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB.Button_isDisabled--3B1kh::after {
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-disabled-pattern.489bad11.png) repeat left / auto 100%,
                            url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-bg-right.38491ebc.png) no-repeat right;
            }

.Button_base--3K5jr.Button_isPending--QKbRk {
        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--3K5jr.Button_isPending--QKbRk::after {
            content: normal;
        }

.Button_base--3K5jr.Button_isPending--QKbRk::before {
            top: 50%;
            left: 14px;
            width: 14px;
            height: 14px;
            margin: -7px 0 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-pending-spinner.0ac30d14.png) no-repeat center;
            animation: Button_pending-spin--3HB6M 1.2s linear infinite;
        }

.Button_base__large--3aFcM.Button_base--3K5jr.Button_isPending--QKbRk::before {
                left: 19px;
            }

.Button_base--3K5jr.Button_isJustified--16rO0 {
        display: block;
        width: 100%;
    }

.Button_condition--2wi3w {
    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--2wi3w::before, .Button_condition--2wi3w::after {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.Button_condition--2wi3w::before {
        left: 0;
        background-position: left;
    }

.Button_condition--2wi3w::after {
        right: 0;
        background-position: right;
    }

.Button_condition__hover--3A3Zc {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-hover-bg.478276f2.png);
        z-index: 10;
    }

.Button_base__large--3aFcM .Button_condition__hover--3A3Zc {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-hover-bg.0aea557c.png);
        }

.Button_condition__hover--3A3Zc::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-hover-bg-right.5314fe3d.png);
        }

.Button_base__large--3aFcM .Button_condition__hover--3A3Zc::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-hover-bg-right.605a5dc7.png);
        }

.Button_condition__hover--3A3Zc::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-hover-bg-left.26002c98.png);
        }

.Button_base__large--3aFcM .Button_condition__hover--3A3Zc::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-hover-bg-left.eb35d8e5.png);
        }

.Button_condition__active--2Ce_c {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-active-bg.3b972020.png);
        z-index: 15;
    }

.Button_base__large--3aFcM .Button_condition__active--2Ce_c {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-active-bg.7d9981e3.png);
        }

.Button_condition__active--2Ce_c::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-active-bg-right.eb8ab708.png);
        }

.Button_base__large--3aFcM .Button_condition__active--2Ce_c::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-active-bg-right.4952223d.png);
        }

.Button_condition__active--2Ce_c::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-default-active-bg-left.c5a8c277.png);
        }

.Button_base__large--3aFcM .Button_condition__active--2Ce_c::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-default-active-bg-left.f43f390a.png);
        }

.Button_condition__focus--uVpQy {
        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--uVpQy::before, .Button_condition__focus--uVpQy::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--uVpQy::before {
            top: -1px;
        }

.Button_condition__focus--uVpQy::after {
            top: auto;
            bottom: -1px;
        }

.Button_base__primary--2UqcB .Button_condition__hover--3A3Zc {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-hover-bg.ee50f5ae.png);
    }

.Button_base__large--3aFcM.Button_base__primary--2UqcB .Button_condition__hover--3A3Zc {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-hover-bg.7b2cc6a2.png);
        }

.Button_base__primary--2UqcB .Button_condition__hover--3A3Zc::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-hover-bg-right.2e4e2a90.png);
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB .Button_condition__hover--3A3Zc::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-hover-bg-right.360aa78b.png);
        }

.Button_base__primary--2UqcB .Button_condition__hover--3A3Zc::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-hover-bg-left.4b9701f1.png);
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB .Button_condition__hover--3A3Zc::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-hover-bg-left.02e70353.png);
        }

.Button_base__primary--2UqcB .Button_condition__active--2Ce_c {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-active-bg.49533bae.png);
    }

.Button_base__large--3aFcM.Button_base__primary--2UqcB .Button_condition__active--2Ce_c {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-active-bg.23abb469.png);
        }

.Button_base__primary--2UqcB .Button_condition__active--2Ce_c::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-active-bg-right.3de538cf.png);
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB .Button_condition__active--2Ce_c::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-active-bg-right.4007dd36.png);
        }

.Button_base__primary--2UqcB .Button_condition__active--2Ce_c::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-primary-active-bg-left.eef7c14e.png);
        }

.Button_base__large--3aFcM.Button_base__primary--2UqcB .Button_condition__active--2Ce_c::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-primary-active-bg-left.5567c654.png);
        }

.Button_base__secondary--GQ3br .Button_condition__hover--3A3Zc {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-hover-bg.c92a5017.png);
    }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br .Button_condition__hover--3A3Zc {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-hover-bg.e7152e1a.png);
        }

.Button_base__secondary--GQ3br .Button_condition__hover--3A3Zc::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-hover-bg-right.6a72e7a4.png);
        }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br .Button_condition__hover--3A3Zc::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-hover-bg-right.da173866.png);
        }

.Button_base__secondary--GQ3br .Button_condition__hover--3A3Zc::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-hover-bg-left.da58e4ad.png);
        }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br .Button_condition__hover--3A3Zc::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-hover-bg-left.790e95aa.png);
        }

.Button_base__secondary--GQ3br .Button_condition__active--2Ce_c {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-active-bg.95bc37fd.png);
    }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br .Button_condition__active--2Ce_c {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-active-bg.02cb52c0.png);
        }

.Button_base__secondary--GQ3br .Button_condition__active--2Ce_c::after {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-active-bg-right.647a7241.png);
        }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br .Button_condition__active--2Ce_c::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-active-bg-right.2219de3e.png);
        }

.Button_base__secondary--GQ3br .Button_condition__active--2Ce_c::before {
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-secondary-active-bg-left.3bcee5d2.png);
        }

.Button_base__large--3aFcM.Button_base__secondary--GQ3br .Button_condition__active--2Ce_c::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/large-button-secondary-active-bg-left.4e458cb1.png);
        }

.Button_base--3K5jr:hover .Button_condition__hover--3A3Zc, .Button_base--3K5jr:active .Button_condition__active--2Ce_c, .Button_base--3K5jr:focus .Button_condition__focus--uVpQy {
        visibility: visible;
        opacity: 1;
    }

.Button_base--3K5jr:active .Button_condition__hover--3A3Zc {
        visibility: hidden;
        opacity: 0;
    }

.Button_base--3K5jr.Button_isPending--QKbRk:hover .Button_condition__hover--3A3Zc, .Button_base--3K5jr.Button_isPending--QKbRk:active .Button_condition__active--2Ce_c, .Button_base--3K5jr.Button_isPending--QKbRk:focus .Button_condition__focus--uVpQy, .Button_base--3K5jr.Button_isDisabled--3B1kh:hover .Button_condition__hover--3A3Zc, .Button_base--3K5jr.Button_isDisabled--3B1kh:active .Button_condition__active--2Ce_c, .Button_base--3K5jr.Button_isDisabled--3B1kh:focus .Button_condition__focus--uVpQy {
        visibility: hidden;
        opacity: 0;
    }

.Button_caption--1AAQ1 {
    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--3K5jr:hover .Button_caption--1AAQ1 {
        color: #fefeed;
    }

.Button_base--3K5jr:active .Button_caption--1AAQ1 {
        color: #dbdbd0;
    }

.Button_base--3K5jr.Button_isIcon--3neHy:active .Button_caption--1AAQ1 {
        opacity: .6;
    }

.Button_base__secondary--GQ3br .Button_caption--1AAQ1 {
        color: rgba(242, 242, 230, .6);
    }

.Button_base__secondary--GQ3br:hover .Button_caption--1AAQ1 {
        color: #f2f2e6;
    }

.Button_base__secondary--GQ3br:active .Button_caption--1AAQ1 {
        color: rgba(242, 242, 230, .6);
    }

.Button_base--3K5jr.Button_isDisabled--3B1kh .Button_caption--1AAQ1, .Button_base--3K5jr.Button_isDisabled--3B1kh:hover .Button_caption--1AAQ1 {
        color: #808080;
    }

.Button_base--3K5jr.Button_isDisabled--3B1kh:active .Button_caption--1AAQ1 {
        opacity: 1;
    }

.Button_base--3K5jr.Button_isPending--QKbRk .Button_caption--1AAQ1 {
        margin-left: 26px;
        color: #bababa;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    }

.Button_base__primary--2UqcB .Button_caption--1AAQ1 {
        text-shadow: 0 -1px 1px #600;
    }

.Button_base__large--3aFcM .Button_caption--1AAQ1 {
        font-size: 16px;
    }

.Button_shadow--2pwZC {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 4px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Button/images/button-shadow.9781fccd.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--QKbRk .Button_shadow--2pwZC {
        display: none;
    }
@keyframes ButtonSmall_pending-spin--3emaf {
    0% {
        transform: rotate(0deg);
    }

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

.ButtonSmall_base--1lg3O {
    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--1lg3O::before, .ButtonSmall_base--1lg3O::after {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.ButtonSmall_base--1lg3O::before {
        left: 0;
        z-index: 5;
        background-position: left;
    }

.ButtonSmall_base--1lg3O::after {
        right: 0;
        z-index: 5;
        background-position: right;
    }

.ButtonSmall_base__default--vDMYa, .ButtonSmall_base__mini--syopT {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .6);
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-bg.5bad9755.png);
    }

.ButtonSmall_base__default--vDMYa::before, .ButtonSmall_base__mini--syopT::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-bg-left.e3ebaa05.png);
        }

.ButtonSmall_base__default--vDMYa::after, .ButtonSmall_base__mini--syopT::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-bg-right.c2100d0f.png);
        }

.ButtonSmall_base__secondary--3VKId, .ButtonSmall_base__miniSecondary--1aVGv {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .8);
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-bg.9c2f08e2.png);
    }

.ButtonSmall_base__secondary--3VKId::before, .ButtonSmall_base__miniSecondary--1aVGv::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-bg-left.287cbd94.png);
        }

.ButtonSmall_base__secondary--3VKId::after, .ButtonSmall_base__miniSecondary--1aVGv::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-bg-right.060c5427.png);
        }

.ButtonSmall_base__mini--syopT {
        min-width: auto;
        padding: 0 6px;
    }

.ButtonSmall_base__miniSecondary--1aVGv {
        min-width: auto;
        padding: 0;
    }

.ButtonSmall_base__primary--1OO0t {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-bg.9231ebb9.png);
    }

.ButtonSmall_base__primary--1OO0t::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-bg-left.ceb94367.png);
        }

.ButtonSmall_base__primary--1OO0t::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-bg-right.337531d1.png);
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89 {
        box-shadow: 0 0 0 1px #000;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-disabled-bg.f9917af5.png);
        cursor: default;
    }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89::before {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-disabled-bg-left.577e50eb.png) no-repeat left;
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89::after {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-disabled-bg-right.c63b2f12.png) no-repeat right;
        }

.ButtonSmall_base__primary--1OO0t.ButtonSmall_isDisabled--3CG89 {
        cursor: default;
    }

.ButtonSmall_base__primary--1OO0t.ButtonSmall_isDisabled--3CG89::before {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-disabled-pattern.1719cddb.png) repeat right,
                        url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-bg-left.ceb94367.png) no-repeat left;
        }

.ButtonSmall_base__primary--1OO0t.ButtonSmall_isDisabled--3CG89::after {
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-disabled-pattern.1719cddb.png) repeat left,
                        url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-bg-right.337531d1.png) no-repeat right;
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isPending--3LzNh {
        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--1lg3O.ButtonSmall_isPending--3LzNh::after {
            content: normal;
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isPending--3LzNh::before {
            top: 50%;
            left: 14px;
            width: 14px;
            height: 14px;
            margin: -7px 0 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-pending-spinner.0ac30d14.png) no-repeat center;
            animation: ButtonSmall_pending-spin--3emaf 1.2s linear infinite;
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isJustified--1HnGl {
        display: block;
        width: 100%;
    }

.ButtonSmall_condition--2XTi- {
    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--2XTi-::after, .ButtonSmall_condition--2XTi-::before {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.ButtonSmall_condition--2XTi-::before {
        left: 0;
        background-position: left;
    }

.ButtonSmall_condition--2XTi-::after {
        right: 0;
        background-position: right;
    }

.ButtonSmall_condition__hover--17F3T {
        z-index: 10;
    }

.ButtonSmall_condition__active--2UdpC {
        z-index: 15;
    }

.ButtonSmall_condition__focus--1mkWk {
        z-index: 20;
    }

.ButtonSmall_condition__disabled--2AbI2 {
        z-index: 25;
    }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_condition__disabled--2AbI2 {
        display: none;
    }

.ButtonSmall_base--1lg3O:hover .ButtonSmall_condition__hover--17F3T, .ButtonSmall_base--1lg3O:active .ButtonSmall_condition__active--2UdpC, .ButtonSmall_base--1lg3O:focus .ButtonSmall_condition__focus--1mkWk {
        visibility: visible;
        opacity: 1;
    }

.ButtonSmall_base--1lg3O:active .ButtonSmall_condition__hover--17F3T {
        visibility: hidden;
        opacity: 0;
    }

.ButtonSmall_base__mini--syopT .ButtonSmall_condition__hover--17F3T {
        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--vDMYa .ButtonSmall_condition__hover--17F3T, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__hover--17F3T {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-hover-bg.ca84094c.png);
    }

.ButtonSmall_base__default--vDMYa .ButtonSmall_condition__hover--17F3T::after, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__hover--17F3T::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-hover-bg-right.3dfa3a31.png);
        }

.ButtonSmall_base__default--vDMYa .ButtonSmall_condition__hover--17F3T::before, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__hover--17F3T::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-hover-bg-left.9aaaba0a.png);
        }

.ButtonSmall_base__default--vDMYa .ButtonSmall_condition__active--2UdpC, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__active--2UdpC {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-active-bg.3d757993.png);
    }

.ButtonSmall_base__default--vDMYa .ButtonSmall_condition__active--2UdpC::after, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__active--2UdpC::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-active-bg-right.b2cd45be.png);
        }

.ButtonSmall_base__default--vDMYa .ButtonSmall_condition__active--2UdpC::before, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__active--2UdpC::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-default-active-bg-left.a5ef0199.png);
        }

.ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__hover--17F3T, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__hover--17F3T {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-hover-bg.a25c0856.png);
    }

.ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__hover--17F3T::after, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__hover--17F3T::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-hover-bg-right.9ed5f161.png);
        }

.ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__hover--17F3T::before, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__hover--17F3T::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-hover-bg-left.1e3c00cf.png);
        }

.ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__active--2UdpC, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__active--2UdpC {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-active-bg.0f5acd54.png);
    }

.ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__active--2UdpC::after, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__active--2UdpC::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-active-bg-right.5ff51943.png);
        }

.ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__active--2UdpC::before, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__active--2UdpC::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-secondary-active-bg-left.dcbd6329.png);
        }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_condition__hover--17F3T {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-hover-bg.dff7d11a.png);
    }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_condition__hover--17F3T::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-hover-bg-right.281aceba.png);
        }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_condition__hover--17F3T::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-hover-bg-left.d0a6610a.png);
        }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_condition__active--2UdpC {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-active-bg.85b013e2.png);
    }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_condition__active--2UdpC::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-active-bg-right.98e84135.png);
        }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_condition__active--2UdpC::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-primary-active-bg-left.78ef3e87.png);
        }

.ButtonSmall_base__default--vDMYa .ButtonSmall_condition__focus--1mkWk, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__focus--1mkWk, .ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__focus--1mkWk, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__focus--1mkWk {
        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--vDMYa .ButtonSmall_condition__focus--1mkWk::before, .ButtonSmall_base__default--vDMYa .ButtonSmall_condition__focus--1mkWk::after, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__focus--1mkWk::before, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__focus--1mkWk::after, .ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__focus--1mkWk::before, .ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__focus--1mkWk::after, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__focus--1mkWk::before, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__focus--1mkWk::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--vDMYa .ButtonSmall_condition__focus--1mkWk::before, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__focus--1mkWk::before, .ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__focus--1mkWk::before, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__focus--1mkWk::before {
            top: -1px;
        }

.ButtonSmall_base__default--vDMYa .ButtonSmall_condition__focus--1mkWk::after, .ButtonSmall_base__mini--syopT .ButtonSmall_condition__focus--1mkWk::after, .ButtonSmall_base__secondary--3VKId .ButtonSmall_condition__focus--1mkWk::after, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_condition__focus--1mkWk::after {
            top: auto;
            bottom: -1px;
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isPending--3LzNh:hover .ButtonSmall_condition__hover--17F3T, .ButtonSmall_base--1lg3O.ButtonSmall_isPending--3LzNh:active .ButtonSmall_condition__active--2UdpC, .ButtonSmall_base--1lg3O.ButtonSmall_isPending--3LzNh:focus .ButtonSmall_condition__focus--1mkWk, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:hover .ButtonSmall_condition__hover--17F3T, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:active .ButtonSmall_condition__active--2UdpC, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:focus .ButtonSmall_condition__focus--1mkWk {
        visibility: hidden;
        opacity: 0;
    }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89 .ButtonSmall_condition__disabled--2AbI2, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:hover .ButtonSmall_condition__disabled--2AbI2, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:active .ButtonSmall_condition__disabled--2AbI2 {
        visibility: visible;
        border-radius: 2px 2px 0 0;
        background: none;
        opacity: 1;
    }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89 .ButtonSmall_condition__disabled--2AbI2::before, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89 .ButtonSmall_condition__disabled--2AbI2::after, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:hover .ButtonSmall_condition__disabled--2AbI2::before, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:hover .ButtonSmall_condition__disabled--2AbI2::after, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:active .ButtonSmall_condition__disabled--2AbI2::before, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:active .ButtonSmall_condition__disabled--2AbI2::after {
            top: 1px;
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonSmall/images/button-small-disabled-pattern.1719cddb.png);
            background-repeat: repeat-x;
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89 .ButtonSmall_condition__disabled--2AbI2::before, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:hover .ButtonSmall_condition__disabled--2AbI2::before, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:active .ButtonSmall_condition__disabled--2AbI2::before {
            right: 50%;
            left: 1px;
            width: auto;
            border-radius: 1px 0 0;
        }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89 .ButtonSmall_condition__disabled--2AbI2::after, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:hover .ButtonSmall_condition__disabled--2AbI2::after, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:active .ButtonSmall_condition__disabled--2AbI2::after {
            right: 1px;
            left: 50%;
            width: auto;
            border-radius: 0 1px 0 0;
        }

.ButtonSmall_caption--1-n5P {
    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--1lg3O:hover .ButtonSmall_caption--1-n5P {
        color: #fefeec;
    }

.ButtonSmall_base--1lg3O:active .ButtonSmall_caption--1-n5P {
        color: #dbdbd0;
    }

.ButtonSmall_base__secondary--3VKId .ButtonSmall_caption--1-n5P, .ButtonSmall_base__miniSecondary--1aVGv .ButtonSmall_caption--1-n5P {
        color: rgba(242, 242, 230, .6);
    }

.ButtonSmall_base__secondary--3VKId:hover .ButtonSmall_caption--1-n5P, .ButtonSmall_base__miniSecondary--1aVGv:hover .ButtonSmall_caption--1-n5P {
        color: #d8d8ca;
    }

.ButtonSmall_base__secondary--3VKId:active .ButtonSmall_caption--1-n5P, .ButtonSmall_base__miniSecondary--1aVGv:active .ButtonSmall_caption--1-n5P {
        color: rgba(242, 242, 230, .6);
    }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89 .ButtonSmall_caption--1-n5P, .ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:hover .ButtonSmall_caption--1-n5P {
        color: #808080;
    }

.ButtonSmall_base--1lg3O.ButtonSmall_isDisabled--3CG89:active .ButtonSmall_caption--1-n5P {
        opacity: 1;
    }

.ButtonSmall_base--1lg3O.ButtonSmall_isPending--3LzNh .ButtonSmall_caption--1-n5P {
        margin-left: 26px;
        color: #bababa;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, .6);
    }

.ButtonSmall_base__primary--1OO0t .ButtonSmall_caption--1-n5P {
        text-shadow: 0 -1px 1px #600;
    }
.ButtonInbox_base--1E8K7 {
    display: inline-block;
    vertical-align: top;
}

    .ButtonInbox_base__new-message--2lOdK {
        position: relative;
    }

    .ButtonInbox_icon--11djI {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 22px;
    height: 20px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonInbox/images/button-inbox.f9965ea5.png);
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
}

    .ButtonInbox_base__new-message--2lOdK .ButtonInbox_icon--11djI {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonInbox/images/button-inbox-new-message.e7be4ed2.png);
    }

    .ButtonInbox_messages--PpdVz {
    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;
}
.ButtonGroup_group--157Ef {
    position: relative;
    box-sizing: border-box;
}

.ButtonGroup_button--1achI {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}

.ButtonGroup_button--1achI:last-child {
        margin-right: 0;
    }

.ButtonGroup_button__smallIndent--2DAzS {
        margin-right: 5px;
    }

.ButtonGroup_button__largeIndent--2eSBI {
        margin-right: 10px;
    }
.ButtonToggleSmall_base--3z4Nk {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-bg.9c2f08e2.png);
    cursor: pointer;
}

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

    .ButtonToggleSmall_base--3z4Nk::before {
        left: 0;
        z-index: 5;
        border-radius: 1px 0 0 1px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-bg-left.287cbd94.png);
        background-position: left;
    }

    .ButtonToggleSmall_base--3z4Nk::after {
        right: 0;
        z-index: 5;
        border-radius: 0 1px 1px 0;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-bg-right.060c5427.png);
        background-position: right;
    }

    .ButtonToggleSmall_condition--1Z05c {
    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--1Z05c::after, .ButtonToggleSmall_condition--1Z05c::before {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

    .ButtonToggleSmall_condition--1Z05c::before {
        left: 0;
        background-position: left;
    }

    .ButtonToggleSmall_condition--1Z05c::after {
        right: 0;
        background-position: right;
    }

    .ButtonToggleSmall_condition__hover--2qx_4 {
        z-index: 10;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-hover-bg.a25c0856.png);
    }

    .ButtonToggleSmall_condition__hover--2qx_4::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-hover-bg-right.9ed5f161.png);
        }

    .ButtonToggleSmall_condition__hover--2qx_4::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-hover-bg-left.1e3c00cf.png);
        }

    .ButtonToggleSmall_condition__active--8NWPv {
        z-index: 15;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-active-bg.0f5acd54.png);
    }

    .ButtonToggleSmall_condition__active--8NWPv::after {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-active-bg-right.5ff51943.png);
        }

    .ButtonToggleSmall_condition__active--8NWPv::before {
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-active-bg-left.dcbd6329.png);
        }

    .ButtonToggleSmall_condition__focus--2WVLy {
        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--2WVLy::before, .ButtonToggleSmall_condition__focus--2WVLy::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--2WVLy::before {
            top: -1px;
        }

    .ButtonToggleSmall_condition__focus--2WVLy::after {
            top: auto;
            bottom: -1px;
        }

    .ButtonToggleSmall_condition__disabled--3h-ym {
        z-index: 20;
        transition: none;
    }

    .ButtonToggleSmall_base--3z4Nk:hover .ButtonToggleSmall_condition__hover--2qx_4, .ButtonToggleSmall_base--3z4Nk:active .ButtonToggleSmall_condition__active--8NWPv, .ButtonToggleSmall_base--3z4Nk:focus .ButtonToggleSmall_condition__focus--2WVLy {
        visibility: visible;
        opacity: 1;
    }

    .ButtonToggleSmall_base--3z4Nk:active .ButtonToggleSmall_condition__hover--2qx_4, .ButtonToggleSmall_base__disabled--3Rh0U:active .ButtonToggleSmall_condition__active--8NWPv {
        visibility: hidden;
        opacity: 0;
    }

    .ButtonToggleSmall_base__disabled--3Rh0U .ButtonToggleSmall_condition__disabled--3h-ym, .ButtonToggleSmall_base__disabled--3Rh0U:hover .ButtonToggleSmall_condition__disabled--3h-ym, .ButtonToggleSmall_base__disabled--3Rh0U:active .ButtonToggleSmall_condition__disabled--3h-ym {
        visibility: visible;
        border-radius: 1px 1px 0 0;
        background: none;
        opacity: 1;
    }

    .ButtonToggleSmall_base__disabled--3Rh0U .ButtonToggleSmall_condition__disabled--3h-ym::before, .ButtonToggleSmall_base__disabled--3Rh0U .ButtonToggleSmall_condition__disabled--3h-ym::after, .ButtonToggleSmall_base__disabled--3Rh0U:hover .ButtonToggleSmall_condition__disabled--3h-ym::before, .ButtonToggleSmall_base__disabled--3Rh0U:hover .ButtonToggleSmall_condition__disabled--3h-ym::after, .ButtonToggleSmall_base__disabled--3Rh0U:active .ButtonToggleSmall_condition__disabled--3h-ym::before, .ButtonToggleSmall_base__disabled--3Rh0U:active .ButtonToggleSmall_condition__disabled--3h-ym::after {
            top: 1px;
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-disabled-pattern.1719cddb.png);
            background-repeat: repeat-x;
        }

    .ButtonToggleSmall_base__disabled--3Rh0U .ButtonToggleSmall_condition__disabled--3h-ym::before, .ButtonToggleSmall_base__disabled--3Rh0U:hover .ButtonToggleSmall_condition__disabled--3h-ym::before, .ButtonToggleSmall_base__disabled--3Rh0U:active .ButtonToggleSmall_condition__disabled--3h-ym::before {
            right: 50%;
            left: 1px;
            width: auto;
            border-radius: 1px 0 0;
        }

    .ButtonToggleSmall_base__disabled--3Rh0U .ButtonToggleSmall_condition__disabled--3h-ym::after, .ButtonToggleSmall_base__disabled--3Rh0U:hover .ButtonToggleSmall_condition__disabled--3h-ym::after, .ButtonToggleSmall_base__disabled--3Rh0U:active .ButtonToggleSmall_condition__disabled--3h-ym::after {
            right: 1px;
            left: 50%;
            width: auto;
            border-radius: 0 1px 0 0;
        }

    .ButtonToggleSmall_input--raTlW {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

    .ButtonToggleSmall_marker--24J4k {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -2px;
    left: 0;
    z-index: 30;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-marker.f5c2d85d.png) no-repeat bottom;
}

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

    .ButtonToggleSmall_marker--24J4k::before {
        bottom: -12px;
        z-index: 10;
        height: 29px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-marker-checked.f43b6edd.png) no-repeat bottom;
    }

    .ButtonToggleSmall_marker--24J4k::after {
        top: 0;
        bottom: 2px;
        z-index: 5;
        border-width: 1px;
        border-style: solid;
        -webkit-border-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/ButtonToggleSmall/images/button-toggle-marker-borders.40ee1b4d.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--raTlW:checked + .ButtonToggleSmall_marker--24J4k::after, .ButtonToggleSmall_input--raTlW:checked + .ButtonToggleSmall_marker--24J4k::before {
        visibility: visible;
        opacity: 1;
    }

    .ButtonToggleSmall_caption--3AOdX {
    position: relative;
    z-index: 40;
    line-height: 20px;
}
.Checkbox_base--3Qq_N {
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
}

    .Checkbox_base--3Qq_N.Checkbox_isDisabled--3YYGS {
        opacity: .45;
        cursor: default;
    }

    .Checkbox_base--3Qq_N.Checkbox_hasCaption--31NUy {
        padding: 0 0 0 18px;
    }

    .Checkbox_base__big--W6c6w.Checkbox_hasCaption--31NUy {
        padding: 0 0 0 38px;
    }

    .Checkbox_input--19VhU {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

    .Checkbox_check--2ihol {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Checkbox/images/checkbox-bg.83aa30fb.png) center no-repeat;
    vertical-align: top;
}

    .Checkbox_check--2ihol::after, .Checkbox_check--2ihol::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 12px;
        height: 12px;
    }

    .Checkbox_check--2ihol::before {
        z-index: 1;
        visibility: hidden;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Checkbox/images/checkbox-bg-hover.a4356540.png) center no-repeat;
        opacity: 0;
        content: '';
        transition: opacity .16s ease;
        will-change: opacity;
    }

    .Checkbox_check--2ihol::after {
        top: 0;
        left: 0;
        z-index: 2;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Checkbox/images/checkbox-check.48d5357a.png) center no-repeat;
        content: normal;
    }

    .Checkbox_base--3Qq_N:hover .Checkbox_check--2ihol::before {
        visibility: visible;
        opacity: 1;
    }

    .Checkbox_base--3Qq_N.Checkbox_isChecked--3zsZ_ .Checkbox_check--2ihol::after {
        content: '';
    }

    .Checkbox_base--3Qq_N.Checkbox_hasCaption--31NUy .Checkbox_check--2ihol {
        margin: 0 0 0 -18px;
    }

    .Checkbox_base__big--W6c6w .Checkbox_check--2ihol {
        width: 24px;
        height: 24px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Checkbox/images/checkbox-big-bg.0fd4f080.png);
    }

    .Checkbox_base__big--W6c6w .Checkbox_check--2ihol::before {
            width: 24px;
            height: 24px;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Checkbox/images/checkbox-big-bg-hover.b2ba8bda.png) center no-repeat;
        }

    .Checkbox_base__big--W6c6w .Checkbox_check--2ihol::after {
            top: -5px;
            left: 5px;
            width: 25px;
            height: 25px;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Checkbox/images/checkbox-big-check.0bc94968.png) center no-repeat;
        }

    .Checkbox_base__big--W6c6w.Checkbox_hasCaption--31NUy .Checkbox_check--2ihol {
        margin: 0 0 0 -38px;
    }

    .Checkbox_base__big--W6c6w.Checkbox_isChecked--3zsZ_ .Checkbox_check--2ihol::before {
            top: 50%;
            left: 50%;
            width: 138px;
            height: 138px;
            visibility: visible;
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Checkbox/images/checkbox-big-bg-checked.d047fb79.png);
            opacity: 1;
            transform: translate(-50%, -50%);
        }

    .Checkbox_caption--2tBBP {
    position: relative;
    margin: 0 0 0 6px;
    color: #969687;
    transition: color .16s ease;
}

    .Checkbox_base--3Qq_N:not(.Checkbox_isDisabled--3YYGS):hover .Checkbox_caption--2tBBP, .Checkbox_base--3Qq_N.Checkbox_isChecked--3zsZ_ .Checkbox_caption--2tBBP {
        color: #fdf4ce;
    }

    .Checkbox_base__big--W6c6w .Checkbox_caption--2tBBP, .Checkbox_base__big--W6c6w:not(.Checkbox_isChecked--3zsZ_):hover .Checkbox_caption--2tBBP {
        margin: 0 0 0 14px;
        color: #767669;
    }
.ClanTag_base--1swEJ {
    position: relative;
    display: inline-block;
    vertical-align: top;
}

    .ClanTag_base__small--3byLT {
        padding-left: 30px;
    }

    .ClanTag_base__medium--1SN94 {
        padding-left: 34px;
    }

    .ClanTag_emblem--AKbF4 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

    .ClanTag_base__small--3byLT .ClanTag_emblem--AKbF4 {
        width: 24px;
        height: 24px;
    }

    .ClanTag_base__medium--1SN94 .ClanTag_emblem--AKbF4 {
        width: 32px;
        height: 32px;
    }
.Counter_base--iYSdu {
    height: 25px;
    line-height: 25px;
}

.Counter_current--X5yBs {
    color: #e9e2bf;
}

.Counter_divider--2kt2z {
    margin: 0 3px;
    color: #595950;
}

.Counter_total--2s15K {
    color: #595950;
}

.Counter_reset--3dLwa {
    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--3dLwa::before, .Counter_reset--3dLwa::after {
        position: absolute;
        opacity: 0;
        content: '';
        transition: opacity .16s;
    }

.Counter_reset--3dLwa::before {
        top: -1px;
        right: -1px;
        left: -1px;
        height: 1px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Counter/images/counter-border.871be108.png) center no-repeat;
    }

.Counter_reset--3dLwa::after {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(
                        to top,
                        #0a0a0a,
                        #c8cfba
                    );
    }

.Counter_reset--3dLwa:hover::before {
            opacity: 1;
        }

.Counter_reset--3dLwa:hover::after {
            opacity: .15;
        }

.Counter_icon--2Wacc {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Counter/images/counter-reset.3b718a48.png) center no-repeat;
    vertical-align: top;
    opacity: .75;
    transition: opacity .16s;
}

.Counter_reset--3dLwa:hover .Counter_icon--2Wacc {
        opacity: 1;
    }
.Gold_base--2dgSV {
    position: relative;
    display: inline-block;
    color: #ffc363;
}

    .Gold_base__isNotEnough--mGZvP {
        color: #ff2717;
    }

    .Gold_base__size-small--1t8P2 {
        line-height: 18px;
    }

    .Gold_base__size-large--37-vz {
        line-height: 28px;
    }

    .Gold_base__isDisabled--194Qm {
        color: #8c8c7e;
        text-decoration: line-through;
    }

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

    .Gold_base__size-small--1t8P2::before, .Gold_base__size-small--1t8P2::after {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Gold/images/gold-small.d67d2436.png);
    }

    .Gold_base__size-large--37-vz::before, .Gold_base__size-large--37-vz::after {
        margin: 0 2px -2px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Gold/images/gold-large.e74bc051.png);
    }

    .Gold_base__before--gqykS::before {
        content: '';
    }

    .Gold_base__after--6McxX::after {
        content: '';
    }
.Silver_base--2B5aY {
    position: relative;
    display: inline-block;
    color: #ced9d9;
}

    .Silver_base__isNotEnough--3Miob {
        color: #ff2717;
    }

    .Silver_base__size-small--3YRPq {
        line-height: 18px;
    }

    .Silver_base__size-large--1Lj0A {
        line-height: 28px;
    }

    .Silver_base__isDisabled--16cKs {
        color: #8c8c7e;
        text-decoration: line-through;
    }

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

    .Silver_base__size-small--3YRPq::before, .Silver_base__size-small--3YRPq::after {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Silver/images/silver-small.1835fa6f.png);
    }

    .Silver_base__size-large--1Lj0A::before, .Silver_base__size-large--1Lj0A::after {
        margin: 0 2px -2px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Silver/images/silver-large.3bad1d8c.png);
    }

    .Silver_base__before--3icN5::before {
        content: '';
    }

    .Silver_base__after--ncvIY::after {
        content: '';
    }
.EventCoin_base--TDVUv {
    position: relative;
    display: inline-block;
    color: #f96;
}

    .EventCoin_base__isNotEnough--1XbRX {
        color: #ff2717;
    }

    .EventCoin_base__size-small--27F2U {
        line-height: 18px;
    }

    .EventCoin_base__size-large---rAPQ {
        line-height: 28px;
    }

    .EventCoin_base__isDisabled--1FUKn {
        color: #8c8c7e;
        text-decoration: line-through;
    }

    .EventCoin_base--TDVUv::before, .EventCoin_base--TDVUv::after {
        display: inline-block;
        width: 18px;
        height: 18px;
        margin: 0 2px -4px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .EventCoin_base__size-small--27F2U::before, .EventCoin_base__size-small--27F2U::after {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/EventCoin/images/event-coin-default-small.af55a8ef.png);
    }

    .EventCoin_base__size-large---rAPQ::before, .EventCoin_base__size-large---rAPQ::after {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/EventCoin/images/event-coin-default-large.d0f6b618.png);
        background-size: cover;
    }

    .EventCoin_base__before--22u1G::before {
        content: '';
    }

    .EventCoin_base__after--1D8Jf::after {
        content: '';
    }

    /* This class using only for demo page */

    .Test_eventMixClassName {
    color: #26dd72;
}
.Dialog_base--2ONXr {
    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--2ONXr.Dialog_isOpened--3ml9e {
        display: flex;
    }

    .Dialog_wrapper--2fg9V {
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    width: 370px;
}

    .Dialog_body--1EqHK {
    position: relative;
    z-index: 10;
}

    .Dialog_background--hpymD {
    position: absolute;
    top: 48px;
    right: 0;
    bottom: 45px;
    left: 0;
    z-index: 20;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Dialog/images/dialog-background.4716733e.png) center no-repeat;
}

    .Dialog_background--hpymD::before, .Dialog_background--hpymD::after {
        position: absolute;
        right: 0;
        left: 0;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Dialog/images/dialog-background.4716733e.png);
        content: '';
    }

    .Dialog_background--hpymD::before {
        top: -48px;
        height: 48px;
        background-position: top;
    }

    .Dialog_background--hpymD::after {
        bottom: -45px;
        height: 45px;
        background-position: bottom;
    }

    .Dialog_header--1wtRV {
    position: relative;
    z-index: 30;
    margin: 0 8px 0 9px;
    padding: 6px 20px 0 0;
}

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

    .Dialog_close--xjJ2h {
    position: absolute;
    top: 8px;
    right: 0;
    width: 17px;
    height: 17px;
    border: none;
    background-color: transparent;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Dialog/images/dialog-close.2100b800.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

    .Dialog_close--xjJ2h::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 17px;
        height: 17px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Dialog/images/dialog-close.2100b800.png);
        background-position: 0 -17px;
        opacity: 0;
        content: '';
        transition: opacity .2s;
    }

    .Dialog_close--xjJ2h:hover::after {
        opacity: 1;
    }

    .Dialog_content--1wibj {
    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--1wibj p {
        margin: 0;
        line-height: 15px;
    }

    .Dialog_footer--10Xv5 {
    position: relative;
    z-index: 30;
    padding: 4px;
    text-align: right;
}

    .Dialog_button--3rU3t {
    display: inline-block;
    margin: 0 0 0 5px;
}

    .Dialog_overlay--3nZpG {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .85);
}
.EmptyList_base--1VNzy {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: space-around;
}

.EmptyList_holder--1ut3x {
    margin: 0 48px;
    text-align: center;
}

.EmptyList_title--28AhE {
    margin: 0;
    color: #e9e2bf;
    font-size: 15px;
}

.EmptyList_title--28AhE::before {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -6px 4px -6px -12px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/EmptyList/images/empty-list-warning.08a998e4.png);
        content: '';
    }

.EmptyList_message--3MMst {
    margin: 8px 0;
    color: #595950;
    line-height: 16px;
}

.EmptyList_button--2gw7S {
    margin: 22px 0 0;
}
.RadioButton_base--2Vva3 {
    position: relative;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
}

    .RadioButton_base--2Vva3.RadioButton_isDisabled--391py {
        opacity: .45;
        cursor: default;
    }

    .RadioButton_base--2Vva3.RadioButton_hasCaption--NAJLN {
        padding: 0 0 0 19px;
    }

    .RadioButton_input--2Xko9 {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

    .RadioButton_check--1zNEU {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 15px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/RadioButton/images/radiobutton-bg.3a9d2895.png) center no-repeat;
    vertical-align: top;
}

    .RadioButton_check--1zNEU::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 14px;
        height: 15px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/RadioButton/images/radiobutton-check.36e5dfa3.png) center no-repeat;
        content: normal;
    }

    .RadioButton_base--2Vva3.RadioButton_isChecked--1Fsyy .RadioButton_check--1zNEU::after {
        content: '';
    }

    .RadioButton_base--2Vva3.RadioButton_hasCaption--NAJLN .RadioButton_check--1zNEU {
        margin: 0 0 0 -19px;
    }

    .RadioButton_caption--1NWYS {
    position: relative;
    margin: 0 0 0 4px;
    color: #8c8c7c;
    transition: color .16s ease;
}

    .RadioButton_base--2Vva3:not(.RadioButton_isDisabled--391py):hover .RadioButton_caption--1NWYS, .RadioButton_base--2Vva3.RadioButton_isChecked--1Fsyy .RadioButton_caption--1NWYS {
        color: #fdf4ce;
    }
.Filter_base--FSIWa {
    display: inline-flex;
}

.Filter_caption--3Lm9n {
    display: inline-block;
    align-self: flex-end;
    padding: 0 20px 0 0;
    color: #969687;
    vertical-align: top;
}

.Filter_item--1I2fK {
    display: inline-block;
    align-self: flex-end;
    margin: 0;
    vertical-align: top;
}

.Filter_item--1I2fK + .Filter_item--1I2fK {
        margin-left: 15px;
    }
.Icon_base--xFfnG {
    display: inline-block;
    overflow: visible;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
}

.Icon_bars--r2OiD {
    width: 27px;
    height: 23px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-bars.b7b14f1d.png);
}

.Icon_filter--2aKkk {
    width: 17px;
    height: 16px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-filter.54cbc199.png);
}

.Icon_info--2nuUO {
    width: 23px;
    height: 23px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-info.f1fa7882.png);
}

.Icon_notification--EWRaY {
    width: 16px;
    height: 16px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-notification.e90dcec1.png);
}

.Icon_player--2iXIy {
    width: 24px;
    height: 24px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-player.39e2b1df.png);
}

.Icon_vehicle--1LP_D {
    width: 34px;
    height: 18px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-vehicle.5f9c29e3.png);
}

.Icon_warning--3tOQF {
    width: 25px;
    height: 20px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-warning.382d5240.png);
}

.Icon_stats--1u7u3 {
    width: 20px;
    height: 20px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Icon/images/icon-stats.d82c5bd0.png);
}
.IconTable_base--8n3iI {
    display: inline-block;
    vertical-align: middle;
}

.IconTable_avg-assist-damage--1TUtR {
    width: 23px;
    height: 17px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-avg-assist-damage.c7f61af7.png);
}

.IconTable_avg-damage--1O3vt {
    width: 23px;
    height: 21px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-avg-damage.c46b7ceb.png);
}

.IconTable_avg-exp--1LwrI {
    width: 23px;
    height: 18px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-avg-exp.b5a62b4b.png);
}

.IconTable_avg-frags--YOiX2 {
    width: 34px;
    height: 17px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-avg-frags.3d273c82.png);
}

.IconTable_avg-survived--1s23K {
    width: 33px;
    height: 19px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-avg-survived.0d2ae458.png);
}

.IconTable_battles-attack--1m5x4 {
    width: 16px;
    height: 16px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-battles-attack.dba5fc4a.png);
}

.IconTable_battles-with-steps--3pThw {
    width: 15px;
    height: 15px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-battles-with-steps.a569d11c.png);
}

.IconTable_battles--17puQ {
    width: 15px;
    height: 17px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-battles.37cbed69.png);
}

.IconTable_damage-blocked--a_aBE {
    width: 27px;
    height: 17px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-damage-blocked.3e47cecb.png);
}

.IconTable_days--3j5om {
    width: 14px;
    height: 12px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-days.57e9ece7.png);
}

.IconTable_industrial--3fFCz {
    width: 14px;
    height: 14px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-industrial.47fcff79.png);
}

.IconTable_league--3mqXo {
    width: 19px;
    height: 20px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-league.2c09aa35.png);
}

.IconTable_max-rank--1WVFu {
    width: 17px;
    height: 20px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-max-rank.47713af6.png);
}

.IconTable_points--3z84g {
    width: 18px;
    height: 18px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-points.065c05ba.png);
}

.IconTable_rating--1P_H_ {
    width: 13px;
    height: 16px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-rating.6eba59d3.png);
}

.IconTable_role--2nMnY {
    width: 13px;
    height: 19px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-role.a0eb91a2.png);
}

.IconTable_sbr--14HGl {
    width: 22px;
    height: 18px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-sbr.2c8cc928.png);
}

.IconTable_sorties-absolute--ziJdQ {
    width: 30px;
    height: 21px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-sorties-absolute.26ce6e11.png);
}

.IconTable_sorties-champion--3i-CJ {
    width: 30px;
    height: 21px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-sorties-champion.c75f1352.png);
}

.IconTable_sorties-middle--3W6LS {
    width: 30px;
    height: 21px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-sorties-middle.6e5c5326.png);
}

.IconTable_status--3lBHg {
    width: 15px;
    height: 15px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-status.fed0a5e1.png);
}

.IconTable_wins--18eXP {
    width: 16px;
    height: 17px;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IconTable/images/icon-table-wins.2673c91f.png);
}
.IndustrialResource_base--2RgJu {
    display: inline-block;
    margin: 0;
    color: #a29b70;
    font-size: 22px;
    line-height: 1;
}

    .IndustrialResource_base--2RgJu::after {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -4px -4px -2px 2px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IndustrialResource/images/industrial-resource.1a3d9576.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        content: '';
    }

    .IndustrialResource_base__small--3FBcG {
        font-size: 14px;
    }

    .IndustrialResource_base__small--3FBcG::after {
            width: 16px;
            height: 16px;
            margin-right: -2px;
            margin-left: 0;
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/IndustrialResource/images/industrial-resource-small.c25528f8.png);
        }

    .IndustrialResource_base__large--nlBwh {
        font-size: 34px;
    }

    .IndustrialResource_base--2RgJu.IndustrialResource_notEnough--14TyY {
        color: #b70000;
    }
.Info_base--1A6dp {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    transform: translateY(-1px);
}
.ScrollArea_base--3M7bI {
    position: relative;
}

    .ScrollArea_base__table--2uRfh {
        margin-right: -24px;
    }

    .ScrollArea_base__infotip--gWEuD {
        margin-right: -30px;
    }

    .ScrollArea_scrollViewHorizontal--IT1cd {
    padding: 0 0 20px;
}

    .ScrollArea_scrollViewVertical--3vTBy {
    padding: 0 35px 0 0;
}

    .ScrollArea_base__table--2uRfh .ScrollArea_scrollViewVertical--3vTBy {
        padding-right: 24px;
    }

    .ScrollArea_base__unitsList--3RZ_L .ScrollArea_scrollViewVertical--3vTBy, .ScrollArea_base__toolbar--M0c_x .ScrollArea_scrollViewVertical--3vTBy, .ScrollArea_base__overflow--3cb6n .ScrollArea_scrollViewVertical--3vTBy {
        padding-right: 0;
    }

    .ScrollArea_base__postbattleDetails--1FzHl .ScrollArea_scrollViewVertical--3vTBy {
        padding-right: 21px;
    }

    .ScrollArea_base__infotip--gWEuD .ScrollArea_scrollViewVertical--3vTBy {
        padding-right: 30px;
    }

    .ScrollArea_scrollThumbVertical--U4RbG {
    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--U4RbG:hover {
        opacity: 1;
    }

    .ScrollArea_scrollThumbVertical--U4RbG:active {
        opacity: .8;
    }

    .ScrollArea_scrollThumbHorizontal--2jd1u {
    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--2jd1u:hover {
        opacity: 1;
    }

    .ScrollArea_scrollThumbHorizontal--2jd1u:active {
        opacity: .8;
    }

    .ScrollArea_scrollThumbCenter--GOFS9 {
    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--GOFS9::before, .ScrollArea_scrollThumbCenter--GOFS9::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--GOFS9::before {
        top: -3px;
    }

    .ScrollArea_scrollThumbCenter--GOFS9::after {
        bottom: -3px;
    }

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

    .ScrollArea_scrollTrackVertical--1JpdF {
    position: absolute;
    top: 13px;
    right: 10px;
    bottom: 13px;
    z-index: 1000;
    cursor: pointer;
}

    .ScrollArea_base__unitsList--3RZ_L .ScrollArea_scrollTrackVertical--1JpdF {
            top: 19px;
            right: 0;
            bottom: 19px;
        }

    .ScrollArea_base__table--2uRfh .ScrollArea_scrollTrackVertical--1JpdF {
            top: 23px;
            right: 10px;
            bottom: 23px;
        }

    .ScrollArea_base__toolbar--M0c_x .ScrollArea_scrollTrackVertical--1JpdF {
            top: 17px;
            right: 4px;
            bottom: 17px;
        }

    .ScrollArea_base__postbattleDetails--1FzHl .ScrollArea_scrollTrackVertical--1JpdF {
            top: 23px;
            right: 10px;
            bottom: 23px;
        }

    .ScrollArea_base__infotip--gWEuD .ScrollArea_scrollTrackVertical--1JpdF {
            top: 24px;
            right: 10px;
            bottom: 24px;
        }

    .ScrollArea_base__overflow--3cb6n .ScrollArea_scrollTrackVertical--1JpdF {
            top: 23px;
            right: 10px;
            bottom: 23px;
        }

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

    .ScrollArea_scrollTrackHorizontal--1wi22 {
    position: absolute;
    right: 13px;
    bottom: 0;
    left: 13px;
    z-index: 1000;
}

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

    .ScrollArea_arrow--222kx {
    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--3RZ_L .ScrollArea_arrow--222kx {
            right: 0;
        }

    .ScrollArea_base__unitsList--3RZ_L .ScrollArea_arrow__top--3qcAB {
                top: 6px;
            }

    .ScrollArea_base__unitsList--3RZ_L .ScrollArea_arrow__bottom--4cZQD {
                bottom: 6px;
            }

    .ScrollArea_base__table--2uRfh .ScrollArea_arrow--222kx {
            right: 10px;
        }

    .ScrollArea_base__table--2uRfh .ScrollArea_arrow__top--3qcAB {
                top: 10px;
            }

    .ScrollArea_base__table--2uRfh .ScrollArea_arrow__bottom--4cZQD {
                bottom: 10px;
            }

    .ScrollArea_base__toolbar--M0c_x .ScrollArea_arrow--222kx {
            right: 4px;
        }

    .ScrollArea_base__toolbar--M0c_x .ScrollArea_arrow__top--3qcAB {
                top: 4px;
            }

    .ScrollArea_base__toolbar--M0c_x .ScrollArea_arrow__bottom--4cZQD {
                bottom: 4px;
            }

    .ScrollArea_base__postbattleDetails--1FzHl .ScrollArea_arrow--222kx {
            right: 10px;
        }

    .ScrollArea_base__postbattleDetails--1FzHl .ScrollArea_arrow__top--3qcAB {
                top: 10px;
            }

    .ScrollArea_base__postbattleDetails--1FzHl .ScrollArea_arrow__bottom--4cZQD {
                bottom: 10px;
            }

    .ScrollArea_base__infotip--gWEuD .ScrollArea_arrow--222kx {
            right: 10px;
        }

    .ScrollArea_base__infotip--gWEuD .ScrollArea_arrow__top--3qcAB {
                top: 11px;
            }

    .ScrollArea_base__infotip--gWEuD .ScrollArea_arrow__bottom--4cZQD {
                bottom: 11px;
            }

    .ScrollArea_base__overflow--3cb6n .ScrollArea_arrow--222kx {
            right: 10px;
        }

    .ScrollArea_base__overflow--3cb6n .ScrollArea_arrow__top--3qcAB {
                top: 10px;
            }

    .ScrollArea_base__overflow--3cb6n .ScrollArea_arrow__bottom--4cZQD {
                bottom: 10px;
            }

    .ScrollArea_arrow__top--3qcAB {
        top: 0;
        right: 10px;
    }

    .ScrollArea_arrow__bottom--4cZQD {
        right: 10px;
        bottom: 0;
    }

    .ScrollArea_arrow__left--3xa2V {
        bottom: 0;
        left: 0;
    }

    .ScrollArea_arrow__right--3EAL_ {
        right: 0;
        bottom: 0;
    }

    .ScrollArea_arrow--222kx:not(.ScrollArea_arrow__disabled--1JFrR):hover {
        opacity: 1;
    }

    .ScrollArea_arrow--222kx:not(.ScrollArea_arrow__disabled--1JFrR):active {
        opacity: .8;
    }

    .ScrollArea_arrow__disabled--1JFrR {
        opacity: .3;
        cursor: default;
    }

    .ScrollArea_arrow__hidden--2TAH5 {
        visibility: hidden;
    }

    .ScrollArea_arrow--222kx::after {
        position: absolute;
        left: 3px;
        width: 4px;
        height: 4px;
        content: '';
        transform: rotate(45deg);
    }

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

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

    .ScrollArea_arrow__left--3xa2V::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--3EAL_::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);
    }
/**/
/* 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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--E_p6x {
    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--E_p6x.InfoTip_isOpened--1Ir1y {
        visibility: visible;
    }
.InfoTip_overlay--2Cnke {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
}
.InfoTip_base--E_p6x.InfoTip_isOpened--1Ir1y .InfoTip_overlay--2Cnke {
        opacity: 1;
        transition: opacity 1s linear;
    }
.InfoTip_infotip--2iP-g {
    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--2iP-g {
        margin-top: 0
}
    }
.InfoTip_base--E_p6x.InfoTip_isOpened--1Ir1y .InfoTip_infotip--2iP-g {
        opacity: 1;
        transition: opacity .5s linear .5s;
    }
.InfoTip_close--3S77T {
    position: absolute;
    top: -52px;
    right: 9px;
}
.InfoTip_inner--1b0-V {
    position: relative;
    overflow: hidden;
}
.InfoTip_bgElement--3dVFX {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.InfoTip_header--Hakdo {
    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--2ve5f {
    position: relative;
    padding: 21px 32px;
}
.InfoTip_body--2ve5f::before, .InfoTip_body--2ve5f::after {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 1;
        height: 144px;
        content: normal;
        pointer-events: none;
    }
.InfoTip_body--2ve5f::before {
        top: -52px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/InfoTip/images/info-tip-shadow-top.9389cbf3.png) center no-repeat;
    }
.InfoTip_header--Hakdo + .InfoTip_body--2ve5f {
        padding: 1px 32px 21px;
    }
.InfoTip_header--Hakdo + .InfoTip_body--2ve5f::before {
            top: -71px;
            content: '';
        }
.InfoTip_body--2ve5f::after {
        bottom: -51px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/InfoTip/images/info-tip-shadow-bottom.66380724.png) center no-repeat;
    }
.InfoTip_base--E_p6x.InfoTip_isScrollEnabled--p7yTA .InfoTip_body--2ve5f::before, .InfoTip_base--E_p6x.InfoTip_isScrollEnabled--p7yTA .InfoTip_body--2ve5f::after {
        content: '';
    }
.InfoTip_content--2cIhP {
    padding: 6px 0;
}
.InfoTip_header--Hakdo + .InfoTip_body--2ve5f .InfoTip_content--2cIhP {
        padding: 27px 0 6px;
    }
.Input_base--3MVTT {
    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--3MVTT::before, .Input_base--3MVTT::after {
        position: absolute;
        right: -1px;
        left: -1px;
        height: 1px;
        background-image: linear-gradient(
            to right,
            #4a4a3a,
            #24241d,
            #525243
        );
        content: '';
    }

    .Input_base--3MVTT::before {
        top: -1px;
    }

    .Input_base--3MVTT::after {
        bottom: -1px;
    }

    .Input_base__focused--3iC6Z:not(.Input_base__disabled--1Lmgh), .Input_base--3MVTT:hover:not(.Input_base__disabled--1Lmgh) {
        border-right-color: #7c7c65;
        border-left-color: #696953;
    }

    .Input_base__focused--3iC6Z:not(.Input_base__disabled--1Lmgh)::before, .Input_base__focused--3iC6Z:not(.Input_base__disabled--1Lmgh)::after, .Input_base--3MVTT:hover:not(.Input_base__disabled--1Lmgh)::before, .Input_base--3MVTT:hover:not(.Input_base__disabled--1Lmgh)::after {
            background-image: linear-gradient(
                to right,
                #696953,
                #4a4a39,
                #7d7d66
            );
        }

    .Input_base__disabled--1Lmgh {
        border-right-color: #25251e;
        border-left-color: #22221a;
    }

    .Input_base__disabled--1Lmgh::before, .Input_base__disabled--1Lmgh::after {
            background-image: linear-gradient(
                to right,
                #22221a,
                #1b1b14,
                #25251e
            );
        }

    .Input_inputWrapper--3XvWr {
    box-shadow: inset 0 0 0 1px #000;
}

    .Input_base__sizeDefault--1yHVU .Input_inputWrapper--3XvWr {
        background-color: transparent;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-bg.6095d963.png);
        background-repeat: repeat-x;
        background-position: 0 0;
    }

    .Input_base__sizeBig--onMkJ .Input_inputWrapper--3XvWr, .Input_base__sizeLarge--15sZr .Input_inputWrapper--3XvWr {
        background-image: linear-gradient(#131310, #161610, #131310);
    }

    .Input_base__sizeDefault--1yHVU.Input_base__focused--3iC6Z .Input_inputWrapper--3XvWr {
        background-position: 0 -19px;
    }

    .Input_base__sizeDefault--1yHVU:hover .Input_inputWrapper--3XvWr {
        background-position: 0 -19px;
    }

    .Input_base__sizeDefault--1yHVU.Input_base__disabled--1Lmgh .Input_inputWrapper--3XvWr {
        background-position: 0 -38px;
    }

    .Input_input--nFPXX {
    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--nFPXX::selection {
        background-color: #ecefe5;
        color: #252521;
    }

    .Input_base__sizeBig--onMkJ .Input_input--nFPXX {
        height: 31px;
        padding: 0 11px;
        font-size: 16px;
    }

    .Input_base__sizeLarge--15sZr .Input_input--nFPXX {
        height: 47px;
        padding: 0 19px;
        font-size: 20px;
    }

    .Input_base__disabled--1Lmgh .Input_input--nFPXX {
        color: #37362e;
        cursor: default;
    }

    .Input_base__secure--2Trad .Input_input--nFPXX {
        padding: 0 4px 0 20px;
    }

    .Input_base__secure--2Trad.Input_base__sizeBig--onMkJ .Input_input--nFPXX {
        padding: 0 11px 0 34px;
    }

    .Input_base__secure--2Trad.Input_base__sizeLarge--15sZr .Input_input--nFPXX {
        padding: 0 19px 0 42px;
    }

    .Input_base__typeSearch--27lqh .Input_input--nFPXX {
        padding: 0 20px;
    }

    .Input_base__typeSearch--27lqh .Input_input--nFPXX::-webkit-search-cancel-button {
            display: none;
        }

    .Input_base__typeSearch--27lqh.Input_base__sizeBig--onMkJ .Input_input--nFPXX {
        padding: 0 34px;
    }

    .Input_base__typeSearch--27lqh.Input_base__sizeLarge--15sZr .Input_input--nFPXX {
        padding: 0 42px;
    }

    .Input_placeholder--3gyVg {
    position: absolute;
    top: 2px;
    right: 4px;
    bottom: 0;
    left: 4px;
    color: rgba(123, 121, 105, .6);
}

    .Input_base__sizeBig--onMkJ .Input_placeholder--3gyVg {
        top: 6px;
        right: 11px;
        left: 11px;
        font-size: 16px;
    }

    .Input_base__sizeLarge--15sZr .Input_placeholder--3gyVg {
        top: 12px;
        right: 19px;
        left: 19px;
        font-size: 20px;
    }

    .Input_base__secure--2Trad .Input_placeholder--3gyVg {
        right: 4px;
        left: 20px;
    }

    .Input_base__secure--2Trad.Input_base__sizeBig--onMkJ .Input_placeholder--3gyVg {
        right: 11px;
        left: 34px;
    }

    .Input_base__secure--2Trad.Input_base__sizeLarge--15sZr .Input_placeholder--3gyVg {
        right: 19px;
        left: 42px;
    }

    .Input_base__typeSearch--27lqh .Input_placeholder--3gyVg {
        right: 20px;
        left: 20px;
    }

    .Input_base__typeSearch--27lqh.Input_base__sizeBig--onMkJ .Input_placeholder--3gyVg {
        right: 32px;
        left: 32px;
    }

    .Input_base__typeSearch--27lqh.Input_base__sizeLarge--15sZr .Input_placeholder--3gyVg {
        right: 42px;
        left: 42px;
    }

    .Input_searchIco--3oigi {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-search-icon.835f1ddc.png) no-repeat;
    pointer-events: none;
}

    .Input_base__sizeBig--onMkJ .Input_searchIco--3oigi {
        top: 7px;
        left: 11px;
        width: 16px;
        height: 16px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-search-icon-big.8ab6c047.png);
    }

    .Input_base__sizeLarge--15sZr .Input_searchIco--3oigi {
        top: 15px;
        left: 19px;
        width: 16px;
        height: 16px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-search-icon-big.8ab6c047.png);
    }

    .Input_secureIco--3yTbl {
    position: absolute;
    top: 3px;
    left: 5px;
    width: 10px;
    height: 12px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-secure-small-ico.3d0da1bc.png) no-repeat;
}

    .Input_base__sizeBig--onMkJ .Input_secureIco--3yTbl {
        top: 7px;
        left: 11px;
        width: 14px;
        height: 17px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-secure-ico.b9be7f89.png);
    }

    .Input_base__sizeLarge--15sZr .Input_secureIco--3yTbl {
        top: 15px;
        left: 19px;
        width: 14px;
        height: 17px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-secure-ico.b9be7f89.png);
    }

    .Input_searchClear--2C2UB {
    position: absolute;
    top: 3px;
    right: 5px;
    width: 12px;
    height: 12px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-search-clear.b3ba92ca.png) no-repeat;
    cursor: pointer;
}

    .Input_base__sizeBig--onMkJ .Input_searchClear--2C2UB {
        top: 7px;
        right: 11px;
        width: 16px;
        height: 16px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-search-clear-big.0adbb37c.png);
    }

    .Input_base__sizeLarge--15sZr .Input_searchClear--2C2UB {
        top: 15px;
        right: 19px;
        width: 16px;
        height: 16px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Input/images/input-search-clear-big.0adbb37c.png);
    }
.InputNumber_base--BjGzM {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid transparent;
    vertical-align: top;
}

    .InputNumber_base--BjGzM:focus {
        outline: none;
    }

    .InputNumber_input--1Frq1 {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    border: none;
    background: transparent;
}

    .InputNumber_input--1Frq1::selection {
        background: #ecefe5;
        color: #252521;
    }

    .InputNumber_base--BjGzM.InputNumber_isDisabled--35mu5 .InputNumber_input--1Frq1::selection {
            background: transparent;
            color: inherit;
        }

    .InputNumber_base__default--1tov1 .InputNumber_input--1Frq1 {
        height: 19px;
        padding: 0 24px 0 5px;
        font-size: 13px;
    }

    .InputNumber_base__medium--2-GYI .InputNumber_input--1Frq1 {
        height: 29px;
        padding: 0 36px 0 9px;
        font-size: 20px;
    }

    .InputNumber_base__large--1VFJ3 .InputNumber_input--1Frq1 {
        height: 47px;
        padding: 0 56px 0 19px;
        font-size: 20px;
    }

    .InputNumber_base__gold--2CEe0 .InputNumber_input--1Frq1 {
        color: #ffc363;
    }

    .InputNumber_base__regular--1m9nC .InputNumber_input--1Frq1 {
        color: #8c8c7e;
    }

    .InputNumber_base--BjGzM.InputNumber_isDisabled--35mu5 .InputNumber_input--1Frq1 {
        color: #37362e;
    }

    .InputNumber_decoration--FSCNW {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/components/InputNumber/images/input-number-bg.8c3a81de.png) left center repeat;
}

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

    .InputNumber_decoration--FSCNW::before {
        top: -1px;
    }

    .InputNumber_decoration--FSCNW::after {
        bottom: -1px;
    }

    .InputNumber_base--BjGzM.InputNumber_isDisabled--35mu5 .InputNumber_decoration--FSCNW {
        border-right-color: #25251e;
        border-left-color: #22221a;
    }

    .InputNumber_base--BjGzM.InputNumber_isDisabled--35mu5 .InputNumber_decoration--FSCNW::before, .InputNumber_base--BjGzM.InputNumber_isDisabled--35mu5 .InputNumber_decoration--FSCNW::after {
            background: linear-gradient(
                            to right,
                            #22221a,
                            #1b1b14,
                            #25251e
                        );
        }

    .InputNumber_base--BjGzM:not(.InputNumber_isDisabled--35mu5):focus .InputNumber_decoration--FSCNW, .InputNumber_input--1Frq1:focus + .InputNumber_decoration--FSCNW {
        border-right-color: #774324;
        border-left-color: #774224;
    }

    .InputNumber_base--BjGzM:not(.InputNumber_isDisabled--35mu5):focus .InputNumber_decoration--FSCNW::before, .InputNumber_input--1Frq1:focus + .InputNumber_decoration--FSCNW::before {
            background: linear-gradient(
                            to right,
                            #774324,
                            #5b4227,
                            #774224
                        );
        }

    .InputNumber_base--BjGzM:not(.InputNumber_isDisabled--35mu5):focus .InputNumber_decoration--FSCNW::after, .InputNumber_input--1Frq1:focus + .InputNumber_decoration--FSCNW::after {
            background: linear-gradient(
                            to right,
                            #774324,
                            #402918,
                            #774224
                        );
        }

    .InputNumber_control--1xNo6 {
    position: absolute;
    right: 0;
    z-index: 2;
    background-repeat: no-repeat;
    cursor: pointer;
}

    .InputNumber_base__default--1tov1 .InputNumber_control--1xNo6 {
        width: 19px;
        height: 10px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/InputNumber/images/input-number.bb463e5e.png);
    }

    .InputNumber_base__medium--2-GYI .InputNumber_control--1xNo6 {
        width: 27px;
        height: 15px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/InputNumber/images/input-number-medium.27ba5c61.png);
    }

    .InputNumber_base__large--1VFJ3 .InputNumber_control--1xNo6 {
        width: 44px;
        height: 24px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/InputNumber/images/input-number-large.84128e07.png);
    }

    .InputNumber_control__increment--1sy_V {
        top: 0;
        background-position: -19px 0;
    }

    .InputNumber_base__default--1tov1.InputNumber_isDisabled--35mu5 .InputNumber_control__increment--1sy_V {
            background-position: -19px -20px;
        }

    .InputNumber_base__medium--2-GYI .InputNumber_control__increment--1sy_V {
            background-position: -27px 0;
        }

    .InputNumber_base__medium--2-GYI.InputNumber_isDisabled--35mu5 .InputNumber_control__increment--1sy_V {
            background-position: -27px -30px;
        }

    .InputNumber_base__large--1VFJ3 .InputNumber_control__increment--1sy_V {
            background-position: -44px 0;
        }

    .InputNumber_base__large--1VFJ3.InputNumber_isDisabled--35mu5 .InputNumber_control__increment--1sy_V {
            background-position: -44px -48px;
        }

    .InputNumber_control__increment--1sy_V:not(.InputNumber_isDisabled--35mu5):hover {
            background-position: -19px -10px;
        }

    .InputNumber_base__medium--2-GYI .InputNumber_control__increment--1sy_V:not(.InputNumber_isDisabled--35mu5):hover {
                background-position: -27px -15px;
            }

    .InputNumber_base__large--1VFJ3 .InputNumber_control__increment--1sy_V:not(.InputNumber_isDisabled--35mu5):hover {
                background-position: -44px -24px;
            }

    .InputNumber_control__decrement--290VP {
        bottom: 0;
        background-position: 0 0;
    }

    .InputNumber_base__default--1tov1.InputNumber_isDisabled--35mu5 .InputNumber_control__decrement--290VP {
            background-position: 0 -20px;
        }

    .InputNumber_base__medium--2-GYI.InputNumber_isDisabled--35mu5 .InputNumber_control__decrement--290VP {
            background-position: 0 -30px;
        }

    .InputNumber_base__large--1VFJ3.InputNumber_isDisabled--35mu5 .InputNumber_control__decrement--290VP {
            background-position: 0 -48px;
        }

    .InputNumber_control__decrement--290VP:not(.InputNumber_isDisabled--35mu5):hover {
            background-position: 0 -10px;
        }

    .InputNumber_base__medium--2-GYI .InputNumber_control__decrement--290VP:not(.InputNumber_isDisabled--35mu5):hover {
                background-position: 0 -15px;
            }

    .InputNumber_base__large--1VFJ3 .InputNumber_control__decrement--290VP:not(.InputNumber_isDisabled--35mu5):hover {
                background-position: 0 -24px;
            }

    .InputNumber_control--1xNo6.InputNumber_isDisabled--35mu5 {
        cursor: default;
    }

    .InputNumber_condition--qrnGu {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    opacity: 0;
    transition: opacity .16s;
}

    .InputNumber_condition__active--3nVx6 {
        background: #222018;
    }

    .InputNumber_control--1xNo6:not(.InputNumber_isDisabled--35mu5):active .InputNumber_condition__active--3nVx6 {
            opacity: .7;
        }
.LineClamp_base--2LxHd {
    overflow: hidden;
    text-overflow: ellipsis;
}
.LinkButton_base--Zxh6y {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 0 none;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/LinkButton/images/link-button-up-bg.1e573c0e.png) no-repeat center;
    vertical-align: top;
    opacity: .7;
    cursor: pointer;
}

    .LinkButton_base--Zxh6y:hover {
        opacity: 1;
    }

    .LinkButton_base--Zxh6y:active {
        opacity: .8;
    }

    .LinkButton_base--Zxh6y.LinkButton_isDisabled--3hTCn {
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/LinkButton/images/link-button-disabled-bg.cc7deab0.png) no-repeat center;
        opacity: 1;
        cursor: default;
    }
.Member_base--2AqEW {
    position: relative;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

    .Member_base__offline--1Y4nA, .Member_base__online--KBhUa, .Member_base__busy--2CCI8 {
        margin: 0 0 0 -8px;
        padding: 0 0 0 21px;
    }

    .Member_base__offline--1Y4nA::before, .Member_base__online--KBhUa::before, .Member_base__busy--2CCI8::before {
            position: absolute;
            top: -3px;
            left: 0;
            width: 24px;
            height: 24px;
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Member/images/member-status.a7062350.png);
            background-repeat: no-repeat;
            content: '';
        }

    .Member_base__offline--1Y4nA {
        color: #505050;
    }

    .Member_base__offline--1Y4nA::before {
            content: normal;
        }

    .Member_base__online--KBhUa {
        color: #c9c9b6;
    }

    .Member_base__online--KBhUa::before {
            background-position: -24px 0;
        }

    .Member_base__online--KBhUa.Member_isFriend--1uB-v {
            color: #85b180;
        }

    .Member_base__busy--2CCI8 {
        color: #c9c9b6;
    }

    .Member_base__busy--2CCI8::before {
            background-position: -48px 0;
        }

    .Member_base__busy--2CCI8.Member_isFriend--1uB-v {
            color: #85b180;
        }

    .Member_base--2AqEW.Member_isOwn--13uji {
        color: #ecb55d;
    }

    .Member_clanTag--2U-GQ {
    margin: 0 0 0 5px;
    float: right;
    vertical-align: top;
}
.Role_base--1un4J {
    display: inline-block;
    width: 17px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

.Role_commander--1hm4O {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/commander.5d894da1.png);
    }

.Role_executive_officer--KGeDI {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/executive_officer.9f898543.png);
    }

.Role_personnel_officer--3oYU_ {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/personnel_officer.7ac1e95c.png);
    }

.Role_combat_officer--2M5h7 {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/combat_officer.4623d0b4.png);
    }

.Role_intelligence_officer--3nAgQ {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/intelligence_officer.486414d0.png);
    }

.Role_quartermaster--3GZlO {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/quartermaster.a76aac6e.png);
    }

.Role_recruitment_officer--1oaf7 {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/recruitment_officer.e55ee855.png);
    }

.Role_junior_officer--37DrF {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/junior_officer.f7a82d20.png);
    }

.Role_private--3QsZc {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/private.91e635c2.png);
    }

.Role_recruit--1rd_m {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/recruit.71b40ca4.png);
    }

.Role_reservist--1WdGh {
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Role/images/reservist.9b65630c.png);
    }
.MemberName_base--3nc2W {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    color: #c9c9b6;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

    .MemberName_base--3nc2W::after {
        content: ',';
    }

    .MemberName_base--3nc2W:last-child::after {
        content: normal;
    }

    .MemberName_base--3nc2W:not(:last-child) {
        margin-right: 3px;
    }

    .MemberName_role--27RAh {
    display: inline-block;
    margin: 0 4px 0 0;
}

    .MemberName_role--27RAh + .MemberName_name--Dfq7G {
        vertical-align: middle;
    }
/**/
/* 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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--1PgIl {
    text-align: center;
}
.PageTitle_base__large--3Tzzj {
    color: #f2f2f7;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 28px;
    line-height: 28px;
    }
.PageTitle_base__small--1K4uN {
    color: #f2f2f7;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 24px;
    }
.Paginator_base--2OoVQ {
    height: 61px;
    font-size: 18px;
    line-height: 61px;
    text-align: center;
}

.Paginator_control--1XMmw {
    display: inline-block;
    width: 23px;
    height: 61px;
    border: 1px solid transparent;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Paginator/images/paginator-controls.9572ace4.png);
    vertical-align: top;
    cursor: pointer;
    transition: border-color .16s;
}

.Paginator_control--1XMmw:focus {
        outline: none;
    }

.Paginator_control--1XMmw:not(.Paginator_isDisabled--3-kFq):hover {
        border-color: rgba(247, 211, 145, .2);
    }

.Paginator_control--1XMmw:not(.Paginator_isDisabled--3-kFq):active {
        border-color: rgba(247, 211, 145, .1);
    }

.Paginator_control--1XMmw.Paginator_isDisabled--3-kFq {
        cursor: default;
    }

.Paginator_control__prev--1DC6n {
        margin: 0 12px 0 0;
        background-position: 0 0;
    }

.Paginator_control__prev--1DC6n.Paginator_isDisabled--3-kFq {
            background-position: 0 -59px;
        }

.Paginator_control__next--1C1Ma {
        margin: 0 0 0 12px;
        background-position: -21px 0;
    }

.Paginator_control__next--1C1Ma.Paginator_isDisabled--3-kFq {
            background-position: -21px -59px;
        }

.Paginator_current--1d2Pt {
    display: inline-block;
    color: #8c8c7c;
    vertical-align: top;
}

.Paginator_divider--b8SDs {
    display: inline-block;
    margin: 0 3px;
    color: #595950;
    vertical-align: top;
}

.Paginator_total--2kAtl {
    display: inline-block;
    color: #595950;
    vertical-align: top;
}
.Panel_base--1DfWp {
    position: relative;
    z-index: 35;
    box-sizing: border-box;
    margin: 1px -15px 0;
    text-align: center;
}

    .Panel_base--1DfWp::after, .Panel_base--1DfWp::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--1DfWp::after {
        z-index: 1;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Panel/images/panel-divider.4e68c78b.png) repeat-x;
        content: '';
    }

    .Panel_base--1DfWp::before {
        z-index: 2;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Panel/images/panel-divider-active.0dcfd287.png) center top no-repeat;
    }

    .Panel_base--1DfWp.Panel_isActive--2qFL4::before {
        content: '';
    }

    .Panel_base--1DfWp.Panel_isDemo--2KpKQ {
        margin-top: 73px;
        padding: 23px 0;
    }

    .Panel_inner--6EUnF {
    position: relative;
    z-index: 3;
}
.PanelTop_base--3FyGb {
    position: relative;
    z-index: 35;
    box-sizing: border-box;
    margin: 1px -15px 0;
    text-align: center;
}

    .PanelTop_base--3FyGb::after {
        position: absolute;
        bottom: -73px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 155px;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/PanelTop/images/panel-top-divider.9c639609.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--3FyGb.PanelTop_isDemo--2B2qe {
        margin-bottom: 73px;
        padding: 23px 0;
    }

    .PanelTop_inner--QhQAA {
    position: relative;
    z-index: 3;
}
.Popover_base--RsFbj {
    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--RsFbj::before, .Popover_base--RsFbj::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--RsFbj::before {
        top: 0;
        opacity: .61;
    }

    .Popover_base--RsFbj::after {
        bottom: 0;
        opacity: .51;
    }

    .Popover_base__top--rfZLw {
        margin-top: -20px;
    }

    .Popover_base__right--2b9cX {
        margin-left: 20px;
    }

    .Popover_base__bottom--oowZA {
        margin-top: 20px;
    }

    .Popover_base__left--1ldVj {
        margin-left: -20px;
    }

    .Popover_base--RsFbj.Popover_isCentered--2oBhY {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .Popover_base--RsFbj.Popover_isOpened--8OIMO {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .Popover_base--RsFbj.Popover_isDemo--2nYsT {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        transform: none;
    }

    .Popover_bgGradient--1Fa3T {
    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--2qRuB {
    padding: 20px;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
}

    .Popover_arrow--3JT2h {
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
    pointer-events: none;
}

    .Popover_base__top--rfZLw .Popover_arrow--3JT2h, .Popover_base__bottom--oowZA .Popover_arrow--3JT2h {
        width: 250px;
        height: 90px;
        margin-left: -125px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Popover/images/popover-beak-top.c3265438.png);
    }

    .Popover_base__right--2b9cX .Popover_arrow--3JT2h, .Popover_base__left--1ldVj .Popover_arrow--3JT2h {
        width: 84px;
        height: 182px;
        margin-top: -91px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Popover/images/popover-beak-side.b3fad6f3.png);
    }

    .Popover_base__top--rfZLw .Popover_arrow--3JT2h {
        margin-top: -40px;
        transform: rotate(180deg);
    }

    .Popover_base__right--2b9cX .Popover_arrow--3JT2h {
        margin-left: -49px;
    }

    .Popover_base__bottom--oowZA .Popover_arrow--3JT2h {
        margin-top: -51px;
    }

    .Popover_base__left--1ldVj .Popover_arrow--3JT2h {
        margin-left: -35px;
        transform: rotate(180deg);
    }

    .Popover_close--3fjXB {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 200;
    width: 18px;
    height: 18px;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Popover/images/popover-close.86247867.png) no-repeat center;
    cursor: pointer;
}

    .Popover_close--3fjXB:hover {
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Popover/images/popover-close.86247867.png) no-repeat center,
                    url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Popover/images/popover-close-active.8bead4fc.png) no-repeat 0 1px;
    }

    .Popover_close--3fjXB:active {
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Popover/images/popover-close-active.8bead4fc.png) no-repeat 0 1px;
    }

    .Popover_content--24zp8 {
    position: relative;
    z-index: 20;
    font-family: 'Roboto Condensed', sans-serif;
}
@keyframes Spinner_spin--1XwGm {
    0% {
        transform: rotate(0deg);
    }

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

.Spinner_base--3042x {
    position: relative;
    width: 260px;
    height: 260px;
    text-align: center;
}

.Spinner_spinner--11p-4 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.Spinner_spinner--11p-4::before, .Spinner_spinner--11p-4::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Spinner/images/spinner.ee739a2f.png);
        content: '';
    }

.Spinner_spinner--11p-4::before {
        margin-top: 2px;
        background-position: 0 0;
        animation: Spinner_spin--1XwGm .28s linear infinite;
    }

.Spinner_spinner--11p-4::after {
        background-position: 0 -260px;
    }

.Spinner_caption--BEkNu {
    position: absolute;
    bottom: 100%;
    width: 100%;
    color: #8a8d7a;
    font-size: 13px;
    white-space: nowrap;
    transform: translateY(66px) scaleX(.89);
}
.Processing_base--o__XL {
    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--310w2 {
        background: #020200 url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Processing/images/processing-fullscreen-bg.7ae51fd2.jpg) center / contain repeat-y;
    }

    .Processing_base__window--DqoTO {
        background: #030300 url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Processing/images/processing-window-bg.d5357bbb.jpg) center / cover;
    }

    .Processing_base__gamefield--2rPlR {
        top: 60px;
    }

    .Processing_base__local--2v4iA {
        position: absolute;
        z-index: 9998;
        background: none;
    }

    .Processing_base--o__XL.Processing_isVisible--YVHtR {
        opacity: 1;
        pointer-events: auto;
    }

    .Processing_spinner--FHrg7 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 9px 0 0;
    transform: translate(-50%, -50%);
}
.Select_base--1TTJW {
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    vertical-align: top;
}

    .Select_base--1TTJW:focus {
        outline: none;
    }

    .Select_base--1TTJW.Select_isActive--1dYU1 {
        z-index: 9999;
        overflow: visible;
    }

    .Select_base--1TTJW.Select_isJustified--2fgdd {
        display: block;
        width: 100%;
    }

    .Select_caption--1VGkJ {
    color: #8c8c7c;
    font-size: 14px;
    line-height: 20px;
    vertical-align: bottom;
}

    .Select_caption__left--1qTl0 {
        display: inline-block;
        padding-right: 6px;
    }

    .Select_caption__top--3vSK9 {
        display: block;
        padding-bottom: 2px;
    }

    .Select_selectContainer--NMyq7 {
    position: relative;
    display: inline-block;
}

    .Select_isJustified--2fgdd .Select_selectContainer--NMyq7 {
        display: block;
        width: 100%;
    }

    .Select_decorator--3eyy1 {
    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--2fgdd .Select_decorator--3eyy1 {
        display: block;
        width: 100%;
    }

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

    .Select_decorator--3eyy1::before {
        top: -1px;
    }

    .Select_decorator--3eyy1::after {
        bottom: -1px;
    }

    .Select_base--1TTJW.Select_isDisabled--2_Mlw .Select_decorator--3eyy1 {
        border-right-color: #25251e;
        border-left-color: #22221a;
    }

    .Select_base--1TTJW.Select_isDisabled--2_Mlw .Select_decorator--3eyy1::before, .Select_base--1TTJW.Select_isDisabled--2_Mlw .Select_decorator--3eyy1::after {
            background: linear-gradient(
                            to right,
                            #22221a,
                            #1b1b14,
                            #25251e
                        );
        }

    .Select_base--1TTJW.Select_isActive--1dYU1 .Select_decorator--3eyy1, .Select_decorator--3eyy1:hover {
        border-right-color: #7c7c65;
        border-left-color: #696953;
    }

    .Select_base--1TTJW.Select_isActive--1dYU1 .Select_decorator--3eyy1::before, .Select_base--1TTJW.Select_isActive--1dYU1 .Select_decorator--3eyy1::after, .Select_decorator--3eyy1:hover::before, .Select_decorator--3eyy1:hover::after {
            background: linear-gradient(
                            to right,
                            #696953,
                            #4a4a39,
                            #7d7d66
                        );
        }

    .Select_decorator--3eyy1:active {
        border-right-color: #515142;
        border-left-color: #4a4a3a;
    }

    .Select_decorator--3eyy1:active::before, .Select_decorator--3eyy1:active::after {
            background: linear-gradient(
                        to right,
                        #4a4a3a,
                        #24241d,
                        #525243
            );
        }

    .Select_select--3RcG7 {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Select/images/select-bg.6095d963.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--3RcG7::after {
        position: absolute;
        top: 0;
        right: 0;
        width: 19px;
        height: 19px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Select/images/select-triangle.df16e1bc.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        content: '';
    }

    .Select_decorator--3eyy1:hover .Select_select--3RcG7 {
        background-position: 0 -19px;
    }

    .Select_decorator--3eyy1:hover .Select_select--3RcG7::after {
            background-position: 0 -19px;
        }

    .Select_decorator--3eyy1:active .Select_select--3RcG7 {
        background-position: 0 -19px;
    }

    .Select_decorator--3eyy1:active .Select_select--3RcG7::after {
            background-position: 0 -38px;
        }

    .Select_base--1TTJW.Select_isDisabled--2_Mlw .Select_select--3RcG7 {
        background-position: 0 -38px;
        cursor: default;
    }

    .Select_base--1TTJW.Select_isDisabled--2_Mlw .Select_select--3RcG7::after {
            background-position: 0 -76px;
        }

    .Select_base--1TTJW.Select_isActive--1dYU1 .Select_select--3RcG7::after {
        background-position: 0 -57px;
    }

    .Select_base--1TTJW.Select_isDisabled--2_Mlw .Select_selectedItem--ndupu {
        opacity: .2;
    }

    .Select_dropdown--1SOwA {
    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--1SOwA.Select_bottom--2_geA {
        top: 100%;
    }

    .Select_dropdown--1SOwA.Select_top--FUcwX {
        bottom: 100%;
    }

    .Select_dropdown--1SOwA.Select_left--2cwc4 {
        left: 0;
    }

    .Select_dropdown--1SOwA.Select_right--bn_Yy {
        right: 0;
    }

    .Select_base--1TTJW.Select_isActive--1dYU1 .Select_dropdown--1SOwA {
        opacity: 1;
        transition: opacity .1s linear;
    }

    .Select_scrollArea--38NN9 {
    overflow: hidden;
    border-width: 0 1px;
    border-style: solid;
    border-color: #3f3f32;
}

    .Select_scrollAreaDecorator--1qMmX {
    position: relative;
    margin: 0 -5px 0 0;
    padding: 5px 0;
}

    .Select_item--3nIDg {
    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--38NN9 .Select_item--3nIDg {
        margin: 0 -30px 0 0;
        padding: 0 54px 0 0;
        border-width: 1px 0 0;
    }

    .Select_item--3nIDg:first-child {
        border-top-color: transparent;
    }

    .Select_item--3nIDg.Select_isSelected--2Vk2J {
        color: #fff;
        text-shadow: 0 0 3px rgba(253, 244, 206, .3);
    }

    .Select_item--3nIDg::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--3nIDg:hover::before {
        opacity: 1;
        transition-delay: 0s;
    }

    .Select_item--3nIDg .Select_itemContainer--3mBHn {
        position: relative;
        z-index: 1;
        display: block;
        margin: 0 4px;
        padding: 0;
    }
.Stub_base--1CXxl {
    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--1CXxl.Stub_isDemo--2DJg6 {
        position: absolute;
    }

    .Stub_close--3mVLQ {
    position: absolute;
    top: 66px;
    right: 31px;
}

    .Stub_holder--3E_hT {
    flex: 0 0 auto;
    text-align: center;
}

    .Stub_title--aKor6 {
    margin: 0 0 10px;
    color: #ee7001;
    font-size: 15px;
    font-weight: 400;
}

    .Stub_title--aKor6::before {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin: -3px 0 0;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Stub/images/stub-warning.08a998e4.png) center no-repeat;
        vertical-align: middle;
        content: '';
    }

    .Stub_message--lpJ-P {
    margin: 0;
    color: #8c8c7c;
    font-size: 14px;
}
/**/
/* 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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--2mx4M {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.Table_table--2mx4M.Table_isScrollable--C0i0F {
            margin: 0 24px 0 0;
        }
.Table_table--2mx4M.Table_isProcessing--2iktJ {
            opacity: .3;
        }
.Table_thead--1fo-Z {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.Table_thead--1fo-Z::after, .Table_thead--1fo-Z::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--1fo-Z::before {
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-divider.6c04529c.png) bottom center repeat-x;
        }
.Table_thead--1fo-Z::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-shadow.fb86ec2b.png) top center repeat-x;
        }
.Table_tbody--q-nbj {
        display: block;
    }
.Table_cellGroup--1mMQK {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.Table_spacer--24uF4 {
        flex: 0 0 52px;
    }
.Table_base--2fG3t {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--2Drp9 {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.TableBody_table--2Drp9.TableBody_isScrollable--3XPRB {
            margin: 0 24px 0 0;
        }
.TableBody_table--2Drp9.TableBody_isProcessing--lxcIL {
            opacity: .3;
        }
.TableBody_thead--3feD1 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableBody_thead--3feD1::after, .TableBody_thead--3feD1::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--3feD1::before {
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-divider.6c04529c.png) bottom center repeat-x;
        }
.TableBody_thead--3feD1::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-shadow.fb86ec2b.png) top center repeat-x;
        }
.TableBody_tbody--BsZEH {
        display: block;
    }
.TableBody_cellGroup--_g1pm {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.TableBody_spacer--3DJCl {
        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--140OM {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--140OM {
        z-index: 20;
        align-items: center;
        height: 41px;
        overflow: hidden;
        white-space: nowrap;
    }
.TableBodyCell_td__arrow--1TAiL {
        flex: 0 0 29px;
        justify-content: center;
        padding: 0;
        text-align: center;
    }
.TableBodyCell_td__number--ZHwP5 {
        flex: 0 0 69px;
        justify-content: center;
        padding-right: 0;
        padding-left: 2px;
        text-align: center;
    }
.TableBodyCell_td__check--1Mbpi {
        flex: 0 0 54px;
        justify-content: center;
        text-align: center;
    }
.TableBodyCell_td__role--u2H3B {
        flex: 0 0 64px;
        justify-content: center;
        text-align: center;
    }
.TableBodyCell_td__basis--1JGLC {
        flex: 3 0 0%;
        justify-content: flex-start;
    }
.TableBodyCell_td__basisGutter--1onyd {
        flex: 2 0 0%;
        justify-content: flex-start;
        padding-left: 90px;
    }
/* Content alignment*/
.TableBodyCell_td__alignLeft--cOZY7 {
        justify-content: flex-start;
        text-align: left;
    }
.TableBodyCell_td__alignCenter--Vj2Ei {
        justify-content: center;
        text-align: center;
    }
.TableBodyCell_td__alignRight--2F9bd {
        justify-content: flex-end;
        text-align: right;
    }
.TableBodyCell_td__check--1Mbpi {
            padding-top: 7px;
            padding-bottom: 8px;
        }
.TableBodyCell_tdValue--3QGLE {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }
.TableBodyCell_tdValue__null--38tJI {
            color: #37362e;
        }
.TableBodyCell_tdValue__positive--1oFr9 {
            color: #7ab300;
        }
.TableBodyCell_tdValue__resource--2jGul {
            color: #a29b70;
        }
.TableBodyCell_tdValue__isError--STgAs {
            color: #595950;
        }
.TableBodyCell_tdValue__isOwn--3JdYl {
            color: #ecb55d;
        }
@media (max-width: 1040px) {
.TableBodyCell_td__number--ZHwP5.TableBodyCell_td--140OM.TableBodyCell_td__isFluid--FKJ8Y {
                padding-right: 0;
                padding-left: 2px
        }
            }
@media (max-width: 1040px) {
.TableBodyCell_td__basisGutter--1onyd.TableBodyCell_td--140OM.TableBodyCell_td__isFluid--FKJ8Y {
                padding-left: 80px
        }
            }
@media (max-width: 1040px) {
.TableBodyCell_td--140OM.TableBodyCell_td__isFluid--FKJ8Y {
            padding-right: 10px;
            padding-left: 12px
    }
        }
.TableBodyCell_value--3z-h6 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.TableBodyCell_value__null--N49-k {
        color: #37362e;
    }
.TableBodyCell_value__positive--3mXxw {
        color: #7ab300;
    }
.TableBodyCell_value__resource--2XBIU {
        color: #a29b70;
    }
.TableBodyCell_value__isValue--3mK4r {
        text-align: right;
    }
.TableBodyCell_value__isError--Finrz {
        color: #595950;
    }
.TableBodyCell_value__isOwn--2LLpQ {
        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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--3Nmi6 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        cursor: pointer;
    }
.TableExpand_trExpandable--3Nmi6::before, .TableExpand_trExpandable--3Nmi6::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--3Nmi6::before {
            top: 0;
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-divider-expandable-top.c50c48c8.png) center top repeat-x;
        }
.TableExpand_trExpandable--3Nmi6::after {
            top: 0;
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-divider-expandable-bottom.0bfc8ea4.png) center bottom repeat-x;
        }
.TableExpand_trExpandableCondition--3f795 {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 2;
        transition: opacity .16s;
    }
.TableExpand_trExpandableCondition__hover--m6f5j {
            right: 0;
            left: 0;
            z-index: 2;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-hover.9f2fdf89.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--3Nmi6:not(.TableExpand_trExpandable__isActive--3XXii):hover .TableExpand_trExpandableCondition__hover--m6f5j {
                opacity: 1;
            }
.TableExpand_trExpandableCondition__active--dYpbJ {
            right: 0;
            left: 0;
            z-index: 1;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-active.d768c029.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--dYpbJ::before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 70px;
                width: 79px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-sparks.35c0dc14.png) center top repeat-x;
                content: '';
            }
.TableExpand_trExpandable__isActive--3XXii .TableExpand_trExpandableCondition__active--dYpbJ {
                opacity: 1;
            }
.TableExpand_trExpandableCondition__own--3IqBq {
            right: 99px;
            left: 99px;
            z-index: 1;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-own.c9d5858d.png) center top repeat-x;
        }
.TableExpand_trExpandableCondition__own--3IqBq::before, .TableExpand_trExpandableCondition__own--3IqBq::after {
                position: absolute;
                top: -1px;
                bottom: 0;
                width: 100px;
                height: 43px;
                content: '';
            }
.TableExpand_trExpandableCondition__own--3IqBq::before {
                left: -100px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-own-left.e62e7275.png) center top no-repeat;
            }
.TableExpand_trExpandableCondition__own--3IqBq::after {
                right: -100px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-own-right.d42f06e0.png) center top no-repeat;
            }
.TableExpand_trArrow--16Ahx {
        position: absolute;
        top: 50%;
        left: 9px;
        z-index: 23;
        width: 21px;
        height: 26px;
        margin: -13px 0 0 0;
    }
.TableExpand_trArrow--16Ahx::before, .TableExpand_trArrow--16Ahx::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-arrow.9be97d60.png);
            background-repeat: no-repeat;
            content: '';
            transition: opacity .16s;
        }
.TableExpand_trArrow--16Ahx::before {
            background-position: 0 0;
        }
.TableExpand_trArrow--16Ahx::after {
            background-position: 0 -26px;
            opacity: 0;
        }
.TableExpand_trExpandable--3Nmi6:hover .TableExpand_trArrow--16Ahx::after {
                opacity: 1;
            }
.TableExpand_trExpandable__isActive--3XXii .TableExpand_trArrow--16Ahx::before {
                background-position: 0 -52px;
            }
.TableExpand_trExpandable__isActive--3XXii .TableExpand_trArrow--16Ahx::after {
                content: normal;
            }
.TableExpand_trExpansion--crxjI {
        position: relative;
        overflow: hidden;
    }
.TableExpand_trExpansionInner--1OEFq {
        padding: 20px 0 0;
    }
.TableExpand_trExpansionCondition--1O8E- {
        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--1O8E-::before, .TableExpand_trExpansionCondition--1O8E-::after {
            position: absolute;
            right: 0;
            left: 0;
            height: 72px;
            content: '';
        }
.TableExpand_trExpansionCondition--1O8E-::before {
            top: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-expand-shadow-top.5d40ac7b.png) center top repeat-x;
        }
.TableExpand_trExpansionCondition--1O8E-::after {
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-expand-shadow-bottom.66890e9b.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--2bKR3 {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.TableGroupCell_table--2bKR3.TableGroupCell_isScrollable--3cfNt {
            margin: 0 24px 0 0;
        }
.TableGroupCell_table--2bKR3.TableGroupCell_isProcessing--2xgGP {
            opacity: .3;
        }
.TableGroupCell_thead--3Ky9b {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableGroupCell_thead--3Ky9b::after, .TableGroupCell_thead--3Ky9b::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--3Ky9b::before {
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-divider.6c04529c.png) bottom center repeat-x;
        }
.TableGroupCell_thead--3Ky9b::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-shadow.fb86ec2b.png) top center repeat-x;
        }
.TableGroupCell_tbody--vBeek {
        display: block;
    }
.TableGroupCell_cellGroup--3FzB5 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.TableGroupCell_spacer--1s5XK {
        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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--1bmWY {
        position: relative;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        width: 100%;
    }
.TableHead_table--1bmWY.TableHead_isScrollable--OMos9 {
            margin: 0 24px 0 0;
        }
.TableHead_table--1bmWY.TableHead_isProcessing--iORPq {
            opacity: .3;
        }
.TableHead_thead--2Fmq3 {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableHead_thead--2Fmq3::after, .TableHead_thead--2Fmq3::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--2Fmq3::before {
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-divider.6c04529c.png) bottom center repeat-x;
        }
.TableHead_thead--2Fmq3::after {
            top: 100%;
            z-index: 30; /* Needed to display shadow over cells content*/
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-shadow.fb86ec2b.png) top center repeat-x;
        }
.TableHead_tbody--1lT6X {
        display: block;
    }
.TableHead_cellGroup--1bj3C {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        overflow: hidden;
    }
.TableHead_spacer--eYY7v {
        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*/
.TableHeadCell_th--36gSR {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--36gSR {
        align-items: flex-end;
        padding-top: 5px;
        color: #595950;
    }
.TableHeadCell_th__arrow--1Kxv6 {
        flex: 0 0 29px;
        justify-content: center;
        padding: 0;
        text-align: center;
    }
.TableHeadCell_th__number--2T7Re {
        flex: 0 0 69px;
        justify-content: center;
        padding-right: 0;
        padding-left: 2px;
        text-align: center;
    }
.TableHeadCell_th__check--36e1G {
        flex: 0 0 54px;
        justify-content: center;
        text-align: center;
    }
.TableHeadCell_th__role--2ygfN {
        flex: 0 0 64px;
        justify-content: center;
        text-align: center;
    }
.TableHeadCell_th__basis--2_T1R {
        flex: 3 0 0%;
        justify-content: flex-start;
    }
.TableHeadCell_th__basisGutter--394Gw {
        flex: 2 0 0%;
        justify-content: flex-start;
        padding-left: 90px;
    }
/* Content alignment*/
.TableHeadCell_th__alignLeft--3MRUd {
        justify-content: flex-start;
        text-align: left;
    }
.TableHeadCell_th__alignCenter--3zYxl {
        justify-content: center;
        text-align: center;
    }
.TableHeadCell_th__alignRight--3xz42 {
        justify-content: flex-end;
        text-align: right;
    }
.TableHeadCell_th--36gSR::before {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 3px;
            height: 32px;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-cell-divider.45241f23.png) no-repeat;
            content: '';
        }
.TableHeadCell_th--36gSR:first-child::before {
            content: normal;
        }
.TableHeadCell_cellGroup--2Lawp:not(:first-child) .TableHeadCell_th--36gSR:first-child::before {
            content: '';
        }
.TableHeadCell_th__isSortable--1fCcs {
            cursor: pointer;
        }
.TableHeadCell_th__arrow--1Kxv6 + .TableHeadCell_th--36gSR::before {
                content: normal;
            }
.TableHeadCell_thCondition--2xh5b {
        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--2xh5b::after, .TableHeadCell_thCondition--2xh5b::before {
            position: absolute;
            bottom: 0;
            width: 50%;
            height: 100%;
            background-repeat: no-repeat;
            content: '';
        }
.TableHeadCell_thCondition--2xh5b::before {
            left: 0;
            background-position: left bottom;
        }
.TableHeadCell_thCondition--2xh5b::after {
            right: 0;
            background-position: right bottom;
        }
.TableHeadCell_thCondition__hover--SQ8A6 {
            height: 25px;
        }
.TableHeadCell_thCondition__hover--SQ8A6::before {
                background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-cell-hover-left.3b7aed33.png);
            }
.TableHeadCell_thCondition__hover--SQ8A6::after {
                background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-cell-hover-right.802578d0.png);
            }
.TableHeadCell_th--36gSR:hover .TableHeadCell_thCondition__hover--SQ8A6 {
                visibility: visible;
                opacity: 1;
            }
.TableHeadCell_th--36gSR:active .TableHeadCell_thCondition__hover--SQ8A6 {
                visibility: hidden;
                opacity: 0;
            }
.TableHeadCell_thCondition__active--_XnFF {
            height: 29px;
        }
.TableHeadCell_thCondition__active--_XnFF::before {
                background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-cell-active-left.f644739a.png);
            }
.TableHeadCell_thCondition__active--_XnFF::after {
                background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-cell-active-right.e524f639.png);
            }
.TableHeadCell_th--36gSR:hover .TableHeadCell_thCondition__active--_XnFF {
                visibility: hidden;
                opacity: 0;
            }
.TableHeadCell_th--36gSR:active .TableHeadCell_thCondition__active--_XnFF {
                visibility: visible;
                opacity: 1;
            }
.TableHeadCell_key--LU2z5 {
        position: relative;
        display: inline-block;
        margin: 0 0 8px;
    }
.TableHeadCell_key--LU2z5::after {
            position: absolute;
            bottom: -24px;
            left: 50%;
            z-index: 35;
            width: 96px;
            height: 32px;
            margin: 0 0 0 -48px;
            visibility: hidden;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-cell-sort-down.46b3ae6a.png) no-repeat;
            opacity: 0;
            content: '';
            transition: opacity .16s;
            pointer-events: none;
        }
.TableHeadCell_th__desc--1btkB .TableHeadCell_key--LU2z5, .TableHeadCell_th__asc--2TV49 .TableHeadCell_key--LU2z5 {
            color: #b2b2a1;
            text-shadow: 0 0 13px #b29b6b;
        }
.TableHeadCell_th__desc--1btkB .TableHeadCell_key--LU2z5::after, .TableHeadCell_th__asc--2TV49 .TableHeadCell_key--LU2z5::after {
                visibility: visible;
                opacity: 1;
            }
.TableHeadCell_th__asc--2TV49 .TableHeadCell_key--LU2z5::after {
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-head-cell-sort-up.f3f3b74f.png) no-repeat;
            }
.TableHeadCell_th__isFirst--1zxSy::before {
        content: normal;
    }
@media (max-width: 1040px) {
.TableHeadCell_th__number--2T7Re.TableHeadCell_th--36gSR.TableHeadCell_th__isFluid--3kVvI {
                padding-right: 0;
                padding-left: 2px
        }
            }
@media (max-width: 1040px) {
.TableHeadCell_th__basisGutter--394Gw.TableHeadCell_th--36gSR.TableHeadCell_th__isFluid--3kVvI {
                padding-right: 10px;
                padding-left: 80px
        }
            }
@media (max-width: 1040px) {
.TableHeadCell_th__isFluid--3kVvI {
            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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--2qAVj {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
    }
.TableRow_tr--2qAVj::before, .TableRow_tr--2qAVj::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--2qAVj::before {
            bottom: 0;
            z-index: 1;
            height: 40px;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-divider.bdf4b193.png) repeat-x;
            pointer-events: none;
        }
.TableRow_tr--2qAVj::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--1NMyC::after {
            transition: opacity .16s;
        }
.TableRow_tr__isActive--QXb7S::after {
            visibility: visible;
            opacity: 1;
            transition: none;
        }
.TableRow_tr__isHoverable--1NMyC:hover::after {
            visibility: visible;
            opacity: 1;
        }
.TableRow_tr__isClickable--gnJJJ {
            cursor: pointer;
        }
.TableRow_trCondition--1QRu2 {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
.TableRow_trCondition__own--dsf4e {
            right: 99px;
            left: 99px;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-own.c9d5858d.png) center top repeat-x;
        }
.TableRow_trCondition__own--dsf4e::before, .TableRow_trCondition__own--dsf4e::after {
                position: absolute;
                top: -1px;
                bottom: 0;
                width: 100px;
                height: 43px;
                content: '';
            }
.TableRow_trCondition__own--dsf4e::before {
                left: -100px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-own-left.e62e7275.png) center top no-repeat;
            }
.TableRow_trCondition__own--dsf4e::after {
                right: -100px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-own-right.d42f06e0.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*/
/**/
/* 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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--26xDH {
        position: relative;
        display: flex;
        flex-flow: row nowrap;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        cursor: pointer;
    }
.TableRowExpandable_trExpandable--26xDH::before, .TableRowExpandable_trExpandable--26xDH::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--26xDH::before {
            top: 0;
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-divider-expandable-top.c50c48c8.png) center top repeat-x;
        }
.TableRowExpandable_trExpandable--26xDH::after {
            top: 0;
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-divider-expandable-bottom.0bfc8ea4.png) center bottom repeat-x;
        }
.TableRowExpandable_trExpandableCondition--1V3AT {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 2;
        transition: opacity .16s;
    }
.TableRowExpandable_trExpandableCondition__hover--3n2_Q {
            right: 0;
            left: 0;
            z-index: 2;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-hover.9f2fdf89.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--26xDH:not(.TableRowExpandable_trExpandable__isActive--2WN8n):hover .TableRowExpandable_trExpandableCondition__hover--3n2_Q {
                opacity: 1;
            }
.TableRowExpandable_trExpandableCondition__active--1Azhr {
            right: 0;
            left: 0;
            z-index: 1;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-active.d768c029.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--1Azhr::before {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 70px;
                width: 79px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-sparks.35c0dc14.png) center top repeat-x;
                content: '';
            }
.TableRowExpandable_trExpandable__isActive--2WN8n .TableRowExpandable_trExpandableCondition__active--1Azhr {
                opacity: 1;
            }
.TableRowExpandable_trExpandableCondition__own--2c0jd {
            right: 99px;
            left: 99px;
            z-index: 1;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-own.c9d5858d.png) center top repeat-x;
        }
.TableRowExpandable_trExpandableCondition__own--2c0jd::before, .TableRowExpandable_trExpandableCondition__own--2c0jd::after {
                position: absolute;
                top: -1px;
                bottom: 0;
                width: 100px;
                height: 43px;
                content: '';
            }
.TableRowExpandable_trExpandableCondition__own--2c0jd::before {
                left: -100px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-own-left.e62e7275.png) center top no-repeat;
            }
.TableRowExpandable_trExpandableCondition__own--2c0jd::after {
                right: -100px;
                background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-own-right.d42f06e0.png) center top no-repeat;
            }
.TableRowExpandable_trArrow--2sFUv {
        position: absolute;
        top: 50%;
        left: 9px;
        z-index: 23;
        width: 21px;
        height: 26px;
        margin: -13px 0 0 0;
    }
.TableRowExpandable_trArrow--2sFUv::before, .TableRowExpandable_trArrow--2sFUv::after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-row-expandable-arrow.9be97d60.png);
            background-repeat: no-repeat;
            content: '';
            transition: opacity .16s;
        }
.TableRowExpandable_trArrow--2sFUv::before {
            background-position: 0 0;
        }
.TableRowExpandable_trArrow--2sFUv::after {
            background-position: 0 -26px;
            opacity: 0;
        }
.TableRowExpandable_trExpandable--26xDH:hover .TableRowExpandable_trArrow--2sFUv::after {
                opacity: 1;
            }
.TableRowExpandable_trExpandable__isActive--2WN8n .TableRowExpandable_trArrow--2sFUv::before {
                background-position: 0 -52px;
            }
.TableRowExpandable_trExpandable__isActive--2WN8n .TableRowExpandable_trArrow--2sFUv::after {
                content: normal;
            }
.TableRowExpandable_trExpansion--1v5oz {
        position: relative;
        overflow: hidden;
    }
.TableRowExpandable_trExpansionInner--2MVa- {
        padding: 20px 0 0;
    }
.TableRowExpandable_trExpansionCondition--yKAS3 {
        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--yKAS3::before, .TableRowExpandable_trExpansionCondition--yKAS3::after {
            position: absolute;
            right: 0;
            left: 0;
            height: 72px;
            content: '';
        }
.TableRowExpandable_trExpansionCondition--yKAS3::before {
            top: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-expand-shadow-top.5d40ac7b.png) center top repeat-x;
        }
.TableRowExpandable_trExpansionCondition--yKAS3::after {
            bottom: 0;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/table/table-expand-shadow-bottom.66890e9b.png) center top repeat-x;
        }
.Tabs_base--1gOGg {
    min-width: 350px;
    margin: 0 0 21px;
    white-space: nowrap;
}

.Tabs_tabs--2X5RS {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Tabs/images/tabs-bg.ad18cf97.png) repeat-x;
}

.Tabs_tabs--2X5RS::before, .Tabs_tabs--2X5RS::after {
        position: absolute;
        z-index: 10;
        width: 50%;
        height: 100%;
        background-repeat: no-repeat;
        content: '';
    }

.Tabs_tabs--2X5RS::before {
        left: 0;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Tabs/images/tabs-bg-left.47f07e02.png);
        background-position: left;
    }

.Tabs_tabs--2X5RS::after {
        right: 0;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Tabs/images/tabs-bg-right.d188cc0c.png);
        background-position: right;
    }

.Tabs_item--2PFhw {
    position: relative;
    z-index: 20;
    display: flex;
    flex: 1 0 0%;
}

.Tabs_item--2PFhw + .Tabs_item--2PFhw::before {
        position: absolute;
        left: -2px;
        z-index: 5;
        width: 4px;
        height: 100%;
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Tabs/images/tabs-item-divider.154220a4.png) no-repeat;
        content: '';
    }

.Tabs_tab--2a9xW {
    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--2a9xW.Tabs_isChecked--2visN {
        cursor: default;
    }

.Tabs_base__chinese--1iu1w .Tabs_tab--2a9xW {
        text-shadow: none;
    }

.Tabs_caption--19X2- {
    position: relative;
    z-index: 20;
    color: rgba(242, 242, 230, .6);
    transition: all .16s;
}

.Tabs_tab--2a9xW:hover .Tabs_caption--19X2-, .Tabs_tab--2a9xW:active .Tabs_caption--19X2- {
        color: #fff;
    }

.Tabs_tab--2a9xW.Tabs_isChecked--2visN .Tabs_caption--19X2- {
        text-shadow: 0 0 15px rgba(255, 127, 0, 1),
                     0 0 15px rgba(255, 127, 0, .5);
    }

.Tabs_base__chinese--1iu1w .Tabs_tab--2a9xW.Tabs_isChecked--2visN .Tabs_caption--19X2- {
            text-shadow: none;
        }

.Tabs_tab--2a9xW.Tabs_isChecked--2visN .Tabs_caption--19X2-, .Tabs_tab--2a9xW.Tabs_isChecked--2visN:hover .Tabs_caption--19X2-, .Tabs_tab--2a9xW.Tabs_isChecked--2visN:active .Tabs_caption--19X2- {
        color: #fe9;
    }

.Tabs_condition--LzQ-J {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all .16s;
}

.Tabs_condition__active--iyw1B {
        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--2a9xW:active .Tabs_condition__active--iyw1B {
            visibility: visible;
            opacity: 1;
        }

.Tabs_tab--2a9xW.Tabs_isChecked--2visN .Tabs_condition__active--iyw1B, .Tabs_tab--2a9xW.Tabs_isChecked--2visN:hover .Tabs_condition__active--iyw1B {
            visibility: hidden;
            opacity: 0;
        }

.Tabs_condition__active--iyw1B::after, .Tabs_condition__active--iyw1B::before {
            position: absolute;
            left: 0;
            width: 100%;
            height: 1px;
            content: '';
        }

.Tabs_condition__active--iyw1B::before {
            top: 0;
            background: #000;
            opacity: .15;
        }

.Tabs_condition__active--iyw1B::after {
            bottom: 0;
            background: #fff;
            opacity: .05;
        }

.Tabs_condition__hover--32wsf {
        background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Tabs/images/tabs-condition-bg-hover.433df0f4.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--2a9xW:hover .Tabs_condition__hover--32wsf {
            visibility: visible;
            opacity: 1;
        }

.Tabs_tab--2a9xW:active .Tabs_condition__hover--32wsf, .Tabs_tab--2a9xW.Tabs_isChecked--2visN .Tabs_condition__hover--32wsf, .Tabs_tab--2a9xW.Tabs_isChecked--2visN:hover .Tabs_condition__hover--32wsf {
            visibility: hidden;
            opacity: 0;
        }

.Tabs_condition__checked--3Y2Ta {
        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--2a9xW.Tabs_isChecked--2visN .Tabs_condition__checked--3Y2Ta {
            visibility: visible;
            opacity: 1;
        }

.Tabs_condition__checked--3Y2Ta::after {
            position: absolute;
            top: 3px;
            left: 0;
            width: 100%;
            height: 43px;
            background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/components/Tabs/images/tabs-arrow.5d96c085.png) no-repeat center;
            content: '';
        }
/**/
/* 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--2hgYk {
    position: absolute;
    z-index: 9995;
    box-sizing: border-box;
    max-width: 400px;
    padding: 16px;
    visibility: hidden;
    pointer-events: none;
}
.Tooltip_base--2hgYk.Tooltip_isVisible--1JhIi {
    visibility: visible;
}
.Tooltip_base--2hgYk.Tooltip_isWide--sW7h2 {
    max-width: none;
}
.Tooltip_body--1WOlf {
    position: relative;
    padding: 14px 20px;
    border: 1px solid #3d3b31;
    border-radius: 2px;
    box-shadow: 0 0 8px #000;
    background: #070705;
}
.Tooltip_wrapper--2dQ6n {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    overflow: hidden;
    border-width: 3px;
    border-style: solid;
    border-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-bg-borders.9e4925de.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--3ns1u {
    position: relative;
    z-index: 20;
}
/* Tooltip contents styles */
.Tooltip_title--r4vcm {
    margin: 0 0 15px;
    color: #e9e2bf;
    font-size: 18px;
    font-weight: 700;
    line-height: 17px;
}
.Tooltip_subtitle--3RU0v {
    margin: 12px 0 6px;
    color: #e9e2bf;
    font-size: 15px;
    font-weight: 700;
}
.Tooltip_subtitle--3RU0v:first-child {
        margin-top: 0;
    }
.Tooltip_message--2jhtv, .Tooltip_warning--gfJ27 {
    margin: 7px 0;
    color: #8c8c7c;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}
.Tooltip_message--2jhtv:first-child, .Tooltip_warning--gfJ27:first-child {
        margin-top: 0;
    }
.Tooltip_message--2jhtv:last-child, .Tooltip_warning--gfJ27:last-child {
        margin-bottom: 0;
    }
.Tooltip_ul--1Inyq {
    margin: 5px 0 20px;
    padding: 0 0 0 17px;
}
.Tooltip_ul--1Inyq:last-child {
        margin-bottom: 0;
    }
.Tooltip_divider--1nS91 {
    position: relative;
    z-index: 5;
    display: block;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--2D8ld {
    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--2D8ld::before, .Tooltip_ribbon--2D8ld::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--2D8ld::before {
        top: -1px;
    }
.Tooltip_ribbon--2D8ld::after {
        bottom: -1px;
    }
.Tooltip_statusMessage--2_-Xw {
    margin: 15px 0 0;
}
.Tooltip_statusMessage__positive--1_9dj, .Tooltip_statusMessage__positive--1_9dj .Tooltip_status--r_skV {
    text-align: center;
}
.Tooltip_statusMessage__negative--1WjtP .Tooltip_status--r_skV {
    text-align: left;
}
.Tooltip_statusMessage__noPermission--1W6Sq {
    position: relative;
    z-index: 4;
    margin: -1px -20px 0;
    padding: 16px 20px 0;
    background: url(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-disable-background.cc8f31f1.png) no-repeat 0 0;
}
.Tooltip_divider--1nS91 + .Tooltip_statusMessage__noPermission--1W6Sq {
    margin-top: -16px;
}
.Tooltip_status--r_skV {
    margin: 0;
    color: #f5f0e5;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
.Tooltip_statusMessage__positive--1_9dj .Tooltip_status--r_skV, .Tooltip_status__positive--2LSJI {
    color: #7ab300;
}
.Tooltip_statusMessage__negative--1WjtP .Tooltip_status--r_skV, .Tooltip_status__negative--1X76R {
    color: #ff2717;
}
.Tooltip_statusText--F6TmF {
    margin: 5px 0 0;
    color: #595950;
    font-size: 14px;
    font-weight: 400;
}
.Tooltip_statusMessage__noPermission--1W6Sq .Tooltip_statusText--F6TmF {
    color: #686656;
}
.Tooltip_warning--gfJ27 {
    color: #ee7000;
}
.Tooltip_highlight--2C0T0 {
    color: #fefeec;
}
.Tooltip_important--37-L3 {
    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(/static/images/_/node_modules/react-wot-bootstrap/lib/stylesheets/images/tooltip/tooltip-dots-pattern-x.9adf32e9.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--2hgYk.Tooltip_isDemo--1hHRg {
        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;
}
.LoadingScreen_spinner--2i2dk,.LoadingScreen_spinner--2i2dk::before,.LoadingScreen_spinner--2i2dk::after{position:absolute;width:260px;height:260px}@keyframes LoadingScreen_spin--yeSCf{0%{transform:rotate(0deg)}100%{transform:rotate(20deg)}}.LoadingScreen_base--1ZFtF{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(18,20,10,0.7)}.LoadingScreen_base__gamefield--3IUAI{top:60px}.LoadingScreen_base__window--2JvFD{background:#030300 url(/static/images/components/LoadingScreen/images/window-bg.d5357bbb.jpg) center/cover}.LoadingScreen_base__fullscreen--2l0us{background:#020200 url(/static/images/components/LoadingScreen/images/fullscreen-bg.7ae51fd2.jpg) center/contain repeat-y}.LoadingScreen_spinner--2i2dk{top:50%;left:50%;margin:9px 0 0;transform:translate(-50%, -50%)}.LoadingScreen_spinner--2i2dk::before,.LoadingScreen_spinner--2i2dk::after{background-image:url(/static/images/components/LoadingScreen/images/spinner.41ca0d4d.png);content:''}.LoadingScreen_spinner--2i2dk::before{margin-top:2px;background-position:0 0;animation:LoadingScreen_spin--yeSCf .28s linear infinite}.LoadingScreen_spinner--2i2dk::after{background-position:0 -260px}.LoadingScreen_caption--3ikIa{position:absolute;bottom:100%;width:100%;color:#8a8d7a;font:400 13px "Roboto Condensed",sans-serif;text-align:center;text-decoration:none;white-space:nowrap;transform:translateY(66px) scaleX(0.89)}
.Stub_base--3Lcld{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center}.Stub_holder--1CiZz{flex:0 0 auto;text-align:center}.Stub_title--3ZRW1{margin:0 0 10px;color:#ee7001;font-size:15px;font-weight:400}.Stub_title--3ZRW1::before{display:inline-block;width:24px;height:24px;margin:-3px 0 0;background-image:url(/static/images/styles/images/icons/warning.08a998e4.png);vertical-align:middle;content:''}.Stub_description---Ezeo{margin:0;color:#8c8c7c;font-size:14px}

/*# sourceMappingURL=commons.6444f9326339ee8266db56a36d88af88.css.map*/