.email-code__field{display:grid;gap:10px;min-width:0}.email-code__field>label{font-size:var(--email-code-label-size,.875rem);font-weight:650;color:#34445a;line-height:1.5}.email-code__control{position:relative;min-width:0;border-radius:12px}.email-code__digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(4px,1.6vw,8px);min-width:0;pointer-events:none}.email-code__digit{display:grid;place-items:center;min-width:0;min-height:64px;padding:10px 0;border:1px solid #9eafc8;border-radius:10px;background:#fff;font:650 1.5rem/1.25 var(--email-code-font,Roboto,system-ui,sans-serif);font-variant-numeric:tabular-nums;color:#203b78;transition:background .15s,border-color .15s,box-shadow .15s}.email-code__placeholder{color:#687b97;font-size:1rem}.email-code__digit.is-filled{background:#edf3fd;border-color:#9bb5dc}.email-code__digit.is-active{border-color:#2455a4;box-shadow:inset 0 0 0 1px #2455a4;background:#fff}.email-code__digit.is-selected{background:#d4e3fd;border-color:#2455a4}.email-code__control:focus-within{outline:3px solid #2455a4;outline-offset:4px}.email-code__field .email-code__control input.email-code__input{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;min-height:64px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;box-shadow:none;outline:none;color:transparent;caret-color:transparent;-webkit-text-fill-color:transparent;font-size:1rem;letter-spacing:normal;opacity:1;cursor:text}.email-code__field .email-code__control input.email-code__input:-webkit-autofill{opacity:0}.email-code__field .email-code__control input.email-code__input:autofill{opacity:0}.email-code__input::selection{background:transparent}.email-code__field--invalid .email-code__digit{border-color:#b14b40;background:#fff8f6}.email-code__field--invalid .email-code__control:focus-within{outline-color:#963b31}@media(max-width:359px){.email-code__digit{font-size:1.375rem}}@media(prefers-reduced-motion:reduce){.email-code__digit{transition:none}}@media(forced-colors:active){.email-code__digit{border-color:CanvasText}.email-code__digit.is-active{outline:2px solid Highlight}.email-code__control:focus-within{outline-color:Highlight}.email-code__field .email-code__control input.email-code__input{forced-color-adjust:none}}