.divider{gap:var(--sp-4);justify-content:center;align-items:center;width:100%;display:flex}.divider:before,.divider:after{content:"";height:calc(var(--sp-unit)*1);background-color:var(--color-surface-tertiary);flex-grow:1}
.form-otp-separator{color:var(--color-text-primary)}
.form-otp-slot{font-size:var(--font-size-h4);font-weight:var(--font-weight-h);line-height:var(--line-height-h);letter-spacing:var(--letter-spacing-h);width:100%;height:100%;padding-block:var(--sp-4);border:calc(var(--sp-unit)*1)solid var(--color-grey-400);text-align:center;transition:border-color var(--animation-simple-fade);justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:471.9px){.form-otp-slot{padding-block:var(--sp-2)}}.form-otp-slot.form-otp-slot--active{border-color:var(--color-primary,#007bff)}.form-otp-slot:focus-within{outline:calc(var(--sp-base)*.5)solid var(--color-primary,#007bff);outline-offset:calc(var(--sp-base)*.5)}.form-otp-slot__content{width:100%;height:var(--sp-10);justify-content:center;align-items:center;display:flex}.form-otp-slot__caret{width:calc(var(--sp-unit)*1);background-color:var(--color-text,#000);height:1em;animation:1.2s ease-out infinite caret-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}
.form-otp-render{gap:var(--sp-2);flex:100%;align-self:stretch;display:flex}@media (max-width:471.9px){.form-otp-render{gap:var(--sp-1)}}
.form-otp{gap:var(--sp-2);align-items:center;display:flex}@media (max-width:471.9px){.form-otp{gap:var(--sp-1)}}
.monospace{font-family:var(--font-monospace);font-size:.9em}
.user-login{grid-area:user}