.friends-section .element-container{gap:48px}.friends-title{justify-content:flex-start;margin:0}.friends-carousel{align-self:stretch;width:100%;position:relative}.friends-track{--friends-card-h:440px;overscroll-behavior-x:contain;scrollbar-width:none;gap:16px;padding-bottom:6px;display:flex;overflow-x:auto}.friends-track::-webkit-scrollbar{display:none}.friends-card{height:var(--friends-card-h);cursor:pointer;text-align:left;color:#fff;isolation:isolate;background:#1a1a1c;border:0;border-radius:17.63px;flex:none;padding:0;position:relative;overflow:hidden}.friends-card--portrait{aspect-ratio:9/16}.friends-card--landscape{aspect-ratio:16/9}.friends-card-poster{object-fit:cover;z-index:-1;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.friends-card:after{content:"";z-index:-1;background:linear-gradient(#0000 45%,#000000c7 100%);position:absolute;inset:0}.friends-card:hover .friends-card-poster{transform:scale(1.04)}.friends-card:focus-visible{outline-offset:3px;outline:2px solid #fff}.friends-card-play{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffff80;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:-34px 0 0 -34px;padding-left:4px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #ffffff80}.friends-card:hover .friends-card-play{background-color:#ffffffa8;transform:scale(1.08)}.friends-card-caption{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.friends-card-title{font-family:Hubot_Sans-Regular,Helvetica;font-size:18px;line-height:23px}.friends-card-creator{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-family:DM_Sans-Regular,Helvetica;font-size:14px;line-height:18px;overflow:hidden}.friends-nav{top:calc(var(--friends-nav-top,220px) - 22px);pointer-events:none;z-index:2;justify-content:space-between;display:flex;position:absolute;left:-22px;right:-22px}.friends-nav-btn{border:1px solid var(--color-border,#ffffff2e);background:var(--color-background,#1a1a1c);width:44px;height:44px;color:var(--color-text);cursor:pointer;pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;box-shadow:0 4px 16px #00000040}.friends-modal{z-index:2147483647;background:#000000d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.friends-player{flex-direction:column;gap:12px;max-width:100%;display:flex;position:relative}.friends-player-frame{aspect-ratio:var(--friends-ratio,16 / 9);width:min(1100px, calc(100vw - 48px), calc((100vh - 150px) * (var(--friends-ratio,16 / 9))));background:#000;border-radius:14px;overflow:hidden}.friends-player-frame iframe,.friends-player-frame video{border:0;width:100%;height:100%;display:block}.friends-player-meta{color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;font-family:DM_Sans-Regular,Helvetica;font-size:14px;display:flex}.friends-player-credit{opacity:.85}.friends-player-source{color:#fff;text-underline-offset:3px;text-decoration:underline}.friends-modal-close{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:-44px;right:0}.friends-modal-close:hover{background:#ffffff3d}@media (max-width:1260px){.friends-nav{left:8px;right:8px}}@media (max-width:768px){.friends-section .element-container{gap:28px}.friends-track{--friends-card-h:360px;gap:12px}.friends-nav{display:none}.friends-modal{padding:56px 12px 16px}.friends-player-frame{width:min(calc(100vw - 24px), calc((100vh - 140px) * (var(--friends-ratio,16 / 9))))}}@media (max-width:480px){.friends-track{--friends-card-h:320px}.friends-card--landscape{aspect-ratio:auto;width:82vw}}