.spinner-container{display:flex;justify-content:center;align-items:center;width:100%;padding:2rem 0}.spinner{border:3px solid #f3f4f6;border-top:3px solid var(--accent-main);border-radius:50%;animation:spin 1s linear infinite}.spinner-small .spinner{width:24px;height:24px;border-width:2px}.spinner-medium .spinner{width:40px;height:40px;border-width:3px}.spinner-large .spinner{width:60px;height:60px;border-width:4px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}