.dot-flashing{--dot-color:#2f0146;--dot-base:color-mix(in srgb, var(--dot-color) 50%, transparent);--dot-light:color-mix(in srgb, var(--dot-color) 60%, transparent);--dot-dark:color-mix(in srgb, var(--dot-color) 85%, transparent);background-color:var(--dot-base);border-radius:5px;width:10px;height:10px;animation:1s linear .5s infinite alternate dot-flashing;position:relative}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{background-color:var(--dot-base);border-radius:5px;width:10px;height:10px;animation:1s infinite alternate dot-flashing;left:-15px}.dot-flashing:after{background-color:var(--dot-base);border-radius:5px;width:10px;height:10px;animation:1s 1s infinite alternate dot-flashing;left:15px}@keyframes dot-flashing{0%{background-color:var(--dot-light)}50%,to{background-color:var(--dot-dark)}}@media (prefers-reduced-motion:reduce){.dot-flashing,.dot-flashing:before,.dot-flashing:after{background-color:var(--dot-light);animation:none}}