@charset "utf-8";
/* CSS Document */

[class*=slide-in-] {
    position: relative;
    animation-duration: .75s;
    animation-fill-mode: both;
    animation-timing-function: ease-out
}

@media (prefers-reduced-motion:reduce) {
    [class*=slide-in-] {
        position: initial;
        animation-duration: initial;
        animation-fill-mode: initial;
        animation-timing-function: initial
    }
}

@keyframes slide-in-top {
    from {
        opacity: 0;
        top: 35px
    }

    to {
        opacity: 1;
        top: 0
    }
}

[class*=slide-in-top] {
    animation-name: slide-in-top
}

.slide-in-top-0 {
    animation-delay: 0
}

.slide-in-top-1 {
    animation-delay: .25s
}

.slide-in-top-2 {
    animation-delay: .5s
}

.slide-in-top-3 {
    animation-delay: .75s
}

.slide-in-top-4 {
    animation-delay: 1s
}

@keyframes slide-in-right {
    from {
        opacity: 0;
        right: 35px
    }

    to {
        opacity: 1;
        right: 0
    }
}

[class*=slide-in-right] {
    animation-name: slide-in-right
}

.slide-in-right-0 {
    animation-delay: 0
}

.slide-in-right-1 {
    animation-delay: .25s
}

.slide-in-right-2 {
    animation-delay: .5s
}

.slide-in-right-3 {
    animation-delay: .75s
}

.slide-in-right-4 {
    animation-delay: 1s
}

@keyframes slide-in-bottom {
    from {
        opacity: 0;
        bottom: 35px
    }

    to {
        opacity: 1;
        bottom: 0
    }
}

[class*=slide-in-bottom] {
    animation-name: slide-in-bottom
}

.slide-in-bottom-0 {
    animation-delay: 0
}

.slide-in-bottom-1 {
    animation-delay: .25s
}

.slide-in-bottom-2 {
    animation-delay: .5s
}

.slide-in-bottom-3 {
    animation-delay: .75s
}

.slide-in-bottom-4 {
    animation-delay: 1s
}

@keyframes slide-in-left {
    from {
        opacity: 0;
        left: 35px
    }

    to {
        opacity: 1;
        left: 0
    }
}

[class*=slide-in-left] {
    animation-name: slide-in-left
}

.slide-in-left-0 {
    animation-delay: 0
}

.slide-in-left-1 {
    animation-delay: .25s
}

.slide-in-left-2 {
    animation-delay: .5s
}

.slide-in-left-3 {
    animation-delay: .75s
}

.slide-in-left-4 {
    animation-delay: 1s
}

.sticky-transition {
    z-index: 999;
    opacity: 100%;
    transform: translateY(0);
    transition: transform,z-index,opacity 180ms ease-in-out 10ms!important
}

.sticky-transition:not(.stuck) {
    transform: translateY(-100%);
    z-index: 0;
    opacity: 0;
    height: 0;
    overflow: hidden
}

.float-in {
    transition: transform .5s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .float-in {
        transition: none
    }
}

/*
html:not([dir=rtl]) .float-in.from-right {
    transform: translateX(100%)
}

html[dir=rtl] .float-in.from-right {
    transform: translateX(-100%)
}

html:not([dir=rtl]) .float-in.from-right.show,html:not([dir=rtl]) .show>.float-in.from-right {
    transform: translateX(0)
}

html[dir=rtl] .float-in.from-right.show,html[dir=rtl] .show>.float-in.from-right {
    transform: translateX(0)
}

html:not([dir=rtl]) .float-in.from-left {
    transform: translateX(-100%)
}

html[dir=rtl] .float-in.from-left {
    transform: translateX(100%)
}

html:not([dir=rtl]) .float-in.from-left.show,html:not([dir=rtl]) .show>.float-in.from-left {
    transform: translateX(0)
}

html[dir=rtl] .float-in.from-left.show,html[dir=rtl] .show>.float-in.from-left {
    transform: translateX(0)
}

html:not([dir=rtl]) .border {
    border-width: var(--root-border-xs)!important
}

html[dir=rtl] .border {
    border-width: var(--root-border-xs)!important
}

html:not([dir=rtl]) .border-width-2 {
    border-width: var(--root-border-s)!important
}

html:not([dir=rtl]) .border-width-3 {
    border-width: var(--root-border-m)!important
}

html:not([dir=rtl]) .border-width-4 {
    border-width: var(--root-border-l)!important
}

html[dir=rtl] .border-width-2 {
    border-width: var(--root-border-s)!important
}

html[dir=rtl] .border-width-3 {
    border-width: var(--root-border-m)!important
}

html[dir=rtl] .border-width-4 {
    border-width: var(--root-border-l)!important
}
*/
@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

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

@keyframes multi-slide-up-1 {
    0% {
        opacity: 0;
        transform: translateY(75px)
    }

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

@keyframes multi-slide-up-2 {
    0% {
        opacity: 0;
        transform: translateY(225px)
    }

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

@keyframes multi-slide-up-3 {
    0% {
        opacity: 0;
        transform: translateY(375px)
    }

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

@keyframes multi-slide-up-4 {
    0% {
        opacity: 0;
        transform: translateY(525px)
    }

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

@keyframes multi-slide-up-5 {
    0% {
        opacity: 0;
        transform: translateY(675px)
    }

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

@keyframes multi-slide-up-6 {
    0% {
        opacity: 0;
        transform: translateY(825px)
    }

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

@keyframes scale-down-center {
    0% {
        transform: scale(2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(50px)
    }

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

@keyframes multi-slide-right-1 {
    0% {
        opacity: 0;
        transform: translateX(75px)
    }

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

@keyframes multi-slide-right-2 {
    0% {
        opacity: 0;
        transform: translateX(225px)
    }

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

@keyframes multi-slide-right-3 {
    0% {
        opacity: 0;
        transform: translateX(375px)
    }

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

@keyframes multi-slide-right-4 {
    0% {
        opacity: 0;
        transform: translateX(525px)
    }

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

@keyframes multi-slide-right-5 {
    0% {
        opacity: 0;
        transform: translateX(675px)
    }

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

@keyframes multi-slide-right-6 {
    0% {
        opacity: 0;
        transform: translateX(825px)
    }

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

@keyframes scale-down-right {
    0% {
        opacity: 0;
        transform: scale(1.25);
        transform-origin: 0 50%
    }

    100% {
        opacity: 1;
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(-50px)
    }

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