.dot{position:absolute;width:10px;height:10px;border-radius:5px;left:-6px;top:-1px}.dot-dark{position:absolute;width:10px;height:10px;border-radius:5px;left:-5.5px;top:-1px}.past{background:var(--secondary-color)}.present{animation:pulse 1s linear;animation-delay:1s;animation-iteration-count:infinite}@keyframes pulse{0%{transform:scale(1);background:var(--secondary-color);opacity:0}35%{transform:scale(1.75);background:var(--secondary-color);opacity:.125}75%{transform:scale(2.75);background:var(--secondary-color);opacity:.25}to{transform:scale(3);background:var(--secondary-color);opacity:.125}}