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

.animate__animated {
    animation-delay: 0s;
    animation-delay: var(--animate-delay);
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
    visibility: visible
}

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

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

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

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

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

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

.animate__animated.animate-_delay-3s {
    animation-delay: calc(var(--animate-delay)*3)
}

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

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

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

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

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

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

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

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

@keyframes animate__bounce {

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

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

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

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

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

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

@keyframes animate__flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    animation-name: animate__flash
}

@keyframes animate__pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleX(1)
    }
}

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

@keyframes animate__rubberBand {
    0% {
        transform: scaleX(1)
    }

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

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

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

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

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

    to {
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    animation-name: animate__rubberBand
}

@keyframes animate__shakeX {

    0%,
    to {
        transform: translateZ(0)
    }

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

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

.animate__shakeX {
    animation-name: animate__shakeX
}

@keyframes animate__shakeY {

    0%,
    to {
        transform: translateZ(0)
    }

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

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

.animate__shakeY {
    animation-name: animate__shakeY
}

@keyframes animate__headShake {
    0% {
        transform: translateX(0)
    }

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

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

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

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

    50% {
        transform: translateX(0)
    }
}

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

@keyframes animate__swing {
    20% {
        transform: rotate(15deg)
    }

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

    60% {
        transform: rotate(5deg)
    }

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

    to {
        transform: rotate(0deg)
    }
}

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

@keyframes animate__tada {
    0% {
        transform: scaleX(1)
    }

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

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

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

    to {
        transform: scaleX(1)
    }
}

.animate__tada {
    animation-name: animate__tada
}

@keyframes animate__wobble {
    0% {
        transform: translateZ(0)
    }

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__wobble {
    animation-name: animate__wobble
}

@keyframes animate__jello {

    0%,
    11.1%,
    to {
        transform: translateZ(0)
    }

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

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

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

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

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

    77.7% {
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }
}

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

@keyframes animate__heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

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

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

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

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

.animate__backInDown {
    animation-name: animate__backInDown
}

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

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

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

.animate__backInLeft {
    animation-name: animate__backInLeft
}

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

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

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

.animate__backInRight {
    animation-name: animate__backInRight
}

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

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

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

.animate__backInUp {
    animation-name: animate__backInUp
}

@keyframes animate__backOutDown {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

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

.animate__backOutDown {
    animation-name: animate__backOutDown
}

@keyframes animate__backOutLeft {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

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

.animate__backOutLeft {
    animation-name: animate__backOutLeft
}

@keyframes animate__backOutRight {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

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

.animate__backOutRight {
    animation-name: animate__backOutRight
}

@keyframes animate__backOutUp {
    0% {
        opacity: 1;
        transform: scale(1)
    }

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

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

.animate__backOutUp {
    animation-name: animate__backOutUp
}

@keyframes animate__bounceIn {

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

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

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

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

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

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

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

@keyframes animate__bounceInDown {

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    animation-name: animate__bounceInDown
}

@keyframes animate__bounceInLeft {

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    animation-name: animate__bounceInLeft
}

@keyframes animate__bounceInRight {

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    animation-name: animate__bounceInRight
}

@keyframes animate__bounceInUp {

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    animation-name: animate__bounceInUp
}

@keyframes animate__bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

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

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

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

@keyframes animate__bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0) scaleY(.985)
    }

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

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

.animate__bounceOutDown {
    animation-name: animate__bounceOutDown
}

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

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

.animate__bounceOutLeft {
    animation-name: animate__bounceOutLeft
}

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

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

.animate__bounceOutRight {
    animation-name: animate__bounceOutRight
}

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

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

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

.animate__bounceOutUp {
    animation-name: animate__bounceOutUp
}

@keyframes animate__fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: animate__fadeIn
}

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

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

.animate__fadeInDown {
    animation-name: animate__fadeInDown
}

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

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

.animate__fadeInDownBig {
    animation-name: animate__fadeInDownBig
}

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

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

.animate__fadeInLeft {
    animation-name: animate__fadeInLeft
}

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

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

.animate__fadeInLeftBig {
    animation-name: animate__fadeInLeftBig
}

@keyframes animate__fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

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

.animate__fadeInRight {
    animation-name: animate__fadeInRight
}

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

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

.animate__fadeInRightBig {
    animation-name: animate__fadeInRightBig
}

@keyframes animate__fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }

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

.animate__fadeInUp {
    animation-name: animate__fadeInUp
}

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

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

.animate__fadeInUpBig {
    animation-name: animate__fadeInUpBig
}

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

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

.animate__fadeInTopLeft {
    animation-name: animate__fadeInTopLeft
}

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

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

.animate__fadeInTopRight {
    animation-name: animate__fadeInTopRight
}

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

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

.animate__fadeInBottomLeft {
    animation-name: animate__fadeInBottomLeft
}

@keyframes animate__fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 100%, 0)
    }

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

.animate__fadeInBottomRight {
    animation-name: animate__fadeInBottomRight
}

@keyframes animate__fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    animation-name: animate__fadeOut
}

@keyframes animate__fadeOutDown {
    0% {
        opacity: 1
    }

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

.animate__fadeOutDown {
    animation-name: animate__fadeOutDown
}

@keyframes animate__fadeOutDownBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutDownBig {
    animation-name: animate__fadeOutDownBig
}

@keyframes animate__fadeOutLeft {
    0% {
        opacity: 1
    }

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

.animate__fadeOutLeft {
    animation-name: animate__fadeOutLeft
}

@keyframes animate__fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutLeftBig {
    animation-name: animate__fadeOutLeftBig
}

@keyframes animate__fadeOutRight {
    0% {
        opacity: 1
    }

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

.animate__fadeOutRight {
    animation-name: animate__fadeOutRight
}

@keyframes animate__fadeOutRightBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutRightBig {
    animation-name: animate__fadeOutRightBig
}

@keyframes animate__fadeOutUp {
    0% {
        opacity: 1
    }

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

.animate__fadeOutUp {
    animation-name: animate__fadeOutUp
}

@keyframes animate__fadeOutUpBig {
    0% {
        opacity: 1
    }

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

.animate__fadeOutUpBig {
    animation-name: animate__fadeOutUpBig
}

@keyframes animate__fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutTopLeft {
    animation-name: animate__fadeOutTopLeft
}

@keyframes animate__fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutTopRight {
    animation-name: animate__fadeOutTopRight
}

@keyframes animate__fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomRight {
    animation-name: animate__fadeOutBottomRight
}

@keyframes animate__fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

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

.animate__fadeOutBottomLeft {
    animation-name: animate__fadeOutBottomLeft
}

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

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

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

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

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

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

@keyframes animate__flipOutX {
    0% {
        transform: perspective(400px)
    }

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

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

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

@keyframes animate__flipOutY {
    0% {
        transform: perspective(400px)
    }

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

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

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

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

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

    80% {
        transform: skewX(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

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

@keyframes animate__lightSpeedOutRight {
    0% {
        opacity: 1
    }

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

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

@keyframes animate__lightSpeedOutLeft {
    0% {
        opacity: 1
    }

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

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

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

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

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

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

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

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

@keyframes animate__rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

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

@keyframes animate__rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

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

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

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

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

@keyframes animate__rotateDropInDown720 {
    0% {
        transform: translate3d(0, -900px, 0) rotate(-2turn)
    }

    to {
        transform: translateZ(0) rotate(0deg)
    }
}

.animate__rotateDropInDown720 {
    animation-name: animate__rotateDropInDown720;
    animation-timing-function: cubic-bezier(.27, .79, .08, .99);
    transform-origin: center
}

@keyframes animate__rotateOut {
    0% {
        opacity: 1
    }

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

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

@keyframes animate__rotateOutDownLeft {
    0% {
        opacity: 1
    }

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

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

@keyframes animate__rotateOutDownRight {
    0% {
        opacity: 1
    }

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

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

@keyframes animate__rotateOutUpLeft {
    0% {
        opacity: 1
    }

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

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

@keyframes animate__rotateOutUpRight {
    0% {
        opacity: 1
    }

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

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

@keyframes animate__rotateDropOutDown360 {
    0% {
        transform: translateZ(0) rotate(0deg)
    }

    to {
        transform: translate3d(0, 100vh, 0) rotate(1turn)
    }
}

.animate__rotateDropOutDown360 {
    animation-name: animate__rotateDropOutDown360;
    animation-timing-function: ease-in;
    transform-origin: center
}

@keyframes animate__hinge {
    0% {
        animation-timing-function: ease-in-out
    }

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

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

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

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

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

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

    70% {
        transform: rotate(3deg)
    }

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

.animate__jackInTheBox {
    animation-name: animate__jackInTheBox
}

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

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

.animate__rollIn {
    animation-name: animate__rollIn
}

@keyframes animate__rollOut {
    0% {
        opacity: 1
    }

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

.animate__rollOut {
    animation-name: animate__rollOut
}

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

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    animation-name: animate__zoomIn
}

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

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

.animate__zoomInDown {
    animation-name: animate__zoomInDown
}

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

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

.animate__zoomInLeft {
    animation-name: animate__zoomInLeft
}

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

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

.animate__zoomInRight {
    animation-name: animate__zoomInRight
}

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

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

.animate__zoomInUp {
    animation-name: animate__zoomInUp
}

@keyframes animate__zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    animation-name: animate__zoomOut
}

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

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

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

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

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

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

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

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

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

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

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

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

@keyframes animate__slideInDown {
    0% {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    animation-name: animate__slideInDown
}

@keyframes animate__slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    animation-name: animate__slideInLeft
}

@keyframes animate__slideInRight {
    0% {
        transform: translate3d(100%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    animation-name: animate__slideInRight
}

@keyframes animate__slideInUp {
    0% {
        transform: translate3d(0, 100%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    animation-name: animate__slideInUp
}

@keyframes animate__slideOutDown {
    0% {
        transform: translateZ(0)
    }

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

.animate__slideOutDown {
    animation-name: animate__slideOutDown
}

@keyframes animate__slideOutLeft {
    0% {
        transform: translateZ(0)
    }

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

.animate__slideOutLeft {
    animation-name: animate__slideOutLeft
}

@keyframes animate__slideOutRight {
    0% {
        transform: translateZ(0)
    }

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

.animate__slideOutRight {
    animation-name: animate__slideOutRight
}

@keyframes animate__slideOutUp {
    0% {
        transform: translateZ(0)
    }

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

.animate__slideOutUp {
    animation-name: animate__slideOutUp
}

.animate__remove {
    animation-name: animate__remove;
    opacity: 0
}

@keyframes animate__remove {
    0% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.animate__hide-start,
.animate__hideStart {
    pointer-events: none !important;
    position: absolute !important;
    visibility: hidden !important
}

.animate__hide-end,
.animate__hideEnd {
    display: none !important
}

.animate__will-animate {
    will-change: transform
}

.lg-only {
    display: none !important
}

@media screen and (min-width:900px) {
    .lg-only {
        display: block !important
    }

    .sm-only {
        display: none !important
    }
}

.montserrat-font .btn,
.montserrat-font .text {
    font-family: Montserrat, sans-serif
}

.extra-small-font {
    font-size: .6em
}

.small-font {
    font-size: .8em
}

.medium-font {
    font-size: 1.1em
}

.large-font {
    font-size: 1.6em
}

.extra-large-font {
    font-size: 2.1em
}

.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.order-level-bottom {
    z-index: -1
}

.order-level-low {
    z-index: 1
}

.order-level-middle {
    z-index: 10
}

.order-level-high {
    z-index: 50
}

.order-level-top {
    z-index: 10000
}

@media screen and (max-width:899px) {
    .alternate-font-color-1 * {
        color: var(--mpo-reg-font-color-1st-alternate-sm) !important
    }

    .alternate-font-color-2 * {
        color: var(--mpo-reg-font-color-2nd-alternate-sm) !important
    }

    .alternate-font-color-3 * {
        color: var(--mpo-reg-font-color-3rd-alternate-sm) !important
    }

    .center-sm,
    .center-sm.comp-text>div>.text {
        text-align: center
    }

    .left-sm,
    .left-sm.comp-text>div>.text {
        text-align: left
    }

    .right-sm,
    .right-sm.comp-text>div>.text {
        text-align: right
    }

    .float-right-sm {
        float: right
    }

    .float-left-sm {
        float: left
    }
}

@media screen and (min-width:900px) {
    .alternate-font-color-1 * {
        color: var(--mpo-reg-font-color-1st-alternate-lg) !important
    }

    .alternate-font-color-2 * {
        color: var(--mpo-reg-font-color-2nd-alternate-lg) !important
    }

    .alternate-font-color-3 * {
        color: var(--mpo-reg-font-color-3rd-alternate-lg) !important
    }

    .center-lg,
    .center-lg.comp-text>div>.text {
        text-align: center
    }

    .left-lg,
    .left-lg.comp-text>div>.text {
        text-align: left
    }

    .right-lg,
    .right-lg.comp-text>div>.text {
        text-align: right
    }

    .float-right-lg {
        float: right
    }

    .float-left-lg {
        float: left
    }
}

.position-left {
    max-width: 50%
}

.position-right {
    max-width: 50%;
    transform: translate(100%)
}

.half-size-left {
    line-height: .5;
    max-width: 50%;
    transform: scale(.75)
}

.half-size-right {
    line-height: .5;
    max-width: 50%;
    transform: scale(.75) translate(150%)
}

.extra-tight-line-spacing :is(.text, .button-area>button.btn) {
    line-height: 15px
}

.tight-line-spacing :is(.text, .button-area>button.btn) {
    line-height: 20px
}

.medium-line-spacing :is(.text, .button-area>button.btn) {
    line-height: 25px
}

.large--line-spacing :is(.text, .button-area>button.btn) {
    line-height: 35px
}

.extra-line-spacing :is(.text, .button-area>button.btn) {
    line-height: 45px
}

.light-font .button-area>button.btn,
.light-font .text,
.light-font>.formgroup>label {
    font-weight: 200 !important
}

.regular-font .button-area>button.btn,
.regular-font .text,
.regular-font>.formgroup>label {
    font-weight: 400 !important
}

.bold-font .button-area>button.btn,
.bold-font .text {
    font-weight: 600 !important
}

.extra-bold-font .button-area>button.btn,
.extra-bold-font .text {
    font-weight: 900 !important
}

.italic-font .button-area>button.btn,
.italic-font .text,
.italic-font>.formgroup>label {
    font-style: italic !important
}

.shadow-font .button-area>button.btn,
.shadow-font .text {
    text-shadow: 1px 1px 2px #000
}

.more-shadow-font .button-area>button.btn,
.more-shadow-font .text {
    text-shadow: 3px 3px 5px #000
}

.full-width {
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: 100vw
}

.inline-block {
    display: inline-block
}

.nowrap,
.truncate {
    white-space: nowrap
}

.truncate {
    overflow: hidden
}

.ellipsis {
    max-width: 100%;
    text-overflow: ellipsis
}

.zero-margin-image>.image-container>img {
    margin: 0 !important
}

.m-n9 {
    margin: -7rem !important
}

.mt-n9,
.my-n9 {
    margin-top: -7rem !important
}

.mr-n9,
.mx-n9 {
    margin-right: -7rem !important
}

.mb-n9,
.my-n9 {
    margin-bottom: -7rem !important
}

.ml-n9,
.mx-n9 {
    margin-left: -7rem !important
}

.m-n8 {
    margin: -6rem !important
}

.mt-n8,
.my-n8 {
    margin-top: -6rem !important
}

.mr-n8,
.mx-n8 {
    margin-right: -6rem !important
}

.mb-n8,
.my-n8 {
    margin-bottom: -6rem !important
}

.ml-n8,
.mx-n8 {
    margin-left: -6rem !important
}

.m-n7 {
    margin: -5rem !important
}

.mt-n7,
.my-n7 {
    margin-top: -5rem !important
}

.mr-n7,
.mx-n7 {
    margin-right: -5rem !important
}

.mb-n7,
.my-n7 {
    margin-bottom: -5rem !important
}

.ml-n7,
.mx-n7 {
    margin-left: -5rem !important
}

.m-n6 {
    margin: -4rem !important
}

.mt-n6,
.my-n6 {
    margin-top: -4rem !important
}

.mr-n6,
.mx-n6 {
    margin-right: -4rem !important
}

.mb-n6,
.my-n6 {
    margin-bottom: -4rem !important
}

.ml-n6,
.mx-n6 {
    margin-left: -4rem !important
}

.m-n5 {
    margin: -3rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-0 {
    margin: 0 !important
}

.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important
}

.m-6 {
    margin: 4rem !important
}

.mt-6,
.my-6 {
    margin-top: 4rem !important
}

.mr-6,
.mx-6 {
    margin-right: 4rem !important
}

.mb-6,
.my-6 {
    margin-bottom: 4rem !important
}

.ml-6,
.mx-6 {
    margin-left: 4rem !important
}

.m-7 {
    margin: 5rem !important
}

.mt-7,
.my-7 {
    margin-top: 5rem !important
}

.mr-7,
.mx-7 {
    margin-right: 5rem !important
}

.mb-7,
.my-7 {
    margin-bottom: 5rem !important
}

.ml-7,
.mx-7 {
    margin-left: 5rem !important
}

.m-8 {
    margin: 6rem !important
}

.mt-8,
.my-8 {
    margin-top: 6rem !important
}

.mr-8,
.mx-8 {
    margin-right: 6rem !important
}

.mb-8,
.my-8 {
    margin-bottom: 6rem !important
}

.ml-8,
.mx-8 {
    margin-left: 6rem !important
}

.m-9 {
    margin: 7rem !important
}

.mt-9,
.my-9 {
    margin-top: 7rem !important
}

.mr-9,
.mx-9 {
    margin-right: 7rem !important
}

.mb-9,
.my-9 {
    margin-bottom: 7rem !important
}

.ml-9,
.mx-9 {
    margin-left: 7rem !important
}

.p-n9 {
    padding: -7rem !important
}

.pt-n9,
.py-n9 {
    padding-top: -7rem !important
}

.pr-n9,
.px-n9 {
    padding-right: -7rem !important
}

.pb-n9,
.py-n9 {
    padding-bottom: -7rem !important
}

.pl-n9,
.px-n9 {
    padding-left: -7rem !important
}

.p-n8 {
    padding: -6rem !important
}

.pt-n8,
.py-n8 {
    padding-top: -6rem !important
}

.pr-n8,
.px-n8 {
    padding-right: -6rem !important
}

.pb-n8,
.py-n8 {
    padding-bottom: -6rem !important
}

.pl-n8,
.px-n8 {
    padding-left: -6rem !important
}

.p-n7 {
    padding: -5rem !important
}

.pt-n7,
.py-n7 {
    padding-top: -5rem !important
}

.pr-n7,
.px-n7 {
    padding-right: -5rem !important
}

.pb-n7,
.py-n7 {
    padding-bottom: -5rem !important
}

.pl-n7,
.px-n7 {
    padding-left: -5rem !important
}

.p-n6 {
    padding: -4rem !important
}

.pt-n6,
.py-n6 {
    padding-top: -4rem !important
}

.pr-n6,
.px-n6 {
    padding-right: -4rem !important
}

.pb-n6,
.py-n6 {
    padding-bottom: -4rem !important
}

.pl-n6,
.px-n6 {
    padding-left: -4rem !important
}

.p-n5 {
    padding: -3rem !important
}

.pt-n5,
.py-n5 {
    padding-top: -3rem !important
}

.pr-n5,
.px-n5 {
    padding-right: -3rem !important
}

.pb-n5,
.py-n5 {
    padding-bottom: -3rem !important
}

.pl-n5,
.px-n5 {
    padding-left: -3rem !important
}

.p-n4 {
    padding: -1.5rem !important
}

.pt-n4,
.py-n4 {
    padding-top: -1.5rem !important
}

.pr-n4,
.px-n4 {
    padding-right: -1.5rem !important
}

.pb-n4,
.py-n4 {
    padding-bottom: -1.5rem !important
}

.pl-n4,
.px-n4 {
    padding-left: -1.5rem !important
}

.p-n3 {
    padding: -1rem !important
}

.pt-n3,
.py-n3 {
    padding-top: -1rem !important
}

.pr-n3,
.px-n3 {
    padding-right: -1rem !important
}

.pb-n3,
.py-n3 {
    padding-bottom: -1rem !important
}

.pl-n3,
.px-n3 {
    padding-left: -1rem !important
}

.p-n2 {
    padding: -.5rem !important
}

.pt-n2,
.py-n2 {
    padding-top: -.5rem !important
}

.pr-n2,
.px-n2 {
    padding-right: -.5rem !important
}

.pb-n2,
.py-n2 {
    padding-bottom: -.5rem !important
}

.pl-n2,
.px-n2 {
    padding-left: -.5rem !important
}

.p-n1 {
    padding: -.25rem !important
}

.pt-n1,
.py-n1 {
    padding-top: -.25rem !important
}

.pr-n1,
.px-n1 {
    padding-right: -.25rem !important
}

.pb-n1,
.py-n1 {
    padding-bottom: -.25rem !important
}

.pl-n1,
.px-n1 {
    padding-left: -.25rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.pt-5,
.py-5 {
    padding-top: 3rem !important
}

.pr-5,
.px-5 {
    padding-right: 3rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
    padding-left: 3rem !important
}

.p-6 {
    padding: 4rem !important
}

.pt-6,
.py-6 {
    padding-top: 4rem !important
}

.pr-6,
.px-6 {
    padding-right: 4rem !important
}

.pb-6,
.py-6 {
    padding-bottom: 4rem !important
}

.pl-6,
.px-6 {
    padding-left: 4rem !important
}

.p-7 {
    padding: 5rem !important
}

.pt-7,
.py-7 {
    padding-top: 5rem !important
}

.pr-7,
.px-7 {
    padding-right: 5rem !important
}

.pb-7,
.py-7 {
    padding-bottom: 5rem !important
}

.pl-7,
.px-7 {
    padding-left: 5rem !important
}

.p-8 {
    padding: 6rem !important
}

.pt-8,
.py-8 {
    padding-top: 6rem !important
}

.pr-8,
.px-8 {
    padding-right: 6rem !important
}

.pb-8,
.py-8 {
    padding-bottom: 6rem !important
}

.pl-8,
.px-8 {
    padding-left: 6rem !important
}

.p-9 {
    padding: 7rem !important
}

.pt-9,
.py-9 {
    padding-top: 7rem !important
}

.pr-9,
.px-9 {
    padding-right: 7rem !important
}

.pb-9,
.py-9 {
    padding-bottom: 7rem !important
}

.pl-9,
.px-9 {
    padding-left: 7rem !important
}

.clickable {
    cursor: pointer
}

.submit-disabled {
    opacity: .5;
    pointer-events: none
}

.submit-hidden.clickable--action-continue {
    display: none
}

.vertical-surveys>.group-render-area>* {
    --checkbox-from-bottom: 7vw;
    --checkbox-from-right: 8vw;
    --checkbox-width: 9vw;
    --checkbox-height: 9vw;
    --checkbox-border-color: #545050;
    --checkbox-border-color-when-checked: #1a7fcb;
    --checkbox-check-mark-color: #1a7fcb;
    --checkbox-check-mark-weight: 4.5px;
    --checkbox-check-mark-line: 6.5vw;
    --checkbox-check-mark-hook: 2.5vw;
    --checkbox-check-mark-from-left: 1.5vw;
    --checkbox-image-outline-border-radius: 0;
    --checkbox-image-outline-color: #fff;
    --checkbox-image-hover-outline-color: #fff;
    --checkbox-label-font-size: 0.85rem;
    --checkbox-label-line-height: 15px;
    --checkbox-label-position-from-top: 10px;
    --checkbox-label-position-from-left: 10px;
    --checkbox-label-span-width: 100%;
    --checkbox-from-bottom: 13vw;
    --checkbox-from-right: 13vw;
    --checkbox-width: 12vw;
    --checkbox-height: 12vw;
    --checkbox-check-mark-weight: 5.5px;
    --checkbox-check-mark-line: 8.5vw;
    --checkbox-check-mark-hook: 4.5vw;
    --checkbox-check-mark-from-top: 3vw;
    --checkbox-check-mark-from-left: 2vw;
    --checkbox-image-outline-border-radius: 15px;
    --checkbox-image-outline-color: transparent;
    --checkbox-label-font-size: 1.45rem;
    --checkbox-label-font-weight: 800;
    --checkbox-label-line-height: 25px;
    --checkbox-label-position-from-top: 0px;
    --checkbox-label-position-from-left: 15px;
    --checkbox-label-span-width: 80%;
    --checkbox-border-color: #fff;
    margin: 0 auto 5px;
    max-width: 90%;
    overflow: hidden;
    position: relative
}

.vertical-surveys>.group-render-area>* .group-render-area .checkbox-area {
    border: 2px solid var(--checkbox-image-outline-color);
    border-radius: var(--checkbox-image-outline-border-radius);
    display: block;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.vertical-surveys>.group-render-area>* .group-render-area .checkbox-area:hover {
    border: 2px solid var(--checkbox-image-hover-outline-color)
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-image img {
    height: auto;
    margin: 0;
    width: 100%
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-checkbox label {
    font-size: var(--checkbox-label-font-size);
    font-weight: var(--checkbox-label-font-weight);
    height: 100%;
    left: 0;
    line-height: var(--checkbox-label-line-height);
    overflow-wrap: break-word;
    padding-left: var(--checkbox-label-position-from-left);
    padding-top: var(--checkbox-label-position-from-top);
    position: absolute;
    text-shadow: 0 0 2px #000;
    top: 0;
    width: 100%
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-checkbox label span {
    display: block;
    width: var(--checkbox-label-span-width)
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox] {
    bottom: var(--checkbox-from-bottom);
    margin: 0;
    position: absolute;
    right: var(--checkbox-from-right);
    visibility: hidden
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:after {
    background: #fff;
    border: 2px solid var(--checkbox-border-color);
    border-radius: 7px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
    content: " ";
    cursor: pointer;
    height: var(--checkbox-height);
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible;
    width: var(--checkbox-width)
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:checked:after {
    border: 2px solid var(--checkbox-border-color-when-checked)
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:before {
    background: transparent;
    content: "";
    height: 0;
    left: var(--checkbox-check-mark-from-left);
    position: absolute;
    top: var(--checkbox-check-mark-from-top);
    transition: height .5s ease, width .4s ease;
    visibility: visible;
    width: 0;
    z-index: 5
}

.vertical-surveys>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:checked:before {
    border: var(--checkbox-check-mark-weight) solid var(--checkbox-check-mark-color);
    border-right: none;
    border-top: none;
    height: var(--checkbox-check-mark-hook);
    transform: rotate(-50deg);
    width: var(--checkbox-check-mark-line)
}

.vertical-surveys>.group-render-area>* .group-render-area .checkbox-area label {
    align-items: center;
    display: flex;
    line-height: 21px
}

.vertical-surveys>.group-render-area>* .group-render-area .checkbox-area input[type=checkbox]:after {
    box-shadow: inset 0 0 3px 1px #000
}

@media screen and (min-width:480px) {
    .vertical-surveys>.group-render-area>* {
        --checkbox-from-bottom: 45px;
        --checkbox-from-right: 45px;
        --checkbox-width: 35px;
        --checkbox-height: 35px;
        --checkbox-check-mark-line: 25px;
        --checkbox-check-mark-hook: 15px;
        --checkbox-check-mark-from-top: 7px;
        --checkbox-check-mark-from-left: 6px;
        --checkbox-label-span-width: 100%;
        --checkbox-label-font-size: 1.25rem;
        max-width: 350px
    }

    .vertical-surveys>.group-render-area>* .group-render-area .checkbox-area {
        margin: 0
    }

    .vertical-surveys>.group-render-area>* .group-render-area .checkbox-area input[type=checkbox] {
        -webkit-appearance: initial;
        appearance: none
    }

    .vertical-surveys>.group-render-area>* .group-render-area .checkbox-area input[type=checkbox]:hover:before {
        border: var(--checkbox-check-mark-weight) solid var(--checkbox-check-mark-color);
        border-right: none;
        border-top: none;
        height: var(--checkbox-check-mark-hook);
        transform: rotate(-50deg);
        width: var(--checkbox-check-mark-line)
    }
}

.graphical-checkboxes>.group-render-area>* {
    --checkbox-from-bottom: 7vw;
    --checkbox-from-right: 8vw;
    --checkbox-width: 9vw;
    --checkbox-height: 9vw;
    --checkbox-border-color: #545050;
    --checkbox-border-color-when-checked: #1a7fcb;
    --checkbox-check-mark-color: #1a7fcb;
    --checkbox-check-mark-weight: 4.5px;
    --checkbox-check-mark-line: 6.5vw;
    --checkbox-check-mark-hook: 2.5vw;
    --checkbox-check-mark-from-top: 3vw;
    --checkbox-check-mark-from-left: 1.5vw;
    --checkbox-image-outline-border-radius: 0;
    --checkbox-image-outline-color: #fff;
    --checkbox-image-hover-outline-color: #fff;
    --checkbox-label-font-size: 0.85rem;
    --checkbox-label-font-weight: 800;
    --checkbox-label-line-height: 15px;
    --checkbox-label-position-from-top: 10px;
    --checkbox-label-position-from-left: 10px;
    --checkbox-label-span-width: 100%;
    margin: 0 auto 5px;
    overflow: hidden;
    position: relative
}

.graphical-checkboxes>.group-render-area>* .group-render-area .checkbox-area {
    border: 2px solid var(--checkbox-image-outline-color);
    border-radius: var(--checkbox-image-outline-border-radius);
    display: block;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.graphical-checkboxes>.group-render-area>* .group-render-area .checkbox-area:hover {
    border: 2px solid var(--checkbox-image-hover-outline-color)
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-image img {
    height: auto;
    margin: 0;
    width: 100%
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-checkbox label {
    font-size: var(--checkbox-label-font-size);
    font-weight: var(--checkbox-label-font-weight);
    height: 100%;
    left: 0;
    line-height: var(--checkbox-label-line-height);
    overflow-wrap: break-word;
    padding-left: var(--checkbox-label-position-from-left);
    padding-top: var(--checkbox-label-position-from-top);
    position: absolute;
    text-shadow: 0 0 2px #000;
    top: 0;
    width: 100%
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-checkbox label span {
    display: block;
    width: var(--checkbox-label-span-width)
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox] {
    bottom: var(--checkbox-from-bottom);
    margin: 0;
    position: absolute;
    right: var(--checkbox-from-right);
    visibility: hidden
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:after {
    background: #fff;
    border: 2px solid var(--checkbox-border-color);
    border-radius: 7px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
    content: " ";
    cursor: pointer;
    height: var(--checkbox-height);
    left: 0;
    position: absolute;
    top: 0;
    visibility: visible;
    width: var(--checkbox-width)
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:checked:after {
    border: 2px solid var(--checkbox-border-color-when-checked)
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:before {
    background: transparent;
    content: "";
    height: 0;
    left: var(--checkbox-check-mark-from-left);
    position: absolute;
    top: var(--checkbox-check-mark-from-top);
    transition: height .5s ease, width .4s ease;
    visibility: visible;
    width: 0;
    z-index: 5
}

.graphical-checkboxes>.group-render-area>* .group-render-area>.comp-checkbox input[type=checkbox]:checked:before {
    border: var(--checkbox-check-mark-weight) solid var(--checkbox-check-mark-color);
    border-right: none;
    border-top: none;
    height: var(--checkbox-check-mark-hook);
    transform: rotate(-50deg);
    width: var(--checkbox-check-mark-line)
}

@media screen and (min-width:480px) {
    .graphical-checkboxes>.group-render-area>* {
        --checkbox-from-bottom: 30px;
        --checkbox-from-right: 30px;
        --checkbox-width: 35px;
        --checkbox-height: 35px;
        --checkbox-check-mark-line: 25px;
        --checkbox-check-mark-hook: 15px;
        --checkbox-check-mark-from-top: 7px;
        --checkbox-check-mark-from-left: 6px
    }
}

.text-checkboxes>.group-render-area .group-render-area {
    --checkbox-width: 9vw;
    --checkbox-height: 9vw;
    --checkbox-border-color: #545050;
    --checkbox-border-color-when-checked: #1a7fcb;
    --checkbox-check-mark-color: #1a7fcb;
    --checkbox-check-mark-line: 6.5vw;
    --checkbox-check-mark-hook: 2.5vw;
    --checkbox-label-text-color: #fff;
    margin-left: 11vw
}

.text-checkboxes>.group-render-area .group-render-area>.comp-image {
    display: none
}

.text-checkboxes>.group-render-area .group-render-area>.comp-checkbox .checkbox-area {
    display: block;
    height: 45px;
    margin: 5px 0 5px 2vw;
    position: relative;
    width: 90%
}

.text-checkboxes>.group-render-area .group-render-area>.comp-checkbox label {
    color: var(--checkbox-label-text-color);
    font-size: 1.1rem;
    font-weight: 800;
    height: 90%;
    padding-left: 45px;
    width: 100%
}

.text-checkboxes>.group-render-area .group-render-area>.comp-checkbox input[type=checkbox] {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

.text-checkboxes>.group-render-area .group-render-area>.comp-checkbox input[type=checkbox]:after {
    background: #fff;
    border: 2px solid var(--checkbox-border-color);
    border-radius: 7px;
    content: " ";
    cursor: pointer;
    height: var(--checkbox-height);
    left: 0;
    position: absolute;
    top: -7px;
    visibility: visible;
    width: var(--checkbox-width)
}

.text-checkboxes>.group-render-area .group-render-area>.comp-checkbox input[type=checkbox]:checked:after {
    border: 2px solid var(--checkbox-border-color-when-checked)
}

.text-checkboxes>.group-render-area .group-render-area>.comp-checkbox input[type=checkbox]:before {
    background: transparent;
    content: "";
    height: 0;
    left: 5px;
    position: absolute;
    top: 3.5px;
    transition: height .5s ease, width .4s ease;
    visibility: visible;
    width: 0;
    z-index: 5
}

.text-checkboxes>.group-render-area .group-render-area>.comp-checkbox input[type=checkbox]:checked:before {
    border: 4.5px solid var(--checkbox-check-mark-color);
    border-right: none;
    border-top: none;
    height: var(--checkbox-check-mark-hook);
    transform: rotate(-50deg);
    width: var(--checkbox-check-mark-line)
}

@media screen and (min-width:480px) {
    .text-checkboxes>.group-render-area .group-render-area {
        --checkbox-width: 35px;
        --checkbox-height: 35px;
        --checkbox-check-mark-line: 25px;
        --checkbox-check-mark-hook: 10px;
        --checkbox-check-mark-from-top: 7px;
        --checkbox-check-mark-from-left: 6px
    }
}

.passwordbox .image {
    display: block;
    height: auto;
    margin: auto;
    max-width: 125px;
    position: relative;
    z-index: 2
}

.passwordbox .no-password {
    position: relative;
    top: -34px
}

.passwordbox .no-password-lightbox {
    background: #f50b19;
    background: var(--mpo-reg-passwordbox-bg, radial-gradient(circle, #f50b19 0, #940202 49%, #940202 100%));
    border: 3px solid var(--mpo-reg-passwordbox-border-color, #fff);
    border-radius: 10px;
    box-shadow: 7px 11px 16px 0 rgba(0, 0, 0, .75);
    margin: auto;
    overflow: hidden;
    padding: var(--mpo-reg-passwordbox-header-image-height, 40px) 0 10px 0;
    position: relative;
    width: 95%
}

.passwordbox .no-password-lightbox:before {
    background-image: var(--mpo-reg-passwordbox-header-image, none);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    height: var(--mpo-reg-passwordbox-header-image-height, 0);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.passwordbox .no-password-lightbox .btn.btn--skip {
    color: #e3b8b8;
    color: var(--mpo-reg-passwordbox-btn-skip-color, var(--mpo-reg-btn-skip-color));
    display: block;
    font-size: 12px;
    margin: 10px auto;
    text-align: center;
    text-decoration: underline;
    width: 90%
}

.passwordbox .password-prompt {
    color: var(--mpo-reg-passwordbox-color, #fff);
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 14px auto 20px;
    text-align: center;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, .4), -1px 1px 5px rgba(0, 0, 0, .4);
    width: 85%
}

.text-medium .passwordbox .password-prompt {
    font-size: 18px;
    margin-bottom: 4px;
    text-shadow: none
}

.passwordbox .password-text {
    color: var(--mpo-reg-passwordbox-color, #fff);
    display: block;
    font-size: 24px;
    margin: .5em
}

.text-medium .passwordbox .password-text {
    font-size: 15px;
    line-height: 1.4
}

.passwordbox .no-password-lightbox .formgroup {
    margin-bottom: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 87% !important
}

.passwordbox .form input {
    background: var(--mpo-reg-passwordbox-input-bg, #fff);
    border: 1px solid #c4bebe !important;
    border-radius: 10px !important;
    color: #858585;
    display: block;
    font-size: 17px;
    height: 44px !important;
    padding: 12px
}

.passwordbox .form .formgroup label {
    display: none
}

.passwordbox .form .formgroup input::-ms-input-placeholder {
    color: var(--mpo-reg-placeholder-color-sm, #858585);
    opacity: 1 !important;
    text-transform: uppercase
}

.passwordbox .form .formgroup input::placeholder {
    color: var(--mpo-reg-placeholder-color-sm, #858585);
    opacity: 1 !important;
    text-transform: uppercase
}

.passwordbox .form .formgroup .error-icon,
.passwordbox .form .formgroup .form-input-icon,
.passwordbox .form .formgroup .form-input-icon--pass {
    top: 21px !important
}

.passwordbox .button-container {
    font-size: 12px;
    margin: auto;
    position: relative;
    width: 87%
}

@media screen and (min-width:900px) {
    .passwordbox .form .formgroup input::-ms-input-placeholder {
        color: var(--mpo-reg-placeholder-color-lg, #858585)
    }

    .passwordbox .form .formgroup input::placeholder {
        color: var(--mpo-reg-placeholder-color-lg, #858585)
    }
}

div.elevate-title-gender>div {
    display: flex;
    flex-wrap: wrap
}

div.elevate-title-gender>div>div.comp.comp-title {
    margin-left: 4px;
    margin-right: 5px
}

div.elevate-name>div {
    display: flex
}

div.elevate-name>div>div.comp.comp-firstname,
div.elevate-title-gender>div>div.comp.comp-firstname,
div.elevate-title-gender>div>div.comp.comp-lastname {
    margin-left: 4px;
    margin-right: 4px
}

.unis.svelte-143fb9s {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate3d(-50%, -200%, 0);
    max-width: 90%;
    border-radius: 20px;
    display: none;
    width: 100%;
    z-index: 20;
    background: rgba(0, 0, 0, 0.5);
    background: linear-gradient(to right, rgba(148, 191, 178, 0.8) 0%, rgba(165, 199, 192, 0.8) 25%, rgba(175, 192, 193, 0.8) 50%, rgba(165, 186, 182, 0.8) 75%, rgba(154, 179, 184, 0.8) 100%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    color: #000;
    overflow: hidden;
    text-align: left
}

.unis-scope.svelte-143fb9s .unis.unis--show {
    display: block;
    animation: svelte-143fb9s-bounceInDown 0.9s ease both
}

.unis.svelte-143fb9s .unis__msg {
    position: relative;
    width: 100%;
    left: 0;
    padding: 15px;
    z-index: 2
}

.unis.svelte-143fb9s .unis__msg:not(:last-child) {
    animation: svelte-143fb9s-fadeOut 0.5s ease forwards
}

.unis.svelte-143fb9s .unis__msg:last-child {
    animation: svelte-143fb9s-fadeIn 0.5s ease forwards;
    position: relative;
    z-index: 2
}

.unis.svelte-143fb9s .unis__msg__header {
    display: block;
    font-weight: bold;
    line-height: 36px;
    vertical-align: middle;
    margin: 0 0 0.5em
}

.unis.svelte-143fb9s .unis__msg--tokens .unis__msg__header::before {
    content: " ";
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url("./images/unis/tokens.png") 0 0 no-repeat;
    background-size: contain;
    margin-right: 5px
}

@keyframes svelte-143fb9s-bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

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

    60% {
        opacity: 1;
        transform: translate3d(-50%, 25px, 0) scaleY(0.9)
    }

    75% {
        transform: translate3d(-50%, -10px, 0) scaleY(0.95)
    }

    90% {
        transform: translate3d(-50%, 5px, 0) scaleY(0.985)
    }

    to {
        transform: translate3d(-50%, 0, 0);
        box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.5)
    }
}

@keyframes svelte-143fb9s-fadeOut {
    0% {
        opacity: 1;
        position: absolute;
        z-index: 1
    }

    100% {
        opacity: 0;
        position: absolute;
        z-index: 1
    }
}

@keyframes svelte-143fb9s-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.svelte-yha5l2::-ms-reveal {
    display: none
}

.msg-container.svelte-yha5l2 {
    min-height: 0
}

.error-icon.svelte-yha5l2 {
    width: 20px;
    height: 20px;
    background-image: url("./images/Errorcheck.svg");
    transform: translate3d(0, -50%, 0);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    text-indent: 200%;
    font-size: 8px;
    top: 50%;
    right: 7px;
    top: 30px
}

.error-msg.svelte-yha5l2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    color: var(--mpo-reg-error-color-sm);
    padding: 0 0 0 0.75em;
    margin: 0;
    line-height: 1;
    text-align: left;
    position: relative
}

@media screen and (min-width: 900px) {
    .error-msg.svelte-yha5l2 {
        font-size: 11px;
        font-weight: normal;
        color: var(--mpo-reg-error-color-lg);
        padding: 0;
        min-height: 1.4em
    }
}

@media screen and (min-width: 900px) {
    .msg-container.svelte-yha5l2 {
        min-height: 0
    }

    .error-icon.svelte-yha5l2 {
        top: 15px
    }
}

.svelte-1nvh7v7.svelte-1nvh7v7::-ms-reveal {
    display: none
}

.error-validation-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 70%;
    top: 20%
}

@media screen and (min-width: 900px) {
    .error-validation-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        bottom: 70%;
        right: 7px
    }
}

.error-validation-icon.svelte-1nvh7v7 circle.svelte-1nvh7v7 {
    fill: var(--mpo-option-input-icon-error-color-sm, #a94040)
}

.approved-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
    z-index: 2;
    color: var(--mpo-option-input-icon-approved-color-sm, #2280e5);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: auto;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%
}

@media screen and (min-width: 900px) {
    .approved-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        bottom: 30%
    }
}

.approved-icon.svelte-1nvh7v7 circle.svelte-1nvh7v7 {
    fill: var(--mpo-option-input-icon-approved-color-sm, #2280e5)
}

.default-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
    fill: var(--mpo-option-input-icon-default-color-sm, #ebebeb);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%
}

.default-icon.svelte-1nvh7v7 circle.svelte-1nvh7v7 {
    fill: var(--mpo-option-input-icon-default-color-sm, #ebebeb)
}

@media screen and (min-width: 900px) {
    .default-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        fill: var(--mpo-option-input-icon-default-color-lg, #ebebeb)
    }
}

.form-input-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
    bottom: unset;
    right: 7px;
    top: 30px;
    transform: translate3d(0, -50%, 0)
}

@media screen and (min-width: 900px) {
    .error-validation-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        right: 7px;
        display: flex;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        bottom: 70%;
        top: 20%
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
    .error-validation-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        bottom: 70%;
        right: 7px
    }
}

@media screen and (min-width: 900px) {
    .error-validation-icon.svelte-1nvh7v7 circle.svelte-1nvh7v7 {
        fill: var(--mpo-option-input-icon-error-color-lg, #a94040)
    }

    .approved-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        z-index: 2;
        color: var(--mpo-option-input-icon-approved-color-sm, #2280e5);
        height: 100%;
        width: 100%;
        background-repeat: no-repeat;
        position: absolute;
        margin-top: auto;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        right: 7px;
        display: flex;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        bottom: 50%;
        top: 20%
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
    .approved-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        bottom: 30%
    }
}

@media screen and (min-width: 900px) {
    .approved-icon.svelte-1nvh7v7 circle.svelte-1nvh7v7 {
        fill: var(--mpo-option-input-icon-approved-color-lg, #2280e5)
    }

    .default-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        fill: var(--mpo-option-input-icon-default-color-sm, #ebebeb);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        right: 7px;
        display: flex;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        bottom: 50%;
        top: 20%
    }

    .default-icon.svelte-1nvh7v7 circle.svelte-1nvh7v7 {
        fill: var(--mpo-option-input-icon-default-color-lg, #ebebeb)
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
    .default-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        fill: var(--mpo-option-input-icon-default-color-lg, #ebebeb)
    }
}

@media screen and (min-width: 900px) {
    .form-input-icon.svelte-1nvh7v7.svelte-1nvh7v7 {
        bottom: unset;
        right: 7px;
        top: 15px;
        transform: translate3d(0, -50%, 0)
    }
}

.svelte-mqzakz.svelte-mqzakz::-ms-reveal {
    display: none
}

.svelte-mqzakz.svelte-mqzakz::-ms-reveal {
    display: none
}

.notes.svelte-mqzakz.svelte-mqzakz {
    text-align: left;
    font-size: small;
    font-weight: 400;
    color: var(--mpo-reg-label-color-sm);
    text-wrap: wrap
}

.notes-error.svelte-mqzakz.svelte-mqzakz {
    display: none
}

.formgroup.svelte-mqzakz.svelte-mqzakz {
    text-align: center;
    width: 100%;
    position: relative;
    margin: 0 0 0.15em
}

.forminput.svelte-mqzakz.svelte-mqzakz {
    position: relative
}

select.svelte-mqzakz.svelte-mqzakz,
input.svelte-mqzakz.svelte-mqzakz {
    width: 100%;
    margin: 0 auto 0.35em;
    height: 60px;
    border-radius: 10px;
    text-indent: 0.5em;
    font-size: 20px;
    color: #000;
    opacity: 1;
    position: relative
}

select.svelte-mqzakz.svelte-mqzakz {
    text-indent: 0
}

input.svelte-mqzakz.svelte-mqzakz::-ms-input-placeholder {
    color: var(--mpo-reg-placeholder-color-sm, transparent)
}

input.svelte-mqzakz.svelte-mqzakz::placeholder {
    color: var(--mpo-reg-placeholder-color-sm, transparent)
}

.formgroup.validity-on.svelte-mqzakz input:focus .notes.svelte-mqzakz,
.formgroup.validity-on.validity-valid.svelte-mqzakz input .notes.svelte-mqzakz,
.formgroup.validity-on.svelte-mqzakz select:focus .notes.svelte-mqzakz,
.formgroup.svelte-mqzakz .notes .notes.svelte-mqzakz {
    text-align: left;
    font-size: small;
    font-weight: 400
}

.formgroup.validity-on.validity-valid.svelte-mqzakz select.svelte-mqzakz {
    border-color: var(--mpo-option-input-icon-approved-color-sm, #2280e5) !important;
    outline-color: var(--mpo-option-input-icon-approved-color-sm, #2280e5) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px !important
}

.formgroup--error.svelte-mqzakz input.svelte-mqzakz,
.formgroup--error.validity-on.svelte-mqzakz input.svelte-mqzakz:focus,
.formgroup--error.validity-on.validity-valid.svelte-mqzakz input.svelte-mqzakz,
.formgroup--error.svelte-mqzakz select.svelte-mqzakz,
.formgroup--error.validity-on.svelte-mqzakz select.svelte-mqzakz:focus,
.formgroup--error.validity-on.validity-valid.svelte-mqzakz select.svelte-mqzakz {
    box-shadow: 0 0 0 30px var(--mpo-input-autofill-bg-color, transparent) inset, 0px 0px 0px 2px #f00;
    color: #f00;
    border-color: revert !important;
    outline-color: revert !important
}

.placeholder.svelte-mqzakz.svelte-mqzakz {
    display: none
}

label.svelte-mqzakz.svelte-mqzakz {
    font-weight: bold;
    color: var(--mpo-reg-label-color-sm);
    padding: 0 0 0.15em;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    text-indent: 4px;
    white-space: nowrap;
    display: block
}

@media screen and (min-width: 900px) {
    label.svelte-mqzakz.svelte-mqzakz {
        font-size: 15px;
        color: var(--mpo-reg-label-color-lg)
    }
}

.required-field.error-validation-icon.svelte-mqzakz.svelte-mqzakz {
    z-index: 2;
    color: var(--mpo-option-input-icon-error-color-sm, #a94040);
    height: 100%;
    position: absolute;
    width: 100%;
    right: 1px;
    background-repeat: no-repeat
}

@media screen and (min-width: 900px) {
    .required-field.error-validation-icon.svelte-mqzakz.svelte-mqzakz {
        fill: var(--mpo-option-input-icon-error-color-lg, #ebebeb)
    }
}

.required-field.approved-icon.svelte-mqzakz.svelte-mqzakz {
    z-index: 2;
    color: var(--mpo-option-input-icon-approved-color-sm, #2280e5);
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: auto;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%
}

@media screen and (min-width: 900px) {
    .required-field.approved-icon.svelte-mqzakz.svelte-mqzakz {
        bottom: 30%
    }
}

.required-field.default-icon.svelte-mqzakz.svelte-mqzakz {
    fill: var(--mpo-option-input-icon-default-color-sm, #ebebeb);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%
}

@media screen and (min-width: 900px) {
    .required-field.default-icon.svelte-mqzakz.svelte-mqzakz {
        fill: var(--mpo-option-input-icon-default-color-lg, #ebebeb)
    }
}

.required-field.svelte-mqzakz .forminput-label.svelte-mqzakz::after,
.required-field.svelte-mqzakz .mainlabel.svelte-mqzakz::after {
    content: "*";
    color: var(--mpo-option-required-asterisks-sm);
    position: absolute
}

@media screen and (min-width: 900px) {

    .required-field.svelte-mqzakz .forminput-label.svelte-mqzakz::after,
    .required-field.svelte-mqzakz .mainlabel.svelte-mqzakz::after {
        color: var(--mpo-option-required-asterisks-lg)
    }
}

@media screen and (min-width: 900px) {
    .notes.svelte-mqzakz.svelte-mqzakz {
        text-align: left;
        font-size: small;
        font-weight: 400;
        color: var(--mpo-reg-label-color-lg)
    }

    select.svelte-mqzakz.svelte-mqzakz,
    input.svelte-mqzakz.svelte-mqzakz {
        height: var(--mpo-reg-input-height-lg, 30px);
        border-radius: 4px;
        font-size: var(--mpo-reg-input-font-size-lg, 14px)
    }

    input.svelte-mqzakz.svelte-mqzakz::-ms-input-placeholder {
        color: var(--mpo-reg-placeholder-color-lg, transparent)
    }

    input.svelte-mqzakz.svelte-mqzakz::placeholder {
        color: var(--mpo-reg-placeholder-color-lg, transparent)
    }

    .required-field.svelte-mqzakz .forminput-label.svelte-mqzakz::after,
    .required-field.svelte-mqzakz .mainlabel.svelte-mqzakz::after {
        content: "*";
        color: var(--mpo-option-required-asterisks-sm);
        position: absolute
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {

    .required-field.svelte-mqzakz .forminput-label.svelte-mqzakz::after,
    .required-field.svelte-mqzakz .mainlabel.svelte-mqzakz::after {
        color: var(--mpo-option-required-asterisks-lg)
    }
}

@media screen and (min-width: 900px) {

    .formgroup.validity-on.svelte-mqzakz input.svelte-mqzakz:focus,
    .formgroup.validity-on.validity-valid.svelte-mqzakz input.svelte-mqzakz,
    .formgroup.validity-on.svelte-mqzakz select.svelte-mqzakz:focus,
    .formgroup.validity-on.validity-valid.svelte-mqzakz select.svelte-mqzakz {
        border-color: var(--mpo-option-input-icon-approved-color-lg, #2280e5) !important;
        outline-color: var(--mpo-option-input-icon-approved-color-lg, #2280e5) !important
    }

    .formgroup--error.svelte-mqzakz input.svelte-mqzakz,
    .formgroup--error.validity-on.svelte-mqzakz input.svelte-mqzakz:focus,
    .formgroup--error.validity-on.validity-valid.svelte-mqzakz input.svelte-mqzakz,
    .formgroup--error.svelte-mqzakz select.svelte-mqzakz,
    .formgroup--error.validity-on.svelte-mqzakz select.svelte-mqzakz:focus,
    .formgroup--error.validity-on.validity-valid.svelte-mqzakz select.svelte-mqzakz {
        box-shadow: 0 0 0 30px var(--mpo-input-autofill-bg-color, transparent) inset, 0px 0px 0px 2px #f00;
        color: #f00;
        border-color: revert !important;
        outline-color: revert !important
    }
}

.formgroup--error.svelte-mqzakz input.svelte-mqzakz::-ms-input-placeholder {
    color: #f00
}

.formgroup--error.svelte-mqzakz input.svelte-mqzakz::placeholder {
    color: #f00
}

.address-lookup-enabled .address-extra-fields {
    position: relative;
    display: flex;
    padding-bottom: 2em;
    margin: 0 !important
}

.address-lookup.svelte-oy2jfd {
    flex-grow: 2;
    margin-right: 10px
}

.address-lookup-enabled .address-extra-fields .address2 {
    margin-right: 0;
    max-width: 6em
}

.enter-address-manual-btn.svelte-oy2jfd {
    border: 0;
    background: transparent;
    -webkit-appearance: unset;
    cursor: pointer;
    font-weight: medium;
    font-family: Poppins, sans-serif;
    color: var(--mpo-reg-label-color-sm, #106ED3);
    margin: 0;
    position: absolute;
    bottom: calc(0.25em + 3px);
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    display: inline-block;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    white-space: nowrap
}

@media only screen and (min-width: 900px) {
    .enter-address-manual-btn.svelte-oy2jfd {
        color: var(--mpo-reg-label-color-lg, #106ED3)
    }
}

.address-lookup-manual-transition .comp-citystatezip,
.address-lookup-manual-transition .comp-address .address1 {
    animation-delay: 0s;
    visibility: visible;
    animation-duration: 0.75s;
    animation-fill-mode: both;
    animation-name: animate__fadeIn
}

.svelte-1r4u4yy::-ms-reveal {
    display: none
}

.address1[aria-hidden=true].svelte-1r4u4yy {
    position: absolute !important;
    pointer-events: none !important;
    left: -9999px
}

.address1[aria-hidden=true].svelte-1r4u4yy:focus,
.address1[aria-hidden=true].svelte-1r4u4yy:focus-within {
    visibility: hidden
}

@media screen and (min-width: 900px) {
    .address2.svelte-1r4u4yy {
        display: inline-block;
        width: 6em;
        margin-right: 10px;
        vertical-align: top
    }
}

.adspostx-wrapper.svelte-lst1xx {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 5px;
    margin: 10px auto;
    max-width: 100%
}

.adspostx-wrapper.svelte-lst1xx #adpx-mou_container {
    margin: auto
}

#adpx_embed-container svg:not([fill]) {
    fill: inherit
}

#adpx_embed-mini-text {
    color: initial
}

@media screen and (min-width: 900px) {
    .adspostx-wrapper.svelte-lst1xx {
        margin: 0;
        justify-content: center
    }

    #adspostx-container.svelte-lst1xx {
        max-width: 650px
    }

    .adspostx-wrapper--stacked #adspostx-container.svelte-lst1xx {
        max-width: 800px
    }

    #adpx_embed-container,
    #adpx_modal.svelte-lst1xx {
        min-height: 448px
    }

    .left .adspostx-wrapper.svelte-lst1xx {
        justify-content: flex-start
    }

    .right .adspostx-wrapper.svelte-lst1xx {
        justify-content: flex-end
    }

    .center .adspostx-wrapper.svelte-lst1xx {
        justify-content: center
    }
}

.svelte-1dqdutr.svelte-1dqdutr::-ms-reveal {
    display: none
}

.svelte-1dqdutr.svelte-1dqdutr::-ms-reveal {
    display: none
}

.button-area.svelte-1dqdutr.svelte-1dqdutr {
    text-align: center;
    margin-bottom: 10px
}

.button-area.svelte-1dqdutr button.svelte-1dqdutr {
    max-width: var(--mpo-btn-continue-max-width-sm, 400px)
}

.large-font>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr {
    padding: 6px 30px
}

.extra-large-font>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr {
    padding: 3px 30px
}

.btn.svelte-1dqdutr.svelte-1dqdutr {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: var(--mpo-btn-continue-background, black);
    color: var(--mpo-btn-continue-color, #ffffff);
    border: var(--mpo-btn-continue-border-thickness, 1px) var(--mpo-btn-continue-border-type, solid) var(--mpo-btn-continue-border-color, #ffffff);
    border-radius: var(--mpo-btn-continue-border-radius, 40px);
    padding: 10px 0px;
    font-size: var(--mpo-btn-continue-font-size, 1.1em);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    position: relative
}

.btn.svelte-1dqdutr.svelte-1dqdutr:focus {
    box-shadow: 0 0 3px 3px lightyellow;
    outline: none
}

.btn.svelte-1dqdutr.svelte-1dqdutr::after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 20px;
    height: 20px;
    background: transparent var(--mpo-btn-continue-after-image, url("./images/themes/default/next.svg")) 0 0 no-repeat;
    background-size: contain;
    z-index: 2
}

.btn.svelte-1dqdutr &.disabled,
.btn.svelte-1dqdutr &[disabled] {
    cursor: wait;
    opacity: 0.5
}

.button-area.svelte-1dqdutr a {
    text-decoration: none
}

@media screen and (min-width: 900px) {
    .button-area.svelte-1dqdutr button.svelte-1dqdutr {
        max-width: var(--mpo-btn-continue-max-width-lg, 400px)
    }
}

.svelte-1dqdutr.svelte-1dqdutr::-ms-reveal {
    display: none
}

.themed--btn>.button-area.svelte-1dqdutr .btn.btn--continue.svelte-1dqdutr {
    background: transparent var(--mpo-reg-btn-continue) no-repeat scroll 50% 50%;
    background-size: 100% 100%;
    width: 258px;
    height: 66px;
    border: 0 none;
    clear: both;
    display: block;
    font-size: 0;
    line-height: 1000px;
    overflow: hidden;
    border-radius: 0;
    margin-top: 3px
}

.themed--btn>.button-area.svelte-1dqdutr>.btn.btn--continue.svelte-1dqdutr::after {
    display: none
}

.continue-styled-btn>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: var(--mpo-btn-continue-background, black);
    color: var(--mpo-btn-continue-color, #ffffff);
    border: var(--mpo-btn-continue-border-thickness, 1px) var(--mpo-btn-continue-border-type, solid) var(--mpo-btn-continue-border-color, #ffffff);
    border-radius: var(--mpo-btn-continue-border-radius, 40px);
    padding: 10px 0px;
    font-size: var(--mpo-btn-continue-font-size, 1.1em);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    line-height: unset
}

.continue-styled-btn>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr:focus {
    box-shadow: 0 0 3px 3px lightyellow;
    outline: none
}

.continue-styled-btn>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr::after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 20px;
    height: 20px;
    background: transparent var(--mpo-btn-continue-after-image, url("./images/themes/default/next.svg")) 0 0 no-repeat;
    background-size: contain;
    z-index: 2
}

.continue-styled-btn>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr &.disabled,
.continue-styled-btn>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr &[disabled] {
    cursor: wait;
    opacity: 0.5
}

@media screen and (min-width: 900px) {
    .themed--btn>.button-area.svelte-1dqdutr .btn.btn--continue.svelte-1dqdutr {
        height: 105px;
        width: 319px;
        background-size: contain
    }
}

.btn--skip.svelte-1dqdutr.svelte-1dqdutr,
.skip-styled-btn>.button-area.svelte-1dqdutr .btn.svelte-1dqdutr {
    border: 0 none;
    background: transparent;
    background: var(--mpo-reg-btn-skip-background);
    border-color: var(--mpo-reg-btn-skip-border-color);
    color: var(--mpo-reg-btn-skip-color);
    width: auto;
    padding: 6px 14px;
    font-size: 1em;
    line-height: 1;
    min-height: 2em;
    font-weight: normal;
    text-decoration: underline
}

.btn--skip.svelte-1dqdutr.svelte-1dqdutr::after {
    display: none
}

.svelte-1dqdutr.svelte-1dqdutr::-ms-reveal {
    display: none
}

.btn--exit.btn--exit-styled.svelte-1dqdutr.svelte-1dqdutr,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr {
    background: #ffffff;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 110%;
    border-radius: 0 50px 50px 0;
    align-items: center;
    margin-left: -40px;
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    font-family: Roboto Condensed, sans-serif;
    font-size: 5vw;
    border: unset
}

.btn--exit.btn--exit-styled.svelte-1dqdutr img,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr img {
    margin-left: 25px;
    height: 50px
}

.btn--exit.btn--exit-styled.svelte-1dqdutr>div:first-of-type,
.btn--exit.btn--exit-styled.svelte-1dqdutr .text-holder,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr>div:first-of-type,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr .text-holder {
    padding: 5px 0 0 10px;
    text-align: left;
    margin-top: -7px;
    width: 61.5%
}

.btn--exit.btn--exit-styled.svelte-1dqdutr>div:first-of-type div:first-of-type,
.btn--exit.btn--exit-styled.svelte-1dqdutr .text-holder div:first-of-type,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr>div:first-of-type div:first-of-type,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr .text-holder div:first-of-type {
    font-weight: 900;
    line-height: 1.1em;
    color: #cb1621
}

.btn--exit.btn--exit-styled.svelte-1dqdutr>div:first-of-type div,
.btn--exit.btn--exit-styled.svelte-1dqdutr .text-holder div,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr>div:first-of-type div,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr .text-holder div {
    color: #707070;
    line-height: 1em
}

.btn--exit.btn--exit-styled.svelte-1dqdutr>div:last-of-type,
.btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr>div:last-of-type {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(#076bb7, #43aaf9);
    color: white;
    font-weight: 800;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 480px) {
    .btn--exit-styled>.button-area.svelte-1dqdutr>.btn.svelte-1dqdutr {
        font-size: 1.1em
    }
}

.svelte-13r6qb.svelte-13r6qb::-ms-reveal {
    display: none
}

.svelte-13r6qb.svelte-13r6qb::-ms-reveal {
    display: none
}

.button-area.svelte-13r6qb.svelte-13r6qb {
    text-align: center;
    margin-bottom: 10px
}

.button-area.svelte-13r6qb button.svelte-13r6qb {
    max-width: var(--mpo-btn-continue-max-width-sm, 400px)
}

.large-font>.button-area.svelte-13r6qb>.btn.svelte-13r6qb {
    padding: 6px 30px
}

.extra-large-font>.button-area.svelte-13r6qb>.btn.svelte-13r6qb {
    padding: 3px 30px
}

.btn.svelte-13r6qb.svelte-13r6qb {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: var(--mpo-btn-continue-background, black);
    color: var(--mpo-btn-continue-color, #ffffff);
    border: var(--mpo-btn-continue-border-thickness, 1px) var(--mpo-btn-continue-border-type, solid) var(--mpo-btn-continue-border-color, #ffffff);
    border-radius: var(--mpo-btn-continue-border-radius, 40px);
    padding: 10px 0px;
    font-size: var(--mpo-btn-continue-font-size, 1.1em);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    position: relative
}

.btn.svelte-13r6qb.svelte-13r6qb:focus {
    box-shadow: 0 0 3px 3px lightyellow;
    outline: none
}

.btn.svelte-13r6qb.svelte-13r6qb::after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 20px;
    height: 20px;
    background: transparent var(--mpo-btn-continue-after-image, url("./images/themes/default/next.svg")) 0 0 no-repeat;
    background-size: contain;
    z-index: 2
}

.btn.svelte-13r6qb &.disabled,
.btn.svelte-13r6qb &[disabled] {
    cursor: wait;
    opacity: 0.5
}

.button-area.svelte-13r6qb a {
    text-decoration: none
}

@media screen and (min-width: 900px) {
    .button-area.svelte-13r6qb button.svelte-13r6qb {
        max-width: var(--mpo-btn-continue-max-width-lg, 400px)
    }
}

.svelte-13r6qb.svelte-13r6qb::-ms-reveal {
    display: none
}

.themed--btn>.button-area.svelte-13r6qb .btn.btn--continue.svelte-13r6qb {
    background: transparent var(--mpo-reg-btn-continue) no-repeat scroll 50% 50%;
    background-size: 100% 100%;
    width: 258px;
    height: 66px;
    border: 0 none;
    clear: both;
    display: block;
    font-size: 0;
    line-height: 1000px;
    overflow: hidden;
    border-radius: 0;
    margin-top: 3px
}

.themed--btn>.button-area.svelte-13r6qb>.btn.btn--continue.svelte-13r6qb::after {
    display: none
}

.continue-styled-btn>.button-area.svelte-13r6qb>.btn.svelte-13r6qb {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: var(--mpo-btn-continue-background, black);
    color: var(--mpo-btn-continue-color, #ffffff);
    border: var(--mpo-btn-continue-border-thickness, 1px) var(--mpo-btn-continue-border-type, solid) var(--mpo-btn-continue-border-color, #ffffff);
    border-radius: var(--mpo-btn-continue-border-radius, 40px);
    padding: 10px 0px;
    font-size: var(--mpo-btn-continue-font-size, 1.1em);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    line-height: unset
}

.continue-styled-btn>.button-area.svelte-13r6qb>.btn.svelte-13r6qb:focus {
    box-shadow: 0 0 3px 3px lightyellow;
    outline: none
}

.continue-styled-btn>.button-area.svelte-13r6qb>.btn.svelte-13r6qb::after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 20px;
    height: 20px;
    background: transparent var(--mpo-btn-continue-after-image, url("./images/themes/default/next.svg")) 0 0 no-repeat;
    background-size: contain;
    z-index: 2
}

.continue-styled-btn>.button-area.svelte-13r6qb>.btn.svelte-13r6qb &.disabled,
.continue-styled-btn>.button-area.svelte-13r6qb>.btn.svelte-13r6qb &[disabled] {
    cursor: wait;
    opacity: 0.5
}

@media screen and (min-width: 900px) {
    .themed--btn>.button-area.svelte-13r6qb .btn.btn--continue.svelte-13r6qb {
        height: 105px;
        width: 319px;
        background-size: contain
    }
}

.btn--skip.svelte-13r6qb.svelte-13r6qb,
.skip-styled-btn>.button-area.svelte-13r6qb .btn.svelte-13r6qb {
    border: 0 none;
    background: transparent;
    background: var(--mpo-reg-btn-skip-background);
    border-color: var(--mpo-reg-btn-skip-border-color);
    color: var(--mpo-reg-btn-skip-color);
    width: auto;
    padding: 6px 14px;
    font-size: 1em;
    line-height: 1;
    min-height: 2em;
    font-weight: normal;
    text-decoration: underline
}

.btn--skip.svelte-13r6qb.svelte-13r6qb::after {
    display: none
}

.svelte-13r6qb.svelte-13r6qb::-ms-reveal {
    display: none
}

.btn--exit.btn--exit-styled.svelte-13r6qb.svelte-13r6qb,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb {
    background: #ffffff;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 110%;
    border-radius: 0 50px 50px 0;
    align-items: center;
    margin-left: -40px;
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    font-family: Roboto Condensed, sans-serif;
    font-size: 5vw;
    border: unset
}

.btn--exit.btn--exit-styled.svelte-13r6qb img,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb img {
    margin-left: 25px;
    height: 50px
}

.btn--exit.btn--exit-styled.svelte-13r6qb>div:first-of-type,
.btn--exit.btn--exit-styled.svelte-13r6qb .text-holder,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb>div:first-of-type,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb .text-holder {
    padding: 5px 0 0 10px;
    text-align: left;
    margin-top: -7px;
    width: 61.5%
}

.btn--exit.btn--exit-styled.svelte-13r6qb>div:first-of-type div:first-of-type,
.btn--exit.btn--exit-styled.svelte-13r6qb .text-holder div:first-of-type,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb>div:first-of-type div:first-of-type,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb .text-holder div:first-of-type {
    font-weight: 900;
    line-height: 1.1em;
    color: #cb1621
}

.btn--exit.btn--exit-styled.svelte-13r6qb>div:first-of-type div,
.btn--exit.btn--exit-styled.svelte-13r6qb .text-holder div,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb>div:first-of-type div,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb .text-holder div {
    color: #707070;
    line-height: 1em
}

.btn--exit.btn--exit-styled.svelte-13r6qb>div:last-of-type,
.btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb>div:last-of-type {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: linear-gradient(#076bb7, #43aaf9);
    color: white;
    font-weight: 800;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 480px) {
    .btn--exit-styled>.button-area.svelte-13r6qb>.btn.svelte-13r6qb {
        font-size: 1.1em
    }
}

.note-wrap.svelte-13r6qb.svelte-13r6qb {
    padding-top: 0.25rem
}

.carousel-container.svelte-13woauo.svelte-13woauo.svelte-13woauo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
    font-family: Montserrat, sans-serif
}

.carousel-container.svelte-13woauo .background.svelte-13woauo.svelte-13woauo {
    position: absolute;
    width: 105%;
    object-fit: cover;
    height: 100%;
    opacity: 0
}

.carousel-container.svelte-13woauo .background.animated.svelte-13woauo.svelte-13woauo {
    opacity: 1;
    animation: svelte-13woauo-bounceInDown 1.5s ease both
}

.carousel-container.svelte-13woauo .title.svelte-13woauo.svelte-13woauo {
    font-size: 13vw;
    font-weight: 900;
    color: white;
    text-align: center;
    line-height: 0.985em;
    letter-spacing: -1px;
    text-shadow: 0 0 15px black;
    z-index: 1
}

.carousel-container.svelte-13woauo .message-box.svelte-13woauo.svelte-13woauo {
    box-shadow: 0 0 10px black;
    min-height: 3.9em;
    width: 90%;
    margin-top: 20px;
    border-radius: 15px;
    font-size: 4.5vw;
    font-weight: 900;
    background-color: white;
    color: #f46767;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    z-index: 1
}

.carousel-container.svelte-13woauo .tool-tip-pointer.svelte-13woauo.svelte-13woauo {
    min-width: 0;
    min-height: 0;
    border: 10px solid;
    border-color: transparent transparent white white;
    box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.5);
    transform-origin: 0 0;
    transform: rotate(-45deg) translate(0, -1px);
    z-index: 1
}

.carousel-container.svelte-13woauo .carousel-slider.svelte-13woauo.svelte-13woauo {
    display: inline-flex;
    margin: 10px 0px;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.2, 0.05, 0.01, 0.5);
    animation-duration: 25s;
    z-index: 1
}

.carousel-container.svelte-13woauo .carousel-slider.svelte-13woauo>img.svelte-13woauo {
    min-width: 6rem;
    margin: 0 10px;
    border-radius: 15px;
    border: 1px solid white;
    background-color: gray
}

.carousel-container.svelte-13woauo .carousel-slider.animated.svelte-13woauo.svelte-13woauo {
    animation-name: svelte-13woauo-sliding
}

.fade-in.svelte-13woauo.svelte-13woauo.svelte-13woauo {
    animation: svelte-13woauo-fadeIn 1s ease-in forwards
}

@media screen and (min-width: 480px) {
    .carousel-container.svelte-13woauo.svelte-13woauo.svelte-13woauo {
        overflow: hidden
    }

    .carousel-container.svelte-13woauo .title.svelte-13woauo.svelte-13woauo {
        font-size: 3rem
    }

    .carousel-container.svelte-13woauo .message-box.svelte-13woauo.svelte-13woauo {
        font-size: 1rem
    }
}

@keyframes svelte-13woauo-sliding {
    0% {
        transform: translate3d(0, 0, 0)
    }

    100% {
        transform: translate3d(-43%, 0, 0)
    }
}

@keyframes svelte-13woauo-bounceInDown {

    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: ease-out
    }

    0% {
        transform: translate3d(0%, -3000px, 0)
    }

    60% {
        transform: translate3d(0%, 50px, 0)
    }

    70% {
        transform: translate3d(0%, -75px, 0)
    }

    75% {
        transform: translate3d(0%, 25px, 0)
    }

    90% {
        transform: translate3d(0%, -15px, 0)
    }

    to {
        transform: translate3d(0%, 0, 0)
    }
}

@keyframes svelte-13woauo-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.checkbox-area.svelte-ucrnt8.svelte-ucrnt8 {
    display: flex;
    padding: 8px 0
}

.note-wrap.svelte-ucrnt8.svelte-ucrnt8 {
    padding-top: 0.25rem
}

.status .checkbox-area {
    align-self: center;
    min-width: 290px;
    max-width: 420px;
    margin: 0 20px
}

label.svelte-ucrnt8.svelte-ucrnt8 {
    font-size: 12px;
    line-height: 1.3;
    position: relative;
    text-align: left
}

label.svelte-ucrnt8 a {
    color: inherit;
    text-decoration: underline
}

input.svelte-ucrnt8.svelte-ucrnt8 {
    margin: 0 5px 0 0
}

.checkbox-area.svelte-ucrnt8 .checkbox--remember,
.checkbox-area.svelte-ucrnt8 .checkbox--remembered {
    font-size: 15px;
    font-weight: bold;
    margin-left: 6px
}

.logo-grid .checkbox.svelte-ucrnt8.svelte-ucrnt8 {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 5px;
    margin-left: -10px;
    margin-right: -10px
}

.logo-grid .checkbox.svelte-ucrnt8 input.svelte-ucrnt8 {
    margin: 0;
    height: 15px;
    align-self: center;
    justify-self: center
}

.logo-grid .checkbox.svelte-ucrnt8 .text-wrapper.svelte-ucrnt8 {
    grid-column: 2/4;
    margin: 5px 0
}

.slider-type label.svelte-ucrnt8.svelte-ucrnt8 {
    position: relative;
    padding-left: 55px
}

.slider-type input.svelte-ucrnt8.svelte-ucrnt8 {
    opacity: 0;
    width: 0;
    height: 0
}

.slider-type .slider.svelte-ucrnt8.svelte-ucrnt8 {
    padding: 14px 25.5px;
    border: 1px solid gray;
    background-color: #636565;
    transition: 0.4s;
    border-radius: 50px;
    position: absolute;
    left: 0;
    top: -6px
}

.slider-type .slider.svelte-ucrnt8.svelte-ucrnt8::after {
    content: "";
    padding: 11.5px;
    border: 1px solid gray;
    box-shadow: 0 0 1px #2196F3;
    background: #fff;
    border-radius: 50px;
    position: absolute;
    left: 2px;
    top: 1px
}

.slider-type input:checked+.slider.svelte-ucrnt8.svelte-ucrnt8 {
    background: #80AD1A
}

.slider-type input:checked+.slider.svelte-ucrnt8.svelte-ucrnt8::after {
    left: 24px
}

@media screen and (min-width: 900px) {
    .status .checkbox-area {
        min-width: 420px;
        max-width: unset
    }

    .slider-type .slider.svelte-ucrnt8.svelte-ucrnt8 {
        padding: 11px 25px;
        left: 0;
        top: -3px
    }

    .slider-type .slider.svelte-ucrnt8.svelte-ucrnt8::after {
        padding: 9px;
        left: 2px;
        top: 1px
    }

    .slider-type input:checked+.slider.svelte-ucrnt8.svelte-ucrnt8::after {
        left: 26px
    }
}

.show-city.svelte-1jyzjhu h2.svelte-1jyzjhu {
    color: white;
    font-weight: bold;
    font-size: 25px;
    font-family: Arial Narrow, Helvetica, sans-serif;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin: 1px
}

.show-city.svelte-1jyzjhu p.svelte-1jyzjhu {
    color: white;
    font-size: 12px;
    font-style: italic;
    float: right
}

.show-city.svelte-1jyzjhu.svelte-1jyzjhu::after {
    content: " ";
    display: block;
    clear: both
}

.focusanchor.svelte-1jyzjhu.svelte-1jyzjhu,
.focusanchor.svelte-1jyzjhu.svelte-1jyzjhu:hover {
    text-decoration: none;
    color: inherit;
    font-weight: normal;
    font-size: inherit
}

.change.svelte-1jyzjhu.svelte-1jyzjhu {
    font-size: 10px;
    padding: 2px 7px;
    border-radius: 12px;
    margin: 5px;
    background-color: silver;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 2px 0px;
    float: right;
    text-decoration: none;
    line-height: 1.8
}

.update.svelte-1jyzjhu.svelte-1jyzjhu {
    position: absolute;
    right: 5px;
    top: 25px;
    font-size: 12px;
    font-weight: 600;
    padding: 15px 10px;
    border-radius: 10px;
    border: 1px solid black;
    background-color: silver;
    color: black
}

div.svelte-1jyzjhu.svelte-1jyzjhu {
    width: 100%
}

aside.svelte-1jyzjhu.svelte-1jyzjhu {
    padding: 0;
    padding-bottom: 1.5em;
    margin-bottom: 10px;
    position: relative
}

.city-change.svelte-1jyzjhu.svelte-1jyzjhu {
    display: flex;
    flex-direction: column;
    color: white;
    font-size: 16px;
    font-weight: 500
}

.strike-through.svelte-1jyzjhu.svelte-1jyzjhu {
    text-decoration: line-through
}

.update-zip.svelte-1jyzjhu.svelte-1jyzjhu {
    position: relative
}

.svelte-4ta8ji.svelte-4ta8ji::-ms-reveal {
    display: none
}

.cityanim.svelte-4ta8ji.svelte-4ta8ji {
    display: inline-block;
    width: 100%
}

.zipcontainer.svelte-4ta8ji.svelte-4ta8ji,
.statezip--withstate.svelte-4ta8ji .zipcontainer.svelte-4ta8ji {
    width: 100%
}

.cityanim[aria-hidden=true].svelte-4ta8ji.svelte-4ta8ji,
.statezip[aria-hidden=true].svelte-4ta8ji.svelte-4ta8ji {
    position: absolute !important;
    pointer-events: none !important;
    left: -9999px
}

.cityanim[aria-hidden=true].svelte-4ta8ji.svelte-4ta8ji:focus,
.cityanim[aria-hidden=true].svelte-4ta8ji.svelte-4ta8ji:focus-within,
.statezip[aria-hidden=true].svelte-4ta8ji.svelte-4ta8ji:focus,
.statezip[aria-hidden=true].svelte-4ta8ji.svelte-4ta8ji:focus-within {
    visibility: hidden
}

@media screen and (min-width: 900px) {
    .statezip.svelte-4ta8ji.svelte-4ta8ji {
        display: flex
    }

    .stateanim.svelte-4ta8ji.svelte-4ta8ji {
        margin-right: 10px;
        flex-grow: 2
    }

    .cityanim.svelte-4ta8ji.svelte-4ta8ji {
        width: calc(100% - 6em - 10px)
    }

    .zipcontainer.svelte-4ta8ji.svelte-4ta8ji,
    .statezip--withstate.svelte-4ta8ji .zipcontainer.svelte-4ta8ji {
        width: 6em
    }
}

.svelte-1akecrg.svelte-1akecrg::-ms-reveal {
    display: none
}

.formgroup.svelte-1akecrg.svelte-1akecrg {
    position: relative
}

.formgroup.svelte-1akecrg .inputgroup.svelte-1akecrg .formgroup {
    margin: 0
}

.forminput.svelte-1akecrg.svelte-1akecrg {
    position: relative
}

.inputgroup.svelte-1akecrg.svelte-1akecrg {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 10px
}

.notes.svelte-1akecrg.svelte-1akecrg {
    text-align: left;
    font-size: small;
    font-weight: 400;
    color: var(--mpo-reg-label-color-sm);
    text-wrap: wrap
}

.dob-error.svelte-1akecrg.svelte-1akecrg {
    clear: both;
    width: 100%;
    min-height: 2.75em;
    overflow: hidden
}

.formgroup.svelte-1akecrg .msg-container {
    position: relative;
    padding-right: 25px;
    display: inline-block
}

.inputgroup.svelte-1akecrg .msg-container {
    display: none
}

.inputgroup.svelte-1akecrg label {
    display: none
}

.formgroup.svelte-1akecrg .error-icon {
    right: 0;
    top: 7px
}

.formgroup--error.svelte-1akecrg input,
.formgroup--error.svelte-1akecrg select {
    box-shadow: 0 0 0 30px var(--mpo-input-autofill-bg-color, transparent) inset, 0px 0px 0px 2px #f00;
    color: #f00
}

.mainlabel.svelte-1akecrg.svelte-1akecrg {
    font-weight: bold;
    color: var(--mpo-reg-label-color-sm);
    padding: 0 0 0.15em;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    text-indent: 4px;
    white-space: nowrap;
    display: block
}

@media screen and (min-width: 900px) {
    .mainlabel.svelte-1akecrg.svelte-1akecrg {
        font-size: 15px;
        color: var(--mpo-reg-label-color-lg)
    }
}

@media screen and (min-width: 900px) {
    .notes.svelte-1akecrg.svelte-1akecrg {
        color: var(--mpo-reg-label-color-lg)
    }

    .dob-error.svelte-1akecrg.svelte-1akecrg {
        min-height: 0;
        line-height: 0
    }

    .formgroup--error.svelte-1akecrg .dob-error.svelte-1akecrg {
        min-height: 25px;
        line-height: 1
    }

    .inputgroup.svelte-1akecrg .formgroup>label {
        display: none
    }
}

.clock.svelte-p0bhlj.svelte-p0bhlj {
    color: var(--mpo-reg-dhms-color-sm, #6c6);
    text-align: center;
    display: inline-block
}

.header.svelte-p0bhlj.svelte-p0bhlj,
.footer.svelte-p0bhlj.svelte-p0bhlj {
    font-size: 13px;
    margin: 0
}

.countdown.svelte-p0bhlj.svelte-p0bhlj {
    display: flex;
    justify-content: space-around;
    font-size: 32px;
    line-height: 1
}

.countdown.svelte-p0bhlj .digits.svelte-p0bhlj,
.countdown.svelte-p0bhlj .digit.svelte-p0bhlj {
    display: inline-block
}

.days.svelte-p0bhlj.svelte-p0bhlj::after,
.hrs.svelte-p0bhlj.svelte-p0bhlj::after,
.mins.svelte-p0bhlj.svelte-p0bhlj::after,
.secs.svelte-p0bhlj.svelte-p0bhlj::after {
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    color: var(--mpo-reg-dhms-label-color-sm, #fff)
}

.days.svelte-p0bhlj.svelte-p0bhlj::after {
    content: "Days"
}

.hrs.svelte-p0bhlj.svelte-p0bhlj::after {
    content: "Hours"
}

.mins.svelte-p0bhlj.svelte-p0bhlj::after {
    content: "Minutes"
}

.secs.svelte-p0bhlj.svelte-p0bhlj::after {
    content: "Seconds"
}

@media screen and (min-width: 900px) {
    .clock.svelte-p0bhlj.svelte-p0bhlj {
        color: var(--mpo-reg-dhms-color-lg, #6c6)
    }

    .days.svelte-p0bhlj.svelte-p0bhlj::after,
    .hrs.svelte-p0bhlj.svelte-p0bhlj::after,
    .mins.svelte-p0bhlj.svelte-p0bhlj::after,
    .secs.svelte-p0bhlj.svelte-p0bhlj::after {
        color: var(--mpo-reg-dhms-label-color-lg, #fff)
    }
}

.bar.svelte-1ntizj1.svelte-1ntizj1 {
    margin: 5px 0
}

.bar.svelte-1ntizj1 .barbody.svelte-1ntizj1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    z-index: 1
}

.bar.svelte-1ntizj1 .barbody.svelte-1ntizj1::after {
    content: "";
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #515253 10%, #48494a 18%, rgb(11, 10, 20) 54%)
}

.bar.svelte-1ntizj1 .message.svelte-1ntizj1 {
    margin-bottom: -5px;
    line-height: 35px;
    font-size: 25px;
    font-weight: 600;
    font-family: Source Sans Pro, sans-serif;
    font-style: italic;
    color: var(--mpo-reg-countdown-color-sm, #29ff60);
    text-align: left
}

.numbers.svelte-1ntizj1.svelte-1ntizj1 {
    text-align: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 10px
}

.numbers.svelte-1ntizj1 .digit {
    background-image: url("./images/Counter_box.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 60px;
    padding: 0;
    margin: -11px;
    line-height: 50px;
    color: var(--mpo-reg-countdown-numbers-color-sm, var(--mpo-reg-countdown-color-sm, #29ff60));
    font-size: 48px;
    font-weight: bold
}

.messages.svelte-1ntizj1 .digit {
    color: var(--mpo-reg-countdown-color-sm, #29ff60)
}

.numbers.svelte-1ntizj1 .digits::after {
    display: none
}

.numbers.svelte-1ntizj1 .sep {
    display: none
}

.bar.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit--pad {
    display: none
}

.bar--dhms.svelte-1ntizj1 .message.svelte-1ntizj1 .digit {
    color: var(--mpo-reg-dhms-color-sm, #29ff60)
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit {
    color: var(--mpo-reg-dhms-numbers-color-sm, var(--mpo-reg-dhms-color-sm, #29ff60))
}

.bar--dhms.svelte-1ntizj1.svelte-1ntizj1 {
    margin-top: 15px
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 {
    margin-left: 5px;
    margin-right: 5px
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .clock {
    margin: auto;
    width: 100%
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits {
    margin: 0 5px;
    position: relative;
    flex-basis: 108px
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits::before {
    position: absolute;
    top: 0;
    left: 2px;
    content: " ";
    width: 100%;
    height: calc(100% - 11px)
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits::after {
    display: block;
    font-style: italic;
    font-size: 11px;
    position: relative;
    top: 3px;
    z-index: 2
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit {
    max-width: 54px;
    width: 50%;
    font-size: 38px;
    line-height: 47px;
    -webkit-text-stroke: 1px #0f0000;
    -moz-text-stroke: 1px #0f0000;
    -ms-text-stroke: 1px #0f0000;
    text-stroke: 1px #0f0000;
    position: relative;
    z-index: 2;
    background-image: url("./images/Counter_box.lg.png");
    background-size: 100% 100%;
    margin: 0;
    color: var(--mpo-reg-dhms-numbers-color-sm, var(--mpo-reg-dhms-color-sm, #29ff60))
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit--pad {
    display: inline-block
}

.bar--dhms.svelte-1ntizj1 .barbody.svelte-1ntizj1 {
    display: block
}

.bar--dhms.svelte-1ntizj1 .barbody.svelte-1ntizj1::after {
    display: none
}

.bar--dhms.svelte-1ntizj1 .message.svelte-1ntizj1 {
    text-align: center
}

.bar--dhms.svelte-1ntizj1 .message--header.svelte-1ntizj1 {
    display: none
}

.bar--dhms.version-2.svelte-1ntizj1.svelte-1ntizj1 {
    padding: 10px 0;
    background: none;
    margin: 5px auto
}

.bar--dhms.version-2.svelte-1ntizj1 .barbody.svelte-1ntizj1 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.bar--dhms.version-2.svelte-1ntizj1 .barbody .message.svelte-1ntizj1 {
    font-family: Montserrat, sans-serif
}

.bar--dhms.version-2.svelte-1ntizj1 .barbody .message--header.svelte-1ntizj1 {
    display: block;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-size: min(18px, 3.5vw)
}

.bar--dhms.version-2.svelte-1ntizj1 .barbody .message--header.svelte-1ntizj1::after,
.bar--dhms.version-2.svelte-1ntizj1 .barbody .message--header.svelte-1ntizj1::before {
    content: "";
    width: 100px;
    padding: 1px 12px;
    background: var(--mpo-reg-dhms-background-mix-sm, #000000);
    position: absolute;
    top: 50%;
    z-index: 1
}

.bar--dhms.version-2.svelte-1ntizj1 .barbody .message--header.svelte-1ntizj1::after {
    right: -7rem
}

.bar--dhms.version-2.svelte-1ntizj1 .barbody .message--header.svelte-1ntizj1::before {
    left: -7rem
}

.bar--dhms.version-2.svelte-1ntizj1 .numbers.svelte-1ntizj1 {
    background: transparent;
    padding: 10px;
    width: 98%
}

.bar--dhms.version-2.svelte-1ntizj1 .numbers.svelte-1ntizj1 .clock {
    margin: auto;
    width: 100%
}

.bar--dhms.version-2.svelte-1ntizj1 .message.svelte-1ntizj1 {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    font-style: unset;
    font-weight: 600;
    font-size: min(18px, 3.5vw)
}

.bar--dhms.version-2.svelte-1ntizj1 .message.svelte-1ntizj1 sup {
    font-size: 10px
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 {
    margin-left: 5px;
    margin-right: 5px
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .clock {
    margin: auto;
    width: 100%
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits {
    margin: 0 5px;
    position: relative;
    flex-basis: 108px
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits::before {
    position: absolute;
    top: 0;
    left: 2px;
    content: " ";
    width: 100%;
    height: calc(100% - 11px)
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits::after {
    display: block;
    font-style: italic;
    font-size: 11px;
    position: relative;
    top: 3px;
    z-index: 2
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit {
    max-width: 54px;
    width: 50%;
    font-size: 38px;
    line-height: 47px;
    -webkit-text-stroke: 1px #0f0000;
    -moz-text-stroke: 1px #0f0000;
    -ms-text-stroke: 1px #0f0000;
    text-stroke: 1px #0f0000;
    position: relative;
    z-index: 2;
    background-image: url("./images/Counter_box.lg.png");
    background-size: 100% 100%;
    margin: 0;
    color: var(--mpo-reg-dhms-numbers-color-sm, var(--mpo-reg-dhms-color-sm, #29ff60))
}

.bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit--pad {
    display: inline-block
}

.bar--dhms.svelte-1ntizj1 .barbody.svelte-1ntizj1 {
    display: block
}

.bar--dhms.svelte-1ntizj1 .barbody.svelte-1ntizj1::after {
    display: none
}

.bar--dhms.svelte-1ntizj1 .message.svelte-1ntizj1 {
    text-align: center;
    color: var(--mpo-reg-dhms-color-sm, #29ff60)
}

.bar--dhms.svelte-1ntizj1 .message--header.svelte-1ntizj1 {
    display: none
}

.bar--days.version-2.svelte-1ntizj1 .barbody.svelte-1ntizj1 {
    font-family: Montserrat, sans-serif
}

.bar--days.version-2.svelte-1ntizj1 .barbody .numbers.svelte-1ntizj1 {
    margin-right: 15px
}

.bar--days.version-2.svelte-1ntizj1 .barbody .message.svelte-1ntizj1 {
    text-transform: uppercase;
    font-style: unset;
    font-family: Montserrat, sans-serif
}

.bar--days.version-2.svelte-1ntizj1 .barbody .message.message--footer.last.svelte-1ntizj1 {
    display: flex
}

.bar--days.version-2.svelte-1ntizj1 .barbody .message .description.svelte-1ntizj1 {
    margin-top: -15px;
    font-size: 14px;
    font-weight: 600
}

.bar--days.version-2.svelte-1ntizj1 .barbody .message .description.last.svelte-1ntizj1 {
    text-align: center
}

.bar--days.version-2.svelte-1ntizj1 .barbody .message .description.svelte-1ntizj1 sup {
    font-size: 10px
}

@media screen and (min-width: 900px) {
    .bar--dhms.version-2.svelte-1ntizj1.svelte-1ntizj1 {
        min-width: 540px;
        padding-top: 2px
    }

    .bar--dhms.version-2.svelte-1ntizj1 .numbers.svelte-1ntizj1 {
        padding: 10px 60px;
        width: unset;
        background: transparent
    }

    .bar--dhms.version-2.svelte-1ntizj1 .numbers.svelte-1ntizj1 .clock {
        margin: auto
    }

    .bar--dhms.version-2.svelte-1ntizj1 .barbody .message--header.svelte-1ntizj1::after,
    .bar--dhms.version-2.svelte-1ntizj1 .barbody .message--header.svelte-1ntizj1::before {
        background: var(--mpo-reg-dhms-background-mix-lg, #000000)
    }

    .bar--dhms.svelte-1ntizj1.svelte-1ntizj1 {
        margin-top: 5px;
        padding: 10px 0;
        background: transparent
    }

    .bar--dhms.svelte-1ntizj1 .barbody.svelte-1ntizj1 {
        display: flex
    }

    .bar--dhms.svelte-1ntizj1 .message--header.svelte-1ntizj1 {
        display: block
    }

    .bar--dhms.svelte-1ntizj1 .barbody .message.svelte-1ntizj1 {
        text-align: left
    }

    .bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit {
        background-image: url("./images/Counter_box.png");
        background-size: 100%;
        max-width: unset;
        width: 68px;
        line-height: 58px;
        font-size: 46px;
        margin: -11px -11px -2px
    }

    .bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits::after {
        font-size: 13px
    }

    .bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digits::before {
        left: 6px;
        width: 80px;
        height: 39px
    }

    .bar.svelte-1ntizj1 .message.svelte-1ntizj1 {
        color: var(--mpo-reg-countdown-color-lg, #29ff60)
    }

    .numbers.svelte-1ntizj1 .digit {
        color: var(--mpo-reg-countdown-numbers-color-lg, var(--mpo-reg-countdown-color-lg, #29ff60))
    }

    .bar--dhms.svelte-1ntizj1 .message.svelte-1ntizj1 {
        color: var(--mpo-reg-dhms-color-lg, #29ff60)
    }

    .bar--dhms.svelte-1ntizj1 .numbers.svelte-1ntizj1 .digit {
        color: var(--mpo-reg-dhms-numbers-color-lg, var(--mpo-reg-dhms-color-lg, #29ff60))
    }
}

.exit.svelte-1okrh11.svelte-1okrh11 {
    background-color: #ffffff;
    position: relative;
    margin: 10px 5px;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    height: 75px;
    border-radius: 0 50px 50px 0;
    align-items: center;
    margin-left: -40px;
    text-decoration: none;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    font-family: Roboto Condensed, sans-serif;
    font-size: 5vw
}

.image-holder.svelte-1okrh11.svelte-1okrh11 {
    margin-left: 25px
}

.image-holder.svelte-1okrh11 img.svelte-1okrh11 {
    height: 50px
}

.text-holder.svelte-1okrh11.svelte-1okrh11 {
    padding-left: 10px
}

.text-holder.svelte-1okrh11 .title.svelte-1okrh11 {
    font-weight: 900;
    line-height: 1.1em;
    color: #cb1621
}

.text-holder.svelte-1okrh11 div.svelte-1okrh11 {
    color: #707070;
    line-height: 1em
}

.button-holder.svelte-1okrh11.svelte-1okrh11 {
    position: absolute;
    right: 5px;
    top: 4px;
    background-image: linear-gradient(#076bb7, #43aaf9);
    color: white;
    font-weight: 800;
    border-radius: 50%;
    height: 65px;
    width: 65px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 480px) {
    .exit.svelte-1okrh11.svelte-1okrh11 {
        font-size: 1.1em
    }
}

.fluent-wrapper.svelte-1qe8ztv {
    width: 100%
}

#af-placement.svelte-1qe8ztv {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative
}

@media screen and (min-width: 900px) {
    ".comp.comp-gender" {
        width: 10vw;
        margin-right: 10px
    }

    .gender.svelte-7inlsj {
        width: 4.4rem
    }
}

.group-grid-2-column>.group-render-area.svelte-ko1dsl {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 0 5px;
    justify-content: center;
    margin: 0 auto;
    z-index: 5
}

.group-grid-3-column>.group-render-area.svelte-ko1dsl {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 0 5px;
    justify-content: center;
    margin: 0 auto;
    z-index: 5
}

@media screen and (max-width: 899px) {
    .gridm>.group-render-area.svelte-ko1dsl {
        display: flex;
        flex-direction: row;
        align-items: flex-start
    }

    .gridm>.group-render-area.svelte-ko1dsl>* {
        flex-grow: 1
    }

    .sm-only-grid-2-column>.group-render-area.svelte-ko1dsl {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 0 5px;
        justify-content: center;
        margin: 0 auto;
        z-index: 5
    }

    .sm-only-grid-2-column-center>.group-render-area.svelte-ko1dsl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .sm-only-grid-2-column-center>.group-render-area.svelte-ko1dsl>* {
        flex: 0 0 48%
    }

    .sm-only-grid-3-column>.group-render-area.svelte-ko1dsl {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 0 5px;
        justify-content: center;
        margin: 0 auto;
        z-index: 5
    }
}

@media screen and (min-width: 900px) {
    .gridl>.group-render-area.svelte-ko1dsl {
        display: flex;
        flex-direction: row;
        align-items: flex-start
    }

    .gridl>.group-render-area.svelte-ko1dsl>* {
        flex-grow: 1
    }

    .lg-only-grid-2-column>.group-render-area.svelte-ko1dsl {
        display: grid;
        grid-template-columns: repeat(2, auto);
        gap: 0 5px;
        justify-content: center;
        margin: 0 auto;
        z-index: 5
    }

    .lg-only-grid-2-column-center>.group-render-area.svelte-ko1dsl {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .lg-only-grid-2-column-center>.group-render-area.svelte-ko1dsl>* {
        flex: 0 0 48%
    }

    .lg-only-grid-3-column>.group-render-area.svelte-ko1dsl {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 0 5px;
        justify-content: center;
        margin: 0 auto;
        z-index: 5
    }

    .lg-only-grid-3-column-wide-gap>.group-render-area.svelte-ko1dsl {
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 0 5px;
        justify-content: center;
        margin: 0 auto;
        z-index: 5;
        gap: 0 65px
    }
}

.solid-border {
    border-width: 2px;
    border-style: solid;
    overflow: hidden
}

.dashed-border {
    border-width: 2px;
    border-style: dashed;
    overflow: hidden
}

.double-border {
    border-width: 10px;
    border-style: double;
    overflow: hidden
}

.solid-inner-border>.group-render-area {
    border-width: 2px;
    border-style: solid;
    overflow: hidden
}

.dashed-inner-border>.group-render-area {
    border-width: 2px;
    border-style: dashed;
    overflow: hidden
}

.double-inner-border>.group-render-area {
    border-width: 10px;
    border-style: double;
    overflow: hidden
}

.rounded-corners {
    border-radius: 20px;
    overflow: hidden
}

.bottom-of-group {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    margin: auto
}

.top-of-group {
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
    margin: auto
}

.group-stretch {
    margin-left: -12px;
    margin-right: -12px
}

.box-shadow {
    box-shadow: 7px 5px 2px rgba(0, 0, 0, 0.6);
    margin: 10px;
    overflow: hidden
}

.colorize-group {
    --group-background-color: #fff;
    background-color: var(--group-background-color)
}

.colorize-text {
    --group-text-color: #000;
    color: var(--group-text-color) !important
}

.colorize-border {
    --group-border-color: #939598;
    border-color: var(--group-border-color);
    border-width: thick
}

.group-render-area.svelte-ko1dsl {
    position: relative
}

.group-render-area.svelte-ko1dsl .image-container.group-background,
.group-render-area.svelte-ko1dsl .group-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    z-index: -1
}

.background>img {
    margin: 0
}

.group-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0
}

.group-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0
}

.group-fit {
    margin: 1px auto;
    width: 95% !important
}

.header-styled {
    --header-background-color: transparent;
    --header-primary-text-color: #fff;
    --header-secondary-text-color: #fff;
    background-color: var(--header-background-color);
    margin: 0 -5px 8px;
    padding: 3px
}

.header-styled>.svelte-ko1dsl::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -25px;
    border: 15px solid transparent;
    border-top: 10px solid var(--header-background-color)
}

.header-styled .primary-color .text {
    color: var(--header-primary-text-color)
}

.header-styled .secondary-color .text {
    color: var(--header-secondary-text-color)
}

.group-game-over-screen>.group-render-area {
    margin-top: 70px;
    border-radius: 20px;
    border-width: 3px;
    border-style: solid;
    background: var(--mpo-reg-form-bg-lg)
}

.group-game-over-screen .medallion {
    min-height: 50px
}

.group-game-over-screen .medallion img {
    max-height: 100px;
    width: auto;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: -60px;
    z-index: 10
}

.treasure-box {
    background: linear-gradient(to bottom, #fcf39f 0%, #fcf39f 25%, #99863f 50%, #553a0a 51%, #fcf3a0 70%, #d59d15 80%, #f9ef93 100%);
    padding: 3px;
    border-radius: 8px
}

.treasure-box>.group-render-area {
    min-height: 240px;
    background: #041740;
    padding: 1em;
    border-radius: 6px
}

@media screen and (max-width: 899px) {
    .sm-only-group-stretch {
        margin-left: -12px;
        margin-right: -12px
    }

    .group-game-over-screen>.group-render-area {
        background: var(--mpo-reg-form-bg-sm)
    }
}

@media screen and (min-width: 900px) {
    .lg-only-group-stretch {
        margin-left: -25px;
        margin-right: -25px
    }
}

.error-screen>.group-render-area.svelte-ko1dsl {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    transform: translate(-50%, 0);
    left: 50%;
    padding: 110px 20px 20px;
    background: rgba(0, 0, 0, 0.5)
}

.error-screen>.group-render-area.svelte-ko1dsl::before {
    content: " ";
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    top: 30px;
    background: url("./images/rewards/error-icon.png") 0 0 no-repeat;
    background-size: contain
}

.loader.svelte-h650dl {
    font-size: 12px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: svelte-h650dl-load5 1.1s infinite ease;
    transform: scale(0.5) translate3d(-50%, -50%, 0);
    z-index: 2
}

@keyframes svelte-h650dl-load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7)
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5)
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2)
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2)
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2)
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2)
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2)
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff
    }
}

.loader {
    margin: auto
}

.image-container.svelte-1rsymyi.svelte-1rsymyi {
    display: block
}

.image-container.svelte-1rsymyi>video.svelte-1rsymyi {
    position: relative
}

.relative-position>.image-container.svelte-1rsymyi.svelte-1rsymyi {
    position: relative
}

.image-container.svelte-1rsymyi .superscript,
.superscript>.image-container.svelte-1rsymyi>.svelte-1rsymyi {
    margin-top: 0px
}

.image-container.svelte-1rsymyi .subscript,
.subscript>.image-container.svelte-1rsymyi>.svelte-1rsymyi {
    margin-bottom: 0px
}

img.svelte-1rsymyi.svelte-1rsymyi {
    margin: 8px 0px;
    align-self: center;
    max-width: 100%;
    height: auto
}

.interactive-image {
    cursor: pointer
}

.interactive-image:hover {
    transform: scale(1.01)
}

.interactive-image:active {
    transform: scale(.98)
}

.image-container.svelte-1rsymyi .loader {
    position: absolute;
    left: 50%;
    top: 50%
}

img.svelte-1bdtryt {
    max-width: 100%
}

.imagebox.svelte-1bdtryt {
    margin: 0 0 1em 0
}

.check.svelte-1bdtryt {
    pointer-events: none;
    visibility: hidden;
    position: absolute
}

.imagebox.svelte-1bdtryt .imagebox-style--coupon {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='white' stroke-width='8' stroke-dasharray='10%2c 20' stroke-dashoffset='13' stroke-linecap='square'/%3e%3c/svg%3e");
    padding: 4px;
    border-radius: 24px;
    display: inline-block;
    margin: auto
}

.imagebox.svelte-1bdtryt .imagebox-style--coupon .content {
    display: inline-block;
    background: white;
    border-radius: 24px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center
}

.imagebox.svelte-1bdtryt .imagebox-style--coupon .img img {
    width: 100%
}

.imagebox.svelte-1bdtryt .imagebox-style--coupon .text {
    padding: 0 10px 14px
}

.imagebox.svelte-1bdtryt .imagebox-style--coupon .title {
    color: #cb1621;
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: bold
}

.imagebox.svelte-1bdtryt .imagebox-style--coupon .body {
    color: black;
    margin: 0;
    font-size: 16px;
    line-height: 1.25
}

.imageslider-wrapper.svelte-1am1he1.svelte-1am1he1.svelte-1am1he1 {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0)
}

.imageslider-wrapper.svelte-1am1he1 .image-holder.svelte-1am1he1.svelte-1am1he1 {
    position: relative;
    width: 100vw;
    overflow: hidden;
    height: 125vw;
    max-height: 500px;
    min-height: 300px;
    max-width: 450px;
    margin: 0 auto;
    padding: 0
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .banner-image.svelte-1am1he1.svelte-1am1he1 {
    position: absolute;
    display: flex;
    justify-content: center;
    top: -1px;
    right: 0;
    left: 0;
    z-index: 10
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .banner-image.svelte-1am1he1>img.svelte-1am1he1 {
    max-width: 100%;
    height: auto
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .logo-image.svelte-1am1he1.svelte-1am1he1 {
    position: absolute;
    top: 25px;
    right: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .logo-image.svelte-1am1he1>img.svelte-1am1he1 {
    max-width: 100%;
    height: 35vw;
    min-height: 70px;
    max-height: 130px;
    object-fit: scale-down
}

.imageslider-wrapper.svelte-1am1he1 .image-holder.svelte-1am1he1>img.svelte-1am1he1 {
    max-width: 100%;
    height: auto;
    object-fit: scale-down;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 2
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .darken.svelte-1am1he1.svelte-1am1he1 {
    display: block !important
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .video-wrapper.svelte-1am1he1.svelte-1am1he1 {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 11
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .video-wrapper video.svelte-1am1he1.svelte-1am1he1 {
    max-width: 100%;
    height: auto;
    object-fit: scale-down;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .video-wrapper .close-button.svelte-1am1he1.svelte-1am1he1 {
    font-weight: 300;
    font-size: 0.7rem;
    color: #fff;
    position: relative;
    float: right;
    margin: 10px 15px;
    background: rgba(0, 0, 0, 0.6705882353);
    border: 0.2px solid #fff;
    padding: 3px 5px;
    border-radius: 5px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .slide-control.svelte-1am1he1.svelte-1am1he1 {
    position: absolute;
    z-index: 10;
    bottom: 50%;
    padding: 3%;
    background: rgba(15, 0, 0, 0.3411764706);
    border-radius: 5px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .slide-control.svelte-1am1he1>div.svelte-1am1he1 {
    border-top: 3.5px solid white;
    height: 7vw;
    max-height: 40px;
    width: 7vw;
    max-width: 40px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .slide-control.right-side.svelte-1am1he1.svelte-1am1he1 {
    right: 25px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .slide-control.right-side.svelte-1am1he1>div.svelte-1am1he1 {
    transform: rotate(45deg);
    border-right: 3.5px solid white;
    margin-left: -10px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .slide-control.left-side.svelte-1am1he1.svelte-1am1he1 {
    left: 25px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .slide-control.left-side.svelte-1am1he1>div.svelte-1am1he1 {
    transform: rotate(-45deg);
    border-left: 3.5px solid white;
    margin-right: -10px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .disclaimer-text.svelte-1am1he1.svelte-1am1he1 {
    position: absolute;
    z-index: 10;
    bottom: 15%;
    right: 0;
    left: 0;
    margin: 20px auto;
    text-align: center;
    font-size: 0.8rem;
    color: #fff
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .thumb-holder.svelte-1am1he1.svelte-1am1he1 {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto;
    bottom: 6%;
    right: 0;
    left: 0;
    z-index: 10;
    overflow-x: scroll;
    padding: 5px 10px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .thumb-holder.svelte-1am1he1.svelte-1am1he1::-webkit-scrollbar {
    display: none
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .thumb-holder .thumbs.svelte-1am1he1.svelte-1am1he1 {
    display: flex;
    margin: 0 auto
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .thumb-holder .thumbs.svelte-1am1he1>div.svelte-1am1he1 {
    box-shadow: 0 0 0 1px black;
    height: 50px;
    width: 42px;
    margin: 5px
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .thumb-holder .thumbs>div img.svelte-1am1he1.svelte-1am1he1 {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border: 1.5px solid white;
    opacity: 60%
}

.imageslider-wrapper.svelte-1am1he1 .image-holder .thumb-holder .thumbs .active.svelte-1am1he1>img.svelte-1am1he1 {
    border: 2.5px solid white;
    opacity: 100%
}

@media only screen and (min-device-width: 480px) and (max-device-width: 640px) and (orientation: landscape) {
    .imageslider-wrapper.svelte-1am1he1 .image-holder.svelte-1am1he1.svelte-1am1he1 {
        max-width: 400px
    }

    .imageslider-wrapper.svelte-1am1he1 .image-holder .thumb-holder.svelte-1am1he1.svelte-1am1he1 {
        width: 95%
    }
}

.lightbox-background.svelte-b966w6.svelte-b966w6 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 100%;
    display: flex;
    justify-content: center;
    z-index: 10;
    transform: translate3d(0, 0, 0)
}

.lightbox-background.hidden.svelte-b966w6.svelte-b966w6 {
    display: none
}

.lightbox-background.opaque.svelte-b966w6.svelte-b966w6 {
    background: rgba(0, 0, 0, var(--lightbox-backdrop-opacity))
}

.lightbox-background.fixed-background.svelte-b966w6.svelte-b966w6 {
    position: fixed
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 {
    background: var(--lightbox-background-color);
    margin-top: var(--lightbox-top-margin);
    color: var(--lightbox-text-color);
    padding: 10px 30px;
    width: 90%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 5px
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.rounded-corners.svelte-b966w6 {
    border-radius: 20px
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.rounded-top.svelte-b966w6 {
    border-radius: 20px 20px 0 0
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.rounded-bottom.svelte-b966w6 {
    border-radius: 0 0 20px 20px
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.full-screen.svelte-b966w6 {
    height: auto;
    width: 100%
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 label {
    color: var(--lightbox-text-color) !important
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 .error-msg {
    color: var(--lightbox-error-color) !important
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 .forminput input {
    min-height: 38px
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 .forminput .msg-container .error-icon,
.lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 .forminput .form-input-icon,
.lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 .forminput .form-input-icon--pass {
    top: 18px
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper .button-container.svelte-b966w6 {
    display: flex;
    justify-content: space-around;
    margin-top: 20px
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper .button-container.svelte-b966w6 .btn {
    min-width: 40vw
}

.lightbox-background.svelte-b966w6 .lightbox-wrapper .button-container.svelte-b966w6 .btn--skip {
    line-height: 2.5;
    text-decoration: none
}

@media only screen and (min-device-width: 480px) and (orientation: landscape) {
    .lightbox-background.svelte-b966w6 .lightbox-wrapper.svelte-b966w6 {
        width: 35%;
        min-width: 450px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 40px
    }

    .lightbox-background.svelte-b966w6 .lightbox-wrapper .button-container.svelte-b966w6 .btn {
        min-width: 280px;
        margin: 0 5px 0 5px
    }
}

div.svelte-dfp4st {
    width: 100%
}

nav .nav-links {
    flex-direction: row;
    flex-wrap: wrap;
    background: rgb(27, 27, 27);
    border-bottom: solid 1px rgb(73, 100, 147)
}

nav .nav-links li:not(:last-child)::after {
    content: " | ";
    color: #7b7b7b;
    font-size: 12px
}

main .nav-links {
    flex-direction: column
}

ul.svelte-dfp4st {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 2px 0px
}

li.svelte-dfp4st {
    margin: 0 5px;
    color: white;
    text-align: center
}

a.svelte-dfp4st {
    color: #7b7b7b;
    color: var(--mpo-reg-links-color-sm);
    font-size: 12px;
    margin-right: 5px;
    text-decoration: none
}

@media screen and (min-width: 900px) {
    #nav-render-area .nav-links {
        justify-content: flex-end
    }

    #status-render-area .nav-links {
        display: flex
    }

    #status-render-area .nav-links li {
        display: block
    }

    ul.svelte-dfp4st {
        padding: 2px 10px
    }

    a.svelte-dfp4st {
        color: var(--mpo-reg-links-color-lg)
    }
}

main .nav-links li a:link,
#status-render-area .nav-links li a:link {
    text-decoration: underline
}

@media screen and (min-width: 900px) {
    .title.svelte-1mgxc87 .forminput {
        text-align: left
    }

    .lname.svelte-1mgxc87 {
        margin-left: 5px
    }

    .fname.svelte-1mgxc87 {
        margin-right: 5px
    }

    .title.svelte-1mgxc87 {
        width: 4.37rem;
        margin-right: 10px
    }

    .name.svelte-1mgxc87 {
        display: flex
    }

    .title.svelte-1mgxc87 .forminput .msg-container .error-icon {
        right: auto;
        left: 6em
    }
}

.openingscreen.svelte-1wvfl66.svelte-1wvfl66 {
    position: relative;
    height: 120vh;
    animation: svelte-1wvfl66-opening_hack 1ms linear 5s forwards
}

.embedded .openingscreen.svelte-1wvfl66.svelte-1wvfl66 {
    height: unset
}

@keyframes svelte-1wvfl66-opening_hack {
    to {
        height: unset
    }
}

#confettiCanvas.svelte-1wvfl66.svelte-1wvfl66 {
    height: 100%;
    width: 100%
}

.animationWrapper.svelte-1wvfl66.svelte-1wvfl66 {
    position: absolute;
    top: 0;
    left: -30px;
    width: 100vw;
    height: 110vh
}

.embedded .animationWrapper.svelte-1wvfl66.svelte-1wvfl66 {
    height: 100%
}

.wrap-step1-welcome.svelte-1wvfl66.svelte-1wvfl66 {
    background: url("./images/paths/openingscreen/onB_welcome.png") no-repeat -4px center/contain;
    width: 313px;
    height: 106px;
    margin: auto;
    position: relative;
    z-index: 4;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    animation: animate__fadeIn 0.5s ease 0.5s, animate__slideInUp 1s ease-in-out 1s;
    animation-fill-mode: forwards, forwards
}

.wrap-step1-upgraded.svelte-1wvfl66.svelte-1wvfl66 {
    color: #f7d802;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-top: -7px;
    position: relative;
    z-index: 4;
    opacity: 0;
    animation: animate__fadeIn 1s ease-out 2.5s;
    animation-fill-mode: forwards
}

.wrap-step1-counter.svelte-1wvfl66.svelte-1wvfl66 {
    position: relative;
    z-index: 4;
    height: 149px;
    transform: translateY(15px);
    text-align: center
}

.wrap-step1-counter.svelte-1wvfl66 span.svelte-1wvfl66 {
    display: inline-block
}

.wrap-step1-counter-one.svelte-1wvfl66.svelte-1wvfl66 {
    background: url("./images/paths/openingscreen/onB_counterOne.png") no-repeat 0 0/contain;
    width: 88px;
    height: 149px;
    position: relative;
    transform: translate(52px) scale(0);
    animation: svelte-1wvfl66-opening_num1-part1 1s ease-out 2.5s, svelte-1wvfl66-opening_num1-part2 0.5s ease-out 3.9s;
    animation-fill-mode: forwards, forwards
}

@keyframes svelte-1wvfl66-opening_num1-part1 {
    from {
        transform: translate(52px) scale(0)
    }

    to {
        transform: translate(52px) scale(1)
    }
}

@keyframes svelte-1wvfl66-opening_num1-part2 {
    0% {
        transform: translate(52px) rotate(0deg)
    }

    80% {
        transform: translate(0px) rotate(-6deg)
    }

    100% {
        transform: translate(0) rotate(0deg)
    }
}

.wrap-step1-counter-cero.svelte-1wvfl66.svelte-1wvfl66 {
    width: 112px;
    height: 148px;
    position: relative
}

.wrap-step1-counter-cero-fill.svelte-1wvfl66.svelte-1wvfl66 {
    background: url("./images/paths/openingscreen/onB_counterCero2.png") no-repeat 0 bottom/contain;
    position: absolute;
    left: 0;
    width: 112px;
    height: 147px;
    transform: translate3d(100vw, 0, 0);
    animation: svelte-1wvfl66-opening_num2 0.5s ease-out 3.5s;
    animation-fill-mode: forwards
}

@keyframes svelte-1wvfl66-opening_num2 {
    0% {
        transform: translate3d(200%, 0, 0) rotate(6deg)
    }

    80% {
        transform: translate3d(0, 0, 0) rotate(-6deg)
    }

    100% {
        transform: translate3d(0, 0, 0) rotate(0deg)
    }
}

.wrap-step1-counter.svelte-1wvfl66 .upgrade-label.svelte-1wvfl66 {
    background: url("./images/paths/openingscreen/onB_entryUpdgrade.png") no-repeat 0 0/contain;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    width: 102px;
    height: 21px;
    position: absolute;
    z-index: 4;
    top: 63px;
    right: -42px;
    transform: translate3d(100vw, 0, 0);
    animation: animate__bounceInRight 2s ease-out 3.5s;
    animation-fill-mode: forwards
}

.wrap-step1-superprize.svelte-1wvfl66.svelte-1wvfl66 {
    color: #fff;
    text-align: center;
    margin-top: 14px;
    font-weight: bold;
    line-height: 33px;
    opacity: 0;
    animation: animate__fadeIn 1s ease 2.75s;
    animation-fill-mode: forwards
}

.wrap-step1-superprize-win-entry.svelte-1wvfl66.svelte-1wvfl66 {
    transform: translate3d(0, 100%, 0);
    animation: animate__fadeOut 1s ease 5.3s;
    animation-fill-mode: forwards
}

.wrap-step1-superprize-win.svelte-1wvfl66.svelte-1wvfl66 {
    font-size: 27px;
    font-weight: bolder;
    height: 15px;
    position: relative;
    margin-top: 0
}

.wrap-step1-superprize-win-entries.svelte-1wvfl66.svelte-1wvfl66 {
    position: absolute;
    text-align: center;
    width: 100%;
    top: -30px;
    left: 0;
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    animation: animate__fadeIn 1.5s ease 5.5s;
    animation-fill-mode: forwards, forwards
}

.wrap-step1-superprize-amount.svelte-1wvfl66.svelte-1wvfl66 {
    font-size: 27px;
    font-weight: bolder
}

:not(.classic-radio)>.radiobuttons-wrapper.svelte-flbbem .message.svelte-flbbem {
    margin: 5px
}

:not(.classic-radio)>.radiobuttons-wrapper.svelte-flbbem .radio-buttons.svelte-flbbem {
    margin: 10px 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

:not(.classic-radio)>.radiobuttons-wrapper.svelte-flbbem .radio-buttons input[type=radio].svelte-flbbem {
    opacity: 0.01;
    z-index: 100;
    width: 0
}

:not(.classic-radio)>.radiobuttons-wrapper .radio-buttons input[type=radio]:checked+label.svelte-flbbem.svelte-flbbem {
    background: var(--mpo-btn-continue-color, #ffffff);
    color: var(--mpo-btn-continue-background, black)
}

:not(.classic-radio)>.radiobuttons-wrapper.svelte-flbbem .radio-buttons label.svelte-flbbem {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 15px;
    background: var(--mpo-btn-continue-background, black);
    color: var(--mpo-btn-continue-color, #ffffff);
    border: var(--mpo-btn-continue-border-thickness, 1px) var(--mpo-btn-continue-border-type, solid) var(--mpo-btn-continue-border-color, #ffffff);
    border-radius: var(--mpo-btn-continue-border-radius, 40px);
    font-size: var(--mpo-btn-continue-font-size, 1.1em);
    cursor: pointer;
    margin: 0 3px
}

:not(.classic-radio)>.radiobuttons-wrapper.svelte-flbbem .radio-buttons label.svelte-flbbem:hover {
    box-shadow: 2px 2px 5px #000
}

.logo-grid>.radiobuttons-wrapper {
    display: grid;
    grid-template-columns: 20% 80%;
    gap: 5px;
    grid-auto-rows: 1fr auto 1fr
}

.logo-grid>.radiobuttons-wrapper .logo {
    justify-self: center;
    align-self: center
}

.logo-grid>.radiobuttons-wrapper .logo img {
    max-width: 100%;
    height: auto;
    margin: 10px auto
}

.logo-grid>.radiobuttons-wrapper .errors {
    grid-column: 1/3;
    margin-bottom: -10px
}

.logo-grid>.radiobuttons-wrapper .radio-buttons {
    grid-column: 2/4;
    justify-content: flex-start
}

.error-container.svelte-flbbem .msg-container {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0
}

.error-container.svelte-flbbem .error-icon {
    position: relative;
    top: 0;
    left: 5px
}

.error-container.svelte-flbbem .error-msg {
    margin-bottom: 15px
}

.error-container.svelte-1cuwzcj {
    position: relative;
    margin-bottom: 15px
}

.error-container.svelte-1cuwzcj .error-icon {
    position: relative;
    display: block;
    top: 0;
    left: 5px
}

.error-container.svelte-1cuwzcj .error-msg {
    margin-left: 20px;
    margin-top: -10px
}

.svelte-el6g8t::-ms-reveal {
    display: none
}

.svelte-el6g8t::-ms-reveal {
    display: none !important
}

@media screen and (min-width: 900px) {
    .error-pass-icon.svelte-el6g8t {
        width: 20px;
        height: 20px;
        fill: var(--mpo-option-input-icon-error-color-sm, #a94040);
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        display: flex;
        align-items: center;
        bottom: 60%;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        right: 7px;
        display: flex;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        bottom: 50%;
        top: 20%;
        top: 15px;
        right: 7px
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
    .error-pass-icon.svelte-el6g8t {
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        display: flex;
        align-items: center;
        fill: var(--mpo-option-input-icon-error-color-lg, #a94040)
    }
}

@media screen and (min-width: 900px) {
    .approved-password-icon.svelte-el6g8t {
        z-index: 2;
        width: 20px;
        right: 0;
        height: 20px;
        background-repeat: no-repeat;
        fill: var(--mpo-option-input-icon-approved-color-sm, #2280e5);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        right: 7px;
        display: flex;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        bottom: 50%;
        top: 20%;
        right: 0
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
    .approved-password-icon.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-approved-color-lg, #2280e5)
    }
}

@media screen and (min-width: 900px) {
    .visible-password-icon.svelte-el6g8t {
        z-index: 2;
        width: 20px;
        right: 0;
        height: 20px;
        background-repeat: no-repeat;
        fill: var(--mpo-option-input-icon-approved-color-sm, #2280e5);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        right: 7px;
        display: flex;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        bottom: 50%;
        top: 20%;
        right: 0
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
    .visible-password-icon.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-approved-color-lg, #2280e5)
    }
}

@media screen and (min-width: 900px) {
    .visible-password-icon--error.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-error-color-lg, #a94040)
    }

    .default-password-icon.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-default-color-sm, #ebebeb);
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        right: 7px;
        display: flex;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        bottom: 50%;
        top: 20%;
        right: 0
    }
}

@media screen and (min-width: 900px) and (min-width: 900px) {
    .default-password-icon.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-default-color-lg, #ebebeb)
    }
}

.error-pass-icon.svelte-el6g8t {
    width: 20px;
    height: 20px;
    fill: var(--mpo-option-input-icon-error-color-sm, #a94040);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 60%;
    right: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%
}

@media screen and (min-width: 900px) {
    .error-pass-icon.svelte-el6g8t {
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 200%;
        font-size: 8px;
        align-content: center;
        margin-top: auto;
        margin-bottom: auto;
        position: absolute;
        display: flex;
        align-items: center;
        fill: var(--mpo-option-input-icon-error-color-lg, #a94040)
    }
}

.approved-password-icon.svelte-el6g8t {
    z-index: 2;
    width: 20px;
    right: 0;
    height: 20px;
    background-repeat: no-repeat;
    fill: var(--mpo-option-input-icon-approved-color-sm, #2280e5);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%
}

@media screen and (min-width: 900px) {
    .approved-password-icon.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-approved-color-lg, #2280e5)
    }
}

.visible-password-icon.svelte-el6g8t {
    z-index: 2;
    width: 20px;
    right: 0;
    height: 20px;
    background-repeat: no-repeat;
    fill: var(--mpo-option-input-icon-approved-color-sm, #2280e5);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%
}

@media screen and (min-width: 900px) {
    .visible-password-icon.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-approved-color-lg, #2280e5)
    }
}

.visible-password-icon--error.svelte-el6g8t {
    fill: var(--mpo-option-input-icon-error-color-sm, #a94040)
}

.default-password-icon.svelte-el6g8t {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    font-size: 8px;
    right: 7px;
    display: flex;
    align-content: center;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    bottom: 50%;
    top: 20%;
    fill: var(--mpo-option-input-icon-default-color-sm, #ebebeb)
}

@media screen and (min-width: 900px) {
    .default-password-icon.svelte-el6g8t {
        fill: var(--mpo-option-input-icon-default-color-lg, #ebebeb)
    }
}

@media screen and (min-width: 900px) {
    .form-input-icon--pass.svelte-el6g8t {
        bottom: unset;
        right: 7px;
        top: 15px;
        transform: translate3d(0, -50%, 0)
    }
}

@media screen and (max-width: 899px) {
    .form-input-icon--pass.svelte-el6g8t {
        bottom: unset;
        right: 7px;
        top: 30px;
        transform: translate3d(0, -50%, 0)
    }
}

.password-group.svelte-11683gk {
    position: relative
}

.prize-box.svelte-5jocxr.svelte-5jocxr {
    width: 95%;
    height: 36px;
    margin: auto;
    background: #323232;
    border: 2px solid #747474;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    display: flex;
    color: #fff;
    margin-bottom: 10px
}

.prize-box-bg.svelte-5jocxr.svelte-5jocxr {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000
}

.display_animated.svelte-5jocxr .prize-box-bg.svelte-5jocxr {
    width: 0
}

.display_animated.animated.svelte-5jocxr .prize-box-bg.svelte-5jocxr {
    animation: svelte-5jocxr-prizesummary-fillbg 1.5s ease-in-out;
    animation-duration: var(--prize-summary-anim-duration);
    animation-delay: var(--prize-summary-anim-delay, 500ms);
    animation-fill-mode: forwards;
    will-change: width
}

@keyframes svelte-5jocxr-prizesummary-fillbg {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.checkbox-container.svelte-5jocxr.svelte-5jocxr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative
}

.checkbox-container.svelte-5jocxr .prizelist.svelte-5jocxr {
    width: 100%;
    display: flex;
    list-style-type: none;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    position: relative
}

.checkbox-container.svelte-5jocxr .prize.svelte-5jocxr {
    font-size: 12px;
    height: 20px;
    line-height: 21px;
    display: flex;
    margin: 0;
    padding: 0
}

.checkbox-container.svelte-5jocxr .check.svelte-5jocxr {
    filter: brightness(1);
    transform: scale(1);
    width: 25px;
    height: 20px;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 200%
}

.checkbox-container.svelte-5jocxr .prize.completed .check.svelte-5jocxr {
    background: url("./images/paths/prize-summary-checkmark@2x.png") 0 0 no-repeat;
    background-size: contain
}

.display_animated.svelte-5jocxr .prize.completed .check.svelte-5jocxr {
    opacity: 0;
    transform: scale3d(0, 0, 0);
    will-change: opacity, transform
}

.display_animated.animated.svelte-5jocxr .prize.completed.animated .check {
    animation: svelte-5jocxr-prizesummary-bounceIn 1s;
    animation-fill-mode: forwards
}

@keyframes svelte-5jocxr-prizesummary-bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.03, 0.03, 0.03)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

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

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

.title.svelte-5jocxr.svelte-5jocxr {
    text-transform: uppercase;
    font-weight: bold
}

.fadeout.svelte-h0o3ua.svelte-h0o3ua {
    animation: svelte-h0o3ua-prizevalue-fadeout 0.25s ease-out;
    animation-fill-mode: forwards
}

.fadein.svelte-h0o3ua.svelte-h0o3ua {
    animation: svelte-h0o3ua-prizevalue-fadein 0.25s ease-out;
    animation-fill-mode: forwards
}

@keyframes svelte-h0o3ua-prizevalue-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes svelte-h0o3ua-prizevalue-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.prize-box.svelte-h0o3ua.svelte-h0o3ua {
    width: 95%;
    margin: auto;
    background: #323232;
    border: 2px solid #747474;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    display: flex;
    color: #fff;
    margin-bottom: 10px
}

.prize-box-bg.svelte-h0o3ua.svelte-h0o3ua {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000
}

.display_animated.svelte-h0o3ua .prize-box-bg.svelte-h0o3ua {
    width: 0
}

.display_animated.animated.svelte-h0o3ua .prize-box-bg.svelte-h0o3ua {
    animation: svelte-h0o3ua-prizevalue-fillbg 1.5s ease-in-out;
    animation-duration: var(--prize-value-anim-duration);
    animation-delay: var(--prize-value-anim-delay, 500ms);
    animation-fill-mode: forwards;
    will-change: width
}

@keyframes svelte-h0o3ua-prizevalue-fillbg {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.sweepstakes-container.svelte-h0o3ua.svelte-h0o3ua {
    width: 100%;
    z-index: 2;
    align-items: center;
    display: grid;
    grid-template-columns: 42px auto 84px
}

.sweepstakes-container__prize.svelte-h0o3ua.svelte-h0o3ua {
    width: 34px;
    height: 24px;
    margin: 0 2px 0 6px
}

.sweepstakes-container__prize.svelte-h0o3ua img.svelte-h0o3ua {
    max-width: 100%;
    max-height: 100%;
    vertical-align: baseline
}

.sweepstakes-container__text.svelte-h0o3ua.svelte-h0o3ua {
    text-transform: uppercase;
    flex-grow: 2;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    margin: 0;
    padding: 7px 0;
    line-height: 1.2
}

.lowercase>.prize-box.svelte-h0o3ua .sweepstakes-container__text.svelte-h0o3ua,
.sweepstakes-container__text.svelte-h0o3ua>* {
    text-transform: none
}

.sweepstakes-container__counter.svelte-h0o3ua.svelte-h0o3ua {
    font-family: sans-serif;
    font-weight: 200;
    color: #d5ef0c;
    background: #323232;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 25px;
    width: 80px;
    border-radius: 10px;
    text-align: center;
    font-size: 19px;
    margin: 0 2px
}

.sweepstakes-container__counter.type-checked.svelte-h0o3ua .valuetext.svelte-h0o3ua {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 200%;
    background: url("./images/paths/prize-value-checkmark.png") 50% 50% no-repeat;
    background-size: contain
}

.display_animated.svelte-h0o3ua .sweepstakes-container__counter.type-checked .valuetext.svelte-h0o3ua {
    opacity: 0
}

.animated.svelte-h0o3ua .sweepstakes-container__counter.type-checked .valuetext.svelte-h0o3ua {
    opacity: 0;
    animation: svelte-h0o3ua-prizevalue-check-bounce 1s;
    animation-fill-mode: forwards;
    animation-delay: 1.4s
}

.progress-meter {
    --progress-meter-color: lime;
    --progress-meter-height: 15px;
    --progress-meter-duration: 2000ms;
    --progress-meter-delay: 20ms
}

.progress-meter .prize-box.svelte-h0o3ua.svelte-h0o3ua {
    height: var(--progress-meter-height)
}

.progress-meter .prize-box-bg.svelte-h0o3ua.svelte-h0o3ua {
    background-color: var(--progress-meter-color)
}

.progress-meter .sweepstakes-container__counter.svelte-h0o3ua.svelte-h0o3ua {
    display: none
}

.progress-meter .display_animated.animated.svelte-h0o3ua .prize-box-bg.svelte-h0o3ua {
    animation-duration: var(--progress-meter-duration);
    animation-delay: var(--progress-meter-delay)
}

.plain-version .prize-box.svelte-h0o3ua.svelte-h0o3ua {
    background: none;
    border: none;
    border-radius: unset;
    box-shadow: none;
    color: unset;
    margin-left: -1px
}

.plain-version .prize-box-bg.svelte-h0o3ua.svelte-h0o3ua {
    background-color: unset
}

.plain-version .sweepstakes-container__prize.svelte-h0o3ua.svelte-h0o3ua {
    width: 17vw;
    height: 17vw;
    max-height: 90px;
    max-width: 95px;
    display: flex;
    align-items: center;
    justify-content: start
}

.plain-version .sweepstakes-container__text.svelte-h0o3ua.svelte-h0o3ua {
    font-size: calc(1.2rem + 0.5vw);
    margin-left: 9vw;
    line-height: 1.5
}

.plain-version .sweepstakes-container__counter.svelte-h0o3ua.svelte-h0o3ua {
    color: unset;
    background: unset;
    font-size: calc(1rem + 0.5vw);
    font-weight: 500;
    width: 100%;
    padding-right: 10px;
    text-align: right
}

.plain-version.tokens .sweepstakes-container__counter.svelte-h0o3ua.svelte-h0o3ua {
    color: #d5ef0c
}

.treasure-version {
    --platform-multiplier: 5.2;
    --platform-adjustment: 1
}

.treasure-version .display_animated.animated.svelte-h0o3ua .prize-box-bg.svelte-h0o3ua {
    animation: svelte-h0o3ua-prizevalue-count 1.5s ease-in-out
}

@keyframes svelte-h0o3ua-prizevalue-count {
    0% {
        width: 100%
    }

    100% {
        width: 100%
    }
}

.treasure-version .prize-box.svelte-h0o3ua.svelte-h0o3ua {
    width: calc(1vw + 21px * var(--platform-multiplier));
    height: calc(1vw + 21px * var(--platform-multiplier));
    background: #030c37;
    margin: 25px auto;
    border: unset;
    border-radius: 100%;
    flex-direction: column;
    overflow: unset;
    padding: 0;
    box-shadow: unset;
    transition: width 2s, height 2s, background-color 2s
}

.treasure-version .prize-box.svelte-h0o3ua .prize-box-bg.svelte-h0o3ua {
    background: url("./images/tm_circle.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100%;
    padding: 0;
    margin: 0;
    width: 100%
}

.treasure-version .prize-box.svelte-h0o3ua .sweepstakes-container.svelte-h0o3ua {
    display: flex;
    flex-direction: column
}

.treasure-version .prize-box.svelte-h0o3ua .sweepstakes-container__prize img.svelte-h0o3ua {
    width: calc(8.5px * (var(--platform-multiplier) + var(--platform-adjustment)));
    height: calc(8.5px * (var(--platform-multiplier) + var(--platform-adjustment)));
    position: absolute;
    top: calc(-3.5px * var(--platform-multiplier));
    left: 0;
    right: 0;
    margin: auto
}

.treasure-version .prize-box.svelte-h0o3ua .sweepstakes-container__text.svelte-h0o3ua {
    color: #fff;
    bottom: calc(-8px * (var(--platform-multiplier) - var(--platform-adjustment)));
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: calc(2.6px * var(--platform-multiplier));
    line-height: 1
}

.treasure-version .prize-box.svelte-h0o3ua .sweepstakes-container__text .description.svelte-h0o3ua {
    font-size: calc(1.8px * var(--platform-multiplier));
    margin: 0px auto
}

.treasure-version .prize-box.svelte-h0o3ua .sweepstakes-container__counter.svelte-h0o3ua {
    font-weight: 600;
    color: #da42f9;
    background: transparent;
    width: 100%;
    font-size: calc(4.5px * var(--platform-multiplier));
    position: absolute;
    top: calc(6.8px * var(--platform-multiplier));
    left: 0;
    right: 0;
    margin: auto
}

@media screen and (min-width: 900px) {
    .plain-version .prize-box.svelte-h0o3ua.svelte-h0o3ua {
        padding: 0 40px
    }

    .plain-version .prize-box.svelte-h0o3ua .sweepstakes-container.svelte-h0o3ua {
        grid-template-columns: 42px auto 88px
    }

    .plain-version .prize-box.svelte-h0o3ua .sweepstakes-container .sweepstakes-container__text.svelte-h0o3ua {
        margin-left: 60px;
        font-size: 1.4rem
    }

    .plain-version .prize-box.svelte-h0o3ua .sweepstakes-container .sweepstakes-container__counter.svelte-h0o3ua {
        font-size: 1.3rem
    }

    .treasure-version {
        --platform-multiplier: 10;
        --platform-adjustment: 0
    }

    .treasure-version .prize-box.svelte-h0o3ua.svelte-h0o3ua {
        margin: 45px auto
    }
}

@keyframes svelte-h0o3ua-prizevalue-check-bounce {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(0.03, 0.03, 0.03)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9)
    }

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

    80% {
        transform: scale3d(0.97, 0.97, 0.97)
    }

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

.prize.svelte-ekxhb7.svelte-ekxhb7 {
    margin: 10px -2px;
    display: grid;
    grid-template-columns: 107px auto;
    align-items: center;
    min-height: 100px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 2px
}

.image-holder.svelte-ekxhb7.svelte-ekxhb7 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.image-holder.svelte-ekxhb7 img.svelte-ekxhb7 {
    object-fit: cover;
    max-width: 94px;
    min-height: 82px;
    max-height: 82px;
    margin-top: -1px
}

.image-holder.svelte-ekxhb7 .image-caption.svelte-ekxhb7 {
    position: absolute;
    top: 59px;
    left: 4.7px;
    width: 98px;
    height: 22px;
    text-align: center;
    font-size: 0.59em;
    font-weight: bold;
    color: #fff;
    background-color: #c51621;
    border-radius: 3px;
    padding: 3px
}

.text-holder.svelte-ekxhb7.svelte-ekxhb7 {
    margin: 0 auto
}

.text-holder.svelte-ekxhb7 .title.svelte-ekxhb7 {
    padding: 0;
    margin: 0;
    color: #161D6D;
    font-size: 4.5vw;
    line-height: 1.1em;
    font-weight: bolder
}

.text-holder.svelte-ekxhb7 div.svelte-ekxhb7 {
    color: #707070;
    font-size: 4.2vw;
    line-height: 1.3em;
    padding: 3px 8px 0 0
}

@media screen and (min-width: 480px) {
    .text-holder.svelte-ekxhb7 .title.svelte-ekxhb7 {
        font-size: 1em
    }

    .text-holder.svelte-ekxhb7 div.svelte-ekxhb7 {
        font-size: 0.9em
    }
}

select.svelte-cw2sse.svelte-cw2sse:not([multiple]):not([size]) {
    background-size: 26px 25px;
    background-position: 95%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.27706 8.25492C5.64648 7.88551 6.24542 7.88551 6.61483 8.25492L12 13.64L17.3852 8.25492C17.7546 7.88551 18.3535 7.88551 18.7229 8.25492C19.0924 8.62432 19.0924 9.22325 18.7229 9.59266L12 16.3154L5.27706 9.59266C4.90765 9.22325 4.90765 8.62432 5.27706 8.25492Z' fill='%23106ED3'/%3E%3C/svg%3E");
    border-radius: 24px;
    min-width: 300px;
    padding-left: 1rem;
    border: 1px solid black
}

select[multiple].svelte-cw2sse.svelte-cw2sse {
    min-width: 300px;
    border: 1px solid black
}

select[multiple].svelte-cw2sse option.svelte-cw2sse {
    padding: 0.2rem
}

select[multiple].svelte-cw2sse option.empty.svelte-cw2sse {
    display: none
}

.drop-down-wrapper.svelte-cw2sse select.svelte-cw2sse:not([multiple]) {
    height: 52px;
    padding-right: 1.5em
}

.drop-down-wrapper.svelte-cw2sse.svelte-cw2sse {
    justify-content: center;
    display: flex
}

@media screen and (max-width: 768px) {
    select.svelte-cw2sse.svelte-cw2sse:not([multiple]) {
        font-size: 0.9em
    }
}

.multi-question.svelte-m015wh {
    padding-right: 10px;
    text-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

input[type=radio].svelte-m015wh {
    accent-color: #d18119;
    position: relative;
    width: 0.8em;
    height: 1em
}

.input-wrapper.svelte-m015wh {
    margin: 0.1em 0 -0.1em
}

.multi-cont.svelte-m015wh {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-wrap: wrap;
    display: flex;
    gap: 0.35em;
    justify-content: space-around;
    margin-bottom: 7px
}

.multi-wrapper.svelte-m015wh:has(label:nth-child(4)) {
    display: grid;
    gap: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

@media screen and (max-width: 899px) {
    .multi-wrapper.svelte-m015wh {
        padding-left: 1rem
    }
}

.multi-question.svelte-1xnf9bq {
    text-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.multi-cont.svelte-1xnf9bq {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-wrap: wrap;
    display: flex;
    gap: 0.25em;
    justify-content: space-around;
    margin-bottom: 7px
}

input[type=checkbox].svelte-1xnf9bq {
    position: relative;
    height: 1em;
    width: 0.75em;
    min-width: 14px;
    min-height: 14px
}

.input-wrapper.svelte-1xnf9bq {
    margin: 0.1em 0 0
}

.multi-wrapper.svelte-1xnf9bq:has(label:nth-child(4)) {
    display: grid;
    gap: 1fr;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

@media screen and (max-width: 899px) {
    .multi-cont.svelte-1xnf9bq {
        padding-left: 1rem
    }
}

.question-wrapper.svelte-fgcg0c.svelte-fgcg0c {
    position: relative
}

.questionCont.svelte-fgcg0c.svelte-fgcg0c {
    margin-bottom: 1rem
}

.question-wrapper.svelte-fgcg0c .msg-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    margin-top: 1em;
    margin-bottom: 0.35em
}

.question-wrapper.svelte-fgcg0c .error-icon {
    position: static;
    display: inline-block;
    transform: none
}

div#question.svelte-fgcg0c .question--desc.svelte-fgcg0c {
    font-weight: 600;
    padding-bottom: 1rem;
    text-align: center
}

div#question.svelte-fgcg0c .questionCont #btn-wrap.svelte-fgcg0c {
    display: flex;
    flex-direction: column;
    align-items: center
}

button.btn.btn--continue.question.svelte-fgcg0c.svelte-fgcg0c {
    box-shadow: none;
    width: 19rem;
    border-radius: 1.5rem;
    margin: 1em auto 1em;
    cursor: pointer;
    color: white;
    background-color: #106ED3;
    font-size: 1.125rem;
    font-weight: 800;
    border: 1px solid rgba(255, 255, 255, 0.91)
}

.question--note.svelte-fgcg0c.svelte-fgcg0c {
    font-size: 0.5em;
    color: var(--note-color, #666666);
    text-align: center
}

.recaptcha-wrapper.svelte-horb2z {
    display: flex;
    flex-direction: column
}

.recaptcha-wrapper.center.svelte-horb2z {
    align-items: center
}

.recaptcha-wrapper.right.svelte-horb2z {
    align-items: flex-end
}

.text--gray.svelte-1wjxq34,
.giveaway-legal.svelte-1wjxq34 {
    color: #B9B7B7
}

.giveaway-legal.svelte-1wjxq34 {
    text-align: center;
    width: 100%;
    padding: 0.5em;
    text-transform: uppercase;
    font-size: 0.7em
}

.hidden.svelte-1ukgaze.svelte-1ukgaze {
    pointer-events: none;
    visibility: hidden;
    position: absolute
}

.intro-text.svelte-1ukgaze.svelte-1ukgaze {
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 8.5vw;
    font-weight: bold;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6392156863);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(112, 112, 112, 0.3411764706);
    line-height: 9.5vw;
    padding: 10px 0
}

.rewardsprize-wrapper.svelte-1ukgaze.svelte-1ukgaze {
    --rewards-title-color: #B9B7B7;
    --rewards-text-color: #70706F;
    --rewards-description-color: lightgray;
    --rewards-clock-color: $color-tokens;
    --rewards-banner-color: #ef970b;
    --rewards-banner-color-dark: hsl(33, 100%, 30%);
    --rewards-callout-color: hsl(33, 100%, 50%);
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    padding: 0.3em;
    font-size: 1em;
    max-width: 600px;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 15px
}

.rewardsprize-wrapper.svelte-1ukgaze .rewards-banner.svelte-1ukgaze {
    margin-top: -5px;
    margin-left: -12px;
    margin-bottom: 15px;
    width: calc(100% + 17px);
    height: 45px;
    padding-top: 5px;
    background: var(--rewards-banner-color);
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 5.9vw;
    text-align: center;
    border-radius: 5px 5px 0 0
}

.rewardsprize-wrapper.svelte-1ukgaze .rewards-banner.svelte-1ukgaze::after {
    content: "";
    position: absolute;
    top: 39px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 35px solid var(--rewards-banner-color);
    border-right: 35px solid transparent
}

.rewardsprize-wrapper.svelte-1ukgaze .rewards-banner.svelte-1ukgaze::before {
    content: "";
    position: absolute;
    top: 47px;
    left: -2px;
    width: 35px;
    height: 35px;
    background: var(--rewards-banner-color-dark);
    transform: rotate(25deg);
    z-index: -1
}

.rewardsprize-wrapper.svelte-1ukgaze .title-area.svelte-1ukgaze {
    text-align: center
}

.rewardsprize-wrapper.svelte-1ukgaze .title-area .title.svelte-1ukgaze {
    color: var(--rewards-title-color);
    font-size: 5.2vw;
    font-weight: 400;
    margin: 0 5px
}

.rewardsprize-wrapper.svelte-1ukgaze .prizeimg-detail-container.svelte-1ukgaze {
    display: flex;
    flex-direction: row;
    margin: 5px 0 10px 0
}

.rewardsprize-wrapper.svelte-1ukgaze .prizeimg-detail-container .image.svelte-1ukgaze {
    width: 47vw;
    margin-left: 5px
}

.rewardsprize-wrapper.svelte-1ukgaze .prizeimg-detail-container .image img.svelte-1ukgaze {
    max-width: 100%;
    height: auto
}

.rewardsprize-wrapper.svelte-1ukgaze .prizeimg-detail-container .details.svelte-1ukgaze {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 42vw;
    margin-top: 10px;
    padding-left: 2vw;
    font-size: 14px;
    color: var(--rewards-title-color)
}

.rewardsprize-wrapper.svelte-1ukgaze .prizeimg-detail-container .details .amount.svelte-1ukgaze {
    color: var(--rewards-callout-color);
    font-weight: 400
}

.rewardsprize-wrapper.svelte-1ukgaze .prizeimg-detail-container .details .clock-holder.svelte-1ukgaze {
    width: 140px;
    margin: 5px auto;
    transform: scale(0.9)
}

.rewardsprize-wrapper.svelte-1ukgaze .entry-area.svelte-1ukgaze {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px auto 0 auto;
    padding-top: 15px;
    width: 95%;
    color: var(--rewards-text-color);
    border-top: 1px solid var(--rewards-text-color)
}

.rewardsprize-wrapper.svelte-1ukgaze .entry-area .text.svelte-1ukgaze {
    font-weight: 600;
    font-size: 5vw;
    line-height: 19px;
    text-align: center;
    font-family: Montserrat, sans-serif
}

.rewardsprize-wrapper.svelte-1ukgaze .entry-area .entry.svelte-1ukgaze {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 80px;
    font-size: 2rem;
    font-weight: 700;
    color: var(--rewards-callout-color)
}

.rewardsprize-wrapper.svelte-1ukgaze .entry-area .ticket-background.svelte-1ukgaze {
    background-image: url("./images/rewards/prize-detail-sprite.png");
    background-repeat: no-repeat
}

.rewardsprize-wrapper.svelte-1ukgaze .entry-area .totals.svelte-1ukgaze {
    font-size: 0.77rem
}

@media screen and (min-width: 560px) {
    .intro-text.svelte-1ukgaze.svelte-1ukgaze {
        font-size: 40px;
        line-height: 40px
    }

    .rewardsprize-wrapper.svelte-1ukgaze .rewards-banner.svelte-1ukgaze {
        font-size: 1.4rem
    }

    .rewardsprize-wrapper.svelte-1ukgaze .rewards-banner.svelte-1ukgaze::after {
        left: -8px
    }

    .rewardsprize-wrapper.svelte-1ukgaze .title-area .title.svelte-1ukgaze {
        font-size: 25px
    }

    .rewardsprize-wrapper.svelte-1ukgaze .entry-area .text.svelte-1ukgaze {
        font-size: 19px
    }
}

.rewardsprize-wrapper .details .clock .hrs::after {
    content: "HRS";
    color: var(--rewards-clock-color)
}

.rewardsprize-wrapper .details .clock .mins::after {
    content: "MIN";
    color: var(--rewards-clock-color)
}

.rewardsprize-wrapper .details .clock .secs::after {
    content: "SECS";
    color: var(--rewards-clock-color)
}

.loader {
    margin: auto
}

.rokt-wrapper.svelte-1mwbldd.svelte-1mwbldd {
    --rokt-container-border-radius: 15px
}

.rokt-wrapper.svelte-1mwbldd .rokt-container.svelte-1mwbldd {
    border-radius: var(--rokt-container-border-radius)
}

.imageroot.svelte-17i9yfk .icon--tokens {
    background-image: url("./images/tokens.png")
}

.imageroot.svelte-17i9yfk .icon--entries {
    background-image: url("./images/entries.png")
}

.imageroot.svelte-17i9yfk .icon--lock {
    background-image: url("./images/lock.png")
}

.hide.svelte-17i9yfk {
    display: none
}

.overlay.svelte-17i9yfk {
    background-image: url('./images/lock.png');
    background-size: 90%;
    height: 90%;
    width: 90%;
    position: absolute;
    left: 5px
}

.imageroot.svelte-17i9yfk {
    display: flex;
    position: relative
}

.image.svelte-17i9yfk {
    position: relative
}

.large.svelte-17i9yfk {
    height: 40px;
    width: 40px;
    background-size: 40px 40px
}

.medium.svelte-17i9yfk {
    height: 30px;
    width: 30px;
    background-size: 30px 30px
}

.small.svelte-17i9yfk {
    height: 15px;
    width: 15px;
    background-size: 15px 15px
}

footer.svelte-wnxzeu {
    width: 100%;
    min-height: 35%;
    border-top: 1px solid #565656;
    box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: 0;
    z-index: 2;
    display: flex;
    flex-direction: column
}

.banner.svelte-wnxzeu {
    background-color: rgb(27, 27, 27)
}

section.svelte-wnxzeu {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center
}

span.svelte-wnxzeu {
    display: inline-flex;
    margin: 15px 20px
}

p.svelte-wnxzeu {
    margin: 10px 7px;
    color: goldenrod;
    font-size: 1.6em;
    font-weight: 300
}

.splashbutton.svelte-wnxzeu {
    align-self: center;
    width: 90%;
    margin-top: 25px
}

.progress.svelte-ji741z.svelte-ji741z {
    text-align: center
}

.sideways.svelte-ji741z.svelte-ji741z {
    width: 80%;
    height: 2.3vh;
    background-color: #727272;
    border-radius: 20px;
    margin: 6px auto
}

.sideways.svelte-ji741z div.svelte-ji741z {
    width: 0%;
    height: 98%;
    margin-left: 0.5px;
    background-image: linear-gradient(to bottom, #FE9E01, #ffcc13);
    border-radius: 20px;
    transition: width 400ms ease-out
}

section.svelte-6pkpak.svelte-6pkpak {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    text-align: center
}

span.svelte-6pkpak.svelte-6pkpak {
    color: #585151;
    text-transform: uppercase
}

.icon.svelte-6pkpak.svelte-6pkpak {
    transform: translateX(25px)
}

aside.svelte-6pkpak div.svelte-6pkpak {
    display: block;
    box-shadow: 0.5px 0.5px 1px 1px gray inset;
    background-color: black;
    border-radius: 5px;
    margin: 0 auto;
    color: goldenrod;
    padding: 4px;
    width: 100px;
    text-align: right
}

footer.svelte-vgct9l {
    width: 100%;
    height: 110px;
    border-top: 1px solid #565656;
    background-color: rgb(27, 27, 27);
    box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.5);
    position: fixed;
    bottom: 0;
    z-index: 2;
    padding: 0;
    padding-top: 5px
}

.hide.svelte-vgct9l {
    display: none
}

section.svelte-vgct9l {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 12px;
    text-align: center
}

.comp-tabgroup {
    height: 100%
}

.tabgroup-wrapper.svelte-1mw0qme.svelte-1mw0qme.svelte-1mw0qme {
    background-color: var(--mpo-reg-bg-color-lg);
    color: var(--mpo-reg-form-color-lg);
    position: relative;
    min-height: 95%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%;
    margin: 0;
    padding: 10px
}

.tabgroup-wrapper.svelte-1mw0qme .header-text.svelte-1mw0qme.svelte-1mw0qme {
    height: 40px
}

.tabgroup-wrapper.svelte-1mw0qme .header-text.svelte-1mw0qme>div.svelte-1mw0qme {
    background-color: #DD7A08;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 10px
}

@media screen and (min-width: 900px) {
    .tabgroup-wrapper.svelte-1mw0qme.svelte-1mw0qme.svelte-1mw0qme {
        border-radius: 6px
    }

    .tabgroup-wrapper.svelte-1mw0qme .header-text.svelte-1mw0qme>div.svelte-1mw0qme {
        font-size: 1.2rem;
        border-radius: 6px 6px 0 0
    }
}

@media screen and (max-width: 899px) {
    .tabscontainer-wrapper.full-screen .tabgroup-wrapper.svelte-1mw0qme.svelte-1mw0qme.svelte-1mw0qme {
        min-height: 98vh
    }
}

.table.svelte-lhmuid {
    display: table;
    width: 100%;
    position: relative
}

.table.svelte-lhmuid>.comp-tablerow {
    display: table-row
}

.table.svelte-lhmuid>.comp-tablerow>.comp-tablecell {
    display: table-cell
}

.table-border-column.svelte-lhmuid {
    position: absolute;
    top: 0;
    height: 100%;
    left: var(--internal-table-border-left-sm);
    pointer-events: none;
    width: var(--mpo-table-border-width-sm);
    background: var(--mpo-table-border-column-color-sm)
}

@media only screen and (min-device-width: 900px) {
    .table-border-column.svelte-lhmuid {
        left: var(--internal-table-border-left-lg);
        width: var(--mpo-table-border-width-lg);
        background: var(--mpo-table-border-column-color-lg)
    }
}

@media only screen and (max-width: 899px) {

    .stacked-sm>.table.svelte-lhmuid,
    .stacked-sm>.table.svelte-lhmuid>.comp-tablerow,
    .stacked-sm>.table.svelte-lhmuid>.comp-tablerow>.comp-tablecell {
        display: block
    }
}

@media only screen and (min-width: 900px) {

    .stacked-lg>.table.svelte-lhmuid,
    .stacked-lg>.table.svelte-lhmuid>.comp-tablerow,
    .stacked-lg>.table.svelte-lhmuid>.comp-tablerow>.comp-tablecell {
        display: block
    }
}

.comp-tablecell {
    vertical-align: top;
    width: var(--internal-tablecell-width-sm);
    display: var(--internal-tablecell-display-sm);
    padding: var(--mpo-tablecell-padding-sm)
}

@media only screen and (min-device-width: 900px) {
    .comp-tablecell {
        width: var(--internal-tablecell-width-lg);
        display: var(--internal-tablecell-display-lg);
        padding: var(--mpo-tablecell-padding-lg)
    }
}

.hide-tab.svelte-13ah8qy.svelte-13ah8qy {
    display: none
}

.tabscontainer-wrapper.svelte-13ah8qy.svelte-13ah8qy {
    overflow: hidden;
    background-color: var(--mpo-reg-bg-color-lg);
    width: 100%;
    margin-left: unset;
    min-height: var(--tabs-container-height);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.tabscontainer-wrapper.svelte-13ah8qy .control-tab.svelte-13ah8qy {
    display: flex;
    width: 100%;
    border-bottom: 3px solid #DD7A08
}

.tabscontainer-wrapper.svelte-13ah8qy .control-tab .tab-button.svelte-13ah8qy {
    border: none;
    background-color: #F3F3F3;
    color: #636565;
    width: inherit;
    padding: 10px 5px;
    margin: 0;
    font-size: 1.2rem;
    font-weight: bold;
    cursor: pointer
}

.tabscontainer-wrapper.svelte-13ah8qy .control-tab .tab-button.selected.svelte-13ah8qy {
    background-color: #DD7A08;
    color: #fff
}

.tabscontainer-wrapper.svelte-13ah8qy .tab-animation-frame.svelte-13ah8qy {
    height: 95%;
    animation: svelte-13ah8qy-fadein 2s
}

@keyframes svelte-13ah8qy-fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media screen and (min-width: 900px) {
    .tabscontainer-wrapper.svelte-13ah8qy.svelte-13ah8qy {
        padding: 10px;
        border-radius: 4px
    }

    .tabscontainer-wrapper.svelte-13ah8qy .control-tab.svelte-13ah8qy {
        gap: 5px
    }

    .tabscontainer-wrapper.svelte-13ah8qy .control-tab .tab-button.svelte-13ah8qy {
        background-color: #fff;
        padding: 7px;
        border-radius: 6px 6px 0 0;
        font-size: 1.2rem
    }
}

@media screen and (max-width: 899px) {
    .tabscontainer-wrapper.full-screen.svelte-13ah8qy.svelte-13ah8qy {
        min-height: 100vh;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        width: 100vw;
        max-width: 450px;
        margin-left: -8px
    }
}

div.svelte-1ijz953.svelte-1ijz953 {
    text-align: center
}

div.svelte-1ijz953>div.svelte-1ijz953 {
    text-align: unset
}

.left.svelte-1ijz953.svelte-1ijz953 {
    text-align: left
}

.right.svelte-1ijz953.svelte-1ijz953 {
    text-align: right
}

div.svelte-1ijz953 .superscript {
    margin-top: 0px
}

div.svelte-1ijz953 .subscript {
    margin-bottom: 0px
}

div.svelte-1ijz953 .italic {
    font-style: italic
}

div.svelte-1ijz953 a {
    color: inherit
}

div.svelte-1ijz953 #disclosureBox {
    border: 1px solid #ff9999;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 10px 5px;
    margin: 20px auto;
    text-align: center;
    max-width: 98%
}

div.svelte-1ijz953 #disclosureBox h4 {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    line-height: 20px
}

div.svelte-1ijz953 #disclosureBox p {
    padding: 10px 15px 0;
    text-align: start;
    font-weight: bold;
    line-height: 1.2
}

.themed--font-color .text.svelte-1ijz953.svelte-1ijz953,
.themed--font-color .text a {
    color: var(--mpo-reg-font-color-sm)
}

.themed--reg-label-color .text.svelte-1ijz953.svelte-1ijz953,
.themed--reg-label-color .text a {
    color: var(--mpo-reg-label-color-sm)
}

.themed--callout .text.svelte-1ijz953.svelte-1ijz953,
.themed--callout .text a {
    font-weight: bold;
    color: var(--mpo-reg-callout-color-sm)
}

.exp-text .text.svelte-1ijz953.svelte-1ijz953 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 900;
    color: #fff;
    text-align: center;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5), -2px 2px 5px rgba(0, 0, 0, 0.5);
    padding-bottom: 0.15em;
    display: block
}

.exp-text--xlg .text.svelte-1ijz953.svelte-1ijz953 {
    font-size: 50px;
    line-height: 1.1
}

.exp-text--med .text.svelte-1ijz953.svelte-1ijz953 {
    font-size: 20px
}

@media screen and (min-width: 900px) {

    .themed--font-color .text.svelte-1ijz953.svelte-1ijz953,
    .themed--font-color .text a {
        color: var(--mpo-reg-font-color-lg)
    }

    .themed--reg-label-color .text.svelte-1ijz953.svelte-1ijz953,
    .themed--reg-label-color .text a {
        color: var(--mpo-reg-label-color-lg)
    }

    .themed--callout .text.svelte-1ijz953.svelte-1ijz953,
    .themed--callout .text a {
        color: var(--mpo-reg-callout-color-lg)
    }

    div.svelte-1ijz953 #disclosureBox {
        max-width: 612px
    }
}

.frame.svelte-1cv5hgy {
    border: 2px solid rgb(138, 137, 137)
}

video.svelte-1cv5hgy::-webkit-media-controls-fullscreen-button {
    display: none
}

.frame.svelte-kdhgjh.svelte-kdhgjh {
    --rewards-text-color: #70706F;
    --rewards-background-color: #fff;
    --rewards-color: #FFBB01;
    --rewards-value-color: #FDBB2C;
    border: 0.2rem solid var(--rewards-color);
    border-radius: 25px;
    max-width: min(98.5%, 550px);
    display: flex;
    flex-direction: column;
    margin: 5px auto;
    padding: 5px 0;
    background-color: var(--rewards-background-color);
    color: #000;
    overflow: hidden
}

.frame.svelte-kdhgjh>div.svelte-kdhgjh {
    text-align: center
}

.frame.svelte-kdhgjh .prize-image.svelte-kdhgjh {
    position: relative;
    margin-bottom: 10px
}

.frame.svelte-kdhgjh .prize-image .background.svelte-kdhgjh {
    width: 100%;
    height: auto;
    object-fit: cover
}

.frame.svelte-kdhgjh .prize-image .banner.svelte-kdhgjh,
.frame.svelte-kdhgjh .prize-image .banner-background.svelte-kdhgjh {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%
}

.frame.svelte-kdhgjh .prize-image .banner-background.svelte-kdhgjh {
    width: 100%;
    height: 80px;
    background-color: #000000;
    opacity: 0.55
}

.frame.svelte-kdhgjh .header.svelte-kdhgjh {
    color: var(--header-color);
    font-weight: 800;
    font-size: calc(var(--header-font-size) + 0.8vw);
    font-family: Montserrat, sans-serif;
    padding: 0.3rem 0.5rem;
    line-height: calc(22px + 0.8vw)
}

.frame.svelte-kdhgjh .prize-title.svelte-kdhgjh {
    color: var(--rewards-text-color);
    font-weight: 700;
    font-size: calc(20px + 0.8vw);
    margin: 0 calc(10px + 0.8vw);
    text-transform: uppercase;
    line-height: calc(22px + 0.8vw)
}

.frame.svelte-kdhgjh .prize-value.svelte-kdhgjh {
    color: var(--rewards-value-color);
    font-weight: 600;
    font-size: calc(17px + 0.8vw)
}

.frame.svelte-kdhgjh .button-container.svelte-kdhgjh {
    --mpo-btn-continue-border-radius: 40px;
    --mpo-btn-continue-border-thickness: 3px;
    --mpo-btn-continue-font-size: 1.7em;
    --mpo-btn-continue-border-color: var(--rewards-color);
    --mpo-btn-continue-background: var(--rewards-color);
    padding: 5px 2vw;
    width: 100%;
    max-width: 450px;
    margin: 0 auto
}

.frame.svelte-kdhgjh .button-container.svelte-kdhgjh .btn {
    padding: 10px inherit;
    margin: 15px auto
}

.frame.svelte-kdhgjh .button-container .no-btn.svelte-kdhgjh {
    --mpo-btn-continue-background: var(--rewards-background-color)
}

.frame.svelte-kdhgjh .button-container .no-btn.svelte-kdhgjh .btn {
    color: var(--rewards-color);
    font-size: 99%;
    padding: 20px
}

.submit-disabled input,
.submit-disabled label {
    pointer-events: none;
    opacity: 0.8
}

.svelte-wcjehm::-ms-reveal {
    display: none
}

.formgroup.svelte-wcjehm {
    margin-bottom: 1em
}

.msg-container.svelte-wcjehm {
    position: relative;
    min-height: 1.5em;
    margin: 0 0 0 0.7em
}

.error-icon.svelte-wcjehm {
    width: 20px;
    height: 20px;
    background-image: url("./images/Errorcheck.svg");
    transform: translate3d(0, -50%, 0);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    text-indent: 200%;
    font-size: 8px;
    top: 50%;
    left: 0
}

.error-msg.svelte-wcjehm {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    color: var(--mpo-reg-error-color-sm);
    padding: 0 0 0 0.75em;
    margin: 0;
    line-height: 1;
    text-align: left;
    position: relative;
    padding: 0 0 0 30px;
    line-height: 1.5
}

@media screen and (min-width: 900px) {
    .error-msg.svelte-wcjehm {
        font-size: 11px;
        font-weight: normal;
        color: var(--mpo-reg-error-color-lg);
        padding: 0;
        min-height: 1.4em
    }
}

.svelte-w22d8q.svelte-w22d8q::-ms-reveal {
    display: none
}

.modal.svelte-w22d8q.svelte-w22d8q {
    transition: opacity 235ms ease-in-out 0s;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    flex: 1 1 auto;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: left;
    top: 0;
    visibility: hidden;
    word-wrap: break-word;
    z-index: 12;
    color: #000
}

.modal-bg.svelte-w22d8q.svelte-w22d8q {
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal.svelte-w22d8q .modal-body.svelte-w22d8q {
    transition: all 235ms ease-in-out 0s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    border: 2px solid #e6e7e9;
    left: 50%;
    padding: 1.25rem;
    position: absolute;
    top: 50%;
    transform: translate3d(0, 0, 0);
    animation: svelte-w22d8q-modalout 235ms forwards ease;
    display: none
}

@media only screen and (max-width: 768px) {
    .modal.svelte-w22d8q .modal-body.svelte-w22d8q {
        box-sizing: border-box;
        width: 90%
    }
}

.modal-state.svelte-w22d8q:checked+.modal.svelte-w22d8q {
    opacity: 1;
    visibility: visible
}

.modal-state:checked+.modal.svelte-w22d8q .modal-body.svelte-w22d8q {
    animation: svelte-w22d8q-modalin 235ms forwards ease;
    display: block
}

@keyframes svelte-w22d8q-modalin {
    0% {
        transform: translate(-50%, -200vh)
    }

    100% {
        transform: translate(-50%, -50%)
    }
}

@keyframes svelte-w22d8q-modalout {
    0% {
        transform: translate(-50%, -50%)
    }

    100% {
        transform: translate(-50%, -200vh)
    }
}

.modal.svelte-w22d8q .btn-close.svelte-w22d8q {
    transition: all 235ms ease-in-out 0s;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 1.1rem;
    position: absolute;
    right: 0.4rem;
    text-decoration: none;
    top: 0.2rem;
    width: 1.1rem;
    line-height: 1.3;
    background: #000;
    border-radius: 40px;
    text-align: center
}

.modal.svelte-w22d8q .btn-close.svelte-w22d8q:active,
.modal.svelte-w22d8q .btn-close.svelte-w22d8q:focus,
.modal.svelte-w22d8q .btn-close.svelte-w22d8q:hover {
    color: #41403e
}

.modal.svelte-w22d8q .modal-title.svelte-w22d8q,
.modal.svelte-w22d8q h4.svelte-w22d8q {
    margin-bottom: 0.5rem;
    margin-top: 0;
    font-weight: bold
}

.modal.svelte-w22d8q .modal-text.svelte-w22d8q,
.modal.svelte-w22d8q p.svelte-w22d8q {
    margin-bottom: 1rem;
    margin-top: 0
}

.modal-state.svelte-w22d8q.svelte-w22d8q {
    display: none
}

.sugg-list.svelte-w22d8q.svelte-w22d8q {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2em
}

.sugg-list.svelte-w22d8q>li.svelte-w22d8q {
    list-style-type: none;
    margin: 0 0 0.5em 0
}

.buttons.svelte-w22d8q.svelte-w22d8q {
    text-align: right;
    display: flex;
    flex-flow: row wrap;
    --margin: 0.5em;
    --multiplier: calc(20em - 100%);
    margin: calc(var(--margin) * -1)
}

.sugg-btn.svelte-w22d8q.svelte-w22d8q {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: var(--mpo-btn-continue-background, black);
    color: var(--mpo-btn-continue-color, #ffffff);
    border: var(--mpo-btn-continue-border-thickness, 1px) var(--mpo-btn-continue-border-type, solid) var(--mpo-btn-continue-border-color, #ffffff);
    border-radius: var(--mpo-btn-continue-border-radius, 40px);
    padding: 10px 0px;
    font-size: var(--mpo-btn-continue-font-size, 1.1em);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: auto;
    min-width: calc(50% - var(--margin) * 2);
    max-width: 100%;
    flex-grow: 1;
    flex-basis: calc(var(--multiplier) * 999);
    margin: var(--margin)
}

.sugg-btn.svelte-w22d8q.svelte-w22d8q:focus {
    box-shadow: 0 0 3px 3px lightyellow;
    outline: none
}

.sugg-btn.svelte-w22d8q.svelte-w22d8q::after {
    content: " ";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 20px;
    height: 20px;
    background: transparent var(--mpo-btn-continue-after-image, url("./images/themes/default/next.svg")) 0 0 no-repeat;
    background-size: contain;
    z-index: 2
}

.error.svelte-w22d8q.svelte-w22d8q {
    color: #f00
}

.general-error-container {
    margin: 1em 0;
    flex-basis: 100%;
    flex-shrink: 0;
    flex-grow: 10
}

@media screen and (min-width: 900px) {
    .general-error-container .msg-container .error-msg {
        padding-left: 30px;
        line-height: 2
    }
}

nav.svelte-1nuwibm {
    background-color: #353535
}

.status.svelte-1a2undb {
    padding-bottom: var(--mpo-reg-status-section-padding, 110px)
}

#footer-render-area.svelte-1ta9nfp {
    padding-bottom: var(--mpo-reg-status-section-padding, 110px);
    color: var(--mpo-reg-footer-section-color-sm, var(--mpo-reg-status-section-color-sm, var(--mpo-reg-font-color-sm)))
}

#footer-render-area.svelte-1ta9nfp #disclosureBox {
    color: var(--mpo-reg-disclosure-color-sm, var(--mpo-reg-footer-section-color-sm, var(--mpo-reg-status-section-color-sm, var(--mpo-reg-font-color-sm))));
    border-color: var(--mpo-reg-disclosure-color-sm, var(--mpo-reg-footer-section-color-sm, var(--mpo-reg-status-section-color-sm, var(--mpo-reg-font-color-sm))))
}

#footer-render-area.svelte-1ta9nfp .nav-links-wrapper a {
    color: var(--mpo-reg-footer-section-color-sm, var(--mpo-reg-status-section-color-sm, var(--mpo-reg-font-color-sm)))
}

@media screen and (min-width: 900px) {
    #footer-render-area.svelte-1ta9nfp {
        color: var(--mpo-reg-footer-section-color-lg, var(--mpo-reg-status-section-color-lg, var(--mpo-reg-font-color-lg)))
    }

    #footer-render-area.svelte-1ta9nfp #disclosureBox {
        color: var(--mpo-reg-disclosure-color-lg, var(--mpo-reg-footer-section-color-lg, var(--mpo-reg-status-section-color-lg, var(--mpo-reg-font-color-lg))));
        border-color: var(--mpo-reg-disclosure-color-lg, var(--mpo-reg-footer-section-color-lg, var(--mpo-reg-status-section-color-lg, var(--mpo-reg-font-color-lg))))
    }

    #footer-render-area.svelte-1ta9nfp .nav-links-wrapper a {
        color: var(--mpo-reg-footer-section-color-lg, var(--mpo-reg-status-section-color-lg, var(--mpo-reg-font-color-lg)))
    }
}

*,
::before,
::after {
    box-sizing: border-box
}

::before,
::after {
    text-decoration: inherit;
    vertical-align: inherit
}

html {
    cursor: default;
    line-height: 1.5;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    word-break: break-word
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
    margin: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0
}

hr {
    height: 0;
    overflow: visible
}

main {
    display: block
}

nav ol,
nav ul {
    list-style: none;
    padding: 0
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    -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%
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

iframe {
    border-style: none
}

img {
    border-style: none
}

svg:not([fill]) {
    fill: currentColor
}

svg:not(:root) {
    overflow: hidden
}

table {
    border-collapse: collapse
}

button,
input,
select {
    margin: 0
}

button {
    overflow: visible;
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

fieldset {
    border: 1px solid #a0a0a0;
    padding: 0.35em 0.75em 0.625em
}

input {
    overflow: visible
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

select {
    text-transform: none
}

textarea {
    margin: 0;
    overflow: auto;
    resize: vertical
}

[type="checkbox"],
[type="radio"] {
    padding: 0
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

details {
    display: block
}

dialog {
    background-color: white;
    border: solid;
    color: black;
    display: block;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

dialog:not([open]) {
    display: none
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    touch-action: manipulation
}

[hidden] {
    display: none
}

[aria-busy="true"] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled="true"],
[disabled] {
    cursor: not-allowed
}

[aria-hidden="false"][hidden] {
    display: initial
}

[aria-hidden="false"][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}

button,
input,
select,
textarea {
    background-color: #fff;
    border: 1px solid WindowFrame;
    color: #000;
    font: inherit;
    letter-spacing: inherit;
    padding: 0.25em 0.375em
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff no-repeat right center/1em;
    border-radius: 0
}

select:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E")
}

::-ms-expand {
    display: none
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.54)
}

html,
body,
div,
form,
fieldset,
legend,
caption,
label,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre {
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

th,
td {
    text-align: left;
    vertical-align: top
}

img {
    border: 0
}

p {
    margin: 0.75em 0
}

body,
.page.svelte-d8yc8e {
    background-repeat: repeat;
    background-color: white;
    background-color: var(--mpo-reg-bg-color-sm);
    color: #000;
    color: var(--mpo-reg-font-color-sm)
}

.page.svelte-d8yc8e {
    background-image: var(--mpo-reg-bg-image-sm);
    text-align: center;
    margin: 0 auto;
    padding: 0;
    min-height: 100vh;
    transition: opacity 0.5s ease
}

.page.invisible.svelte-d8yc8e {
    visibility: hidden;
    opacity: 0
}

.scroll.svelte-d8yc8e {
    padding-bottom: 1em
}

.bodycontent.svelte-d8yc8e {
    margin: 0 auto
}

@media screen and (min-width: 900px) {

    body,
    .page.svelte-d8yc8e {
        background-color: var(--mpo-reg-bg-color-lg);
        color: var(--mpo-reg-font-color-lg)
    }

    .page.svelte-d8yc8e {
        background-image: var(--mpo-reg-bg-image-lg)
    }
}