.app-confirmation{display:flex;flex-direction:column;gap:1rem}.app-confirmation__code{margin-top:1rem;position:relative}.app-confirmation__code-numbers{border-radius:.25rem;border-width:1px;position:relative;z-index:10;--tw-border-opacity:1;border-color:var(--fallback-n,oklch(var(--n)/var(--tw-border-opacity,1)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity,1)));cursor:text;display:flex;font-size:24px;font-style:normal;font-weight:600;gap:.75rem;justify-content:center;line-height:120%;padding:1.5rem;text-align:center}.app-confirmation__code-number{min-height:2rem;width:1rem}.app-confirmation__code-number:empty{border-bottom-width:2px;--tw-border-opacity:1;border-color:var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity,1)))}.app-confirmation__code-input{bottom:.25rem;left:.25rem;margin-left:auto;margin-right:auto;position:absolute;right:.25rem;z-index:0}.app-confirmation__code-input:disabled~.app-confirmation__code-number,.app-confirmation__code-input:disabled~.app-confirmation__code-numbers{border-color:var(--mncl-input-border-color-disabled)}.app-confirmation__code-input:focus~.app-confirmation__code-numbers{border-color:var(--mncl-input-border-color-focus);outline:2px solid transparent;outline-color:var(--mncl-input-outline-color);outline-offset:2px}.app-confirmation__code-input:focus~.app-confirmation__code-numbers .app-confirmation__code-number:empty{animation:fadeToggle 1s infinite}.app-confirmation__code-input:focus~.app-confirmation__code-numbers .app-confirmation__code-number:empty~.app-confirmation__code-number:empty{animation:none}.app-confirmation__code .base-control__error{bottom:100%;margin-bottom:.25rem;margin-top:0;top:auto}