.friends-page.social-page{max-width:1120px;padding-top:46px}.friends-page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.friends-page-heading h1{letter-spacing:-.04em;margin:9px 0 12px;font-size:32px;font-weight:550}.friends-page-heading p{color:#989da8;margin:0;font-size:12px;line-height:1.6}.friends-page-heading>a{flex-shrink:0}.friends-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.friends-sections button{color:#989da8;text-align:left;background:#191a1d;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:19px 20px;display:flex}.friends-sections button[aria-pressed=true]{color:#eeeef2;background:#25262b;border-color:#ffffff2b}.friends-sections button:hover{border-color:#ffffff32}.friends-sections button>span{flex:1;font-size:12px}.friends-sections button>strong{color:#ececf1;font-size:18px;font-weight:550}.friends-content{background:#151618;border:1px solid #ffffff10;border-radius:18px;min-width:0;padding:24px}.friends-list-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.friends-list-heading h2{margin:0;font-size:15px;font-weight:550}.friends-search{color:#8a8d99;background:#1e1f23;border:1px solid #ffffff12;border-radius:10px;flex-direction:row;align-items:center;gap:10px;width:min(340px,50%);padding:0 12px;display:flex}.friends-search input{color:#eeeef2;background:0 0;border:0;outline:0;width:100%;min-width:0;height:40px;padding:0;font-size:12px}html .workspace .friends-page .friends-search input{background:0 0}.friends-page .friends-search input:focus-visible{outline:none}.friends-search>svg{flex-shrink:0}.friends-search:focus-within{border-color:#a5a7b3}.friends-search button{color:inherit;background:0 0;border:0;flex-shrink:0;place-items:center;min-width:24px;min-height:30px;padding:3px;display:grid}.friends-search input::-webkit-search-cancel-button{display:none}.friends-people{gap:10px;display:grid}.friends-person{background:#1b1c20;border:1px solid #ffffff0c;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:18px;display:flex;position:relative}.friends-person:has(.social-creator.is-expanded){z-index:5}.friends-person>.social-creator{flex:1;min-width:0}.friends-person>.social-friend-actions{flex-shrink:0}.friends-person .social-creator-trigger strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.friends-person .social-creator-trigger>span>span{color:#9398a5;font-size:10px}.friends-person .social-creator-trigger .social-avatar{margin:0}.friends-person .social-creator-trigger{align-items:center;gap:10px;display:flex}.friends-feedback{text-align:center;color:#9398a5;justify-items:center;gap:14px;padding:56px 20px;display:grid}.friends-feedback h2,.friends-feedback h3,.friends-feedback p{margin:0}.friends-feedback h2,.friends-feedback h3{color:#e4e5ea;font-size:16px;font-weight:550}.friends-feedback p{max-width:360px;font-size:12px;line-height:1.7}.friends-feedback.is-error{color:#dab7b0;padding:25px 16px}.friends-loading{color:#9ca1ac;padding:0 0 20px;font-size:11px}@media (max-width:760px){.friends-page.social-page{padding:28px 16px 64px}.friends-page-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.friends-page-heading h1{font-size:27px}.friends-page-heading p{font-size:11px}.friends-page-heading>a{padding:10px;font-size:10px!important}.friends-page-heading>a>svg:last-child{display:none}.friends-sections{gap:7px;margin-bottom:16px}.friends-sections button{flex-wrap:wrap;gap:8px;padding:13px 10px}.friends-sections button>svg{width:16px;height:16px}.friends-sections button>span{flex:auto;width:calc(100% - 25px);font-size:10px;line-height:1.4}.friends-sections button>strong{width:100%;margin-left:24px;font-size:17px}.friends-content{padding:16px}.friends-list-heading{flex-wrap:wrap;gap:15px}.friends-search{width:100%}.friends-search input{height:44px;font-size:16px}.friends-search button{min-width:30px;min-height:44px}.friends-person{gap:15px;padding:14px}.friends-person .social-creator-expansion{width:min(310px,100vw - 98px)}.friends-feedback{padding:38px 4px}}@media (max-width:540px){.friends-page-heading{flex-wrap:wrap}.friends-page-heading>a{min-height:34px}.friends-person{flex-wrap:wrap}.friends-person>.social-creator{flex-basis:100%}.friends-person>.social-friend-actions{justify-content:flex-end;width:100%}.friends-person>.social-friend-actions .social-friend-status{flex:1}.friends-person>.social-friend-actions>.social-secondary:first-child{flex:0 auto}}