.form__code-field.svelte-1tampyp{container-name:code-field;container-type:inline-size;display:flex;flex-direction:column}.form__label.svelte-1tampyp{padding:0}.form__code-input-container.svelte-1tampyp{display:flex;gap:var(--spacing-half);margin-top:calc(var(--spacing-half) / 2)}.form__code-input.svelte-1tampyp{cursor:pointer;width:3rem;height:3.5rem;padding:.5rem;border:1.5px solid #cccccc;border:1.5px solid var(--color-form-element-border, #cccccc);border-radius:.5rem;border-radius:var(--radius-8, .5rem);font-family:Proxima Nova,Helvetica,Arial,sans-serif;font-size:1.5rem;font-weight:600;color:#000;color:var(--color-form-text-default, #000000);text-align:center;background-color:#fff;background-color:var(--color-form-element-background, white);transition:border-color .15s ease-in-out}.form__code-input.svelte-1tampyp::-moz-placeholder{color:#999;color:var(--color-form-text-dimmed, #999999);opacity:.5}.form__code-input.svelte-1tampyp::placeholder{color:#999;color:var(--color-form-text-dimmed, #999999);opacity:.5}.form__code-input.svelte-1tampyp:focus{position:relative;z-index:1;border-color:#06c;border-color:var(--color-form-element-border-focus, #0066cc);outline:2px solid #0066cc;outline:var(--focus-indicator-width, 2px) solid var(--focus-indicator-color, #0066cc);outline-offset:2px;outline-offset:var(--focus-indicator-offset, 2px)}.form__code-input.svelte-1tampyp:focus::-moz-placeholder{opacity:0}.form__code-input.svelte-1tampyp:focus::placeholder{opacity:0}.form__code-input.svelte-1tampyp:-moz-read-only{pointer-events:none;border:none;background-color:rgb(from var(--color-surface-panel) r g b / 30%);box-shadow:none}.form__code-input.svelte-1tampyp:read-only{pointer-events:none;border:none;background-color:rgb(from var(--color-surface-panel) r g b / 30%);box-shadow:none}.form__code-input.svelte-1tampyp:-moz-read-only:focus{outline:none}.form__code-input.svelte-1tampyp:read-only:focus{outline:none}@container code-field (width < 400px){.form__code-input-container.svelte-1tampyp{gap:0}.form__code-input.svelte-1tampyp{padding:.25rem;border-radius:0}.form__code-input.is-first.svelte-1tampyp,.form__code-input.has-separator-before.svelte-1tampyp{border-top-left-radius:.5rem;border-top-left-radius:var(--radius-8, .5rem);border-bottom-left-radius:.5rem;border-bottom-left-radius:var(--radius-8, .5rem)}.form__code-input.is-last.svelte-1tampyp,.form__code-input.has-separator-after.svelte-1tampyp{border-top-right-radius:.5rem;border-top-right-radius:var(--radius-8, .5rem);border-bottom-right-radius:.5rem;border-bottom-right-radius:var(--radius-8, .5rem)}.form__code-input.svelte-1tampyp:not(.is-first):not(.has-separator-before){margin-left:-1.5px}.form__code-input-separator.svelte-1tampyp{padding:0 .25rem;font-size:1.5rem}}.form__code-field.is-invalid.svelte-1tampyp{--color-form-element-border: var(--color-form-element-error);--color-form-text-default: var(--color-form-text-error)}.form__code-input-separator.svelte-1tampyp{display:flex;align-items:center;font-size:2rem}.form__input-legend.svelte-1tampyp,.form__input-error.svelte-1tampyp{font-family:Proxima Nova,Helvetica,Arial,sans-serif;font-size:.875em;line-height:1.75}.svelte-1tampyp:is(.form__input-legend:where(.svelte-1tampyp),.form__input-error:where(.svelte-1tampyp)):has(.icon){display:flex;flex-direction:row;gap:calc(var(--spacing-half) / 2);align-items:center}:is(.form__input-legend.svelte-1tampyp,.form__input-error.svelte-1tampyp) .icon{flex-shrink:0;align-self:flex-start;margin-top:.333em}.form__input-legend.svelte-1tampyp{color:var(--color-form-text-dimmed)}.form__input-error.svelte-1tampyp{color:var(--color-form-text-error)}@media(max-width:640px){.form__code-input.svelte-1tampyp{width:2.5rem;height:3rem;font-size:1.25rem}}
