@charset "utf-8";html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,img,strong,ul,li,form,label,table{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,strong,ul,li,form,label,input,textarea,select,button{-webkit-tap-highlight-color: transparent;font-family: "Sofia Sans", sans-serif;font-optical-sizing: auto;}:focus{outline:0;}input, textarea{display:block;box-sizing:border-box;font-size:1rem;box-shadow: none;}*{margin:0;}html,body{position:relative;overflow: hidden;color:#111;}button{appearance: none; -moz-appearance: none; -webkit-appearance: none;border:none;border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;box-shadow: none;border:0;font-size:1rem;}svg{display:block;height:100%;margin:0 auto;}html,body{height:100%;box-sizing: border-box;}@media all and (min-width:768px){html,body{font-size:15px;}}@media all and (max-width:767px){html,body{font-size:17px;}}@supports (height: 100dvh){html,body{height:100dvh;}}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background: rgba(0,0,0,.3);opacity:.5;}input[type='number'] {-moz-appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield;}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="checkbox"],input[type="radio"]{display:none;}@media (hover) , (min-width:0\0) , (min--moz-device-pixel-ratio:0){    #auth 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;    }    #auth a:hover{        color:var(--check);        border-bottom-color:transparent;    }}#auth{    position:relative;    width:100%;    height:100vh;    height:100dvh;}#auth .logo{    width:9rem;    height:9rem;    border-radius:50% 0 50% 0; -moz-border-radius:50% 0 50% 0; -webkit-border-radius:50% 0 50% 0;    position:relative;    margin:0 auto;    background:#f2f4f8;}#auth img{    position:absolute;    width:70%;    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 .content{    text-align: center;    position:absolute;    box-sizing: border-box;    width:100%;    max-width:390px;    padding:1.5rem;    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 .content p{    line-height:1.42;    opacity:.7;    font-size:.85rem;}#auth .content input[type=text]{    height:3.6rem;    width:100%;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    border:none;    background:var(--input);    padding:0 1.25rem;}#auth .content > *:not(:last-child){    margin-bottom:1rem;}#auth a{    font-size:.9rem;    font-weight:300;    color:#000;    text-decoration:none;    border-bottom:.01rem solid;}@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;}.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; }}@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;    }    .buttonColor:hover{        filter:hue-rotate(-55deg);    }}.button{    text-decoration:none;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    display:flex;    align-items: center;    justify-content: center;    height:3.6rem;    font-size:1.1rem;    gap:.25rem;    width:100%;    position:relative;    overflow: hidden;}.button .icon{    height:1.5rem;}@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%;}: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;    --input: #e8f9fd;}.buttonColor{    background: var(--red);    background:linear-gradient(to right, var(--orange), var(--red));    color: #fff;}.empty{    text-align:center;    font-weight:300;    line-height:1.4;    padding:10vh 1.25rem 0;}.empty .icon{    height:9rem;    width:9rem;    padding:2rem;    box-sizing: border-box;    background:#fff;    border-radius:50% 0 50% 0; -moz-border-radius:50% 0 50% 0; -webkit-border-radius:50% 0 50% 0;    margin:0 auto 1.5rem;}@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;}@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 (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;}.items > *{    background:#fff;    border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;    display:flex;}.items > *:not(:last-child){    margin-bottom:1rem;}.items > * .contain{    padding:1rem;    flex:1;    min-width:0;}.items > * .contain > *:not(:last-child){    margin-bottom:.5rem;}.items h3{    white-space: nowrap;    overflow: hidden;    width:100%;    text-overflow: ellipsis;}.items > * > .icon{    align-content: center;    padding:.75rem;    color:var(--green-icon-color);    border-radius:1.25rem 0 0 1.25rem; -moz-border-radius:1.25rem 0 0 1.25rem; -webkit-border-radius:1.25rem 0 0 1.25rem;    background:var(--green-bg);}.items > * > .icon svg{    height:1.75rem;}.items > * .address{    display:flex;    align-items: center;    gap:.25rem;}.items > * .address .icon{    height:1.25rem;    color:var(--red);}.items > * .address .name{    font-size:.8rem;    line-height:1.2;    flex:1;    min-width:0;}.items > * .status{    display:flex;    gap:.35rem;}.items > * .status > *{    padding:.2rem .5rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    display:inline-flex;    align-items: center;    font-size:.8rem;    background:#f2f4f8;    white-space: nowrap;    gap:.25rem;}.items > * .status > * .icon{    height:.8rem;}.items > * .status > * .name{    flex:1;    min-width:0;}@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){    .inputMapSelect > * 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;    }    .inputMapSelect > *:hover span:last-child{        background:#FA4A0C;        color:#fff;    }}.inputMap{    position:relative;}.inputMap input{    border:1px solid;    width:100%;    height:2.6rem;    padding:0 .5rem;    border-radius:.25rem; -moz-border-radius:.25rem; -webkit-border-radius:.25rem;    font-size:.8rem;    color:inherit;    background:none;    box-shadow: none;    margin-bottom:.75rem;}.inputMap input:not(:focus) + .inputMapSelect{    display:none;}.inputMapSelect{    position:absolute;    top:100%;    left:0;    width:100%;    box-sizing: border-box;    z-index:10;    background:#fff;    box-shadow: 0 0 10px rgba(0,0,0,.1);    padding:.5rem 1rem;    border-radius:.25rem .25rem 1rem 1rem; -moz-border-radius:.25rem .25rem 1rem 1rem; -webkit-border-radius:.25rem .25rem 1rem 1rem;}.inputMapSelect > *{    display:flex;    align-items: center;    width:100%;    gap:1rem;    padding:.35rem 0;    color:inherit;    text-decoration: none;}.inputMapSelect > * > *:first-child{    flex:1;    min-width:0;    font-size:.8rem;    line-height:1.2;}.inputMapSelect > * > *:last-child{    background:#f2f4f8;    padding:.25rem .5rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    font-size:.7rem;}.map:not(:empty){    height:14rem;    border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    background:#f2f4f8;}.map > *{    border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit;}.mapMarker{    width:1.2rem;    height:1.2rem;    padding:.6rem;    color:#fff;    background:#4AC959;    border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;    transform: translate(-1.2rem, -1.2rem); -moz-transform: translate(-1.2rem, -1.2rem); -webkit-transform: translate(-1.2rem, -1.2rem); -ms-transform: translate(-1.2rem, -1.2rem); -o-transform: translate(-1.2rem, -1.2rem);}.mapMarker svg{    display:block;    height: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 > *,    #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,    #message .contain .close:hover{        opacity:1;        transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(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 .contain{        border-radius:1.25rem; -moz-border-radius:1.25rem; -webkit-border-radius:1.25rem;        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%);        padding:3.5rem 3rem 3rem;    }    #message .contain .panel{        top:.4rem;        right:.4rem;    }}@media all and (max-width:767px){    #message .contain{        border-radius:1rem 1rem 0 0; -moz-border-radius:1rem 1rem 0 0; -webkit-border-radius:1rem 1rem 0 0;        bottom:0;        left:0;        width:100%;    }    #message .contain .body{        padding:2rem 1.5rem 1.5rem;    }    #message .contain .panel{        top:0;        right:0;    }}#message{    position:fixed;    top:0;    left:0;    bottom:0;    right:0;    z-index:99925;}#message .contain{    text-align:center;    background:#fff;    width:100%;    box-sizing: border-box;    position:absolute;    z-index:5;}#app.dark #message .contain{    background:#404257;}#message .body > *:not(:last-child){    margin-bottom:1rem;}#message .body > *.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 .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;    font-size:0;}#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 .contain .panel > *:not(:last-child){    margin-right:.15rem;}#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:.9rem;    width:.9rem;    opacity:.6;    transform:scale(.9); -moz-transform:scale(.9); -webkit-transform:scale(.9); -ms-transform:scale(.9); -o-transform:scale(.9);}#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%);}@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;}@media all and (min-width:768px){    #videoupload{        left:50%;        bottom:1rem;        transform:translateX(-50%); -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%);        max-width:350px;        border-radius:1rem; -moz-border-radius:1rem; -webkit-border-radius:1rem;    }}@media all and (max-width:767px){    #videoupload{        left:0;        bottom:0;    }}#videoupload{    box-shadow: 0 0 10px rgba(0,0,0,.1);    text-align:center;    position:fixed;    line-height:1.4;    padding:1.5rem 1.25rem 1.25rem;    width:100%;    box-sizing: border-box;    background:rgba(0,0,0,.5);    color:#fff;    z-index:99999;}#videoupload progress{    width:100%;    margin-bottom:.5rem;    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:#f2f4f8;}progress::-webkit-progress-value {    height:.4rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    background:#7951db;    border:none;}progress::-moz-progress-bar {    height:.4rem;    border-radius:.4rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem;    border:none;}#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);}#app{    padding:1rem 1rem 5rem;    overflow: auto;    height:100%;    box-sizing: border-box;}