@layer components{.loading-spinner{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.loading-spinner .spinner{border:.25rem solid #c0cbdf;border-top-color:#7c72e1;border-radius:50%;width:2rem;height:2rem;animation:spin 2s linear infinite}.loading-spinner .spinner.size-xsmall{width:.5rem;height:.5rem;border-width:.15rem}.loading-spinner .spinner.size-small{width:1rem;height:1rem}.loading-spinner .spinner.size-large{width:3rem;height:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}}