@property --switch-p{syntax:"<number>";inherits:true;initial-value:0}@property --switch-ext{syntax:"<length>";inherits:true;initial-value:0}@property --switch-press{syntax:"<length>";inherits:true;initial-value:0}
.skeleton-shimmer{animation:1.5s linear -.75s infinite shimmer}@keyframes shimmer{to{background-position-x:-200%}}
[data-slot=otp-field]{anchor-scope:--otp-field-slot}[data-slot=otp-field-slot]:focus-within{anchor-name:--otp-field-slot}.otp-field-indicator{position-anchor:--otp-field-slot;top:anchor(top);left:anchor(left);width:anchor-size(width);height:anchor-size(height);z-index:1;border-radius:var(--otp-field-radius,var(--radius-lg));pointer-events:none;transition:top .28s cubic-bezier(.19,1,.22,1),left .28s cubic-bezier(.19,1,.22,1),width .28s cubic-bezier(.19,1,.22,1),height .28s cubic-bezier(.19,1,.22,1),scale .24s cubic-bezier(.19,1,.22,1),opacity .15s ease-out,outline-color .15s ease-out;display:none;position:absolute}[data-slot=otp-field]:focus-within>.otp-field-indicator{display:block}@starting-style{[data-slot=otp-field]:focus-within>.otp-field-indicator{opacity:0;scale:1.12}}@supports not ((anchor-name:--otp-field-slot) and (anchor-scope:--otp-field-slot) and (width:anchor-size(width))){.otp-field-indicator{display:none!important}[data-slot=otp-field-slot]:focus-within{outline:2px solid color-mix(in oklab, var(--color-ring,Highlight) 50%, transparent);outline-offset:2px}.otp-field-shake-a [data-slot=otp-field-slot]:focus-within,.otp-field-shake-b [data-slot=otp-field-slot]:focus-within{outline-color:color-mix(in oklab, var(--color-destructive,red) 80%, transparent)}}[data-slot=otp-field-slot]>input[data-slot=otp-field-input]{color:#0000;-webkit-text-fill-color:transparent;caret-color:var(--color-primary,CanvasText)}[data-slot=otp-field-slot][data-filled]>input[data-slot=otp-field-input]{caret-color:#0000}@media (forced-colors:active){[data-slot=otp-field-slot]>input[data-slot=otp-field-input]{forced-color-adjust:none}}.otp-field-glyph{border-radius:3px;padding-inline:1px;transition:background-color .1s ease-out,color .1s ease-out}[data-slot=otp-field-slot][data-filled]:focus-within .otp-field-glyph{background-color:var(--color-primary,Highlight);color:var(--color-primary-foreground,HighlightText)}.otp-field-shake-a>.otp-field-indicator,.otp-field-shake-b>.otp-field-indicator{outline-color:color-mix(in oklab, var(--color-destructive,red) 80%, transparent)}.otp-field-shake-a>.otp-field-indicator,.otp-field-shake-a [data-slot=otp-field-slot]:focus-within{animation:.18s ease-in-out otp-field-shake-a}.otp-field-shake-b>.otp-field-indicator,.otp-field-shake-b [data-slot=otp-field-slot]:focus-within{animation:.18s ease-in-out otp-field-shake-b}@keyframes otp-field-shake-a{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes otp-field-shake-b{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.otp-field-indicator{transition:opacity .15s ease-out,outline-color .15s ease-out}@starting-style{[data-slot=otp-field]:focus-within>.otp-field-indicator{scale:1}}[data-slot=otp-field]>.otp-field-indicator,[data-slot=otp-field-slot]{animation:none!important}}
@keyframes dash-march{to{stroke-dashoffset:var(--march-offset)}}
@property --drawer-snap-progress{syntax:"<number>";inherits:true;initial-value:0}@keyframes drawer-snap-progress{0%{--drawer-snap-progress:0}to{--drawer-snap-progress:1}}@keyframes drawer-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-exit{to{opacity:0}}:is(html:has([data-slot=drawer-viewport][data-direction=left]),html:has([data-slot=drawer-viewport][data-direction=right])){overscroll-behavior:none;scrollbar-width:none}html:has([data-slot=drawer-viewport][data-direction=left])::-webkit-scrollbar{display:none!important}html:has([data-slot=drawer-viewport][data-direction=right])::-webkit-scrollbar{display:none!important}