.signup-select{border:.1rem solid var(--color-grey-dew);border-radius:2.4rem;display:block;position:relative;width:100%}.signup-select .label{font-size:1.2rem;font-weight:var(--font-weight-black);left:2rem;line-height:1.2rem;pointer-events:none;position:absolute;top:2.4rem;transition:all .15s ease}.signup-select .icon{fill:var(--color-grey-hazy);pointer-events:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.signup-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent!important;border:none;border-radius:2.4rem;display:block;height:6rem;opacity:0;padding:0 2rem;resize:none;width:100%}.signup-select.--has-value .label{margin:0;top:1.7rem}.signup-select.--has-value select{opacity:1;padding-top:2rem}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes backdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalInDesktop{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}@keyframes modalOutDesktop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20%)}}@keyframes genericUpIn{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes genericDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.input-otp{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.input-otp input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.1rem solid var(--color-grey-dew);border-radius:2.4rem;color:var(--color-grey-thunder);display:block;font-size:2.2rem;font-weight:var(--font-weight-black);height:8rem;text-align:center;width:100%}.input-otp input:focus{border-color:var(--theme-accent-primary)}