:root {
    --gap-md: 12px;
    --gap-lg: 12px;
    --gap-xl: 18px;
    --gap-md-n: -12px;
    --gap-lg-n: -12px;
    --gap-xl-n: -18px;
}

/* FadeIn */

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        left: 0px;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
        left: 0px;
    }
}

@-webkit-keyframes fadeInNoLeft {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInNoLeft {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.home {
    grid-template-rows: auto 1fr;
}

.skip-anim {
    -webkit-animation: none !important;
            animation: none !important;
}

.fadeIn {
    opacity: 0;
    -webkit-animation: fadeIn 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: fadeIn 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.fadeInNoLeft {
    opacity: 0;
    -webkit-animation: fadeInNoLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: fadeInNoLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.fadeInNoLeftWithDelay {
    opacity: 0;
    -webkit-animation: fadeInNoLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition)) forwards;
            animation: fadeInNoLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition)) forwards;
}

.fadeInWithDelay {
    opacity: 0;
    -webkit-animation: fadeIn 0.25s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
            animation: fadeIn 0.25s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
}

.fadeInWithLongDelay {
    opacity: 0;
    -webkit-animation: fadeIn 0.25s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
            animation: fadeIn 0.25s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
}

.fadeInWithSuperLongDelay {
    opacity: 0;
    -webkit-animation: fadeIn 0.25s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 2)
        forwards;
            animation: fadeIn 0.25s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 2)
        forwards;
}

.fadeInSyncImage {
    opacity: 0;
    -webkit-animation: fadeIn 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: fadeIn 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

/* FadeOut */

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateZ(0px);
    }

    to {
        opacity: 0;
        transform: translateZ(0px);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateZ(0px);
    }

    to {
        opacity: 0;
        transform: translateZ(0px);
    }
}

.fadeOut {
    opacity: 1;
    -webkit-animation: fadeOut 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: fadeOut 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.fadeOutWithDelay {
    -webkit-animation: fadeOut 0.5s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
            animation: fadeOut 0.5s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
}

.fadeOutWithLongDelay {
    -webkit-animation: fadeOut 0.5s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
            animation: fadeOut 0.5s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
}

/* FadeInAndOut */

@-webkit-keyframes fadeInAndOut {
    0% {
        opacity: 0;
        transform: translateZ(0px);
    }

    60% {
        opacity: 1;
        transform: translateZ(0px);
    }

    100% {
        opacity: 0;
        transform: translateZ(0px);
    }
}

@keyframes fadeInAndOut {
    0% {
        opacity: 0;
        transform: translateZ(0px);
    }

    60% {
        opacity: 1;
        transform: translateZ(0px);
    }

    100% {
        opacity: 0;
        transform: translateZ(0px);
    }
}

.fadeInAndOut {
    opacity: 0;
    -webkit-animation: fadeInAndOut 1.2s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: fadeInAndOut 1.2s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.fadeInAndOutWithDelay {
    opacity: 0;
    -webkit-animation: fadeInAndOut 1.2s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-out-transition) - var(--page-in-transition)) forwards;
            animation: fadeInAndOut 1.2s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-out-transition) - var(--page-in-transition)) forwards;
}

.fadeInAndOutWithShortDelay {
    opacity: 0;
    -webkit-animation: fadeInAndOut 1.2s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition)) forwards;
            animation: fadeInAndOut 1.2s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition)) forwards;
}

/* FadeUp */
@-webkit-keyframes fadeUp {
    0% {
        transform: translateY(5.5rem) translateZ(0px);
        opacity: 0;
    }
    99% {
        transform: translateY(0) translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}
@keyframes fadeUp {
    0% {
        transform: translateY(5.5rem) translateZ(0px);
        opacity: 0;
    }
    99% {
        transform: translateY(0) translateZ(0px);
        opacity: 1;
    }
    100% {
        transform: translateZ(0px);
        opacity: 1;
    }
}

.fadeUp {
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-delay: var(--short-transition);
            animation-delay: var(--short-transition);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-name: fadeUp;
            animation-name: fadeUp;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.fadeUp.child {
    overflow-y: hidden;
}

.fadeUp.child > * {
    -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-name: fadeUp;
            animation-name: fadeUp;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}

/* SlideUp */

.slideUp,
.slideUpWithDelay,
.slideUpShort {
    overflow-y: hidden;
}

.slideUp > * {
    transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideUp 0.8s var(--short-transition) cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideUp 0.8s var(--short-transition) cubic-bezier(0.5, 0, 0.32, 1) forwards;
}


.slideUpShort > * {
    transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideUp var(--page-in-transition) cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideUp var(--page-in-transition) cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.slideUpWithDelay > * {
    transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideUp 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
            animation: slideUp 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
}

.slideUpWithLongDelay > * {
    transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideUp 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
            animation: slideUp 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
}

@-webkit-keyframes slideUp {
    0% {
        transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }

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

@keyframes slideUp {
    0% {
        transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }

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

@media screen and (min-width: 1800px) {
    @-webkit-keyframes slideUp {
        0% {
            transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%) translateZ(0px);
        }

        100% {
            transform: translateZ(0px);
        }
    }
    @keyframes slideUp {
        0% {
            transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%) translateZ(0px);
        }

        100% {
            transform: translateZ(0px);
        }
    }

    .slideUpWithDelay > * {
        transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
    }

    .slideUp > * {
        transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
    }
}

@media screen and (min-width: 2000px) {
    @-webkit-keyframes slideUp {
        0% {
            transform: translateY(calc(100% + var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%) translateZ(0px);
        }

        100% {
            transform: translateZ(0px)
        }
    }
    @keyframes slideUp {
        0% {
            transform: translateY(calc(100% + var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%) translateZ(0px);
        }

        100% {
            transform: translateZ(0px)
        }
    }

    .slideUp > * {
        transform: translateY(calc(100% + var(--gap-xl))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
    }
}

/* SlideDown */

.slideDown,
.slideDownFast,
.slideDownWithDelay {
    overflow-y: hidden;
}

.slideDown > * {
    transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(-100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.slideDownFast > * {
    transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(-100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideDown 0.12s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideDown 0.12s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.slideDownWithShortDelay > * {
    transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(-100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-out-transition)) forwards;
            animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-out-transition)) forwards;
}

.slideDownWithDelay > * {
    transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(-100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
            animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
}

.slideDownWithLongDelay > * {
    transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
    -ms-transform: translateX(-100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
            animation: slideDown 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition) * 1.1)
        forwards;
}

@-webkit-keyframes slideDown {
    0% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }

    99% {
        transform: translateY(0%) translateZ(0px);
    }

    100% {
        transform: translateZ(0px);
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }

    99% {
        transform: translateY(0%) translateZ(0px);
    }

    100% {
        transform: translateZ(0px);
    }
}

@media screen and (min-width: 1800px) {
    @-webkit-keyframes slideDown {
        0% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(-100%) translateX(var(--gap--nlg)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%) translateZ(0px);
        }

        100% {
            transform: translateZ(0px);
        }
    }
    @keyframes slideDown {
        0% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(-100%) translateX(var(--gap--nlg)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%) translateZ(0px);
        }

        100% {
            transform: translateZ(0px);
        }
    }

    .slideDown > * {
        transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownFast > * {
        transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownWithShortDelay > * {
        transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownWithDelay > * {
        transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownWithLongDelay > * {
        transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
    }
}

@media screen and (min-width: 2000px) {
    @-webkit-keyframes slideDown {
        0% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(-100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%);
        }

        100% {
            transform: none;
        }
    }
    @keyframes slideDown {
        0% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(-100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(0%);
        }

        100% {
            transform: none;
        }
    }

    .slideDown > * {
        transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownFast > * {
        transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownWithShortDelay > * {
        transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownWithDelay > * {
        transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
    }

    .slideDownWithLongDelay > * {
        transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
        -ms-transform: translateX(-100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
    }
}

/* SlideLeaveUp */

.slideLeaveUp,
.slideLeaveUpWithDelay {
    overflow-y: hidden;
}

.slideLeaveUp > * {
    -webkit-animation: slideLeaveUp 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideLeaveUp 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
    transform: none;
}

.slideLeaveUpWithDelay > * {
    -webkit-animation: slideLeaveUp 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
            animation: slideLeaveUp 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) + var(--page-out-transition)) forwards;
    transform: none;
}

@-webkit-keyframes slideLeaveUp {
    0% {
        transform: translateZ(0px);
    }

    1% {
        transform: translateY(0%) translateZ(0px);
    }

    80% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }

    100% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }
}

@keyframes slideLeaveUp {
    0% {
        transform: translateZ(0px);
    }

    1% {
        transform: translateY(0%) translateZ(0px);
    }

    80% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }

    100% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }
}

@media screen and (min-width: 1800px) {
    @-webkit-keyframes slideLeaveUp {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveUp {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }
    }
}

@media screen and (min-width: 2000px) {
    @-webkit-keyframes slideLeaveUp {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveUp {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }
    }
}

/* slideLeaveDown */

.slideLeaveDown {
    overflow-y: hidden;
}

.slideLeaveDown > * {
    -webkit-animation: slideLeaveDown 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideLeaveDown 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

@-webkit-keyframes slideLeaveDown {
    0% {
        transform: translateZ(0px);
    }

    1% {
        transform: translateY(0%) translateZ(0px);
    }

    80% {
        transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }

    100% {
        transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }
}

@keyframes slideLeaveDown {
    0% {
        transform: translateZ(0px);
    }

    1% {
        transform: translateY(0%) translateZ(0px);
    }

    80% {
        transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }

    100% {
        transform: translateY(calc(100% + var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }
}

@media screen and (min-width: 1800px) {
    @-webkit-keyframes slideLeaveDown {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveDown {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(100% + var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }
    }
}

@media screen and (min-width: 2000px) {
    @-webkit-keyframes slideLeaveDown {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(100% + var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(100% + var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveDown {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(100% + var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(100% + var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }
    }
}

/* SlideFromRight */
.slideFromRight {
    transform: translateX(calc(400% + var(--gap-md) * 4)) translateZ(0px);
    -ms-transform: translateX(400%) translateX(var(--gap-md))
        translateX(var(--gap-md)) translateX(var(--gap-md))
        translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideFromRight 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideFromRight 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.slideFromRightWithDelay {
    transform: translateX(calc(400% + var(--gap-md) * 4)) translateZ(0px);
    -ms-transform: translateX(300%) translateX(var(--gap-md))
        translateX(var(--gap-md)) translateX(var(--gap-md))
        translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    -webkit-animation: slideFromRight 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) * 2) forwards;
            animation: slideFromRight 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        calc(var(--page-in-transition) * 2) forwards;
}

@-webkit-keyframes slideFromRight {
    0% {
        transform: translateX(calc(400% + var(--gap-md) * 4)) translateZ(0px);
        -ms-transform: translateX(400%) translateX(var(--gap-md))
            translateX(var(--gap-md)) translateX(var(--gap-md))
            translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }

    99% {
        transform: translateX(0) translateZ(0px);
    }

    to {
        transform: translateZ(0px);
    }
}

@keyframes slideFromRight {
    0% {
        transform: translateX(calc(400% + var(--gap-md) * 4)) translateZ(0px);
        -ms-transform: translateX(400%) translateX(var(--gap-md))
            translateX(var(--gap-md)) translateX(var(--gap-md))
            translateX(var(--gap-md)) translateZ(0px); /* IE 11 */
    }

    99% {
        transform: translateX(0) translateZ(0px);
    }

    to {
        transform: translateZ(0px);
    }
}

@media screen and (min-width: 1800px) {
    .slideFromRight {
        transform: translateX(calc(400% + var(--gap-lg) * 4)) translateZ(0px);
        -ms-transform: translateX(400%) translateX(var(--gap-lg))
            translateX(var(--gap-lg)) translateX(var(--gap-lg))
            translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
    }

    .slideFromRightWithDelay {
        transform: translateX(calc(400% + var(--gap-lg) * 4)) translateZ(0px);
        -ms-transform: translateX(400%) translateX(var(--gap-lg))
            translateX(var(--gap-lg)) translateX(var(--gap-lg))
            translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
    }

    @-webkit-keyframes slideFromRight {
        0% {
            transform: translateX(calc(400% + var(--gap-lg) * 4)) translateZ(0px);
            -ms-transform: translateX(400%) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateZ(0px);
        }
    }

    @keyframes slideFromRight {
        0% {
            transform: translateX(calc(400% + var(--gap-lg) * 4)) translateZ(0px);
            -ms-transform: translateX(400%) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateZ(0px);
        }
    }
}

@media screen and (min-width: 2000px) {
    .slideFromRight {
        transform: translateX(calc(600% + var(--gap-xl) * 6)) translateZ(0px);
        -ms-transform: translateX(600%) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
    }

    .slideFromRightWithDelay {
        transform: translateX(calc(600% + var(--gap-xl) * 6)) translateZ(0px);
        -ms-transform: translateX(600%) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
    }

    @-webkit-keyframes slideFromRight {
        0% {
            transform: translateX(calc(600% + var(--gap-xl) * 6)) translateZ(0px);
            -ms-transform: translateX(600%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateZ(0px);
        }
    }

    @keyframes slideFromRight {
        0% {
            transform: translateX(calc(600% + var(--gap-xl) * 6)) translateZ(0px);
            -ms-transform: translateX(600%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateZ(0px);
        }
    }
}

@media screen and (min-width: 2200px) {
    .slideFromRight {
        transform: translateX(calc(800% + var(--gap-xl) * 8)) translateZ(0px);
        -ms-transform: translateX(800%) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
    }

    .slideFromRightWithDelay {
        transform: translateX(calc(800% + var(--gap-xl) * 8)) translateZ(0px);
        -ms-transform: translateX(800%) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateX(var(--gap-xl))
            translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
    }

    @-webkit-keyframes slideFromRight {
        0% {
            transform: translateX(calc(800% + var(--gap-xl) * 8)) translateZ(0px);
            -ms-transform: translateX(800%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateZ(0px);
        }
    }

    @keyframes slideFromRight {
        0% {
            transform: translateX(calc(800% + var(--gap-xl) * 8)) translateZ(0px);
            -ms-transform: translateX(800%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateZ(0px);
        }
    }
}

/* slideLeaveLeft */

@-webkit-keyframes slideLeaveLeft {
    from {
        transform: translateX(0) translateZ(0px);
    }

    to {
        transform: translateX(-100%) translateZ(0px);
    }
}

@keyframes slideLeaveLeft {
    from {
        transform: translateX(0) translateZ(0px);
    }

    to {
        transform: translateX(-100%) translateZ(0px);
    }
}

.slideLeaveLeft {
    -webkit-animation: slideLeaveLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideLeaveLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.slideLeaveLeftWithDelay {
    -webkit-animation: slideLeaveLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1) 0.5s forwards;
            animation: slideLeaveLeft 0.5s cubic-bezier(0.5, 0, 0.32, 1) 0.5s forwards;
}

/* ClipToLeft */

@-webkit-keyframes clipToLeft {
    from {
        -webkit-clip-path: inset(0 0 0 100%);
                clip-path: inset(0 0 0 100%);
        transform: translateZ(0px);
    }

    to {
        -webkit-clip-path: inset(0 0 0 0%);
                clip-path: inset(0 0 0 0%);
        transform: translateZ(0px);
    }
}

@keyframes clipToLeft {
    from {
        -webkit-clip-path: inset(0 0 0 100%);
                clip-path: inset(0 0 0 100%);
        transform: translateZ(0px);
    }

    to {
        -webkit-clip-path: inset(0 0 0 0%);
                clip-path: inset(0 0 0 0%);
        transform: translateZ(0px);
    }
}

.clipToLeft {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    -webkit-animation: clipToLeft 0.8s cubic-bezier(0.8, 0, 0.75, 1) forwards;
            animation: clipToLeft 0.8s cubic-bezier(0.8, 0, 0.75, 1) forwards;
}

.clipToLeftWithDelay {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    -webkit-animation: clipToLeft 0.8s cubic-bezier(0.8, 0, 0.75, 1) 0.5s forwards;
            animation: clipToLeft 0.8s cubic-bezier(0.8, 0, 0.75, 1) 0.5s forwards;
}

/* SlideLeaveRight */

@-webkit-keyframes slideLeaveRight {
    from {
        transform: translateX(0) translateZ(0px);
    }

    to {
        transform: translateX(calc(400% + var(--gap-md) * 2)) translateZ(0px);
        -ms-transform: translateX(400%) translateX(var(--gap-md))
            translateX(var(--gap-md)) translateX(var(--gap-md))
            translateX(var(--gap-md)); /* IE 11 */
    }
}

@keyframes slideLeaveRight {
    from {
        transform: translateX(0) translateZ(0px);
    }

    to {
        transform: translateX(calc(400% + var(--gap-md) * 2)) translateZ(0px);
        -ms-transform: translateX(400%) translateX(var(--gap-md))
            translateX(var(--gap-md)) translateX(var(--gap-md))
            translateX(var(--gap-md)); /* IE 11 */
    }
}

@media screen and (min-width: 1800px) {
    @-webkit-keyframes slideLeaveRight {
        from {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateX(calc(400% + var(--gap-lg) * 4)) translateZ(0px);
            -ms-transform: translateX(400%) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveRight {
        from {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateX(calc(400% + var(--gap-lg) * 4)) translateZ(0px);
            -ms-transform: translateX(400%) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateX(var(--gap-lg))
                translateX(var(--gap-lg)) translateZ(0px); /* IE 11 */
        }
    }
}

@media screen and (min-width: 2000px) {
    @-webkit-keyframes slideLeaveRight {
        from {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateX(calc(600% + var(--gap-xl) * 6)) translateZ(0px);
            -ms-transform: translateX(600%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveRight {
        from {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateX(calc(600% + var(--gap-xl) * 6)) translateZ(0px);
            -ms-transform: translateX(600%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }
    }
}

@media screen and (min-width: 2200px) {
    @-webkit-keyframes slideLeaveRight {
        from {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateX(calc(800% + var(--gap-xl) * 8)) translateZ(0px);
            -ms-transform: translateX(800%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveRight {
        from {
            transform: translateX(0) translateZ(0px);
        }

        to {
            transform: translateX(calc(800% + var(--gap-xl) * 8)) translateZ(0px);
            -ms-transform: translateX(800%) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateX(var(--gap-xl))
                translateX(var(--gap-xl)) translateZ(0px); /* IE 11 */
        }
    }
}

.slideLeaveRight {
    -webkit-animation: slideLeaveRight 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
            animation: slideLeaveRight 0.8s cubic-bezier(0.5, 0, 0.32, 1) forwards;
}

.slideLeaveRightWithDelay {
    -webkit-animation: slideLeaveRight 0.8s cubic-bezier(0.5, 0, 0.32, 1) 0.5s forwards;
            animation: slideLeaveRight 0.8s cubic-bezier(0.5, 0, 0.32, 1) 0.5s forwards;
}

/* SlideLeaveUpAndDisappear */

.slideLeaveUpAndDisappear {
    overflow-y: hidden;
    -webkit-animation: slideLeaveUpAndDisappear 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        forwards;
            animation: slideLeaveUpAndDisappear 0.8s cubic-bezier(0.5, 0, 0.32, 1)
        forwards;
    transform: none;
}

@-webkit-keyframes slideLeaveUpAndDisappear {
    0% {
        transform: translateZ(0px);
    }

    1% {
        transform: translateY(0%) translateZ(0px);
    }

    80% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }

    99% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
        display: none !important;
    }

    100% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }
}

@keyframes slideLeaveUpAndDisappear {
    0% {
        transform: translateZ(0px);
    }

    1% {
        transform: translateY(0%) translateZ(0px);
    }

    80% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }

    99% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
        display: none !important;
    }

    100% {
        transform: translateY(calc(-100% - var(--gap-md))) translateZ(0px);
        -ms-transform: translateX(100%) translateX(var(--gap-md-n)) translateZ(0px); /* IE 11 */
    }
}

@media screen and (min-width: 1800px) {
    @-webkit-keyframes slideLeaveUpAndDisappear {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveUpAndDisappear {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-lg))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-lg-n)) translateZ(0px); /* IE 11 */
        }
    }
}

@media screen and (min-width: 2000px) {
    @-webkit-keyframes slideLeaveUpAndDisappear {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }
    }
    @keyframes slideLeaveUpAndDisappear {
        0% {
            transform: translateZ(0px);
        }

        1% {
            transform: translateY(0%) translateZ(0px);
        }

        80% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        99% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }

        100% {
            transform: translateY(calc(-100% - var(--gap-xl))) translateZ(0px);
            -ms-transform: translateX(100%) translateX(var(--gap-xl-n)) translateZ(0px); /* IE 11 */
        }
    }
}