@layer mv-responsive-foundation {
body.stories-reels-page{height:100dvh!important;overflow:hidden!important;background:#101014!important}
body.stories-reels-page>main.mv-page{margin:0!important;padding:0!important;width:100%!important;max-width:none!important;height:calc(100dvh - var(--reels-header,62px))!important;min-height:0!important}
body.stories-reels-page>main>.mv-page-head,body.stories-reels-page>main>p,body.stories-reels-page>.mv-login-bottom-nav{display:none!important}
}
.stories-reels-page .story-feed{display:block;height:100%;max-width:520px;margin:0 auto;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;background:#080808}
.stories-reels-page .story-feed::-webkit-scrollbar{display:none}
.stories-reels-page .story-feed>.story-card{position:relative;height:100%;min-height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;border:0;border-radius:0;margin:0;background:#080808;color:white;overflow:hidden}
.stories-reels-page .story-card>video,.stories-reels-page .story-card>img{width:100%;height:100%;max-height:none;object-fit:contain;background:#080808}
.stories-reels-page .story-card>header{position:absolute;inset:0 0 auto;z-index:2;padding:16px 14px 36px;background:linear-gradient(#000b,transparent);pointer-events:none}
.stories-reels-page .story-card>header a{color:#fff;pointer-events:auto;text-decoration:none}
.stories-reels-page .story-card>header small{color:#ddd}
.stories-reels-page .story-card-body{position:absolute;left:0;right:68px;bottom:0;padding:40px 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000b);pointer-events:none}
.stories-reels-page .story-caption{pointer-events:auto;margin:0;font-size:14px;max-height:26vh;overflow:auto}
.stories-reels-page .story-caption p{margin:8px 0;font-size:13px}
.stories-reels-page .story-more{display:none}
.stories-reels-page .story-actions:empty{display:none}
.reel-actions{position:absolute;right:8px;bottom:max(28px,env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;gap:14px}
.reel-actions>a,.reel-actions>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:48px;min-height:48px;max-width:60px;border:0;border-radius:12px;background:#0005;color:#fff!important;padding:7px 4px;text-decoration:none;font:500 10px/1.3 system-ui;cursor:pointer}
.reel-actions svg{width:24px;height:24px}
.reel-actions :focus-visible,.reel-navigation button:focus-visible{outline:3px solid #ffad33;outline-offset:2px}
.reel-navigation{position:fixed;right:max(18px,calc((100vw - 650px)/2));top:48%;display:grid;gap:10px;z-index:4}
.reel-navigation button{border:1px solid #ffffff50;border-radius:50%;width:44px;height:44px;background:#242429;color:white;font-size:24px;cursor:pointer}
.reel-navigation button:disabled{opacity:.3;cursor:default}
.stories-reels-page .story-external{height:100%;max-height:none;background:#101014;color:white;padding:75px 12px 130px;align-content:center}
.stories-reels-page .story-external iframe{height:100%;max-height:none}
.stories-reels-page .story-feed>p{padding:40px 20px;color:white;text-align:center}
@media(max-width:700px){.stories-reels-page .story-feed{max-width:none}.reel-navigation{top:85px;right:8px;gap:5px}.reel-navigation button{width:32px;height:32px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.stories-reels-page .story-feed{scroll-behavior:auto}}
@layer mv-responsive-foundation {
 body.stories-reels-page>.tt-app-banner,body.stories-reels-page>main>.mv-ui-help-trigger{display:none!important}
}
@layer mv-responsive-foundation {
 body.stories-reels-page :is(.mv-group-float,.mv-floating-actions,.floating-cart-btn){display:none!important}
}

.reel-navigation button svg{width:22px;height:22px;vertical-align:middle}.stories-reels-page .mv-public-mobile-menu svg{width:20px;height:20px}.stories-reels-page .story-card>header a .mv-person-avatar{display:none!important}