.m-input-code[data-v-dbb4e5e8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5em;vertical-align:top}.m-input-code.--mini[data-v-dbb4e5e8]{font-size:.625rem;line-height:1rem}.m-input-code.--xs[data-v-dbb4e5e8]{font-size:.75rem;line-height:1rem}.m-input-code.--sm[data-v-dbb4e5e8]{font-size:.875rem;line-height:1.25rem}.m-input-code.--lg[data-v-dbb4e5e8]{font-size:1.125rem;line-height:1.75rem}.m-input-code.--xl[data-v-dbb4e5e8]{font-size:1.25rem;line-height:1.75rem}.m-input-code__wrapper[data-v-dbb4e5e8]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:1em}.m-input-code__hint[data-v-dbb4e5e8]{font-size:.875rem;line-height:1.25rem;color:var(--maz-color-muted)}.m-input-code__hint.--error[data-v-dbb4e5e8]{color:var(--maz-color-danger-600)}.m-input-code__hint.--success[data-v-dbb4e5e8]{color:var(--maz-color-success-600)}.m-input-code__hint.--warning[data-v-dbb4e5e8]{color:var(--maz-color-warning-600)}.m-input-code .input-wrapper[data-v-dbb4e5e8]{position:relative;height:4em;width:4em;overflow:hidden;border-radius:var(--maz-border-radius);border-width:var(--maz-border-width);border-style:solid;border-color:var(--maz-border-color);-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.m-input-code .input-wrapper[data-v-dbb4e5e8]:is([class~=dark] *){border-color:var(--maz-color-bg-lighter);background-color:var(--maz-color-bg-light)}.m-input-code .input-wrapper[data-v-dbb4e5e8]:focus-within{border-color:var(--input-border-color)}.m-input-code .input-wrapper input[data-v-dbb4e5e8]{height:100%;width:100%;background-color:transparent;text-align:center;font-size:1.5em;outline:2px solid transparent;outline-offset:2px}.m-input-code .input-wrapper[data-v-dbb4e5e8]:has(input:disabled){background-color:var(--maz-color-bg-lighter);color:var(--maz-color-muted)}.m-input-code .input-wrapper:has(input:disabled) input[data-v-dbb4e5e8]{cursor:not-allowed;color:var(--maz-color-muted)}
