.premium-otp,.premium-otp-theme{--otp-ink:var(--brand-navigation-text,var(--foreground));--otp-focus:color-mix(in srgb, var(--brand-focus,var(--otp-ink)) 75%, transparent);--otp-success:var(--success);--otp-error:var(--destructive);--otp-field-background:color-mix(in srgb, var(--otp-ink) 6%, transparent);--otp-field-border:color-mix(in srgb, var(--otp-ink) 8%, transparent);--otp-field-active:color-mix(in srgb, var(--otp-ink) 10%, transparent)}.premium-otp{width:100%;max-width:396px;color:var(--otp-ink);direction:ltr;align-items:center;gap:12px;display:flex;position:relative}.premium-otp-group{flex:1;align-items:center;gap:clamp(6px,2vw,12px);min-width:0;display:flex}.premium-otp-slot{aspect-ratio:1;background:var(--otp-field-background);min-width:0;min-height:40px;max-height:56px;box-shadow:inset 0 0 0 1px var(--otp-field-border);font-variant-numeric:tabular-nums;border-radius:12px;flex:1;place-items:center;font-size:clamp(20px,5vw,24px);font-weight:600;transition:background-color .15s;display:grid;position:relative}.premium-otp-slot[data-active=true]{background:var(--otp-field-active)}.premium-otp-placeholder{opacity:.2;transition:opacity .15s;transition-delay:var(--otp-land)}.premium-otp-placeholder[data-filled=true]{opacity:0}.premium-otp-digit{perspective:240px;place-items:center;display:grid;position:relative}.premium-otp-digit>span{transform-origin:bottom;grid-area:1/1}.premium-otp-ring{pointer-events:none;z-index:2;box-shadow:0 0 0 3px var(--otp-focus);border-radius:12px;position:absolute;top:0;left:0}.premium-otp-ring[data-invalid=true]{box-shadow:0 0 0 3px var(--otp-error)}.premium-otp-trail{pointer-events:none;border-radius:inherit;animation:.4s cubic-bezier(.22,1,.36,1) both premium-otp-trail;animation-delay:var(--otp-delay);position:absolute;inset:0}.premium-otp-trail-success{animation-name:premium-otp-trail-success;animation-duration:.34s;animation-timing-function:cubic-bezier(.33,0,.67,1)}.premium-otp-slot:has(.premium-otp-trail-success){animation:.42s linear both premium-otp-bounce;animation-delay:var(--otp-delay)}.premium-otp-slot[data-processing=true] .premium-otp-digit{animation:1.15s ease-in-out infinite premium-otp-wave;animation-delay:var(--otp-wave-delay)}@keyframes premium-otp-trail{0%{box-shadow:0 0 0 3px var(--otp-focus)}to{box-shadow:0 0 #0000}}@keyframes premium-otp-trail-success{0%,24%{box-shadow:0 0 0 3px var(--otp-success)}to{box-shadow:0 0 #0000}}@keyframes premium-otp-bounce{0%{animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(0)}22%{animation-timing-function:linear;transform:translateY(-8px)}38%{animation-timing-function:cubic-bezier(.4,0,.5,1);transform:translateY(-8px)}60%{animation-timing-function:cubic-bezier(.33,0,.67,1);transform:translateY(2.4px)}78%{animation-timing-function:cubic-bezier(.33,0,.67,1);transform:translateY(-1.2px)}92%{animation-timing-function:cubic-bezier(.33,0,.67,1);transform:translateY(.48px)}to{transform:translateY(0)}}@keyframes premium-otp-wave{0%,40%,to{opacity:1}16%{opacity:.28}}@media (prefers-reduced-motion:reduce){.premium-otp *,.premium-otp{transition:none!important;animation:none!important}}