.tri-dot-spinner{--size:2px;--radius:6px;--dot-size:3px;--speed:1.1s;width:var(--size);height:var(--size);animation:spinSymmetrical var(--speed) linear infinite;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.tri-dot-spinner .dot{width:var(--dot-size);height:var(--dot-size);top:calc(50% - var(--dot-size) / 2);left:calc(50% - var(--dot-size) / 2);border-radius:50%;position:absolute}.tri-dot-spinner .dot-purple{transform:rotate(0deg) translateY(calc(-1 * var(--radius)));background-color:#7266f9}.tri-dot-spinner .dot-green{transform:rotate(120deg) translateY(calc(-1 * var(--radius)));background-color:#4ec95c}.tri-dot-spinner .dot-orange{transform:rotate(240deg) translateY(calc(-1 * var(--radius)));background-color:#ffa33c}@keyframes spinSymmetrical{0%{transform:rotate(0)}to{transform:rotate(360deg)}}