.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.spinner{width:40px;height:40px;border:4px solid #888;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner .loading-text{margin-top:1rem;color:#888;margin-bottom:0}.loading-spinner .expected-time{margin-top:.5rem;font-size:.9rem;color:#888}.loading-spinner--light .loading-text{color:#ffffff}.loading-spinner--compact{padding:0}.loading-spinner--compact .spinner{width:20px;height:20px;border-width:2px}.loading-spinner--compact .expected-time,.loading-spinner--compact .loading-text{display:none}