.ui-otp-input{display:inline-flex;flex-direction:column}.ui-otp-input__label{margin-bottom:12rem}.ui-otp-input--label-hidden .ui-otp-input__label{position:absolute;width:1rem;height:1rem;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ui-otp-input__visual{position:relative;display:inline-flex;align-items:center;gap:12rem}.ui-otp-input__group{display:inline-flex;align-items:center;gap:8rem}.ui-otp-input__field{display:inline-flex;align-items:center;justify-content:center;width:48rem;height:48rem;border:1rem solid var(--md-sys-color-outline);border-radius:var(--sys-shape-corner-medium);color:var(--md-sys-color-on-surface);cursor:text;font-family:var(--md-sys-typescale-title-large-font);font-size:var(--md-sys-typescale-title-large-size);line-height:var(--md-sys-typescale-title-large-line-height);font-weight:var(--md-sys-typescale-title-large-weight)}.ui-otp-input__field--filled{background:var(--md-sys-color-surface-container-highest)}.ui-otp-input__field--active{border-width:2rem;border-color:var(--md-sys-color-primary)}.ui-otp-input__field--error{border-color:var(--md-sys-color-error)}.ui-otp-input__field--disabled{opacity:38%;cursor:default}.ui-otp-input__separator{height:-moz-fit-content;height:fit-content;color:var(--md-sys-color-on-surface-variant)}.ui-otp-input__native{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text}.ui-otp-input__support{display:flex;align-items:center;gap:8rem;margin-top:4rem}.ui-otp-input__message{margin:4rem 0 0;color:var(--md-sys-color-error);font-family:var(--md-sys-typescale-body-small-font);font-size:var(--md-sys-typescale-body-small-size);line-height:var(--md-sys-typescale-body-small-line-height);font-weight:var(--md-sys-typescale-body-small-weight)}