a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
    border:0;
    font-size:100%;
    margin:0;
    padding:0;
    vertical-align:initial
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}

body{
    font-size:16px;
    line-height:1
}
ol,ul{
    list-style:disc;
    list-style-position:inside
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-spacing:0
}
a{
    color:inherit
}
[role=button]{
    cursor:pointer
}
*,:after,:before{
    box-sizing:border-box
}
*{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]{
    -moz-appearance:textfield
}
::-webkit-scrollbar{
    width:8px
}
::-webkit-scrollbar-thumb{
    border-radius:8px
}
::-webkit-scrollbar-track{
    border-radius:10px;
    box-shadow:inset 0 0 5px
}
input[type=range]{
    -webkit-appearance:none;
    background:#0000;
    width:100%
}
input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none
}
input[type=range]:focus{
    outline:none
}
input[type=range]::-ms-track{
    background:#0000;
    border-color:#0000;
    color:#0000;
    cursor:pointer;
    width:100%
}
/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */
:root{
    --animate-duration:1s;
    --animate-delay:1s;
    --animate-repeat:1
}
.animate__animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-duration:var(--animate-duration);
    animation-duration:var(--animate-duration);
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animate__animated.animate__infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animate__animated.animate__repeat-1{
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:var(--animate-repeat);
    animation-iteration-count:var(--animate-repeat)
}
.animate__animated.animate__repeat-2{
    -webkit-animation-iteration-count:2;
    animation-iteration-count:2;
    -webkit-animation-iteration-count:calc(var(--animate-repeat)*2);
    animation-iteration-count:calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3{
    -webkit-animation-iteration-count:3;
    animation-iteration-count:3;
    -webkit-animation-iteration-count:calc(var(--animate-repeat)*3);
    animation-iteration-count:calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s{
    -webkit-animation-delay:1s;
    animation-delay:1s;
    -webkit-animation-delay:var(--animate-delay);
    animation-delay:var(--animate-delay)
}
.animate__animated.animate__delay-2s{
    -webkit-animation-delay:2s;
    animation-delay:2s;
    -webkit-animation-delay:calc(var(--animate-delay)*2);
    animation-delay:calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s{
    -webkit-animation-delay:3s;
    animation-delay:3s;
    -webkit-animation-delay:calc(var(--animate-delay)*3);
    animation-delay:calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s{
    -webkit-animation-delay:4s;
    animation-delay:4s;
    -webkit-animation-delay:calc(var(--animate-delay)*4);
    animation-delay:calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s{
    -webkit-animation-delay:5s;
    animation-delay:5s;
    -webkit-animation-delay:calc(var(--animate-delay)*5);
    animation-delay:calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster{
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-duration:calc(var(--animate-duration)/2);
    animation-duration:calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast{
    -webkit-animation-duration:.8s;
    animation-duration:.8s;
    -webkit-animation-duration:calc(var(--animate-duration)*.8);
    animation-duration:calc(var(--animate-duration)*.8)
}
.animate__animated.animate__slow{
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-duration:calc(var(--animate-duration)*2);
    animation-duration:calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower{
    -webkit-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-duration:calc(var(--animate-duration)*3);
    animation-duration:calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce),print{
    .animate__animated{
        -webkit-animation-duration:1ms!important;
        animation-duration:1ms!important;
        -webkit-animation-iteration-count:1!important;
        animation-iteration-count:1!important;
        -webkit-transition-duration:1ms!important;
        transition-duration:1ms!important
    }
    .animate__animated[class*=Out]{
        opacity:0
    }
}
@-webkit-keyframes bounce{
    0%,20%,53%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0) scaleY(1.1);
        transform:translate3d(0,-30px,0) scaleY(1.1)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0) scaleY(1.05);
        transform:translate3d(0,-15px,0) scaleY(1.05)
    }
    80%{
        -webkit-transform:translateZ(0) scaleY(.95);
        transform:translateZ(0) scaleY(.95);
        -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
        transition-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0) scaleY(1.02);
        transform:translate3d(0,-4px,0) scaleY(1.02)
    }
}
@keyframes bounce{
    0%,20%,53%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0) scaleY(1.1);
        transform:translate3d(0,-30px,0) scaleY(1.1)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0) scaleY(1.05);
        transform:translate3d(0,-15px,0) scaleY(1.05)
    }
    80%{
        -webkit-transform:translateZ(0) scaleY(.95);
        transform:translateZ(0) scaleY(.95);
        -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
        transition-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0) scaleY(1.02);
        transform:translate3d(0,-4px,0) scaleY(1.02)
    }
}
.animate__bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    0%,50%,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.animate__flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shakeX{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
@keyframes shakeX{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
.animate__shakeX{
    -webkit-animation-name:shakeX;
    animation-name:shakeX
}
@-webkit-keyframes shakeY{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
}
@keyframes shakeY{
    0%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
}
.animate__shakeY{
    -webkit-animation-name:shakeY;
    animation-name:shakeY
}
@-webkit-keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.animate__headShake{
    -webkit-animation-name:headShake;
    animation-name:headShake;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate(15deg);
        transform:rotate(15deg)
    }
    40%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    60%{
        -webkit-transform:rotate(5deg);
        transform:rotate(5deg)
    }
    80%{
        -webkit-transform:rotate(-5deg);
        transform:rotate(-5deg)
    }
    to{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
}
.animate__swing{
    -webkit-animation-name:swing;
    animation-name:swing;
    -webkit-transform-origin:top center;
    transform-origin:top center
}
@-webkit-keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes tada{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);
        transform:scale3d(.9,.9,.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes wobble{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate(-5deg);
        transform:translate3d(-25%,0,0) rotate(-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate(3deg);
        transform:translate3d(20%,0,0) rotate(3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate(-3deg);
        transform:translate3d(-15%,0,0) rotate(-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate(2deg);
        transform:translate3d(10%,0,0) rotate(2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate(-1deg);
        transform:translate3d(-5%,0,0) rotate(-1deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    0%,11.1%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello{
    0%,11.1%,to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.animate__jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes heartBeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes heartBeat{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    14%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    28%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    42%{
        -webkit-transform:scale(1.3);
        transform:scale(1.3)
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__heartBeat{
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-duration:calc(var(--animate-duration)*1.3);
    animation-duration:calc(var(--animate-duration)*1.3);
    -webkit-animation-name:heartBeat;
    animation-name:heartBeat;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
}
@-webkit-keyframes backInDown{
    0%{
        opacity:.7;
        -webkit-transform:translateY(-1200px) scale(.7);
        transform:translateY(-1200px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes backInDown{
    0%{
        opacity:.7;
        -webkit-transform:translateY(-1200px) scale(.7);
        transform:translateY(-1200px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__backInDown{
    -webkit-animation-name:backInDown;
    animation-name:backInDown
}
@-webkit-keyframes backInLeft{
    0%{
        opacity:.7;
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes backInLeft{
    0%{
        opacity:.7;
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__backInLeft{
    -webkit-animation-name:backInLeft;
    animation-name:backInLeft
}
@-webkit-keyframes backInRight{
    0%{
        opacity:.7;
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes backInRight{
    0%{
        opacity:.7;
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__backInRight{
    -webkit-animation-name:backInRight;
    animation-name:backInRight
}
@-webkit-keyframes backInUp{
    0%{
        opacity:.7;
        -webkit-transform:translateY(1200px) scale(.7);
        transform:translateY(1200px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes backInUp{
    0%{
        opacity:.7;
        -webkit-transform:translateY(1200px) scale(.7);
        transform:translateY(1200px) scale(.7)
    }
    80%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__backInUp{
    -webkit-animation-name:backInUp;
    animation-name:backInUp
}
@-webkit-keyframes backOutDown{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateY(700px) scale(.7);
        transform:translateY(700px) scale(.7)
    }
}
@keyframes backOutDown{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateY(700px) scale(.7);
        transform:translateY(700px) scale(.7)
    }
}
.animate__backOutDown{
    -webkit-animation-name:backOutDown;
    animation-name:backOutDown
}
@-webkit-keyframes backOutLeft{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7)
    }
}
@keyframes backOutLeft{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateX(-2000px) scale(.7);
        transform:translateX(-2000px) scale(.7)
    }
}
.animate__backOutLeft{
    -webkit-animation-name:backOutLeft;
    animation-name:backOutLeft
}
@-webkit-keyframes backOutRight{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7)
    }
}
@keyframes backOutRight{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateX(0) scale(.7);
        transform:translateX(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateX(2000px) scale(.7);
        transform:translateX(2000px) scale(.7)
    }
}
.animate__backOutRight{
    -webkit-animation-name:backOutRight;
    animation-name:backOutRight
}
@-webkit-keyframes backOutUp{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateY(-700px) scale(.7);
        transform:translateY(-700px) scale(.7)
    }
}
@keyframes backOutUp{
    0%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    20%{
        opacity:.7;
        -webkit-transform:translateY(0) scale(.7);
        transform:translateY(0) scale(.7)
    }
    to{
        opacity:.7;
        -webkit-transform:translateY(-700px) scale(.7);
        transform:translateY(-700px) scale(.7)
    }
}
.animate__backOutUp{
    -webkit-animation-name:backOutUp;
    animation-name:backOutUp
}
@-webkit-keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes bounceIn{
    0%,20%,40%,60%,80%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.animate__bounceIn{
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*.75);
    animation-duration:calc(var(--animate-duration)*.75);
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0) scaleY(3);
        transform:translate3d(0,-3000px,0) scaleY(3)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0) scaleY(.9);
        transform:translate3d(0,25px,0) scaleY(.9)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0) scaleY(.95);
        transform:translate3d(0,-10px,0) scaleY(.95)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0) scaleY(.985);
        transform:translate3d(0,5px,0) scaleY(.985)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInDown{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0) scaleY(3);
        transform:translate3d(0,-3000px,0) scaleY(3)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0) scaleY(.9);
        transform:translate3d(0,25px,0) scaleY(.9)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0) scaleY(.95);
        transform:translate3d(0,-10px,0) scaleY(.95)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0) scaleY(.985);
        transform:translate3d(0,5px,0) scaleY(.985)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0) scaleX(3);
        transform:translate3d(-3000px,0,0) scaleX(3)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0) scaleX(1);
        transform:translate3d(25px,0,0) scaleX(1)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0) scaleX(.98);
        transform:translate3d(-10px,0,0) scaleX(.98)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0) scaleX(.995);
        transform:translate3d(5px,0,0) scaleX(.995)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInLeft{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0) scaleX(3);
        transform:translate3d(-3000px,0,0) scaleX(3)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0) scaleX(1);
        transform:translate3d(25px,0,0) scaleX(1)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0) scaleX(.98);
        transform:translate3d(-10px,0,0) scaleX(.98)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0) scaleX(.995);
        transform:translate3d(5px,0,0) scaleX(.995)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0) scaleX(3);
        transform:translate3d(3000px,0,0) scaleX(3)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0) scaleX(1);
        transform:translate3d(-25px,0,0) scaleX(1)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0) scaleX(.98);
        transform:translate3d(10px,0,0) scaleX(.98)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0) scaleX(.995);
        transform:translate3d(-5px,0,0) scaleX(.995)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInRight{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0) scaleX(3);
        transform:translate3d(3000px,0,0) scaleX(3)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0) scaleX(1);
        transform:translate3d(-25px,0,0) scaleX(1)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0) scaleX(.98);
        transform:translate3d(10px,0,0) scaleX(.98)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0) scaleX(.995);
        transform:translate3d(-5px,0,0) scaleX(.995)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0) scaleY(5);
        transform:translate3d(0,3000px,0) scaleY(5)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0) scaleY(.95);
        transform:translate3d(0,10px,0) scaleY(.95)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0) scaleY(.985);
        transform:translate3d(0,-5px,0) scaleY(.985)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes bounceInUp{
    0%,60%,75%,90%,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0) scaleY(5);
        transform:translate3d(0,3000px,0) scaleY(5)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0) scaleY(.95);
        transform:translate3d(0,10px,0) scaleY(.95)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0) scaleY(.985);
        transform:translate3d(0,-5px,0) scaleY(.985)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
.animate__bounceOut{
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*.75);
    animation-duration:calc(var(--animate-duration)*.75);
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0) scaleY(.985);
        transform:translate3d(0,10px,0) scaleY(.985)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0) scaleY(3);
        transform:translate3d(0,2000px,0) scaleY(3)
    }
}
@keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0) scaleY(.985);
        transform:translate3d(0,10px,0) scaleY(.985)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0) scaleY(.9);
        transform:translate3d(0,-20px,0) scaleY(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0) scaleY(3);
        transform:translate3d(0,2000px,0) scaleY(3)
    }
}
.animate__bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0) scaleX(.9);
        transform:translate3d(20px,0,0) scaleX(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0) scaleX(2);
        transform:translate3d(-2000px,0,0) scaleX(2)
    }
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0) scaleX(.9);
        transform:translate3d(20px,0,0) scaleX(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0) scaleX(2);
        transform:translate3d(-2000px,0,0) scaleX(2)
    }
}
.animate__bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0) scaleX(.9);
        transform:translate3d(-20px,0,0) scaleX(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0) scaleX(2);
        transform:translate3d(2000px,0,0) scaleX(2)
    }
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0) scaleX(.9);
        transform:translate3d(-20px,0,0) scaleX(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0) scaleX(2);
        transform:translate3d(2000px,0,0) scaleX(2)
    }
}
.animate__bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0) scaleY(.985);
        transform:translate3d(0,-10px,0) scaleY(.985)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0) scaleY(.9);
        transform:translate3d(0,20px,0) scaleY(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0) scaleY(3);
        transform:translate3d(0,-2000px,0) scaleY(3)
    }
}
@keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0) scaleY(.985);
        transform:translate3d(0,-10px,0) scaleY(.985)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0) scaleY(.9);
        transform:translate3d(0,20px,0) scaleY(.9)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0) scaleY(3);
        transform:translate3d(0,-2000px,0) scaleY(3)
    }
}
.animate__bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    to{
        opacity:1
    }
}
.animate__fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInTopLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInTopLeft{
    -webkit-animation-name:fadeInTopLeft;
    animation-name:fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInTopRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInTopRight{
    -webkit-animation-name:fadeInTopRight;
    animation-name:fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInBottomLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInBottomLeft{
    -webkit-animation-name:fadeInBottomLeft;
    animation-name:fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes fadeInBottomRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__fadeInBottomRight{
    -webkit-animation-name:fadeInBottomRight;
    animation-name:fadeInBottomRight
}
@-webkit-keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}
.animate__fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.animate__fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.animate__fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.animate__fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.animate__fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.animate__fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.animate__fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.animate__fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.animate__fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
}
@keyframes fadeOutTopLeft{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,-100%,0);
        transform:translate3d(-100%,-100%,0)
    }
}
.animate__fadeOutTopLeft{
    -webkit-animation-name:fadeOutTopLeft;
    animation-name:fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
}
@keyframes fadeOutTopRight{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,-100%,0);
        transform:translate3d(100%,-100%,0)
    }
}
.animate__fadeOutTopRight{
    -webkit-animation-name:fadeOutTopRight;
    animation-name:fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
}
@keyframes fadeOutBottomRight{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,100%,0);
        transform:translate3d(100%,100%,0)
    }
}
.animate__fadeOutBottomRight{
    -webkit-animation-name:fadeOutBottomRight;
    animation-name:fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
}
@keyframes fadeOutBottomLeft{
    0%{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,100%,0);
        transform:translate3d(-100%,100%,0)
    }
}
.animate__fadeOutBottomLeft{
    -webkit-animation-name:fadeOutBottomLeft;
    animation-name:fadeOutBottomLeft
}
@-webkit-keyframes flip{
    0%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }
    to{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}
@keyframes flip{
    0%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }
    40%{
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }
    50%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }
    80%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }
    to{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}
.animate__animated.animate__flip{
    -webkit-animation-name:flip;
    animation-name:flip;
    -webkit-backface-visibility:visible;
    backface-visibility:visible
}
@-webkit-keyframes flipInX{
    0%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    0%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }
    60%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(10deg);
        transform:perspective(400px) rotateX(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateX(-5deg);
        transform:perspective(400px) rotateX(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.animate__flipInX{
    -webkit-animation-name:flipInX;
    animation-name:flipInX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipInY{
    0%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    0%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0;
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg)
    }
    40%{
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        -webkit-transform:perspective(400px) rotateY(-20deg);
        transform:perspective(400px) rotateY(-20deg)
    }
    60%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateY(10deg);
        transform:perspective(400px) rotateY(10deg)
    }
    80%{
        -webkit-transform:perspective(400px) rotateY(-5deg);
        transform:perspective(400px) rotateY(-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.animate__flipInY{
    -webkit-animation-name:flipInY;
    animation-name:flipInY;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }
    to{
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }
}
@keyframes flipOutX{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateX(-20deg);
        transform:perspective(400px) rotateX(-20deg)
    }
    to{
        opacity:0;
        -webkit-transform:perspective(400px) rotateX(90deg);
        transform:perspective(400px) rotateX(90deg)
    }
}
.animate__flipOutX{
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*.75);
    animation-duration:calc(var(--animate-duration)*.75);
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg)
    }
    to{
        opacity:0;
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg)
    }
}
@keyframes flipOutY{
    0%{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        opacity:1;
        -webkit-transform:perspective(400px) rotateY(-15deg);
        transform:perspective(400px) rotateY(-15deg)
    }
    to{
        opacity:0;
        -webkit-transform:perspective(400px) rotateY(90deg);
        transform:perspective(400px) rotateY(90deg)
    }
}
.animate__flipOutY{
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*.75);
    animation-duration:calc(var(--animate-duration)*.75);
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY;
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important
}
@-webkit-keyframes lightSpeedInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg)
    }
    60%{
        opacity:1;
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg)
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes lightSpeedInRight{
    0%{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg)
    }
    60%{
        opacity:1;
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg)
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__lightSpeedInRight{
    -webkit-animation-name:lightSpeedInRight;
    animation-name:lightSpeedInRight;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) skewX(30deg);
        transform:translate3d(-100%,0,0) skewX(30deg)
    }
    60%{
        opacity:1;
        -webkit-transform:skewX(-20deg);
        transform:skewX(-20deg)
    }
    80%{
        -webkit-transform:skewX(5deg);
        transform:skewX(5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes lightSpeedInLeft{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) skewX(30deg);
        transform:translate3d(-100%,0,0) skewX(30deg)
    }
    60%{
        opacity:1;
        -webkit-transform:skewX(-20deg);
        transform:skewX(-20deg)
    }
    80%{
        -webkit-transform:skewX(5deg);
        transform:skewX(5deg)
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__lightSpeedInLeft{
    -webkit-animation-name:lightSpeedInLeft;
    animation-name:lightSpeedInLeft;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg)
    }
}
@keyframes lightSpeedOutRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg)
    }
}
.animate__lightSpeedOutRight{
    -webkit-animation-name:lightSpeedOutRight;
    animation-name:lightSpeedOutRight;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes lightSpeedOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) skewX(-30deg);
        transform:translate3d(-100%,0,0) skewX(-30deg)
    }
}
@keyframes lightSpeedOutLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) skewX(-30deg);
        transform:translate3d(-100%,0,0) skewX(-30deg)
    }
}
.animate__lightSpeedOutLeft{
    -webkit-animation-name:lightSpeedOutLeft;
    animation-name:lightSpeedOutLeft;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    0%{
        opacity:0;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes rotateIn{
    0%{
        opacity:0;
        -webkit-transform:rotate(-200deg);
        transform:rotate(-200deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes rotateInDownLeft{
    0%{
        opacity:0;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes rotateInDownLeft{
    0%{
        opacity:0;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateInDownRight{
    0%{
        opacity:0;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes rotateInDownRight{
    0%{
        opacity:0;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes rotateInUpLeft{
    0%{
        opacity:0;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes rotateInUpLeft{
    0%{
        opacity:0;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateInUpRight{
    0%{
        opacity:0;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes rotateInUpRight{
    0%{
        opacity:0;
        -webkit-transform:rotate(-90deg);
        transform:rotate(-90deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes rotateOut{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg)
    }
}
@keyframes rotateOut{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(200deg);
        transform:rotate(200deg)
    }
}
.animate__rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut;
    -webkit-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes rotateOutDownLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
}
@keyframes rotateOutDownLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(45deg);
        transform:rotate(45deg)
    }
}
.animate__rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateOutDownRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
}
@keyframes rotateOutDownRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
}
.animate__rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes rotateOutUpLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
}
@keyframes rotateOutUpLeft{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
}
.animate__rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft;
    -webkit-transform-origin:left bottom;
    transform-origin:left bottom
}
@-webkit-keyframes rotateOutUpRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
@keyframes rotateOutUpRight{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
}
.animate__rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight;
    -webkit-transform-origin:right bottom;
    transform-origin:right bottom
}
@-webkit-keyframes hinge{
    0%{
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg)
    }
    40%,80%{
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1;
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0)
    }
}
@keyframes hinge{
    0%{
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        -webkit-transform:rotate(80deg);
        transform:rotate(80deg)
    }
    40%,80%{
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1;
        -webkit-transform:rotate(60deg);
        transform:rotate(60deg)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0)
    }
}
.animate__hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-duration:calc(var(--animate-duration)*2);
    animation-duration:calc(var(--animate-duration)*2);
    -webkit-animation-name:hinge;
    animation-name:hinge;
    -webkit-transform-origin:top left;
    transform-origin:top left
}
@-webkit-keyframes jackInTheBox{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) rotate(30deg);
        transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes jackInTheBox{
    0%{
        opacity:0;
        -webkit-transform:scale(.1) rotate(30deg);
        transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.animate__jackInTheBox{
    -webkit-animation-name:jackInTheBox;
    animation-name:jackInTheBox
}
@-webkit-keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes rollIn{
    0%{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate(-120deg);
        transform:translate3d(-100%,0,0) rotate(-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
@keyframes rollOut{
    0%{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate(120deg);
        transform:translate3d(100%,0,0) rotate(120deg)
    }
}
.animate__rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.animate__zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}
@keyframes zoomInDown{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}
.animate__zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}
@keyframes zoomInLeft{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}
.animate__zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}
@keyframes zoomInRight{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}
.animate__zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}
@keyframes zoomInUp{
    0%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }
    60%{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}
.animate__zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
@keyframes zoomOut{
    0%{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.animate__zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}
@keyframes zoomOutDown{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}
.animate__zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0)
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0)
    }
}
.animate__zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft;
    -webkit-transform-origin:left center;
    transform-origin:left center
}
@-webkit-keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0)
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0)
    }
}
.animate__zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight;
    -webkit-transform-origin:right center;
    transform-origin:right center
}
@-webkit-keyframes zoomOutUp{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}
@keyframes zoomOutUp{
    40%{
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
    to{
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1);
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}
.animate__zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp;
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInDown{
    0%{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInLeft{
    0%{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInRight{
    0%{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInUp{
    0%{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
.animate__slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}
@keyframes slideOutDown{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:hidden
    }
}
.animate__slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:hidden
    }
}
@keyframes slideOutLeft{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:hidden
    }
}
.animate__slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:hidden
    }
}
@keyframes slideOutRight{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:hidden
    }
}
.animate__slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:hidden
    }
}
@keyframes slideOutUp{
    0%{
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
    to{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:hidden
    }
}
.animate__slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
.txt-stroke{
    color:#f1ae05;
    color:var(--color-highlight);
    position:relative;
    text-shadow:.08em .08em #211215;
    z-index:1;
    -webkit-text-stroke:.08em #000;
    -webkit-text-stroke:.08em var(--color-main);
    paint-order:stroke fill
}
.txt-stroke:before{
    bottom:0;
    content:attr(data-text);
    left:0;
    position:absolute;
    right:0;
    text-shadow:none;
    top:0;
    z-index:1;
    -webkit-text-stroke:0
}
.txt-stroke-s{
    color:#f1ae05;
    color:var(--color-highlight);
    text-shadow:.1em 0 #211215,-.1em 0 #211215,0 .1em #211215,0 -.1em #211215,.1em .1em #211215,-.1em -.1em #211215,.1em -.1em #211215,-.1em .1em #211215,.1em .1em #211215
}
@font-face{
    font-family:mainFont;
    font-weight:400;
    src:local("Berlin Sans FB Demi"),url("BRLNSDB.d1459834d334206b5d44.TTF")
}
:root{
    --color-main:#000;
    --color-highlight:#f1ae05;
    --color-text-highlight:#f1ae05;
    --color-text-highlighter:#b88d61;
    --color-gray:#8f9998;
    --color-grayer:#ededed;
    --color-dark:#696a74;
    --color-darker:#292725;
    --color-red:#ff6029;
    --color-success:#38bd7c;
    --bg-color:#edc890;
    --border:0.15em solid var(--color-main);
    --border-radius:0.6em;
    --space-page-body:2vw;
    --box-padding:1.5rem;
    --font-size:24px;
    --swiper-pagination-color:var(--color-gray);
    --swiper-pagination-bullet-inactive-color:var(--color-text-highlight);
    --swiper-pagination-bullet-inactive-opacity:0.8
}
body,html{
    scroll-behavior:smooth
}
html{
    font-size:clamp(16px,.9375vw,26px)
}
body{
    background:url("bg3.49be12c57e0b50882304.webp") no-repeat bottom/100%,url("bg2.48dec89b62706142fdb8.webp") no-repeat 50%/100%;
    background-color:#edc890;
    background-color:var(--bg-color);
    color:#000;
    color:var(--color-main);
    font-family:mainFont;
    font-size:24px;
    font-size:var(--font-size);
    margin:0
}
body.noscroll,body:has(.menu.show){
    height:100vh;
    overflow:hidden
}

body::-webkit-scrollbar{
    display:none
}
ol,ul{
    list-style:none
}
a{
    text-decoration:none
}
a:hover{
    color:#f1ae05;
    color:var(--color-text-highlight)
}
button,input{
    font-family:inherit;
    font-size:inherit
}
table{
    border-collapse:collapse
}
iframe[style*="2147483647"]{
    display:none
}
.mt-1{
    margin-top:.5em
}
.mt-2{
    margin-top:1em
}
.mt-3{
    margin-top:1.5em
}
.mt-4{
    margin-top:2em
}
.mt-5{
    margin-top:2.5em
}
.txt-center{
    text-align:center
}
.txt-highlight{
    color:#f1ae05;
    color:var(--color-highlight)
}
.tips{
    color:#8f9998;
    color:var(--color-gray)
}
.tips p{
    margin:var(--space-base) 0 0
}
.svg-stroke{
    stroke:#000;
    stroke-width:.1em;
    paint-order:stroke;
    text-shadow:.1em .1em #000;
    fill:#fff;
    height:1.2em
}
.btn{
    align-items:center;
    background-color:#fff;
    border:.15em solid #000;
    border:var(--border);
    border-radius:.6em;
    border-radius:var(--border-radius);
    box-shadow:.15em .15em 0 #000c;
    color:#000;
    color:var(--color-main);
    display:flex;
    display:inline-flex;
    justify-content:center;
    padding:.8em 1.5em;
    fill:#000;
    fill:var(--color-main);
    cursor:pointer;
    transition:all .2s ease-in
}
.btn:has(div),.btn:has(img),.btn:has(svg){
    gap:.5em
}
.btn img,.btn svg{
    height:1.1em;
    width:1.1em
}
.btn:active,.btn:hover{
    background-color:#f1ae05;
    background-color:var(--color-highlight);
    box-shadow:.05em .05em 0 #0009;
    transform:translate(.1em,.1em)
}
.btn.btn-block{
    display:flex;
    margin-left:auto;
    margin-right:auto
}
.btn .pulse-bubble{
    background-color:#000;
    background-color:var(--color-main)
}
.btn.btn-small{
    font-size:.8em;
    padding:.2em .5em
}
.btn.btn-big{
    padding:.8em 2em
}
.btn.disabled,.btn:disabled{
    background-color:#dfdfdf!important;
    border-color:#8f9998!important;
    border-color:var(--color-gray)!important;
    color:#7a7a7a!important;
    fill:#7a7a7a!important;
    cursor:not-allowed
}
.btn.disabled:before,.btn:disabled:before{
    opacity:.5
}
.btn.btn-copy{
    overflow:hidden;
    position:relative
}
.btn.btn-copy:before{
    background-color:inherit;
    bottom:0;
    content:"";
    left:0;
    opacity:.6;
    position:absolute;
    right:0;
    top:0;
    transition:opacity .2s ease-in;
    z-index:-1
}
.btn.btn-copy svg{
    height:75%;
    left:50%;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    width:50%;
    z-index:1
}
.btn.btn-copy:has(svg):before{
    opacity:1;
    z-index:0
}
.icon{
    align-items:center;
    background-color:#fff;
    border:.15em solid #000;
    border:var(--border);
    border-radius:.6em;
    border-radius:var(--border-radius);
    box-shadow:.15em .15em 0 #000c;
    cursor:pointer;
    display:flex;
    display:inline-flex;
    height:2.44em;
    justify-content:center;
    overflow:hidden;
    padding:.3em;
    width:2.44em
}
.icon img,.icon svg{
    height:90%;
    transition:transform .2s;
    width:90%
}
.icon.icon-big{
    height:2.5em;
    width:2.5em
}
.icon.icon-bigger{
    height:3em;
    width:3em
}
.icon:hover{
    background-color:#f1ae05;
    background-color:var(--color-highlight)
}
.icon:hover img,.icon:hover svg{
    transform:scale(1.1)
}
.icon.badge{
    position:relative
}
.icon.badge:before{
    background-color:#d60000;
    border-radius:50%;
    content:"";
    height:.4em;
    position:absolute;
    right:.1em;
    top:.1em;
    width:.4em;
    z-index:1
}
.icon-copy{
    cursor:pointer;
    display:inline-block;
    position:relative;
    vertical-align:middle
}
.icon-copy svg{
    height:1.6em;
    margin-left:.2em;
    width:1.6em
}
.icon-copy svg:active{
    fill:#f1ae05;
    fill:var(--color-highlight)
}
.icon-copy:hover svg{
    fill:#f1ae05;
    fill:var(--color-text-highlight)
}
.icon-success{
    display:inline-block;
    height:1.75em;
    opacity:0;
    width:1.75em;
    fill:#38bd7c;
    fill:var(--color-success);
    transition:all .5s ease-in
}
.icon-success svg{
    height:100%;
    width:100%
}
.icon-success.copyed{
    opacity:1
}
.icon-success:not(:has(svg)){
    background:url("icons.9bb80f53d0eafcf1c148.svg") no-repeat;
    background-size:cover
}
.flex{
    display:flex
}
.flex-center{
    align-items:center
}
.flex-center,.flex-center-x{
    display:flex;
    justify-content:center
}
.flex-between,.flex-center-y{
    align-items:center;
    display:flex
}
.flex-between{
    justify-content:space-between
}
.box{
    background-color:#fff;
    border:.15em solid #000;
    border:.15em solid var(--color-main);
    border-radius:.6em;
    border-radius:var(--border-radius);
    box-shadow:.15em .15em 0 #000c;
    padding:1.5rem;
    padding:var(--box-padding)
}
.tooltip{
    --arrow-left:50%;
    --left:0;
    --top:100%;
    --width:max-content;
    --height:fit-content;
    background-color:#8f9998f2;
    border-radius:.5em;
    color:#485957;
    font-size:.66rem;
    left:var(--left);
    max-width:30em;
    opacity:0;
    padding:.5em 1em .6em;
    position:fixed;
    transition:opacity .5s;
    visibility:hidden;
    width:max-content;
    z-index:-1
}
.tooltip:after{
    border-color:#0000;
    border-style:solid;
    border-width:1em .6em;
    content:"";
    height:0;
    left:calc(var(--arrow-left) + .3em);
    position:absolute;
    width:0
}
.tooltip.top{
    top:calc(var(--top) - var(--height) - 1em)
}
.tooltip.top:after{
    border-top-color:#8f9998;
    border-top-color:var(--color-gray);
    top:calc(100% - 2px)
}
.tooltip.bottom{
    top:calc(var(--top) + 3em)
}
.tooltip.bottom:after{
    border-bottom-color:#8f9998;
    border-bottom-color:var(--color-gray);
    bottom:calc(100% - 2px);
    top:auto
}
.datalist{
    display:flex;
    flex-direction:column;
    gap:.2rem;
    justify-content:space-between;
    text-align:left
}
.datalist a:hover{
    color:#f1ae05;
    color:var(--color-text-highlight)
}
.datalist .row{
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:.5rem 0;
    width:100%
}
.datalist .row>div{
    flex:1 1;
    overflow:hidden;
    padding:.5rem;
    text-overflow:ellipsis;
    white-space:nowrap
}
.datalist .row .index{
    flex:0 0 4rem;
    text-align:center
}
.datalist .row .amount{
    padding-right:1rem;
    text-align:right
}
.datalist .body{
    flex:1 1
}
.datalist .body .row:hover{
    background-color:#fff3
}
.datalist .avatar{
    height:2em;
    width:2em
}
.datalist header{
    font-weight:700
}
.datalist header.box-header .row{
    border:none;
    box-shadow:0 .33em 0 #000c;
    margin-bottom:.4em
}
.datalist footer{
    justify-content:space-between
}
.countdown,.datalist footer{
    align-items:center;
    display:flex
}
.countdown{
    flex-direction:column;
    gap:.5em;
    padding:.5em 0
}
.countdown h4{
    font-weight:400;
    margin:0
}
.countdown .time{
    align-items:center;
    display:flex;
    gap:1em
}
.countdown .time>div{
    align-items:flex-end;
    display:flex
}
.countdown .time sub{
    color:#696a74;
    color:var(--color-dark);
    color:#959595;
    font-size:.625em;
    margin-left:.2em
}
.countdown.horizontal{
    flex-direction:row;
    font-size:var(--size-normal);
    justify-content:space-between
}
.community-links{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
    justify-content:center
}
.community-links li{
    height:3.14em;
    width:3.14em
}
.community-links li a{
    align-items:center;
    background-color:#fff;
    border:.15em solid #000;
    border:.15em solid var(--color-main);
    border-radius:.6em;
    border-radius:var(--border-radius);
    border-radius:.5em;
    box-shadow:.2em .2em 0 #000c;
    display:flex;
    height:100%;
    justify-content:center;
    padding:.4em;
    transition:all .2s ease-out;
    width:100%
}
.community-links li svg{
    height:90%;
    width:90%
}
.community-links li:nth-child(odd) a{
    transform:rotate(-8deg)
}
.community-links li:nth-child(2n) a{
    transform:rotate(8deg)
}
.community-links li.twitter svg{
    height:80%;
    width:80%
}
.community-links li.telegram svg{
    transform:translateX(-.05em)
}
.community-links li.instagram svg{
    transform:scale(.9)
}
.community-links li.medium svg{
    transform:scale(.8)
}
.community-links li:hover a{
    transform:scale(1.1)
}
.points{
    align-items:center;
    display:flex;
    font-size:1.33em;
    text-shadow:0 -.1em #fff,.1em 0 #fff,0 .1em #fff,-.1em 0 #fff
}
.animate-start{
    opacity:0
}
.animate{
    opacity:1
}
.container{
    display:flex;
    flex-direction:column;
    min-height:100vh;
    min-width:375px;
    overflow-x:hidden
}
.container main{
    flex:1 1
}
.container main>section{
    position:relative
}
.container main>section h2{
    align-items:center;
    color:#0000;
    display:flex;
    font-size:1em;
    height:5.22em;
    justify-content:center;
    margin:0 auto 1rem;
    max-width:80vw;
    text-align:center;
    text-transform:uppercase
}
.container main>section h2 span{
    position:absolute;
    z-index:-1
}
.container main>section h2:before{
    background:url("about_image2.d68051bbba6bab20c986.webp") no-repeat 50%/auto 90%;
    content:"";
    height:80%;
    margin-right:-5em;
    transform:translateX(-5em);
    width:5em
}
.container main>section h2.reverse{
    flex-direction:row-reverse
}
.container main>section h2.reverse:before{
    margin-left:-5em;
    margin-right:0;
    margin-top:-4em;
    transform:translateX(3.5em)
}
.container main>section h2:after{
    background:url("about.2c28bc1d06f40fbe8236.webp") no-repeat 50%/auto 100%;
    content:"";
    height:100%;
    width:17em
}
.container main>section h3{
    text-align:center
}
.container main>section:target:not(#home){
    padding-top:6rem
}
.container main:has(>section:only-child){
    display:flex
}
.container main:has(>section:only-child) section{
    width:100%
}
.container .section-body{
    align-items:stretch;
    display:flex;
    justify-content:center
}
.container .page-body{
    height:100%;
    margin:0 auto;
    max-width:60em;
    padding:3rem 2vw;
    padding:3rem var(--space-page-body);
    position:relative;
    width:100%
}
.page-header{
    --gap:1vw;
    left:0;
    padding:0 2vw;
    padding:0 var(--space-page-body);
    position:fixed;
    right:0;
    top:3em;
    transition:top .5s ease-in;
    z-index:100
}
.page-header .page-body{
    align-items:center;
    background-color:#fff;
    border:.2em solid #000;
    border-radius:.6em;
    border-radius:var(--border-radius);
    display:flex;
    gap:var(--gap);
    justify-content:space-between;
    padding:.5em 1vw
}
.page-header .btn{
    padding-bottom:.6em;
    padding-top:.6em
}
.page-header .logo{
    align-items:center;
    display:flex;
    flex-shrink:0;
    gap:1rem;
    justify-content:center;
    transition:all .5s
}
.page-header .logo h2{
    color:#fff;
    font-size:1.67em;
    text-shadow:.1em 0 #000,-.1em 0 #000,0 .1em #000,0 -.1em #000,.1em .1em #000,-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000
}
.page-header .logo img{
    width:8.69em
}
.page-header .right{
    align-items:center;
    display:flex;
    flex:1 1 60%;
    gap:var(--gap);
    justify-content:flex-end
}
.page-header .menu{
    align-items:center;
    border-radius:.5em;
    display:flex;
    flex:1 1;
    justify-content:center;
    padding:0 1em;
    white-space:nowrap
}
.page-header .menu ul{
    align-items:center;
    display:flex;
    flex:1 1;
    gap:calc(var(--gap)/2);
    justify-content:space-around
}
.page-header .menu ul li{
    align-items:center;
    display:flex;
    justify-content:center;
    padding:1em 0
}
.page-header .menu ul li.active a,.page-header .menu ul li:hover a{
    color:#f1ae05;
    color:var(--color-text-highlight);
    text-shadow:.1em 0 #000,-.1em 0 #000,0 .1em #000,0 -.1em #000,.1em .1em #000,-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000
}
.page-header .menu .btn-close{
    display:none;
    height:2.78em;
    padding:.3em;
    position:absolute;
    right:1em;
    top:1em;
    width:2.78em;
    fill:#fff
}
.page-header .menu .btn-close svg{
    height:100%;
    width:100%
}
.page-header .menu .btn-close:hover{
    fill:#ff6029;
    fill:var(--color-red)
}
.page-header .btn-menu{
    align-items:center;
    background-color:#fff;
    border:.15em solid #000;
    border:.15em solid var(--color-main);
    border-radius:.6em;
    border-radius:var(--border-radius);
    box-shadow:.15em .15em 0 #000c;
    display:flex;
    display:none;
    height:2.44em;
    justify-content:center;
    margin-right:-.3em;
    overflow:hidden;
    padding:.3em;
    width:2.44em
}
.page-header .btn-menu svg{
    height:90%;
    width:90%
}
.page-header .connect-entry{
    align-items:center;
    display:flex;
    gap:.5em
}
.page-header .connect-entry .btn{
    white-space:nowrap
}
.page-header .wallet-info{
    position:relative;
    width:100%
}
.page-header .wallet-info>.btn{
    position:relative;
    z-index:1
}
.page-header .wallet-info .list{
    left:0;
    min-width:100%;
    opacity:0;
    padding:.5em 0;
    position:absolute;
    top:0;
    transition:all .5s ease-in;
    visibility:hidden;
    z-index:0
}
.page-header .wallet-info .list .btn{
    width:100%
}
.page-header .wallet-info .btn-disconnect{
    display:none
}
.page-header .wallet-info.active .list,.page-header .wallet-info:hover .list{
    opacity:1;
    top:100%;
    visibility:visible
}
.page-header .user-info{
    position:relative
}
.page-header .user-info dt{
    align-items:center;
    background-color:#fff;
    border:.15em solid #000;
    border:.15em solid var(--color-main);
    border-radius:.6em;
    border-radius:var(--border-radius);
    display:flex;
    justify-content:space-between;
    min-width:12em;
    padding:.5em .8em;
    position:relative;
    z-index:1
}
.page-header .user-info dt>h4{
    flex:1 1;
    font-weight:400;
    margin-left:.5em;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.page-header .user-info dt .avatar{
    background-color:#f1ae05;
    background-color:var(--color-highlight);
    border:.1em solid #000;
    border:.1em solid var(--color-main);
    border-radius:50%;
    height:1.5em;
    width:1.5em
}
.page-header .user-info dt svg{
    height:.8em;
    transform:rotate(90deg);
    width:.8em
}
.page-header .user-info dd{
    background-color:#fff;
    border:.15em solid #000;
    border:.15em solid var(--color-main);
    border-radius:.6em;
    border-radius:var(--border-radius);
    left:0;
    min-width:100%;
    opacity:0;
    padding:.8em;
    position:absolute;
    top:0;
    transition:all .2s ease-out;
    z-index:-1
}
.page-header .user-info dd li{
    align-items:center;
    border-bottom:.15em solid #000;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    margin-bottom:.6em;
    padding-bottom:.6em
}
.page-header .user-info dd li:last-child{
    border:none;
    margin-bottom:0;
    padding-bottom:0
}
.page-header .user-info dd li .title{
    flex:1 1
}
.page-header .user-info dd li svg{
    fill:#000;
    fill:var(--color-main);
    height:1.22em;
    width:1.22em
}
.page-header .user-info dd li svg:hover{
    fill:#f1ae05;
    fill:var(--color-highlight)
}
.page-header .user-info dd li.connect{
    justify-content:center;
    padding-top:.2em;
    transition:all .2s
}
.page-header .user-info dd li.connect:hover{
    color:#f1ae05;
    color:var(--color-highlight);
    letter-spacing:.05em
}
.page-header .user-info dd .title h5{
    color:#f1ae05;
    color:var(--color-highlight);
    font-size:.83em;
    font-weight:400;
    margin-bottom:.2em
}
.page-header .user-info dd h4{
    display:none
}
.page-header .user-info.active dd{
    opacity:1;
    top:calc(100% + .5em);
    z-index:0
}
.page-header .icons{
    align-items:center;
    display:flex;
    gap:1vw
}
.page-header .icons .cl svg{
    height:100%;
    width:100%
}
.page-header.fixed{
    left:0;
    position:fixed;
    right:0;
    top:2vw;
    top:var(--space-page-body);
    z-index:100
}
.page-header.animate-start:not(.fixed) .page-body{
    opacity:0;
    top:-5em;
    transition:top .5s step-start,opacity 1s step-start .2s
}
.page-header.animate:not(.fixed) .page-body{
    opacity:1;
    top:0;
    transition-timing-function:ease-in,ease-out
}
.page-footer.animate .page-body{
    animation:bounceInUp .5s;
    opacity:1
}
@media screen and (min-width:3000px){
    :root{
        --font-size:34px
    }
}
@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-device-pixel-ratio:2){
    :root{
        --font-size:18px
    }
}
@media screen and (max-width:1920px){
    body{
        background-size:120%
    }
}
@media screen and (max-width:1440px){
    body{
        background-size:150%
    }
}
@media screen and (max-width:1300px){
    .page-header{
        left:.5rem;
        right:.5rem;
        top:.5rem
    }
    .page-header .page-body{
        padding-left:2vw;
        padding-left:var(--space-page-body);
        padding-right:2vw;
        padding-right:var(--space-page-body)
    }
    .page-header .menu{
        aspect-ratio:auto;
        display:none
    }
    .page-header .menu.show{
        background:#000000e6;
        border:none;
        border-radius:0;
        bottom:0;
        color:#fff;
        display:block;
        height:100vh;
        left:0;
        padding:7rem 0;
        position:fixed;
        right:0;
        top:0;
        z-index:100
    }
    .page-header .menu.show ul{
        flex-direction:column;
        height:60%;
        justify-content:center
    }
    .page-header .menu.show li.active a,.page-header .menu.show li:hover{
        color:#f1ae05;
        color:var(--color-highlight)
    }
    .page-header .menu.show li:hover a{
        color:inherit
    }
    .page-header .btn-menu,.page-header .menu.show .btn-close{
        display:flex
    }
}
@media screen and (max-width:1100px){
    body{
        background-size:200%,160%
    }
    div.page-home .banner{
        background-size:auto 100%;
        padding-top:5em
    }
    div.page-home .banner .page-body{
        align-items:center;
        flex-direction:column
    }
    div.page-home .banner .info{
        position:relative;
        z-index:1
    }
    div.page-home .banner .img{
        margin-top:-4em
    }
    div.page-home .banner .img:after{
        bottom:-13%
    }
    div.page-home .about .page-body{
        flex-direction:column;
        gap:1em
    }
    div.page-home .about .page-body .img,div.page-home .about .page-body .left{
        width:auto
    }
    div.page-home .about h2{
        justify-content:center
    }
    div.page-home .about .content{
        text-align:center
    }
    div.page-home .airdrop .section-body{
        flex-direction:column;
        gap:2em
    }
    div.page-home .airdrop .score{
        width:auto
    }
    div.page-home .airdrop .score ul{
        min-height:8em
    }
    div.page-home .tokenomics .list li:not(.img):nth-child(3),div.page-home .tokenomics .list li:not(.img):nth-child(4){
        left:10%
    }
    div.page-home .tokenomics .list li:not(.img):nth-child(2),div.page-home .tokenomics .list li:not(.img):nth-child(5){
        left:70%
    }
    div.page-home .roadmap .list{
        grid-template-columns:1fr;
        margin:0 3vw
    }
    div.page-home .roadmap .list>li:first-child{
        transform:rotate(1deg)
    }
    div.page-home .roadmap .list>li:nth-child(2){
        transform:rotate(-1deg)
    }
    div.page-home .roadmap .list>li:nth-child(3){
        transform:rotate(1deg)
    }
    div.page-home .roadmap .list>li:hover{
        transform:rotate(0)
    }
    div.page-home .roadmap .list.animate-start>li:first-child{
        transform:rotate(1deg) translate(-10em)
    }
    div.page-home .roadmap .list.animate-start>li:nth-child(2){
        transform:rotate(-1deg) translateY(10em)
    }
    div.page-home .roadmap .list.animate-start>li:nth-child(3){
        transform:rotate(1deg) translate(10em)
    }
    div.page-home .roadmap .list.animate>li:first-child{
        transform:rotate(1deg) translate(0)
    }
    div.page-home .roadmap .list.animate>li:nth-child(2){
        transform:rotate(-1deg) translate(0)
    }
    div.page-home .roadmap .list.animate>li:nth-child(3){
        transform:rotate(1deg) translate(0)
    }
}
@media screen and (max-width:750px){
    .container main>section h2{
        height:3.5em
    }
    .container main>section h2:before{
        margin-right:-3.5em;
        transform:translateX(-3.5em);
        width:3.5em
    }
    .container main>section h2:after{
        background-size:auto 3.2em;
        max-width:90vw;
        width:11em
    }
    .container main>section h2.reverse:before{
        margin-top:-2.5em
    }
    .page-header{
        left:0;
        right:0;
        top:0
    }
    .page-header .page-body{
        background-color:#0000;
        border:none
    }
    .page-header .icons{
        display:flex
    }
    .page-header .connect-entry{
        display:none
    }
    .page-header .menu.show+.connect-entry{
        background-color:#000;
        bottom:0;
        display:flex;
        justify-content:space-between;
        left:0;
        min-height:5em;
        padding:0 3vw;
        position:fixed;
        right:0;
        z-index:101
    }
    .page-header .menu.show+.connect-entry:has(>:only-child){
        justify-content:center
    }
    .page-header .menu.show+.connect-entry .btn{
        border:none;
        border-radius:0;
        color:#fff;
        width:auto;
        fill:#fff;
        background-color:#0000;
        transform:none
    }
    .page-header .menu.show+.connect-entry .btn:hover{
        color:#f1ae05;
        color:var(--color-highlight)
    }
    .page-header .menu.show+.connect-entry .wallet-info{
        display:flex;
        justify-content:space-between
    }
    .page-header .menu.show+.connect-entry .wallet-info .list{
        display:none
    }
    .page-header .menu.show+.connect-entry .wallet-info .btn-disconnect{
        display:block;
        fill:#fff;
        cursor:pointer
    }
    .page-header .menu.show+.connect-entry .wallet-info .btn-disconnect svg{
        height:2em;
        width:2em
    }
    .page-header .menu.show+.connect-entry .wallet-info .btn-disconnect:hover{
        fill:#f1ae05;
        fill:var(--color-highlight)
    }
    .page-header .btn-menu{
        background-color:#0000;
        border:none;
        box-shadow:none;
        fill:#fff;
        stroke:#0009;
        stroke-width:.5em
    }
    .page-header .btn-menu svg{
        height:100%;
        width:100%
    }
    div.page-home .banner .page-body{
        padding-top:3em
    }
    div.page-home .banner .img{
        left:0
    }
    div.page-home .banner .img:after{
        bottom:-12%
    }
    div.page-home .about h2:after{
        width:9em
    }
    div.page-home .airdrop h2:after{
        width:16em
    }
    div.page-home .tokenomics .list li:not(.img):nth-child(3),div.page-home .tokenomics .list li:not(.img):nth-child(4){
        left:3%
    }
    div.page-home .tokenomics .list li:not(.img):nth-child(2),div.page-home .tokenomics .list li:not(.img):nth-child(5){
        left:70%
    }
    div.page-home .roadmap h2:after{
        width:15em
    }
    div.page-home .faq h2:after{
        width:6em
    }
}
@media screen and (max-width:480px){
    :root{
        --font-size:16px;
        --space-page-body:3vw
    }
    .container main .page-body{
        padding-bottom:2rem;
        padding-top:1rem
    }
    div.page-home .banner .main-title img{
        width:90%
    }
    div.page-home .banner .main-title .bone{
        font-size:.8em;
        left:1em;
        right:1em;
        top:3em
    }
    div.page-home .banner .swap{
        padding:2em 1em
    }
    div.page-home .banner .swap .btns .btn{
        flex:1 1;
        min-width:auto;
        padding-left:1em;
        padding-right:1em;
        white-space:nowrap
    }
    div.page-home .banner .img{
        width:50%
    }
    div.page-home .tokenomics .total{
        font-size:1.6em
    }
    div.page-home .tokenomics .list{
        font-size:.8em;
        padding-bottom:3em
    }
}
.state-btn-bala{
    align-items:center;
    display:flex;
    justify-content:center;
    position:relative
}
.state-btn-bala.shake{
    animation:shake .8s
}
@keyframes shake{
    10%{
        transform:rotate(5deg)
    }
    20%{
        transform:rotate(-5deg)
    }
    30%{
        transform:rotate(5deg)
    }
    40%{
        transform:rotate(-5deg)
    }
    45%{
        transform:rotate(0deg)
    }
}
.state-btn-bala .hint-text{
    font-size:.3rem;
    height:.4rem;
    left:50%;
    position:absolute;
    top:-.4rem;
    transform:translate3d(-50%,0,0);
    white-space:nowrap
}
.state-btn-bala .error-text{
    color:red
}
.state-btn-bala .succeed-text{
    color:green
}
.pulse-container{
    align-items:center;
    display:flex;
    justify-content:space-between;
    margin-left:5px;
    width:16px
}
@keyframes pulse{
    0%{
        opacity:1;
        transform:scale(1)
    }
    to{
        opacity:.25;
        transform:scale(.75)
    }
}
.pulse-bubble{
    background-color:#fff;
    border-radius:50%;
    height:4px;
    width:4px
}
.pulse-bubble-1{
    animation:pulse .4s ease 0s infinite alternate
}
.pulse-bubble-2{
    animation:pulse .4s ease .2s infinite alternate
}
.pulse-bubble-3{
    animation:pulse .4s ease .4s infinite alternate
}
.popup-wrap{
    --bg-color:#fffc;
    -webkit-backdrop-filter:blur(.1em);
    backdrop-filter:blur(.1em);
    background-color:var(--bg-color);
    bottom:0;
    left:0;
    opacity:0;
    position:fixed;
    right:0;
    top:0;
    visibility:hidden;
    z-index:-1
}
.popup-wrap.visible{
    z-index:100
}
.popup-wrap.visible,.popup-wrap.visible .popup{
    opacity:1;
    visibility:visible
}
.popup{
    --color-success:#6cb43f;
    --color-fail:#fb5630;
    --border-color:#978373;
    background-color:#fff;
    border:.15em solid var(--border-color);
    border-radius:1em;
    left:50%;
    max-width:20em;
    min-width:200px;
    opacity:0;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    transition:all .5s ease;
    visibility:hidden;
    width:90%
}
.popup .popup-content{
    padding:1em
}
.popup .popup-content h2{
    font-size:2.88em;
    margin:.2em 1em;
    text-align:center
}
.popup .popup-content>.btn{
    margin:1em auto
}
.popup .popup-content .quote{
    background-color:#0000000d;
    border-radius:.5em;
    line-height:1.2;
    margin:.5em 0;
    padding:1em
}
.popup .popup-content .detail{
    background-color:#f6f0e3;
    border:.1em solid var(--border-color);
    border-radius:.5em;
    line-height:1.2;
    padding:1em
}
.popup .popup-content .detail p{
    margin:1em 0
}
.popup .popup-content .detail p:first-child{
    margin-top:0
}
.popup .popup-content .detail p:last-child{
    margin-bottom:0
}
.popup .popup-content .detail strong{
    color:var(--color-highlight);
    font-weight:400
}
.popup .popup-content .detail a{
    color:var(--color-highlight)
}
.popup .btn-close{
    align-items:center;
    display:flex;
    height:1.72em;
    justify-content:center;
    padding:.4em;
    position:absolute;
    right:.8em;
    top:.8em;
    width:1.72em;
    z-index:10
}
.popup .btn-close svg{
    height:100%;
    width:100%
}
.popup .btn-close:hover{
    fill:var(--color-fail)
}
.popup.toast{
    min-width:auto;
    width:auto
}
.popup.toast .popup-content{
    align-items:center;
    display:flex;
    gap:.5em;
    padding-right:3em
}
.popup.toast .popup-content h2{
    font-size:2em;
    margin:0;
    text-align:left
}
.popup.toast .popup-content .img{
    width:4em
}
.popup.toast .popup-content .img img,.popup.toast .popup-content .img svg{
    aspect-ratio:1/1;
    width:100%
}
.popup.toast.success h2{
    color:var(--color-success)
}
.popup.toast.success .img{
    fill:var(--color-success)
}
.popup.toast.fail h2{
    color:var(--color-fail)
}
.popup.toast.fail .img{
    fill:var(--color-fail)
}
@keyframes scrolling{
    to{
        transform:rotate(1turn)
    }
}
@keyframes slideLove{
    0%{
        transform:translateY(2em)
    }
}
@keyframes tremble{
    0%,to{
        transform:translateZ(0)
    }
    10%,30%,50%,70%,90%{
        transform:translate3d(0,-.1em,0)
    }
    20%,40%,60%,80%{
        transform:translate3d(0,.1em,0)
    }
}
.page-home .banner{
    background:url("bg.27f8739432ce29708165.webp") no-repeat top/100%;
    padding-top:10em
}
.page-home .banner .page-body{
    align-items:center;
    display:flex;
    flex-direction:row-reverse;
    justify-content:center;
    min-height:10.56rem;
    padding-bottom:5em;
    padding-top:5em
}
.page-home .banner .page-body:last-child{
    justify-content:center;
    padding-bottom:5em;
    padding-top:0
}
.page-home .banner .main-title{
    position:relative;
    text-align:center;
    text-transform:uppercase;
    top:-3em
}
.page-home .banner .main-title:before{
    animation:swing 1s infinite;
    background:url("bone3.760f0250a95e4a44317e.webp") no-repeat 50%/auto 100%;
    content:"";
    height:2.08em;
    left:12em;
    position:absolute;
    top:2.9em;
    width:2.08em
}
.page-home .banner .main-title p{
    position:relative;
    z-index:1;
    -webkit-text-stroke:.2em var(--color-main);
    color:#fff;
    font-size:2.78em
}
.page-home .banner .main-title p:before{
    bottom:0;
    content:attr(data-text);
    left:0;
    position:absolute;
    right:0;
    text-shadow:none;
    top:0;
    z-index:1;
    -webkit-text-stroke:0;
    color:inherit
}
.page-home .banner .main-title img{
    margin-top:1rem;
    position:relative;
    width:28.25em;
    z-index:1
}
.page-home .banner .main-title .bone{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:2em;
    z-index:2
}
.page-home .banner .main-title .bone:before{
    animation:swing 3s infinite;
    background:url("bone.b06be3cc23049ba99cf7.webp") no-repeat 50%/100%;
    bottom:1.8em;
    content:"";
    height:4.72em;
    left:-1em;
    position:absolute;
    width:4.72em
}
.page-home .banner .main-title .bone:after{
    animation:swing 2s infinite;
    background:url("bone3.760f0250a95e4a44317e.webp") no-repeat 50%/auto 100%;
    content:"";
    height:5em;
    position:absolute;
    right:-.1em;
    top:1.5em;
    width:5em
}
.page-home .banner .addr{
    align-items:center;
    display:flex;
    flex-direction:column;
    gap:.5em;
    justify-content:center;
    margin-bottom:1rem
}
.page-home .banner .addr h4{
    font-size:1.33em
}
.page-home .banner .addr .content{
    gap:.5em;
    position:relative
}
.page-home .banner .addr .content .val{
    color:#326363
}
.page-home .banner .addr .btn-copy{
    border-radius:.4em;
    box-shadow:.1em .1em #000c;
    padding:.1em .5em .2em
}
.page-home .banner .addr .btn-copy+svg{
    height:1.2em;
    position:absolute;
    right:-2em;
    width:1.2em;
    fill:#20bd1c
}
.page-home .banner .swap{
    border-radius:.8em;
    border-width:.2em;
    box-shadow:.3em .3em 0 #000c
}
.page-home .banner .swap .btns .btn{
    border-width:.2em;
    padding-bottom:.3em;
    padding-top:.3em
}
.page-home .banner .swap .btns .btn:before{
    background:url("paw.95f25d95d72a582688f4.svg") no-repeat 50%/100%;
    content:"";
    height:1.5em;
    width:1.5em
}
.page-home .banner .swap .btns .btn:last-child:before{
    background-image:url("line.e92794ebf8c86245c316.svg");
    height:2em;
    width:2em
}
.page-home .banner .swap .input-group.error+.tips{
    background:url("fail.6cb9218eea2eea319f2c.webp") no-repeat 0/1em 1em;
    padding-left:1.3em
}
.page-home .banner .img{
    left:calc(var(--space-page-body)*-2);
    padding-top:8em;
    position:relative;
    text-align:center;
    width:40%
}
.page-home .banner .img:before{
    animation:slideLove 2s infinite alternate;
    background:url("love.1f0dc5563ba90428e770.webp") no-repeat 50%/100%;
    content:"";
    height:12em;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:2
}
.page-home .banner .img:after{
    aspect-ratio:1181/337;
    background:url("dogs2.0e1f0050de35f5c3ff8b.webp") no-repeat 50%/contain;
    bottom:-14%;
    content:"";
    left:-8%;
    position:absolute;
    width:150%;
    z-index:0
}
.page-home .banner .img img{
    max-width:17.44em;
    position:relative;
    width:90%;
    z-index:1
}
.page-home .banner .community-links{
    gap:2em
}
.page-home .banner .community-links li{
    height:4.2em;
    width:4.2em
}
.page-home .about .page-body{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.page-home .about .page-body .left{
    width:50%
}
.page-home .about h2{
    justify-content:flex-end
}
.page-home .about h2:after{
    background-position:100%;
    width:15em
}
.page-home .about .content{
    line-height:1.2;
    text-align:right
}
.page-home .about .img{
    width:45%
}
.page-home .about .img img{
    width:100%
}
.page-home .airdrop h2:before{
    background-image:url("roadmap_image.ca0e0a64f063e1cbd9f7.webp")
}
.page-home .airdrop h2:after{
    background-image:url("drop.d7b2ab876b4f1b646104.webp");
    width:26em
}
.page-home .airdrop .section-body{
    gap:1.39em;
    margin-top:2em
}
.page-home .airdrop .btn{
    border-radius:.5em;
    box-shadow:0 .2em #000c;
    gap:.2em;
    padding-bottom:.3em;
    padding-top:.3em
}
.page-home .airdrop .btn:before{
    background:url("paw.95f25d95d72a582688f4.svg") no-repeat 50%/100%;
    content:"";
    height:1.2em;
    width:1.2em
}
.page-home .airdrop .btn:hover{
    box-shadow:0 .1em #0009;
    transform:translateY(.1em)
}
.page-home .airdrop .score{
    align-items:stretch;
    background-color:#fff;
    border:.2em solid var(--color-main);
    border-radius:var(--border-radius);
    box-shadow:.3em .3em 0 #000c;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height:20em;
    min-width:23em;
    padding:1.5em 2em;
    position:relative;
    width:100%
}
.page-home .airdrop .score:before{
    background:url("about_image2.d68051bbba6bab20c986.webp") no-repeat 100% 100%/contain;
    content:"";
    height:10em;
    opacity:.2;
    position:absolute;
    right:0;
    top:20%;
    transform:rotate(90deg);
    width:10em;
    z-index:-1
}
.page-home .airdrop .score header{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.page-home .airdrop .score header:has(>:only-child){
    justify-content:center
}
.page-home .airdrop .score header:has(>:only-child) .btn-connect{
    position:relative
}
.page-home .airdrop .score header:has(>:only-child) .btn-connect:after,.page-home .airdrop .score header:has(>:only-child) .btn-connect:before{
    animation:swing 1s infinite;
    background:url("bone2.48b8eb639007b71103ef.webp") no-repeat 50%/contain;
    content:"";
    height:2em;
    pointer-events:none;
    position:absolute;
    width:2em;
    z-index:1
}
.page-home .airdrop .score header:has(>:only-child) .btn-connect:before{
    left:-.5em;
    top:-.8em
}
.page-home .airdrop .score header:has(>:only-child) .btn-connect:after{
    animation-delay:.5s;
    background-image:url("bone.b06be3cc23049ba99cf7.webp");
    bottom:-.5em;
    right:-.5em
}
.page-home .airdrop .score header .user-info{
    align-items:center;
    display:flex;
    gap:.5em
}
.page-home .airdrop .score header .avatar{
    border:.1em solid #000;
    border-radius:50%;
    box-shadow:0 .1em #000c;
    height:2em;
    overflow:hidden;
    width:2em
}
.page-home .airdrop .score header .avatar img{
    height:100%;
    width:100%
}
.page-home .airdrop .score header .btn-logout{
    gap:.5em;
    padding-left:1em;
    padding-right:1em
}
.page-home .airdrop .score header .btn-logout:before{
    display:none
}
.page-home .airdrop .score .tips{
    color:#a3a3a3;
    font-size:.78em;
    font-weight:400;
    margin-top:1em;
    text-align:center
}
.page-home .airdrop .score ul{
    align-items:stretch;
    border-top:.1em solid #000;
    display:flex;
    flex:1 1;
    flex-direction:column;
    justify-content:space-between;
    margin-bottom:1em;
    margin-top:1.5em;
    padding-top:1.28em
}
.page-home .airdrop .score ul li{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.page-home .airdrop .score ul li .label{
    color:#fff;
    font-size:1em;
    text-shadow:.1em 0 #000,-.1em 0 #000,0 .1em #000,0 -.1em #000,.1em .1em #000,-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000
}
.page-home .airdrop .score footer{
    align-items:center;
    display:flex;
    font-size:.83em;
    justify-content:space-between;
    position:relative;
    top:.5em
}
.page-home .airdrop .score footer .btn{
    margin-left:.5em;
    padding:.2em .5em .3em
}
.page-home .airdrop .score footer .btn:before{
    display:none
}
.page-home .airdrop .score footer .value{
    align-items:center;
    display:flex
}
.page-home .airdrop .score footer .icon-success{
    height:1.5em;
    opacity:0;
    position:absolute;
    right:-1.8em;
    width:1.5em
}
.page-home .airdrop .score footer .icon-success.copyed{
    opacity:1
}
.page-home .airdrop .score .countdown{
    margin-top:1em
}
.page-home .airdrop .score .countdown .time{
    color:#fff;
    font-size:1.33em;
    gap:0;
    text-shadow:.1em 0 #000,-.1em 0 #000,0 .1em #000,0 -.1em #000,.1em .1em #000,-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000
}
.page-home .airdrop .score .countdown .time span:nth-child(2){
    padding:0 .2em
}
.page-home .airdrop .tasklist{
    align-items:stretch;
    display:flex;
    flex:1 1;
    flex-direction:column;
    gap:.86em;
    justify-content:space-between
}
.page-home .airdrop .tasklist li{
    align-items:center;
    background-color:#fff;
    background:#fff url("arrow.7a2fe76c4a788a8935fe.webp") no-repeat right 1.5em center/.5em;
    border:.2em solid var(--color-main);
    border-radius:var(--border-radius);
    box-shadow:.3em .3em 0 #000c;
    cursor:pointer;
    display:flex;
    flex-direction:row-reverse;
    gap:1em;
    height:4.56em;
    justify-content:space-between;
    padding:.8em .8em .8em 1em;
    transition:all .2s ease-in
}
.page-home .airdrop .tasklist li h4{
    flex:1 1
}
.page-home .airdrop .tasklist li .points{
    align-items:center;
    display:flex;
    flex-direction:column;
    font-size:1em;
    height:2.47em;
    justify-content:center;
    text-shadow:none
}
.page-home .airdrop .tasklist li .points:before{
    background:url("paw.95f25d95d72a582688f4.svg") no-repeat 50%/100%;
    content:"";
    height:2em;
    width:2em
}
.page-home .airdrop .tasklist li:hover{
    background-color:var(--color-highlight);
    box-shadow:0 .1em #0009;
    transform:translateY(.1em)
}
.page-home .airdrop .tasklist li.finish .points{
    display:none
}
.page-home .airdrop .tasklist li.finish .icon{
    background-color:#000;
    border:.15em solid #000;
    border-radius:50%;
    box-shadow:none;
    overflow:hidden;
    padding:0
}
.page-home .airdrop .tasklist li.finish .icon svg{
    height:100%;
    width:100%;
    fill:var(--color-success);
    transform:scale(1.6) translateY(-.02em)
}
.page-home .tokenomics h2:before{
    background-image:url("neiro2_image.09b4a6852aef07b55074.webp")
}
.page-home .tokenomics h2:after{
    background-image:url("neiro2.1f987a1c403db069176e.webp")
}
.page-home .tokenomics .total{
    align-items:center;
    display:flex;
    justify-content:center;
    position:relative;
    z-index:1;
    -webkit-text-stroke:.06em var(--color-main);
    color:#fff;
    font-size:2.78em;
    letter-spacing:-.05em
}
.page-home .tokenomics .total:before{
    bottom:0;
    content:attr(data-text);
    left:0;
    position:absolute;
    right:0;
    text-shadow:none;
    top:0;
    z-index:1;
    -webkit-text-stroke:0;
    color:inherit
}
.page-home .tokenomics .list{
    padding:1rem 0 5rem;
    position:relative;
    transition:all .5s
}
.page-home .tokenomics .list li{
    transition:all .5s
}
.page-home .tokenomics .list li .percent{
    position:relative;
    z-index:1;
    -webkit-text-stroke:.2em var(--color-main);
    color:#fff;
    font-size:1.33em
}
.page-home .tokenomics .list li .percent:before{
    bottom:0;
    content:attr(data-text);
    left:0;
    position:absolute;
    right:0;
    text-shadow:none;
    top:0;
    z-index:1;
    -webkit-text-stroke:0;
    color:inherit
}
.page-home .tokenomics .list .img{
    align-items:center;
    display:flex;
    justify-content:center
}
.page-home .tokenomics .list .img img{
    height:22.58em
}
.page-home .tokenomics .list>li:not(.img){
    position:absolute
}
.page-home .tokenomics .list>li:not(.img):nth-child(2){
    left:63%;
    top:25%
}
.page-home .tokenomics .list>li:not(.img):nth-child(3){
    left:20%;
    text-align:right;
    top:25%
}
.page-home .tokenomics .list>li:not(.img):nth-child(4){
    left:20%;
    text-align:right;
    top:55%
}
.page-home .tokenomics .list>li:not(.img):nth-child(5){
    left:63%;
    top:55%
}
.page-home .tokenomics .list>li:not(.img):nth-child(6){
    left:50%;
    text-align:center;
    top:82%;
    transform:translateX(-50%)
}
.page-home .tokenomics .list.animate-start>li:nth-child(2),.page-home .tokenomics .list.animate-start>li:nth-child(5){
    transform:translateX(50vw)
}
.page-home .tokenomics .list.animate-start>li:nth-child(3),.page-home .tokenomics .list.animate-start>li:nth-child(4){
    transform:translateX(-50vw)
}
.page-home .tokenomics .list.animate-start>li:nth-child(6){
    transform:translate(-50%,20vh)
}
.page-home .tokenomics .list.animate>li:nth-child(2),.page-home .tokenomics .list.animate>li:nth-child(3),.page-home .tokenomics .list.animate>li:nth-child(4),.page-home .tokenomics .list.animate>li:nth-child(5){
    transform:translateX(0)
}
.page-home .tokenomics .list.animate>li:nth-child(6){
    transform:translate(-50%)
}
.page-home .roadmap h2:before{
    background-image:url("roadmap_image.ca0e0a64f063e1cbd9f7.webp")
}
.page-home .roadmap h2:after{
    background-image:url("roadmap.069379e7761854c54772.webp");
    width:22em
}
.page-home .roadmap .list{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    margin:5rem 0;
    text-align:center;
    transition:all .5s
}
.page-home .roadmap .list h4{
    color:#fff;
    font-size:1.33em;
    margin-bottom:1.5em;
    text-shadow:.1em 0 #000,-.1em 0 #000,0 .1em #000,0 -.1em #000,.1em .1em #000,-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000
}
.page-home .roadmap .list>li{
    background-color:#fff;
    border:.2em solid var(--color-main);
    border-radius:var(--border-radius);
    box-shadow:.3em .3em 0 #000c;
    padding:1.8rem;
    position:relative;
    transition:all .5s
}
.page-home .roadmap .list>li:first-child{
    transform:rotate(5deg) translate(.5em)
}
.page-home .roadmap .list>li:nth-child(2){
    transform:rotate(-3deg) translate(-.5em,4em);
    transform-origin:right bottom;
    transition-delay:.1s
}
.page-home .roadmap .list>li:nth-child(3){
    transform:rotate(5deg) translate(-1.4em,-1em);
    transform-origin:left top;
    transition-delay:.05s
}
.page-home .roadmap .list>li ul{
    font-size:.83em
}
.page-home .roadmap .list>li ul li{
    margin:1em 0
}
.page-home .roadmap .list>li:hover{
    transform:none;
    z-index:1
}
.page-home .roadmap .list.animate-start>li:first-child{
    transform:rotate(5deg) translate(-10em)
}
.page-home .roadmap .list.animate-start>li:nth-child(2){
    transform:rotate(-3deg) translate(-.5em,10em)
}
.page-home .roadmap .list.animate-start>li:nth-child(3){
    transform:rotate(5deg) translate(10em,-1em)
}
.page-home .roadmap .list.animate>li:first-child{
    transform:rotate(5deg) translate(.5em)
}
.page-home .roadmap .list.animate>li:nth-child(2){
    transform:rotate(-3deg) translate(-.5em,4em)
}
.page-home .roadmap .list.animate>li:nth-child(3){
    transform:rotate(5deg) translate(-1.4em,-1em)
}
.page-home .faq{
    --ddh:10em
}
.page-home .faq h2:before{
    background-image:url("faq_image.46b24d4f2330684b45d4.webp")
}
.page-home .faq h2:after{
    background-image:url("faq.57ce886709fa66c1ec9d.webp");
    width:10em
}
.page-home .faq dl{
    background-color:#fff;
    border:.15em solid var(--color-main);
    border-radius:var(--border-radius);
    box-shadow:.3em .3em 0 #000c;
    margin:1.5rem 0;
    padding:1em 1.5em
}
.page-home .faq dl:nth-child(2n){
    transform:rotate(1deg)
}
.page-home .faq dl:nth-child(odd){
    transform:rotate(-.5deg)
}
.page-home .faq dl dt{
    align-items:center;
    cursor:pointer;
    display:flex;
    gap:1em;
    justify-content:space-between;
    line-height:1.2;
    min-height:2.5em;
    fill:var(--color-main);
    color:#fff
}
.page-home .faq dl dt h4{
    font-size:1.33em;
    text-shadow:.1em 0 #000,-.1em 0 #000,0 .1em #000,0 -.1em #000,.1em .1em #000,-.1em -.1em #000,.1em -.1em #000,-.1em .1em #000,.1em .1em #000
}
.page-home .faq dl dt svg,.page-home .faq dl dt:after{
    height:1em;
    transition:transform .1s;
    width:1em
}
.page-home .faq dl dt:after{
    background:url("dropdown.562a085b75a2fe388c7b.webp") no-repeat 50%/auto 100%;
    content:""
}
.page-home .faq dl dt:hover svg,.page-home .faq dl dt:hover:after{
    transform:translateX(.2em)
}
.page-home .faq dl dd{
    line-height:1.5;
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:all .2s ease-in
}
.page-home .faq dl dd p{
    margin-top:1em
}
.page-home .faq dl dd p:first-child{
    margin-top:0
}
.page-home .faq dl:last-child{
    grid-column-start:2
}
.page-home .faq dl:hover dt{
    fill:var(--color-text-highlight)
}
.page-home .faq dl.active dt svg,.page-home .faq dl.active dt:after{
    transform:rotate(90deg)
}
.page-home .faq dl.active dd{
    max-height:var(--ddh);
    opacity:1;
    padding-top:1rem
}
.popup-wrap{
    --bg-color:#000c
}
.popup.swap-popup{
    background:url("bg4.9af486618e008a5bb3d0.webp") no-repeat 0 0/contain;
    background-size:100% 100%;
    border:none;
    border-radius:0;
    height:18.11em;
    width:16.5em
}
.popup.swap-popup .popup-content{
    flex-direction:column;
    height:100%;
    padding:3em 1em
}
.popup.swap-popup .popup-content h2{
    color:#000;
    font-size:1.22em
}
.popup.swap-popup .popup-content .img{
    align-items:center;
    display:flex;
    height:80%;
    justify-content:center;
    width:5.11em
}
.popup.swap-popup .btn-close{
    right:1em;
    top:1em
}
.popup.swap-popup.waiting .img img{
    animation:scrolling 1s infinite
}
.popup-wrap:has(.popup.waiting){
    -webkit-backdrop-filter:initial;
    backdrop-filter:none;
    background-color:#0000
}
.popup.waiting{
    min-width:auto;
    width:auto
}
.popup.waiting,.popup.waiting .popup-content{
    align-items:center;
    display:flex;
    justify-content:center
}
.popup.waiting .popup-content{
    flex-direction:column;
    height:10em
}
.popup.waiting .popup-content:before{
    animation:scrolling 1s infinite;
    background:url("wait.1eda70f84ec6da530844.webp") no-repeat 50%/contain;
    content:"";
    display:none;
    height:4em;
    width:4em
}
.popup.waiting .popup-content .img{
    height:auto;
    margin-bottom:2em
}
.popup.waiting .popup-content div h2{
    text-align:center
}
.popup.waiting .btn-close{
    cursor:pointer;
    display:block
}
.swap-view,.swap-view .operate-block{
    align-items:center;
    display:flex;
    flex-direction:column
}
.swap-view .operate-block{
    width:100%
}
.swap-view.sell .operate-block{
    flex-direction:column-reverse
}
.swap-view .input-wrap{
    width:100%
}
.swap-view .exchange{
    align-items:center;
    cursor:pointer;
    display:flex;
    height:40px;
    justify-content:center;
    margin:0;
    transition:all .5s;
    width:40px;
    z-index:11
}
.swap-view .exchange .exchange-icon{
    background:url("exchange.dec17810ed2d6c51e170.webp") no-repeat;
    background-size:100% 100%;
    height:27px;
    transition:all .5s;
    width:27px
}
.swap-view .exchange .exchange-icon:after{
    background-size:auto 100%;
    content:"";
    display:none
}
@media screen and (min-width:800px){
    .swap-view .exchange:hover .exchange-icon{
        background-size:auto 100%;
        transform:rotate(180deg)
    }
}
.swap-view .input-block{
    transition:all .5s;
    width:100%
}
.swap-view .input-block .balance-row{
    align-items:center;
    display:flex;
    height:28px;
    justify-content:space-between
}
.swap-view .input-block .balance-row .left{
    align-items:center;
    color:#fff;
    color:#000;
    display:flex;
    font-family:mainFont;
    font-size:20px;
    font-weight:400;
    gap:7px;
    justify-content:center
}
.swap-view .input-block .balance-row .left .coin-icon{
    height:27px;
    width:27px
}
.swap-view .input-block.eth .balance-row .left .coin-icon{
    background:url("eth.48a829c208489921fc1d.webp") no-repeat;
    background-size:100% 100%;
    height:32px;
    width:32px
}
.swap-view .input-block.token .balance-row .left .coin-icon{
    background:url("logo.fa275fcb9a3448dd1c35.webp") no-repeat;
    background-size:100% 100%;
    height:47px;
    width:35px
}
.swap-view .input-block .balance-row .balance{
    color:#606969;
    font-family:mainFont;
    font-size:20px
}
.swap-view .input-block .balance-row .balance span{
    color:#000;
    font-family:mainFont;
    font-size:20px
}
.swap-view.no-account .input-block .balance-row .balance{
    opacity:0
}
.swap-view .input-block .input-row{
    align-items:center;
    display:flex;
    height:65px;
    justify-content:space-between;
    margin-top:13px;
    padding:5px 12px 5px 28px;
    position:relative;
    width:100%
}
.swap-view .input-block .bg-line{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transition:all .5s;
    width:100%;
    z-index:0
}
.swap-view .input-block .bg-line .line{
    border:2px solid #000;
    border-radius:13px;
    height:100%;
    transition:filter .5s;
    width:100%
}
.swap-view .input-block.focused .bg-line .line{
    border-color:var(--color-text-highlight)
}
.swap-view .input-block.exceed .bg-line .line,.swap-view .input-block.exceed.focused .bg-line .line{
    border-color:#df0000
}
.swap-view .input-block.exceed .input-row{
    animation:tremble .6s .3s
}
.swap-view .input-block .input-row .left{
    flex-grow:1;
    position:relative;
    z-index:1
}
.swap-view .input-block .input-row .left .amount-input{
    background:#0000;
    border:none;
    box-shadow:none;
    color:#000;
    font-family:mainTitle;
    font-size:24px;
    font-weight:900;
    outline:none;
    width:100%
}
.swap-view .input-block.exceed .input-row .left .amount-input{
    color:#df0000
}
.swap-view .input-block .input-row .left .amount-input:-webkit-autofill,.swap-view .input-block .input-row .left .amount-input:-webkit-autofill:focus{
    -webkit-transition:background-color 0s 600000s,color 0s 600000s!important;
    transition:background-color 0s 600000s,color 0s 600000s!important
}
.swap-view .input-block .input-row .max-btn{
    border-radius:7px;
    font-size:20px;
    height:46px;
    position:relative;
    width:100px;
    z-index:1
}
.swap-view .common-btn{
    height:67px
}
.swap-view .common-btn.disable{
    background-color:#b8bfbe;
    color:#8f9998;
    cursor:default
}
.swap-view .common-btn.disable:hover{
    background-color:#b8bfbe;
    box-shadow:none;
    color:#8f9998
}
.swap-view .btn-panel{
    align-items:center;
    column-gap:35px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-top:0;
    row-gap:15px;
    width:100%
}
.swap-view .btn-panel .btn{
    height:59px;
    line-height:1.2;
    padding:0 5px;
    width:229px
}
@media screen and (max-width:1000px){
    .swap-view .btn-panel .btn{
        font-size:20px;
        height:51px;
        line-height:1.2;
        padding:0 5px;
        width:199px
    }
}
@media screen and (max-width:530px){
    .swap-view .btn-panel .btn{
        width:100%
    }
}
.swap-view .btn-panel .et-btn{
    font-size:22px
}
.swap-view .btn-panel .btn .swap-icon{
    background:url("paw.95f25d95d72a582688f4.svg") no-repeat;
    background-size:100% 100%;
    height:36px;
    margin-right:-5px;
    width:36px
}
.swap-view .btn-panel .btn .chart-icon{
    background:url("line.e92794ebf8c86245c316.svg") no-repeat;
    height:45px;
    margin-right:-10px;
    width:45px
}
@media screen and (max-width:1000px){
    .swap-view .btn-panel .btn .swap-icon{
        background:url("paw.95f25d95d72a582688f4.svg") no-repeat;
        background-size:100% 100%;
        height:30px;
        margin-right:-5px;
        width:30px
    }
    .swap-view .btn-panel .btn .chart-icon{
        background:url("line.e92794ebf8c86245c316.svg") no-repeat;
        height:36px;
        margin-right:-10px;
        width:36px
    }
}
.swap-view .oops-view{
    color:#fb4b35;
    font-family:mainFont;
    font-size:20px;
    line-height:1.2;
    margin-top:10px;
    opacity:0;
    text-align:left;
    transition:opacity .5s
}
.swap-view .oops-view.show{
    opacity:1
}
.swap-view .oops-view .op-icon{
    background:url("hint.d7291cf1ea619101e890.svg") no-repeat;
    background-size:100% 100%;
    display:inline-block;
    height:19px;
    position:relative;
    top:3px;
    width:21px
}
.hint-bg{
    align-items:center;
    background-color:#00000044;
    display:flex;
    height:100vh;
    justify-content:center;
    left:0;
    opacity:0;
    pointer-events:none;
    position:fixed;
    top:0;
    width:100vw;
    z-index:-1
}
.hint-bg.show{
    opacity:1;
    pointer-events:all;
    z-index:999
}
.hint-bg .hint-view{
    align-items:center;
    display:flex;
    flex-direction:column;
    max-width:95%;
    padding:53px 25px 46px;
    position:relative;
    width:356px
}
.hint-bg .hint-view .close-btn{
    background-size:100% 100%;
    cursor:pointer;
    height:19px;
    position:absolute;
    right:28px;
    top:28px;
    width:21px
}
.hint-bg .hint-view .title{
    color:#061936;
    font-size:24px;
    font-weight:800px;
    line-height:1.2;
    text-align:center
}
.hint-bg .hint-view .state{
    height:108px;
    margin-top:25px;
    width:108px
}
.hint-bg .hint-view .state .error-icon,.hint-bg .hint-view .state .succeed-icon{
    background-size:100% 100%;
    height:100%;
    width:100%
}
.hint-bg .hint-view .hint-text{
    color:#061936;
    font-size:20px;
    font-weight:600px;
    line-height:1.2;
    margin-top:30px;
    max-width:245px;
    text-align:center
}
.hint-bg .hint-view .view-btn{
    margin-top:18px
}
.hint-bg .spinner{
    animation:rotator 2s linear infinite;
    height:100%;
    width:100%
}
@keyframes rotator{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(270deg)
    }
}
@keyframes dash{
    0%{
        stroke-dashoffset:187
    }
    50%{
        stroke-dashoffset:46.75;
        transform:rotate(135deg)
    }
    to{
        stroke-dashoffset:187;
        transform:rotate(450deg)
    }
}
.hint-bg .path{
    stroke-dasharray:187;
    stroke-dashoffset:0;
    animation:dash 2s ease-in-out infinite;
    transform-origin:center;
    stroke:#72e61c
}
.claim-row{
    margin:0 auto;
    position:relative;
    width:fit-content
}
.claim-row .claim-btn{
    font-weight:600
}
@keyframes dismissAnimation{
    0%{
        opacity:1
    }
    ;
    to{
        opacity:0
    }
    ;
}
body {
    /* General styles for the body can go here */
}

.styled-text {
    font-size: 140px; /* Default font size for desktop */
    font-weight: bold;
    color: #fcb82f; /* Orange-yellow text color */
    -webkit-text-stroke: 5px #000; /* Black text stroke */
    text-shadow: 
        6px 6px 0px rgba(0, 0, 0.5, 1.0); /* Light shadow for a 3D effect */
    
    display: inline-block;
    letter-spacing: -8px; /* Reduced letter spacing */
    transform: rotate(-5deg); /* Slight text tilt */
}

/* Mobile styles */
@media (max-width: 768px) { /* Adjust this value as needed for your breakpoints */
    .styled-text {
        font-size: 100px; /* Font size for mobile */
-webkit-text-stroke: 3.5px #000; /* Black text stroke */
    letter-spacing: -6px; /* Reduced letter spacing */
transform: rotate(-3deg); /* Slight text tilt */
    text-shadow: 
        4px 4px 0px rgba(0, 0, 0.0, 0.5); /* Light shadow for a 3D effect */
    }
}