.friends-overflow-container[data-v-0d53ab74]{position:relative;height:100%;overflow:hidden;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;padding-top:15px;padding-bottom:15px;padding-left:.5rem;padding-right:.5rem}.friends-overflow-container .friends-container[data-v-0d53ab74]{height:100%;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;padding-left:.75rem;padding-right:.75rem;padding-top:6px;padding-bottom:6px;--show-top-mask: 0;--show-bottom-mask: 0;--mask-size: 24px;--gradient: linear-gradient(to bottom, transparent 0%, #fff calc(var(--show-top-mask)*var(--mask-size)), #fff calc(100% - var(--mask-size)*var(--show-bottom-mask)), transparent 100%);-webkit-mask:var(--gradient);mask:var(--gradient);scrollbar-color:rgba(var(--color-primary),.8) rgb(var(--color-primary-1));scrollbar-width:thin}.friends-overflow-container .friends-container.top-shadow[data-v-0d53ab74]{--show-top-mask: 1}.friends-overflow-container .friends-container.bottom-shadow[data-v-0d53ab74]{--show-bottom-mask: 1}.friends-overflow-container .friends-container[data-v-0d53ab74]::-webkit-scrollbar{width:.5rem}.friends-overflow-container .friends-container[data-v-0d53ab74]::-webkit-scrollbar-thumb{--un-bg-opacity:1;background-color:rgba(var(--color-primary-5),var(--un-bg-opacity));border-radius:9999px}.friends-overflow-container .friends-container[data-v-0d53ab74]::-webkit-scrollbar-track{--un-bg-opacity:1;background-color:rgba(var(--color-primary-1),var(--un-bg-opacity));border-radius:9999px}.friends-overflow-container .friends-container .friend-item[data-v-0d53ab74]{display:flex;--un-bg-opacity:1;background-color:rgba(var(--color-primary-1),var(--un-bg-opacity));border-radius:1rem;padding:.5rem;position:relative;cursor:pointer}.dark .friends-overflow-container .friends-container .friend-item[data-v-0d53ab74]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-3),var(--un-bg-opacity))}.friends-overflow-container .friends-container .friend-item[data-v-0d53ab74]:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;z-index:-1;border-radius:1.4rem;border-width:4px;--un-border-opacity:1;border-color:rgba(var(--color-primary-1),var(--un-border-opacity));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--un-scale-x:.5;--un-scale-y:.5;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));transform:translate3d(var(--un-translate-x),var(--un-translate-y),var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:0;pointer-events:none}.dark .friends-overflow-container .friends-container .friend-item[data-v-0d53ab74]:before{--un-border-opacity:1;border-color:rgba(var(--color-primary-3),var(--un-border-opacity))}.friends-overflow-container .friends-container .friend-item[data-v-0d53ab74]:active:before,.friends-overflow-container .friends-container .friend-item[data-v-0d53ab74]:hover:before{--un-scale-x:1;--un-scale-y:1;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));opacity:1}.friends-overflow-container .friends-container .friend-item .avatar[data-v-0d53ab74]{margin-right:.5rem;width:3.25rem;height:3.25rem;-webkit-user-select:none;user-select:none;border-radius:.75rem;flex-shrink:0}.friends-overflow-container .friends-container .friend-item .avatar .lazy-image[data-v-0d53ab74],.friends-overflow-container .friends-container .friend-item .avatar .lazy-image[data-v-0d53ab74] img{border-radius:.75rem}.friends-overflow-container .friends-container .friend-item .avatar.avatar-icon[data-v-0d53ab74]{display:flex;align-items:center;justify-content:center;--un-bg-opacity:1;background-color:rgba(var(--color-primary-4),var(--un-bg-opacity));font-size:1.875rem;line-height:2.25rem;--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.dark .friends-overflow-container .friends-container .friend-item .avatar.avatar-icon[data-v-0d53ab74]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-6),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-10),var(--un-text-opacity))}.friends-overflow-container .friends-container .friend-item .detail[data-v-0d53ab74]{--un-text-opacity:1;color:rgba(var(--color-primary),var(--un-text-opacity));display:flex;flex-direction:column}.dark .friends-overflow-container .friends-container .friend-item .detail[data-v-0d53ab74]{--un-text-opacity:1;color:rgba(var(--color-primary-10),var(--un-text-opacity))}.friends-overflow-container .friends-container .friend-item .detail .name[data-v-0d53ab74]{font-size:1.125rem;line-height:1.75rem;font-weight:700}.friends-overflow-container .friends-container .friend-item .detail .motto[data-v-0d53ab74]{font-size:1rem;line-height:1.5rem;--un-text-opacity:1;color:rgba(var(--color-primary-4),var(--un-text-opacity))}.dark .friends-overflow-container .friends-container .friend-item .detail .motto[data-v-0d53ab74]{--un-text-opacity:1;color:rgba(var(--color-primary-8),var(--un-text-opacity))}