.loading-state-page{background:radial-gradient(circle at 50% 42%, var(--background), var(--surface-glow) 45%, var(--surface-glow-edge));padding:24px;position:relative}.loading-state-halo{--loading-mark-size:72px;width:calc(var(--loading-mark-size) * 2.1);height:calc(var(--loading-mark-size) * 2.1);flex:none;place-items:center;display:grid;position:relative}.loading-state-page .loading-state-halo>.loading-mark{width:var(--loading-mark-size);height:var(--loading-mark-size)}.loading-state-halo-ring{border:1.5px solid color-mix(in srgb, var(--primary) 25%, transparent);border-radius:50%;animation:2.6s ease-out infinite ldHalo;position:absolute;inset:0}.loading-state-halo-ring:nth-child(2){animation-delay:1.3s}.loading-state-orbit{inset:calc(var(--loading-mark-size) * .18);border:2px solid #0000;border-top-color:var(--primary);border-left-color:color-mix(in srgb, var(--primary) 25%, transparent);border-radius:50%;animation:1.6s linear infinite ldOrbit;position:absolute}.loading-state-surface{inset:calc(var(--loading-mark-size) * .36);background:var(--background);border:1px solid var(--border);border-radius:50%;position:absolute;box-shadow:0 10px 30px #1028301a}.loading-state-message{min-height:22px;color:var(--sidebar-foreground);font-size:13px;font-weight:700}.loading-state-footer{inset-inline:0;text-align:center;color:var(--muted-foreground);font-size:11px;font-weight:700;position:absolute;bottom:22px}.loading-state-brand{color:var(--heading);letter-spacing:-.3px;font-size:2.375rem;font-weight:900;line-height:1.2}.loading-state-bar{background:var(--border);border-radius:4px;width:240px;height:4px;position:relative;overflow:hidden}.loading-state-bar>span{background:linear-gradient(90deg, transparent, var(--primary) 40%, var(--heading));border-radius:inherit;width:35%;animation:1.5s cubic-bezier(.65,0,.35,1) infinite ldBar;position:absolute;inset-block:0}@keyframes ldHalo{0%{opacity:.5;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes ldOrbit{to{transform:rotate(360deg)}}@keyframes ldBar{0%{right:-35%}to{right:100%}}@media not (min-width:40rem){.loading-state-halo{--loading-mark-size:56px}.loading-state-brand{font-size:1.875rem}.loading-state-bar{width:180px}}@media (prefers-reduced-motion:reduce){.loading-state-halo-ring,.loading-state-orbit,.loading-state-bar>span{animation:none}.loading-state-halo-ring{opacity:.5}.loading-state-bar>span{right:32.5%}}