.forgot-name-cmp{--scaler-dur: .5s;--base-delay: 1s;position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:992;inset:0;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:.3s ease}.forgot-name-cmp .forgot-wrapper{width:100%;height:80%;display:flex;margin-top:auto;border-top-right-radius:2rem;border-top-left-radius:2rem;position:relative;z-index:1}.forgot-name-cmp .forgot-wrapper .card{width:100%;height:100%;border-radius:inherit;background-color:var(--sixty-percent);background-image:var(--dark-linear);transform:scale(1) translateY(100%);transition:.3s ease;transition-property:box-shadow;position:relative;z-index:1}.forgot-name-cmp .forgot-wrapper .card .close-forgot{position:absolute;top:0;left:0;padding:1.5rem;opacity:0;z-index:7;transition:.2s opacity ease}.forgot-name-cmp .forgot-wrapper .card .close-forgot:hover svg{transform:rotate(-90deg)}.forgot-name-cmp .forgot-wrapper .card .close-forgot svg{color:var(--alert-error);transition:.3s ease}.forgot-name-cmp .forgot-wrapper .card .card-wrapper{display:flex;align-items:center;flex-direction:column;justify-content:space-between;background-color:var(--sixty-percent);background-image:var(--dark-linear);border-radius:inherit;width:100%;height:100%;padding-top:1rem}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper{width:100%;display:flex;align-items:center;flex-direction:column;gap:1rem;pointer-events:none}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .logo,.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .add-head{transform:scale(0);transition:.3s ease;transition-property:transform}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .logo{width:175px;aspect-ratio:1;object-fit:contain}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .logo img{width:100%;height:100%;object-fit:contain;transition:.3s ease;transition-property:opacity,transform}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .logo img.has-name{position:absolute;inset:0;scale:.8;transform-origin:90% 50%;transform:translate(-.5rem);opacity:0;z-index:2}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .add-head{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;text-wrap:pretty;margin-top:-1rem;padding-inline:2rem;width:100%;position:relative;z-index:1}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .add-head p{transition:.3s ease;transition-property:opacity,transform}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .add-head .no-name{width:100%;display:flex;align-items:center;flex-direction:column}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .add-head .no-name .no-sub{line-height:1.8;text-wrap:pretty;margin-top:.5em;opacity:.7}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper .add-head .has-name{position:absolute;transform:translate(-.5rem);opacity:0}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper.active .add-head .has-name,.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper.active .logo .has-name{opacity:1;transform:translate(0)}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper.active .add-head .no-name,.forgot-name-cmp .forgot-wrapper .card .card-wrapper .logo-wrapper.active .logo .no-name{transform:translate(.5rem);opacity:0}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .hover-wrapper{margin-top:-1rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;width:100%;padding-inline:2rem;transform:scale(0);transition:.2s ease transform}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .hover-wrapper .info-gender-picker{width:clamp(0px,100%,300px)}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .hover-wrapper .hover-inp{background-color:transparent;border-radius:0;border:0px;border-bottom:1px solid var(--border-color)}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .hover-wrapper .hover-inp .holder{right:0;transform:translateY(65%);padding-inline:5px 1rem;padding-block:0px;height:fit-content;width:fit-content;background-color:transparent}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .hover-wrapper .hover-inp input{direction:rtl}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .hover-wrapper .hover-inp:focus-within .holder,.forgot-name-cmp .forgot-wrapper .card .card-wrapper .hover-wrapper .hover-inp.active .holder{transform:translateY(-65%);opacity:1;scale:.9}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .forgot-cta-wrapper{width:100%;padding:1rem 1.1rem;transform:scale(0);transition:.2s ease transform}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .forgot-cta-wrapper .cta{display:flex;align-items:center;justify-content:center;width:100%;padding-block:.7rem;border-radius:3rem;background-color:var(--addon-percent);transition:.15s ease;transition-property:transform,opacity}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .forgot-cta-wrapper .cta:active{transform:scale(.98)}.forgot-name-cmp .forgot-wrapper .card .card-wrapper .forgot-cta-wrapper .cta:disabled{opacity:.7}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-loader,.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status{width:100%;height:100%;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--sixty-percent);background-image:var(--dark-linear);border-radius:inherit;gap:1rem;text-align:center;padding-inline:1rem;z-index:3;pointer-events:none;opacity:0;transition:.2s ease opacity}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-loader img,.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status img{width:175px;height:175px;object-fit:contain;transition:scale .15s ease;animation:loading-bounce .5s alternate infinite;animation-play-state:paused}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-loader img:active,.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status img:active{scale:1.1}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-loader svg,.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status svg{width:100px;height:100px}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-loader.active,.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status.active{pointer-events:all;opacity:1}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-loader.active img,.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status.active img{animation-play-state:running}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status{--color: var(--accent-color);z-index:4}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status .icon{transform:scale(0);color:var(--color)}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status .icon.red{--color: var(--alert-error)}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status .icon.green{--color: var(--alert-success)}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status .sub{opacity:.7;line-height:.5em}.forgot-name-cmp .forgot-wrapper .card .forgot-cmp-status.active .icon{animation:pop-up .5s .3s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-up{0%{transform:scale(0)}to{transform:scale(1)}}.forgot-name-cmp.active{opacity:1;visibility:visible;transition-delay:var(--base-delay)}.forgot-name-cmp.active .card{animation:scaler-anim var(--scaler-dur) var(--base-delay) ease forwards}@keyframes scaler-anim{to{transform:translateY(0) scale(1)}}.forgot-name-cmp.active .card .close-forgot{transition-delay:calc(var(--scaler-dur) + var(--base-delay) + .05s);opacity:1}.forgot-name-cmp.active .card .card-wrapper .logo-wrapper .logo,.forgot-name-cmp.active .card .card-wrapper .logo-wrapper .add-head{transform:scale(1)}.forgot-name-cmp.active .card .card-wrapper .logo-wrapper .logo{transition-delay:calc(var(--scaler-dur) + var(--base-delay) - .15s)}.forgot-name-cmp.active .card .card-wrapper .logo-wrapper .add-head{transition-delay:calc(var(--scaler-dur) + var(--base-delay) - .1s)}.forgot-name-cmp.active .card .card-wrapper .hover-wrapper{transform:scale(1);transition-delay:calc(var(--scaler-dur) + var(--base-delay) - .05s)}.forgot-name-cmp.active .card .card-wrapper .forgot-cta-wrapper{transform:scale(1);transition-delay:calc(var(--scaler-dur) + var(--base-delay))}