.code-input.svelte-934ibf{width:100%;text-align:center;font-family:var(--font-family-body);font-size:1.5rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;padding:.75rem 1rem;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:.375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease;color-scheme:dark}.code-input.svelte-934ibf::placeholder{font-weight:400;opacity:.3;letter-spacing:.25em}.code-input.svelte-934ibf:focus{border-color:var(--color-brand-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-accent) 20%,transparent),0 0 20px color-mix(in srgb,var(--color-brand-accent) 10%,transparent)}