.email-code{display:block}.email-code__label{color:var(--ink-2);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.email-code__control{border-radius:3px;display:block;position:relative}.email-code__input{z-index:1;opacity:0;cursor:text;width:100%;height:100%;font-size:20px;position:absolute;inset:0}.email-code__digits{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;display:grid}.email-code__digit{border:1px solid var(--ink-4);background:var(--panel);height:52px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:3px;justify-content:center;align-items:center;font-size:21px;font-weight:500;transition:border-color .12s ease-out,box-shadow .12s ease-out;display:flex}.email-code__placeholder{background:var(--ink-4);border-radius:50%;width:4px;height:4px}.email-code__control:focus-within .email-code__digit[data-active]{border-color:var(--ink-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--ink-3) 16%, transparent)}.email-code__control[data-error] .email-code__digit{border-color:color-mix(in srgb, var(--danger) 65%, var(--ink-4))}.email-code__control[data-disabled]{opacity:.6}.email-code__input:disabled{cursor:not-allowed}@media (width<=360px){.email-code__digits{gap:5px}.email-code__digit{height:46px;font-size:18px}}@media (prefers-reduced-motion:reduce){.email-code__digit{transition:none}}