.m-input-code[data-v-dbb4e5e8]{display:inline-flex;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:inline-flex;gap:1em}.m-input-code__hint[data-v-dbb4e5e8]{color:var(--maz-color-muted);font-size:.875rem;line-height:1.25rem}.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]{border-color:var(--maz-border-color);border-radius:var(--maz-border-radius);border-style:solid;border-width:var(--maz-border-width);height:4em;overflow:hidden;position:relative;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:4em}.m-input-code .input-wrapper[data-v-dbb4e5e8]:is([class~=dark] *){background-color:var(--maz-color-bg-light);border-color:var(--maz-color-bg-lighter)}.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]{background-color:transparent;font-size:1.5em;height:100%;outline:2px solid transparent;outline-offset:2px;text-align:center;width:100%}.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]{color:var(--maz-color-muted);cursor:not-allowed}.input-wrapper input{background:#fff!important}.input-wrapper:focus,.input-wrapper:focus-visible,.input-wrapper:focus-within{border-color:#000!important}.input-wrapper input:focus,.input-wrapper input:focus-visible,.input-wrapper input:focus-within{border-color:#000!important}