@layer components{.loading-container{opacity:0;transition:opacity var(--ds-transition-base)}.loading-container.loaded{opacity:1}.page-transition{position:fixed;inset:0;background-color:var(--ds-bg-app);z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity var(--ds-transition-base),visibility var(--ds-transition-base)}.page-transition.active{opacity:1;visibility:visible}.page-transition .spinner{width:60px;height:60px;position:relative}.page-transition .spinner:before,.page-transition .spinner:after{content:"";position:absolute;inset:0;border-radius:50%;border:3px solid transparent}.page-transition .spinner:before{border-top-color:var(--ds-color-brand-500);border-left-color:var(--ds-color-brand-500);animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.page-transition .spinner:after{border-bottom-color:var(--ds-color-brand-200);border-right-color:var(--ds-color-brand-200);opacity:.3;animation:spin 1.2s cubic-bezier(.4,0,.2,1) reverse infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.module-container{min-height:100vh;padding-top:var(--ds-header-height);background:var(--ds-bg-app)}.standard-container{width:100%;padding:0 var(--ds-space-6)}@media(max-width:1024px){.standard-container{padding:0 var(--ds-space-4)}}}