.size-chart-dialog {
    display        : flex;
    flex-direction : column;
    width          : 100%;
    text-align     : left;
}

.size-chart-dialog .footer-title {
    font-size   : 15px;
    line-height : 23px;
}

.size-chart-dialog .footer-description {
    font-size   : 12px;
    line-height : 20px;
    font-weight : 300;
    margin-top  : 10px;
}

.size-chart-dialog .footer-description a {
    color       : #000;
    font-weight : 500;
}

.size-chart-dialog .footer-socials {
    display     : flex;
    align-items : center;
    margin      : 11px -11px 0;
}

.size-chart-dialog .footer-socials li {
    margin : 0 11px;
}

.size-chart-dialog .footer-socials svg {
    width  : 23px;
    height : 23px;
}

@media (max-width : 767px) {
    .size-chart-dialog .description {
        font-size     : 12px;
        line-height   : 19px;
        color         : #bdc2cb;
        text-align    : left;
        margin-bottom : 22px;
        padding-right : 30px;
    }

    .size-chart-dialog .row {
        padding        : 0 26px;
        margin         : -14px 0 27px;
        flex-direction : column;
        max-height     : calc(100vh - 300px);
        overflow       : hidden;
    }

    .size-chart-dialog .item-header {
        display     : flex;
        align-items : center;
        text-align  : center;
        font-size   : 12px;
    }

    .size-chart-dialog .item-header .theme-select {
        height       : 60px;
        border-color : #e4e8ed;
        text-align   : center;
    }

    .size-chart-dialog .item-header .theme-select > [type=button] {
        font-weight : 500;
        text-align  : center;
    }

    .size-chart-dialog .item-header .theme-select > ul {
        border-color : #e4e8ed;
    }

    .size-chart-dialog .item-header .theme-select li {
        height      : 38px;
        line-height : 38px;
    }

    .size-chart-dialog .item-header .theme-select.open > [type=button] {
        border-bottom-color : transparent;
    }

    .size-chart-dialog .items {
        margin     : 0 -26px;
        overflow-y : auto;
    }

    .size-chart-dialog .basket {
        display        : none;
        flex-direction : column;
        align-items    : center;
    }

    .size-chart-dialog .items .s {
        background-color : #edf0f3;
        margin-top       : -1px;
    }

    .size-chart-dialog .items .s .variant {
        border-bottom-width : 0;
    }

    .size-chart-dialog .items .s .basket {
        display    : flex;
        margin-top : 29px;
    }

    .size-chart-dialog .basket .price {
        font-size   : 16px;
        font-weight : 500;
    }

    .size-chart-dialog .basket button {
        margin-top : 18px;
        max-width  : 100%;
        height     : 50px;
    }

    .size-chart-dialog .items .variant {
        height           : 50px;
        display          : flex;
        align-items      : center;
        padding          : 0 26px;
        border-bottom    : 1px solid #e4e8ed;
        text-align       : center;
        font-size        : 16px;
        background-color : transparent;
        width            : 100%;
    }

    .size-chart-dialog .items .item-cm {
        text-align : center;
    }

    .size-chart-dialog .items .item-variant {
        font-weight : 500;
        position    : relative;
    }

    .size-chart-dialog .items .item-variant.-ica::after {
        content     : '\e91f';
        font-size   : 6px;
        line-height : 6px;
        width       : 11px;
        height      : 7px;
        position    : absolute;
        right       : 20px;
        top         : 50%;
        margin-top  : -3px;
    }

    .size-chart-dialog .items .s .item-variant.-ica::after {
        content : '\e920';
    }

    .size-chart-dialog .items .item-cm,
    .size-chart-dialog .item-header .item-cm {
        width : 130px;
        flex  : 0 0 130px;
    }

    .size-chart-dialog .items .item-variant,
    .size-chart-dialog .item-header .item-variant {
        width : calc(100% - 130px);
        flex  : 0 0 calc(100% - 130px);
    }

    .size-chart-dialog .bottom-inf {
        background-color : #ebedf2;
        padding          : 17px 26px 20px;
        color            : #0b0806;
    }
}

@media (min-width : 768px) {
    .modal-window[data-popup-name="modal.size-chart"] .modal-content {
        padding   : 16px 0 0;
        max-width : 90vw;
    }

    .modal-window[data-popup-name="modal.size-chart"] .modal-title {
        font-size : 24px;
        padding   : 0 109px 0 40px;
    }

    .size-chart-dialog .row {
        position : relative;
    }

    .size-chart-dialog .row > * {
        padding-bottom : 58px;
    }

    .size-chart-dialog .menu {
        flex             : 0 0 174px;
        width            : 174px;
        background-color : #fff;
        position         : absolute;
        top              : 0;
        left             : 0;
    }

    .size-chart-dialog .menu li {
        padding-left : 40px;
        font-size    : 12px;
        font-weight  : 300;
    }

    .size-chart-dialog li.item-selected {
        font-weight : 500;
    }

    .size-chart-dialog .item-header {
        display       : flex;
        align-items   : center;
        border-bottom : 1px solid #f1f3f6;
        height        : 75px;
        margin-bottom : 8px;
    }

    .size-chart-dialog .item {
        display     : flex;
        align-items : center;
        height      : 53px;
    }

    .size-chart-dialog .items {
        display         : flex;
        max-width       : 1191px;
        padding-right   : 5px;
        padding-left    : 174px;
        overflow-x      : auto;
        scrollbar-color : #000 #e5e5e5; /* «цвет ползунка» «цвет полосы скроллбара» */
        scrollbar-width : thin; /* толщина */
    }

    .size-chart-dialog .items > div {
        display : flex;
    }

    .size-chart-dialog .items .item-column {
        flex  : 0 0 92px;
        width : 92px;
    }

    .size-chart-dialog .items li {
        justify-content : center;
    }

    .size-chart-dialog .bottom-inf {
        background-color : #f1f3f6;
        padding          : 31px 39px 41px;
        color            : #0b0806;
    }

    .size-chart-dialog .footer-title {
        font-size : 17px;
    }

    .size-chart-dialog .items::-webkit-scrollbar { /* 1 - скроллбар */
        width  : 4px;
        height : 4px;
    }

    .size-chart-dialog .items::-webkit-scrollbar-button { /* 2 - кнопка */
        display : none;
    }

    .size-chart-dialog .items::-webkit-scrollbar-track { /* 3 - трек */
        background-color : #e5e5e5;
    }

    .size-chart-dialog .items::-webkit-scrollbar-track-piece { /* 4 - видимая часть трека */
    }

    .size-chart-dialog .items::-webkit-scrollbar-thumb { /* 5 - ползунок */
        background-color : #000;
    }

    .size-chart-dialog .items::-webkit-scrollbar-corner { /* 6 - уголок */
    }

    .size-chart-dialog .items::-webkit-resizer { /* 7 - изменение размеров */
    }
}