.circle{border-radius:50%;border:.125rem solid var(--color-accent);position:relative;cursor:pointer}.dot{width:.125rem;height:.125rem;background:var(--color-accent);border-radius:50%;position:absolute;top:-.125rem;left:calc(50% - .0625rem);opacity:0;transition:opacity .1s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{opacity:1;animation:spin .8s linear forwards}