.login-page{height:80vh;line-height:20px}.login-page,.login-page__content{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.login-page__content{background-color:#141414;border-radius:24px;color:#fff;flex-direction:column;gap:16px;margin:0 16px;max-width:488px;padding:16px;position:relative}.login-page__location-logo{height:161px;-o-object-fit:contain;object-fit:contain;width:151px}.login-page__title{color:#fff;font-size:20px;font-weight:700}.login-form{display:flex;flex-direction:column;gap:16px;width:100%}.login-form__title{display:flex;font-size:20px;font-weight:700;justify-content:center;letter-spacing:0;line-height:28px;text-align:center}.login-form__policy-text{color:#bbbbba;font-size:14px;font-weight:400;line-height:20px;text-align:center}.login-form__policy-text--link{color:#fc0}.login-form .iti__selected-flag .iti__flag{background-color:transparent;border-radius:4px;box-shadow:none}.login-form .iti__selected-flag .iti__arrow{border:none;display:inline-block;font-family:umisushi_icons;font-style:normal;font-variant:normal;font-weight:400;height:16px;line-height:16px;position:relative;text-align:center;text-decoration:inherit;text-transform:none;width:16px}.login-form .iti__selected-flag .iti__arrow:before{content:"\e826";font-size:16px;font-weight:400;height:100%;left:0;letter-spacing:0;position:absolute;top:0;width:100%}.phone-login-container{align-items:center;justify-content:center}.phone-login-container,.phone-login-container__buttons-container,.phone-login-container__element{display:flex;flex-direction:column;gap:16px;width:100%}.phone-login-container__buttons-container{align-items:center;justify-content:center}.phone-login-container__buttons-container span{border-radius:16px;color:var(--primary);cursor:pointer;display:block;font-size:16px;font-weight:400;letter-spacing:0;line-height:20px;overflow:hidden;padding:16px 32px;position:relative;text-align:center;width:100%;z-index:1}.phone-login-container__buttons-container span:before{background-color:rgba(255,204,0,.102);bottom:0;content:"";height:0;position:absolute;right:0;transition:width .4s ease-out,height .4s ease-out;width:0;z-index:-1}.phone-login-container__buttons-container span:hover:before{height:200%;width:200%}.phone-login-container__buttons-container span:active:before{background-color:rgba(255,204,0,.251)}.phone-login-container__button-submit{align-items:center;border-radius:16px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:400;justify-content:center;letter-spacing:0;overflow:hidden;padding:16px 0;position:relative;text-align:center;width:100%;z-index:1}.phone-login-container .error-message{color:red;font-size:12px;font-weight:400;line-height:16px;margin-top:-12px}.phone-login-container .otp-container__cell,.phone-login-container .otp-container__cells{width:100%}.input-container{display:flex;flex-direction:column;gap:8px;width:100%}.input-container__label{display:flex;font-size:14px;font-weight:400;justify-content:center;letter-spacing:0;text-align:center}.input-container .input{background-color:#000;border-radius:16px;color:#bbbbba;font-size:14px;font-weight:400;line-height:20px;padding:16px 70px 16px 24px;padding-left:70px!important;width:100%}.input-container .input.error{border:1px solid red;outline:1px solid red}.input-container .iti{width:100%}.input-container .iti__selected-flag{margin-left:24px;padding:0}.input-container .iti__arrow{border-top:4px solid #fff}.left-input-container{display:flex;flex-direction:column;gap:8px;width:100%}.left-input-container__label{font-size:14px;font-weight:400;line-height:20px}.left-input-container__label--required{color:red}.left-input-container .input{background-color:#000;border-radius:16px;color:#bbbbba;font-size:14px;font-weight:400;line-height:20px;padding:16px 70px 16px 24px;width:100%}.left-input-container .input.error{border:1px solid red;outline:1px solid red}.left-input-container .input::-webkit-calendar-picker-indicator{filter:invert(1)}.left-input-container__birthday-bottom-text{color:#fff;font-size:14px;line-height:20px}.left-input-container .error-text{color:red;font-size:12px;line-height:16px;margin-top:-4px}.left-input-container .hint-text{color:#bbbbba;font-size:12px;line-height:16px;margin-top:-4px}.otp-container{display:flex;flex-direction:column;gap:8px}.otp-container__label{display:flex;font-size:14px;font-weight:400;justify-content:center;line-height:20px}.otp-container__label--required{color:red}.otp-container__input{display:flex;justify-content:center;width:100%}.otp-container__cells{display:flex;gap:8px}.otp-container__cell{align-items:center;background:#000;border-radius:12px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:76.25px}.otp-container__cell.is-active{outline:2px solid #ffd200}.otp-container__hidden{opacity:0;pointer-events:none;position:absolute}.register-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;width:100%}.register-container__title{color:#fff;font-size:20px;font-weight:700;line-height:28px;text-align:center}.register-phone-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;width:100%}.register-phone-container__inputs{display:flex;flex-direction:column;gap:8px;width:100%}.register-phone-container__inputs .input-container{width:100%}.register-phone-container__buttons{display:flex;flex-direction:column;gap:8px;width:100%}.register-phone-container__buttons button{width:100%}.utils-container{display:flex;gap:8px}.utils-container .hide-icon{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px}.birthday-input-utils-container{align-items:center;background-color:#000;border-radius:16px;display:flex;gap:8px}.birthday-input-utils-container__icon-btn{color:#fff;height:20px;margin-left:24px;width:20px}.birthday-input-utils-container__input{background-color:#000;color:#fff;padding:16px 70px 16px 8px}
