.sc-dots-group{flex-direction:row;align-items:center;gap:4px;display:flex}.sc-dot-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:relative}.sc-dot-btn:hover .sc-dot:not(.active){opacity:.55;background:#b8b8b8}.sc-dot-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.sc-ring-circle{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.sc-ring-circle.animating{animation:4s linear forwards sc-ring-progress}@keyframes sc-ring-progress{0%{stroke-dashoffset:50.265px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.sc-ring-circle.animating{animation-duration:.01ms}}.sc-dot{opacity:.35;pointer-events:none;background:#ccc;border-radius:50%;width:8px;height:8px;transition:background .35s,opacity .35s,transform .35s;transform:scale(.88)}.sc-dot.active{opacity:1;background:#111;transform:scale(1)}