.dot-icon[data-v-4850c4a7]{fill:currentColor;width:1em;height:1em;transition:transform var(--dur-med,.4s) var(--ease-primary,cubic-bezier(.22,1,.36,1));overflow:visible}.dot-icon circle[data-v-4850c4a7]{transform-box:view-box;transform-origin:var(--o)}.dot-icon--idle circle[data-v-4850c4a7]{animation:3.2s ease-in-out infinite dot-twinkle-4850c4a7;animation-delay:calc(var(--i)*.18s)}:is(:hover,:focus-visible)>*>.dot-icon circle[data-v-4850c4a7],:is(:hover,:focus-visible)>.dot-icon circle[data-v-4850c4a7]{animation:.7s cubic-bezier(.22,1,.36,1) both dot-ripple-4850c4a7;animation-delay:calc(var(--i)*45ms)}:is(:hover,:focus-visible)>.dot-icon--arrow-right[data-v-4850c4a7]{transform:translate(3px)}:is(:hover,:focus-visible)>.dot-icon--arrow-left[data-v-4850c4a7]{transform:translate(-3px)}:is(:hover,:focus-visible)>.dot-icon--arrow-up[data-v-4850c4a7]{transform:translateY(-3px)}:is(:hover,:focus-visible)>.dot-icon--arrow-down[data-v-4850c4a7]{transform:translateY(3px)}:is(:hover,:focus-visible)>.dot-icon--x[data-v-4850c4a7]{transform:rotate(90deg)}@keyframes dot-twinkle-4850c4a7{0%,to{opacity:1}50%{opacity:.55}}@keyframes dot-ripple-4850c4a7{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(1.9)}60%{opacity:.6;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.dot-icon[data-v-4850c4a7],.dot-icon circle[data-v-4850c4a7]{transition:none!important;animation:none!important;transform:none!important}}