:root{--ob-ease: cubic-bezier(.22, 1, .36, 1)}@keyframes ob-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ob-rise{animation:ob-rise .26s var(--ob-ease) both}.ob-stagger>*{animation:ob-rise .26s var(--ob-ease) both}.ob-stagger>:nth-child(2){animation-delay:50ms}.ob-stagger>:nth-child(3){animation-delay:.1s}.ob-stagger>:nth-child(4){animation-delay:.15s}.ob-stagger>:nth-child(5){animation-delay:.2s}.ob-stagger>:nth-child(6){animation-delay:.25s}.ob-stagger>:nth-child(7){animation-delay:.3s}.ob-stagger>:nth-child(n+8){animation-delay:.35s}@keyframes ob-swap{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ob-swap{animation:ob-swap .2s var(--ob-ease) both}@keyframes ob-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ob-slide-in{animation:ob-slide-in .18s var(--ob-ease) both}@keyframes ob-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.ob-pop{animation:ob-pop .18s var(--ob-ease) both}.ob-lift{transition:transform .15s var(--ob-ease),box-shadow .15s var(--ob-ease),border-color .15s ease-out}@media(hover:hover)and (pointer:fine){.ob-lift:hover{transform:translateY(-2px)}}@keyframes ob-line-grow{0%{background-size:0% 100%}to{background-size:100% 100%}}.ob-line-done{background-image:linear-gradient(var(--brand-cyan, #00c9ff),var(--brand-cyan, #00c9ff));background-repeat:no-repeat;background-size:100% 100%;animation:ob-line-grow .3s var(--ob-ease) both}.ob-seg-current{background-image:linear-gradient(90deg,var(--color-brand-cyan, #00c9ff),var(--color-brand-blue, #1d6cff) 60%,var(--color-brand-violet, #7f24ff));background-repeat:no-repeat;background-size:100% 100%;animation:ob-line-grow .42s var(--ob-ease) both}@keyframes ob-line-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ob-line-fill{transform-origin:left center;animation:ob-line-fill .3s var(--ob-ease) both}@keyframes ob-rail{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.ob-rail{transform-origin:top center;animation:ob-rail .5s var(--ob-ease) 80ms both}@keyframes ob-pulse-once{0%{box-shadow:0 0 color-mix(in oklab,var(--brand-cyan, #00c9ff) 55%,transparent)}to{box-shadow:0 0 0 8px transparent}}.ob-pulse-once{animation:ob-pulse-once .6s ease-out .15s both}@keyframes ob-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.ob-draw{stroke-dasharray:1;stroke-dashoffset:0;animation:ob-draw .26s var(--ob-ease) both}.ob-draw-slow{stroke-dasharray:1;stroke-dashoffset:0;animation:ob-draw .42s var(--ob-ease) both}.ob-draw-late{animation-delay:.3s}@keyframes ob-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ob-skeleton{border-radius:.5rem;background:linear-gradient(90deg,color-mix(in oklab,var(--color-muted, #1f2937) 70%,transparent) 25%,color-mix(in oklab,var(--color-muted, #1f2937) 100%,white 6%),color-mix(in oklab,var(--color-muted, #1f2937) 70%,transparent) 75%);background-size:200% 100%;animation:ob-shimmer 1.4s linear infinite}@keyframes ob-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ob-progress{position:relative;overflow:hidden;height:3px;border-radius:999px;background:color-mix(in oklab,var(--brand-cyan, #00c9ff) 15%,transparent)}.ob-progress:after{content:"";position:absolute;inset:0;width:40%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--brand-cyan, #00c9ff),transparent);animation:ob-progress 1.1s ease-in-out infinite}.ob-otp-box{transition:border-color .15s ease-out,box-shadow .15s ease-out,transform .15s var(--ob-ease)}.ob-otp-box[data-active=true]{transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.ob-rise,.ob-stagger>*,.ob-swap,.ob-slide-in,.ob-pop,.ob-line-fill,.ob-line-done,.ob-seg-current,.ob-rail,.ob-pulse-once,.ob-draw,.ob-draw-slow,.ob-skeleton,.ob-progress:after{animation:none!important}.ob-lift,.ob-otp-box{transition:none!important}.ob-lift:hover,.ob-otp-box[data-active=true]{transform:none!important}.ob-progress:after{left:30%}}