.loading-spinner{display:flex;align-items:center;justify-content:center;animation:loading-spinner__fade-in .3s ease-in-out}.loading-spinner__circle{border-radius:50%;animation:loading-spinner__spin 1s linear infinite;background:linear-gradient(white,white) padding-box,var(--primary-gradient) border-box;border:3px solid transparent}.loading-spinner--tiny .loading-spinner__circle{width:16px;height:16px;border-width:2px}.loading-spinner--small .loading-spinner__circle{width:20px;height:20px;border-width:2px}.loading-spinner--medium .loading-spinner__circle{width:32px;height:32px;border-width:3px}.loading-spinner--large .loading-spinner__circle{width:48px;height:48px;border-width:4px}@keyframes loading-spinner__fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-spinner__fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes loading-spinner__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}