body.tl-friends-page .friends_area .friends .friend-carousel{background:transparent;aspect-ratio:auto;margin:0;align-self:center;min-width:0}
body.tl-friends-page .friend-media-track{display:flex;width:100%;aspect-ratio:1;border-radius:0;background:transparent;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
body.tl-friends-page .friend-media-track::-webkit-scrollbar{display:none}
body.tl-friends-page .friend-media-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
body.tl-friends-page .friend-media-slide .friend-portrait{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:contain;margin:0;max-width:100%;flex:none}
body.tl-friends-page .friend-media-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}
body.tl-friends-page .friend-media-controls button{appearance:none;cursor:pointer;border:0;background:#fff;color:#17252b;width:40px;height:40px;border-radius:50%;font:700 22px 'LINE Seed JP',sans-serif;display:grid;place-items:center;padding:0}
body.tl-friends-page .friend-media-dots{display:flex;gap:3px}
body.tl-friends-page .friend-media-dots button{width:28px;height:40px;border-radius:0;background:transparent}
body.tl-friends-page .friend-media-dots span{width:8px;height:8px;border-radius:50%;border:1px solid currentColor;background:transparent}
body.tl-friends-page .friend-media-dots button[aria-pressed=true] span{background:currentColor;transform:scale(1.3)}
body.tl-friends-page .friend-media-dots button{color:var(--ink)}
body.tl-friends-page .friend-media-caption{text-align:center;font-size:13px;color:var(--ink);margin-top:8px;line-height:1.5}
body.tl-friends-page .friend-carousel:focus-visible,body.tl-friends-page .friend-media-controls button:focus-visible{outline:3px solid #111;outline-offset:4px}
@media(max-width:800px){body.tl-friends-page .friends_area .friends .friend-carousel{width:75%;max-width:300px;margin:0 auto}body.tl-friends-page .friend-media-controls{margin-top:14px}}

/* Transparent, larger artwork. No circular mask or player chrome. */
body.tl-friends-page .friends_area .friends .friend-carousel{width:52%;max-width:580px;border-radius:0;background:transparent}
body.tl-friends-page .friend-media-track{border-radius:0;background:transparent}
body.tl-friends-page .friend-media-slide .friend-portrait{width:100%;height:100%}
@media(max-width:800px){body.tl-friends-page .friends_area .friends .friend-carousel{width:100%;max-width:460px}}

@media(min-width:801px){body.tl-friends-page .friend-media-track{max-height:calc(100svh - 225px)}}