@keyframes dot-icon-2{0%,30%{opacity:var(--f0)}50%,80%{opacity:var(--f1)}to{opacity:var(--f0)}}@keyframes dot-icon-3{0%,20%{opacity:var(--f0)}33.333%,53.333%{opacity:var(--f1)}66.666%,86.666%{opacity:var(--f2)}to{opacity:var(--f0)}}.dot-icon-cell{opacity:var(--f0);animation-timing-function:var(--ease-swing);animation-iteration-count:infinite}.dot-icon-cell[data-frames="2"]{animation-name:dot-icon-2;animation-duration:calc(var(--transition-duration-cycle) * 2)}.dot-icon-cell[data-frames="3"]{animation-name:dot-icon-3;animation-duration:calc(var(--transition-duration-cycle) * 3)}.dot-icon[data-motion=still] .dot-icon-cell{animation-name:none}.dot-icon[data-motion=hover] .dot-icon-cell{animation-play-state:paused}:is(:hover,:focus-visible)>.dot-icon[data-motion=hover] .dot-icon-cell,:is(:hover,:focus-visible) .dot-icon[data-motion=hover] .dot-icon-cell{animation-play-state:running}@media (prefers-reduced-motion:reduce){.dot-icon-cell{animation-name:none}}