.f-modal{align-items:center;background-color:#33415580;display:flex;justify-content:center;inset:0;padding:0 1rem;position:fixed;z-index:100}.f-modal__container{background-color:var(--f-color-basic-white);border-radius:1rem;max-width:40rem;padding:1.5rem;width:100%}.f-modal__container .container__header{align-items:center;display:flex;justify-content:space-between}.f-modal__container .container__header .header__title{font-size:1.125rem;font-weight:600;line-height:28px}.f-modal__container .container__header .header__close{cursor:pointer}@media screen and (min-width:1240px){.f-modal__container .container__content{margin-top:2rem}}@media screen and (max-width:1240px){.f-modal__container .container__content{margin-top:1.5rem}}.f-field,.f-field__control{width:100%}.f-field__label,.f-field__validation{font-size:.875rem;line-height:20px}.f-field__label{display:block;font-weight:500;margin-bottom:.375rem}.f-field__validation{margin-top:.375rem}.f-field__control{background:none;border:1px solid var(--f-color-slate-300);border-radius:.375rem;color:inherit;outline:none;padding:.5rem .75rem;transition:border-color .3s,opacity .3s}.f-field__control::-moz-placeholder{font-family:inherit;font-size:.875rem;font-weight:400;line-height:20px}.f-field__control,.f-field__control::placeholder{font-family:inherit;font-size:.875rem;font-weight:400;line-height:20px}.f-field__control::-moz-placeholder{color:var(--f-color-slate-500);-moz-user-select:none;-webkit-user-select:none;user-select:none}.f-field__control::placeholder{color:var(--f-color-slate-500);-webkit-user-select:none;-moz-user-select:none;user-select:none}.f-field__control:not(:disabled){cursor:text}.f-field__control:disabled{cursor:not-allowed;opacity:.5}.f-field:not(.f-field--invalid) .f-field__control:not(:disabled):focus{border-color:var(--f-color-primary-300)}.f-field.f-field--invalid .f-field__control{border-color:var(--f-color-red-500)}.f-otp{align-items:center;display:flex;gap:1.5rem;justify-content:center}.f-otp__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:2px solid var(--f-color-slate-300);border-radius:.375rem;height:2.25rem;outline:none;padding:.5rem;text-align:center;transition:border-color .3s,opacity .3s;width:2.5rem}.f-otp__control::-moz-placeholder{font-family:inherit;font-size:.875rem;font-weight:400;line-height:20px}.f-otp__control,.f-otp__control::placeholder{font-family:inherit;font-size:.875rem;font-weight:400;line-height:20px}.f-otp__control::-moz-placeholder{color:var(--f-color-slate-500);-moz-user-select:none;-webkit-user-select:none;user-select:none}.f-otp__control::placeholder{color:var(--f-color-slate-500);-webkit-user-select:none;-moz-user-select:none;user-select:none}.f-otp__control:not(:disabled){cursor:text}.f-otp__control:disabled{cursor:not-allowed;opacity:.5}.f-otp__control::-webkit-inner-spin-button,.f-otp__control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.f-otp:not(.f-otp--invalid) .f-otp__control:not(:disabled):focus{border-color:var(--f-color-primary-300)}.f-otp.f-otp--invalid .f-otp__control{border-color:var(--f-color-red-500)}.f-otp-resend{align-items:center;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.f-otp-resend.f-otp-resend--new{flex-direction:column}.f-otp-resend__label{color:var(--f-color-slate-600);line-height:20px}.f-otp-resend__action{font-weight:500;line-height:24px;transition:color .3s}.f-otp-resend__action:not(.action--available){color:var(--f-color-primary-300);cursor:not-allowed}.f-otp-resend__action.action--available{color:var(--f-color-primary-400);cursor:pointer;text-decoration:underline}.f-otp-resend__action.action--available:hover{color:var(--f-color-primary-500)}.f-sign-in-modal__header{display:flex;flex-direction:column;gap:.5rem;text-align:center}.f-sign-in-modal__header .header__title{font-size:1.5rem;font-weight:600;line-height:32px}.f-sign-in-modal__header .header__description{color:var(--f-color-slate-600);font-size:.875rem;line-height:20px}.f-sign-in-modal__container{margin-top:2rem}.f-sign-in-modal__container .container__step{display:flex;flex-direction:column;gap:2rem}.f-sign-in-modal__container .container__step .step__message{font-size:.875rem;line-height:20px;text-align:center}