.c-form-items__sign-in{--transition-duration:.3s;transition:height var(--transition-duration);& .c-sign-in__email{& .c-form-item__label{opacity:1;transition:grid-template-rows var(--transition-duration), opacity calc(var(--transition-duration) / 2);grid-template-rows:1fr;display:grid;&>*{min-height:0;overflow:hidden}}& .c-form-item__control{transition:background-color var(--transition-duration), padding var(--transition-duration);background-color:#0000}& .c-sign-in__email-input{transition:block-size var(--transition-duration), border-color var(--transition-duration), border-radius var(--transition-duration), padding var(--transition-duration)}& .c-sign-in__email-caption{opacity:0;transition:grid-template-rows var(--transition-duration), opacity var(--transition-duration);grid-template-rows:0fr;display:grid;&>span{min-height:0;color:var(--color-accent-dark);text-transform:uppercase;letter-spacing:.04em;font-size:1.1rem;font-weight:500;line-height:1.3;overflow:hidden}}}& .c-sign-in__email-disabled{& .c-form-item__label{opacity:0;grid-template-rows:0fr}& .c-form-item__control{background-color:var(--color-accent-lite);border-radius:.5rem;padding:.8rem 1.4rem}& .c-sign-in__email-caption{opacity:1;grid-template-rows:1fr}& .c-sign-in__email-input{color:#000;cursor:default;text-overflow:ellipsis;background:0 0;border-color:#0000;border-radius:0;block-size:2.4rem;padding:0;font-weight:500;line-height:1.4;&:focus{outline:0}}& .c-sign-in__change-email{opacity:1;transition:grid-template-rows var(--transition-duration), margin-block-start var(--transition-duration), opacity calc(var(--transition-duration) * .8) calc(var(--transition-duration) * .2);grid-template-rows:1fr;margin-block-start:.6rem}}& .c-sign-in__change-email{opacity:0;transition:grid-template-rows var(--transition-duration), margin-block-start var(--transition-duration), opacity var(--transition-duration);grid-template-rows:0fr;justify-items:end;margin-block-start:0;display:grid;&>a{align-items:center;gap:.5rem;min-height:0;font-size:1.3rem;text-decoration:none;display:flex;overflow:hidden}& i{font-size:1.2rem}}}.c-form-item-layout--password{border:1px solid var(--color-accent);border-radius:.5rem;&:focus-within{outline:auto}& input:focus{outline:0}& [type=text],& [type=password]{border:0}}.c-form__secondary-action{text-align:center;margin-block-start:1rem;font-size:1.4rem;& button{font:inherit;color:var(--color-accent);cursor:pointer;background:0;border:0;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:color .2s;display:inline-flex;&:hover,&:focus-visible{color:var(--color-nav-hover)}&:disabled{cursor:default}&[data-state=action]{color:var(--color-accent);& i.fa-solid{--fa-animation-duration:.8s}}&[data-state=success]{color:var(--color-accent-dark)}&[data-state=error]{color:var(--color-danger)}}}:root{--color-missing-digit-background:color-mix(in srgb, var(--color-danger) 8%, transparent);--color-missing-digit-background-flash:color-mix(in srgb, var(--color-danger) 30%, transparent)}@keyframes flash-missing{0%{background-color:#0000}15%{background-color:var(--color-missing-digit-background-flash)}30%{background-color:var(--color-missing-digit-background-flash)}to{background-color:var(--color-missing-digit-background)}}.c-six-digit-code__directions{color:var(--color-accent-dark);margin-block:0 1rem;font-size:1.4rem}.c-six-digit-code__digit-container{justify-content:center;gap:.8rem;display:flex}input[type=text].c-six-digit-code__digit{text-align:center;flex:1;block-size:5rem;inline-size:auto;max-inline-size:4rem;padding:1px 0;font-size:2.2rem;font-weight:500;&:focus{border-color:var(--color-accent-dark);outline:0}&.is-filled{background-color:var(--color-accent-lite)}&.is-missing{border-color:var(--color-danger);background-color:var(--color-missing-digit-background);animation:1s ease-out flash-missing}}