main.login .login-wrapper .login-data .invite-code-stage{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;gap:1rem;padding:1em 1em 1.5em;transform:translate(200%);z-index:1}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper{width:100%;height:100%;max-height:430px;display:flex;justify-content:space-between;flex-direction:column;gap:1rem}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container{width:clamp(0px,100%,400px);margin:auto;display:flex;flex-direction:column;gap:.5rem}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .inp-titles{display:flex;flex-direction:column;gap:.5rem}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .inp-titles .main{display:flex;align-items:center;gap:.5rem}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .inp-titles .main svg{width:1.3em;height:1.3em}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .inp-titles .sub{line-height:1.8;opacity:.7}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .input-wrapper{margin-top:.5rem;display:flex;align-items:center;width:100%;border-radius:1rem;outline:1px solid var(--border-color);background:var(--thirty-percent)}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .input-wrapper input{padding:1em;width:100%;direction:ltr;text-align:right;font-size:16px}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .input-wrapper input::placeholder{font-family:iranLight}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .input-wrapper .reset{flex-shrink:0;height:100%;aspect-ratio:1;color:var(--alert-error);transform:scale(0);transition:.2s transform ease}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .input-wrapper .reset.active{transform:scale(1)}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .status{width:100%;display:flex;align-items:center;gap:.5rem;height:45px;font-weight:700;opacity:0;transition:opacity .3s ease}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .status.show{opacity:1}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .status .loading-dots-cmp{scale:.6;gap:.5rem;margin-left:-.5rem}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .status .icon svg{transform:scale(0);animation:pop-up .4s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-up{0%{transform:scale(0)}to{transform:scale(1)}}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .status .icon.red{color:var(--alert-error)}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .input-container .status .icon.green{color:var(--alert-success)}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .submit-invite-code{width:clamp(0px,100%,400px);background-color:var(--addon-percent);border-radius:100vmax;margin:0 auto;padding:.7rem;transition:.3s opacity ease,transform .15s ease}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .submit-invite-code.disable{cursor:not-allowed;opacity:.6}main.login .login-wrapper .login-data .invite-code-stage .invite-code-stage-wrapper .submit-invite-code:not(.disable):active{transform:scale(.97)}main.login .login-wrapper .login-data .name-stage{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;gap:1rem;padding:1em 1em 1.5em;transform:translate(200%);z-index:1}main.login .login-wrapper .login-data .name-stage .svg-section-container .svg-container .svg-wrapper{width:180px;height:180px}@media screen and (max-width:380px){main.login .login-wrapper .login-data .name-stage .svg-section-container .svg-container .svg-wrapper{width:160px;height:160px}}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper{width:100%;height:100%;max-height:430px;display:flex;justify-content:space-between;flex-direction:column;gap:1rem}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .login-stage-header-wrapper h2{font-weight:lighter}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input{width:clamp(0px,100%,400px);display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:-1em;margin-inline:auto;position:relative;z-index:1}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .holder{display:flex;align-items:center;gap:.5em;transform:translateY(-25%)}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .login-gender-picker{width:clamp(0px,100%,300px);margin-top:1rem}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .login-gender-picker .gender-pick{box-shadow:none;background-color:var(--thirty-percent);transition:.2s transform ease,background-color .3s ease,color .3s ease}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .login-gender-picker .gender-pick:active{transform:scale(.92)}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .login-gender-picker .gender-pick.active{color:#fff;background-color:var(--redish)}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .name-inp-wrapper{width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .name-inp-wrapper input{width:100%;background-color:transparent;outline:none;border:none;border-radius:0;padding:1em .5em;border-bottom:2px solid var(--addon-percent);font-size:16px;text-align:right;color:var(--accent-color)}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .name-inp-wrapper input.inpError{border-bottom-color:var(--alert-error)}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .name-inp-wrapper .clear-input{position:absolute;left:0;transform:translateY(-.3rem);height:100%;aspect-ratio:1;transform-origin:center;scale:0;transition:.2s ease scale}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .name-inp-wrapper .clear-input.active{scale:1}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .name-input .name-inp-wrapper .clear-input svg{width:20px;height:20px;color:var(--alert-error);opacity:.7}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .submit-name{width:clamp(0px,100%,400px);background-color:var(--addon-percent);border-radius:100vmax;margin:0 auto;padding:.7rem;transition:.3s opacity ease}main.login .login-wrapper .login-data .name-stage .name-stage-wrapper .submit-name.disable{cursor:not-allowed;opacity:.6}main.login .login-wrapper .login-data .pass-stage{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;gap:1rem;padding:1em 1em 1.5em;transform:translate(200%);z-index:1}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper{width:200px}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper g#hide g:nth-child(7),main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper g#hide g:nth-child(8){display:inline}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper g#hide g#left_hand,main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper g#hide g#right_hand{rotate:0deg;transition:.3s ease}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper g#hide g#left_hand{transform-origin:right top}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper g#hide g#right_hand{transform-origin:left top}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container .svg-wrapper g#hide g#eyes g path:nth-child(2){transition:.5s .1s ease;transform:translateY(-10px)}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container.show .svg-wrapper g#hide g#left_hand{rotate:-20deg}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container.show .svg-wrapper g#hide g#right_hand{rotate:20deg}main.login .login-wrapper .login-data .pass-stage .svg-section-container .svg-container.show .svg-wrapper g#hide g#eyes g path:nth-child(2){transform:translateY(0)}main.login .login-wrapper .login-data .pass-stage .pass-wrapper{width:100%;height:100%;max-height:430px;display:flex;justify-content:space-between;flex-direction:column;gap:1rem}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems{height:100%;width:clamp(0px,100%,400px);display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:.5em;margin:0 auto}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-holders{display:flex;flex-direction:column}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-holders p{font-family:iranBold;line-height:1.8em}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-holders span{opacity:.7;margin-top:.5em;font-family:iranLight}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:-2rem}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;position:relative;z-index:1}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .hover-inp{width:100%;margin-bottom:0;justify-content:center}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .hover-inp .eye-icon{display:none}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .hover-inp input{padding:1em;padding-block:1em;padding-right:3.75rem;padding-left:1.5em;text-align:left;border-color:var(--border-color);transition:border-color .15s ease}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .hover-inp .holder{right:unset;left:1rem;font-weight:700;font-family:cursive,sans-serif;transform:translateY(95%) translate(-.5rem);padding-inline:.5rem;height:fit-content;width:fit-content;border-radius:100vmax;background-color:var(--sixty-percent)}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .hover-inp input{direction:rtl}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .hover-inp:focus-within .holder,main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .hover-inp.active .holder{transform:translateY(-65%) translate(-.5rem);opacity:1;scale:.9}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .eye-container{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);z-index:1;height:3rem;width:3rem;cursor:pointer}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .pass-input .eye-container svg{opacity:.7}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .timer-wrapper{transition:.3s ease color}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-inp-wrapper .timer-wrapper.alert{color:var(--alert-error)}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-submit{width:clamp(0px,100%,400px);background-color:var(--addon-percent);border-radius:100vmax;margin:0 auto;padding:.7rem;transition:.3s opacity ease}main.login .login-wrapper .login-data .pass-stage .pass-wrapper .pass-elems .pass-submit:disabled{opacity:.6;cursor:not-allowed}main.login .login-wrapper .login-data .phone-stage{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;gap:1rem;padding:1em 1em 1.5em;transform:translate(200%);z-index:1}@media screen and (max-width:340px){main.login .login-wrapper .login-data .phone-stage .svg-section-container{padding-bottom:0;transform:translateY(-1em)}}main.login .login-wrapper .login-data .phone-stage .svg-section-container .svg-container{position:relative;z-index:1}main.login .login-wrapper .login-data .phone-stage .svg-section-container .svg-container img{transform:translate(10px)}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper{width:100%;height:100%;max-height:430px;display:flex;justify-content:space-between;flex-direction:column;gap:1rem}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input{width:clamp(0px,100%,400px);position:relative;z-index:1;margin-top:-1em;margin-inline:auto}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .holder{display:flex;align-items:center;gap:.5em;transform:translateY(-40%)}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .holder svg{width:1.5em;height:1.5em}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .error{margin-top:.5em}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .phone-inp-wrapper{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .phone-inp-wrapper input{width:100%;background-color:transparent;outline:none;border:none;border-radius:0;padding:.5em;font-size:16px;border-bottom:2px solid var(--addon-percent);direction:ltr;text-align:right;color:var(--accent-color);cursor:text}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .phone-inp-wrapper input.inpError{border-bottom-color:var(--alert-error)}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .phone-inp-wrapper .clear-input{position:absolute;left:0;transform:translateY(-.3rem);height:100%;aspect-ratio:1;scale:0;transition:.2s ease scale}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .phone-inp-wrapper .clear-input.active{scale:1}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .phone-inp-wrapper .clear-input svg{width:20px;height:20px;color:var(--alert-error);opacity:.7}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .user-agreement{margin-top:.5rem;line-height:1.7}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .phone-input .user-agreement a{color:var(--login-link)}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .submit-phone{width:clamp(0px,100%,400px);background-color:var(--addon-percent);border-radius:100vmax;margin:0 auto;padding:.7rem;transition:.3s opacity ease,.15s transform ease}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .submit-phone:active{transform:scale(.95)}main.login .login-wrapper .login-data .phone-stage .phone-stage-wrapper .submit-phone.disable{opacity:.6}main.login .login-wrapper .login-data .pick-home-stage{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;padding:1.5em 1em;transform:translate(200%)}main.login .login-wrapper .login-data .pick-home-stage .svg-section-container .svg-container img{scale:1.3}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper{width:100%;height:100%;max-height:430px;display:flex;justify-content:space-between;flex-direction:column;gap:1rem}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .login-stage-header-wrapper .main-title svg{scale:.9;color:var(--redish);opacity:.7}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .login-stage-header-wrapper .desc{line-height:1.8}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta{margin:auto;width:clamp(0px,100%,180px);display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:100vmax;background-color:var(--redish);color:#fff;scale:1.1;padding:.7rem;transition:.15s transform ease;position:relative;z-index:1;animation:glow 2.5s ease-in-out infinite}@keyframes glow{0%,to{box-shadow:var(--redish) 0 0 12px -2px}50%{box-shadow:var(--redish) 0 0 14px 2px}}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta.dark{animation:glow-dark 2.5s ease-in-out infinite}@keyframes glow-dark{0%,to{box-shadow:var(--redish) 0 0 18px -5px}50%{box-shadow:var(--redish) 0 0 24px -5px}}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta:active{transform:scale(.95)}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta svg{width:1.5em;height:1.5em}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta .dots{position:absolute;inset:0;width:100%;height:100%}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta .dots .dot{position:absolute;width:14px;height:4px;background-color:var(--redish);border-radius:100vmax}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta .dots .dot.right-top{transform:translate(24px,-5px) rotate(143deg)}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta .dots .dot.right-bottom{transform:translate(30px,10px) rotate(172deg)}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta .dots .dot.left-top{transform:translate(-193px,-5px) rotate(-143deg)}main.login .login-wrapper .login-data .pick-home-stage .pick-home-stage-wrapper .pick-cta .dots .dot.left-bottom{transform:translate(-195px,10px) rotate(-172deg)}main.login{width:100%;height:100dvh;display:flex;align-items:center;flex-direction:column;background-image:var(--dark-linear);background-repeat:no-repeat;padding-top:1.5rem;position:fixed;inset:0;z-index:1}@media all and (display-mode:standalone){main.login{padding-top:calc(max(env(safe-area-inset-top),1px) + .5rem);padding-bottom:calc(max(env(safe-area-inset-bottom),20px)/2)}}main.login.twa{padding-top:var(--TWA-SAFE-TOP)}main.login.loading .svg-section-container .svg-container img,main.login.loading .svg-section-container .svg-container svg{transform:translateZ(0);animation:login-loading-bounce .5s alternate infinite}@keyframes login-loading-bounce{0%{transform:scaleX(1.2) translateY(0) translateZ(0)}to{transform:translateY(-30%) scaleX(1) translateZ(0)}}@media screen and (max-height:750px){@keyframes login-loading-bounce{0%{transform:scaleX(1.2) translateY(0) translateZ(0)}to{transform:translateY(-20%) scaleX(1) translateZ(0)}}}main.login .svg-section-container{width:clamp(0px,100%,400px);display:flex;align-items:center;justify-content:center;margin:auto;padding-bottom:2rem}main.login .svg-section-container .svg-container .svg-wrapper{width:145px;height:145px;object-fit:contain}main.login .login-stages-container{--line-dur: .7s;--dot-dur: .3s;flex-shrink:0;width:clamp(0px,100%,400px);display:flex;align-items:center;padding-inline:2.5rem;margin-bottom:2.5rem;opacity:0;transition:opacity .2s ease;direction:ltr}main.login .login-stages-container.active{opacity:1}main.login .login-stages-container .stage{direction:rtl;width:100%;display:flex;align-items:center}main.login .login-stages-container .stage:first-child{width:auto}main.login .login-stages-container .stage:first-child .line{display:none}main.login .login-stages-container .stage .line{flex:1 0 0;width:100%;height:1px;background-color:var(--thirty-percent);position:relative;z-index:1}main.login .login-stages-container .stage .line:before{content:"";position:absolute;left:0;top:0;bottom:0;height:100%;width:0%;background-color:var(--redish);transition:width var(--line-dur) ease}main.login .login-stages-container .stage .dot-container{position:relative;z-index:1}main.login .login-stages-container .stage .dot-container .dot{width:15px;height:15px;background-color:var(--thirty-percent);border-radius:100vmax;transition:background-color var(--dot-dur) ease}main.login .login-stages-container .stage .dot-container .dot-holder{position:absolute;text-align:center;white-space:nowrap;width:100px;top:50%;left:50%;transform:translate(-50%,calc(50% + 1rem));color:var(--thirty-percent);transition:color 1s ease}main.login .login-stages-container .stage.active .line:before{width:100%}main.login .login-stages-container .stage.active .dot-container .dot,main.login .login-stages-container .stage.active .dot-container .dot-holder{transition-delay:calc(var(--line-dur) / 2)}main.login .login-stages-container .stage.active .dot-container .dot{background-color:var(--redish)}main.login .login-stages-container .stage.active .dot-container .dot-holder{color:var(--login-stage-dot-color)}main.login .login-wrapper{width:100%;height:100%;display:flex;justify-content:center;position:relative;z-index:1;overflow:hidden}main.login .login-wrapper .login-data{width:100%;height:100%;position:relative;z-index:1}main.login .login-wrapper .login-data .login-stage-header-wrapper{width:clamp(0px,100%,400px);display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;gap:.5em;margin:0 auto}main.login .login-wrapper .login-data .login-stage-header-wrapper .header{width:clamp(0px,100%,400px);display:flex;flex-direction:column;gap:.5em}main.login .login-wrapper .login-data .login-stage-header-wrapper .header .main-title{display:flex;align-items:center;gap:.5rem}main.login .login-wrapper .login-data .login-stage-header-wrapper .header .main-title svg{width:1.5em;height:1.5em}main.login .login-wrapper .login-data .login-stage-header-wrapper .header .desc{font-family:iranLight}main.login .login-wrapper .login-data .login-stage-header-wrapper .go-back{margin-top:.5em}main.login .login-wrapper .login-data .login-stage-header-wrapper .go-back svg{transition:transform .2s ease}main.login .login-wrapper .login-data .login-stage-header-wrapper .go-back:hover svg{transform:translate(-.3em)}main.login .login-wrapper .login-data .login-stage-header-wrapper.center .header{align-items:center;text-align:center}main.login .login-wrapper .login-data .login-stage-header-wrapper.center .desc{line-height:1.8;text-wrap:pretty;max-width:80%}main.login .login-wrapper .login-data #stage{flex-shrink:0;transition:transform .6s cubic-bezier(.45,.02,.09,.98);overflow:hidden;overflow-y:auto}main.login .login-wrapper .login-data #stage.right{transform:translate(200%)}main.login .login-wrapper .login-data #stage.left{transform:translate(-200%)}main.login .login-wrapper .login-data #stage.active{transform:translate(0)}main.login .login-wrapper .login-data #stage.loading{filter:blur(2px);pointer-events:none;transition:.3s cubic-bezier(.45,.02,.09,.98);transition-property:filter,transform}main.login .login-wrapper .login-data .error{height:2em;display:flex;align-items:center;gap:.5em;color:var(--alert-error);font-family:iranLight}main.login .login-wrapper .login-data .error svg{width:1.5em;height:1.5em}main.login .login-wrapper .login-data .preferences-stage{width:100%;height:100%;display:flex;justify-content:space-between;flex-direction:column;gap:1rem;padding:1em 1em 1.5em;transform:translate(200%)}main.login .login-wrapper .login-data .preferences-stage .svg-section-container{padding-bottom:1rem}main.login .login-wrapper .login-data .preferences-stage .svg-section-container .svg-container{width:100%;padding-inline:.5rem}main.login .login-wrapper .login-data .preferences-stage .svg-section-container .svg-container img{width:100%;height:unset}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper{width:100%;display:flex;align-items:center;flex-direction:column;gap:1rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper{display:flex;flex-direction:column;align-items:center;width:clamp(0px,100%,450px);position:relative;z-index:1}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper>*{flex-shrink:0}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head{position:relative;z-index:1;height:100px;width:100%}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .pref-go-back{position:absolute;z-index:2;top:0;left:0;padding:.5rem;transform:scale(0);transition:scale .15s ease}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .pref-go-back:active{scale:.9}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .pref-go-back.active{animation:pref-pop-up .5s .3s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes pref-pop-up{0%{transform:scale(0)}to{transform:scale(1)}}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header{position:absolute;width:100%;height:100%;display:flex;align-items:center;gap:1rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header .anim{overflow:hidden}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header .anim span{display:inline-block}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header.active .anim span{animation:text-slideup-active .7s ease both}@keyframes text-slideup-active{0%{transform:translateY(2em);opacity:0}to{transform:translateY(0);opacity:1}}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header.active .anim:nth-child(1) span{animation-delay:.1s}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header.active .anim:nth-child(2) span{animation-delay:.3s}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header.left .anim span{animation:text-slideup-left .7s ease both}@keyframes text-slideup-left{0%{transform:translateY(0);opacity:1}to{transform:translateY(-2em);opacity:0}}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .preferences-head .header.right .anim span{animation:text-slideup-right .7s ease both}@keyframes text-slideup-right{0%{transform:translateY(0);opacity:1}to{transform:translateY(2em);opacity:0}}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container{width:100%;position:relative;z-index:1;overflow:hidden}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp{position:absolute;inset:0;display:flex;flex-direction:column;gap:1rem;width:100%;height:fit-content;padding-bottom:1rem;flex-shrink:0;transition:transform .6s cubic-bezier(.45,.02,.09,.98)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp.right{transform:translate(200%)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp.left{transform:translate(-200%)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp.active{transform:translate(0)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row{width:100%;display:flex;flex-direction:column;gap:.5rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .item-row-head{width:100%;display:flex;align-items:center;font-family:iranBold}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .item-row-head:after{content:"";width:100%;height:1px;opacity:.2;background-color:var(--border-color)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .item-row-head span{white-space:nowrap;padding-left:1rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body{width:100%;display:flex;align-items:center;justify-content:center;align-content:center;flex-wrap:wrap;gap:1rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp{min-width:80px;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem;position:relative;z-index:1;transition:.2s ease transform,filter .3s ease}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp:before{content:"";position:absolute;bottom:0;right:0;left:0;background-color:var(--thirty-percent);border-radius:2rem 2rem .5rem .5rem;width:100%;height:70%;z-index:-1}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp .checkbox{position:absolute;top:50%;left:0;transform:translateY(-50%);opacity:0;pointer-events:none;color:var(--redish);transition:.2s ease opacity}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp .checkbox svg{width:20px;height:20px}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp .item-head svg{width:40px;height:40px}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp .item-name{text-align:center}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp.active{animation:reverse-transform-anim .5s ease}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp.active:before{background-image:linear-gradient(356deg,var(--bg) 30%,transparent 90%)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp.active .checkbox{opacity:1}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .item-container-cmp:active{transform:scale(.95)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;border-radius:1.75rem;padding:1rem;background-color:var(--thirty-percent);position:relative;z-index:1}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .head{display:flex;align-items:center;flex-direction:column;gap:1rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .head .main-icon{flex-shrink:0;height:100%;padding-inline:1rem .5rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .head .main-icon svg{width:40px;height:40px}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .options{display:flex;align-items:center;gap:.75rem}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .options .option-cta{--color: var(--login-idk-color);display:flex;align-items:center;justify-content:center;min-width:70px;padding:.5rem .8rem;border-radius:100vmax;outline:1px solid var(--color);transition:.15s ease transform,color .3s ease,background-color .3s ease}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .options .option-cta:active{transform:scale(.95)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .options .option-cta.red{--color: var(--alert-error)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .options .option-cta.green{--color: var(--alert-success)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp .items-row .items-body .tag-item-cmp .options .option-cta.active{background-color:var(--color);color:#fff;animation:reverse-transform-anim .5s ease}@keyframes reverse-transform-anim{0%{transform:scale(.95)}50%{transform:scale(1.1)}to{transform:scale(1)}}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp.cats .items-row.disable .items-body .item-container-cmp:not(.active),main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .login-stage-header-wrapper .items-container .items-wrapper-cmp.themes .items-row.disable .items-body .item-container-cmp:not(.active){filter:blur(2px);pointer-events:none}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .stage-submit-wrapper{flex-shrink:0;width:100%;display:flex;align-items:center;justify-content:center;z-index:2}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .stage-submit-wrapper .stage-submit{width:clamp(0px,100%,400px);background-color:var(--addon-percent);border-radius:100vmax;margin:0 auto;padding:.7rem;transition:.3s opacity ease,.15s transform ease}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .stage-submit-wrapper .stage-submit:not(.disable):active{transform:scale(.95)}main.login .login-wrapper .login-data .preferences-stage .preferences-stage-wrapper .stage-submit-wrapper .stage-submit.disable{cursor:not-allowed;opacity:.7}