@layer colors,config,root,reboot,layout,content;@layer forms{.form-otp{--cui-form-otp-gap:.125rem;gap:var(--cui-form-otp-gap);align-items:center;display:flex;position:relative}.form-otp>input:not(.form-otp-control){pointer-events:none;opacity:0;border:0;outline:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.form-otp-control{--cui-control-min-height:var(--cui-btn-input-min-height);--cui-control-padding-y:var(--cui-btn-input-padding-y);--cui-control-padding-x:0;--cui-control-font-size:var(--cui-btn-input-font-size);--cui-control-font-weight:var(--cui-btn-input-font-weight);--cui-control-line-height:var(--cui-btn-input-line-height);--cui-control-fg:var(--cui-btn-input-fg);--cui-control-bg:var(--cui-btn-input-bg);--cui-control-border-width:var(--cui-btn-input-border-width);--cui-control-border-color:var(--cui-btn-input-border-color);--cui-control-border-radius:var(--cui-btn-input-border-radius);--cui-control-box-shadow:var(--cui-btn-input-box-shadow);--cui-control-transition-property:var(--cui-btn-input-transition-property);--cui-control-transition-duration:var(--cui-btn-input-transition-duration);--cui-control-transition-timing:var(--cui-btn-input-transition-timing);--cui-control-placeholder-color:var(--cui-fg-3);--cui-control-focus-color:var(--cui-btn-input-focus-color);--cui-control-focus-bg:var(--cui-btn-input-focus-bg);--cui-control-focus-border-color:var(--cui-btn-input-focus-border-color);--cui-control-disabled-color:var(--cui-control-fg);--cui-control-disabled-bg:var(--cui-bg-2);--cui-control-disabled-border-color:var(--cui-control-border-color);--cui-control-action-color:var(--cui-btn-input-fg);--cui-control-action-bg:var(--cui-bg-1);--cui-control-action-hover-bg:var(--cui-bg-2);--cui-control-action-transition-property:var(--cui-btn-input-action-transition-property);--cui-control-action-transition-duration:var(--cui-btn-input-transition-duration);--cui-control-action-transition-timing:var(--cui-btn-input-transition-timing);--cui-form-otp-control-width:2rem;width:var(--cui-form-otp-control-width);text-align:center;appearance:none;padding:var(--cui-control-padding-y) var(--cui-control-padding-x);font-size:var(--cui-control-font-size);font-weight:var(--cui-control-font-weight);line-height:var(--cui-control-line-height);color:var(--cui-control-fg);background-color:var(--cui-control-bg);border:var(--cui-control-border-width) solid var(--cui-control-border-color);border-radius:var(--cui-control-border-radius);background-clip:padding-box}@media (prefers-reduced-motion:no-preference){.form-otp-control{transition-timing-function:var(--cui-control-transition-timing);transition-duration:var(--cui-control-transition-duration);transition-property:var(--cui-control-transition-property)}}.form-otp-control:focus{color:var(--cui-control-focus-color);background-color:var(--cui-control-focus-bg);border-color:var(--cui-control-focus-border-color);outline:var(--cui-focus-ring-width) solid var(--cui-theme-focus-ring,var(--cui-focus-ring-color));outline-offset:var(--cui-focus-ring-offset)}.form-otp-group{display:flex}.form-otp-group>.form-otp-control:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:calc(var(--cui-control-border-width) * -1)}.form-otp-group>.form-otp-control:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.form-otp-group>.form-otp-control:focus{z-index:1;position:relative}.form-otp-sm .form-otp-control{--cui-control-padding-y:var(--cui-btn-input-sm-padding-y);--cui-control-padding-x:0;--cui-control-font-size:var(--cui-btn-input-sm-font-size);--cui-control-border-radius:var(--cui-btn-input-sm-border-radius);--cui-form-otp-control-width:1.5rem;width:var(--cui-form-otp-control-width);padding:var(--cui-control-padding-y) var(--cui-control-padding-x);font-size:var(--cui-control-font-size);border-radius:var(--cui-control-border-radius)}.form-otp-lg .form-otp-control{--cui-control-padding-y:var(--cui-btn-input-lg-padding-y);--cui-control-padding-x:0;--cui-control-font-size:var(--cui-btn-input-lg-font-size);--cui-control-border-radius:var(--cui-btn-input-lg-border-radius);--cui-form-otp-control-width:2.5rem;width:var(--cui-form-otp-control-width);padding:var(--cui-control-padding-y) var(--cui-control-padding-x);font-size:var(--cui-control-font-size);border-radius:var(--cui-control-border-radius)}}@layer components,custom,helpers,utilities;