:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: calc(1 * 2);
    animation-iteration-count: calc(1 * 2);
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
    animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: calc(1 * 3);
    animation-iteration-count: calc(1 * 3);
    -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
    animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: calc(1s * 2);
    animation-delay: calc(1s * 2);
    -webkit-animation-delay: calc(var(--animate-delay) * 2);
    animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: calc(1s * 3);
    animation-delay: calc(1s * 3);
    -webkit-animation-delay: calc(var(--animate-delay) * 3);
    animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: calc(1s * 4);
    animation-delay: calc(1s * 4);
    -webkit-animation-delay: calc(var(--animate-delay) * 4);
    animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: calc(1s * 5);
    animation-delay: calc(1s * 5);
    -webkit-animation-delay: calc(var(--animate-delay) * 5);
    animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: calc(1s/2);
    animation-duration: calc(1s/2);
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: calc(1s * .8);
    animation-duration: calc(1s * .8);
    -webkit-animation-duration: calc(var(--animate-duration) * .8);
    animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: calc(1s * 3);
    animation-duration: calc(1s * 3);
    -webkit-animation-duration: calc(var(--animate-duration) * 3);
    animation-duration: calc(var(--animate-duration) * 3)
}

@media(prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

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

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(1s * 1.3);
    animation-duration: calc(1s * 1.3);
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

*,:after,:before {
    box-sizing: border-box;
    border: 0 solid #4f4f4f
}

:after,:before {
    --tw-content: ""
}

html {
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

body {
    line-height: inherit
}

hr {
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

table {
    text-indent: 0;
    border-color: inherit
}

button,input,optgroup,select,textarea {
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    padding: 0
}

[type=button],[type=reset],[type=submit],button {
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset,menu,ol,ul {
    margin: 0;
    padding: 0
}

menu,ol,ul {
    list-style: none
}

textarea {
    resize: vertical
}

input::-moz-placeholder,textarea::-moz-placeholder {
    opacity: 1;
    color: #bdbdbd
}

input::placeholder,textarea::placeholder {
    opacity: 1;
    color: #bdbdbd
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(0,170,255,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(0,170,255,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media(min-width: 576px) {
    .container {
        max-width:576px
    }
}

@media(min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media(min-width: 992px) {
    .container {
        max-width:992px
    }
}

@media(min-width: 1200px) {
    .container {
        max-width:1200px
    }
}

@media(min-width: 1400px) {
    .container {
        max-width:1400px
    }
}

.pointer-events-none {
    pointer-events: none
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.top-px {
    top: 1px
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.top-28 {
    top: 7rem
}

.bottom-0 {
    bottom: 0
}

.top-0\.5 {
    top: .125rem
}

.top-24 {
    top: 6rem
}

.left-0 {
    left: 0
}

.right-\[45px\] {
    right: 45px
}

.bottom-\[1px\] {
    bottom: 1px
}

.left-\[51px\] {
    left: 51px
}

.left-\[24px\] {
    left: 24px
}

.bottom-\[-84px\] {
    bottom: -84px
}

.right-\[24px\] {
    right: 24px
}

.z-20 {
    z-index: 20
}

.z-10 {
    z-index: 10
}

.order-2 {
    order: 2
}

.order-1 {
    order: 1
}

.col-span-full {
    grid-column: 1/-1
}

.col-span-1 {
    grid-column: span 1/span 1
}

.row-start-2 {
    grid-row-start: 2
}

.row-start-6 {
    grid-row-start: 6
}

.row-start-10 {
    grid-row-start: 10
}

.row-start-3 {
    grid-row-start: 3
}

.row-start-7 {
    grid-row-start: 7
}

.row-start-11 {
    grid-row-start: 11
}

.row-start-4 {
    grid-row-start: 4
}

.row-start-8 {
    grid-row-start: 8
}

.row-start-12 {
    grid-row-start: 12
}

.m-auto {
    margin: auto
}

.m-2\.5 {
    margin: .625rem
}

.m-2 {
    margin: .5rem
}

.m-0 {
    margin: 0
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.mt-2 {
    margin-top: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mt-24 {
    margin-top: 6rem
}

.mb-0 {
    margin-bottom: 0
}

.mt-20 {
    margin-top: 5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-1 {
    margin-left: .25rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mt-9 {
    margin-top: 2.25rem
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mt-10 {
    margin-top: 2.5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.\!mr-0\.5 {
    margin-right: .125rem!important
}

.\!mr-0 {
    margin-right: 0!important
}

.mt-8 {
    margin-top: 2rem
}

.mb-24 {
    margin-bottom: 6rem
}

.mt-0 {
    margin-top: 0
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mt-\[20px\] {
    margin-top: 20px
}

.mr-\[5px\] {
    margin-right: 5px
}

.ml-2 {
    margin-left: .5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mt-auto {
    margin-top: auto
}

.ml-6 {
    margin-left: 1.5rem
}

.ml-4 {
    margin-left: 1rem
}

.-mt-2 {
    margin-top: -.5rem
}

.mt-0\.5 {
    margin-top: .125rem
}

.mt-1 {
    margin-top: .25rem
}

.-mb-1\.5 {
    margin-bottom: -.375rem
}

.-mb-1 {
    margin-bottom: -.25rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mr-2\.5 {
    margin-right: .625rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-0 {
    margin-right: 0
}

.-mt-1 {
    margin-top: -.25rem
}

.ml-0 {
    margin-left: 0
}

.mr-3 {
    margin-right: .75rem
}

.mr-1 {
    margin-right: .25rem
}

.-mr-5 {
    margin-right: -1.25rem
}

.-ml-5 {
    margin-left: -1.25rem
}

.mt-2\.5 {
    margin-top: .625rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.\!table {
    display: table!important
}

.grid {
    display: grid
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.h-auto {
    height: auto
}

.h-80 {
    height: 20rem
}

.h-full {
    height: 100%
}

.h-6 {
    height: 1.5rem
}

.h-max {
    height: -moz-max-content;
    height: max-content
}

.h-\[70px\] {
    height: 70px
}

.h-16 {
    height: 4rem
}

.h-60 {
    height: 15rem
}

.h-14 {
    height: 3.5rem
}

.h-10 {
    height: 2.5rem
}

.h-0 {
    height: 0
}

.max-h-full {
    max-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-full {
    width: 100%
}

.w-4 {
    width: 1rem
}

.w-6 {
    width: 1.5rem
}

.w-4\/5 {
    width: 80%
}

.w-4\/6 {
    width: 66.666667%
}

.\!w-28 {
    width: 7rem!important
}

.\!w-32 {
    width: 8rem!important
}

.w-max {
    width: -moz-max-content;
    width: max-content
}

.w-min {
    width: -moz-min-content;
    width: min-content
}

.w-auto {
    width: auto
}

.w-fit {
    width: -moz-fit-content;
    width: fit-content
}

.w-2\/3 {
    width: 66.666667%
}

.w-5\/6 {
    width: 83.333333%
}

.w-60 {
    width: 15rem
}

.w-14 {
    width: 3.5rem
}

.w-48 {
    width: 12rem
}

.w-10 {
    width: 2.5rem
}

.min-w-max {
    min-width: -moz-max-content;
    min-width: max-content
}

.max-w-2xl {
    max-width: 42rem
}

.max-w-full {
    max-width: 100%
}

.max-w-\[1300px\] {
    max-width: 1300px
}

.max-w-\[840px\] {
    max-width: 840px
}

.max-w-\[815px\] {
    max-width: 815px
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.grow-0 {
    flex-grow: 0
}

.transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
    cursor: pointer
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.grid-cols-\[repeat\(13\2c 1fr\)\] {
    grid-template-columns: repeat(13,1fr)
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.gap-8 {
    gap: 2rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-12 {
    gap: 3rem
}

.gap-16 {
    gap: 4rem
}

.gap-3 {
    gap: .75rem
}

.gap-2 {
    gap: .5rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-1 {
    gap: .25rem
}

.gap-\[11px\] {
    gap: 11px
}

.gap-\[40px\] {
    gap: 40px
}

.gap-\[14px\] {
    gap: 14px
}

.gap-\[32px\] {
    gap: 32px
}

.gap-\[12px\] {
    gap: 12px
}

.gap-x-8 {
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-10 {
    row-gap: 2.5rem
}

.gap-x-\[12\.25px\] {
    -moz-column-gap: 12.25px;
    column-gap: 12.25px
}

.gap-y-\[10\.40px\] {
    row-gap: 10.4px
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden,.truncate {
    overflow: hidden
}

.truncate {
    white-space: nowrap
}

.overflow-ellipsis,.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.whitespace-pre-line {
    white-space: pre-line
}

.rounded-md {
    border-radius: .375rem
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-full {
    border-radius: 9999px
}

.border {
    border-width: 1px
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: hsl(0 0% 51%/var(--tw-border-opacity))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: hsl(0 0% 95%/var(--tw-border-opacity))
}

.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: hsl(177 61% 66%/var(--tw-bg-opacity))
}

.bg-green-300 {
    --tw-bg-opacity: 1;
    background-color: hsl(178 100% 40%/var(--tw-bg-opacity))
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: hsl(45 86% 62%/var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: hsl(0 79% 63%/var(--tw-bg-opacity))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: hsl(194 100% 50%/var(--tw-bg-opacity))
}

.bg-gray-900 {
    background-color: #191641
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 20%/var(--tw-bg-opacity))
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1
}

.p-10 {
    padding: 2.5rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-2 {
    padding: .5rem
}

.p-8 {
    padding: 2rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pb-0 {
    padding-bottom: 0
}

.pr-1 {
    padding-right: .25rem
}

.pt-2 {
    padding-top: .5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pt-20 {
    padding-top: 5rem
}

.pr-20 {
    padding-right: 5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pt-1 {
    padding-top: .25rem
}

.pr-2 {
    padding-right: .5rem
}

.pl-4 {
    padding-left: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pt-24 {
    padding-top: 6rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-base {
    font-size: 1rem;
    line-height: 1.375rem;
    letter-spacing: .3px
}

.text-sm {
    font-size: .75rem;
    line-height: 1.25rem;
    letter-spacing: .2px
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: .1px
}

.text-4xl {
    font-size: 2.75rem;
    line-height: 3.5rem;
    letter-spacing: .2px
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-black {
    font-weight: 900
}

.font-normal {
    font-weight: 400
}

.font-light {
    font-weight: 300
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-5 {
    line-height: 1.25rem
}

.text-logo {
    --tw-text-opacity: 1;
    color: hsl(203 66% 20%/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: hsl(0 0% 31%/var(--tw-text-opacity))
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: hsl(0 0% 20%/var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: hsl(0 0% 51%/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: hsl(0 0% 100%/var(--tw-text-opacity))
}

.text-green-300\/30 {
    color: rgba(0,204,197,.3)
}

.text-yellow-100\/30 {
    color: rgba(241,200,75,.3)
}

.text-red-100\/30 {
    color: rgba(235,86,86,.3)
}

.text-blue-300\/30 {
    color: rgba(0,195,255,.3)
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: hsl(0 0% 74%/var(--tw-text-opacity))
}

.text-green-200 {
    --tw-text-opacity: 1;
    color: hsl(177 61% 66%/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: hsl(0 0% 88%/var(--tw-text-opacity))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: hsl(177 100% 38%/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: hsl(200 100% 50%/var(--tw-text-opacity))
}

.line-through {
    text-decoration-line: line-through
}

.opacity-\[0\.2\] {
    opacity: .2
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.blur {
    --tw-blur: blur(8px)
}

.blur,.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

:root {
    --base-font-family: "Lato",sans-serif;
    --base-font-size: 16px;
    --base-line-height: 24px;
    --base-font-weight: 400;
    --base-spacing-unit: 1.5rem;
    --base-border-radius: 0.625rem;
    --base-transition-timing: 330ms;
    --base-transition-timing-function: ease-in-out;
    --base-transition: all var(--base-transition-timing) var(--base-transition-timing-function);
    --color-primary-900: #006657;
    --color-primary-800: #008577;
    --color-primary-700: #009485;
    --color-primary-600: #00a89a;
    --color-primary-500: #00b3a7;
    --color-primary-400: #00c2b8;
    --color-primary-300: #00ccc5;
    --color-primary-200: #73ddd8;
    --color-primary-100: #aeeae7;
    --color-primary-50: #dff6f6;
    --color-primary-10: #f3fbfb;
    --color-secondary-900: #0057a8;
    --color-secondary-800: #0077c7;
    --color-secondary-700: #0087db;
    --color-secondary-600: #009cf0;
    --color-secondary-500: #0af;
    --color-secondary-400: #00b7ff;
    --color-secondary-300: #00c3ff;
    --color-secondary-200: #70d4ff;
    --color-secondary-100: #ade5ff;
    --color-secondary-50: #e0f6ff;
    --color-tertiary-100: #f2984a;
    --color-tertiary-900: #e68937;
    --color-tertiary: #f7776e;
    --color-gray-dark: #212121;
    --color-gray-1: #333;
    --color-gray-2: #4f4f4f;
    --color-gray-3: #828282;
    --color-gray-4: #bdbdbd;
    --color-gray-5: #e0e0e0;
    --color-gray-6: #f2f2f2;
    --color-gray-7: #fff;
    --color-gray-900: #191641;
    --color-blue-900: #00429e;
    --text-color: #113b55;
    --text-color-2: #2b3c4a;
    --color-professional-300: #f2984a;
    --color-professional-50: rgba(242,152,74,.1);
    --button-shadow-color: rgba(0,102,87,.1);
    --outline-button-background: #fff;
    --color-gradient-1: #00c3ff;
    --color-gradient-2: #00e0ce;
    --color-gradient-3: #00faa7;
    --color-ambassador: #113b55;
    --red-color: #eb5656;
    --yellow-color: #f1c84b;
    --color-yellow-700: #ff9d00;
    --color-orange: #ff9d00;
    --color-shadow: hsla(0,0%,74%,.2);
    --h1-font-size: 3.5rem;
    --h1-line-height: 4.5rem;
    --h1-letter-spacing: 0.2px;
    --h2-font-size: 2.75rem;
    --h2-line-height: 3.5rem;
    --h2-letter-spacing: 0.2px;
    --h3-font-size: 2rem;
    --h3-line-height: 2.5rem;
    --h3-letter-spacing: 0.1px;
    --h4-font-size: 1.625rem;
    --h4-line-height: 2rem;
    --h4-letter-spacing: 0.2px;
    --h5-font-size: 1.25rem;
    --h5-line-height: 1.625rem;
    --h5-letter-spacing: 0.1px;
    --h6-font-size: 1.125rem;
    --h6-line-height: 2rem;
    --h6-letter-spacing: 0.1px;
    --p-font-size: 1rem;
    --p-line-height: 2rem;
    --p-letter-spacing: 0.3px;
    --p-2-font-size: 0.875rem;
    --p-2-line-height: 1.25rem;
    --p-2-letter-spacing: 0.3px;
    --small-font-size: 0.75rem;
    --small-line-height: 1rem;
    --small-letter-spacing: 0.2px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1200px
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body,html {
    overflow-x: hidden;
    height: 100%
}

body {
    margin: 0
}

main {
    display: block
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

blockquote,body,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,legend,ol,p,pre,ul {
    margin: 0;
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol>li,ul>li {
    margin-bottom: 0;
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset {
    min-width: 0;
    border: 0
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

address,blockquote,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,ol,p,pre,table,ul {
    margin-bottom: var(--base-spacing-unit)
}

img,video {
    border-radius: var(--base-border-radius)
}

img.logo,video.logo {
    border-radius: 0
}

html {
    font-size: var(--base-font-size);
    min-height: 100%
}

body {
    font-family: var(--base-font-family);
    overflow-x: hidden
}

@media(max-width: 767px) {
    body.is-locked {
        overflow:hidden
    }
}

a {
    color: var(--color-secondary-600);
    text-decoration: none;
    transition: color var(--base-transition-timing) var(--base-transition-timing-function)
}

a:active,a:focus {
    outline: none
}

a:hover {
    color: var(--color-secondary-900)
}

* {
    -webkit-tap-highlight-color: transparent
}

h1,h2 {
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height);
    letter-spacing: var(--h2-letter-spacing);
    font-weight: 700
}

@media(max-width: 991px) {
    h1,h2 {
        font-size:var(--h4-font-size);
        line-height: var(--h4-line-height);
        letter-spacing: var(--h4-letter-spacing);
        font-weight: 700
    }
}

h3 {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing)
}

h4 {
    font-size: var(--h4-font-size);
    line-height: var(--h4-line-height);
    letter-spacing: var(--h4-letter-spacing)
}

h5 {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing)
}

h6 {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing)
}

@media(max-width: 767px) {
    h6 {
        font-size:var(--p-font-size);
        line-height: var(--p-line-height);
        letter-spacing: var(--p-letter-spacing)
    }
}

p {
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing)
}

p.font-small {
    font-size: var(--p-2-font-size);
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing)
}

span.font-small {
    font-size: var(--small-font-size);
    line-height: var(--small-line-height);
    letter-spacing: var(--small-letter-spacing)
}

img {
    font-style: italic;
    max-width: 100%;
    vertical-align: middle;
    -o-object-fit: contain;
    object-fit: contain;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}

img[height],img[width] {
    max-width: 100%;
    max-height: 100%
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fade-in,aside.modal {
    animation: fade-in linear var(--base-transition-timing) forwards
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fade-out {
    animation: fade-in linear var(--base-transition-timing) forwards
}

@keyframes fade-in-and-slide-up {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade-in-and-slide-up {
    animation: fade-in-and-slide-up linear var(--base-transition-timing) forwards
}

@keyframes fade-in-and-slide-left {
    0% {
        opacity: 0;
        transform: translateX(10px);
        visibility: hidden
    }

    to {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }
}

.fade-in-and-slide-left {
    animation: fade-in-and-slide-left linear var(--base-transition-timing) forwards
}

@keyframes fade-in-and-slide-down {
    0% {
        opacity: 0;
        transform: translateY(-10px);
        visibility: hidden
    }

    to {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }
}

.fade-in-and-slide-down {
    animation: fade-in-and-slide-down linear var(--base-transition-timing) forwards
}

@keyframes fade-out-and-slide-up {
    0% {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translateY(-15px);
        visibility: hidden
    }
}

.fade-out-and-slide-up {
    animation: fade-out-and-slide-up linear var(--base-transition-timing) forwards
}

@keyframes fade-out-and-slide-right {
    0% {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }

    to {
        opacity: 0;
        transform: translateX(10px);
        visibility: hidden
    }
}

.fade-out-and-slide-right {
    animation: fade-in-and-slide-left linear var(--base-transition-timing) forwards
}

@keyframes fade-out-and-slide-down {
    0% {
        opacity: 1;
        transform: translateY(0);
        visibility: hidden
    }

    to {
        opacity: 0;
        transform: translateY(10px);
        visibility: visible
    }
}

.fade-out-and-slide-down {
    animation: fade-in-and-slide-down linear var(--base-transition-timing) forwards
}

.height-animation {
    display: block;
    overflow-y: hidden;
    transition: all var(--base-transition-timing) linear
}

.height-animation.is-hidden {
    max-height: 0!important
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.is-rotating {
    animation: rotate 2s linear infinite
}

@keyframes pulse {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes float {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }

    to {
        transform: translateY(0)
    }
}

.floatingAnimation {
    animation: float 6s ease-in-out infinite
}

@keyframes slide-out {
    0% {
        transform: translateX(45vw)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes timer {
    0% {
        width: 100%
    }

    to {
        width: 0
    }
}

.avatar {
    display: flex;
    align-items: center;
    justify-content: center
}

.avatar:hover .avatar__image:not(.is-empty):after {
    background: var(--color-primary-300);
    border-radius: 100%;
    content: "";
    opacity: .2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.avatar .avatar__image {
    position: relative;
    margin-bottom: 1rem
}

.avatar .avatar__image img {
    border-radius: 100%
}

.avatar .avatar__image.is-empty {
    background: var(--color-primary-400);
    border-radius: 100%;
    height: 130px;
    transition: background .33s ease-in-out;
    width: 130px
}

.avatar .avatar__image.is-empty:hover {
    background: var(--color-primary-600)
}

.avatar .avatar__image.is-empty:after,.avatar .avatar__image.is-empty:before {
    background: var(--color-gray-7);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.avatar .avatar__image.is-empty:after {
    height: 5px;
    width: 2rem
}

.avatar .avatar__image.is-empty:before {
    height: 2rem;
    width: 5px
}

.avatar .avatar__subtitle,.avatar .avatar__title {
    color: var(--color-gray-1);
    font-size: var(--p-2-font-size);
    font-weight: 600;
    letter-spacing: var(--p-2-letter-spacing);
    line-height: calc(1.4*var(--p-2-line-height));
    margin-bottom: 0
}

.avatar .avatar__title {
    color: var(--color-gray-1)
}

.avatar .avatar__subtitle {
    color: var(--color-primary-300)
}

a.button,button.button {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: var(--color-primary-300);
    border: 1px solid transparent;
    border-radius: var(--base-border-radius);
    color: var(--color-gray-6);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    font-size: var(--h6-font-size);
    font-weight: 700;
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    outline: none;
    padding: .875rem 1.25rem;
    position: relative;
    transition: background var(--base-transition-timing) var(--base-transition-timing-function)
}

a.button.is-small,button.button.is-small {
    padding: .375rem .625rem;
    font-size: var(--p-2-font-size);
    font-weight: 400;
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing)
}

a.button:not(.is-outlined):not(.is-text):not(.is-disable):hover,button.button:not(.is-outlined):not(.is-text):not(.is-disable):hover {
    background: var(--color-primary-400)
}

a.button:not(.is-outlined):not(.is-text):not(.is-disable):focus-visible,button.button:not(.is-outlined):not(.is-text):not(.is-disable):focus-visible {
    background: var(--color-primary-500)
}

a.button.is-disable,button.button.is-disable {
    background: var(--color-primary-100);
    border-color: var(--color-primary-100);
    color: var(--color-gray-6);
    cursor: not-allowed
}

a.button.has-nowrap,button.button.has-nowrap {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 992px) {
    a.button.has-nowrap,button.button.has-nowrap {
        max-width:16rem
    }
}

a.button.is-orange,button.button.is-orange {
    background: var(--color-orange)
}

a.button.is-orange:focus,a.button.is-orange:hover,button.button.is-orange:focus,button.button.is-orange:hover {
    background: var(--color-orange)!important
}

a.button.is-blue,button.button.is-blue {
    background: var(--color-secondary-400)
}

a.button.is-blue:hover,button.button.is-blue:hover {
    background: var(--color-secondary-500)!important
}

a.button.is-blue:active,a.button.is-blue:focus,button.button.is-blue:active,button.button.is-blue:focus {
    background: var(--color-secondary-600)!important
}

a.button>span.is-rotating,button.button>span.is-rotating {
    padding: 4px 0
}

.button.is-outlined {
    color: var(--text-color)!important;
    background: 0 0;
    border: solid var(--text-color);
    border-width: 1px
}

.button.is-outlined:hover {
    background: var(--color-primary-50)
}

.button.is-outlined:not(.is-disable):focus-visible {
    background: var(--color-primary-100)
}

.button.is-outlined.is-disable {
    background: 0 0;
    border-color: var(--text-color);
    color: var(--color-gray-5);
    cursor: not-allowed;
    pointer-events: none
}

.button.is-outlined.is-disable.is-gradient,.button.is-outlined.is-gradient,section.section .button.is-outlined {
    border: 1px solid transparent;
    background: linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) padding-box,linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) border-box;
    background-origin: border-box;
    background-clip: content-box,border-box;
    box-shadow: inset 2px 1000px 1px #fff
}

.button.is-outlined.is-gradient:not(.is-disable):hover,section.section .button.is-outlined:not(.is-disable):hover {
    box-shadow: 2px 1000px 1px var(--color-primary-50) inset
}

.button.is-outlined.is-gradient:not(.is-disable):focus-visible,section.section .button.is-outlined:not(.is-disable):focus-visible {
    box-shadow: 2px 1000px 1px var(--color-primary-100) inset
}

.button.is-outlined.is-white {
    box-shadow: 2px 1000px 1px var(--outline-button-background) inset!important
}

.button.is-text {
    background: 0 0;
    transition: background var(--base-transition-timing) var(--base-transition-timing-function),color var(--base-transition-timing) var(--base-transition-timing-function);
    color: var(--text-color)
}

.button.is-text:not(.is-disable):hover {
    color: var(--color-gray-1)
}

.button.is-text:not(.is-disable):focus-visible {
    background: var(--color-primary-50);
    color: var(--text-color)
}

.button.is-text.is-disable {
    background: 0 0;
    color: var(--color-gray-5);
    cursor: not-allowed;
    pointer-events: none
}

.button.has-icon-left,.button.has-icon-right {
    display: flex;
    align-items: center
}

.button.has-icon-right>svg {
    margin-left: .5rem
}

.button.has-icon-left>svg {
    margin-right: .5rem
}

.card {
    background: var(--color-gray-7);
    box-shadow: 0 30px 40px var(--color-shadow);
    border-radius: 10px;
    flex: 1;
    padding: 1.25rem
}

.card.disable-shadow {
    box-shadow: none
}

.card.is-outlined {
    border: 1px solid var(--color-gray-6)
}

.card__title {
    color: var(--text-color)
}

.card__title.is-small {
    font-size: var(--h6-font-size);
    letter-spacing: var(--h6-letter-spacing)
}

.card__subtitle {
    color: var(--color-secondary-500);
    font-size: var(--p-2-font-size)
}

.card__description {
    color: var(--color-gray-2)
}

.card__icon {
    min-width: 48px;
    width: 48px;
    min-height: 72px;
    border-radius: 50%
}

.card__icon svg {
    color: var(--color-primary-300);
    height: 100%;
    width: 48px
}

.statistics .card {
    background: 0 0;
    border-bottom: 2px solid var(--color-primary-300);
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.statistics .card__title {
    color: var(--text-color);
    margin-bottom: 0
}

@media(min-width: 768px) {
    .statistics .card__title {
        font-size:var(--h2-font-size);
        line-height: var(--h2-line-height);
        letter-spacing: var(--h2-letter-spacing)
    }
}

input.input,textarea.textarea {
    border: 1px solid transparent;
    outline: none
}

input.input ::-moz-placeholder,textarea.textarea ::-moz-placeholder {
    color: var(--color-gray-4)
}

input.input ::placeholder,textarea.textarea ::placeholder {
    color: var(--color-gray-4)
}

input.input[type=file] {
    max-height: 74px
}

label.label {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    cursor: pointer;
    color: var(--color-gray-2)
}

input.input,label.label {
    font-size: var(--p-font-size);
    letter-spacing: var(--p-letter-spacing);
    line-height: var(--p-line-height)
}

input.input {
    background: var(--color-gray-7);
    border: 1px solid var(--color-gray-4);
    border-radius: 10px;
    color: var(--color-gray-1);
    padding: 1.25rem;
    width: 100%
}

input.input.is-disabled {
    background: var(--color-gray-6);
    cursor: not-allowed
}

input.input.has-error {
    border: 1px solid var(--red-color)
}

input.input:not(.has-error):focus {
    border: 1px solid transparent;
    background: linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) padding-box,linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) border-box;
    background-origin: border-box;
    background-clip: content-box,border-box;
    box-shadow: inset 2px 1000px 1px #fff
}

input.input[type=number] {
    -moz-appearance: textfield
}

textarea.textarea {
    border: 1px solid var(--color-gray-4);
    border-radius: var(--base-border-radius);
    min-height: 9rem;
    padding: 1.25rem
}

textarea.textarea.has-error {
    border-color: var(--color-red)
}

textarea.textarea.is-disabled {
    background: var(--color-gray-6);
    cursor: not-allowed
}

textarea.textarea:focus {
    border: 1px solid transparent;
    background: linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) padding-box,linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) border-box;
    background-origin: border-box;
    background-clip: content-box,border-box;
    box-shadow: inset 2px 1000px 1px #fff
}

.error {
    margin-top: 5px;
    color: var(--red-color);
    font-size: var(--p-2-font-size);
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing);
    text-align: left
}

.error:first-letter {
    text-transform: uppercase
}

.control {
    display: flex;
    flex-direction: column
}

@media(min-width: 992px) {
    .control {
        flex-direction:row
    }

    .control.is-group {
        background: var(--color-gray-7);
        border-radius: 10px;
        position: relative;
        z-index: 1
    }
}

.control.is-group>input.input {
    height: 60px
}

@media(min-width: 992px) {
    .control.is-group>input.input {
        border-right:none;
        border-radius: 10px 0 0 10px;
        height: auto
    }

    .control.is-group>input.input:focus {
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        border-right: none;
        background: linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) padding-box,linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) border-box;
        background-origin: border-box;
        background-clip: content-box,border-box;
        box-shadow: 2px 1000px 1px var(--color-gray-7) inset
    }

    .control.is-group>input.input+button.button {
        margin: .3175rem
    }

    .is-group .input+.button:before,.is-group .input:focus+.button:before {
        border-top: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        background: linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) padding-box,linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) border-box;
        background-origin: border-box;
        background-clip: content-box,border-box;
        box-shadow: 2px 1000px 1px var(--color-gray-7) inset;
        border-radius: 0 10px 10px 0;
        content: "";
        position: absolute;
        top: -.3175rem;
        right: -.3175rem;
        bottom: -.3175rem;
        left: -.3175rem;
        z-index: -1
    }

    .is-group .input+.button:before {
        border-top: 1px solid var(--color-gray-4);
        border-right: 1px solid var(--color-gray-4);
        border-bottom: 1px solid var(--color-gray-4)
    }
}

.range {
    display: flex;
    position: relative
}

.range svg.icon {
    cursor: pointer;
    height: 1.5rem;
    margin: 0 15px;
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% + 1px));
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 1.5rem;
    border-radius: .3125rem;
    background: var(--color-gray-6);
    padding: .3125rem
}

.range svg.icon:hover {
    background: var(--color-gray-5)
}

.range svg.icon.minus {
    left: 0
}

.range svg.icon.plus {
    right: 0
}

.range>input[type=number] {
    height: 2.875rem
}

.range>input[type=number]::-webkit-inner-spin-button,.range>input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.range__label {
    color: var(--text-color);
    font-size: var(--p-font-size);
    font-weight: 400;
    line-height: var(--p-line-height);
    letter-spacing: --p-letter-spacing
}

.radio span {
    border-radius: 50%;
    border: 2px solid var(--color-primary-300);
    min-height: 16px;
    min-width: 16px;
    transition: all var(--base-transition-timing) linear
}

.radio span:after {
    content: "";
    border-radius: 50%;
    background: var(--text-color);
    visibility: hidden;
    opacity: 0;
    min-width: 10px;
    min-height: 10px
}

.radio.is-active span {
    border-color: var(--text-color)
}

.radio.is-active span:after {
    visibility: visible;
    opacity: 1
}

form.form {
    border: 1px solid var(--color-gray-6);
    background: var(--color-gray-7);
    box-shadow: 0 30px 40px var(--color-shadow)
}

.form__message,form.form {
    border-radius: var(--base-border-radius)
}

.form__message {
    border: 1px solid transparent;
    font-size: var(--p-2-font-size);
    line-height: 1.75rem;
    letter-spacing: var(--p-2-letter-spacing);
    padding: .5rem 1rem;
    max-width: 32rem;
    width: 100%;
    word-wrap: break-word
}

.form__message:first-letter {
    padding-left: 2rem
}

.form__message .message__icon {
    border-radius: calc(var(--base-border-radius)/2);
    height: 22px;
    position: absolute;
    width: 22px
}

.form__message .message__icon svg {
    color: var(--color-gray-7);
    height: 14px;
    width: auto
}

.form__message.on-success {
    border-top: 2px solid var(--color-primary-300);
    background: var(--color-primary-50)
}

.form__message.on-success .message__icon,.form__message.on-success .message__icon svg {
    background: var(--color-primary-300)
}

figure.figure {
    position: relative;
    margin-bottom: 0;
    width: 100%
}

figure.figure.is-position-left {
    position: absolute;
    left: 1rem;
    width: auto
}

figure.figure.is-position-right {
    position: absolute;
    right: 1rem;
    width: auto
}

.image,.picture {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: 2
}

.image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.image.image--is-loading {
    opacity: 0
}

.image.image--is-blurry {
    filter: blur(5px) opacity(.45)
}

.image.image--is-loaded,.image.image--is-preview {
    animation: fade-in calc(2*var(--base-transition-timing)) var(--base-transition-timing-function) forwards
}

.image.image--is-preview {
    width: 100%
}

.image.image--is-preview.image--is-hidden {
    animation: fade-out calc(2*var(--base-transition-timing)) var(--base-transition-timing-function) forwards
}

.background-image {
    height: -moz-max-content;
    height: max-content;
    min-width: 100%;
    overflow: hidden;
    width: 100%
}

.background-image .figure,.background-image .image--is-loaded {
    height: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

html body img.layout-fill {
    width: 100%;
    height: 100%
}

@keyframes dots-animation {
    20% {
        background-position: 0 0,50% 50%,100% 50%
    }

    40% {
        background-position: 0 100%,50% 0,100% 50%
    }

    60% {
        background-position: 0 50%,50% 100%,100% 0
    }

    80% {
        background-position: 0 50%,50% 50%,100% 100%
    }
}

.loader--with-dots {
    animation: dots-animation 2s linear infinite;
    background: radial-gradient(circle closest-side,var(--color-gray-5) 90%,transparent) 0 50%,radial-gradient(circle closest-side,var(--color-gray-5) 90%,transparent) 50% 50%,radial-gradient(circle closest-side,var(--color-gray-5) 90%,transparent) 100% 50%;
    background-size: 33.3333333333% 8px;
    background-repeat: no-repeat;
    height: 15px;
    width: 50px
}

.loader--with-dots.is-fullscreen {
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%,-50%)
}

aside.modal {
    background: rgba(17,59,85,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    opacity: 0;
    transition: var(--base-transition);
    z-index: 9999999
}

aside.modal>.modal__box {
    display: flex;
    flex-direction: column;
    margin: 0 1rem;
    max-width: 1190px;
    max-height: 100%;
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    aside.modal>.modal__box {
        margin:0 3rem
    }
}

aside.modal>.modal__box.has-aspect-ratio-16-9 {
    aspect-ratio: 16/9
}

aside.modal>.modal__box.is-medium {
    max-width: 650px
}

.modal__header {
    box-shadow: 0 30px 40px var(--color-shadow);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: var(--color-primary-300);
    border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
    display: flex;
    align-items: center;
    position: relative;
    min-height: 50px
}

.modal__header .header__content {
    padding: 0 1rem;
    position: relative;
    z-index: 1
}

.modal__header~.modal__body {
    top: 50px
}

.modal__body {
    background: var(--color-gray-7);
    border-radius: var(--base-border-radius);
    overflow: auto;
    height: 100%
}

.modal__body>iframe,.modal__body>img {
    border-radius: 10px;
    height: 100%;
    width: 100%
}

.modal__avatar {
    aspect-ratio: 1;
    border-radius: 100%;
    left: 50%;
    margin: -4.5rem auto 0;
    outline: 5px solid #fff;
    position: absolute;
    top: 3rem;
    transform: translateX(-50%);
    width: 140px;
    z-index: 10;
    -o-object-fit: cover;
    object-fit: cover
}

.modal__avatar+.modal__body {
    padding-top: 5rem
}

.modal__close {
    color: var(--color-gray-5);
    cursor: pointer;
    font-size: 1.2rem;
    padding: 10px;
    position: absolute;
    top: -3.2rem;
    right: -.5rem
}

@media(min-width: 768px) {
    .modal__close {
        top:-.5rem;
        right: -3.2rem
    }
}

.article__placeholder {
    border-radius: var(--base-border-radius);
    box-shadow: 0 30px 40px rgba(212,217,232,.2);
    flex: 1
}

.article__placeholder>.placeholder__date,.article__placeholder>.placeholder__description,.article__placeholder>.placeholder__image,.article__placeholder>.placeholder__labels>.placeholder__label,.article__placeholder>.placeholder__title {
    animation: pulse 1.4s linear 0ms infinite forwards;
    background: var(--color-gray-5)
}

.article__placeholder>.placeholder__image {
    border-radius: var(--base-border-radius);
    height: 12.5rem;
    margin-bottom: 1rem
}

.article__placeholder>.placeholder__labels {
    display: flex;
    margin-bottom: 1.75rem
}

.article__placeholder>.placeholder__labels .placeholder__label {
    border-radius: var(--base-border-radius);
    margin-right: 1.25rem;
    min-height: 2rem;
    min-width: 4rem
}

.article__placeholder>.placeholder__title {
    min-height: 2rem;
    margin-bottom: .5rem
}

.article__placeholder>.placeholder__description {
    margin-bottom: var(--base-spacing-unit);
    min-height: 4rem
}

.article__placeholder>.placeholder__date {
    min-height: 1.5rem;
    width: 8rem
}

.repuso__placeholder {
    animation: pulse 2.5s linear 0ms infinite forwards
}

.repuso__placeholder .placeholder__testimonial {
    background: var(--color-gray-6);
    border-radius: 8px;
    box-shadow: var(--repuso-box-shadow);
    height: 185px;
    margin: 0 auto 2rem;
    padding: 2.5rem 1.875rem;
    width: 100%;
    max-width: 888px
}

.repuso__placeholder .placeholder__sentence {
    background: var(--color-gray-5);
    height: 20px;
    margin-bottom: 12px;
    width: 90%
}

.repuso__placeholder .placeholder__sentence:nth-child(2) {
    width: 45%
}

.repuso__placeholder .placeholder__authors {
    display: flex;
    justify-content: center
}

.repuso__placeholder .placeholder__author {
    background: var(--color-gray-6);
    border-radius: 50%;
    height: var(--repuso-photo-width);
    margin-right: calc(var(--repuso-photo-spread)/1.5);
    width: var(--repuso-photo-width)
}

.repuso__placeholder .placeholder__author:last-child {
    margin-right: 0
}

.repuso__placeholder.masonry-placeholder {
    gap: 40px;
    grid-template-columns: repeat(3,auto);
    display: grid;
    max-height: 1400px;
    overflow: hidden;
    transition-property: max-height;
    transition-duration: .1s;
    transition-timing-function: linear;
    animation: none
}

@media(max-width: 767px) {
    .repuso__placeholder.masonry-placeholder {
        grid-template-columns:1fr 1fr
    }
}

@media(max-width: 575px) {
    .repuso__placeholder.masonry-placeholder {
        grid-template-columns:1fr
    }
}

.repuso__placeholder.masonry-placeholder.hidden {
    max-height: 0
}

.repuso__placeholder.masonry-placeholder .placeholder__card {
    width: 100%;
    background: #fff;
    margin-bottom: 24px;
    padding: 24px 26px;
    border-radius: 20px
}

.repuso__placeholder.masonry-placeholder .placeholder__author {
    width: 32px;
    margin-bottom: 16px;
    height: 32px;
    margin-right: 16px
}

.repuso__placeholder.masonry-placeholder .placeholder__sentence {
    height: 16px;
    border-radius: 3px;
    margin-bottom: 8px
}

section.section {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

@media(min-width: 576px)and (max-width:767px) {
    section.section.decoration--except-sm {
        background-image:none!important
    }
}

@media(min-width: 768px)and (max-width:991px) {
    section.section.decoration--except-md {
        background-image:none!important
    }
}

@media(min-width: 992px)and (max-width:1199px) {
    section.section.decoration--except-lg {
        background-image:none!important
    }
}

@media(min-width: 1200px)and (max-width:1399px) {
    section.section.decoration--except-xl {
        background-image:none!important
    }
}

@media(min-width: 1400px) {
    section.section.decoration--except-xxl {
        background-image:none!important
    }
}

@media(max-width: 767px) {
    section.section {
        background-image:none!important
    }
}

section.section .category {
    color: var(--color-primary-300);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing)
}

section.section h1.title,section.section h2.title {
    color: var(--text-color)
}

section.section h3.subtitle {
    color: var(--color-gray-2);
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing)
}

section.section p.description {
    color: var(--color-gray-2)
}

section.section .checklist .item {
    color: var(--color-gray-2);
    font-weight: 400
}

section.section .checklist .item svg {
    flex: 1 1 1.7rem
}

section.section .checklist .item p {
    flex: 1 1 100%
}

section.section .button {
    font-weight: 400
}

section.section .button.is-outlined {
    background: linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) padding-box,linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) border-box;
    background-origin: border-box;
    background-clip: content-box,border-box;
    box-shadow: 2px 1000px 1px var(--color-primary-10) inset
}

section.section .button.is-outlined.bg-white {
    box-shadow: inset 2px 1000px 1px #fff
}

section.section .steps {
    color: var(--color-gray-2)
}

section.section .steps .step p.number {
    border-radius: 50%;
    color: #fff;
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

section.section .title {
    margin-bottom: 1.25rem
}

section.section .title-plans {
    margin-bottom: .62rem
}

@media(min-width: 768px) {
    section.section .grid .category {
        margin-bottom:1.75rem
    }
}

section.section .grid .description,section.section .grid .title {
    margin-bottom: 1.875rem
}

section.section .grid .column span {
    width: 100%!important
}

.box-shadow {
    box-shadow: 0 30px 40px var(--color-shadow)
}

[tooltip] {
    position: relative
}

[tooltip]:before {
    content: "";
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: var(--color-gray-1) transparent transparent transparent;
    z-index: 99;
    opacity: 0
}

[tooltip]:not(.has-inner-tooltip):after {
    content: attr(tooltip)
}

[tooltip] .inner-tooltip,[tooltip]:after {
    position: absolute;
    left: 50%;
    top: -12px;
    transform: translateX(-50%) translateY(-100%);
    background: var(--color-gray-1);
    color: #fff;
    padding: 10px;
    line-height: 1rem;
    font-size: .75rem;
    letter-spacing: .2px;
    min-width: 200px;
    border-radius: 10px;
    pointer-events: none;
    z-index: 99;
    word-break: break-word;
    -webkit-word-break: break-word;
    word-wrap: break-word;
    -webkit-word-wrap: break-word;
    opacity: 0
}

[tooltip]:hover .inner-tooltip,[tooltip]:hover:after,[tooltip]:hover:before {
    opacity: 1
}

[tooltip-position=left]:before {
    left: -15px;
    transform: translatey(-50%) rotate(-90deg)
}

[tooltip-position=left] .inner-tooltip,[tooltip-position=left]:after {
    left: -10px;
    transform: translateX(-100%) translateY(-50%)
}

[tooltip-position=left] .inner-tooltip,[tooltip-position=left]:after,[tooltip-position=left]:before {
    top: 50%
}

[tooltip-position=right] .inner-tooltip,[tooltip-position=right]:after {
    margin-left: 16px;
    transform: translateX(0) translateY(-50%)
}

[tooltip-position=right]:before {
    left: 12px;
    transform: translatey(-50%) rotate(90deg)
}

[tooltip-position=right] .inner-tooltip,[tooltip-position=right]:after,[tooltip-position=right]:before {
    top: 50%
}

[tooltip-position=top]:after,[tooltip-position=top]:before {
    left: 50%
}

[tooltip-position=top-left] .inner-tooltip,[tooltip-position=top-left]:after,[tooltip-position=top-left]:before {
    left: -10px
}

[tooltip-position=top-left]:before {
    left: 0;
    transform: translateX(0)
}

[tooltip-position=top-left] .inner-tooltip,[tooltip-position=top-left]:after {
    transform: translateX(0) translateY(-100%)
}

[tooltip-position=top-right] .inner-tooltip,[tooltip-position=top-right]:after,[tooltip-position=top-right]:before {
    right: 0;
    left: unset
}

[tooltip-position=top-right]:before {
    right: 0;
    left: unset;
    transform: translateX(0)
}

[tooltip-position=top-right] .inner-tooltip,[tooltip-position=top-right]:after {
    right: -10px;
    transform: translateX(0) translateY(-100%)
}

[tooltip-position=bottom] .inner-tooltip,[tooltip-position=bottom]:after {
    transform: translateX(-50%) translateY(0)
}

[tooltip-position=bottom]:before {
    transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}

[tooltip-position=bottom] .inner-tooltip,[tooltip-position=bottom]:after,[tooltip-position=bottom]:before {
    top: 100%;
    margin-top: 5px
}

[tooltip-position=bottom-left] .inner-tooltip,[tooltip-position=bottom-left]:after {
    transform: translateX(0) translateY(0)
}

[tooltip-position=bottom-left]:before {
    transform: translateX(0) translatey(-100%) rotate(-180deg);
    margin-left: 10px
}

[tooltip-position=bottom-left] .inner-tooltip,[tooltip-position=bottom-left]:after,[tooltip-position=bottom-left]:before {
    left: 0;
    top: 100%;
    margin-top: 5px
}

[tooltip-position=bottom-right] .inner-tooltip,[tooltip-position=bottom-right]:after {
    transform: translateX(0) translateY(0)
}

[tooltip-position=bottom-right]:before {
    transform: translateX(0) translatey(-100%) rotate(-180deg);
    margin-right: 10px
}

[tooltip-position=bottom-right] .inner-tooltip,[tooltip-position=bottom-right]:after,[tooltip-position=bottom-right]:before {
    right: 0;
    left: unset;
    top: 100%;
    margin-top: 5px
}

.question-card {
    background: var(--color-gray-7);
    color: var(--text-color);
    border-radius: var(--base-border-radius);
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 74rem;
    text-align: left;
    width: 100%
}

.question-card.shadowed-border {
    box-shadow: 0 14px 20px var(--color-shadow)
}

.question-card.solid-border {
    border: 1px solid var(--color-gray-5)
}

.question-card.solid-border.is-expanded {
    border-color: var(--color-primary-300)
}

.question-card:last-child {
    margin-bottom: 0
}

.question h3 {
    font-size: var(--h6-font-size);
    max-width: calc(100% - 49px)
}

.question span.icon {
    margin-right: 8px
}

.answer {
    margin-bottom: 0
}

.alerts {
    --alerts-top: 104px;
    top: var(--alerts-top);
    transition: all .4s ease-in-out;
    z-index: 10000000
}

.alerts.on-xmas {
    --alerts-top: 145px
}

.alerts.on-xmas.on-scroll__up {
    --alerts-top: 125px
}

.alerts.on-xmas.on-scroll__down {
    --alerts-top: 75px
}

@media(max-width: 991px) {
    .alerts {
        top:calc(var(--alerts-top) - 30px);
        z-index: 100
    }

    .alerts.on-scroll {
        top: calc(var(--alerts-top) - 10px)
    }
}

.alerts .card.alert-container {
    border-radius: 5px;
    padding: 0;
    border: 1px solid;
    animation: slide-out .3s linear;
    transition: transform .3s ease-in-out;
    will-change: transform
}

.alerts .x {
    height: 22px;
    width: 22px;
    margin-top: 3px;
    border-radius: 5px;
    border: 1px solid transparent;
    transition: all var(--base-transition-timing) var(--base-transition-timing-function)
}

.alerts .x:hover {
    border-color: var(--color-gray-6);
    background: #fff
}

.alerts .x__icon {
    width: auto;
    height: .95rem
}

.alerts .x__icon line {
    color: var(--color-gray-3)
}

.alerts .alert {
    width: 400px;
    border-radius: 5px
}

@media(max-width: 400px) {
    .alerts .alert {
        width:calc(100vw - 32px)
    }
}

.alerts .alert .alert__content {
    max-width: calc(100% - 23px)
}

.alerts .alert .alert__content .content__icon {
    margin-top: 3px;
    width: 22px;
    height: 22px;
    border-radius: 5px
}

.alerts .alert .alert__content .content__icon svg {
    height: 14px;
    width: auto
}

.alerts .alert .alert__content__text {
    word-wrap: break-word;
    -webkit-word-break: break-word;
    line-height: 1.75rem;
    max-width: 100%
}

.alerts .alert .alert__content__text:first-letter {
    padding-left: 30px
}

.alerts .alert .alert__content__text .text__description {
    word-wrap: break-word;
    -webkit-word-break: break-word;
    font-size: var(--p-2-font-size);
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing)
}

.alert:hover .alert__border {
    animation-play-state: paused
}

.alert>.alert__border {
    animation: timer .4s linear;
    will-change: width;
    margin: 0 2px;
    border-radius: 5px 0 0 0;
    height: 2px;
    position: relative;
    top: -1px;
    min-height: 2px
}

.can-hide {
    opacity: 1;
    transition: opacity .3s ease-in-out;
    will-change: opacity
}

.can-hide.start-hide {
    opacity: 0
}

.can-hide.start-hide .alert__border {
    visibility: hidden
}

.ambassador>header.ambassador__header {
    background: var(--color-ambassador);
    padding: 5.5rem 0 2rem;
    position: relative
}

@media(min-width: 992px) {
    .ambassador>header.ambassador__header {
        padding:5.5rem 0 10rem;
        overflow: hidden
    }
}

.ambassador>header.ambassador__header .header__title {
    color: var(--color-gray-7)
}

.ambassador>header.ambassador__header .header__title svg {
    width: 28px;
    height: 28px
}

@media(min-width: 768px) {
    .ambassador>header.ambassador__header .header__title svg {
        width:36px;
        height: 36px
    }
}

@media(min-width: 992px) {
    .ambassador>header.ambassador__header .header__title svg {
        width:42px;
        height: 42px
    }
}

.ambassador>header.ambassador__header .header__description {
    color: var(--color-gray-6)
}

.ambassador>header.ambassador__header .button {
    background: var(--color-tertiary-100);
    position: relative;
    z-index: 1
}

.ambassador>header.ambassador__header .button:hover {
    background: var(--color-tertiary-900)!important
}

.ambassador>header.ambassador__header .header__image {
    position: relative;
    height: auto;
    bottom: 3rem
}

@media(min-width: 576px) {
    .ambassador>header.ambassador__header .header__image {
        right:10rem;
        bottom: 2rem;
        width: 45rem
    }
}

@media(min-width: 768px) {
    .ambassador>header.ambassador__header .header__image {
        right:0;
        bottom: 3rem;
        width: 45rem
    }
}

@media(min-width: 992px) {
    .ambassador>header.ambassador__header .header__image {
        position:absolute;
        right: -15rem;
        bottom: 0;
        width: 70rem
    }
}

@media(min-width: 1200px) {
    .ambassador>header.ambassador__header .header__image {
        right:-3rem;
        width: 65rem
    }
}

@media(min-width: 1400px) {
    .ambassador>header.ambassador__header .header__image {
        right:0
    }
}

.ambassador .ambassador__instructions {
    background: var(--color-gray-7);
    border: 1px solid var(--color-gray-6);
    border-radius: var(--base-border-radius);
    box-shadow: 0 30px 40px var(--color-shadow);
    margin-bottom: -3rem;
    padding: 3.125rem 6.25rem;
    position: relative;
    top: -7rem
}

.ambassador .ambassador__instructions .instructions__subtitle,.ambassador .ambassador__instructions .instructions__title {
    color: var(--color-gray-1);
    text-align: center
}

.ambassador__instructions .instruction {
    background: var(--color-gray-7);
    margin-bottom: 2rem
}

.ambassador__instructions .instruction:last-child {
    margin-bottom: 0
}

.ambassador__instructions .instruction .circle {
    background: var(--color-primary-300);
    border-radius: 50%;
    margin: auto;
    height: 1.5rem;
    width: 1.5rem
}

.ambassador__features strong {
    color: var(--color-primary-300)
}

.statistics__image {
    margin-bottom: -7rem;
    position: relative;
    top: -10rem
}

.article {
    border-radius: var(--base-border-radius);
    box-shadow: 0 30px 40px rgba(212,217,232,.2)
}

.article:nth-child(2),.article:nth-child(3) {
    display: none
}

@media(min-width: 768px) {
    .article:nth-child(2) {
        display:block
    }
}

@media(min-width: 992px) {
    .article:nth-child(3) {
        display:block
    }
}

.article__thumbnail {
    border-radius: var(--base-border-radius);
    height: 12.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.article__label {
    border: 1px solid;
    border-radius: var(--base-border-radius);
    padding: 10px
}

.article__title {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing)
}

.article__description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

@media(min-width: 576px) {
    footer.footer .get-method {
        zoom:.8
    }
}

@media(max-width: 575px) {
    footer.footer .get-method {
        height:47px
    }
}

footer.footer .footer__description {
    color: var(--text-color);
    font-size: .875rem;
    letter-spacing: .3px;
    line-height: 1.25rem;
    margin: 0 auto 2.5rem;
    max-width: 600px
}

@media(min-width: 992px) {
    footer.footer .footer__description {
        margin:0 0 1.5rem
    }
}

footer.footer .footer__description>.footer__link {
    color: var(--text-color)
}

footer.footer .footer__title {
    font-size: var(--h6-font-size);
    font-weight: 700;
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    margin-bottom: 1.5rem
}

footer.footer .footer__link {
    color: var(--text-color);
    font-size: .875rem;
    width: -moz-fit-content;
    width: fit-content
}

footer.footer .social-media-link {
    width: 24px;
    height: 24px;
    background: rgba(17,58,84,.102);
    border-radius: 50%
}

footer.footer .social-media-link.is-filled svg {
    stroke: transparent;
    fill: #113b55
}

footer.footer .wordpress-icon {
    width: 14px
}

.footer__footnote {
    border-top: 1px solid var(--color-gray-4)
}

.footer__footnote .footnote__content {
    margin-bottom: 0
}

.footer__footnote .footnote__content,.footer__footnote .footnote__link {
    color: var(--color-gray-2);
    font-size: .875rem
}

.employee__photo {
    height: 80vh;
    position: relative;
    overflow: hidden;
    width: 100%
}

.employee__photo img {
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 992px) {
    .employee__photo {
        position:sticky;
        top: 98px
    }
}

.employee__greeting {
    color: var(--text-color);
    font-weight: 800;
    margin-bottom: 0;
    -webkit-text-fill-color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #000
}

@media(min-width: 992px) {
    .employee__greeting {
        letter-spacing:-2px
    }
}

.employee__name {
    color: var(--text-color);
    font-weight: 800
}

.employee_headline {
    color: var(--color-gray-1);
    font-weight: 500
}

.employee_description {
    color: var(--color-gray-2)
}

.employee__link {
    border-radius: calc(var(--base-border-radius)*2);
    background: #dff6f6;
    font-size: .75rem;
    padding: .3125rem 1rem
}

.employee__link,.employee__link:hover {
    color: var(--text-color)
}

.employee__link svg {
    height: 15px;
    width: 15px
}

.employee__link.is-website svg {
    stroke-width: 3px;
    stroke: var(--text-color)
}

.employee__link.is-linkedin svg {
    fill: var(--text-color);
    stroke-width: 1px
}

.employee__link.is-threads svg,.employee__link.is-twitter svg {
    fill: var(--text-color)
}

.hamburger {
    align-items: center;
    flex-direction: column
}

.hamburger>.hamburger__trigger {
    cursor: pointer;
    display: block;
    height: 40px;
    opacity: 0;
    position: absolute;
    top: -13px;
    right: -9px;
    width: 45px;
    z-index: 1
}

.hamburger>.hamburger__slice {
    background: var(--text-color);
    border-radius: 5px;
    display: block;
    margin-bottom: 4px;
    margin-right: 4px;
    position: relative;
    height: 2px;
    width: 18px;
    transition: transform var(--base-transition-timing) cubic-bezier(.77,.2,.05,1),background var(--base-transition-timing) cubic-bezier(.77,.2,.05,1),opacity var(--base-transition-timing) ease
}

.hamburger>.hamburger__slice:last-child {
    margin-bottom: 0
}

.hamburger__trigger:checked~.hamburger__slice {
    opacity: 1;
    transform: rotate(45deg) translate(0)
}

.hamburger__trigger:checked~.hamburger__slice:nth-last-child(3) {
    transform: rotate(-45deg) translate(-3px,7px)
}

.hamburger__trigger:checked~.hamburger__slice:nth-last-child(2) {
    opacity: 0;
    transform: rotate(0deg) scale(0)
}

.hamburger__trigger:checked~.hamburger__slice:last-child {
    transform: rotate(45deg) translate(-1px,-6px)
}

section.introduction {
    padding-top: 3.125rem
}

.introduction__content {
    width: 100%
}

@media(min-width: 992px) {
    .introduction__content {
        padding-bottom:2.5rem;
        width: 45%;
        min-height: calc(100vh - 98px - 3.125rem)
    }
}

.introduction__spotlight {
    width: -moz-max-content;
    width: max-content;
    display: flex;
    gap: 10px;
    background: linear-gradient(0deg,#e6eff0,#eef0f5);
    border-radius: 30px;
    padding: 5px 10px;
    border: 4px solid #fff;
    color: #333!important;
    outline: 2px solid #e0e0e0;
    margin-bottom: 25px;
    align-items: center
}

.introduction__spotlight img {
    border-radius: unset
}

.introduction__spotlight .new {
    background: #00a9ff;
    padding: 4px 8px;
    color: #fff;
    font-weight: 700;
    border-radius: inherit;
    font-size: 12px;
    line-height: 20px
}

h1.introduction__title {
    color: var(--text-color);
    padding-right: 19%;
    font-weight: unset!important
}

@media(min-width: 992px) {
    h1.introduction__title {
        padding-right:30%
    }
}

.introduction__subtitle {
    color: var(--color-gray-2);
    font-size: var(--h6-font-size);
    font-weight: 400;
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing)
}

@media(min-width: 768px) {
    .introduction__subtitle {
        padding-right:15%
    }
}

@media(min-width: 992px) {
    .introduction__subtitle {
        padding-right:30%
    }
}

.introduction__actions {
    display: flex;
    flex-direction: column;
    width: 25rem
}

@media(min-width: 768px) {
    .introduction__actions {
        flex-direction:row
    }
}

@media(max-width: 767px) {
    .introduction__actions {
        width:100%
    }
}

.introduction__actions .button {
    font-weight: 400
}

.introduction__actions .button:not(.is-text) {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.introduction__actions .button.is-text {
    color: var(--color-gray-2);
    display: flex;
    align-items: center;
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing);
    margin-top: 1.25rem;
    padding: 0
}

.introduction__actions .button.is-text:focus {
    background: 0 0
}

@media(min-width: 768px) {
    .introduction__actions .button.is-text {
        margin-top:0
    }
}

.introduction__illustration {
    margin: 2rem 0 0 -1.25rem;
    position: relative;
    z-index: -1
}

.introduction__illustration .xmas-hero-blurry {
    aspect-ratio: 1550/1200;
    position: absolute;
    top: -3px;
    right: 0;
    width: 97%
}

.introduction__illustration .iframe-placeholder {
    z-index: -1;
    -webkit-box-reflect: above;
    border-radius: 0
}

.introduction__illustration .dotlottie-container,.introduction__illustration .dotlottie-container>.animation[role=figure] {
    aspect-ratio: 1550/1200;
    width: 100%
}

@media(min-width: 992px) {
    .introduction__illustration {
        aspect-ratio:1550/1200;
        position: absolute;
        top: 0;
        right: 0;
        width: 55%
    }
}

@media(max-width: 1250px) {
    .introduction__illustration {
        aspect-ratio:1020/1200;
        margin-top: 30px
    }

    .introduction__illustration .dotlottie-container,.introduction__illustration .dotlottie-container>.animation[role=figure] {
        aspect-ratio: 1020/1200
    }
}

.introduction__illustration img {
    width: 100%;
    height: 100%
}

.introduction__recognitions {
    color: var(--color-gray-2)
}

.introduction__recognitions .figure {
    width: auto
}

.job__go-back {
    color: var(--color-primary-300);
    font-size: var(--h6-font-size);
    font-weight: 700;
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing)
}

.job__go-back:hover {
    color: var(--color-primary-500)
}

.job__title {
    color: var(--text-color);
    font-weight: 800
}

.job__subtitle {
    color: var(--color-gray-2);
    font-weight: 700
}

.job__list>.job__item {
    color: var(--color-gray-2);
    font-size: var(--p-font-size);
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-letter-spacing);
    margin-bottom: .625rem
}

.job__list>.job__item svg {
    color: var(--color-primary-300);
    flex: 0 0 24px
}

.job__card {
    flex: 0 0 450px
}

.job__form label {
    color: var(--color-gray-2);
    font-size: var(--p-font-size);
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing)
}

.job-card {
    border: 1px solid var(--color-gray-5);
    border-radius: var(--base-border-radius);
    padding: 1.875rem
}

.job-card .job-card__title {
    color: var(--text-color);
    font-weight: 700;
    margin-bottom: 1.25rem
}

.job-card .job-card__title:hover {
    color: var(--text-color)
}

.job-card .job-card__detail {
    background: var(--color-primary-50);
    border-radius: var(--base-border-radius);
    color: var(--color-primary-400);
    padding: 5px 10px;
    margin-right: 10px;
    align-items: center
}

@media(max-width: 575px) {
    .job-card .job-card__detail {
        display:none
    }
}

.job__apply-button {
    border-left: 1px solid var(--color-gray-6);
    flex: 0 0 14rem;
    margin-left: 2rem;
    padding-left: 2.5rem
}

@media(min-width: 1200px) {
    .job__apply-button {
        flex:0 0 20rem;
        margin-left: 5rem
    }
}

.job__apply-button .button.is-orange {
    background: #faaf00;
    color: var(--text-color);
    font-weight: 700
}

.job__apply-button .job__share-headline {
    font-size: var(--p-2-font-size);
    font-weight: 700;
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing)
}

.job__apply-button .job__share-networks {
    padding-left: .5rem;
    position: relative
}

.job__apply-button .job__share-networks:before {
    content: "";
    background: var(--color-gray-2);
    height: 60%;
    position: absolute;
    left: 0;
    width: 1px
}

.job__apply-button .job__share-network:not(button) {
    transform: scale(1.2);
    padding: 8px
}

.job__apply-button .job__share-network:not(button) svg path {
    fill: var(--color-gray-3)
}

.job__apply-button .job__share-network:is(button) {
    padding: 0 .5rem
}

.job__apply-button .job__share-network:is(button) svg {
    width: 1rem
}

.job__apply-button .job__share-network:is(button) svg path {
    stroke: var(--color-gray-3)
}

.menu {
    display: none
}

@media(min-width: 992px) {
    .menu {
        display:grid;
        align-items: center;
        background: var(--color-gray-7);
        border-radius: var(--base-border-radius);
        border: 1px solid var(--color-gray-6);
        box-shadow: 0 30px 40px var(--color-shadow);
        grid-template-columns: repeat(3,minmax(16.2rem,1fr));
        grid-template-rows: repeat(4,minmax(5.75rem,1fr));
        padding: .75rem;
        position: absolute;
        top: 3.5rem;
        transition: background var(--base-transition-timing) var(--base-transition-timing-function)
    }
}

@media(min-width: 1200px) {
    .menu {
        grid-template-columns:repeat(3,minmax(16.9375rem,1fr));
        grid-gap: .625rem;
        padding: 1.25rem
    }
}

@media(min-width: 992px) {
    .menu.is-closed {
        opacity:0;
        visibility: hidden
    }

    .menu.is-closing {
        animation: fade-out-and-slide-up var(--base-transition-timing) var(--base-transition-timing-function)
    }
}

.menu.is-opened {
    display: grid
}

@media(min-width: 992px) {
    .menu.is-opened {
        animation:fade-in-and-slide-down var(--base-transition-timing) var(--base-transition-timing-function)
    }
}

#tools {
    grid-template-columns: repeat(1,minmax(21rem,1fr));
    grid-template-rows: repeat(3,minmax(5.75rem,1fr))
}

@media(max-width: 991px) {
    #tools {
        grid-template-rows:repeat(1,minmax(1.75rem,1fr))
    }
}

.menu__link {
    border-radius: 10px;
    cursor: pointer;
    transition: var(--base-transition);
    padding-bottom: 5px
}

@media(max-width: 991px) {
    .menu__link:last-child {
        padding-bottom:0
    }
}

@media(min-width: 992px) {
    .menu__link {
        padding:10px
    }

    .menu__link.new,.menu__link.new:hover {
        background: rgba(0,169,255,.1)
    }
}

.menu__link .link__name {
    color: var(--text-color);
    font-size: var(--p-font-size);
    font-weight: 400;
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing)
}

@media(min-width: 992px) {
    .menu__link .link__name {
        font-weight:700
    }
}

.menu__link .link__new {
    margin-left: auto;
    background: #00a9ff;
    padding: 4px 8px;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    font-size: 12px;
    line-height: 20px
}

@media(max-width: 991px) {
    .menu__link .link__new {
        margin-left:10px!important
    }
}

.menu__link .link__description {
    color: var(--color-gray-3);
    font-size: var(--p-2-font-size);
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing);
    margin-left: 1.975rem
}

.menu__link .link__icon svg {
    color: var(--text-color)
}

.menu__link .link__description,.menu__link .link__icon svg,.menu__link .link__name {
    transition: var(--base-transition)
}

@media(min-width: 992px) {
    .menu__link:hover {
        background:var(--color-primary-10)
    }

    .menu__link:hover .link__description,.menu__link:hover .link__icon svg,.menu__link:hover .link__name {
        color: var(--color-primary-900)
    }
}

.menu:before {
    position: absolute;
    top: -15px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 15px solid var(--color-gray-7);
    z-index: 1
}

@media(min-width: 992px) {
    .menu:before {
        content:""
    }
}

.menu:after {
    position: absolute;
    top: -17px;
    left: 29px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid var(--color-gray-6)
}

@media(min-width: 992px) {
    .menu:after {
        content:""
    }
}

#credential_picker_container {
    margin-top: 125px;
    transition: transform .3s ease-in-out;
    outline: none
}

#credential_picker_container.on-scroll__up {
    margin-top: 100px
}

#credential_picker_container.on-scroll__down {
    margin-top: 55px
}

@media(max-width: 991px) {
    #credential_picker_container {
        display:none
    }
}

.hidden-md {
    display: none
}

@media(max-width: 991px) {
    .hidden-md {
        display:inline-block
    }
}

@media(min-width: 1400px) {
    .hidden-md {
        display:inline-block
    }
}

nav.navbar {
    transition: .4s;
    border-bottom: 0
}

@media(max-width: 991px) {
    nav.navbar {
        border-bottom:1px solid var(--color-gray-5)
    }
}

nav.navbar .brand,nav.navbar .button {
    transition: .4s
}

@media(min-width: 992px) {
    nav.navbar.on-scroll {
        background:var(--color-gray-7);
        border-bottom: 1px solid var(--color-gray-5)
    }

    nav.navbar.on-scroll .brand {
        padding: .75rem 0
    }

    nav.navbar.on-scroll .button {
        padding: .25rem 1.25rem
    }
}

nav.navbar.on-scroll__up {
    top: 48px!important
}

nav.navbar.on-scroll__down {
    top: 0!important
}

nav.navbar .brand {
    background: var(--color-gray-7);
    box-shadow: 0 30px 40px rgba(212,217,232,.2);
    padding: .625rem 1rem
}

@media(min-width: 992px) {
    nav.navbar .brand {
        background:0 0;
        box-shadow: none;
        padding: 1.875rem 0
    }
}

.nav__hamburger {
    margin-left: auto;
    position: relative
}

.nav.is-hidden {
    display: none
}

@media(min-width: 992px) {
    .nav.is-hidden {
        display:flex
    }
}

ul.nav__list {
    background: var(--color-gray-7);
    margin-bottom: 0;
    overflow-y: auto;
    padding: 1.5rem 1rem 0;
    bottom: 0;
    width: 100%
}

@media(min-width: 992px) {
    ul.nav__list {
        background:0 0;
        height: auto;
        margin-left: 3.5rem;
        min-height: 0;
        overflow-y: visible;
        padding: 0;
        position: unset
    }
}

@media(min-width: 1200px) {
    ul.nav__list {
        margin-left:4.5rem
    }
}

@media(min-width: 1400px) {
    ul.nav__list {
        margin-left:7.5rem
    }
}

li.nav__item {
    font-size: var(--h6-font-size);
    line-height: var(--h6-line-height);
    letter-spacing: var(--h6-letter-spacing);
    font-weight: 700;
    margin-bottom: 1.875rem
}

@media(min-width: 992px) {
    li.nav__item {
        font-size:var(--p-font-size);
        line-height: var(--p-line-height);
        letter-spacing: var(--p-letter-spacing);
        font-weight: 400;
        margin-right: 2.5rem;
        margin-bottom: 0
    }
}

@media(min-width: 1200px) {
    li.nav__item {
        margin-right:3.75rem
    }
}

@media(min-width: 992px) {
    li.nav__item:last-child {
        margin-right:0
    }
}

@media(max-width: 991px) {
    li.nav__item.has-button {
        margin-bottom:1.25rem;
        width: 100%
    }
}

li.nav__item>.button {
    font-size: var(--p-font-size)
}

@media(min-width: 992px) {
    li.nav__item.is-register {
        padding:0
    }

    li.nav__item.is-register .button {
        color: var(--text-color-2);
        border: 1px solid transparent
    }

    li.nav__item.is-register .button,li.nav__item.is-register .button:not(.is-disable):hover {
        background: linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) padding-box,linear-gradient(17deg,var(--color-gradient-1) 40%,var(--color-gradient-2),var(--color-gradient-3)) border-box;
        background-origin: border-box;
        background-clip: content-box,border-box;
        box-shadow: inset 2px 1000px 1px #fff
    }

    li.nav__item.is-register .button:not(.is-disable):hover {
        box-shadow: 2px 1000px 1px var(--color-primary-50) inset
    }

    li.nav__item.is-register .button:not(.is-disable):focus {
        box-shadow: 2px 1000px 1px var(--color-primary-100) inset
    }
}

.nav__item.is-dropdown {
    color: var(--text-color);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    outline: none;
    touch-action: manipulation;
    transition: color var(--base-transition-timing) var(--base-transition-timing-function);
    position: relative
}

@media(min-width: 992px) {
    .nav__item.is-dropdown:hover {
        color:var(--color-primary-900)
    }

    .nav__item.is-dropdown:hover path {
        stroke: var(--color-primary-900)
    }
}

.nav__item.is-dropdown .dropdown__toggle {
    cursor: pointer;
    display: block;
    height: 34px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

@media(max-width: 991px) {
    .nav__item.is-dropdown .dropdown__toggle {
        z-index:1
    }
}

.nav__link {
    color: var(--text-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nav__link:not([type=button]):hover {
    color: var(--color-primary-900)
}

.nav__link.button {
    display: flex
}

.nav__link.button span {
    overflow: hidden;
    text-overflow: ellipsis
}

@media(min-width: 992px) {
    .nav__link.button {
        border-color:transparent;
        border-width: 2px!important
    }
}

@media(max-width: 767px) {
    .nav__link {
        justify-content:center;
        text-align: center;
        width: 100%
    }
}

section.plans {
    position: relative
}

section.plans .plans__headline {
    color: var(--text-color)
}

section.plans .plans__description__container {
    margin-bottom: 1.25rem
}

section.plans .plans__description {
    display: block;
    color: var(--color-gray-2);
    font-size: var(--p-2-font-size);
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing);
    margin: 0
}

section.plans .full-screen {
    width: 500%;
    margin-left: -200%
}

@media(max-width: 575px) {
    section.plans .full-screen {
        width:115%;
        margin-left: -7.5%
    }
}

section.plans .plans__category_container {
    padding: .3125rem;
    align-items: center;
    border-radius: 6.25rem;
    border: 1px solid var(--color-gray-5);
    background: #fff
}

section.plans .plans__category {
    display: flex;
    height: 2.875rem;
    padding: .625rem 1rem;
    justify-content: center;
    align-items: center;
    gap: .625rem;
    border-radius: 6.25rem;
    color: var(--text-color);
    font-size: var(--p-font-size);
    font-weight: 700;
    cursor: pointer
}

@media(max-width: 575px) {
    section.plans .plans__category {
        font-size:var(--p-2-font-size);
        gap: .2rem
    }
}

section.plans .plans__category.active {
    background-color: var(--color-primary-100)
}

section.plans .plans__category.small_button {
    width: 40%
}

section.plans .plans__category.discount {
    width: 75%
}

section.plans .plans__category span {
    display: flex;
    padding: .3125rem .625rem;
    align-items: flex-start;
    gap: .5rem;
    border-radius: .3125rem;
    background: var(--other-green-bg,#f5fcfc);
    font-size: var(--small-font-size);
    letter-spacing: var(--small-letter-spacing);
    font-weight: 900;
    color: var(--web-green-600,#00a699)
}

section.plans .plans__category span.active {
    background-color: var(--other-green-bg,#f5fcfc)
}

@media(max-width: 575px) {
    section.plans .plans__category span {
        font-size:.7rem
    }
}

.grid.plans__layout {
    position: relative;
    grid-template-rows: max-content max-content max-content;
    row-gap: 1.5rem
}

section.plans .plan {
    border: 1px solid var(--color-gray-6);
    background: var(--color-gray-7);
    border-radius: .9375rem;
    margin: 1.5rem 0 2rem;
    width: 100%
}

section.plans .plan.plan__pricing {
    box-shadow: 0 4px 8px 0 rgba(26,22,66,.1)
}

@media(min-width: 992px) {
    section.plans .plan {
        margin:0
    }
}

section.plans .plan .plan__avatar {
    margin-bottom: 1.25rem
}

section.plans .plan .plan__label {
    font-size: var(--p-2-font-size);
    letter-spacing: var(--p-2-letter-spacing);
    line-height: var(--p-2-line-height);
    margin-bottom: .625rem;
    padding: .25rem .75rem;
    align-items: flex-start;
    gap: .25rem;
    right: 1.28338rem;
    border-radius: 1.25rem
}

section.plans .plan .plan__label.plan_free {
    background: var(--color-gray-1)
}

section.plans .plan .plan__label.plan_premium {
    background: var(--color-yellow-700)
}

section.plans .plan .plan__label.plan_business {
    background: var(--color-secondary-600)
}

section.plans .plan .plan__name {
    font-weight: 700
}

section.plans .plan .plan__name:first-letter {
    text-transform: capitalize
}

section.plans .plan .plan__description {
    color: var(--color-gray-2);
    font-size: var(--p-2-font-size)
}

section.plans .plan .plan__devider {
    width: 100%;
    height: .0625rem;
    background: #e0e0e0;
    margin: 1.25rem 0
}

section.plans .plan .plan__feature {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: var(--text-color);
    font-size: var(--p-font-size)
}

section.plans .link-in-bio:first-of-type {
    border-radius: var(--base-border-radius);
    position: relative
}

@media(min-width: 992px) {
    section.plans .link-in-bio:first-of-type {
        border-radius:var(--base-border-radius) 0 0 var(--base-border-radius)
    }
}

section.plans .link-in-bio:first-of-type svg.check-icon {
    fill: var(--color-secondary-300)
}

section.plans .link-in-bio:nth-of-type(2) {
    border-radius: var(--base-border-radius)
}

@media(min-width: 992px) {
    section.plans .link-in-bio:nth-of-type(2) {
        border-radius:0
    }
}

section.plans .link-in-bio:nth-of-type(2) svg.check-icon {
    fill: var(--color-professional-300)
}

section.plans .link-in-bio:nth-of-type(3) {
    border-radius: var(--base-border-radius)
}

@media(min-width: 992px) {
    section.plans .link-in-bio:nth-of-type(3) {
        border-radius:0 var(--base-border-radius) var(--base-border-radius) 0
    }
}

section.plans .link-in-bio:nth-of-type(3) svg.check-icon {
    fill: var(--color-primary-300)
}

section.plans .plan.link-in-bio:first-of-type:after {
    --number-of-cards: 3
}

@media(min-width: 992px) {
    section.plans .plan.link-in-bio:first-of-type:after {
        background:0 0;
        border-radius: var(--base-border-radius);
        box-shadow: 0 30px 40px var(--color-shadow);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: calc(var(--number-of-cards)*100% + 4px);
        z-index: -1
    }
}

.plan__price {
    color: var(--text-color)
}

.plan__price .price__frequency {
    color: var(--color-gray-4);
    font-weight: 700;
    position: relative;
    top: 3px;
    left: .4rem
}

.plan__price .price__discount {
    transition: max-height calc(var(--base-transition-timing)*1.5) ease-out;
    max-height: 0;
    overflow: hidden
}

.plan__price .price__discount.discount--is-visible {
    animation: fade-in-and-slide-up linear calc(var(--base-transition-timing)) forwards;
    max-height: 34px;
    transition: max-height var(--base-transition-timing) ease-in
}

.plan__price .price__discount.discount--is-hidden {
    animation: fade-out-and-slide-up linear var(--base-transition-timing) forwards;
    transition: max-height calc(var(--base-transition-timing)*1.5) ease-in
}

.plan__price .price__discount>.price__frequency {
    font-size: .85rem;
    top: 0;
    left: 2px
}

.plan__price .price__converter {
    background: var(--color-gray-5);
    border-radius: var(--base-border-radius);
    cursor: pointer;
    height: 16px;
    position: absolute;
    top: 6px;
    right: -1.2rem;
    width: 16px;
    z-index: 1
}

.plan__price .price__converter svg {
    fill: none!important;
    min-width: 8px;
    width: 8px;
    height: auto
}

.plan__price .price__message {
    color: var(--red-color);
    font-size: var(--h5-font-size);
    font-weight: 800;
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing)
}

.plan__price .price__loader {
    animation: pulse 1.4s linear 0ms infinite forwards;
    display: flex;
    align-items: flex-end;
    gap: 2px;
    padding: .5rem 0 3px
}

.plan__price .price__loader .loader__whole-number {
    width: 1.8rem;
    height: 2.5rem
}

.plan__price .price__loader .loader__decimal-point {
    width: .5rem;
    height: .5rem
}

.plan__price .price__loader .loader__decimal-number {
    width: 2.9rem;
    height: 2.5rem
}

.plan__price .price__loader .loader__decimal-number,.plan__price .price__loader .loader__decimal-point,.plan__price .price__loader .loader__whole-number {
    background: var(--color-gray-6);
    border-radius: 4px
}

article.plan:first-of-type h3.plan__name,article.plan:first-of-type span.info {
    color: var(--color-gray-3);
    font-size: var(--p-2-font-size)
}

article.plan:first-of-type button.button {
    background: var(--outline-button-background);
    border: 1px solid var(--text-color);
    color: var(--text-color);
    font-weight: 700
}

article.plan:first-of-type button.button:active,article.plan:first-of-type button.button:focus,article.plan:first-of-type button.button:hover {
    background: var(--color-gray-5)!important
}

article.plan:nth-of-type(2) button.button {
    background: var(--color-gray-1);
    color: var(--color-gray-7);
    font-weight: 700
}

article.plan:nth-of-type(2) button.button:active,article.plan:nth-of-type(2) button.button:focus,article.plan:nth-of-type(2) button.button:hover {
    background: var(--color-gray-dark)!important;
    color: var(--color-gray-7)
}

article.plan:nth-of-type(2).is-subscribed {
    background: linear-gradient(156deg,#fffcef,#fff)
}

article.plan:nth-of-type(3) button.button {
    border: 1px solid var(--color-primary-300);
    font-weight: 700
}

article.plan:nth-of-type(3) button.button,article.plan:nth-of-type(3) button.button:active,article.plan:nth-of-type(3) button.button:focus,article.plan:nth-of-type(3) button.button:hover {
    background: var(--color-primary-300);
    color: var(--color-gray-7)
}

article.plan:nth-of-type(3).is-subscribed {
    background: linear-gradient(156deg,#fff,#eff3ff 67.71%),#fff
}

article.plan:nth-of-type(3).is-subscribed button.button,article.plan:nth-of-type(3).is-subscribed button.button:active,article.plan:nth-of-type(3).is-subscribed button.button:focus {
    background: var(--color-primary-300);
    border-color: var(--color-primary-300);
    color: var(--color-gray-7)
}

section.plans .plans__payments-node {
    text-align: center;
    align-self: center;
    margin-bottom: 0
}

section.plans .premium {
    background: var(--color-gray-3);
    padding: 0 8px
}

section.plans .new,section.plans .premium {
    color: #fff;
    display: inline-flex;
    font-size: 12px;
    font-weight: bolder;
    align-items: center;
    border-radius: var(--base-border-radius);
    position: absolute;
    top: 10px;
    right: 10px
}

section.plans .new {
    background-color: var(--color-primary-500);
    padding: 5px 8px
}

section.plans .text-small {
    font-size: var(--p-2-font-size);
    line-height: var(--p-2-line-height);
    letter-spacing: var(--p-2-letter-spacing)
}

.range__input-field {
    box-shadow: 0 1px 2px 0 rgba(26,22,66,.05);
    border-radius: 10px
}

.subscription {
    position: relative;
    height: 46rem
}

@media(min-width: 992px) {
    .subscription {
        height:27.375rem
    }
}

.subscription__info {
    padding: 3.125rem 1.5rem;
    position: absolute;
    top: 0
}

@media(min-width: 992px) {
    .subscription__info {
        padding:0 0 0 2.25rem;
        top: 50%;
        transform: translateY(-50%);
        width: 59%
    }
}

@media(min-width: 1200px) {
    .subscription__info {
        padding:0 0 0 6.25rem;
        width: 100%
    }
}

.subscription__control {
    border: 1px solid var(--color-primary-900);
    border-radius: var(--base-border-radius);
    height: 62px
}

@media(min-width: 992px) {
    .subscription__control {
        max-width:28rem
    }
}

.subscription__control .input:focus+.button:before,.subscription__control button.button:before,.subscription__control input.input,.subscription__control input.input:focus {
    border: none!important
}

.subscription__button {
    min-width: 7.375rem
}

.table__column:not(.is-default) {
    margin-bottom: 1.5rem
}

@media(min-width: 992px) {
    .table__column:not(.is-default) {
        margin-bottom:0
    }
}

.table__column .table__data {
    color: var(--text-color);
    min-height: 3.875rem
}

.table__column .table__data:nth-child(3) {
    border-radius: var(--base-border-radius) var(--base-border-radius) 0 0
}

.table__column .table__data:last-child {
    border-radius: 0 0 var(--base-border-radius) var(--base-border-radius)
}

.table__column .table__data:nth-child(odd) {
    background: var(--color-primary-10)
}

.table__column .table__data.align-left {
    justify-content: flex-start
}

.table__column:nth-of-type(5) .table__data svg.check-icon,.table__column:nth-of-type(9) .table__data svg.check-icon {
    fill: var(--color-secondary-300)
}

.table__column:nth-of-type(10) .table__data svg.check-icon,.table__column:nth-of-type(6) .table__data svg.check-icon {
    fill: var(--color-professional-300)
}

.table__column:nth-of-type(11) .table__data svg.check-icon,.table__column:nth-of-type(7) .table__data svg.check-icon {
    fill: var(--color-primary-300)
}

.table__column .column__header {
    background: var(--color-gray-7);
    box-shadow: none;
    color: var(--text-color);
    font-weight: 800;
    z-index: 1;
    transition: .4s
}

@media(min-width: 992px) {
    .table__column .column__header.on-scroll__up {
        top:110px
    }

    .table__column .column__header.on-scroll__down {
        top: 62px
    }
}

.table__column:nth-of-type(10) .column__header:after,.table__column:nth-of-type(14) .column__header:after,.table__column:nth-of-type(6) .column__header:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -120vw;
    width: 240vw;
    z-index: -10;
    border-bottom: 0;
    transition: .4s
}

.table__column:nth-of-type(10) .column__header.is-stuck:after,.table__column:nth-of-type(14) .column__header.is-stuck:after,.table__column:nth-of-type(6) .column__header.is-stuck:after {
    border-bottom: 1px solid var(--color-gray-5);
    box-shadow: 0 30px 40px var(--color-shadow);
    transition: .4s
}

.testimonial .testimonial__details {
    text-align: center
}

.testimonial .testimonial__details>.testimonial__author,.testimonial .testimonial__details>.testimonial__title {
    color: var(--text-color);
    font-weight: 700
}

.testimonial .testimonial__details>.testimonial__author {
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height);
    letter-spacing: var(--h5-letter-spacing);
    margin-bottom: 10px
}

.testimonial .testimonial__details>.testimonial__title {
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing)
}

.testimonial .testimonial__content {
    color: var(--color-gray-2);
    font-size: var(--p-font-size);
    font-weight: 400;
    margin: 20px 0;
    overflow: auto;
    text-align: center;
    line-height: var(--p-line-height);
    letter-spacing: var(--p-letter-spacing)
}

.testimonial .modal__body {
    border-radius: 0 0 var(--base-border-radius) var(--base-border-radius)
}

main.main.has-xmas-banner .navbar .nav__list,main.main.has-xmas-banner .navbar .nav__list.on-scroll__up {
    top: 98px
}

main.main.has-xmas-banner .navbar .nav__list.on-scroll__down {
    top: 50px
}

main.main.is-on-mobile .navbar .nav__list:not(.on-scroll) {
    top: 148px
}

main.main .job__apply-button>.sticky.top-28 {
    top: 146px
}

main.main header.xmas-banner {
    background: linear-gradient(180deg,#3f3d4b 0,#1c1819 100%),var(--color-blue-900,#00439f);
    position: sticky;
    top: 0;
    height: 48px
}

main.main header.xmas-banner .sign-up,main.main header.xmas-banner .sign-up:hover {
    color: #fff
}

main.main header.xmas-banner .xmas-offer {
    background: linear-gradient(180deg,#3f3d4b 0,#1c1819 100%),var(--color-blue-900,#00439f);
    border-radius: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
    height: 32px;
    display: flex;
    color: #fff
}

main.main header.xmas-banner .xmas-offer img {
    border-radius: unset
}

main.main header.xmas-banner .xmas-offer p {
    margin-bottom: 0;
    font-weight: 700
}

@media(max-width: 575px) {
    main.main header.xmas-banner .button,main.main header.xmas-banner .xmas-offer p {
        font-size:var(--p-2-font-size);
        line-height: var(--p-2-line-height);
        letter-spacing: var(--p-2-letter-spacing)
    }
}

main.main header.xmas-banner+.get-app-navbar+.navbar.sticky,main.main header.xmas-banner+.navbar.sticky {
    top: 48px
}

@media(max-width: 991px) {
    main.main nav.navbar .brand img {
        height:29px;
        width: auto
    }
}

main.main .ai-assist #introduction {
    background-color: #616dff
}

main.main .ai-assist #introduction h1,main.main .ai-assist #introduction h2,main.main .ai-assist #introduction p {
    color: #fff
}

main.main .ai-assist #introduction button.text-white {
    color: #fff;
    border: 1px solid #fff
}

main.main .ai-assist .animation-placeholder {
    position: relative
}

main.main .ai-assist .animation-placeholder .dotlottie-container,main.main .ai-assist .animation-placeholder .dotlottie-container>.animation[role=figure] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

main.main .media-icon {
    display: none
}

main.main .media-container:hover .media-icon {
    display: flex
}

main.main #downloader {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff),linear-gradient(108deg,#f9f6ff,#fffcf2 52.08%,#fdfdfd);
    background-size: contain
}

main.main .color-gray-2 {
    color: var(--color-gray-2)
}

main.main .tips {
    background-color: var(--color-secondary-50)
}

.arcade {
    height: 0;
    padding-bottom: 46%
}

@media(max-width: 991px) {
    .arcade {
        padding-bottom:71%
    }
}

.get-method {
    width: 163px;
    height: 48px;
    border: 1px solid #a6a6a6;
    align-items: center;
    min-width: -moz-max-content;
    min-width: max-content;
    justify-content: center;
    background-color: #000;
    border-radius: 5px
}

@media(max-width: 575px) {
    .get-method {
        width:-moz-fit-content;
        width: fit-content;
        min-width: unset;
        max-width: 50%;
        height: 38px
    }

    .get-method svg {
        width: 100%;
        height: auto
    }
}

.get-method h5 {
    min-width: -moz-max-content;
    min-width: max-content;
    color: #fff
}

.get-method .extension {
    padding: 8px 16px
}

.get-method .extension svg {
    min-width: 32px;
    width: 32px;
    min-height: 32px;
    height: 32px
}

.get-method .get-method__icon {
    fill: #fff;
    height: 100%
}

.get-method .get-method__icon.app-store {
    padding: 6.4px 8.77% 4.45px 14.38px
}

.get-method .get-method__icon.google-play {
    padding: 8.24px 11.17px 7.07px 12.12px
}

.dotlottie-container>.animation[role=figure] {
    height: 100%
}

.logo-container.is--on--cyberMonday .dotlottie-container {
    height: 1px!important
}

.logo-container.is--on--cyberMonday .dotlottie-container>.animation[role=figure] {
    position: relative;
    min-width: 48.6px;
    background-color: transparent;
    height: 70px;
    top: -14px;
    left: -2px
}

.logo-container.is--on--blackFriday .dotlottie-container {
    height: 1px!important
}

.logo-container.is--on--blackFriday .dotlottie-container>.animation[role=figure] {
    position: relative;
    min-width: 28.2px;
    background-color: transparent;
    height: 40.6px;
    top: -1px
}

.producthunt>footer.producthunt-footer {
    position: relative;
    min-width: 100vw;
    min-height: 571px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    overflow: hidden
}

.producthunt>footer.producthunt-footer .background,.producthunt>footer.producthunt-footer .background__shadow {
    position: absolute;
    width: 100%;
    height: 100%
}

.producthunt>footer.producthunt-footer .background__shadow {
    background: linear-gradient(89.9deg,#fff .09%,hsla(0,0%,100%,0) 50.42%,#fff 99.91%),linear-gradient(180deg,#fff,hsla(0,0%,100%,0) 50%,#fff)
}

.producthunt footer.producthunt-footer .background>.background__posts {
    gap: 8px 16px;
    display: flex;
    flex-flow: wrap;
    justify-content: center
}

.producthunt footer.producthunt-footer .background>.background__posts .posts__post {
    width: 137px;
    padding: 16px 12px;
    min-width: 137px;
    min-height: 184px;
    height: 184px;
    border: 1px solid #e6e7ec;
    border-radius: 10px;
    background: #f8f8f9
}

.producthunt footer.producthunt-footer .background>.background__posts .posts__post .post__header {
    display: flex;
    align-items: center;
    gap: 4px
}

.producthunt footer.producthunt-footer .background>.background__posts .posts__post .post__header .header__avatar {
    background: #e6e7ec;
    min-width: 17px;
    min-height: 17px;
    height: 17px;
    width: 17px;
    border-radius: 50%
}

.producthunt footer.producthunt-footer .background>.background__posts .posts__post .post__header .header__text {
    background: #e6e7ec;
    border-radius: 5px;
    height: 7px;
    min-height: 7px;
    min-width: 66px;
    width: 66px
}

.producthunt footer .content {
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    flex-direction: column
}

.content>.content__instagram {
    width: 263px;
    height: 354px;
    justify-content: space-between;
    border: 1px solid #e6e7ec;
    filter: drop-shadow(0 4px 8px rgba(26,22,66,.1));
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column
}

.content>.content__instagram img {
    border-radius: 0
}

.content>.content__instagram header {
    display: flex;
    padding: 8px 10px;
    align-items: flex-end;
    justify-content: space-between;
    height: 52px
}

.content>.content__instagram header .header__avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #e6e7ec;
    margin-right: 8px
}

.content>.content__instagram header .header__dots {
    display: flex;
    flex-direction: column;
    gap: 1.83px;
    height: 22px;
    justify-content: center
}

.content>.content__instagram header .header__dots span {
    background: #454b60;
    min-height: 2.5px;
    min-width: 2.5px;
    border-radius: 50%
}

.content>.content__instagram footer {
    height: 38.5px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 10px
}

.content>.content__links {
    display: flex;
    gap: 22px
}

.content>.content__links span {
    font-weight: 400
}

.content>.content__copyright {
    color: #58597d
}

.reviews-container {
    background-color: #f8f9ff;
    padding-top: 88px;
    padding-bottom: 88px;
    overflow: hidden;
    min-height: 600px
}

.producthunt {
    --h1-ph-unit: 1;
    --h-ph-unit: 1
}

@media(max-width: 1399px) {
    .producthunt {
        --h1-ph-unit:0.9;
        --h-ph-unit: 0.9
    }
}

@media(max-width: 1199px) {
    .producthunt {
        --h1-ph-unit:0.7;
        --h-ph-unit: 0.8
    }
}

@media(max-width: 991px) {
    .producthunt {
        --h1-ph-unit:0.5;
        --h-ph-unit: 0.7
    }
}

@media(max-width: 767px) {
    .producthunt {
        --h1-ph-unit:0.33;
        --h-ph-unit: 0.375
    }
}

.producthunt h1 {
    font-size: calc(max(5*var(--h1-ph-unit),1)*1rem);
    line-height: calc(max(7.5*var(--h1-ph-unit),1)*1rem)
}

.producthunt .recognitions .title,.producthunt h1,.producthunt h2 {
    font-size: calc(max(3*var(--h-ph-unit),1)*1rem);
    line-height: calc(max(4.5*var(--h-ph-unit),1)*1rem)
}

.producthunt h5 {
    font-size: calc(max(1.25*var(--h-ph-unit),1)*1rem);
    line-height: calc(max(1.875*var(--h-ph-unit),1)*1rem)
}

.producthunt h4 {
    font-size: calc(max(1.5*var(--h-ph-unit),1)*1rem);
    line-height: calc(max(2.25*var(--h-ph-unit),1)*1rem)
}

.producthunt h3 {
    font-size: calc(max(2*var(--h-ph-unit),1)*1rem);
    line-height: calc(max(2.5*var(--h-ph-unit),1)*1rem)
}

@media(max-width: 767px) {
    .producthunt h1,.producthunt h2,.producthunt h3,.producthunt h4,.producthunt h5 {
        line-height:normal
    }
}

.producthunt p.small {
    font-size: .75rem;
    line-height: 1.125rem
}

.producthunt h1,.producthunt h2,.producthunt h3,.producthunt h5 {
    color: #1a1642
}

.producthunt h1:not([class*=font-]),.producthunt h2:not([class*=font-]),.producthunt h3:not([class*=font-]),.producthunt h5:not([class*=font-]) {
    font-weight: 600
}

.producthunt p,.producthunt span {
    font-size: 1rem;
    line-height: 1.5rem
}

@media(max-width: 767px) {
    .producthunt p,.producthunt span {
        font-size:.75rem;
        line-height: 1.125rem
    }
}

.producthunt button,.producthunt input {
    font-size: 1.5rem;
    line-height: 2.25rem
}

@media(max-width: 767px) {
    .producthunt button,.producthunt input {
        font-size:1rem;
        line-height: 1.5rem
    }
}

.workspace-feature {
    display: flex;
    flex-direction: column
}

.workspace-feature h5 {
    font-weight: 500
}

@media(max-width: 767px) {
    .workspace-feature h5 {
        font-size:1.125rem
    }
}

@media(max-width: 991px) {
    .workspace-feature {
        justify-content:center;
        align-items: center;
        width: 100%
    }
}

.workspace-feature .feature__circle {
    margin-bottom: 31px;
    width: 90px;
    height: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.workspace-feature .feature__circle img {
    height: 40px
}

.producthunt p.description {
    color: #343d48
}

.producthunt .feature {
    box-shadow: 0 3px 15px rgba(26,22,66,.1);
    border-radius: 30px
}

.producthunt .category-type {
    padding: 8px 16px;
    border-radius: 30px;
    display: inline-flex;
    width: -moz-max-content;
    width: max-content
}

.producthunt .text-yellow-800 {
    color: #fe8b00
}

.producthunt .text-green-400 {
    color: #00c1b8
}

.producthunt .text-blue-500 {
    color: #0091f0
}

.producthunt .bg-user {
    background: rgba(89,108,255,.1)
}

.producthunt .bg-lamp {
    background: rgba(251,169,75,.1)
}

.producthunt .bg-thumb-up {
    background: rgba(41,190,252,.1)
}

.producthunt .bg-rocket {
    background: rgba(251,95,194,.1)
}

.producthunt .bg-blue-50 {
    background: #e1f1fc
}

.producthunt .bg-yellow-50 {
    background: #fff8df
}

.producthunt .bg-green-50 {
    background: #e3fff0
}

.producthunt .bg-red-50 {
    background: #fbe4ee
}

.producthunt .bg-red-100 {
    background: #f6bbd6
}

.producthunt .bg-blue-100 {
    background: #b6dcf9
}

.producthunt .bg-orange {
    background: #fbcc94
}

.producthunt .bg-publer-50 {
    background: #dff6f6
}

.producthunt .animation-section {
    max-height: calc(100vh - 60px);
    max-width: 100%;
    width: 100%
}

.producthunt .animation-section.is-blurry {
    max-height: calc(100vh - var(--producthunt-header-height));
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.producthunt .animation-section>div {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    max-height: calc(100vh - 60px);
    max-width: 100%;
    width: 100%
}

.producthunt .animation-section>div canvas {
    max-height: calc(100vh - var(--producthunt-header-height));
    height: auto!important;
    width: 2030px!important;
    max-width: 150%;
    -o-object-fit: contain;
    object-fit: contain
}

.producthunt .introduction .coupon__content {
    background-color: transparent;
    height: -moz-max-content;
    height: max-content;
    padding: 0
}

.producthunt .introduction .coupon__content .content__form {
    width: 100%;
    display: flex;
    justify-content: center
}

.producthunt .introduction .coupon__content .content__form.is-disabled input,.producthunt .introduction .coupon__content .content__form.is-disabled input:focus {
    color: #ec0173
}

.producthunt .introduction .coupon__content .content__form input {
    background-color: #fff;
    border-color: #e6e7ec;
    color: #e6e7ec
}

@media(max-width: 767px) {
    .producthunt .introduction .coupon__content .content__form input {
        width:100%
    }
}

.producthunt .introduction .coupon__content .content__form input::-moz-placeholder {
    color: #e6e7ec
}

.producthunt .introduction .coupon__content .content__form input::placeholder {
    color: #e6e7ec
}

.producthunt .introduction .coupon__content .content__form input:focus {
    border-color: #1a1642;
    color: #1a1642;
    border-width: 1.5px
}

.producthunt .introduction .coupon__content .content__form button {
    border-width: 1.5px;
    background-color: #fff;
    border-color: #ea532a;
    color: #ea532a
}

.producthunt .introduction .coupon__content .content__form button:active,.producthunt .introduction .coupon__content .content__form button:focus,.producthunt .introduction .coupon__content .content__form button:hover {
    border-width: 3px;
    background: #fff
}

.recognitions .title {
    font-weight: 600;
    text-align: center;
    color: #1a1642;
    margin-bottom: 40px
}

.recognitions .icons {
    padding: 32px 0;
    width: 100%;
    display: grid;
    max-width: 1110px;
    margin: auto;
    grid-template-columns: repeat(5,auto);
    position: relative;
    gap: 35px 64px;
    background-color: #fff;
    justify-content: center
}

.recognitions .icons>div.icons__icon {
    margin: 0
}

@media(max-width: 767px) {
    .recognitions .icons {
        grid-template-columns:repeat(5,1fr);
        gap: 35px 0
    }

    .recognitions .icons>div.icons__icon {
        grid-column: span 1/span 1;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .recognitions .icons>div.icons__icon:first-child {
        grid-column-start: 2
    }

    .recognitions .icons>div.icons__icon:nth-child(2) {
        grid-column-start: 4
    }

    .recognitions .icons>div.icons__icon:nth-child(3) {
        grid-column-start: 1
    }

    .recognitions .icons>div.icons__icon:nth-child(4) {
        grid-column-start: 3
    }

    .recognitions .icons>div.icons__icon:nth-child(5) {
        grid-column-start: 5
    }
}

.recognitions .icons:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -1px 2px;
    border-radius: inherit;
    background: linear-gradient(90deg,rgba(192,204,218,.1),rgba(192,204,218,.6) 50.38%,rgba(192,204,218,.1))
}

.recognitions .icons svg {
    height: 64px;
    width: auto
}

@media(max-width: 1199px) {
    .publer-methods {
        position:absolute;
        bottom: 0;
        width: 100%
    }
}

@media(max-width: 575px) {
    .publer-methods {
        position:relative;
        margin-top: 16px;
        padding: 0 27px
    }
}

.producthunt-container {
    display: flex;
    margin-top: 120px
}

@media(max-width: 767px) {
    .producthunt-container {
        margin-top:55px
    }
}

@media(max-width: 575px) {
    .producthunt-container {
        margin-top:40px
    }
}

.producthunt-container .container__grid {
    display: grid;
    width: -moz-max-content;
    width: max-content;
    gap: 40px;
    margin: auto;
    position: relative;
    grid-template-columns: repeat(12,80px)
}

@media(max-width: 1399px) {
    .producthunt-container .container__grid {
        grid-template-columns:repeat(12,63px)
    }
}

@media(max-width: 1199px) {
    .producthunt-container .container__grid {
        grid-template-columns:repeat(12,46px)
    }
}

@media(max-width: 991px) {
    .producthunt-container .container__grid {
        grid-template-columns:repeat(12,auto);
        padding-left: 3rem;
        padding-right: 3rem
    }
}

@media(max-width: 767px) {
    .producthunt-container .container__grid {
        display:flex;
        gap: 20px;
        flex-direction: column;
        width: 100%;
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.take-publer h2,.take-publer h4 {
    color: #fff
}

.embla {
    overflow: hidden
}

.embla-controls span {
    background: #e6e7ec;
    border-radius: 10px;
    display: inline-flex;
    width: 40px;
    min-width: 40px;
    height: 6px;
    cursor: pointer;
    min-height: 6px
}

.embla-controls span.is-active {
    background: #00cec7
}

.embla {
    --embla-gap: 40px
}

@media(max-width: 767px) {
    .embla {
        --embla-gap:32px
    }
}

.embla .embla__container {
    display: flex;
    grid-column-gap: var(--embla-gap)
}

.embla .principe {
    --embla-row-items: 3;
    --embla-item-width: calc(100vw - ((var(--embla-row-items) + 2) * var(--embla-gap)));
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(26,22,66,.14);
    min-width: calc(var(--embla-item-width)/var(--embla-row-items));
    width: calc(var(--embla-item-width)/var(--embla-row-items));
    height: auto;
    margin-bottom: 1px;
    margin-top: 1px
}

@media(max-width: 1399px) {
    .embla .principe {
        --embla-row-items:2
    }
}

@media(max-width: 991px) {
    .embla .principe {
        --embla-row-items:1
    }
}

@media(max-width: 767px) {
    .producthunt-badge {
        zoom:.6
    }
}

.producthunt .coupon__content {
    background: #1a1642;
    border-radius: 50px;
    height: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media(max-width: 991px) {
    .producthunt .coupon__content {
        padding:80px 70px;
        height: -moz-max-content;
        height: max-content
    }
}

.producthunt .coupon__content p.small {
    color: #e6e7ec;
    text-align: center
}

@media(max-width: 767px) {
    .producthunt .coupon__content {
        height:-moz-max-content;
        height: max-content;
        padding: 32px
    }
}

.producthunt .coupon__content .content__title {
    color: #fff;
    text-align: center
}

.producthunt .coupon__content .content__form .form__hint {
    position: absolute;
    left: 0;
    bottom: -8px;
    transform: translateY(100%);
    color: #ec0173;
    transition: all .2s ease-in-out;
    opacity: 0
}

@media(max-width: 767px) {
    .producthunt .coupon__content .content__form .form__hint {
        position:relative;
        transform: none;
        bottom: unset;
        left: unset;
        margin-bottom: 4px
    }
}

.producthunt .coupon__content .content__form.is-disabled .form__hint {
    opacity: 1
}

.producthunt .coupon__content .content__form input {
    display: inline-flex;
    align-items: center;
    padding: 16px 40px;
    font-weight: 400;
    width: 462px;
    height: 68px;
    background: #302c5b;
    border-radius: 50px;
    letter-spacing: -.16px;
    border: 1.5px solid transparent;
    outline: none;
    color: #fff;
    transition: all .2s ease-in-out
}

@media(max-width: 991px) {
    .producthunt .coupon__content .content__form input {
        width:100%;
        height: 56px
    }
}

@media(max-width: 767px) {
    .producthunt .coupon__content .content__form input {
        margin:0 0 4px
    }
}

.producthunt .coupon__content .content__form input:focus {
    border-color: #ea532a
}

.producthunt .coupon__content .content__form input::-moz-placeholder {
    color: #c0c2d1
}

.producthunt .coupon__content .content__form input::placeholder {
    color: #c0c2d1
}

.producthunt .coupon__content .content__form.is-disabled input,.producthunt .coupon__content .content__form.is-disabled input:focus {
    border-color: #ec0173
}

.producthunt .coupon__content .content__form button {
    display: inline-flex;
    min-width: 181px;
    width: 181px;
    font-weight: 400;
    padding: 16px 40px;
    height: 68px;
    justify-content: center;
    align-items: center;
    background: #ea532a;
    color: #fff;
    border: 1.5px solid #1a1642;
    border-radius: 50px;
    transition: all .2s ease-in-out
}

@media(max-width: 767px) {
    .producthunt .coupon__content .content__form button {
        margin-left:auto;
        margin-right: auto;
        min-width: 147px;
        width: 147px;
        padding: 10px 40px
    }
}

@media(max-width: 575px) {
    .producthunt .coupon__content .content__form button {
        min-width:unset;
        width: 100%
    }
}

@media(max-width: 991px) {
    .producthunt .coupon__content .content__form button {
        height:56px
    }
}

.producthunt .coupon__content .content__form button:hover {
    background-color: #d6461f;
    font-weight: 600
}

.producthunt {
    --producthunt-header-height: 43px
}

@media(max-width: 767px) {
    .producthunt {
        --producthunt-header-height:40px
    }
}

.producthunt .producthunt__header {
    height: var(--producthunt-header-height);
    font-weight: 600;
    background-color: #ea532a;
    visibility: hidden
}

.producthunt .producthunt__header.is-pinned {
    visibility: visible
}

.producthunt .producthunt__header .header__description {
    color: #fff
}

.producthunt .producthunt__header button {
    border-radius: 30px;
    background-color: #1a1642;
    padding: 0 4px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: calc(var(--producthunt-header-height) - 8px)
}

.producthunt .producthunt__header button .action__logo {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ea532a;
    border-radius: 50%
}

.producthunt .content-full-height {
    min-height: calc(100vh - var(--producthunt-header-height));
    height: calc(100vh - var(--producthunt-header-height))
}

:root {
    --repuso-container-width: 100%;
    --repuso-container-padding: 2.5rem 1.875rem 2.5rem 3.5rem;
    --repuso-container-margin: 0 1rem 1.5rem -1rem;
    --repuso-box-shadow: 0px 30px 20px rgba(212,217,232,.2);
    --repuso-text-align: left;
    --repuso-photo-spread: 1.75rem;
    --repuso-photo-width: 45px;
    --repuso-photo-height: 45px;
    --repuso-quote-position-top: 2.3rem;
    --repuso-quote-position-left: 2rem
}

@media(min-width: 576px) {
    :root {
        --repuso-container-width:640px;
        --repuso-container-padding: 2.5rem 1.875rem 2.5rem 5.625rem;
        --repuso-quote-position-left: 3rem
    }
}

@media(min-width: 992px) {
    :root {
        --repuso-container-width:768px;
        --repuso-box-shadow: 0px 30px 40px rgba(212,217,232,.2);
        --repuso-photo-spread: 5rem;
        --repuso-photo-width: 60px;
        --repuso-photo-height: 60px
    }
}

.pulse-circle {
    width: 10px;
    height: 10px;
    background-color: #00a9ff;
    border-radius: 50%;
    left: -8px;
    top: -4px
}

.pulse-circle,.pulse-ring {
    position: absolute;
    z-index: 1
}

.pulse-ring {
    border: 3px solid #ace5ff;
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    left: -15.5px;
    top: -11.5px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0
}

@keyframes pulsate {
    0% {
        opacity: 0;
        transform: scale(.1)
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1.2)
    }
}

@media(min-width: 576px) {
    .sm\:relative {
        position:relative
    }

    .sm\:left-0 {
        left: 0
    }

    .sm\:bottom-0 {
        bottom: 0
    }

    .sm\:right-0 {
        right: 0
    }

    .sm\:ml-4 {
        margin-left: 1rem
    }

    .sm\:mt-12 {
        margin-top: 3rem
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }

    .sm\:mb-1 {
        margin-bottom: .25rem
    }

    .sm\:mt-1 {
        margin-top: .25rem
    }

    .sm\:mr-0 {
        margin-right: 0
    }

    .sm\:ml-0 {
        margin-left: 0
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:w-8\/12 {
        width: 66.666667%
    }

    .sm\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .sm\:pt-1 {
        padding-top: .25rem
    }

    .sm\:pt-4 {
        padding-top: 1rem
    }

    .sm\:pb-20 {
        padding-bottom: 5rem
    }

    .sm\:pt-16 {
        padding-top: 4rem
    }

    .sm\:text-center {
        text-align: center
    }
}

@media(min-width: 768px) {
    .md\:col-span-6 {
        grid-column:span 6/span 6
    }

    .md\:col-span-12 {
        grid-column: span 12/span 12
    }

    .md\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .md\:ml-4 {
        margin-left: 1rem
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mt-20 {
        margin-top: 5rem
    }

    .md\:mb-10 {
        margin-bottom: 2.5rem
    }

    .md\:mt-16 {
        margin-top: 4rem
    }

    .md\:mb-7 {
        margin-bottom: 1.75rem
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mb-6 {
        margin-bottom: 1.5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mt-14 {
        margin-top: 3.5rem
    }

    .md\:mt-\[27px\] {
        margin-top: 27px
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mt-12 {
        margin-top: 3rem
    }

    .md\:mr-16 {
        margin-right: 4rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:grid {
        display: grid
    }

    .md\:hidden {
        display: none
    }

    .md\:w-4\/5 {
        width: 80%
    }

    .md\:w-2\/3,.md\:w-8\/12 {
        width: 66.666667%
    }

    .md\:w-9\/12 {
        width: 75%
    }

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-max {
        width: -moz-max-content;
        width: max-content
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

    .md\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .md\:grid-cols-11 {
        grid-template-columns: repeat(11,minmax(0,1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-0 {
        gap: 0
    }

    .md\:gap-4 {
        gap: 1rem
    }

    .md\:gap-2\.5 {
        gap: .625rem
    }

    .md\:gap-2 {
        gap: .5rem
    }

    .md\:gap-\[56px\] {
        gap: 56px
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:\!self-start {
        align-self: flex-start!important
    }

    .md\:self-center {
        align-self: center
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-5 {
        padding: 1.25rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:py-2 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .md\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .md\:pt-10 {
        padding-top: 2.5rem
    }

    .md\:pt-24 {
        padding-top: 6rem
    }

    .md\:pb-20 {
        padding-bottom: 5rem
    }

    .md\:pb-12 {
        padding-bottom: 3rem
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:text-left {
        text-align: left
    }
}

@media(min-width: 992px) {
    .lg\:container {
        width:100%
    }

    @media(min-width: 576px) {
        .lg\:container {
            max-width:576px
        }
    }

    @media(min-width: 768px) {
        .lg\:container {
            max-width:768px
        }
    }

    @media(min-width: 992px) {
        .lg\:container {
            max-width:992px
        }
    }

    @media(min-width: 1200px) {
        .lg\:container {
            max-width:1200px
        }
    }

    .lg\:visible {
        visibility: visible
    }

    @media(min-width: 1400px) {
        .lg\:container {
            max-width:1400px
        }
    }

    .lg\:relative {
        position: relative
    }

    .lg\:top-px {
        top: 1px
    }

    .lg\:top-6 {
        top: 1.5rem
    }

    .lg\:order-none {
        order: 0
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:row-start-auto {
        grid-row-start: auto
    }

    .lg\:m-auto {
        margin: auto
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:mx-16 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-16 {
        margin-bottom: 4rem
    }

    .lg\:ml-32 {
        margin-left: 8rem
    }

    .lg\:mt-20 {
        margin-top: 5rem
    }

    .lg\:mb-20 {
        margin-bottom: 5rem
    }

    .lg\:ml-16 {
        margin-left: 4rem
    }

    .lg\:ml-20 {
        margin-left: 5rem
    }

    .lg\:mr-20 {
        margin-right: 5rem
    }

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

    .lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lg\:mt-14 {
        margin-top: 3.5rem
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:mr-auto {
        margin-right: auto
    }

    .lg\:ml-2 {
        margin-left: .5rem
    }

    .lg\:mb-24 {
        margin-bottom: 6rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:ml-auto {
        margin-left: auto
    }

    .lg\:block {
        display: block
    }

    .lg\:inline-block {
        display: inline-block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-5\/12 {
        width: 41.666667%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-8\/12 {
        width: 66.666667%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-11\/12 {
        width: 91.666667%
    }

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:w-4\/6 {
        width: 66.666667%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-5\/6 {
        width: 83.333333%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-\[348px\] {
        width: 348px
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-40 {
        width: 10rem
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .lg\:grid-cols-\[1\.4fr_2fr\] {
        grid-template-columns: 1.4fr 2fr
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .lg\:grid-cols-16 {
        grid-template-columns: repeat(16,minmax(0,1fr))
    }

    .lg\:grid-cols-22 {
        grid-template-columns: repeat(22,minmax(0,1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:gap-24 {
        gap: 6rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pr-24 {
        padding-right: 6rem
    }

    .lg\:pb-24 {
        padding-bottom: 6rem
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-start {
        text-align: start
    }
}

@media(min-width: 1200px) {
    .xl\:absolute {
        position:absolute
    }

    .xl\:right-0 {
        right: 0
    }

    .xl\:left-0 {
        left: 0
    }

    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:mt-24 {
        margin-top: 6rem
    }

    .xl\:mt-40 {
        margin-top: 10rem
    }

    .xl\:ml-28 {
        margin-left: 7rem
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:ml-auto {
        margin-left: auto
    }

    .xl\:block {
        display: block
    }

    .xl\:inline {
        display: inline
    }

    .xl\:w-5\/6 {
        width: 83.333333%
    }

    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6,minmax(0,1fr))
    }

    .xl\:px-28 {
        padding-left: 7rem;
        padding-right: 7rem
    }

    .xl\:pr-10 {
        padding-right: 2.5rem
    }

    .xl\:pl-12 {
        padding-left: 3rem
    }

    .xl\:pr-16 {
        padding-right: 4rem
    }

    .xl\:pr-8 {
        padding-right: 2rem
    }

    .xl\:pb-0 {
        padding-bottom: 0
    }
}

@media(min-width: 1400px) {
    .\32xl\:block {
        display:block
    }

    .\32xl\:inline-flex {
        display: inline-flex
    }

    .min-\[1400px\]\:w-11\/12 {
        width: 91.666667%
    }

    .min-\[1400px\]\:flex-row {
        flex-direction: row
    }
}
@font-face {
    font-family: __Lato_5a3cd0;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/f1df658da56627d0-s.woff2) format("woff2");
    unicode-range: U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: __Lato_5a3cd0;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/4de1fea1a954a5b6-s.p.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: __Lato_5a3cd0;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/162938472036e0a8-s.woff2) format("woff2");
    unicode-range: U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff
}

@font-face {
    font-family: __Lato_5a3cd0;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/_next/static/media/6d664cce900333ee-s.p.woff2) format("woff2");
    unicode-range: U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd
}

@font-face {
    font-family: __Lato_Fallback_5a3cd0;
    src: local("Arial");
    ascent-override:100.88%;descent-override:21.77%;line-gap-override:0%;size-adjust:97.84%}

.__className_5a3cd0 {
    font-family: __Lato_5a3cd0,__Lato_Fallback_5a3cd0,sans-serif;
    font-style: normal
}
.cky-revisit-bottom-left {
    bottom: 15px;
    left: 15px;
}
.cky-btn-revisit-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0056a7;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: fixed;
    z-index: 999999;
    cursor: pointer;
}



.navbar {
    background-color: #ffffff; 
    position: sticky;
    transition: all 0.3s ease; 
    top: 0;
    z-index: 20; 
}

.navbar {
    transition: height 0.3s, background-color 0.3s;
  }
  

  
  
footer.xmas-banner {
    background: linear-gradient(180deg, #3c3c3f 0, #1c1819 100%), var(--color-blue-900, #00439f);
    
    bottom: 0;
    height: 48px;
}


footer a {
    color: var(--color-secondary-600);
    text-decoration: none;
    transition: color var(--base-transition-timing) var(--base-transition-timing-function);
}

footer a:hover {
    color: var(--color-secondary-900);
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
    max-width: fit-content;
    margin: 0;
    height: 30px;
    width: 30px;
}