.friends-page-hero{position:relative}.friends-page-hero__glow{background:radial-gradient(circle, color-mix(in oklab, var(--color-primary) 26%, transparent) 0%, transparent 72%);filter:blur(28px);z-index:0;pointer-events:none;border-radius:9999px;width:min(24rem,65vw);height:8rem;display:block;inset:auto auto -4rem 50%;transform:translate(-50%);position:absolute!important}.friends-page-grid{align-items:start}.friends-page-masonry{column-count:1;column-gap:1.25rem}.friends-page-masonry.is-double-column{column-count:1}.friends-page-masonry__item{break-inside:avoid;-webkit-column-break-inside:avoid;width:100%;margin-bottom:1.25rem;display:inline-block}@media (width>=1280px){.friends-page-masonry.is-double-column{column-count:2}}.friend-card--page .friend-card__tint{z-index:0;pointer-events:none;background:radial-gradient(circle at 14% 18%, color-mix(in oklch, var(--color-primary) 18%, transparent), transparent 52%), linear-gradient(180deg, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 100%);opacity:.88;transition:opacity .32s,transform .42s,filter .42s;transform:scale(1)}.friend-card--page .card-body{z-index:1;position:relative}.friend-card--page .avatar>div{background:color-mix(in oklch, var(--color-base-100) 54%, transparent);transition:transform .32s,box-shadow .32s;box-shadow:inset 0 0 0 1px oklch(100% 5.96046e-8 none/.14),0 12px 24px oklch(0% none none/.1)}.friend-card--page .badge.badge-outline,.friend-card--page .badge.badge-ghost{border-color:color-mix(in oklch, var(--color-base-content) 10%, transparent);background:color-mix(in oklch, var(--color-base-100) 50%, transparent);-webkit-backdrop-filter:blur(12px)}.friend-card--page .btn-primary,.friend-card--page .btn-circle{transition:transform .28s,box-shadow .28s,background-color .28s,color .28s}.friend-card--page:hover{box-shadow:0 24px 48px oklch(0% none none/.16), 0 0 0 1px color-mix(in oklch, var(--color-accent) 18%, transparent);transform:translateY(-10px)scale(1.01)}.friend-card--page:hover .friend-card__tint{opacity:1;filter:saturate(1.15);transform:scale(1.08)}.friend-card--page:hover .avatar>div{box-shadow:inset 0 0 0 1px oklch(100% 5.96046e-8 none/.24), 0 18px 32px color-mix(in oklch, var(--color-primary) 18%, transparent);transform:translateY(-3px)rotate(-3deg)scale(1.04)}.friend-card--page:hover .btn-primary{box-shadow:0 14px 24px color-mix(in oklch, var(--color-primary) 28%, transparent);transform:translate(4px)}.friend-card--page:hover .btn-circle{transform:translateY(-1px)scale(1.06)}