@charset "utf-8";html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,table,code,caption,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,sub,sup,ul,li,fieldset,form,label,legend,code,caption,input,textarea,select,button{font-family: 'Montserrat', sans-serif;}:focus{outline:0;}input, textarea{display:block;box-sizing:border-box;font-size:1rem;}*{margin:0;}html,body{color:#000;font-size:15px;width:100%;}svg{display:block;height:100%;}textarea,input{color:inherit;}input[type=checkbox],input[type=radio]{display:none;}input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button {appearance: none; -moz-appearance: none; -webkit-appearance: none;}input[type='number'] {appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}@media all and (min-width:768px){    .app-enter-active{        transition:.3s ease all;    }    .app-leave-active {        transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);    }    .app-enter,    .app-leave-to{        transform: translateX(-10px);        opacity: 0;    }}@media all and (max-width:767px){    .app-enter-active{        transition:.3s ease all;    }    .app-leave-active {        transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);    }    .app-enter,    .app-leave-to{        transform: translateY(10px);        opacity: 0;    }}.opacity-enter-active{    transition:.3s ease all;}.opacity-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.opacity-enter,.opacity-leave-to{    opacity: 0;}.right-enter-active{    transition:.3s ease all;}.right-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.right-enter,.right-leave-to{    transform: translateX(10px);    opacity: 0;}.left-enter-active{    transition:.3s ease all;}.left-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.left-enter,.left-leave-to{    transform: translateX(-10px);    opacity: 0;}.top-enter-active{    transition:.3s ease all;}.top-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.top-enter,.top-leave-to{    transform: translateY(-10px);    opacity: 0;}.bottom-enter-active{    transition:.3s ease all;}.bottom-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.bottom-enter,.bottom-leave-to{    transform: translateY(10px);    opacity: 0;}.blink:not(:disabled, :hover):before{    content: "";    opacity:.2;    width: 40px;    height: 300px;    margin-left: 60px;    background: #fff;    background: -moz-linear-gradient(top, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.9) 100%);    background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%);    background: linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.9) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );    position: absolute;    left: -40px;    top: -150px;    z-index: 1;    -webkit-transform: rotate(45deg);    transform: rotate(45deg);    -webkit-transition: all 0.1s;    transition: all 0.1s;    -webkit-animation-name: slideme;    animation-name: slideme;    -webkit-animation-duration: 3s;    animation-duration: 3s;    -webkit-animation-delay: 0.05s;    animation-delay: 0.05s;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}@-webkit-keyframes slideme{    0% { left: -30px; margin-left: 0px; }    30% { left: 110%; margin-left: 80px; }    100% { left: 110%; margin-left: 80px; }}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .hover{        cursor:pointer;    }    #app:not(.dark) .background_main.hover:hover,    #app.dark .background_main.hover:hover,    #app:not(.dark) .background_second.hover:hover,    #app.dark .background_second.hover:hover{        background:#f8d373 !important;        color:#000 !important;    }}#app,.border_main,.border_second,.background_second,.background_main{    transition:.3s ease all;}.dark{    color:#fff !important;}#app.dark,.dark .background_main{    background:rgb(50, 52, 64);}.dark .background_second{    background:rgb(64, 66, 87);}.dark .border_main,.dark .border_second{    border-color:rgba(255,255,255,.3) !important;}#app:not(.dark),#app:not(.dark) .background_main{    background:#EFEFF7;}#app:not(.dark) .background_second{    background:#fff;}#app:not(.dark) .border_main,#app:not(.dark) .border_second{    border-color:#ccc !important;}#app.dark{    --M-BODY-BACKGROUND: rgb(50, 52, 64);    --M-BODY-COLOR: #fff;    --M-MAIN-BACKGROUND: rgb(50, 52, 64);    --M-SECOND-BACKGROUND: rgb(64, 66, 87);    --M-SECOND-DELIMETR: rgba(255, 255, 255, 0.03);    --M-BORDER: rgba(255,255,255,.3);    --M-GREEN: rgba(80, 191, 94, 0.62);    --M-RED: rgba(244, 67, 54, 0.5);    --M-BLUE: rgb(59, 130, 246);    --M-YELLOW: #f8d373;}#app:not(.dark){    --M-BODY-BACKGROUND: #FFF;    --M-BODY-COLOR: #000;    --M-MAIN-BACKGROUND: #fff;    --M-SECOND-BACKGROUND: #fff;    --M-SECOND-DELIMETR: rgba(204, 204, 204, 0.03);    --M-BORDER: #ccc;    --M-GREEN: rgba(80, 191, 94, 0.62);    --M-RED: rgba(244, 67, 54, 0.5);    --M-BLUE: rgb(59, 130, 246);    --M-YELLOW: #f8d373;}#popup{    position: fixed;    z-index:9999;    top:0;    left:0;    width:100%;    height:100dvh;    background:#fff;    display:flex;    flex-direction: column;    text-align:center;    gap:1rem;    padding:1.5rem;    box-sizing: border-box;}#popup h2{    font-size:2.8rem;}#popup .image{    flex:1;    align-content: center;}#popup p{    line-height:1.42;}#popup .buttons{    margin-top:2rem;}#popup .buttons .sector{    padding:.2rem;    display:inline-block;    vertical-align: top;    background: conic-gradient(            #f8d373 0deg 116deg,            white 116deg 124deg,            #ccc 124deg 238deg,            white 236deg 244deg,            #ccc 242deg 352deg,            white 352deg 360deg    );    border-radius:2.2rem;}#popup .buttons button{    border:.4rem solid #fff;    color:#fff;    background: #333;    height:5rem;    padding:1.5rem;    border-radius:2rem;}#main{    position:relative;    width:100%;    overflow: hidden;    height:100dvh;}#leni{    position:absolute;    top:25%;    left:0;    z-index:99;    width:90%;}#head{    position:absolute;    top:5rem;    right:1rem;}#head span{    display:block;    font-size:2rem;    font-weight:300;}#main h3{    writing-mode: vertical-lr;    font-size:4rem;    font-weight: 900;}#main h1{    top:17%;    position:absolute;    left:3rem;    font-weight:900;    z-index:15;    width:100%;    font-size:15rem;    line-height:.8;    opacity:.1;}#main h1 > span{    display:block;}#main h1 > span + span{    padding-left:35%;}#checkedButton{    position:fixed;    bottom:6rem;    width:100%;    left:0;    z-index:1000;}#checked{    position:absolute;    top:50%;    left:50%;    transform: translate(-50%, -50%);    padding:4.5rem;    border-radius:50%;    width:10rem;    height:10rem;    text-align:center;}#checked:not(.checked){    transition:.8s ease all;    opacity:.5;    background:#aaa;    color:#fff;}#checked.check{    opacity:1;    transition:            width 3s ease,            height 3s ease,            border-radius 3s ease,            padding 3s ease,            background-color 1s ease;    background: #71b953;    color:#fff;    height:501rem;    width:501rem;    padding:250rem;}#menu{    height:1.5rem;    padding:.25rem;    position:fixed;    top:1rem;    left:1rem;}#balance{    position:fixed;    top:1rem;    right:1rem;    display:flex;    align-items: center;    background:#ccc;    border-radius:1rem;    padding:.375rem .75rem;    gap:.5rem;}#balance > *:first-child{    height:1.25rem;}@media all and (min-width:551px){    #warning{        bottom:1rem;        left:50%;        transform:translateX(-50%);        padding:.75rem 1rem;        font-size:.85rem;        border-radius:.25rem;        line-height:1.2;    }}@media all and (max-width:550px){    #warning{        bottom:0;        left:0;        right:0;        padding:1.5rem;        line-height:1.5rem;    }}#warning{    position: fixed;    max-width:100%;    box-sizing: border-box;    z-index:999999999 !important;    background: rgba(226, 0, 72, 0.8);    color:#fff;}#warning.success{    background: var(--green);}.wave-container{    position: fixed;    top:0;    left:0;    height:100dvh;    z-index:0;}.waveSvg{    width:100%;    height:100%;}.controls{    position:fixed;    bottom:0;    left:0;    z-index:100;}#progress{    position:fixed;    width:100%;    height:100%;    top:0;    left:0;    background:#fff;    z-index:99999;}#progress > div{    margin:46vh auto;    width:50px;    height:40px;    text-align: center;    font-size:0;}#progress > div > div{    background:#333;    height:100%;    width:6px;    margin:0 1px;    display:inline-block;    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;    animation: sk-stretchdelay 1.2s infinite ease-in-out;}#progress > div > div:nth-child(2){    -webkit-animation-delay: -1.1s;    animation-delay: -1.1s;}#progress > div > div:nth-child(3){    -webkit-animation-delay: -1.0s;    animation-delay: -1.0s;}#progress > div > div:nth-child(4){    -webkit-animation-delay: -0.9s;    animation-delay: -0.9s;}#progress > div > div:nth-child(5){    -webkit-animation-delay: -0.8s;    animation-delay: -0.8s;}@-webkit-keyframes sk-stretchdelay {    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }    20% { -webkit-transform: scaleY(1.0) }}@keyframes sk-stretchdelay {    0%, 40%, 100% {        transform: scaleY(0.4);        -webkit-transform: scaleY(0.4);    }  20% {           transform: scaleY(1.0);           -webkit-transform: scaleY(1.0);       }}