.post-carousel-dots{display:flex;align-items:center;justify-content:center;gap:4px;min-height:28px;flex:none;color:var(--gram-ink,var(--text));padding:0 12px}
.post-carousel-dot{display:block;width:6px;height:6px;padding:0;border:0;border-radius:50%;background:currentColor;opacity:.22;flex:none}
.post-carousel-dot.is-active{background:#0095f6;opacity:1}
button.post-carousel-dot{position:relative;width:18px;height:28px;background:none;opacity:1;cursor:pointer;border-radius:0}
button.post-carousel-dot.is-active{background:none}
button.post-carousel-dot:after{content:'';display:block;width:6px;height:6px;margin:auto;border-radius:50%;background:currentColor;opacity:.22}
button.post-carousel-dot.is-active:after{background:#0095f6;opacity:1}
button.post-carousel-dot:focus-visible{outline:2px solid #0095f6;outline-offset:1px;border-radius:4px}
.post-carousel-dots--viewer{background:var(--gram-bg,var(--bg));border-radius:0 0 3px 3px}
#player.social-post-dialog .post-carousel-dots--viewer{position:static;order:1;min-height:28px;background:transparent;border-radius:0;padding:0 12px;flex:none}
.has-post-carousel .ig-grid-pin,.has-post-carousel .live-app-grid-pin{right:38px}
.social-grid-kind svg[data-ig-icon=carousel],.live-app-grid-reel svg[data-ig-icon=carousel],.social-platform-kind svg[data-ig-icon=carousel]{fill:currentColor;stroke:none}
@media(max-width:700px){#player.social-post-dialog .post-carousel-dots--viewer{order:-1;min-height:28px;width:100%}.has-post-carousel .ig-grid-pin,.has-post-carousel .live-app-grid-pin{right:28px}}

/* Each panel fills one frame; the browser scrolls it directly under a finger. */
.post-carousel-track{display:flex;flex:none;position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;direction:ltr}
.post-carousel-track::-webkit-scrollbar{display:none}
.post-carousel-panel{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 100%;width:100%;height:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
#player #player-body .post-carousel-panel>img,#player #player-body .post-carousel-panel>video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:auto;user-select:none;-webkit-user-drag:none}
#player #player-body .post-carousel-panel>.viele-video-player,#player #player-body .post-carousel-panel .video-stage{width:100%;height:100%;max-height:none;aspect-ratio:auto}
#player #player-body .post-carousel-panel video{width:100%;height:100%;object-fit:contain}
.post-carousel-track.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
#player #player-body.carousel-media{position:relative;overflow:hidden}
#player:not(.social-post-dialog) #player-body.carousel-media .post-carousel-track{aspect-ratio:var(--media-aspect,1);height:auto}
.social-slide-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.social-post-copy .social-caption-username{display:inline;padding:0;gap:0;color:inherit;text-decoration:none;font:inherit}
.social-post-copy .social-caption-username:not(.is-unlinked):hover{text-decoration:underline}
.social-post-copy .social-caption-username:focus-visible{outline:2px solid #0095f6;outline-offset:2px}

@media(min-width:701px){#player.social-post-dialog #player-body>.post-carousel-dots--viewer.is-media-dots{position:absolute;inset:auto 0 6px;z-index:5;min-height:28px;color:white;background:transparent;order:0}#player.social-post-dialog .is-media-dots .post-carousel-dot:after{background:white;opacity:.45}#player.social-post-dialog .is-media-dots .post-carousel-dot.is-active:after{opacity:1;background:white}}
.platform-feed-post .post-carousel-track{height:100%;touch-action:pan-x pan-y pinch-zoom}
.platform-feed-post .post-carousel-panel>img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.platform-feed-post .post-carousel-panel>.ig-feed-video{position:absolute;inset:0}
.platform-feed-post .feed-carousel-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:28px;height:28px;padding:5px;background:#fffd;color:#111;cursor:pointer}
.platform-feed-post .feed-carousel-prev{left:10px}.platform-feed-post .feed-carousel-next{right:10px}.feed-carousel-arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.platform-feed-post .feed-carousel-arrow[hidden]{display:none}