:root{--submit-btn:#10b981;--submit-btn-border:#a7f3d0;--submit-btn-hover:#34d399;--white:#FFFFFF;--blue:#5500FF;--gray-500:#979797;--dark-950:#080909;--dark-800:#202020}.container-submit{max-width:max-content;display:none;align-items:baseline;backdrop-filter:blur(5px);position:relative;z-index:1;margin:0 auto}.ltr-text{direction:ltr!important;text-align-last:left!important}.submit-form{border:2px solid #c5d3a9;border-radius:.65rem;padding:15px;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;justify-content:space-between;max-width:100%;min-height:25rem;margin:0 10px;text-align-last:justify}.show-login_form,.show-submit_form{font-size:.8rem;font-weight:700;align-self:first baseline!important;margin-top:-1rem;margin-bottom:1rem;color:#27272a}.show-login_form span,.show-submit_form span{color:#f87171;cursor:pointer}.submit-form:last-child{margin-top:1.5rem}h2{margin-top:0rem}#auth-form{display:none}.submit-form label{font-size:1.2rem}.submit-input{text-align-last:right;outline:0;width:12rem;height:2rem;background-color:rgba(197,211,169,.9)}.input-style{display:flex;flex-direction:column;align-items:stretch}.CapsLock-message,.pass-message,.pass-message_repeat{font-size:.8rem;font-weight:700;align-self:center;margin-top:-1.1rem;margin-left:-3.1rem;color:red;margin-bottom:-1rem;display:none}.toggle-password{position:absolute;top:10.6rem;right:22.5rem;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-size:17px;cursor:pointer}.toggle-password.active .fa-eye{display:none}.toggle-password.active .fa-eye-slash{display:inline}.toggle-password .fa-eye-slash{display:none}.forget-pass{font-size:.8rem;font-weight:700;align-self:center;margin-top:-1.1rem;color:#00f;margin-bottom:-1rem}.submit-button{border:2px solid var(--submit-btn-border);border-radius:.4rem;background-color:var(--submit-btn);padding:5px;margin:30px 0 10px;font-weight:700;font-size:1.4rem;text-align-last:center;outline-color:var(--submit-btn-border)}.submit-button:hover{cursor:pointer;background-color:var(--submit-btn-hover);transition:all}.submit-form__contact{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:1.4rem;text-align:start}.circle{width:80%;height:400px;background-color:rgba(197,211,169,.7);border-radius:50%;position:absolute;bottom:-2rem;right:12rem}.user-page{display:none;flex-wrap:wrap;gap:1.5rem;list-style:none;font-size:1.5rem;font-weight:700}.user-page li{width:10rem;background-color:#87cefa;text-align:center;border-radius:.7rem;padding:.5rem;cursor:pointer}.user-page li:nth-child(1){background-color:#a78bfa}.user-page li:nth-child(2){background-color:#e879f9}.user-page li:nth-child(3){background-color:#c084fc}.user-page li:nth-child(4){background-color:#f472b6}.user-page li a{color:#000;text-decoration:none}.user-page__information{max-width:32rem;background-color:#d4d4d8;padding:1rem;display:none}.title-input{font-size:1.5rem;font-weight:700}.edit-user-acount{width:50%;padding:10px 10px;border:none;outline:0;font-size:1.4rem;font-weight:700;cursor:pointer;transition:.4s;background-color:#a1a1aa;margin-right:25%}.edit-alert{color:red;font-size:1rem;display:none;margin-top:-2rem;margin-bottom:-1rem}.modal-container{width:80%;height:100%;position:fixed;top:10%;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:.4s;z-index:1000;margin:0 auto}.visible{visibility:visible;opacity:1}.modal-container::before{content:'';position:fixed;width:100%;height:100%;opacity:.6}.modal-content{box-shadow:0 5px 10px rgba(0,0,0,.2);width:450px;background-color:var(--white);z-index:1;padding:30px 40px}.modal-title{font-size:1.4rem;margin-bottom:25px}.accept-btn,.unaccept-btn{width:100%;padding:10px 0;border:none;outline:0;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;cursor:pointer;transition:.4s}.accept-btn{background-color:var(--blue);color:var(--white)}.accept-btn:hover:hover{filter:brightness(.7)}.unaccept-btn{background-color:transparent;border:1px solid var(--blue);color:var(--blue)}.unaccept-btn:hover{background-color:var(--blue);color:var(--white)}.edit-user-form{margin-top:10px;text-align:left}.input-field{width:100%;display:flex;column-gap:10px;padding:0 0 0 10px;border:1px solid var(--dark-800);margin-bottom:20px}.input-field span{padding:10px}.input-field input{border:none;outline:0;width:100%;font-size:1rem;padding-right:15px}.payed,.prePayed,.recieve{border:10px solid #fff;padding-right:10px}.payed li,.recieve li,.recieve ul span{margin-right:2rem;display:none}.payed ul h4,.recieve ul h4{cursor:pointer}.forget-password__section{display:none;flex-direction:column;align-items:center;justify-content:center;background-color:#f3f5f9;padding:4rem}.forget-password__section i{color:#0f3d3e;text-align:center;font-size:2.4rem;display:block;margin-bottom:2rem}.reset-with__email,.reset-with__phone{width:max-content;text-align:center;font-size:1.4rem;cursor:pointer;background-color:#0f3d3e;border:#0f3d3e;color:#fff;margin-top:1rem;padding:.5rem}.forget-password__email,.forget-password__phone,.new-password{display:none;background:#fff;padding:2rem;color:#0f3d3e;border:3px solid #fff;border-radius:17px;box-shadow:rgb(99 99 99 / 20%) 0 2px 8px 0}.forget-password__email input,.forget-password__phone input,.new-password input{padding:.5rem;background-color:#ffcaca;font-size:1.1rem;text-align:right}.forget-password__email input,.forget-password__phone input{width:100%}.new-pass__text{font-size:1.1rem}.new-pass__confirm{width:50%;direction:ltr}#num1,#num2,#num3,#num4,#num5{border:1px solid #000;background-color:#fff;border-radius:10%;width:10%;text-align:center}.forget-password__email button,.forget-password__phone button,.reset-pass__confirm{background-color:#0f3d3e;border:#0f3d3e;color:#fff;font-size:1.5rem;margin-top:1rem;padding:.5rem;width:max-content}.forget-password__email button:hover,.forget-password__phone button:hover,.reset-with__email:hover,.reset-with__phone:hover{background-color:#fff;color:#22888a;border:1px solid #22888a}.reset-pass__reject{background-color:#d85e17;border:#d85e17;color:#fff;font-size:1.5rem;margin-top:1rem;padding:.5rem;width:max-content}@media screen and (max-width:1024px){.container-submit{z-index:0}.circle{display:none}}@media screen and (max-width:900px){.toggle-password{display:none}}@media screen and (max-width:820px){.user-page li{width:8rem}}@media screen and (max-width:768px){.container-submit{flex-wrap:wrap}.new-pass__confirm{width:100%}}@media all and (max-width:540px){#num1,#num2,#num3,#num4,#num5{width:13%}}@media all and (max-width:500px){main{text-align:right}.title-input{font-size:1.4rem;text-align:unset}.edit-user-acount{font-size:1.2rem}.forget-password__section{padding:2rem}.forget-password__email,.forget-password__phone{padding:.5rem}}@media all and (max-width:430px){.container{font-size:1.2rem}main{padding:1.5rem}.submit-form__contacts{display:none}.submit-input{width:10rem}.submit-form label{font-size:1rem}}@media all and (max-width:390px){.submit-input{width:9.3rem;height:1.6rem}}@media all and (max-width:375px){.submit-input{width:8.3rem;height:1.6rem}.submit-form label{font-size:.9rem}.pass-message_repeat{max-width:9rem}.forget-password__section{padding:.5rem;margin-right:-1rem}.forget-password__email button,.forget-password__phone button,.reset-with__email,.reset-with__phone{font-size:1.1rem}.forget-password__email,.forget-password__phone,.new-password{width:15rem;padding:1rem}.forget-password__email input,.forget-password__phone input,.new-password input{font-size:.8rem}}@media all and (max-width:350px){.submit-form label{font-size:.78rem}}