.demo-profiles-container{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeIn .4s ease-out;width:100%}.demo-profiles-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(to right,var(--text-muted) 0,var(--text-muted) 35%,#5e5ce6 45%,#ff375f 50%,#0a84ff 55%,var(--text-muted) 65%,var(--text-muted) 100%);background-size:200% auto;color:var(--text-muted);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 4s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:6px}@keyframes shimmerText{to{background-position:-200%}}.demo-profiles-list{display:grid;grid-gap:10px;gap:10px;width:100%;max-width:500px;grid-template-columns:repeat(2,1fr)}@media (min-width:700px){.demo-profiles-list{max-width:800px;grid-template-columns:repeat(4,auto);justify-content:center}}.demo-profile-pill{position:relative;display:flex;padding:0;border-radius:14px;background-color:transparent;border:1px solid rgba(255,255,255,.14);cursor:pointer;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .5s cubic-bezier(.16,1,.3,1)!important;text-decoration:none;outline:none;-webkit-tap-highlight-color:transparent;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);isolation:isolate;box-shadow:0 4px 14px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04)}[data-theme=light] .demo-profile-pill{border-color:rgba(0,0,0,.12)}.demo-profile-pill-glow{position:absolute;top:-70%;left:-70%;width:240%;height:240%;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,transparent 90deg,#0a84ff 160deg,#5e5ce6 240deg,#ff375f 310deg,transparent 1turn);z-index:0;opacity:0;filter:blur(20px);will-change:transform,opacity,filter;transform:translateZ(0) rotate(0deg);transition:filter .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.demo-profiles-list>button:first-child .demo-profile-pill-glow{animation:spinGlow 22s linear infinite,breatheGlow 4.5s ease-in-out infinite;animation-delay:0s,-1s}.demo-profiles-list>button:nth-child(2) .demo-profile-pill-glow{animation:spinGlowReverse 26s linear infinite,breatheGlow 5.5s ease-in-out infinite;animation-delay:-6s,-2.5s}.demo-profiles-list>button:nth-child(3) .demo-profile-pill-glow{animation:spinGlow 19s linear infinite,breatheGlow 6s ease-in-out infinite;animation-delay:-3s,-.5s}.demo-profiles-list>button:nth-child(4) .demo-profile-pill-glow{animation:spinGlowReverse 30s linear infinite,breatheGlow 5s ease-in-out infinite;animation-delay:-12s,-3.5s}@keyframes spinGlow{0%{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(1turn)}}@keyframes spinGlowReverse{0%{transform:translateZ(0) rotate(1turn)}to{transform:translateZ(0) rotate(0deg)}}@keyframes breatheGlow{0%,30%{opacity:0}50%{opacity:.6}to{opacity:0}}.demo-profile-pill-inner{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px 8px 8px;border-radius:13px;background:rgba(255,255,255,.06);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);z-index:1;width:100%;will-change:background;transition:background .5s cubic-bezier(.16,1,.3,1);color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,.4)}[data-theme=light] .demo-profile-pill-inner{background:rgba(0,0,0,.05);color:#000000;text-shadow:none}.demo-profile-pill:focus-visible,.demo-profile-pill:hover{transform:scale(1.03);border-color:rgba(255,255,255,.3);box-shadow:0 12px 30px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.1)}[data-theme=light] .demo-profile-pill:focus-visible,[data-theme=light] .demo-profile-pill:hover{border-color:rgba(0,0,0,.25)}.demo-profile-pill:focus-visible .demo-profile-pill-glow,.demo-profile-pill:hover .demo-profile-pill-glow{animation-play-state:paused,paused;opacity:.85!important;filter:blur(18px)}.demo-profile-pill:hover .demo-profile-pill-inner{background:rgba(255,255,255,.03)}[data-theme=light] .demo-profile-pill:hover .demo-profile-pill-inner{background:rgba(255,255,255,.35)}.demo-profile-pill:active{transform:scale(.97);transition-duration:.08s!important}.demo-profile-img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 2px rgba(0,0,0,.05)}.demo-profile-name{font-size:14px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-height:760px){.demo-profiles-container{gap:8px}.demo-profiles-label{font-size:12px;margin-bottom:2px}.demo-profiles-list{gap:8px}.demo-profile-pill{height:40px}.demo-profile-pill-inner{height:100%;padding:0 12px 0 6px;gap:8px}.demo-profile-img{width:22px;height:22px}.demo-profile-name{font-size:13px}}@media (max-height:500px){.demo-profiles-container{gap:6px}.demo-profiles-label{font-size:11px;margin-bottom:0}.demo-profiles-list{gap:6px}.demo-profile-pill{height:34px}.demo-profile-pill-inner{height:100%;padding:0 10px 0 4px;gap:6px}.demo-profile-img{width:18px;height:18px}.demo-profile-name{font-size:11.5px}}