@layer components{.pfx-sk{--i:0;border-radius:var(--r-xs);background:var(--skeleton-a);box-shadow:var(--hl);color:#0000;animation:pfx-sk-in .6s var(--ease) calc(var(--i) * 50ms) both;display:block;position:relative;overflow:hidden}.pfx-sk:after{content:"";background:linear-gradient(100deg, transparent 28%, var(--skeleton-b) 50%, transparent 72%);animation:pfx-sk-sweep 1.9s cubic-bezier(.4, 0, .2, 1) calc(var(--i) * 90ms) infinite;position:absolute;inset:0;transform:translate(-100%)}.pfx-sk-card{border-radius:var(--r-lg);background:linear-gradient(180deg, var(--fill-1), transparent), var(--surface-1);box-shadow:inset 0 0 0 1px var(--border), var(--shadow-card);animation:pfx-sk-in .6s var(--ease) calc(var(--i,0) * 70ms) both;position:relative;overflow:hidden}.pfx-sk-round{border-radius:999px}.pfx-sk-rule{background:linear-gradient(90deg, var(--hairline), transparent);height:1px}.pfx-sk-glow{pointer-events:none;background:radial-gradient(60% 55% at 50% 0%, var(--hero-glow), transparent 70%);height:28rem;position:absolute;inset:-20% 0 auto}.pfx-sk-status{width:fit-content;color:var(--text-3);background:var(--fill-1);box-shadow:inset 0 0 0 1px var(--border), var(--hl);animation:pfx-sk-in .5s var(--ease) both;border-radius:999px;align-self:flex-start;align-items:center;gap:.625rem;padding:.375rem .875rem .375rem .5rem;font-size:.8125rem;display:inline-flex}.pfx-ring{background:conic-gradient(from 0deg, transparent 0 25%, var(--accent) 100%);border-radius:999px;flex-shrink:0;width:1.125rem;height:1.125rem;animation:.9s linear infinite pf-spin;position:relative;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.pfx-ring-lg{width:2.25rem;height:2.25rem;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}}@keyframes pfx-sk-sweep{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes pfx-sk-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
