:root{--col1:#b7e4c7;--col2:#95d5b2;--col3:#74c69d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes colorChange{0%{background-color:var(--col1)}33.33%{background-color:var(--col2)}66.66%{background-color:var(--col3)}to{background-color:var(--col1)}}@keyframes spin{to{transform:rotate(1turn)}}.triangle-spinner{position:relative;width:3.5rem;height:3.2rem;animation:spin 2s linear infinite}.triangle-spinner span{display:block;--size:1rem;height:var(--size);width:var(--size);border-radius:50%;position:absolute;animation:pulse 3s ease-out infinite,colorChange 4s linear infinite}.triangle-spinner .dot-1{top:0;left:calc(50% - .5rem);animation-delay:2s,0s}.triangle-spinner .dot-2{bottom:0;left:0;animation-delay:1s,0s}.triangle-spinner .dot-3{bottom:0;right:0;animation-delay:0s,0s}