.onb-dot:where(.astro-oebylh6f){width:.5rem;height:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(216 220 231 / var(--tw-bg-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.onb-dot:where(.astro-oebylh6f):is(.dark *):not(.light *){--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.onb-dot--active:where(.astro-oebylh6f){width:1.25rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.onb-dot--done:where(.astro-oebylh6f){--tw-bg-opacity: 1;background-color:rgb(167 139 250 / var(--tw-bg-opacity, 1))}.onb-dot--done:where(.astro-oebylh6f):is(.dark *):not(.light *){--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.onb-step:where(.astro-oebylh6f):not([hidden]){animation:onbFadeIn .3s ease}@keyframes onbFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}