@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{-webkit-tap-highlight-color: transparent;font-family: 'Sofia Sans', sans-serif;}:focus{outline:0;}input, textarea{display:block;box-sizing:border-box;font-size:1rem;}*{margin:0;}html,body{color:#000;width:100%;}@media all and (min-width:768px){html,body{font-size:17px;}}@media all and (max-width:767px){html,body{height:100%;font-size:18px;}}.hide{display:none !important;}.background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;background:rgba(0,0,0,.4);}.overflow{overflow: hidden;height:100vh;}svg{display:block;height:100%;margin:0 auto;}button{appearance: none; -moz-appearance: none; -webkit-appearance: none;box-shadow:none;border:none;box-sizing: border-box;overflow: hidden;position:relative;}input{background:none;border:none;box-shadow: none;color:inherit;appearance: none; -moz-appearance: none; -webkit-appearance: none;}input[type='checkbox'],input[type='radio']{display:none;}input[type='number']::-webkit-outer-spin-button,input[type='number']::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none;}input[type='number'] {-moz-appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}jdiv.notranslate{z-index:199 !important;}.opacity-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.opacity-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-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; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.right-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.right-enter,.right-leave-to{    transform: translateX(10px); -moz-transform: translateX(10px); -webkit-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px);    opacity: 0;}.left-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.left-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.left-enter,.left-leave-to{    transform: translateX(-10px); -moz-transform: translateX(-10px); -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px);    opacity: 0;}.top-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.top-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.top-enter,.top-leave-to{    transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px);    opacity: 0;}.bottom-enter-active{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}.bottom-leave-active {    transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -moz-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -webkit-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -ms-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0); -o-transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);}.bottom-enter,.bottom-leave-to{    transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px);    opacity: 0;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {    .blink:hover:before {        opacity:0;    }}.blink:before{    content: "";    opacity:.4;    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); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);    transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);    -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s;    transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; -ms-transition: all 0.1s; -o-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; }}:root{    --purple-bg: rgba(204, 185, 255, 0.2);    --purple-icon-color: rgba(204, 185, 255);    --purple-icon-bg: rgba(204, 185, 255, 0.4);    --yellow-bg: rgba(255, 231, 165, .3);    --yellow-icon-color:#ffcd3f;    --yellow-icon-bg: #ffe7a5;    --green-bg: rgba(230, 255, 219, 0.8);    --green-icon-color: rgb(160, 214, 138);    --green-icon-bg: rgb(210, 248, 194);    --orange: #ff8928;    --red: #ff414e;    --check: #FA4A0C;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .greenBackground.hover,    .greenColorHover:hover,    .orangeColorHover:hover,    .buttonColor.hover{        transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;        cursor: pointer;    }    .buttonColor.hover:hover{        filter:hue-rotate(-55deg);    }    .orangeColorHover:not(.check):hover{        color:var(--orange) !important;    }    .greenColorHover:not(.check):hover{        color:#59ce8f !important;    }    .greenBackground.hover:hover{        background:var(--orange);    }}.purpleBG{    background: var(--purple-bg);}.purpleBG .icon{    color:var(--purple-icon-color);    background: var(--purple-icon-bg);}.yellowBG{    background: var(--yellow-bg);}.yellowBG .icon{    color:var(--yellow-icon-color);    background: var(--yellow-icon-bg);}.greenBG{    background:rgba(230, 255, 219, 0.8);}.greenBG .icon{    color:var(--green-icon-color);    background: var(--green-icon-bg);}.buttonColor{    background: var(--red);    background:linear-gradient(to right, var(--orange), var(--red));    color: #fff;}.greenGradientBackground{    background: #59ce8f;    background: #65b41c;    background:linear-gradient(to left, #59ce8f, #65b41c);    color: #fff;}.yellowBackground{    background:#ffde22;    background:linear-gradient(to left bottom, #fbe97b, #ffde22);    color:#000;}.redBackground{    background:#ff414e;    color:#fff;}.orangeBackground{    background:#ff8928;    color:#fff;}.redColor{    color:#ff414e !important;}.orangeColor{    color:#ff8928 !important;}.greenColor{    color:#59ce8f !important;}.greenChecked input:checked + span,.greenBackground{    background:#59ce8f;    color:#fff;}.backgroundInput{    background:#e8f9fd !important;    color:#000;}#error404{background:#f2f4f8;text-align:center;padding:25vh 100px;letter-spacing: 1px;font-size:.75rem;text-transform: uppercase; -moz-transform: uppercase; -webkit-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase;}#error404 > div:nth-child(1){opacity:.5;font-size:10rem;font-weight:900;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    ::-webkit-scrollbar-thumb:hover{        background-color:#59ce8f;    }    .noscrollbar::-webkit-scrollbar-thumb:hover{        background-color:transparent;    }}::-webkit-scrollbar-button {    background-image:url('');    background-repeat:no-repeat;    width:4px;    height:10px;}::-webkit-scrollbar-track {    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    background-color:rgba(150,150,150,.3);}::-webkit-scrollbar-thumb{    border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;    background-color:#59ce8f;}::-webkit-resizer{    background-image:none;    background-repeat:no-repeat;    width:4px;    height:10px;}::-webkit-scrollbar{    width:4px;    height:10px;}.noscrollbar::-webkit-scrollbar-button {    display:none;}.noscrollbar::-webkit-scrollbar-track {    display:none;}.noscrollbar::-webkit-scrollbar-thumb {    display:none;}.noscrollbar::-webkit-resizer{    display:none;}.noscrollbar::-webkit-scrollbar{    display:none;}@media all and (min-width:1024px){.maxWidth{max-width:1200px;margin:0 auto;padding:0 1.5rem;}}@media all and (max-width:1023px){.maxWidth{padding:0 1rem;}}.maxWidth{width:100%;position: relative;box-sizing: border-box;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #up:hover{        background:#4AC959;        color:#fff;    }}@media all and (min-width:768px){    #up:not(.view){        bottom:-20rem;        opacity:0;    }    #up{        bottom:5rem;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;        position:fixed;        left:1rem;        z-index:90;        width:1.4rem;        padding:.9rem;        border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;        background:rgba(0,0,0,.5);        color:#fff;    }    #up svg{        display:block;        width:100%;    }}@media all and (max-width:767px){    #up{        display:none;    }}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #auth .tg_button,    #auth .vk_button{        cursor: pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #auth .tg_button:hover,    #auth .vk_button:hover{        background:#000;    }    #auth .info span:hover{        border-color:transparent;    }    #auth .agree{        cursor:pointer;    }    #auth .info span:hover{        opacity:.8;    }    #auth .content .txt span{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #auth .content .txt span:hover{        color:inherit;        border-bottom:1px solid transparent;    }}@media all and (min-width:768px){    #auth .content{        box-shadow:0 0 20px rgba(0,0,0,.1);        background:rgba(255,255,255,1);        border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;        max-width:440px;        padding:3.5rem;    }    #auth .agree{        font-size:.7rem;    }}@media all and (max-width:767px){    #auth{        background:#fff;    }    #auth .content{        padding:1.5rem;    }    #auth .agree{        font-size:.8rem;    }}#auth{    position:fixed;    top:0;    left:0;    width:100%;    height:100%;    z-index:9999;}#auth .content{    text-align: center;    position:absolute;    box-sizing: border-box;    width:100%;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}#auth .contain > *:not(:last-child){    margin-bottom:.75rem;}#auth .content .text{    line-height:1.2;}#auth button{    font-weight:bold;    font-size:1rem;    text-align:center;    line-height:3.4rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    width:100%;    overflow: hidden;    position:relative;}#auth .agree{    display:block;    line-height:1.2;    text-align:left;    padding-left:1.25rem;    position:relative;}#auth .agree a{    color:#FA4A0C;}#auth .agree span:not(.greenBackground){    border:1px solid;    color: #c2c4c8;}#auth .agree span{    border:1px solid;    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    position:absolute;    left:0;    padding:.2rem;    width:.42rem;    height:.42rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}#auth .tg_button,#auth .vk_button{    height:3.4rem;    line-height:1rem;    color:#fff;}#auth .tg_button > span:not(:last-child),#auth .vk_button > span:not(:last-child){    margin-right:.25rem;}#auth .tg_button > span,#auth .vk_button > span{    display:inline-block;    vertical-align: middle;    height:1rem;}#auth .tg_button{    background:#229ED9;}#auth .vk_button{    background:#0077ff;}@media all and (min-width:1024px){    .column{        display:flex;        min-height:100%;        box-sizing: border-box;    }    .column .main{        flex:1;        min-width:0;    }    .column .right{        min-width:0;        flex:0 1 19rem;        flex-shrink: 0;    }    .padding{        padding:3.5rem;    }    .column{        gap:2.5rem;    }}@media all and (min-width:512px) and (max-width:1023px){    .padding{        padding:1.5rem;    }    .column > *:not(:last-child){        margin-bottom:1.5rem;    }}@media all and (min-width:512px){    #body{        display:flex;        height:100vh;        width:100%;    }    #body #center{        flex:1;        min-width:0;        height:100vh;        box-sizing: border-box;        overflow: auto;        position:relative;    }    .grid{        display:grid;        gap:2rem;    }    .grid .a{        grid-area: a;    }    .grid .b{        grid-area: b;    }    .grid .c{        grid-area: c;    }    .grid .d{        grid-area: d;    }    .grid .e{        grid-area: e;    }    .grid .f{        grid-area: f;    }    .grid .g{        grid-area: g;    }    .grid .h{        grid-area: h;    }    .grid .k{        grid-area: k;    }    .grid .l{        grid-area: l;    }    .grid .m{        grid-area: m;    }    .grid .n{        grid-area: n;    }    .grid .o{        grid-area: o;    }    .grid .p{        grid-area: p;    }}@media all and (max-width:511px) {    #body{        padding-bottom:4rem;    }    .padding{        padding:1rem;    }    .column > *:not(:last-child){        margin-bottom:1rem;    }}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #calendar .period > * input:not(:checked) + span,    #calendar #days > *,    #calendar #month > span{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;        cursor:pointer;    }    #calendar .period > * span:hover,    #calendar #days > *:hover{        opacity:.6;    }    #calendar #month > span:hover{        opacity:1;    }    #calendar .buttons > .yes:hover{        filter:brightness(90%);        opacity:.9;    }    #calendar .buttons > .clear:hover{        opacity:1;    }}#calendar{    width:100%;    max-width:320px;    background:#fff;    box-shadow: 0 0 10px 4px rgba(144,144,144,.1);    padding:1.75rem;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    box-sizing: border-box;}#calendar > *:not(:last-child){    margin-bottom:.75rem;}#calendar #month{    display:flex;    align-items: center;    width:100%;    text-align: center;}#calendar #month div{    font-weight:bold;    flex:1;}#calendar #month div span{    opacity:.2;}#calendar #month > span{    opacity:.5;    padding:.5rem;    background:#e2e4ef;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    box-sizing: border-box;}#calendar #month div > span svg{    display:block;    width:100%;}#calendar #week{    font-size:0;    opacity:.4;}#calendar #week > *{    font-size:.65rem;}#calendar #days > *:not(:nth-child(7n)),#calendar #week > *:not(:nth-child(7n)){    margin-right:3.25%;}#calendar #days > *{    margin-bottom:3.25%;}#calendar #days > *.check{    background:#e2e4ef;}#calendar #days > *,#calendar #week > *{    display:inline-block;    vertical-align: top;    text-align:center;    width:11.5%;}#calendar #days{    font-size:0;}#calendar #days > *{    position:relative;    font-size:.65rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}#calendar #days > *:after{    content:"";    display:block;    padding-top:100%;}#calendar #days > * span{    position:absolute;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}#calendar button{    height:2.8rem;    width:100%;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .checkbox{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .checkbox:hover{        opacity:.9;        color:#ff8928;    }    #app.dark .checkbox:hover,    #config .checkbox:hover{        color:#f2ca43;    }}.checkbox{    position:relative;    font-weight:bold;    display:block;    font-size:.9rem;    line-height:2.2rem;    margin-bottom:.25rem;    text-align:left;}.checkbox span{    position:absolute;    top:50%;    height:20px;    width:36px;    transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    background:#ccc;    transition:.3s ease background; -moz-transition:.3s ease background; -webkit-transition:.3s ease background; -ms-transition:.3s ease background; -o-transition:.3s ease background;}.checkbox:not(.right){    padding-left:2.75rem;}.checkbox.right{    padding-right:2.75rem;}.checkbox:not(.right) span{    left:0;}.checkbox.right span{    right:0;}.checkbox input{    display:none;}.checkbox span:after{    content:"";    position:absolute;    top:2px;    right:18px;    height:16px;    width:16px;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    background:#fff;    transition:.3s ease right; -moz-transition:.3s ease right; -webkit-transition:.3s ease right; -ms-transition:.3s ease right; -o-transition:.3s ease right;}.checkbox input:checked + span{    background:#ff8928;}.checkbox input:checked + span:after{    right:2px;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .color input,    .color{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .color:hover{        box-shadow:0 0 10px 10px rgba(155,155,155,.1);        border:0 solid transparent;    }}.flexColor{    display:flex;    width:100%;    align-items: center;    margin-bottom:.75rem;}.flexColor > *:first-child{    flex:1;    font-size:.9rem;    font-weight: bold;}.flexColor > *:not(:last-child){    margin-right:.5rem;}.color{    overflow: hidden;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    width:1.25rem;    height:1.25rem;    display:block;    position:relative;    border:.4rem solid #f2f4f8;    box-sizing: border-box;}#app.dark .color{    border:.4rem solid rgba(244,244,244,.4);}.color input{    width:100%;    height:100%;    opacity:0;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0) {    #cookieSubmit span{        cursor:pointer;        transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;    }    #cookieSubmit p a:hover{        text-decoration:none;    }    #cookieSubmit span:hover{        background:#000;    }}@media all and (min-width:512px){    #cookieSubmit{        bottom:1.5rem;        left:1.5rem;        max-width:380px;        border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    }}@media all and (max-width:511px){    #cookieSubmit{        bottom:0;        left:0;    }}#cookieSubmit{    position:fixed;    z-index:9999999999;    background:rgba(0,0,0,.85);    color:#fff;    padding:1rem;    font-size:.7rem;    display:flex;    width:100%;    box-sizing: border-box;    align-items: center;    line-height:1.4;}#cookieSubmit p{    margin-right:1rem;}#cookieSubmit p a{    color:#fff;}#cookieSubmit span{    font-size:.8rem;    padding:.6rem 1.2rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    background:rgba(122,122,122,.3);}@media all and (max-width: 767px){    .marginModule:not(:last-child){        margin-bottom:1.5rem;    }}@media all and (min-width: 768px){    .marginModule:not(:last-child){        margin-bottom:4rem;    }    #center .block.sticky{        position:sticky;        top:2rem;    }}#center .block:not(:last-child){    margin-bottom:1rem;}#center .block.shadow,#center .block.border{    padding:2rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}#center .block.shadow{    box-shadow: 0 0 10px 10px rgba(155,155,155, .1);}#center .block.border{    border:1px solid #999;}#center .block.bag{    background: #f2f4f8;    background: linear-gradient(to right, #f2f4f8, #e8f9fd);}#center .block > *:not(:last-child){    margin-bottom:.75rem;}#center .block h2{    font-size:1.5rem;    flex:1;    min-width:0;}#center .block p{    font-size:.75rem;    line-height:1.44;}#center .block button{    appearance: none; -moz-appearance: none; -webkit-appearance: none;    width:100%;    box-sizing: border-box;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    height:2.8rem;    font-size:.9rem;    overflow: hidden;    position:relative;    display:flex;    align-items: center;    justify-content: center;    gap:.25rem;}#center .block button > *{    height:1.2rem;    line-height:1.2rem;}#center .block .more{    display:block;    font-size:.7rem;    line-height:1.2;    opacity:.8;    text-align:center;}#app #center .block p strong,#app #center .block p span{    color:#4AC959;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .rightBlockBorder .elements > *{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .rightBlockBorder .elements > *:hover{        color:var(--check);    }}@media all and (min-width:512px){    .rightBlockBorder .elements > *{        font-size:.8rem;    }    .rightBlockBorder .elements{        padding:1rem 1.25rem;    }}@media all and (max-width:511px){    .rightBlockBorder .elements{        padding:1rem;        font-size:.95rem;    }}.rightBlockBorder:not(:last-child){    margin-bottom:1.5rem;}.rightBlockBorder{    border:1px solid #e2e4e8;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;}.rightBlockBorder .elements > * .icon{    height:1.15rem;}.rightBlockBorder .elements > * .name{    flex:1;    min-width:0;}.rightBlockBorder .elements > *{    display:flex;    align-items: center;    padding:.75rem .5rem;    gap:.35rem;}.rightBlockBorder .elements > *.check .icon{    color:var(--check);}.rightBlockBorder .elements > *:not(:last-child){    border-bottom:1px solid #e2e4e8;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .multicolor .add,    .multicolor .hover{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .multicolor > *:hover .add{        opacity:1;    }    .multicolor .hover:hover{        background: #f2f4f8;    }}@media all and (min-width:1024px){    .multicolor{        max-width:1024px;        gap:2.5rem;    }    .multicolor > *{        padding: 3rem;    }}@media all and (min-width:768px){    .multicolor{        display:flex;        width:100%;    }    .multicolor .p,    .multicolor p{        font-size:.75rem;    }}@media all and (min-width:768px) and (max-width: 1023px){    .multicolor > * {        padding: 2.5rem;    }    .multicolor .p,    .multicolor p{        font-size:.8rem;    }    .multicolor{        gap:1.25rem;    }}@media all and (max-width:767px){    .multicolor > *:not(:last-child){        margin-bottom:1.25rem;    }    .multicolor > * {        padding: 2rem;    }    .multicolor .p,    .multicolor p{        font-size:.85rem;    }}.multicolor > * .add{    position:absolute;    top:0;    right:0;    padding:1.25rem;    height:1.5rem;    opacity:.8;}.multicolor > *{    position:relative;    border-radius:1.5rem; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem;    text-align:left;    text-decoration:none;    color:inherit;}.multicolor > * > *{    display:block;}.multicolor .icon{    height:2rem;    padding:.9rem;    width:2rem;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;}.multicolor strong,.multicolor h2{    margin:1.25rem 0 .75rem;    font-size:1.5rem;    line-height:1;}.multicolor .p,.multicolor p{    opacity:.7;    line-height:1.42;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .tags > *{        cursor:pointer;        transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;    }    .tags > *:hover{        background:#f2f4f8;    }}.tags{    font-size:0;}.tags > *{    display:inline-block;    vertical-align: top;    padding:.4rem .75rem;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    margin-right:.4rem;    margin-bottom:.4rem;    font-size:.7rem;    box-sizing: border-box;    max-width:100%;    font-weight:300;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .classicCheckbox{        cursor:pointer;        transition: .3s ease all; -moz-transition: .3s ease all; -webkit-transition: .3s ease all; -ms-transition: .3s ease all; -o-transition: .3s ease all;    }    .classicCheckbox:hover{        color:#59ce8f;    }    .classicCheckbox:hover input+ span{        border-color:#59ce8f;    }}.classicCheckbox{    white-space: nowrap;    display:inline-block;    font-size:0;}.classicCheckbox input{    display:none;}.classicCheckbox span{    display:inline-block;    vertical-align: top;    line-height:.9rem;    font-size:.85rem;}.classicCheckbox input + span{    border:1px solid #a2a4a8;    border-radius:.15rem; -moz-border-radius:.15rem; -webkit-border-radius:.15rem;    width:.9rem;    height:.9rem;    box-sizing: border-box;    padding:.18rem;    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    margin-right:.35rem;}.classicCheckbox input:not(:checked) + span svg{    opacity:.2;}.classicCheckbox input:checked + span{    background:#59ce8f;    border-color:#59ce8f;    color:#fff;}.classicCheckbox input + span svg{    width:100%;    display:block;}.flex .classicCheckbox{    display:block;}.close{    position:absolute;    z-index:2;    top:.75rem;    right:.75rem;    width:1rem;    padding:.6rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    opacity:.5;}.close svg{    display:block;    width:100%;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .button{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .yellow:hover{        filter:hue-rotate(-55deg);    }    .button.gray:hover,    .button.red:hover{        background:#59ce8f;        color:#fff;    }}.yellow{    background: #ff8928;    background: #ff414e;    background:linear-gradient(to right, #ff8928, #ff414e);    color: #fff;}.gray{    color:#000;    background:#f2f4f8;}#setting .h:not(.disabled){    background: rgba(204, 185, 255, 0.2);}#setting .h:not(.disabled) .icon{    color:rgba(204, 185, 255, 1);    background: rgba(204, 185, 255, 0.4);}#setting .g:not(.disabled){    background: rgba(255, 231, 165, .3);}#setting .g:not(.disabled) .icon{    background:#ffe7a5;    color: #ffcd3f;}#setting .k:not(.disabled){    background: rgba(230, 255, 219, 0.8);}#setting .k:not(.disabled) .icon{    background: rgb(210, 248, 194);    color: rgb(160, 214, 138);}#setting .k .items > *{    background: rgb(210, 248, 194);}#setting .h .items > *{    background: rgba(204, 185, 255, 0.4);}#setting .g .items > *{    background:#ffe7a5;}.empty{    font-size:.85rem;    text-align:center;    opacity:.5;    padding-top:5rem;    font-weight:300;}@media all and (min-width:512px){    .flex{        gap:.75rem;        width:100%;        box-sizing: border-box;        display:flex;    }    .flex > .input:not(:last-child){        margin-bottom:0;    }    .flex .isCheckbox{        padding-top:1.65rem;    }    .flex1{        flex:1;        min-width:0;    }    .flex2{        flex:2;        min-width:0;    }    .flex .small{        width:10rem;    }}.flex:not(:last-child){    margin-bottom:.75rem;}@media all and (min-width:512px){    .head,    .instruction:not(:last-child){        margin-bottom:1.5rem;    }}@media all and (max-width:511px){    .instruction:not(:last-child),    .head{        margin-bottom:1rem;    }}@media all and (min-width:768px){    .head{        gap:.75rem;    }    .head .search{        flex:1;        min-width:0;    }    .head button,    .head .guide{        border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;        height:3rem;        width:3rem;        padding:.8rem;    }}@media all and (max-width:767px){    .head{        gap:.5rem;        flex-wrap: wrap;    }    .head .search{        flex:100%;        order:5;    }    .head h2,    .head h1{        font-size:1.85rem;    }    .head button,    .head .guide{        border-radius:.75rem; -moz-border-radius:.75rem; -webkit-border-radius:.75rem;        height:2.5rem;        width:2.5rem;        padding:.5rem;    }    .head .add{        padding:.65rem;    }}@media all and (max-width:1200px) and (min-width:768px){    .head h2,    .head h1{        font-size:2rem;    }}@media all and (min-width:1201px){    .head .search{        max-width:380px;    }    .head h2,    .head h1{        flex:1;        min-width:0;        font-size:2.5rem;    }}.head{    position:relative;    display:flex;    align-items: center;    width:100%;}.head h2 input[type=text]{    width:100%;    height:3rem;    font-size:inherit;}.head h2,.head h1{    line-height:1.1;}.head .buffer{    flex:1;    min-width:0;}.head .search.check{    z-index:2;}.head .search{    position:relative;    z-index:0;}.head .search .field{    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    background:#f2f4f8;    position:relative;    z-index:3;}.head .search .field span{    position:absolute;    color:#999;    top:50%;    left:.85rem;    width:.9rem;    height:.9rem;    transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);    z-index:1;}.head .search .field input{    position:relative;    z-index:4;    background:none;    font-size:.85rem;    padding:0 1rem 0 2.5rem;    height:3rem;    border:none;    width:100%;}.head .search .hint{    z-index:1;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    font-size:.9rem;    background:#fff;    position:absolute;    top:0;    width:100%;    box-sizing: border-box;    padding:4rem 1.5rem 1rem;    box-shadow: 0 0 10px rgba(0,0,0,.1);    max-height:400px;    overflow: auto;}.head .search .hint > *{    display:flex;    align-items: center;    width:100%;    padding:.4rem 0;    color:inherit;    text-decoration: none;}.head .search .hint > * .name{    flex:1;    min-width:0;}.head .search .hint > * .icon{    flex:0 1 1.5rem;    height:1.5rem;    padding:.35rem;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    box-sizing: border-box;}.head .search .hint .item{    display:flex;    align-items: center;    padding:.3rem 0;}.head .search .hint .item .name{    flex:1;    min-width:0;    font-size:.85rem;}.head .search .hint .item .icon{    height:.45rem;    width:.45rem;    padding:.35rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}.head button,.head .guide{    box-sizing: border-box;    position:relative;    overflow: hidden;}.head .remove{    position:absolute;    top:100%;    margin-top:.75rem;    right:0;    padding:1.5rem;    z-index:15;    box-shadow:0 0 10px 10px rgba(155,155,155,.1);    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    max-width:360px;    font-size:.8rem;    text-align:center;}.head .remove p{    margin-bottom:.5rem;}.head .remove span{    margin:0 .25rem;    border-bottom:1px dashed;}.head .remove:after{    content:"";    position:absolute;    bottom:100%;    right:1.5rem;    border:.75rem solid transparent;    border-bottom:.75rem solid #fff;}.head .append{    font-size:.75rem;    display:inline-block;    vertical-align: top;    margin-left:.25rem;    border-radius:1rem 0 1rem 0; -moz-border-radius:1rem 0 1rem 0; -webkit-border-radius:1rem 0 1rem 0;    padding:.35rem .6rem;    overflow: hidden;    position:relative;}.instruction{    font-size:.85rem;    line-height:1.45;    max-width:550px;}.instruction a{    color:#4AC959;}.lineAnimation{    position:relative;    overflow: hidden;}.lineAnimation:after {    content: "";    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);    z-index: 1;    -webkit-background-size: 50px 50px;    -moz-background-size: 50px 50px;    -webkit-animation: progress 2s linear infinite;    animation: progress 2s linear infinite;    border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;    -moz-border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;    -webkit-border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;    overflow: hidden;}@-webkit-keyframes progress {    0% {        background-position: 0 0;    }    100% {        background-position: 50px 50px;    }}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #project .item{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #project .item.noactive:hover{        opacity:1;    }    #project .item:hover{        opacity:.6;    }}@media all and (min-width:2160px){    #project .item{        max-width:350px;        flex:0 1 350px;    }}@media all and (max-width:2159px) and (min-width:1560px){    #project .item{        flex:0 1 20%;        flex:0 1 calc(20% - 1.92rem);        max-width: calc(20% - 1.92rem);    }}@media all and (max-width:1560px) and (min-width: 1124px){    #project .item{        flex:0 1 25%;        flex:0 1 calc(25% - 1.8rem);        max-width: calc(25% - 1.8rem);    }}@media all and (max-width:1123px) and (min-width: 856px){    #project .item{        flex:0 1 33%;        flex:0 1 calc(100%/3 - 1.4rem);        max-width: calc(100%/3 - 1.4rem);    }}@media all and (min-width: 1124px){    #project{        gap:2.4rem;    }}@media all and (min-width: 700px) and (max-width: 1123px){    #project{        gap:2.1rem;    }}@media all and (max-width: 855px) and (min-width:700px){    #project > *{        flex:0 1 50%;        flex:0 1 calc(50% - 1rem);        max-width: calc(50% - 1rem);    }    #project{        gap:2rem;    }}@media all and (min-width:700px){    #project{        display:flex;        flex-wrap: wrap;        width:100%;    }}@media all and (max-width:699px){    #project > *:not(:last-child){        margin-bottom:1.25rem;    }}#project .item.noactive{    opacity:.3;}#project .item{    background:#f2f4f8;    padding:2rem;    border-radius:1.5rem; -moz-border-radius:1.5rem; -webkit-border-radius:1.5rem;    box-sizing: border-box;    flex-shrink: 0;}#project .item .icon{    aspect-ratio: 1;    width:4rem;    background:#fff;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    margin-bottom:1rem;    box-sizing: border-box;    padding:1rem;    color:#e2e4e8;}#project .item .name{    font-size:1.1rem;    font-weight:bold;    margin-bottom:.25rem;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    width:100%;}#project .item .p{    font-size:.7rem;    color:#82848f;    line-height:1.4;}#project .item .address{    display:flex;    align-items: center;    width:100%;    font-size:.7rem;    color:#82848f;    gap:.2rem;}#project .item .address > *:first-child{    height:.75rem;    color:var(--red);    opacity:.5;}#project .item .address > *:last-child{    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;    flex:1;    min-width:0;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #qrLoginImage{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #qrLoginImage:hover{        opacity:.6;    }}#qrLogin{    position:relative;    aspect-ratio: 1;}#qrLoginImage{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    padding:2rem;    box-sizing: border-box;}#qrLoginImage img{    display:block;    width:100%;    height:100%;    border-radius: .25rem; -moz-border-radius: .25rem; -webkit-border-radius: .25rem;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .radioCheckbox label span{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .radioCheckbox label span:hover{        opacity:.6;    }}.radioCheckbox{    margin-bottom:.5rem;    font-size:0;}.radioCheckbox > *{    display:inline-block;    vertical-align: top;    margin-bottom:.5rem;}.radioCheckbox:not(.once) > *:not(:last-child){    margin-right:.5rem;}.radioCheckbox:not(.once) label span{    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}.radioCheckbox.once label:first-child span{    border-radius:.25rem 0 0 .25rem; -moz-border-radius:.25rem 0 0 .25rem; -webkit-border-radius:.25rem 0 0 .25rem;}.radioCheckbox.once label:last-child span{    border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0;}.radioCheckbox label span{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    padding:.25rem .75rem;    font-size:.8rem;    line-height: 1.42;    background:#f2f4f8;}.radioCheckbox label input:checked + span{    background:#59ce8f;    color:#fff;}.radioCheckbox label span{    display:block;}.radioCheckbox label input{    display:none;}@media all and (min-width: 1256px){    #center .save{        left:14.5rem;    }}@media all and (min-width: 768px) and (max-width: 1255px){    #center .save{        left:4.5rem;    }}@media all and (min-width: 768px){    #center .save{        display: flex;        gap:1rem;        align-items: center;        padding:1.5rem 5rem;    }}@media all and (max-width: 767px){    #center .save{        left:0;        padding:1.5rem 1rem;    }    #center .save button{        width:100%;    }    #center .save p{        text-align:center;    }    #center .save > *:not(:last-child){        margin-bottom:1rem;    }}#center .save{    z-index:200;    position:fixed;    bottom:0;    right:0;    background:#fff;    box-sizing: border-box;    box-shadow:0 2px 10px rgba(0,0,0,.1);}#center .save + *{        padding-bottom:7.8rem;}#center .save p{    font-size:.8rem;    flex:1;    min-width:0;}#center .save button{    height:2.8rem;    display:flex;    align-items: center;    justify-content: center;    padding:0 1.25rem;    font-weight:bold;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .start .name button{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .start .name button:hover{        color:var(--orange);    }}@media all and (max-height: 1256px) and (min-width: 768px){    .start{        padding-top:10vh;    }}@media all and (min-width:768px){    .start h1{        font-size:4.5rem;        max-width:1024px;        line-height:1;    }    .start > *{        margin:0 auto 3rem;    }    .start > *:last-child{        margin-bottom:0;    }    .start h1 + p{        font-size:1.2rem;        max-width:1024px;    }    .start .name input{        font-size:1.5rem;    }}@media all and (max-width:767px){    .start{        padding-top:1rem;    }    .start h1{        font-size:2.5rem;        line-height:1.1;    }    .start > *:not(:last-child){        margin-bottom:1.25rem;    }    .start h1 + p,    .start .name input{        font-size:1.1rem;    }}.start{    align-content: center;    text-align:center;}.start h1 + p{    line-height:1.3;    font-weight:300;    opacity:.7;}.start h1{    font-weight:normal;}.start .video{    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    aspect-ratio: 1.77;    display:block;    border:none;    width:100%;    max-width:800px;}.start .name{    max-width:800px;    position:relative;    background: #f2f4f8;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    overflow: hidden;}.start .name input:last-child{    padding-right:1.35rem;}.start .name input{    position:relative;    z-index:0;    padding:0 3.75rem 0 1.35rem;    height:3.6rem;    font-weight:300;    width:100%;}.start .name input:not(:valid) + button{    opacity:0;    right:-3rem;}.start .name button{    z-index:5;    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    position:absolute;    top:0;    right:0;    height:100%;    padding:.6rem .75rem;}.start .button{    position:relative;    overflow: hidden;    text-decoration: none;    display:inline-flex;    align-items:center;    justify-content: center;    height:3.4rem;    gap:.25rem;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    padding:0 2.5rem;}.start .button .icon{    height:1.25rem;}.start #miniApi{    text-align:left;    justify-content: center;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .table .item > *,    .table .item{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .table .item:hover .image:not(.disabled){        opacity:.6;    }    .table .item:hover .name:not(.disabled){        color:var(--check);    }    .table > *.noactive:hover,    .table > * .button:hover{        opacity:1;    }    .table .item:hover .next{        padding:.5rem .25rem .5rem .75rem;        color:var(--check);    }}@media all and (min-width:512px){    .table:not(:last-child){        margin-bottom:1.5rem;    }    .table{        width:100%;    }    .table > *{        display:flex;        gap:.75rem;        align-items: center;        width:100%;        box-sizing: border-box;    }    .table .cost{        font-size:2rem;    }    .table .name{        font-size:1.1rem;        flex:1;        min-width:0;    }    .table .image{        width:3.5rem;    }    .table .next{        height:3rem;        padding:.5rem;    }}@media all and (max-width:511px){    .table:not(:last-child){        margin-bottom:1rem;    }    .table .item{        position:relative;    }    .table > * > *:not(:last-child){        margin-bottom:.5rem;    }    .table .cost{        font-size:1.25rem;    }    .table .name{        font-size:1.25rem;    }    .table .image{        width:4.5rem;        display:block;    }    .table .next{        position:absolute;        top:0;        right:0;        height:3.5rem;        padding:.7rem;        opacity:.1;    }}.table > *{    font-size:.85rem;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    border:1px solid #e2e4e8;    padding:1rem;}.table > *:not(:last-child){    margin-bottom:.75rem;}.table > *.noactive{    opacity:.5;}.table .status:not(:empty){    font-size:0;    margin-top:.25rem;}.table .status > *{    text-decoration:none;    display:inline-block;    font-size:.65rem;    line-height:1.2rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    padding:0 .5rem;    margin-right:.25rem;}.table .image span{    display:block;    width:100%;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    background:#f2f4f8;    position:relative;}.table .image span svg{    position:absolute;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);    width:50%;    height:50%;    opacity:.6;}.table .image span img{    position:absolute;    object-fit: cover;    top:0;    left:0;    width:100%;    height:100%;    border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;}.table .image span:after{    content:"";    display:block;    padding-top:100%;}.table > * .time{    font-size:.7rem;}.table > * .button{    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    display:inline-block;    vertical-align: top;    width:1rem;    padding:.7rem;    opacity:.5;}.table > * .button svg{    display:block;    width:100%;}.table > * .button.submit{    width:.6rem;    padding:.7rem;}.table .goods{    display:flex;}.table .goods > *{    height:3rem;    width:1.5rem;    position:relative;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}.table .goods > div{    line-height:3rem;    text-align:center;    font-weight:bold;    font-size:1.2rem;    background:#f2f4f8;    z-index:10;    position:relative;    color:#999;}.table .goods > *:last-child{    width:3rem;}.table .goods > *:last-child img{    width:100%;}.table .goods > * img{    display:block;    height:100%;    width:200%;    object-fit: cover;    border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;    border:4px solid #fff;    box-sizing: border-box;}.table .orderTimes{    text-align: right;}.table .prices{    display:flex;    align-items: center;    width:100%;    margin-top:.5rem;    gap:.5rem;}.table .prices strong{    flex:1;    min-width:0;    font-size:1.2rem;}.table .prices > span{    padding:.25rem .75rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    font-size:.8rem;}@media all and (min-width:768px){    #app:not(.phone) #mask .item:not(:last-child){        margin-right:1.5rem;    }    #app:not(.phone) #mask .item > span{        padding:.25rem .85rem;        width:1.5rem;    }    #app:not(.phone) #mask .item > div input{        font-size:1.1rem;    }}@media all and (max-width:767px){    #mask .item:not(:last-child){        margin-right:.75rem;    }    #mask .item > span{        padding:.5rem .75rem;        width:1.2rem;    }    #mask .item > div input{        font-size:1rem;    }}#mask{    display:flex;}#mask .item{    display:flex;    align-items: center;    flex:0 1 12rem;    width:12rem;    height:3.2rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}#mask .item > span svg{    display:block;    width:100%;    opacity:.4;}#mask .item > div{    flex:1;}#mask .item > div input{    padding:0 .75rem;    font-weight:300;    letter-spacing: 1px;    width:100%;    height:100%;}#mask .item > div input.opacity{    opacity:.2;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #editor .save > *{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #editor .save .icon:hover{        transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);        opacity:1;    }}@media all and (min-width:768px){    #editor .save{        background:#fff;        background: radial-gradient(closest-corner, #fff, #fffa 40%, transparent);        padding:1.5rem;    }}@media all and (max-width:767px){    #editor .save{        background:#fff;        background: linear-gradient(to top, #fff 55%, transparent);        padding:2rem 1rem 1rem;    }}#editor .save{    z-index:200;    position:fixed;    bottom:0;    left:0;    width:100%;    display: flex;    justify-content: center;    align-items: center;    box-sizing: border-box;    gap:1rem;}#editor .save .submit{    height:4rem;    padding:1.1rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}#editor .save .submit svg{    animation: pulsate 1.5s ease-in-out infinite;}#editor .save .icon{    opacity:.6;    padding:.5rem;    height:2.5rem;}@keyframes pulsate {    0% {        transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);    }    50% {        transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);    }    100% {        transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);    }}@media all and (min-width:512px){    #editor .block:not(:first-child){        margin-top:3.5rem;    }}@media all and (max-width:511px){    #editor .block:not(:first-child){        margin-top:1.5rem;    }}@media all and (min-width:1024px){    #editor > .contain .content > .body{        padding: 4rem;    }    #editor > .column{        gap:0;    }}@media all and (max-width:1023px){    #editor > .contain .content > .body{        padding:1rem;    }    #editor .close{        border-radius: 50% 0 0 50%; -moz-border-radius: 50% 0 0 50%; -webkit-border-radius: 50% 0 0 50%;        position:fixed;        top:.75rem;        right:0;        z-index:101;        opacity:1;    }}#editor > .contain .content .save + .body{    padding-bottom:7.5rem;}#editor{    position:fixed;    top:0;    left:0;    height:100vh;    width:100%;    z-index: 888;}#editor > .contain{    height:100vh;    background:#fff;    position:relative;    z-index:5;}#editor > .contain .content{    position:relative;    height:inherit;    background:#fff;    overflow: hidden;}#editor > .contain .content > .body{    height:100%;    box-sizing: border-box;    overflow: auto;}#editor .tableTH{    opacity:.7;    font-size:.75rem;    margin-bottom:.5rem;}#editor .head .rank{    display:flex;    gap:.25rem;}#editor .head .rank > *.check{    color:#f8d373;}#editor .head .rank > span{    height:1.2rem;    color:#eee;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #editor .menu > *:hover input:not(:checked) + span{        opacity:1;    }}@media all and (min-width:1024px){    #editor > .column{        gap:0;    }    #editor .menu > *{        display:block;    }    #editor > .contain .menu{        flex:0 1 12rem;        padding:4rem 3rem;        background:#f2f4f8;        background:linear-gradient(to bottom, #f2f4f8, #fff);    }    #editor .menu input + span span:first-child{        flex:0 1 1.1rem;        margin-right:.5rem;    }    #editor .menu input + span span:last-child{        flex:1;        min-width:0;        line-height:1.3rem;    }    #editor .menu input + span{        padding:.55rem 0;        display:flex;        align-items: center;        width:100%;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;        opacity:.4;    }    #editor .menu input:checked + span{        opacity:1;        color:#000 !important;    }}@media all and (max-width:1023px){    #editor > .contain .menu{        display:flex;        padding:1.25rem 2.75rem 1.25rem 1rem;        width:100%;        overflow: auto;        box-sizing: border-box;        gap:.5rem;        position:absolute;        top:0;        left:0;        z-index:100;        background:#fff;    }    #editor .menu input + span{        white-space: nowrap;        border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;        padding:.25rem .75rem;        font-weight:300;        font-size:.9rem;    }    #editor .menu input:not(:checked) + span{        background:#f2f4f8;    }    #editor .menu input:checked + span{        background:var(--orange);        color:#fff;    }    #editor > .contain .menu + .content .body{        padding-top:4rem;    }}#editor .menu input{    display:none;}@media all and (min-width:551px){    #warning{        bottom:1rem;        left:50%;        transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);        padding:.5rem;        border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    }}@media all and (max-width:550px){    #warning{        top:0;        left:0;        right:0;        padding:1.5rem;        text-align:center;    }}#warning{    font-size:.9rem;    line-height:1.1;    position: fixed;    max-width:100%;    box-sizing: border-box;    z-index:999999999 !important;    box-shadow:0 0 10px rgba(0,0,0,.2);}#warning:not(.greenBackground){    background: #ff8928;    background: #ff414e;    background:linear-gradient(to right, rgb(255, 137, 40), rgb(255, 65, 78));    color: #fff;}.input:not(:last-child){    margin-bottom:1rem;}.input:not(:last-child){    margin-bottom:.75rem;}.input > div,.input{    position:relative;}.input .numbersMax{    position:absolute;    bottom:-.25rem;    line-height:.5rem;    right:.35rem;    padding:0 .25rem;    font-size:.65rem;    background:#fff;}.input .numbersMax span{    opacity:.5;}.input label{    font-size:.8rem;    display:block;    line-height:1.5rem;}.input textarea,.input input{    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    border:1px solid;    background:none;    color:inherit;    width:100%;    font-size:.8rem;}.dark .input textarea,.dark .input input{    border-color:rgba(255,255,255,.2);}.input textarea{    padding:.75rem;    height:6rem;    line-height:1.1rem;    resize: none;}.input input{    height:2.6rem;    padding:0 .5rem;}#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); -moz-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% { -webkit-transform: scaleY(1.0) }}@keyframes sk-stretchdelay {    0%, 40%, 100% {        transform: scaleY(0.4); -ms-transform: scaleY(0.4) }    20% { -webkit-transform: scaleY(1.0) }}@keyframes sk-stretchdelay {    0%, 40%, 100% {        transform: scaleY(0.4); -o-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); -moz-transform: scaleY(0.4); -webkit-transform: scaleY(0.4); -ms-transform: scaleY(0.4); -o-transform: scaleY(0.4);    }  20% {           transform: scaleY(1.0); -moz-transform: scaleY(1.0); -webkit-transform: scaleY(1.0); -ms-transform: scaleY(1.0); -o-transform: scaleY(1.0);           -webkit-transform: scaleY(1.0); -moz-transform: scaleY(1.0); -webkit-transform: scaleY(1.0); -ms-transform: scaleY(1.0); -o-transform: scaleY(1.0);       }}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #images > *{        cursor:pointer;        transition:.3s ease opacity; -moz-transition:.3s ease opacity; -webkit-transition:.3s ease opacity; -ms-transition:.3s ease opacity; -o-transition:.3s ease opacity;    }    #images > .item:hover .move{        top:0;        left:0;        width:100%;        height:100%;        opacity:1;    }    #images .item:not(:hover) .remove{        top:0;        right:0;        opacity:0;        width:0;        height:0;    }    #images .item .remove:hover{        color:#fff;        background: #4AC959;    }    #images label:hover span{        padding:1rem;        width:2.5rem;        background:#4AC959;        color:#fff;    }}@media all and (min-width:1024px){    #images{        gap:1.2%;    }    #images > *{        flex:0 1 19%;        max-width:19%;        width:19%;        margin-bottom:1.2%;    }}@media all and (min-width:512px) and (max-width:1024px){    #images{        gap:2%;    }    #images > *{        flex:0 1 32%;        max-width:32%;        width:32%;        margin-bottom:2%;    }}@media all and (max-width:511px){    #images{        gap:4%;    }    #images > *{        margin-bottom:4%;        flex:0 1 48%;        max-width:48%;        width:48%;    }}#images{    display:flex;    flex-wrap: wrap;    width:100%;}#images > *{    background: #f3f4f8;    position:relative;    border-radius:.75rem; -moz-border-radius:.75rem; -webkit-border-radius:.75rem;    box-sizing: border-box;    aspect-ratio:1.2;}#images > * img{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    object-fit: cover;    border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;}#images .item .remove{    position:absolute;    top:-.5rem;    right:-.5rem;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    width:1.7rem;    height:1.7rem;    background:#FA4A0C;    z-index:10;    color:#fff;    padding:.4rem;    box-sizing: border-box;    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}#images .item .move{    opacity:0;    top:50%;    left:50%;    width:0;    height:0;    position:absolute;    background:rgba(0,0,0,.4);    border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;    z-index:5;    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;}#images .item .move svg{    color:#fff;    position:absolute;    width:.6rem;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}#images label{    overflow: hidden;}#images label input{    position:absolute;    top:0;    left:0;    width:200%;    height:200%;    opacity:0;    z-index:5;}#images label span{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    background:#e2e4e8;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    padding:.75rem;    box-sizing: border-box;    position:absolute;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);    width:2rem;}#images label svg{    display:block;    width:100%;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #uploadMessage span,    #message .contain .more a,    #message .radio > * span,    #message .contain .switch > * input:not(:checked) + span,    #message .contain .panel > * svg,    #message .contain .panel > *,    #message .bg,    #message .button{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #uploadMessage:hover span{        opacity:1;    }    #message .contain .panel > *:hover svg{        transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);    }    #message .contain .panel > *:hover,    #message .contain .close:hover{        opacity:1;    }    #message .contain .switch > * input:not(:checked) + span:hover{        color:#4AC959;    }    #message .radio > * input:not(:checked) + span:hover {        opacity: .7;    }    #message .contain .more a:hover{        color:#FA4A0C;        border-bottom:.01rem solid;    }    #message .contain .text a:hover{        text-decoration:none;    }}@media all and (min-width:768px){    #message .container,    #message .contain:not(.scroll){        border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;        padding:3.5rem 3rem 3rem;    }    #message .contain{        max-width:25rem;        top:50%;        left:50%;        transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);    }}@media all and (max-width:767px){    #message .container,    #message .contain:not(.scroll){        border-radius:.5rem .5rem 0 0; -moz-border-radius:.5rem .5rem 0 0; -webkit-border-radius:.5rem .5rem 0 0;        padding:3rem 1.5rem 1.5rem;    }    #message .contain{        bottom:0;        left:0;        width:100%;    }}#message{    position:fixed;    top:0;    left:0;    bottom:0;    right:0;    z-index:99925;}#message .contain .container .table{    text-align:left;}#message .contain .container{    box-sizing: border-box;    max-height:80vh;    overflow: auto;}#message .contain .container,#message .contain:not(.scroll){    background:#fff;}#message .contain{    text-align:center;    width:100%;    box-sizing: border-box;    position:absolute;    z-index:5;}#message .container > *:not(:last-child),#message .contain > *:not(:last-child){    margin-bottom:1rem;}#message .container > *.button:not(:last-child),#message .contain > *.button:not(:last-child){    margin-bottom:.75rem;}#message .contain h1{    font-size:1.5rem;    line-height:1;}#message .contain .text{    font-weight:300;    line-height:1.3;    font-size:.9rem;}#message .contain .text a{    color:#FA4A0C;}#message .smile{    font-size:5.5rem;}#message .contain .button{    display:flex;    width:100%;    justify-content: center;    align-items: center;    box-sizing: border-box;    overflow: hidden;    position:relative;    padding:1rem;    height:3.4rem;    line-height:1.2rem;    text-decoration: none;    font-weight:bold;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    gap:.25rem;}#message .contain .button span{    height:1.25rem;}#message .contain .more{    font-size:.7rem;    line-height:1.3;    font-weight:300;}#message .contain .more a{    color:inherit;    text-decoration: none;    border-bottom:.01rem dashed;}#message .contain .switch{    display:flex;    width:100%;}#message .contain .switch > *{    flex:1;}#message .contain .switch > * span{    border:1px solid #4AC959;    display:block;    line-height:1.8rem;    font-size:.8rem;    text-align:center;}#message .contain .switch > * input:checked + span{    background:#4AC959;    color:#fff;}#message .contain .switch > *:not(:last-child) span{    border-right:none;}#message .contain .switch > *:first-child span{    border-radius:.75rem 0 0 .75rem; -moz-border-radius:.75rem 0 0 .75rem; -webkit-border-radius:.75rem 0 0 .75rem;}#message .contain .switch > *:last-child span{    border-radius:0 .75rem .75rem 0; -moz-border-radius:0 .75rem .75rem 0; -webkit-border-radius:0 .75rem .75rem 0;}#message .contain .panel{    position:absolute;    display:flex;    gap:.25rem;    padding:.5rem;    top:0;    right:0;}#message .contain .panel > *{    color:inherit;    text-decoration: none;    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;    background:#f2f4f8;    display:inline-block;    vertical-align: top;    padding:.65rem;    height:2.1rem;    width:2.1rem;    opacity:.6;    box-sizing: border-box;}#message .contain .panel > *.tv{    background: var(--green-icon-bg);    padding:.53rem;}#message .contain .input{    height:3rem;    width:100%;    padding:0 1rem;    border-radius:.75rem; -moz-border-radius:.75rem; -webkit-border-radius:.75rem;    font-size:.9rem;}#message .contain textarea.input{    height:15rem;    padding:1rem;    line-height:1.2;    border:none;    resize: none;}#message .contain select.input{    border:none;}#message .contain select.input option{    height:1.5rem;}#message .link{    display:block;    padding:0 1rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    line-height:3.4rem;    text-decoration:none;    font-size:1.5rem;    font-weight:bold;    text-align:center;}#message .radio {    display: flex;    margin-bottom: 1rem;    border:1px solid #4AC959;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;}#message .radio > * {    flex: 1;    gap:1px;}#message .radio > *:last-child span {    border-radius: 0 .5rem .5rem 0; -moz-border-radius: 0 .5rem .5rem 0; -webkit-border-radius: 0 .5rem .5rem 0;}#message .radio > *:first-child span {    border-radius: .5rem 0 0 .5rem; -moz-border-radius: .5rem 0 0 .5rem; -webkit-border-radius: .5rem 0 0 .5rem;}#message .radio > *:not(:last-child) span {    border-right:1px solid #4AC959;}#message .radio > * span {    line-height: 1.4rem;    padding: .25rem;    font-size: .7rem;    text-align: center;    display: block;    box-sizing: border-box;}#message .radio > * input:checked + span {    background: #4AC959;    color: #fff;}#uploadMessage{    position:relative;    overflow: hidden;    background: rgba(74, 201, 89, 0.1);    color:#4AC959;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}#uploadMessage:after{    content:"";    display:block;    padding-top:56%;}#uploadMessage input{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    z-index:5;    font-size:9999px;    opacity:0;}#uploadMessage span{    opacity:.5;    z-index:1;    position:absolute;    top:50%;    height:3rem;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}#navigationMobile{    display:flex;    background:linear-gradient(to bottom right, #1f212a, #3f313a);    color:#fff;    position:fixed;    bottom:0;    left:0;    width:100%;    z-index:88;}#navigationMobile > *{    position:relative;    flex:1;    color:#fff;    height:1.5rem;    padding:1.25rem 0;}#navigationMobile > *:not(:last-child):after{    content:"";    position:absolute;    top:50%;    transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);    height:30%;    left:100%;    width:.01rem;    background: #594853;}#navigationMobile > *.check{    color: var(--orange);}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #left .profile{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #left .profile:hover{        opacity:.9;    }    #left .profile:hover .icon{        color:var(--orange);        opacity:1;    }}@media all and (min-width:512px) and (max-width: 1256px){    #left .profile{        display:block;    }    #left .profile .icon,    #left .profile .contain{        display:none;    }    #left .profile .image{        display:block;        aspect-ratio: 1;        position:relative;    }    #left .profile .image svg{        position:absolute;        top:50%;        left:50%;        transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);    }}@media all and (max-width:511px),(min-width:1256px){    #left .profile .contain{        flex:1;        min-width:0;        line-height:1.42;    }    #left .profile .contain strong{        font-size:.75rem;        display:block;    }    #left .profile .contain span{        font-size:.65rem;        display:block;        opacity:.5;    }    #left .profile .icon{        opacity:.1;        height:1.25rem;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #left .profile{        display:flex;        width:100%;        align-items: center;        gap:.5rem;    }    #left .profile .image{        height:2.5rem;        width:2.5rem;        flex:0 1 2.5rem;        align-content: center;    }}#left .profile{    text-decoration: none;    color:inherit;    position:relative;    margin-top:1.75rem;}#left .profile:after{    content:"";    position:absolute;    top:-.75rem;    right:0;    width:100%;    height:1px;    background:rgba(255,255,255,.1);    background:linear-gradient(to right, transparent, rgba(255,255,255,.1), transparent);}#left .profile .image{    background: #3f313a;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;}#left .profile .image svg{    height:1.25rem;    opacity:.4;}#left .profile .image img{    border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;    width:100%;    height:100%;    object-fit: cover;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #left .user:hover .icon,    #left .user,    #left .items > *{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;        cursor:pointer;    }    #left .user:hover{        color:var(--orange);    }    #left .user:hover .icon{        background: none;        border-color:#3f313a;    }    #left .menu > *:not(.check):hover{        opacity:1;    }}@media all and (min-width:1256px){    #left{        flex:0 1 11rem;    }}@media all and (min-width:512px) and (max-width: 1256px){    #left{        flex:0 1 3rem;        padding:.75rem;    }    #left .user{        margin-bottom:1rem;    }    #left .menu > a .name,    #left .user .name{        display:none;    }    #left .user,    #left .menu > a{        display:block;    }    #left .user .icon{        display:block;        height:3rem;    }    #left .menu > a .icon{        display:block;        padding:.8rem;        height:1.3rem;    }}@media all and (max-width:511px){    #left{        box-sizing: border-box;        position:fixed;        top:0;        left:0;        height:100%;        right:3rem;        z-index:9999;    }    #left .close{        background:#3f313a;    }}@media all and (max-width:511px),(min-width:1256px){    #left{        padding:1.5rem 1.75rem;    }    #left .user{        width:100%;        display:flex;        gap:.5rem;        align-items: center;        color:inherit;        text-decoration:none;        font-weight:bold;        font-size:1.3rem;        border-bottom:1px solid #333;        padding-bottom:1.5rem;        margin-bottom:1.5rem;    }    #left .user .icon{        flex:0 1 2.7rem;    }    #left .menu{        padding:0 .75rem;    }    #left .menu > a{        width:100%;        display:flex;        align-items: center;        gap:.5rem;        padding:.5rem 0;        font-size:.8rem;    }    #left .menu > a .icon{        height:1.25rem;    }}#left{    background:linear-gradient(to bottom right, #1f212a, #3f313a);    color:#fff;    overflow: auto;    display:flex;    flex-direction: column;}#left .menu{    flex:1;    min-width:0;}#left .menu > a:not(.check){    opacity:.5;}#left .menu > a{    transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    color:inherit;    text-decoration:none;}#left a.check .icon,#left .user b{    color:var(--orange);}#left .user .icon{    border:1px solid transparent;    position:relative;    height:2.7rem;    min-width:2.7rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    background:#3f313a;    opacity:.7;}#left .user .icon img{    width:65%;    position:absolute;    top:50%;    left:50%;    transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}@media all and (max-width:511px),(min-width:1256px){    #left .tariff{        background:#3f313a;        position:relative;        overflow: hidden;        padding:1.25rem;        border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;        line-height:1.4;    }    #left .tariff:before,    #left .tariff:after{        content:"";        position:absolute;        border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;        opacity:.1;    }    #left .tariff:before{        border:.4rem solid rgba(255,255,255,.15);        top:-3rem;        right:-3rem;        width:5rem;        height:5rem;    }    #left .tariff:after{        border:.4rem solid rgba(255,255,255,.2);        top:-4.5rem;        right:-4.5rem;        width:8rem;        height:8rem;    }    #left .tariff > *:not(:last-child){        margin-bottom:.25rem;    }    #left .tariff h2{        font-size:.85rem;    }    #left .tariff p{        font-size:.6rem;        font-weight:300;    }    #left .tariff .line{        margin-top:.5rem;        height:.25rem;        border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;        background:#1f212a;    }    #left .tariff .line > span{        display:block;        height:100%;        border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;        background:#fff;    }}@media all and (min-width:512px) AND (max-width:1255px){    #left .tariff{        display:none;    }}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .uploadPreview label{        cursor:pointer;    }    .uploadPreview .remove,    .uploadPreview .icon{        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .uploadPreview label:hover .remove,    .uploadPreview label:hover .icon{        opacity:1;    }}.uploadPreview:not(:last-child){    margin-bottom:1rem;}.uploadPreview input{    position:absolute;    top:0;    left:0;    z-index:5;    width:300%;    height:300%;    font-size:999px;    opacity:0;}.uploadPreview{    display:flex;    align-items: center;    gap:1rem;}.uploadPreview img{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    z-index:0;    object-fit: cover;    border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;}.uploadPreview label{    overflow: hidden;    position:relative;    border-radius:.75rem; -moz-border-radius:.75rem; -webkit-border-radius:.75rem;}.uploadPreview.square label{    max-width:125px;    flex:0 1 125px;}.uploadPreview.rectangle label{    max-width:200px;    flex:0 1 200px;}.unsplash{    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    z-index:5;}.uploadPreview.square label:after{    padding-top:100%;}.uploadPreview.rectangle label:after{    padding-top:66%;}.uploadPreview label:after{    content:"";    display:block;}.uploadPreview .remove{    border-radius:inherit; -moz-border-radius:inherit; -webkit-border-radius:inherit;    background: rgba(250, 74, 12, 0.5);    position:absolute;    top:0;    left:0;    width:100%;    height:100%;    opacity:0;    z-index:2;}.uploadPreview .remove svg,.uploadPreview .icon{    z-index:1;    position:absolute;    top:50%;    left:50%;    transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);    height:2.5rem;    max-height:40%;    opacity:.6;    color:#4AC959;}.uploadPreview .remove svg{    color:#fff;}.uploadPreview p{    font-size:.75rem;    line-height:1.3;    font-weight:300;    flex:0 1 450px;    min-width:0;}#progressUp{    z-index:99999999;    position:fixed;    top:0;    left:0;    width:100%;    height:100%;    text-align:center;    line-height:1.4;    box-sizing: border-box;    background:radial-gradient(#fff, transparent);    color:var(--orange);    font-size:7rem;    padding:1.5rem;}#progressUp .contain{    position:absolute;    top:50%;    left:50%;    transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);    width:400px;    max-width:100%;}#progressUp progress{    width:100%;    display:block;    height:.4rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    border:none;}progress::-webkit-progress-bar {    height:.4rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    border:none;    background:#e2e4e8;}progress::-webkit-progress-value {    height:.4rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    background: var(--red);    background:linear-gradient(to right, var(--orange), var(--red));    border:none;}progress::-moz-progress-bar {    height:.4rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    border:none;}.select{    position:relative;}.select:after{    content:"";    position:absolute;    top:50%;    right:.75rem;    transform:translateY(-50%) rotate(45deg); -moz-transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); -o-transform:translateY(-50%) rotate(45deg);    margin-top:-.25rem;    width:.4rem;    height:.4rem;    border-right:1px solid;    border-bottom:1px solid;}.select select{    position:relative;    z-index:5;    height:2.6rem;    padding:0 .6rem;    background:none;    border:1px solid;    font-size:.8rem;    appearance: none; -moz-appearance: none; -webkit-appearance: none;    -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none;    -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none;    color:inherit;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    margin-bottom:.5rem;    width:100%;}.dark .select select{    border:1px solid rgba(255,255,255,.2);}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .autoPay,    .yellow_button{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .yellow_button:hover{        background: #4AC959;        color:#fff;    }    .autoPay:hover{        color:#4AC959;    }    #app.dark .autoPay:hover{        color:#f8d373;    }}@media all and (min-width:768px){    #pay_button{        display:flex;        align-items: center;        gap:1.5rem;    }}@media all and (max-width:767px){    .yellow_button{        text-align:center;    }    #pay_button > button{        width:100%;    }    #pay_button > *:not(button){        display:block;        margin-top:1.25rem;    }}#pay_button p{    font-size:.8rem;    max-width:22rem;    line-height:1.4;    opacity:.8;}#pay_button .button{    position:relative;    overflow: hidden;    padding:1.1rem 1.25rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    display:flex;    justify-content: center;    align-items: center;    gap:.25rem;}#pay_button .button .icon{    height:1.2rem;}#pay_button .button .name{    white-space: nowrap;}.autoPay{    position:relative;    line-height:1.35;}.autoPay input{    display:none;}.autoPay .checkbox{    position:absolute;    top:1px;    left:0;    width:12px;    height:12px;    padding:2px;    border:1px solid;    border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;    box-sizing: border-box;}.autoPay .checkbox svg{    display:block;    width:100%;}.autoPay input:not(:checked) + .checkbox svg{    display:none;}.autoPay.check .checkbox,.autoPay input:checked + .checkbox{    background:#4AC959;    border-color:#4AC959;    color:#fff;}.autoPay > .name{    padding-left:1rem;    font-weight:900;    display:block;    font-size:.75rem;    margin-bottom:.2rem;}.autoPay > .about{    display:block;    font-size:.7rem;    max-width:30rem;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #period > * input:not(:checked) + span{        cursor:pointer;        transition:.2s ease all; -moz-transition:.2s ease all; -webkit-transition:.2s ease all; -ms-transition:.2s ease all; -o-transition:.2s ease all;    }    #period > * > input:not(:checked) + span:hover{        color:#59ce8f;    }    #app.dark #period > * > input:not(:checked) + span:hover{        color:#f8d373;    }}@media all and (min-width:456px){    #period{        margin-bottom:1.5rem;    }    #period > * > span{        padding:0 1rem;        line-height:2.2rem;        font-size:.8rem;    }}@media all and (max-width:455px){    #period{        margin-bottom:1rem;        width:100%;        font-size:.7rem;    }    #period > label{        text-align:center;        flex:1;    }    #period > * > span{        padding:0 .5rem;        line-height:2rem;    }}#period{    display:flex;    align-items: center;}#period > * > input{    display:none;}#period > * > span{    position:relative;    display:block;    border:1px solid;}#period > *:first-child > span{    border-radius:.25rem 0 0 .25rem; -moz-border-radius:.25rem 0 0 .25rem; -webkit-border-radius:.25rem 0 0 .25rem;}#period > *:nth-child(4) > span{    border-radius:0 .25rem .25rem 0; -moz-border-radius:0 .25rem .25rem 0; -webkit-border-radius:0 .25rem .25rem 0;}#period > *:nth-child(3) > span,#period > *:nth-child(2) > span,#period > *:nth-child(1) > span{    border-right:none;}#period > * > span > span{    position:absolute;    bottom:100%;    right:-.5rem;    z-index:10;    white-space: nowrap;    font-size:.7rem;    font-weight:normal;    background:#FA4A0C;    color:#fff;    line-height:1.4rem;    margin-bottom:-.5rem;    padding:0 .5rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}#period > * > input:checked + span{    background:#59ce8f;    color:#fff;    border-color:#59ce8f;}#period .discount{    overflow: hidden;    position:relative;    padding:0 .25rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    margin-left:.25rem;    background:#FA4A0C;    color:#fff;    line-height:1.3rem;    font-size:.7rem;}.promo{    margin-bottom:1.5rem;    max-width:400px;    padding:2rem;    box-sizing: border-box;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    background: rgba(74, 201, 89, 0.2);}.promo h3{    margin-bottom:.5rem;    font-size:2rem;}.promo input{    width:100%;    appearance: none; -moz-appearance: none; -webkit-appearance: none;    border:none;    padding:0 .75rem;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    height:2.6rem;    margin:.75rem 0;    font-size:.9rem;}.promo p{    line-height:1rem;    font-size:.7rem;}@media all and (min-width:768px){    #payment h2{        margin:2rem 0 1rem;        font-size:2rem;    }    #payment .head + p,    #payment h2 + p{        margin-bottom:2rem;        max-width: 550px;    }}@media all and (max-width:767px){    #payment h2{        margin:1rem 0;        font-size:1.5rem;    }    #payment .head + p,    #payment h2 + p{        margin-bottom:1.5rem;    }}#payment h2{    line-height:1.1;}#payment .head{    margin-bottom:0;}#payment .head + p,#payment h2 + p{    line-height:1.42;    opacity:.6;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    .payType > * input:not(:checked) + span{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    .payType > * > input:not(:checked) + span:hover{        opacity:.6;    }}@media all and (min-width:1701px){    .payType > *:not(.flex1){        box-sizing: border-box;        flex:0 1 23.5%;    }}@media all and (min-width:1256px) and (max-width:1700px){    .payType > *:not(.flex1){        box-sizing: border-box;        flex:0 1 32%;        max-width:31rem;    }}@media all and (min-width:768px) and (max-width:1256px){    .payType > *:not(.flex1){        flex:0 1 49%;        max-width:49%;    }}@media all and (min-width:768px){    .payType{        display:flex;        flex-wrap: wrap;        gap:2%;    }    .payType > * {        box-sizing: border-box;    }    .payType > * > span{        padding:2rem;    }}@media all and (max-width:767px){    .payType > * > span{        padding:1.5rem;    }    .payType > *{        display:block;    }}.payType > *{    margin-bottom: 1.5rem;}.payType > * input{    display:none;}.payType > * > span{    border:1px solid #aaa;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    height:100%;    box-sizing: border-box;    position:relative;}.payType > * > span > span,.payType > * > span{    display:block;}.payType > * > span > span > span{    color:#4AC959;    font-weight:bold;}.payType > * > span:after{    content:"";    position:absolute;    top:.75rem;    right:.75rem;    width:.7rem;    height:.7rem;    border:.25rem solid #ffffff;    box-shadow:0 0 0 .5rem rgba(200,200,200,.1);    background:rgba(0,0,0,.1);    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;}.payType > * > input:checked + span{    color:#4AC959;}.payType > * > input:checked + span:after{    border:.25rem solid #ffffff;    box-shadow:0 0 0 .5rem rgba(74, 201, 89, 0.24);    background:#4AC959;}.payType .name{    font-weight:bold;    font-size:1.2rem;    line-height:1.5rem;    margin-bottom:.5rem;}.payType .about{    font-size:.75rem;    line-height:1.2rem;    font-weight:300;    color:#000;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #tariff_list label input:not(:checked) + span{        cursor:pointer;        transition:.3s ease all; -moz-transition:.3s ease all; -webkit-transition:.3s ease all; -ms-transition:.3s ease all; -o-transition:.3s ease all;    }    #tariff_list label > input:not(:checked) + span:hover{        opacity:.6;    }}@media all and (min-width:1700px){    #tariff_list > *{        flex:0 1 500px;    }}@media all and (max-width:1699px) and (min-width:1500px){    #tariff_list > *{        flex:0 1 calc(100%/3 - .8rem);        min-width:calc(100%/3 - .8rem);    }}@media all and (max-width:1499px) and (min-width:756px){    #tariff_list > *{        flex:0 1 calc(100%/2 - .6rem);        min-width:calc(100%/2 - .6rem);    }}@media all and (min-width:756px){    #tariff_list{        display:flex;        flex-wrap: wrap;        gap:1.2rem;        margin-bottom:1.2rem;    }}@media all and (max-width:755px){    #tariff_list > *{        display:block;        margin-bottom:1.2rem;    }}#tariff_list > * input{    display:none;}#tariff_list input:checked + *{    background: var(--green-icon-bg) !important;    color:#000 !important;}#tariff_list img{    position:absolute;    top:5%;    left:-5rem;    height:120%;    opacity:.1;    z-index:1;}#tariff_list .container{    overflow: hidden;    position:relative;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    padding:2rem;    display:block;    height:100%;    box-sizing: border-box;}#tariff_list .checkboxes{    opacity:.5;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    position:absolute;    top:1rem;    right:1rem;    width:.6rem;    height:.6rem;    background:rgba(255,255,255,.2);    border:.35rem solid rgba(255,255,255,.8);    box-shadow:0 0 0 .35rem rgba(255,255,255,.2);}#tariff_list .container .container{    position:relative;    z-index:2;}#tariff_list .container .name{    display: block;    font-weight:bold;    font-size:2rem;}#tariff_list .container .name sup{    font-weight:900;    font-size:1rem;    vertical-align: top;    margin-left:.5rem;}#tariff_list .container .cost{    font-weight:300;    font-size:3rem;    display:inline-block;    vertical-align: top;}#tariff_list .container .discount{    background:#FA4A0C;    color:#fff;    border-radius:.35rem; -moz-border-radius:.35rem; -webkit-border-radius:.35rem;    padding:.2rem .3rem;    font-size:.7rem;    display:inline-block;    vertical-align: top;    margin-bottom:.75rem;}#tariff_list .container .about{    display:block;    font-size:.7rem;    line-height:1.4;    opacity:.8;}#tariff_list .container .about > *:not(:last-child):after{    content:", ";}@media all and (min-width:1200px){    .usdts{        display:flex;        flex-wrap: wrap;        gap:1.5rem;        margin-bottom:1.5rem;    }    .usdts > *{        flex:0 1 450px;    }}@media all and (max-width:1199px){    .usdt{        margin-bottom:1.25rem;    }}.usdt strong{    font-size:1.4rem;    display:block;}.usdt input{    margin-top:.25rem;    width:100%;    max-width:450px;    height:3rem;    padding:.5rem;    border:none;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    color:inherit;}#daily_promo:not(:last-child){    margin-bottom:1rem;}#daily_promo{    padding:2rem;    background:#f2f4f8;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;}#daily_promo .prehead{    font-size:.6rem;    letter-spacing: 1px;}#daily_promo h1{    font-size:2rem;    margin-bottom:.5rem;    font-weight:900;}#daily_promo .activated{    background:#fff;    text-align:center;    display:block;    opacity:.8;    font-size:.7rem;    font-weight:300;    text-transform: uppercase; -moz-transform: uppercase; -webkit-transform: uppercase; -ms-transform: uppercase; -o-transform: uppercase;    padding:.9rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}#daily_promo p{    font-size:.8rem;    line-height:1.5;}#daily_promo p strong{    font-weight:normal;    border-bottom:1px dashed;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    a.transaction .content{        transition:.3s ease opacity; -moz-transition:.3s ease opacity; -webkit-transition:.3s ease opacity; -ms-transition:.3s ease opacity; -o-transition:.3s ease opacity;    }    a.transaction .content:hover{        opacity:.5;    }}.transaction{    display:block;    color:inherit;    text-decoration:none;}.transaction .content{    display:flex;    border-radius:.5rem; -moz-border-radius:.5rem; -webkit-border-radius:.5rem;    padding:1rem;    align-items:center;    position:relative;}.transaction .content .image svg{    display:block;    width:100%;}.transaction .content .image{    width:1.5rem;    height:1.5rem;    padding:.75rem;    background: rgba(74, 201, 89, 0.5);    color:#fff;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;}#app.dark .transaction .content .image{    background:#4AC959;}.transaction .info{    flex:1;    margin:0 1rem;    line-height:1.4;    font-size:.85rem;}.transaction .name span{    font-weight:300;    margin-left:.25rem;}.transaction .name{    display:block;    font-weight:bold;}.transaction .about{    font-size:.7rem;    display:block;}.transaction .cost{    color:#4AC959;    font-weight:bold;}#app.dark .transaction .cost{    color:#f8d373;}.transaction .time{    display:block;    padding:.5rem;    text-align:right;    font-size:.6rem;    opacity:.7;}@media all and (min-width:512px){    #projectEdit{        padding:2.5rem;        display:flex;        align-items: center;        justify-content: center;    }    #projectEdit h1{        font-size:4rem;    }    #projectEdit .contain{        flex:1;        min-width:0;    }    #projectEdit .multicolor{        justify-content: center;        margin:0 auto;    }}@media all and (max-width:511px){    #projectEdit{        padding:1.25rem;    }    #projectEdit h1{        font-size:3rem;    }}#projectEdit{    overflow: auto;    box-sizing: border-box;    position:fixed;    top:0;    left:0;    width:100%;    height:100%;    z-index:900;    background:#fff;}#projectEdit h1{    text-align:center;    line-height:1;    margin-bottom:2rem;}