a,abbr,acronym,address,applet,article,aside,audio,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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    color: #333;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
    -webkit-overflow-scrolling: touch;
    -webkit-overflow: auto;
    -webkit-font-smoothing: antialiased
}

html {
    font-size: 20px
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none
}

:focus {
    outline: 0
}

input {
    -webkit-appearance: none
}

.button {
    white-space: nowrap;
    display: inline-block;
    background-color: #8bd3dd;
    color: #001858;
    padding: .3rem .8rem;
    border-radius: 1rem;
    font-weight: 500;
    font-size: .9rem;
    cursor: pointer;
    text-align: center;
    position: relative
}

.button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(33,33,33,0);
    transition: background-color .3s ease;
    border-radius: inherit
}

.button:hover:after {
    background-color: rgba(33,33,33,.2)
}

.button-weak {
    position: relative;
    background-color: #8bd3dd;
    color: #001858;
    padding: .3rem .8rem;
    border-radius: 1.25rem;
    font-weight: 500;
    font-size: .9rem;
    cursor: pointer;
    text-align: center;
    background: #fff;
    border: 1px solid #8bd3ee
}

.button-weak:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(210,8%,50%,0);
    transition: background-color .3s ease;
    border-radius: inherit
}

.button-weak:hover:after {
    background-color: hsla(210,8%,50%,.15)
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset005pxrgba(0,0,0,.2);
    background: rgba(0,0,0,.2)
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset005pxrgba(0,0,0,.2);
    border-radius: 0;
    background: rgba(65,65,65,.1)
}

@media screen and (max-width: 600px) {
    ::-webkit-scrollbar {
        display:none
    }

    html {
        font-size: 16px
    }
}

.toast {
    position: fixed;
    top: -28%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.5);
    background-color: rgba(0,0,0,.7);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    min-width: 130px;
    text-align: center;
    z-index: 1000;
    font-size: 14px;
    opacity: 0;
    transition: all .5s ease-in-out
}

.toast.show {
    opacity: 1;
    top: 28%;
    transform: translate(-50%,-50%) scale(1)
}

.toast.hide {
    opacity: 0;
    top: 28%;
    transform: translate(-50%,-50%) scale(0)
}

.cssload-spin-box {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf;
    -o-box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf;
    -ms-box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf;
    -webkit-box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf;
    -moz-box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf;
    animation: cssload-spin 4.6s ease infinite;
    -o-animation: cssload-spin 4.6s ease infinite;
    -ms-animation: cssload-spin 4.6s ease infinite;
    -webkit-animation: cssload-spin 4.6s ease infinite;
    -moz-animation: cssload-spin 4.6s ease infinite
}

@keyframes cssload-spin {
    0%,to {
        box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf
    }

    25% {
        box-shadow: -13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49
    }

    50% {
        box-shadow: -13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf
    }

    75% {
        box-shadow: 13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49
    }
}

@-o-keyframes cssload-spin {
    0%,to {
        box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf
    }

    25% {
        box-shadow: -13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49
    }

    50% {
        box-shadow: -13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf
    }

    75% {
        box-shadow: 13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49
    }
}

@-ms-keyframes cssload-spin {
    0%,to {
        box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf
    }

    25% {
        box-shadow: -13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49
    }

    50% {
        box-shadow: -13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf
    }

    75% {
        box-shadow: 13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49
    }
}

@-webkit-keyframes cssload-spin {
    0%,to {
        box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf
    }

    25% {
        box-shadow: -13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49
    }

    50% {
        box-shadow: -13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf
    }

    75% {
        box-shadow: 13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49
    }
}

@-moz-keyframes cssload-spin {
    0%,to {
        box-shadow: 13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf
    }

    25% {
        box-shadow: -13px 13px #dfdfdf,-13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49
    }

    50% {
        box-shadow: -13px -13px #4f4d49,13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf
    }

    75% {
        box-shadow: 13px -13px #dfdfdf,13px 13px #4f4d49,-13px 13px #dfdfdf,-13px -13px #4f4d49
    }
}

.swiper-wrapper {
    transition-timing-function: linear!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-size: 18px!important;
    background: rgba(0,0,0,.15);
    padding: 5px;
    border-radius: 5px
}

.swiper-button-prev {
    left: 0!important;
    color: #fff!important
}

.swiper-button-next {
    right: 0!important;
    color: #fff!important
}

.swiper-pagination {
    text-align: right!important;
    left: -.8rem!important
}

.swiper-pagination-bullet {
    border-radius: 5px!important;
    width: 1rem!important;
    height: .4rem!important;
    border: .5px solid #bcbcbc!important
}

.swiper-pagination-bullet-active {
    background-color: #232323!important
}

.swiper-pagination {
    right: 10px!important
}

@keyframes shake {
    0%,to {
        transform: rotate(0deg)
    }

    2% {
        transform: rotate(-1deg)
    }

    4% {
        transform: rotate(.5deg)
    }

    6% {
        transform: rotate(-.5deg)
    }

    8% {
        transform: rotate(1deg)
    }

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

    12% {
        transform: rotate(.5deg)
    }

    14% {
        transform: rotate(-.5deg)
    }

    16% {
        transform: rotate(.75deg)
    }

    18% {
        transform: rotate(-.75deg)
    }

    20% {
        transform: rotate(.5deg)
    }

    22% {
        transform: rotate(-.5deg)
    }

    24% {
        transform: rotate(0deg)
    }

    to {
        transform: none
    }
}

.shake-animation {
    animation: shake 4.5s ease-in-out infinite
}

.ocean {
    height: 100vh;
    width: 100%;
    position: relative;
    background: #1bc1fe2c
}

.wave {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%231bc3fe'/%3E%3C/svg%3E");
    background-repeat: repeat-x;
    position: absolute!important;
    width: 200%;
    height: 80px;
    animation: wave 10s linear -3s infinite;
    transform: translateZ(0);
    opacity: 1;
    margin-top: 166px
}

.wave:nth-of-type(2) {
    bottom: 0;
    animation: wave 18s linear infinite reverse;
    opacity: .6
}

.wave:nth-of-type(3) {
    bottom: 0;
    animation: wave 20s linear -2s infinite;
    opacity: .5
}

.btm {
    background: #1bc3fe;
    width: 100%;
    height: 100%;
    top: 246px!important;
    position: relative!important
}

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

    50% {
        transform: translateX(-25%)
    }

    to {
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 768px) {
    .wave {
        width:800%;
        height: 50px;
        animation: wave 30s linear infinite;
        margin-top: 188px
    }

    .wave:nth-of-type(2) {
        animation: wave 54s linear infinite reverse
    }

    .wave:nth-of-type(3) {
        animation: wave 60s linear -3s infinite
    }

    .btm {
        background: #1bc3fe;
        top: 236px!important
    }

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

        25% {
            transform: translateX(-40%)
        }

        50% {
            transform: translateX(-80%)
        }

        75% {
            transform: translateX(-40%)
        }

        to {
            transform: translateX(0)
        }
    }
}

.ocean-grey {
    background: #5a60642c
}

.wave-grey {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%235a6064'/%3E%3C/svg%3E");
    background-repeat: repeat-x
}

.btm-grey {
    background: #5a6064
}

.ocean-green {
    background: #089d6f2c
}

.wave-green {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23089d6f'/%3E%3C/svg%3E");
    background-repeat: repeat-x
}

.btm-green {
    background: #089d6f
}

.ocean-orange {
    background: #f2a53f2c
}

.wave-orange {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%23f2a53f'/%3E%3C/svg%3E");
    background-repeat: repeat-x
}

.btm-orange {
    background: #f2a53f
}

.amap-copyright,.amap-logo {
    display: none!important
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0,0%,100%,.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    z-index: var(--toastify-z-index);
    -webkit-transform: translateZ(var(--toastify-z-index));
    position: fixed;
    padding: 4px;
    width: var(--toastify-toast-width);
    box-sizing: border-box;
    color: #fff
}

.Toastify__toast-container--top-left {
    top: 1em;
    left: 1em
}

.Toastify__toast-container--top-center {
    top: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    top: 1em;
    right: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        width:100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        right: 0;
        left: auto
    }
}

.Toastify__toast {
    position: relative;
    min-height: var(--toastify-toast-min-height);
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: var(--toastify-toast-max-height);
    overflow: hidden;
    font-family: var(--toastify-font-family);
    cursor: default;
    direction: ltr;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    margin: auto 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 6px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.Toastify__toast-body>div:last-child {
    word-break: break-word;
    -ms-flex: 1;
    flex: 1
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    margin-inline-end:10px;width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex
}

.Toastify--animate {
    animation-fill-mode: both;
    animation-duration: .7s
}

.Toastify--animate-icon {
    animation-fill-mode: both;
    animation-duration: .3s
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        margin-bottom:0;
        border-radius: 0
    }
}

.Toastify__toast-theme--dark {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background: var(--toastify-color-light);
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    color: var(--toastify-text-color-info);
    background: var(--toastify-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    color: var(--toastify-text-color-success);
    background: var(--toastify-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    color: var(--toastify-text-color-warning);
    background: var(--toastify-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    color: var(--toastify-text-color-error);
    background: var(--toastify-color-error)
}

.Toastify__progress-bar-theme--light {
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    color: #fff;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: .7;
    transition: .3s ease;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

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

    to {
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: var(--toastify-z-index);
    opacity: .7;
    transform-origin: left
}

.Toastify__progress-bar--animated {
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: transform .2s
}

.Toastify__progress-bar--rtl {
    right: 0;
    left: auto;
    transform-origin: right
}

.Toastify__spinner {
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 2px solid;
    border-radius: 100%;
    border-color: var(--toastify-spinner-color-empty-area);
    border-right-color: var(--toastify-spinner-color);
    animation: Toastify__spin .65s linear infinite
}

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

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

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

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

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

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

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

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

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

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

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

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

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

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

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

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

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

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

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

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

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

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

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

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

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

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

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

    to {
        transform: none
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

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

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

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    animation-name: Toastify__bounceOutDown
}

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

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

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

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    animation-name: Toastify__zoomOut
}

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

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

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

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

    to {
        transform: perspective(400px)
    }
}

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

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

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

.Toastify__flip-enter {
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    animation-name: Toastify__flipOut
}

@keyframes Toastify__slideInRight {
    0% {
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

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

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

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

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

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

    to {
        visibility: hidden;
        transform: translate3d(0,500px,0)
    }
}

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

    to {
        visibility: hidden;
        transform: translate3d(0,-500px,0)
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    animation-name: Toastify__slideOutDown
}

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

    to {
        transform: rotate(1turn)
    }
}