@layer components{.loading-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:color-mix(in oklch,var(--color-surface) 85%,transparent);cursor:wait}.loading-overlay-inline{position:absolute;inset:0;z-index:var(--z-modal);border-radius:var(--radius-sm)}@media(max-width:767px){.loading-overlay-inline{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;border-radius:0}}.loading-overlay-spinner{width:4rem;height:4rem;border:4px solid color-mix(in oklch,var(--color-border) 60%,transparent);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:overlay-spin .7s linear infinite;box-shadow:0 0 0 1px color-mix(in oklch,var(--color-surface) 90%,transparent)}@keyframes overlay-spin{to{transform:rotate(360deg)}}}