.code[data-v-10b22543]{background:var(--tt-bg);border-radius:var(--tt-radius-sm);width:100%;max-width:376px;min-height:71px;transition:box-shadow var(--tt-duration) var(--tt-ease);justify-content:center;align-items:center;padding:13px 14px;display:flex;box-shadow:inset 0 0 0 1px #0a1e3a1f}.code[data-v-10b22543]:focus-within{box-shadow:inset 0 0 0 2px var(--tt-ink)}.code.is-invalid[data-v-10b22543]{box-shadow:inset 0 0 0 2px var(--tt-red)}.code.is-disabled[data-v-10b22543]{opacity:.6}.code__field[data-v-10b22543]{width:100%;font-family:var(--tt-font-body);text-align:center;color:var(--tt-ink);background:0 0;border:0;outline:none;padding:0;font-weight:400;line-height:1.2}.is-short .code__field[data-v-10b22543]{letter-spacing:.18em;text-indent:.18em;font-size:3rem}.is-long .code__field[data-v-10b22543]{letter-spacing:.12em;text-indent:.12em;font-size:1.75rem}.code__field[data-v-10b22543]:focus,.code__field[data-v-10b22543]:focus-visible{box-shadow:none}.code__field[data-v-10b22543]::placeholder{color:var(--tt-ink);opacity:1}.code__field[data-v-10b22543]:disabled{cursor:not-allowed}.code__field[data-v-10b22543]:-webkit-autofill{-webkit-text-fill-color:var(--tt-ink);box-shadow:inset 0 0 0 100px var(--tt-bg);caret-color:var(--tt-ink);transition:background-color 10000s ease-in-out}.code__field[data-v-10b22543]:-webkit-autofill:focus{-webkit-text-fill-color:var(--tt-ink);box-shadow:inset 0 0 0 100px var(--tt-bg);caret-color:var(--tt-ink);transition:background-color 10000s ease-in-out}.code__field[data-v-10b22543]:-webkit-autofill:hover{-webkit-text-fill-color:var(--tt-ink);box-shadow:inset 0 0 0 100px var(--tt-bg);caret-color:var(--tt-ink);transition:background-color 10000s ease-in-out}