@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.otp-root[data-v-a61b8786]{gap:calc(var(--spacing) * 5);justify-content:center;width:100%;display:flex}.otp-group[data-v-a61b8786]{gap:calc(var(--spacing) * 2);display:flex}.otp-input[data-v-a61b8786]{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));padding:calc(var(--spacing) * 0);text-align:center;--un-outline-style:none;border-width:1px;border-color:color-mix(in srgb, var(--colors-black) 15%, transparent);border-radius:var(--radius-field);--un-border-style:solid;background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);transition-property:box-shadow;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));color:#232323;border-style:solid;outline-style:none}@supports (color:color-mix(in lab, red, red)){.otp-input[data-v-a61b8786]{border-color:color-mix(in oklab, var(--colors-black) 15%, transparent);background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent)}}.otp-input[data-v-a61b8786]::-moz-placeholder{color:#00000040}.otp-input[data-v-a61b8786]::placeholder{color:#00000040}.otp-input[data-v-a61b8786]:focus{border-color:var(--c-primary-cta);box-shadow:0 0 0 2px var(--c-primary-cta-active)}.otp-input[data-disabled][data-v-a61b8786]{opacity:.6}.has-error .otp-input[data-v-a61b8786]{border-color:var(--c-danger)}