@keyframes rotate {0% {transform: rotate(0deg);}50% {transform: rotate(180deg);}100% {transform: rotate(360deg);}}.loading, .loading-modal {height: 100vh;width: 100vw;align-items: center;justify-content: center;position: fixed;top: 0;left: 0;}.loading .spinner, .loading-modal .spinner {border-radius: 100%;border: 8px solid #675293;border-bottom-color: transparent;height: 50px;width: 50px;background: transparent;display: block;animation: rotate 0.75s 0s linear infinite;}@media only screen and (max-width: 600px) {.loading .spinner, .loading-modal .spinner {height: 40px;width: 40px;}}.loading {opacity: 0;transition: opacity .2s ease-in;background: white;z-index: -1;display: flex;}.loading-modal {display: none;background: white;z-index: 1;}.loading-modal.show {display: flex;}.loading-modal.hide {display: none;}app:empty + .loading {opacity: 1;z-index: 100;}