:root{--surface: #f1f4f9}.dark{--surface: oklch(.22 .025 260)}.demo-wrap[data-astro-cid-zycrnnl7]{display:flex;flex-direction:column;align-items:center;gap:4rem}.card[data-astro-cid-zycrnnl7]{background:var(--surface);border-radius:1rem;corner-shape:squircle;padding:1.5rem 2rem 1.75rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;box-shadow:0 1px 3px #11161f0f,0 8px 24px #11161f14}.dark .card[data-astro-cid-zycrnnl7]{box-shadow:0 1px 3px #0003,0 8px 24px #0000004d}.card-header[data-astro-cid-zycrnnl7]{display:flex;align-items:center}.card-label[data-astro-cid-zycrnnl7]{font-size:.7rem;font-weight:500;color:var(--c-muted);text-transform:uppercase;letter-spacing:.08em}.avatar-row[data-astro-cid-zycrnnl7]{display:flex;align-items:center;padding:0 .5rem}.avatar[data-astro-cid-zycrnnl7]{position:relative;width:56px;height:56px;border-radius:50%;cursor:pointer;margin-left:-10px;border:3px solid var(--surface);z-index:1;transition:transform .25s cubic-bezier(.2,0,0,1),z-index 0ms}.avatar[data-astro-cid-zycrnnl7]:first-child{margin-left:0}.avatar[data-astro-cid-zycrnnl7]:hover,.avatar[data-astro-cid-zycrnnl7].cursor-hover{transform:scale(1.12) translateY(-2px);z-index:10}.avatar-ring[data-astro-cid-zycrnnl7]{position:absolute;inset:-4px;border-radius:50%;opacity:0;transition:opacity .2s ease,transform .2s cubic-bezier(.2,0,0,1);transform:scale(.95);pointer-events:none}.avatar[data-astro-cid-zycrnnl7]:hover .avatar-ring[data-astro-cid-zycrnnl7],.avatar[data-astro-cid-zycrnnl7].cursor-hover .avatar-ring[data-astro-cid-zycrnnl7]{opacity:1;transform:scale(1)}.avatar[data-astro-cid-zycrnnl7][data-gradient=pink] .avatar-ring[data-astro-cid-zycrnnl7]{box-shadow:0 0 16px 2px oklch(.7 .25 350 / .4)}.avatar[data-astro-cid-zycrnnl7][data-gradient=blue] .avatar-ring[data-astro-cid-zycrnnl7]{box-shadow:0 0 16px 2px oklch(.65 .2 250 / .4)}.avatar[data-astro-cid-zycrnnl7][data-gradient=green] .avatar-ring[data-astro-cid-zycrnnl7]{box-shadow:0 0 16px 2px oklch(.7 .2 155 / .4)}.avatar[data-astro-cid-zycrnnl7][data-gradient=purple] .avatar-ring[data-astro-cid-zycrnnl7]{box-shadow:0 0 16px 2px oklch(.65 .25 300 / .4)}.avatar[data-astro-cid-zycrnnl7][data-gradient=pink]{background:linear-gradient(135deg,oklch(.7 .25 350),oklch(.75 .2 55))}.avatar[data-astro-cid-zycrnnl7][data-gradient=blue]{background:linear-gradient(135deg,oklch(.6 .2 250),oklch(.75 .18 195))}.avatar[data-astro-cid-zycrnnl7][data-gradient=green]{background:linear-gradient(135deg,oklch(.7 .2 155),oklch(.75 .15 180))}.avatar[data-astro-cid-zycrnnl7][data-gradient=purple]{background:linear-gradient(135deg,#9b48fb,oklch(.7 .2 270))}.tooltip[data-astro-cid-zycrnnl7]{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%) translateY(4px);background:var(--surface);padding:.5rem .75rem;border-radius:.5rem;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;gap:.125rem;box-shadow:0 4px 16px #11161f1f,0 1px 4px #11161f14;opacity:0;transition:opacity .15s ease,transform .15s cubic-bezier(.2,0,0,1);transition-delay:0s}.dark .tooltip[data-astro-cid-zycrnnl7]{box-shadow:0 4px 16px #0006,0 1px 4px #00000040}.avatar[data-astro-cid-zycrnnl7]:hover .tooltip[data-astro-cid-zycrnnl7],.avatar[data-astro-cid-zycrnnl7].cursor-hover .tooltip[data-astro-cid-zycrnnl7]{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.3s}.avatar-row[data-astro-cid-zycrnnl7].no-delay .avatar[data-astro-cid-zycrnnl7]:hover .tooltip[data-astro-cid-zycrnnl7],.avatar-row[data-astro-cid-zycrnnl7].no-delay .avatar[data-astro-cid-zycrnnl7].cursor-hover .tooltip[data-astro-cid-zycrnnl7]{transition-delay:0s}.tooltip[data-astro-cid-zycrnnl7]:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--surface)}.tooltip-name[data-astro-cid-zycrnnl7]{font-size:.8rem;font-weight:550;color:var(--c-text);line-height:1.2}.tooltip-role[data-astro-cid-zycrnnl7]{font-size:.7rem;color:var(--c-muted);line-height:1.2}.controls[data-astro-cid-zycrnnl7]{display:flex;justify-content:center}@media(prefers-reduced-motion:reduce){.tooltip[data-astro-cid-zycrnnl7],.avatar[data-astro-cid-zycrnnl7],.avatar-ring[data-astro-cid-zycrnnl7]{transition:none!important}}@supports not (corner-shape: squircle){.card[data-astro-cid-zycrnnl7]{border-radius:.75rem}}