.down-info {
    color: rgb(70, 70, 70);
    font-size: 11px;
    margin-right: 12px
}

.down-info a {
    color: rgb(70, 70, 70);
    text-decoration: none
}

.down-info a:hover {
    text-decoration: underline
}

.down-info .gray {
    border-left: 1px solid rgb(70, 70, 70);
    color: rgb(70, 70, 70);
    margin: 5px 5px 0 10px;
    padding-left: 10px;
    display: inline-block
}

.down-info .gray:first-child {
    margin-left: 0;
    border: none
}

.pop-up .content {
    display: inline-block;
    background: rgb(215, 215, 215);
    padding: 25px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 101;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5)
}

.pop-up .content input, .pop-up .content textarea {
    width: 100%;
    outline: none;
    margin-bottom: 15px;
    padding: 5px;
    font-family: Arial;
    font-size: 12px;
    border: 1px solid darkgrey
}

.pop-up .content textarea {
    height: 150px;
    resize: none
}

.pop-up .content input[type=submit] {
    margin-bottom: 0
}

.pop-up.replay-upload .content {
    width: 500px
}

.pop-up .error {
    border: 1px solid rgb(221, 14, 14) !important
}

.pop-up .content label input[type=checkbox] {
    display: none
}

.pop-up .content label input[type=checkbox] + span {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("../../style/images/wot/buttons/checkbox-sprite.3223e3b0624d.png");
    margin-right: 2px;
    margin-bottom: -3px
}

.pop-up .content label input[type=checkbox]:checked + span {
    background-position: 0 -16px
}

.pop-up .content label:hover input[type=checkbox]:not(:checked) + span {
    background-position: 0 -32px
}

.pop-up .content label {
    margin-bottom: 20px;
    display: inline-block
}

.pop-up .content label:hover {
    cursor: url("../../style/images/wot/cursors/cursor-pointer.932fd2dba7b8.png"), pointer
}

.replay-list .wrapper {
    height: 98px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 4px 10px 2px rgba(0, 0, 0, 0.6);
    background: #14120e;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transition: all 200ms;
    width: 728px
}

.replay-list .wrapper.youtube .details .title {
    width: 405px
}

.replay-list .wrapper .yt_logo {
    position: absolute;
    top: 2px;
    right: 5px;
    height: 65px
}

.replay-list .wrapper .img-container:before {
    content: " ";
    width: 100%;
    height: 98px;
    top: 0;
    right: -1px;
    z-index: 1;
    position: absolute;
    background: -moz-linear-gradient(left, rgba(20, 18, 14, 0) 0%, rgba(20, 18, 14, 0) 21%, rgba(20, 18, 14, 1) 82%, rgba(20, 18, 14, 1) 99%);
    background: -webkit-linear-gradient(left, rgba(20, 18, 14, 0) 0%, rgba(20, 18, 14, 0) 21%, rgba(20, 18, 14, 1) 82%, rgba(20, 18, 14, 1) 99%);
    background: linear-gradient(to right, rgba(20, 18, 14, 0) 0%, rgba(20, 18, 14, 0) 21%, rgba(20, 18, 14, 1) 82%, rgba(20, 18, 14, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0014120e", endColorstr="#14120e", GradientType=1)
}

.replay-list .wrapper .img-container {
    position: relative;
    display: inline-block;
    min-width: 231px;
    height: 100%
}

.replay-list .wrapper .img-container img.map {
    border-radius: 8px;
    height: 98px;
    display: block
}

.replay-list .wrapper .img-container img.tank {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 98px
}

.replay-list .wrapper .img-container img.type, .replay-list .wrapper .img-container img.level {
    position: absolute;
    z-index: 10
}

.replay-list .wrapper .img-container img.type {
    top: 5px;
    right: 5px
}

.replay-list .wrapper .img-container img.level {
    top: 5px;
    right: 20px
}

.replay-list .wrapper .img-container .map-name {
    position: absolute;
    left: 10px;
    top: 5px;
    font-family: "Oswald", Arial, sans-serif;
    font-size: 16px;
    text-shadow: 0 0 5px #FFFFFF, 0 0 5px #FFFFFF, 0 0 5px #FFFFFF;
    text-transform: uppercase;
    z-index: 2;
    color: rgb(57, 58, 58);
    display: inline-block;
    width: 135px
}

.replay-list .wrapper .img-container .name {
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-align: right;
    color: rgb(237, 237, 237);
    text-shadow: 0 0 8px rgba(205, 205, 205, 0.8);
    z-index: 2
}

.replay-list .wrapper .img-container .name.premium {
    color: #C57338;
    text-shadow: 0 0 8px #B86D37
}

.replay-list .wrapper .img-container .mastery {
    position: absolute;
    left: 5px;
    bottom: 0;
    z-index: 20;
    height: auto;
    width: auto
}

.replay-list .wrapper .img-container .game {
    position: absolute;
    left: 672px;
    bottom: 1px;
    z-index: 20;
    height: auto;
    width: 53px
}

.replay-list .wrapper .img-container .locked {
    position: absolute;
    right: 1px;
    top: 23px;
    z-index: 20;
    height: auto;
    width: auto
}

.replay-list .wrapper .details {
    vertical-align: top;
    display: inline-block;
    width: 480px;
    padding-left: 10px;
    color: #959586;
    height: 100%
}

.replay-list .wrapper .details .title {
    color: #FEC264;
    font-family: "Oswald", sans-serif;
    font-size: 17px;
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replay-list .wrapper .details .upload-info {
    font-size: 11px;
    margin: 2px 0 0 0
}

.replay-list .wrapper .details .tovabb {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -25px;
    display: block;
    width: 70px;
    text-align: center
}

.replay-list .wrapper .details .tovabb:hover img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg)
}

.replay-list .wrapper .details .tovabb:hover div {
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg)
}

.replay-list .wrapper .details .tovabb img {
    height: 50px;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    backface-visibility: hidden;
    -webkit-visibility: hidden;
    -moz-visibility: hidden
}

.replay-list .wrapper .details .tovabb div {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    color: rgb(128, 191, 38);
    font-family: "Oswald", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    position: absolute;
    top: 11px;
    backface-visibility: hidden;
    -webkit-visibility: hidden;
    -moz-visibility: hidden;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    text-align: center;
    width: 100%;
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black
}

.replay-list .wrapper .details .cell {
    display: inline-block;
    width: 74px;
    height: 22px
}

.replay-list .wrapper .details .cell span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
    padding-left: 2px
}

.replay-list .wrapper .details .cell img {
    vertical-align: middle
}

.replay-list .wrapper .details .cell .icon_up {
    margin: -3px 1px 0 -1px
}

.replay-list .wrapper .details .cell .icon_down {
    margin: -3px 2px 0 0
}

.replay-list .wrapper .details .cell .icon_comment {
    margin: 0 10px 0 5px
}

.replay-list .wrapper .details .cell .icon_view {
    margin: -1px -1px 0 -3px
}

.replay-list .wrapper .details .cell .icon_download {
    margin: -1px -2px 0 -2px;
    transform: rotateX(180deg)
}

.replay-list .wrapper .details .cell .icon_credits {
    height: 10px;
    margin-right: 2px;
    margin-top: -1px
}

.replay-list .wrapper .details .cell .icon_xp {
    height: 14px;
    margin-top: -2px
}

.replay-list .wrapper .details .cell .icon_kills {
    height: 12px;
    margin-top: -4px;
    margin-right: 2px
}

.replay-list .wrapper .details .cell .icon_damage {
    height: 14px;
    margin: -2px 2px 0 0
}

.replay-list .wrapper .details .cell .icon_assist {
    margin-left: -1px;
    margin-right: 1px;
    margin-top: -2px
}

.replay-list .wrapper .details .cell .icon_block {
    margin-top: -3px
}

@-webkit-keyframes highlight {
    0% {
        background-color: rgba(255, 0, 0, 0.0)
    }
    50% {
        background-color: rgba(255, 0, 0, 0.30)
    }
    100% {
        background-color: rgba(255, 0, 0, 0.0)
    }
}

@keyframes highlight {
    0% {
        background-color: rgba(255, 0, 0, 0.0)
    }
    50% {
        background-color: rgba(255, 0, 0, 0.30)
    }
    100% {
        background-color: rgba(255, 0, 0, 0.0)
    }
}

.comment-section .list .name {
    display: inline-block;
    padding: 7px
}

.comment-section .list .name .owner {
    color: rgb(232, 15, 15);
    font-size: 15px;
    font-family: "Oswald", sans-serif;
    line-height: 13px;
    margin-bottom: 1px;
    display: block
}

.sort-wrapper a, .pagination a {
    text-decoration: none;
    display: inline-block;
    padding: 0 7px;
    line-height: 20px;
    text-align: center;
    margin-right: 7px;
    background: url("../../style/images/wot/buttons/sprite.98cc2e2d62a6.png");
    background-size: 100% 60px;
    background-position: 0 -21px;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    color: #cecebc;
    font-size: 12px;
    text-shadow: 0 0 2px #322A2A, 0 0 2px #3F3939;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 6px
}

.sort-wrapper a:hover, .pagination a:hover {
    background-position: 0 -42px;
    background-size: 100% 61px
}

.pagination {
    text-align: center
}

.pagination a.inactive {
    background-position: 0 -62px;
    background-size: 100% 61px;
    color: rgba(147, 147, 147, 1)
}

.youtube-list .item .time, .youtube-list .item .views {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 3px 7px;
    font-family: "Oswald", sans-serif;
    letter-spacing: 1px
}

.youtube-list .item .title {
    font-family: "Oswald", sans-serif;
    font-size: 13px;
    padding: 5px 7px 7px 7px;
    background: #000;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.replay-filter .title {
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    margin-bottom: 10px
}

.replay-filter .title .count {
    font-size: 12px
}

.replay-filter .col label, .replay-filter .tank-list label {
    display: block;
    margin-bottom: 3px;
    line-height: 15px;
    padding-top: 2px
}

.replay-filter .mastery {
    width: 110px
}

.replay-filter .tank-list, .replay-filter .map-list {
    float: right;
    width: 220px;
    text-align: left;
    border: none;
    position: relative
}

.replay-filter .tank-list .list {
    height: 216px;
    overflow: hidden
}

.replay-filter .tank-list .list .mCSB_outside + .mCSB_scrollTools, .replay-filter .map-list .list .mCSB_outside + .mCSB_scrollTools {
    right: 0
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4)
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0)
    }
}

.votes-section .item .name {
    display: inline-block;
    padding: 0 0 3px 1px;
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    color: rgb(82, 82, 82);
    line-height: 24px;
    margin-left: 2px
}

.votes-section .item .count {
    display: inline-block;
    border: 1px solid rgb(170, 170, 170);
    height: 31px;
    line-height: 30px;
    color: rgb(82, 82, 82);
    width: 100px;
    text-align: center;
    float: right
}

.votes-section .comment-section .list .name .owner {
    line-height: inherit
}

form.contact .error {
    border: 1px solid red !important
}

.blog-section .item .name, .blog-wrapper .name {
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: 15px;
    height: 30px;
    line-height: 29px;
    color: rgb(82, 82, 82);
    vertical-align: bottom
}

.blog-wrapper .share .right {
    color: rgb(70, 70, 70);
    display: inline-block;
    height: 15px;
    line-height: 15px;
    margin-top: 4px
}

.blog-wrapper .share .right span {
    color: #000;
    display: inline-block;
    height: 13px;
    border-right: 1px solid #000;
    padding-right: 5px;
    margin-right: 5px
}

.blog-wrapper .share .right span:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0
}

.chat-content .message .name {
    float: left;
    font-weight: bold;
    margin-right: 5px
}

.chat-content .message .text {
    word-break: break-word
}

.chat-content .message {
    margin-bottom: 3px
}

.chat-remaining.red {
    color: red
}

.map_container_wiki .map {
    width: 220px;
    float: left
}

.pop-up .maps.content {
    padding-left: 17px !important;
    padding-top: 17px !important;
    padding-right: 2px !important;
    padding-bottom: 2px !important;
    box-shadow: none;
    border: none;
    background: none;
    width: 533px;
    height: 533px
}

.map_container_wiki .icon {
    position: absolute;
    width: 26px;
    margin-top: -13px;
    margin-left: -13px;
    display: none
}

.map_container_wiki .icon.ctf {
    display: block
}

.tank-profile .half + .half table {
    float: right;
    margin-right: 30px
}

.vehicle-details .gun-clip.active td, .vehicle-details .gun-single.active td {
    display: table-cell
}

@media screen and (max-width: 1083px) {
    header:before, header:after {
        display: none
    }

    header {
        width: 1053px
    }

    #content {
        border: none
    }
}

@media screen and (max-width: 2000px) {
    html, body {
        -webkit-text-size-adjust: none
    }
}

.battle-records .achievements .marks-on-gun img {
    max-height: 83px;
}

.map-stat .stat .stat-tank .select, .replay-filter .select {
    position: absolute;
    top: 50px;
    left: 154px;
    color: #959586
}

.map-stat .stat .stat-tank .select .custom, .replay-filter .select .custom {
    width: 180px;
    margin-top: 5px;
    background: #101008;
    position: relative;
    border: 1px solid #34332e;
    border-radius: 1px;
    height: 20px
}

.map-stat .stat .stat-tank .select .custom:hover, .map-stat .stat .stat-tank .select .custom select:hover {
    cursor: url("../../style/images/wot/cursors/cursor-pointer.932fd2dba7b8.png"), pointer !important
}

.map-stat .stat .stat-tank .select .custom .selected, .replay-filter .select .custom .selected {
    padding: 0 25px 0 5px;
    border: none;
    background: none;
    color: #959586;
    line-height: 19px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.map-stat .stat .stat-tank .select i, .replay-filter .select i {
    display: block;
    width: 18px;
    height: 18px;
    background: url("../../style/images/wot/buttons/select.013e87197f69.png");
    position: absolute;
    right: 1px;
    top: -1px
}

.map-stat .stat .stat-tank .select .custom .list, .replay-filter .select .custom .list {
    background: #101008;
    position: absolute;
    top: 19px;
    z-index: 1;
    border: 1px solid #34332e;
    border-top: 0;
    left: -1px;
    width: 180px;
    font-size: 11px;
    display: none
}

.map-stat .stat .stat-tank .select .custom .list .row, .replay-filter .select .list .row {
    padding: 4px 25px 4px 5px
}

.map-stat .stat .stat-tank .select .custom .list .row:hover, .replay-filter .select .list .row:hover {
    background-color: #2e2e24
}

header .player-search .custom .list .row {
    padding: 4px 25px 4px 5px;
    height: 20px;
    line-height: 13px;
    color: #959586
}

body.gb #content {
    background-color: rgba(239, 239, 239, 0.8)
}

body.phj #content, body.phj footer {
    background-color: rgba(239, 239, 239, 0.95)
}

body.phj header .wrapper .logo img {
    height: 52px;
    margin-top: 5px
}

body.scheff header .wrapper .logo img {
    height: 52px;
    margin-top: 5px
}

body.dezgamez header .wrapper .logo img {
    height: 52px;
    margin-top: 5px
}

body.circon header .wrapper .logo img {
    height: 52px;
    margin-top: 5px
}

body.wotnoobians header .wrapper .logo img {
    height: 52px;
    margin-top: 5px
}

body.gb header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.nejo12 header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.bodzy header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.ph3lan header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.justforlolzfyi header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.agingjedi header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.sirhavoc header .wrapper .logo img {
    height: auto;
    margin-top: 17px
}

body.wotinfo header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.mistercro header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.saltyjedi header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

body.quickybaby header .wrapper .logo img {
    height: 51px;
    margin-top: 5px
}

.team-score.convoy table.tank-list td.xp {
    text-align: center
}

.tanks-image.convoy {
    background: url("../../style/images/wot/battleresults/win_mark1.cc1005186277.jpg")
}

.tanks-image.convoy .battle-records {
    background: none;
    position: relative;
    z-index: 2
}

.tanks-image.convoy .battle-records:before {
    content: "";
    background: url("../../style/images/wot/battleresults/battleResults-43.03ec5278fe88.png") no-repeat center;
    opacity: 0.6;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1
}

.right-panel .rss .title {
    font-family: "Oswald", sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: rgb(70, 70, 70);
    display: inline-block;
    width: 165px;
    vertical-align: middle
}

.right-panel .rss a:hover .title {
    color: #000
}

#content .right-panel .youtube-list {
    height: auto
}

#content .right-panel .youtube-list .item {
    width: 100%
}

body.screenshot .replay-tabs, body.screenshot .replay-tabs, body.screenshot .replay-tab-wrapper, body.screenshot header .wrapper .logo img {
    z-index: 11;
    position: relative
}

body.screenshot header .wrapper .logo img {
    height: auto;
    width: auto;
    margin-left: 20px
}

body.screenshot .replay-tabs {
    z-index: 20
}

body.screenshot .replay-tab-wrapper {
    box-shadow: 0 0 31px 10px rgba(0, 0, 0, 0.66);
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black
}

body.screenshot .replay-tab-wrapper .tanks-image {
    border-top: 1px solid black
}

body.screenshot #content {
    overflow: visible
}

body.screenshot #content .left-panel.full {
    position: absolute;
    top: -38px
}

body.screenshot .half.score {
    width: 499px
}

body.screenshot .half.score:nth-child(1) {
    margin-left: 1px
}

body.screenshot header .right {
    display: none
}

body.screenshot .replay-tab-wrapper, body.screenshot header .wrapper > a:first-child {
    z-index: 15;
    position: relative
}

@keyframes example {
    0% {
        left: -20%;
        top: 100%;
        transform: rotate(0);
        opacity: 0
    }
    10% {
        transform: rotate(-30deg)
    }
    40% {
        opacity: 0.6
    }
    90% {
        transform: rotate(10deg);
        opacity: 0
    }
    100% {
        left: 100%;
        top: 0%;
        transform: rotate(0deg)
    }
}

.tank-profile .ad_680_90.second > ins:not(:empty) {
    margin-bottom: 10px;
    margin-top: 5px
}

.pop-up[data-name="tank-image"] .content {
    margin: 0 !important;
    transform: translate(-50%, -50%);
    padding: 0;
    width: 95%;
    height: 90%;
    text-align: center;
    background: none;
    box-shadow: none;
    border: none
}

.pop-up[data-name="tank-image"] .content img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.replay-tabs {
    display: flex;
    border-bottom: 2px solid var(--border);
    /*margin-bottom: 20px*/
}

.replay-detail-nav {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.replay-tabs .tab {
    padding: 12px 24px;
    background: var(--panel);
    border: 1px solid var(--border);
    border-bottom: none;
    cursor: pointer;
    color: var(--muted);
    transition: all 0.2s ease;
    border-radius: 8px 8px 0 0;
    margin-right: 2px
}

.replay-tabs .tab:hover {
    background: var(--panel-2);
    color: var(--text)
}

.replay-tabs .tab.active {
    background: var(--bg);
    color: var(--text);
    border-color: var(--accent);
    position: relative;
    z-index: 1
}

.replay-tabs .tab.active::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--bg)
}

.replay-tab-wrapper {
    display: none
}

.replay-tab-wrapper.active {
    display: block
}

.replay-tab-wrapper.active {
    animation: fadeIn 0.3s ease-in-out
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.current-player {
    color: rgba(254, 194, 100, 0.63) !important
}

/*Комментарии*/
.comments-sep {
  margin: 24px 0;
  border: none;
  border-top: 1px solid var(--line, #e5e7eb);
}

.comments-section {
  margin: 16px 0 0;
  padding: 12px 0 0;
}

.comments-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
}

.comment-form form {
  display: grid;
  gap: 8px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--line, #e5e7eb);
  border-radius: 8px;
}

.comment-form input[type="submit"] {
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
}

.comment-image img {
  display: block;
  max-width: min(100%, 520px);
  max-height: 420px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  object-fit: contain;
}

/* макет колонок */
.grid-2 { display:flex; gap:16px; align-items:flex-start; }
.col-left, .col-right { flex:1; }

/*!* панель/таблица блока *!*/
/*.panel { background:#111; border:1px solid #2a2a2a; border-radius:8px; padding:10px 12px; margin-bottom:12px; }*/
/*.panel .row { display:flex; justify-content:space-between; align-items:center; padding:2px 0; min-height:18px; }*/
/*.panel .row .left { opacity:.9; }*/
/*.panel .row .right { display:inline-flex; align-items:center; gap:6px; font-variant-numeric:tabular-nums; }*/

/*!* отступы для подстрок *!*/
/*.row--pad { padding-left:14px; }*/
/*.row--sep { margin-top:6px; }*/
/*.row--total { border-top:1px dashed #3a3a3a; padding-top:6px; margin-top:4px; }*/
/*.row--cost .right { color:#d9534f; }            !* отрицательные суммы *!*/
/*.row--grand { font-weight:700; }*/
/*.row--bonus .bonus { margin-left:10px; opacity:.9; }*/
/*.row--hint { opacity:.9; font-size:0.95em; }*/

/*!* актив/неактив колонок *!*/
/*.is-active {}*/
/*.is-inactive { opacity:.45; filter:saturate(85%) contrast(.95); pointer-events:none; }*/

/*!* иконки-юниты *!*/
/*.unit { width:16px; height:16px; vertical-align:middle; }*/
/*.unit--cr   { !* кредиты *! }*/
/*.unit--gold { !* золото  *! }*/
/*.unit--xp   { !* опыт    *! }*/
/*.unit--free { !* свободный опыт *! }*/
/*.unit--bond { !* боны    *! }*/

/*!* утилиты *!*/
/*.text-red { color:#d9534f; }*/
/*.negative .right { color:#d9534f; }*/

/*!* заголовочная полоса *!*/
/*.titles-line { display:flex; gap:16px; align-items:center; margin:8px 0; }*/
/*.titles-line .base, .titles-line .premium { padding:2px 6px; border-radius:4px; }*/
/*.titles-line .base.active, .titles-line .premium.active { background:#1c2a10; }*/
/*.titles-line .base.inactive, .titles-line .premium.inactive { opacity:.55; }*/

/* Hover эффект для кликабельных строк игроков */
#tab-team table.tank-list tbody tr[data-player]:hover {
    background-color: rgba(254, 194, 100, 0.1) !important;
    transition: background-color 0.2s ease;
}

#tab-team table.tank-list tbody tr[data-player] {
    transition: background-color 0.2s ease;
}