._list_6tpp9_1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;margin-bottom:32px;gap:16px}@media (max-width: 1023.9px){._list_6tpp9_1{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767.9px){._list_6tpp9_1{grid-template-columns:repeat(1,minmax(0,1fr))}}._friend-item_6tpp9_6{position:relative;height:92px;display:flex;align-items:center;overflow:hidden;border-radius:.375rem;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));padding:16px;font-size:14px;line-height:20px;font-weight:400;--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s}.dark ._friend-item_6tpp9_6{--un-bg-opacity:1;background-color:rgb(11 11 11 / var(--un-bg-opacity))}._friend-item_6tpp9_6 ._avatar_6tpp9_9{margin-right:16px;aspect-ratio:1/1;width:60px;height:60px;flex-shrink:0;overflow:hidden;--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s}.dark ._friend-item_6tpp9_6 ._avatar_6tpp9_9{--un-bg-opacity:1;background-color:rgb(11 11 11 / var(--un-bg-opacity))}._friend-item_6tpp9_6 ._info_6tpp9_12{width:0;flex-grow:1;--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s}.dark ._friend-item_6tpp9_6 ._info_6tpp9_12{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}._friend-item_6tpp9_6 ._info_6tpp9_12 h3{margin:0;font-size:18px;line-height:28px;font-weight:600;transition-property:font-size;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s}._friend-item_6tpp9_6:before{content:"";width:0;height:100%;border-top-right-radius:9999px;border-bottom-right-radius:9999px;--un-bg-opacity:1;background-color:rgb(37 36 53 / var(--un-bg-opacity));opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.5s;position:absolute;left:0;top:0}.dark ._friend-item_6tpp9_6:before{--un-bg-opacity:1;background-color:rgb(138 145 219 / var(--un-bg-opacity))}._friend-item_6tpp9_6:hover:before{width:100%;border-top-right-radius:0;border-bottom-right-radius:0;opacity:1}._friend-item_6tpp9_6:hover ._info_6tpp9_12{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));transform:translate(6%)}.dark ._friend-item_6tpp9_6:hover ._info_6tpp9_12{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}._friend-item_6tpp9_6:hover ._info_6tpp9_12 h3{font-size:48px;line-height:58px;font-weight:600}._friend-item_6tpp9_6:hover ._info_6tpp9_12 div{display:none}._friend-item_6tpp9_6:hover ._avatar_6tpp9_9{transform:scale(1.55)}