.suggested-people-aside__panel{position:relative;overflow:hidden;border-radius:1.25rem;border:1px solid rgb(255 255 255/.35);background-color:rgb(255 255 255/.6);box-shadow:0 20px 50px -28px hsl(var(--primary)/.22),inset 1px 1px 0 rgb(255 255 255/.34),inset -1px -1px 0 rgb(0 0 0/.03);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.suggested-people-aside__panel:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(to bottom right,rgb(255 255 255/.4),transparent 55%)}.dark .suggested-people-aside__panel{border-color:rgb(255 255 255/.09);background-color:hsl(var(--card));background-image:linear-gradient(180deg,hsl(var(--glass-surface-top)/.42) 0,hsl(var(--card)) 46%,hsl(var(--glass-surface-bottom)) 100%);box-shadow:0 12px 40px -24px rgb(0 0 0/.55),inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dark .suggested-people-aside__panel:before{background-image:linear-gradient(to bottom right,rgb(255 255 255/.07),transparent 50%)}.suggested-people-aside__panel{padding:1rem}.suggested-people-aside__header{position:relative;z-index:1;padding-bottom:1rem}.suggested-people-aside__title{font-size:1rem;line-height:1.5rem;font-weight:600;color:hsl(var(--foreground))}.suggested-people-aside__list{position:relative;z-index:1;display:flex;flex-direction:column;gap:.5rem}.suggested-people-aside__item{display:flex;align-items:center;gap:.75rem;border-radius:1rem;padding:.625rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.suggested-people-aside__item:hover{background-color:hsl(var(--primary)/.08)}.suggested-people-aside__item:hover:is(.dark *){background-color:rgb(255 255 255/.07)}.suggested-people-aside__avatar{width:2.5rem;height:2.5rem;flex-shrink:0;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--border))}.suggested-people-aside__avatar:is(.dark *){--tw-ring-color:rgb(255 255 255/0.1)}.suggested-people-aside__meta{min-width:0;flex:1 1 0%}.suggested-people-aside__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;color:hsl(var(--foreground))}.suggested-people-aside__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;color:hsl(var(--muted-foreground))}.suggested-people-aside__action{border-width:1px;border-style:solid;border-color:hsl(var(--border)/.88);background-color:hsl(var(--card));box-shadow:0 4px 14px -10px hsl(var(--primary)/.12),inset 1px 1px 0 rgb(255 255 255/.65),inset -1px -1px 0 hsl(var(--foreground)/.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.dark .suggested-people-aside__action{border-color:rgb(255 255 255/.08);box-shadow:inset 1px 1px 0 rgb(255 255 255/.08),inset -1px -1px 0 rgb(0 0 0/.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.suggested-people-aside__action{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:9999px;border-color:hsl(var(--border)/.85);color:hsl(var(--primary))}.dark .suggested-people-aside__action{background-color:hsl(var(--secondary));background-image:none}.suggested-people-aside__action:hover{background-color:hsl(var(--primary)/.08);color:hsl(var(--primary))}.suggested-people-aside__action:is(.dark *){color:hsl(var(--muted-foreground))}.suggested-people-aside__action:hover:is(.dark *){background-color:rgb(255 255 255/.07);color:hsl(var(--foreground))}.suggested-people-aside__action--friend{cursor:default;opacity:.7}.suggested-people-aside__name-link,.suggested-people-aside__profile-link{min-width:0;flex-shrink:0}.suggested-people-aside__name-link{display:block}.suggested-people-aside__item--skeleton{pointer-events:none}.suggested-people-aside__avatar-skeleton{width:2.5rem;height:2.5rem;flex-shrink:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:9999px;background-color:hsl(var(--muted))}@keyframes pulse{50%{opacity:.5}}.suggested-people-aside__line{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:calc(var(--radius) - 2px);background-color:hsl(var(--muted))}.suggested-people-aside__line--name{margin-bottom:.375rem;height:.875rem;width:7rem}.suggested-people-aside__line--title{height:.75rem;width:5rem}