:root{--background:#fff;--color-sec:#787775;--color-ter:#aba4a456;--color:#242424;--background-sec:#aba4a4;--background-ter:#7e7a7a;--theme-color:#514bf9;--template-color:#cbcbd773;--error-color:#f76a6a;--green-color:#37d473;--white-color:#fff}:root.dark{--background:#242424;--background-sec:#333230;--background-ter:#aba4a456;--color:#fff;--color-sec:#aba4a4;--color-ter:#7e7a7a;--theme-color:#5a55fa;--template-color:#3c3c3f73;--error-color:#f76a6a;--green-color:#37d473;--white-color:#fff}:hover{transition:all .2s ease-in-out}::-webkit-scrollbar{display:none}::-webkit-inner-spin-button{display:none}::-webkit-outer-spin-button{display:none}:disabled{opacity:.5;cursor:not-allowed}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--color);margin:0;padding:0;font-family:system-ui}html{background-color:var(--background);transition:all .3s ease-in-out}button,.button,svg{cursor:pointer}button,.button{justify-content:center;align-items:center;display:flex}svg{fill:var(--color);width:20px}input,textarea{outline:none}input::placeholder,textarea::placeholder{color:var(--color-sec)}a{color:var(--theme-color);cursor:pointer;text-decoration:none;position:relative}a:after{content:"";background:var(--theme-color);width:0;height:1.5px;color:var(--theme-color);transition:all .15s ease-out;position:absolute;bottom:-1px;left:0}a:hover:after{width:100%}progress{appearance:none}progress::-webkit-progress-bar{background-color:var(--template-color);border-radius:10px}progress::-webkit-progress-value{background:var(--theme-color);border-radius:10px;transition:width .3s ease-in-out}.button.main,.button.other,button.main,button.other{color:#fff;border-radius:10px;width:40%;max-width:300px;height:45px;font-weight:500}.button.main:hover,.button.other:hover,button.main:hover,button.other:hover{transform:scale(1.05)translateY(-2.5px)}.button.main,button.main{background:var(--theme-color);border:1px solid var(--theme-color)}.button.other,button.other{background:var(--template-color);border:1px solid var(--color-sec)}.button.option,button.option{background:var(--template-color);border:.5px solid var(--background-ter);border-radius:100px}.loading{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.loading:after{content:"";border:5px solid var(--theme-color);border-bottom:5px solid #0000;border-radius:100px;width:10%;max-width:50px;padding-top:min(10%,50px);animation:1s linear infinite spin}.loading[color=white]:after{border:5px solid var(--color);border-bottom:5px solid #0000;width:5%;max-width:25px;padding-top:min(5%,50px)}.loader{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.loader svg{width:40vw;max-width:200px;height:auto;fill:var(--theme-color);animation:2s ease-in-out infinite fill-from-bottom}@keyframes fill-from-bottom{0%{clip-path:inset(70% 0 0)}50%{clip-path:inset(0)}to{clip-path:inset(70% 0 0)}}.cropping{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.cropping b{font-weight:500;position:absolute;top:1em}.cropping img{max-width:95vw}.cropping .options{flex-direction:column;align-items:center;gap:1.5em;width:100vw;display:flex;position:absolute;bottom:1em}.cropping .options input{appearance:none;background-color:var(--template-color);border-radius:10px;width:90%;height:10px}.cropping .options input::-webkit-slider-thumb{appearance:none;background:var(--theme-color);cursor:pointer;border-radius:10px;width:40px;height:15px}.cropping .options .buttons{justify-content:space-around;width:100%;display:flex}.cropping .options .buttons button{border-radius:10px;width:40%;max-width:300px;height:45px;font-weight:500}.cropping .options .buttons button:first-child{background:var(--template-color);border:1px solid var(--color-sec)}.cropping .options .buttons button:nth-child(2){background:var(--theme-color);border:1px solid var(--theme-color)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in{0%{transform:translate(100vw)}to{transform:translate(0)}}#Home{flex-direction:column;align-items:center;width:100vw;height:100vh;display:flex;position:relative}#Home .top{border-bottom:1.5px solid var(--background-sec);justify-content:space-between;align-items:center;width:100%;height:3em;display:flex}#Home .top img,#Home .top h2{width:120px;font-size:28px}#Home .top .img{cursor:pointer;background-size:cover;border-radius:100px;width:2.2em;height:2.2em}#Home .top h2,#Home .top .img{margin:0 10px}#Home .float{background-color:var(--theme-color);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s ease-in-out;display:flex;position:fixed;bottom:4em;right:1.5em}#Home .float svg{width:30px;fill:var(--white-color)}#Home .body{scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;display:flex;overflow-x:auto}#Home .body .pane{scroll-snap-align:start;flex-direction:column;flex-shrink:0;align-items:center;width:calc(100% - 2em);height:calc(100vh - 8em);padding:1em;display:flex;overflow-y:scroll}#Home .nav{border-top:1.5px solid var(--background-sec);justify-content:space-around;align-items:center;width:100%;height:3em;display:flex;position:absolute;bottom:0}#Home .nav .button{width:2.5em;height:2.5em;position:relative}#Home .nav .button:active{transform:scale(.75)}#Home .nav .button svg{width:23px}#Home .nav .button b{font-size:10px;font-weight:500;position:absolute;bottom:-5px}#Signup,#Signup *{transition:all .3s ease-in-out}#Signup{height:100vh;position:relative}#Signup .body{flex-direction:column;align-items:center;max-height:100vh;display:flex;overflow-y:scroll}#Signup .body .top{justify-content:flex-end;gap:10px;width:calc(100% - 5px);margin:5px;display:flex}#Signup .body .top button{width:35px;height:35px;padding:5px}#Signup .body .head{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}#Signup .body .head svg{width:120px;height:120px;fill:var(--theme-color)}#Signup .body .head b{text-align:center;width:90%}#Signup .form{flex-direction:column;align-items:center;width:100%;margin-top:2em;display:flex}#Signup .verification{justify-content:center;gap:10px;display:flex}#Signup .verification input{text-align:center;background-color:var(--template-color);border:1.5px solid var(--color-ter);border-radius:10px;width:min(45px,10vw);height:min(45px,10vw);font-family:Poppins,sans-serif;font-size:20px;font-weight:600}#Signup .verification input:focus{border-color:var(--theme-color)}#Signup .signup{flex-direction:column;align-items:center;gap:10px;width:100%;animation:.25s forwards slide-in;display:flex}#Signup .signup input{background-color:var(--template-color);border:1.5px solid var(--color-ter);border-radius:10px;width:65%;max-width:300px;height:45px;padding:0 15px;font-weight:600}#Signup .signup input:focus{border-color:var(--theme-color)}#Signup .form button{width:70%;margin-top:2em;padding:0 15px}#Signup .form i{text-align:center;width:90%;margin-top:10px;font-size:12px;font-style:normal;font-weight:500}#Signup .switch{margin-top:1em;font-size:14px;font-weight:600}@media (width>=700px){#Signup .body{max-width:350px}#Signup:after{content:"";z-index:-1;opacity:.9;background-image:url(/signup_background.jpg);background-position:90%;background-size:cover;width:calc(100% - 350px);height:100%;position:absolute;top:0;right:0}}#Onboard,#Onboard *{transition:all .3s ease-in-out}#Onboard{height:100vh;position:relative}#Onboard .error{flex-direction:column;justify-content:center;align-items:center;gap:2em;height:85vh;display:flex}#Onboard .error b{text-align:center;font-size:25px}#Onboard .error button{background:var(--theme-color);border:1px solid var(--theme-color);border-radius:10px;width:40%;max-width:300px;height:45px;font-weight:500}#Onboard .body{flex-direction:column;align-items:center;max-height:100vh;padding-top:2em;display:flex;overflow-y:scroll}#Onboard .body .head{flex-direction:column;gap:5px;width:80%;display:flex}#Onboard .body .head progress{width:100%;height:.8em}#Onboard .body .head i{color:var(--color-sec);font-size:12px;font-style:normal;font-weight:500}#Onboard .body .form{flex-direction:column;align-items:center;margin-top:20vh;display:flex}#Onboard .body .form b{text-align:center;width:90%;font-size:20px}#Onboard .body .form .scroll{justify-content:center;width:100%;margin:2em 0;display:flex}#Onboard .body .form .scroll .tab{flex-direction:column;align-items:center;width:100%;animation:.25s forwards slide-in;display:flex}#Onboard .body .form .scroll .tab input,#Onboard .body .form .scroll .tab textarea{background-color:var(--template-color);border:1.5px solid var(--color-ter);border-radius:10px;width:70%;max-width:300px;font-size:14px;font-weight:600}#Onboard .body .form .scroll .tab input:focus,#Onboard .body .form .scroll .tab textarea:focus{border-color:var(--theme-color)}#Onboard .body .form .scroll .tab input{height:45px;padding:0 15px}#Onboard .body .form .scroll .tab span{border:1.5px solid var(--color-ter);background-size:cover;background-color:var(--template-color);cursor:pointer;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex}#Onboard .body .form .scroll .tab span svg{width:50%;fill:var(--color-sec)}#Onboard .body .form .scroll .tab input[type=date]{height:60px}#Onboard .body .form .scroll .tab textarea{resize:none;height:90px;padding:10px}#Onboard .body .form .options{justify-content:space-evenly;width:100vw;max-width:450px;display:flex}#Onboard .body .form .options button{width:40%}@media (width>=700px){#Signup .body{max-width:350px}#Signup:after{content:"";z-index:-1;opacity:.9;background-image:url(/signup_background.jpg);background-position:90%;background-size:cover;width:calc(100% - 350px);height:100%;position:absolute;top:0;right:0}}