@layer components{.input-otp__root,.input-otp__group{align-items:center;gap:calc(var(--spacing) * 2);flex-direction:row}.input-otp__slot{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 11);border-radius:var(--radius-field);border-width:var(--border-width-field-width);border-color:var(--color-field-border);justify-content:center;align-items:center;overflow:hidden}.input-otp__slot-background{border-radius:var(--radius-field);position:absolute;inset:0;overflow:hidden}.input-otp__slot--variant-primary{background-color:var(--color-field);box-shadow:var(--shadow-field)}.input-otp__slot--variant-secondary{background-color:var(--color-default)}.input-otp__slot--is-active{outline-width:2px;outline-color:var(--color-accent)}.input-otp__slot--is-invalid{outline-width:2px;outline-color:var(--color-danger)}.input-otp__slot--is-disabled{opacity:var(--opacity-disabled);pointer-events:none}.input-otp__slot-placeholder{font-size:var(--text-lg);line-height:var(--text-lg--line-height);@apply font-semibold;}.input-otp__slot-placeholder{color:color-mix(in oklab, var(--color-field-placeholder) 50%, transparent)}.input-otp__slot-value{font-size:var(--text-lg);line-height:var(--text-lg--line-height);@apply font-semibold;}.input-otp__slot-value{color:var(--color-foreground)}.input-otp__slot-caret{width:calc(var(--spacing) * .5);background-color:var(--color-field-placeholder);border-radius:9999px;position:absolute}.input-otp__separator{height:calc(var(--spacing) * .5);width:calc(var(--spacing) * 2);background-color:color-mix(in oklab, var(--color-separator) 50%, transparent);border-radius:9999px}}