.search-input{width:100%;position:relative}.search-input__icon{z-index:10;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input__input{color:#0e0f11;width:100%;height:46px;box-shadow:none;background:#fff;border:1px solid #e6e6e6;border-radius:14px;outline:none;padding:0 40px 0 12px;font-size:16px;line-height:1;transition:box-shadow .15s,border-color .15s}.search-input__input::placeholder{color:#9ca3af}.search-input__input:focus{border-color:#0364ff;box-shadow:0 0 0 3px #0364ff14}.search-input__clear{z-index:10;cursor:pointer;color:#6b7280;background:0 0;border:0;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-input--compact .search-input__input{border-radius:10px;height:40px;padding-left:40px;padding-right:36px;font-size:14px}.search-input--compact .search-input__icon{left:8px}.search-input--compact .search-input__clear{right:6px}
.auth{background:#fff;border-radius:32px;width:500px;max-height:max-content;padding:20px 28px}.auth .login,.auth .register,.auth .forget-password{z-index:1;flex-direction:column;gap:12px;display:flex}.auth .login__step1,.auth .login__step2,.auth .register__step1,.auth .register__step2,.auth .forget-password__step1,.auth .forget-password__step2{flex-direction:column;gap:20px;display:flex}.auth .login__step1__header,.auth .login__step2__header,.auth .register__step1__header,.auth .register__step2__header,.auth .forget-password__step1__header,.auth .forget-password__step2__header{justify-content:space-between;align-items:center;display:flex}.auth .login__step1__header-title,.auth .login__step2__header-title,.auth .register__step1__header-title,.auth .register__step2__header-title,.auth .forget-password__step1__header-title,.auth .forget-password__step2__header-title{font-size:24px;font-weight:700;line-height:130%}.auth .login__step1__header-close,.auth .login__step2__header-close,.auth .register__step1__header-close,.auth .register__step2__header-close,.auth .forget-password__step1__header-close,.auth .forget-password__step2__header-close{background:#f3f3f3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.auth .login__step1__header-close svg,.auth .login__step2__header-close svg,.auth .register__step1__header-close svg,.auth .register__step2__header-close svg,.auth .forget-password__step1__header-close svg,.auth .forget-password__step2__header-close svg{width:12px;height:12px}.auth .login__step1__body,.auth .login__step2__body,.auth .register__step1__body,.auth .register__step2__body,.auth .forget-password__step1__body,.auth .forget-password__step2__body{flex-direction:column;gap:12px;width:100%;display:flex}.auth .login__step1__body__input,.auth .login__step2__body__input,.auth .register__step1__body__input,.auth .register__step2__body__input,.auth .forget-password__step1__body__input,.auth .forget-password__step2__body__input{flex-direction:column;gap:8px;display:flex}.auth .login__step1__body__input-label,.auth .login__step2__body__input-label,.auth .register__step1__body__input-label,.auth .register__step2__body__input-label,.auth .forget-password__step1__body__input-label,.auth .forget-password__step2__body__input-label{font-size:16px;font-weight:400}.auth .login__step1__body__input-field,.auth .login__step2__body__input-field,.auth .register__step1__body__input-field,.auth .register__step2__body__input-field,.auth .forget-password__step1__body__input-field,.auth .forget-password__step2__body__input-field{height:53px;box-shadow:none;background:#f5f5f5;border:none;border-radius:20px;outline:none;justify-content:center;padding:16px;font-size:16px;font-weight:600;display:flex;align-items:center!important}.auth .login__step1__body__input-field:focus,.auth .login__step1__body__input-field:active,.auth .login__step2__body__input-field:focus,.auth .login__step2__body__input-field:active,.auth .register__step1__body__input-field:focus,.auth .register__step1__body__input-field:active,.auth .register__step2__body__input-field:focus,.auth .register__step2__body__input-field:active,.auth .forget-password__step1__body__input-field:focus,.auth .forget-password__step1__body__input-field:active,.auth .forget-password__step2__body__input-field:focus,.auth .forget-password__step2__body__input-field:active{box-shadow:none;border:1.5px solid #06f;outline:none}.auth .login__step1__body__input-error,.auth .login__step2__body__input-error,.auth .register__step1__body__input-error,.auth .register__step2__body__input-error,.auth .forget-password__step1__body__input-error,.auth .forget-password__step2__body__input-error{color:red;font-size:12px;font-weight:500}.auth .login__step1__body-timer,.auth .login__step2__body-timer,.auth .register__step1__body-timer,.auth .register__step2__body-timer,.auth .forget-password__step1__body-timer,.auth .forget-password__step2__body-timer{text-align:center;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.auth .login__step1__body-timer span,.auth .login__step2__body-timer span,.auth .register__step1__body-timer span,.auth .register__step2__body-timer span,.auth .forget-password__step1__body-timer span,.auth .forget-password__step2__body-timer span{color:#0e0f1166;background:#f5f5f5;border-radius:50px;justify-content:center;align-items:center;padding:4px 8px;font-size:14px;display:flex}.auth .login__step1__body-timer-resend,.auth .login__step2__body-timer-resend,.auth .register__step1__body-timer-resend,.auth .register__step2__body-timer-resend,.auth .forget-password__step1__body-timer-resend,.auth .forget-password__step2__body-timer-resend{background:0 0;border:none}.auth .login__step1__body-timer-resend svg path,.auth .login__step2__body-timer-resend svg path,.auth .register__step1__body-timer-resend svg path,.auth .register__step2__body-timer-resend svg path,.auth .forget-password__step1__body-timer-resend svg path,.auth .forget-password__step2__body-timer-resend svg path{stroke:#06f}.auth .login__step1__body-forget,.auth .login__step2__body-forget,.auth .register__step1__body-forget,.auth .register__step2__body-forget,.auth .forget-password__step1__body-forget,.auth .forget-password__step2__body-forget{color:#0003;cursor:pointer;font-size:15px;font-weight:500;line-height:150%;transition:all .3s}.auth .login__step1__body-forget:hover,.auth .login__step2__body-forget:hover,.auth .register__step1__body-forget:hover,.auth .register__step2__body-forget:hover,.auth .forget-password__step1__body-forget:hover,.auth .forget-password__step2__body-forget:hover{color:#000}.auth .login__step1__body-oferta,.auth .login__step2__body-oferta,.auth .register__step1__body-oferta,.auth .register__step2__body-oferta,.auth .forget-password__step1__body-oferta,.auth .forget-password__step2__body-oferta{color:#000;text-align:center;cursor:pointer;max-width:343px;margin:0 auto;font-size:12px;font-weight:500;line-height:150%}.auth .login__step1__body-oferta-link,.auth .login__step2__body-oferta-link,.auth .register__step1__body-oferta-link,.auth .register__step2__body-oferta-link,.auth .forget-password__step1__body-oferta-link,.auth .forget-password__step2__body-oferta-link{color:#06f}.auth .login__step1__body-button,.auth .login__step2__body-button,.auth .register__step1__body-button,.auth .register__step2__body-button,.auth .forget-password__step1__body-button,.auth .forget-password__step2__body-button{color:#fff;background:#06f;border-radius:14px;justify-content:center;align-items:center;gap:14px;height:48px;margin-top:12px;font-size:16px;font-weight:600;display:flex}.auth .login__step1__body-button svg,.auth .login__step2__body-button svg,.auth .register__step1__body-button svg,.auth .register__step2__body-button svg,.auth .forget-password__step1__body-button svg,.auth .forget-password__step2__body-button svg{width:12px;height:12px}.auth .login__step1__body-botomtext,.auth .login__step2__body-botomtext,.auth .register__step1__body-botomtext,.auth .register__step2__body-botomtext,.auth .forget-password__step1__body-botomtext,.auth .forget-password__step2__body-botomtext{justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.auth .login__step1__body-botomtext button,.auth .login__step2__body-botomtext button,.auth .register__step1__body-botomtext button,.auth .register__step2__body-botomtext button,.auth .forget-password__step1__body-botomtext button,.auth .forget-password__step2__body-botomtext button{color:#06f}.auth .login__step1__body-info,.auth .login__step2__body-info,.auth .register__step1__body-info,.auth .register__step2__body-info,.auth .forget-password__step1__body-info,.auth .forget-password__step2__body-info{flex-direction:column;gap:12px;width:100%;display:flex}.auth .login__step1__body-info-title,.auth .login__step2__body-info-title,.auth .register__step1__body-info-title,.auth .register__step2__body-info-title,.auth .forget-password__step1__body-info-title,.auth .forget-password__step2__body-info-title{font-size:16px;font-weight:500}.auth .login__step1__body-info-phone,.auth .login__step2__body-info-phone,.auth .register__step1__body-info-phone,.auth .register__step2__body-info-phone,.auth .forget-password__step1__body-info-phone,.auth .forget-password__step2__body-info-phone{background:#f5f5f5;border-radius:16px;align-items:center;gap:10px;width:max-content;padding:6px 12px;display:flex}
.code-input{gap:12px;display:flex}.code-input__cell{caret-color:#0000;color:#0e0f1133;border-radius:14px;width:61px;height:64px;display:inline-flex;position:relative}.code-input__cell .code-input__input::placeholder{color:#0e0f1133}.code-input__cell .code-input__input:not(:placeholder-shown),.code-input__cell .code-input__cell--focused .code-input__input{color:#0e0f11}.code-input__cell{box-sizing:border-box;text-align:center;-webkit-appearance:none;vertical-align:middle;color:#0e0f1133;border:1px solid #0000;font-weight:600}.code-input__cell:focus{color:#0e0f11;border-color:#06f}.code-input__cell--focused{border-color:#06f}.code-input__input{text-align:center;width:100%;height:100%;font-size:inherit;font-weight:inherit;caret-color:#0000;color:inherit;background:#f5f5f5;border:none;border-radius:14px;outline:none;font-size:32px;font-weight:600}.code-input__input::placeholder{color:#0e0f1133}.code-input__cell--focused .code-input__input{color:#0e0f11}.code-input__cell--focused:after{content:"";background:#06f;border-radius:1px;width:2px;height:56%;animation:1s steps(2,start) infinite blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.code-input__cell--filled{background:#14c732;border-color:#0000}.code-input__cell--filled .code-input__input{color:#fff!important;background:0 0!important}.code-input__cell--filled.code-input__cell--focused,.code-input__cell--filled:focus{border-color:#14c732;box-shadow:none!important}.code-input__cell--filled:after{display:none}.code-input__cell--disabled{opacity:.6;pointer-events:none}.code-input--shake{animation:.42s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.code-input__cell--error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}
.password-change{background:#fff;border-radius:32px;flex-direction:column;gap:20px;width:500px;max-height:max-content;padding:20px 28px;display:flex}.password-change__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.password-change__header-title{font-size:24px;font-weight:700;line-height:130%}.password-change__header-close{background:#f3f3f3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.password-change__header-close svg{width:12px;height:12px}.password-change__body{flex-direction:column;gap:12px;width:100%;display:flex}.password-change__body__input{flex-direction:column;gap:8px;display:flex}.password-change__body__input-label{font-size:16px;font-weight:400}.password-change__body__input-field{height:53px;box-shadow:none;background:#f5f5f5;border:none;border-radius:20px;outline:none;justify-content:center;padding:16px;font-size:16px;font-weight:600;display:flex;align-items:center!important}.password-change__body__input-field:focus,.password-change__body__input-field:active{box-shadow:none;border:1.5px solid #06f;outline:none}.password-change__body__input-error{color:red;font-size:12px;font-weight:500}.password-change__body-button{color:#fff;background:#06f;border-radius:14px;justify-content:center;align-items:center;gap:14px;height:48px;margin-top:12px;font-size:16px;font-weight:600;display:flex}.password-change__body-button svg{width:12px;height:12px}.password-change__body-botomtext{justify-content:center;align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.password-change__body-botomtext button{color:#06f}
.update-phone{background:#fff;border-radius:32px;flex-direction:column;gap:20px;width:500px;max-height:max-content;padding:20px 28px;display:flex}.update-phone__step1__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.update-phone__step1__header-title{font-size:24px;font-weight:700;line-height:130%}.update-phone__step1__header-close{cursor:pointer;background:#f3f3f3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.update-phone__step1__header-close svg{width:12px;height:12px}.update-phone__step1__body{flex-direction:column;gap:16px;width:100%;display:flex}.update-phone__step1__body-current{background:#f5f5f5;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.update-phone__step1__body-current-label{color:#666;font-size:12px;font-weight:400}.update-phone__step1__body-current-value{color:#0e0f11;font-size:16px;font-weight:600}.update-phone__step1__body-info{color:#06f;background:#0066ff1f;border-radius:24px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:400;display:flex}.update-phone__step1__body-info svg{width:18px;height:18px}.update-phone__step1__body-info svg path{stroke:#06f}.update-phone__step1__body__input{flex-direction:column;gap:8px;display:flex}.update-phone__step1__body__input-label{font-size:16px;font-weight:400}.update-phone__step1__body__input-field{height:53px;box-shadow:none;background:#f5f5f5;border:none;border-radius:20px;outline:none;justify-content:center;padding:16px;font-size:16px;font-weight:600;display:flex;align-items:center!important}.update-phone__step1__body__input-field:focus,.update-phone__step1__body__input-field:active{box-shadow:none;border:1.5px solid #06f;outline:none}.update-phone__step1__body__input-error{color:red;font-size:12px;font-weight:500}.update-phone__step1__body-button{color:#fff;cursor:pointer;background:#06f;border-radius:14px;justify-content:center;align-items:center;gap:14px;height:48px;margin-top:12px;font-size:16px;font-weight:600;display:flex}.update-phone__step1__body-button:disabled{opacity:.6;cursor:not-allowed}.update-phone__step1__body-button svg{width:12px;height:12px}.update-phone__step2__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.update-phone__step2__header-title{font-size:24px;font-weight:700;line-height:130%}.update-phone__step2__header-close{cursor:pointer;background:#f3f3f3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.update-phone__step2__header-close svg{width:12px;height:12px}.update-phone__step2__body{flex-direction:column;gap:16px;width:100%;display:flex}.update-phone__step2__body-info{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.update-phone__step2__body-info-icon{background:#4ffff0;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.update-phone__step2__body-info-title{max-width:320px;font-size:16px;font-weight:500}.update-phone__step2__body-info-phone{cursor:pointer;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.update-phone__step2__body-info-phone svg{width:16px;height:16px}.update-phone__step2__body-button{color:#fff;cursor:pointer;background:#06f;border-radius:14px;justify-content:center;align-items:center;gap:14px;height:52px;margin-top:12px;font-size:20px;font-weight:600;display:flex}.update-phone__step2__body-button:disabled{opacity:.6;cursor:not-allowed}.update-phone__step2__body-resend{flex-direction:column;align-items:center;gap:8px;margin-top:8px;display:flex}.update-phone__step2__body-resend-timer{gap:8px;font-size:14px;font-weight:500;display:flex}.update-phone__step2__body-resend-timer span{color:#0e0f1166;background:#0e0f1166;border-radius:50px;padding:4px 8px}.update-phone__step2__body-resend-timer svg path{stroke:#06f}
