/* Start:/local/components/itgrade/tabs/templates/.default/style.css?17470354342079*/
.itgrade-tabs .tabs {
    position: relative;
    display: flex;
}

.itgrade-tabs .nav-tabs {
    flex-wrap: nowrap;
    gap: 41px;
}

.itgrade-tabs .nav-tabs li {
    word-break: keep-all;
    min-width: fit-content;
}

.itgrade-tabs .nav-tabs li:first-child {
    min-width: 1px;
}

.itgrade-tabs .nav-tabs li:last-child {
    min-width: 1px;
}

.itgrade-tabs .nav-tabs::after {
    display: none;
}

.itgrade-tabs .tabs-arrow {
    cursor: pointer;
    user-select: none;
}

.itgrade-tabs .tabs-container {
    overflow: hidden;
}

.tabs-container-sh {
    position: relative;
}

.itgrade-tabs .tabs-container::before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    background: linear-gradient(270deg, #FFFFFF 10.69%, rgba(255, 255, 255, 0) 100%);
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.itgrade-tabs .tabs-container::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
    background: linear-gradient(270deg, #FFFFFF 10.69%, rgba(255, 255, 255, 0) 100%);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.itgrade-tabs .tabs-arrow--back {
    transform: scaleX(-1);
}

.itgrade-tabs .tab-pagination {
    display: flex;
    justify-content: end;
    margin-top: 64px;
    gap: 10px 32px;
    flex-wrap: wrap;
}

.itgrade-tabs .btn-prev svg {
    margin-right: 8px;
}

.itgrade-tabs .btn-next svg {
    margin-left: 8px;
    transform: scaleX(-1);
}

@media screen and (max-width: 1400px) {
    .tabs-container {
       min-width: 0;
        max-width: 100%;
    }

    .tabs-container-sh {
        max-width: calc( 100% - 32px - 32px - 16px );
    }

    .itgrade-tabs .tabs {
        gap: 8px;
    }

    .itgrade-tabs .tabs-container::before {
        width: 25px;
    }

    .itgrade-tabs .tabs-container::after {
        width: 25px;
    }
}

@media screen and (max-width: 476px) {
    .itgrade-tabs .btn-prev,
    .itgrade-tabs .btn-next {
        width: 100%;
    }
}
/* End */
/* /local/components/itgrade/tabs/templates/.default/style.css?17470354342079 */