@keyframes animBtn {
    from {
        left: -50%;
    }

    to {
        left: 100%;
    }
}

@keyframes swipe-animation {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(15rem);
    }

    50% {
        transform: translateX(0);
    }

    75% {
        transform: translateX(-15rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes moveBefore {
    0% {
        left: 15rem;
    }

    100% {
        left: -275rem;
    }
}

@keyframes moveAfter {
    0% {
        left: -275rem;
    }

    100% {
        left: 15rem;
    }
}

:root {
    --font-family: "Montserrat", sans-serif;
}

.gc-main-content {
    overflow: hidden;
}

.center-block {
    max-width: 100% !important;
}

.gc-main-content .container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.reset-btn>button,
.reset-btn-link {
    border: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 1px !important;
    box-shadow: none !important;
    position: relative !important;
    transition: all .3s !important;
    overflow: hidden;
}

.reset-btn>button::before,
.reset-btn-link::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    background: url('//fs.getcourse.ru/fileservice/file/download/a/11874/sc/477/h/8de7ccaeb23016d6ce6affdb6d169e0a.png') no-repeat;
    background-size: cover;
    animation-name: animBtn;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.cst-reset-btn {
    border: none !important;
    outline: none !important;
    margin: 0;
    padding: 0;
    min-height: 1px !important;
    box-shadow: none !important;
    position: relative !important;
    transition: all .3s !important;
    text-decoration: none !important;
    overflow: hidden !important;
}

html {
    font-size: calc(1vw / 14.4);
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

body {
    background: #eff7f8;
}

.modal-content {
    border: none !important;
    border-radius: 0 !important;
}

.body--oh {
    overflow: hidden !important;
}

.help-widget-button,
.talks-widget-button {
    display: none !important;
}

.lt-basket {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0 !important;
}

.cst-popup_modal,
.cst-cart-form {
    width: 1240rem !important;
    background: #eff7f8 !important;
    margin-top: 20rem !important;
}

.modal.gc-modal.in.gcrd-lesson-blocks .close-btn {
    position: absolute;
    top: 38rem !important;
    right: auto;
    left: 1285rem !important;

    background: url('//fs.getcourse.ru/fileservice/file/download/a/298472/sc/50/h/1301188dc967f29c3ece116179c6f030.webp') no-repeat;
    background-size: contain;
    width: 25rem !important;
    height: 25rem !important;
}

.modal.gc-modal.in.gcrd-lesson-blocks .close-btn>i {
    display: none !important;
}

.block-set-editor .cst-popup-item {
    display: block !important;
}

.block-set-editor .cst-product-popup__actions {
    display: grid !important;
}

.cst-product-popup__actions--show {
    display: grid !important;
}

.block-set-editor .cst-product-item__actions {
    display: grid !important;
}

.cst-product-block .global-confirm-checkbox-block {
    display: none !important;
}

.cst-product-block .global-confirm-checkbox-block--show {
    display: block !important;
}

#root-catalog,
#recommended-root {
    min-height: 50rem !important;
}

.cst-hidden-important {
    display: none !important;
}

.global-confirm-checkbox-block {
    text-align: left !important;
    font-size: 13rem !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    overflow: hidden !important;
    font-family: var(--font-family) !important;
    font-weight: 400 !important;
    line-height: 140% !important;
    letter-spacing: -0.01em !important;
    color: #000 !important;
    margin-top: 10rem !important;
}

.global-confirm-checkbox-block label {
    margin-bottom: 0 !important;
}

.global-confirm-checkbox-block input {
    width: 15rem !important;
    height: 15rem !important;
    margin-top: 4rem !important;
    cursor: pointer !important;
}

.global-confirm-checkbox-block span.checkbox-text {
    margin-left: 23rem !important;
}

@media screen and (max-width: 768px) {
    html {
        font-size: calc(1vw / 3.7);
    }

    .modal-content {
        border: none !important;
        border-radius: 0 !important;
    }

    body {
        padding-top: 58rem;
    }

    .cst-fixed-menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 999 !important;
        width: 100% !important;
    }

    .cst-popup_modal,
    .cst-cart-form {
        padding: 0 !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .modal.gc-modal.in.gcrd-lesson-blocks .close-btn {
        top: 20rem !important;
        right: 20rem !important;
        left: auto !important;
        width: 20rem !important;
        height: 20rem !important;
        z-index: 10 !important;
    }
}