.access-code-field-module__N6XmlW__field{margin-top:calc(var(--spacing) * 3);position:relative}.access-code-field-module__N6XmlW__input{z-index:2;opacity:0;color:#0000;caret-color:#0000;cursor:text;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.access-code-field-module__N6XmlW__cells{align-items:stretch;gap:6px;display:flex}.access-code-field-module__N6XmlW__group{flex:1;gap:4px;display:flex}.access-code-field-module__N6XmlW__dash{background:var(--color-text-faint);flex:none;align-self:center;width:8px;height:1.5px}.access-code-field-module__N6XmlW__cell{border-radius:var(--radius-sm);background:var(--color-surface-elevated);height:60px;box-shadow:inset 0 -1.5px 0 var(--color-border-strong);font-family:var(--font-mono);color:var(--color-text-primary);transition:box-shadow var(--duration-fast), background var(--duration-standard) var(--ease-out), color var(--duration-standard);transition-delay:calc(var(--i) * 28ms);flex:1;place-items:center;font-size:22px;font-weight:500;display:grid;position:relative}.access-code-field-module__N6XmlW__filled{box-shadow:inset 0 -1.5px 0 var(--color-text-primary);animation:access-code-field-module__N6XmlW__cell-in var(--duration-fast) var(--ease-out);transition-delay:0s}.access-code-field-module__N6XmlW__focused .access-code-field-module__N6XmlW__caret{background:var(--color-surface-muted);box-shadow:inset 0 -1.5px 0 var(--color-text-secondary)}.access-code-field-module__N6XmlW__focused .access-code-field-module__N6XmlW__caret:after{content:"";background:var(--color-text-primary);width:1.5px;height:24px;animation:1s step-end infinite access-code-field-module__N6XmlW__caret;position:absolute}.access-code-field-module__N6XmlW__error .access-code-field-module__N6XmlW__cell{box-shadow:inset 0 -1.5px 0 var(--color-danger)}.access-code-field-module__N6XmlW__success .access-code-field-module__N6XmlW__cell{background:var(--color-text-primary);color:var(--color-text-inverse);box-shadow:none}@keyframes access-code-field-module__N6XmlW__cell-in{0%{opacity:.4;transform:translateY(3px)}}@keyframes access-code-field-module__N6XmlW__caret{50%{opacity:0}}@media (min-width:600px){.access-code-field-module__N6XmlW__cells{gap:10px}.access-code-field-module__N6XmlW__group{gap:6px}.access-code-field-module__N6XmlW__cell{height:64px;font-size:24px}.access-code-field-module__N6XmlW__dash{width:10px}}