/* MGBOX social navigation: own vectors, shared stroke/filled family. */
.mg-social-icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:currentColor;overflow:visible}
.mg-social-icon .mg-icon-outline{fill:none!important;stroke:currentColor!important;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mg-social-icon .mg-icon-line{fill:none!important;stroke:var(--mg-icon-cutout,#fff)!important;stroke-width:1.6;stroke-linecap:round}
.svg-container>.mg-social-icon{width:100%;height:100%}
.main-side-nav .main-icon{width:28px!important;height:28px!important;flex:0 0 28px;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#0866ff}
.main-side-nav>li>a{display:flex;align-items:center}.main-side-nav .collapse .main-icon{width:20px!important;height:20px!important;flex-basis:20px}
.desktop-header-icons .header-icon,.mobile-header-icons .header-icon{color:inherit!important}.desktop-icon-link,.mobile-icon-link{color:#050505!important;background:#e4e6eb!important;border:0!important;box-shadow:none!important}
.mg-feed-shortcuts .mg-social-icon{width:27px;height:27px}.mg-feed-shortcuts a{color:#65676b}.mg-feed-shortcuts a.active{color:#0866ff}.mg-filter-icon,.ftabs .mg-social-icon{width:22px;height:22px}
.ftab .mg-social-icon{width:22px;height:22px;color:#0866ff}.ftab.active .mg-social-icon{color:#fff}
/* Desktop viewer occupies the space between navigation and details. */
body.mg-reels-shell{--mg-reel-panel:0px;--mg-reel-nav:224px;--mg-reel-header:64px}
body.mg-reels-shell.mg-reel-comments-open{--mg-reel-panel:360px}
body.mg-reels-shell .reels-wrapper{padding:78px calc(var(--mg-reel-panel) + 76px) 14px var(--mg-reel-nav)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;box-sizing:border-box}
body.mg-reels-shell .reels-wrapper .reel-container{width:100%!important;max-width:none!important;height:100%!important;overflow:visible!important;flex-shrink:1}
body.mg-reels-shell .reel-container>.position-relative{display:flex;align-items:center;justify-content:center}
body.mg-reels-shell .reel-video-wrapper{width:min(calc((100dvh - 92px)*.5625),calc(100vw - var(--mg-reel-nav) - var(--mg-reel-panel) - 110px))!important;height:100%!important;overflow:visible!important;margin:auto}
body.mg-reels-shell .video-controlls{right:-66px!important;left:auto!important;bottom:30px!important;padding:0!important;width:54px!important}
body.mg-reels-shell .video-caption{width:calc(100% - 26px)!important;bottom:30px!important}
body.mg-reels-shell .reel-prev-btn,body.mg-reels-shell .reel-next-btn{left:auto!important;right:calc(var(--mg-reel-panel) + 18px)!important;top:calc(50% - 24px)!important;width:46px!important;height:46px!important;border:2px solid #888;border-radius:50%;color:#ddd;background:#18191a;opacity:1!important;z-index:1100!important;display:flex!important;align-items:center;justify-content:center}
body.mg-reels-shell .reel-next-btn{top:calc(50% + 38px)!important}
body.mg-reels-shell .reel-prev-btn:hover,body.mg-reels-shell .reel-next-btn:hover{background:#3a3b3c}
body.mg-reels-shell .reel-comments-wrapper{position:fixed!important;left:auto!important;right:0!important;top:var(--mg-reel-header)!important;bottom:0!important;width:360px!important;height:calc(100dvh - var(--mg-reel-header))!important;max-height:none!important;background:#fff!important;color:#1c1e21;z-index:1150!important;border-left:1px solid #ddd;overflow:hidden}
body.mg-reels-shell .reel-comments-wrapper .lightbox-post,body.mg-reels-shell .reel-comments-wrapper .slimScrollDiv{display:flex!important;flex-direction:column;flex:1;min-height:0;height:auto!important;width:100%!important}
body.mg-reels-shell .reel-comments-wrapper .js_scroller{height:auto!important;flex:1;min-height:0;overflow:auto!important;width:100%!important}
body.mg-reels-shell .reel-comments-wrapper .post-body{padding:14px!important}.mg-sheet-handle{display:none}
body.mg-reels-shell .reel-comments-wrapper .post-footer{padding:12px!important}.mg-reel-comments-open .reel-action-btn:has(.js_reel-comments-toggle){color:#2d88ff}
body.mg-reels-shell .reel-comments-wrapper .comments{display:block!important}
body.mg-reels-shell .reel-action-btn .action-btn{background:transparent!important}.reel-action-btn .mg-social-icon{--mg-icon-cutout:#000}
body.mg-reels-shell .reel-action-btn .mg-social-icon .mg-icon-outline{fill:none!important}
/* Reuse live profile, notifications and Messenger menu controls in viewer header. */
body.mg-reels-shell .mg-rg-topbar{padding:0 20px!important;gap:16px!important;background:#fff;color:#050505;z-index:1201;height:64px!important;display:flex!important}
body.mg-reels-shell .mg-rg-brand{margin:0!important;flex:0 0 170px;font-size:29px!important;color:#0866ff}
.mg-rg-tabs{display:flex;flex:1;justify-content:center;height:100%;gap:8px;min-width:0}.mg-rg-tabs>a{width:min(9vw,120px);display:flex!important;align-items:center;justify-content:center;min-width:40px!important;border-bottom:3px solid transparent;color:#65676b!important;height:100%!important}.mg-rg-tabs>a.mg-rg-top-active{border-bottom-color:#0866ff;color:#0866ff!important}.mg-rg-tabs .mg-social-icon{width:28px;height:28px}
.mg-rg-header-tools{display:flex!important;gap:8px!important;flex-shrink:0}.mg-rg-header-tools .dropdown-menu{z-index:1300;min-width:300px;max-width:calc(100vw - 16px)}
body.mg-reels-shell .mg-rg-create{position:fixed!important;left:22px!important;right:auto!important;top:274px!important;z-index:1101!important}
body.mg-reels-shell .mg-rg-reels-nav{top:80px!important;z-index:1100!important}.mg-rg-reels-nav .mg-social-icon{width:23px;height:23px}
/* Compact Messenger stays usable above the Reel and collapses into a right rail. */
body .chat-box{z-index:1400!important;width:328px!important;max-width:calc(100vw - 24px);bottom:0!important;border-radius:12px 12px 0 0!important;box-shadow:0 4px 24px #0004!important;background:#fff}
body .chat-box .chat-widget-head{border-radius:12px 12px 0 0!important;background:#fff!important;color:#0866ff!important;border-bottom:1px solid #ddd;min-height:58px}
body .chat-box .chat-widget-content{max-height:min(500px,calc(100dvh - 150px));overflow:hidden}.chat-box .chat-conversations{max-height:calc(100dvh - 260px);overflow:auto!important}
.mg-chat-dismiss{border:0;background:transparent;color:#0866ff;padding:2px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px}.mg-chat-dismiss svg{width:20px;height:20px}
.mg-chat-dock{position:fixed;right:14px;bottom:20px;z-index:1390;display:flex;flex-direction:column;gap:12px}.mg-chat-chip{position:relative}.mg-chat-chip>button:first-child{display:flex;align-items:center;justify-content:center;border:0;padding:0;width:52px;height:52px;border-radius:50%;background:#e7f0ff;color:#0866ff;box-shadow:0 2px 10px #0004;cursor:pointer}.mg-chat-chip img{width:52px;height:52px;border-radius:50%;object-fit:cover}.mg-chat-chip-name{position:absolute;right:60px;background:#fff;color:#222;border-radius:8px;padding:7px 10px;box-shadow:0 2px 8px #0003;white-space:nowrap;display:none}.mg-chat-chip:hover .mg-chat-chip-name,.mg-chat-chip:focus-within .mg-chat-chip-name{display:block}.mg-chat-chip-dismiss{position:absolute;right:-4px;top:-5px;width:21px;height:21px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#555;font-size:16px;line-height:16px}
@media(min-width:768px) and (max-width:1100px){body.mg-reels-shell{--mg-reel-nav:150px}body.mg-reels-shell.mg-reel-comments-open{--mg-reel-panel:320px}body.mg-reels-shell .reel-comments-wrapper{width:320px!important}body.mg-reels-shell .mg-rg-reels-nav{width:145px;font-size:13px}body.mg-reels-shell .mg-rg-brand{flex-basis:135px}.mg-rg-tabs{gap:0}.mg-rg-tabs>a{min-width:38px!important;width:5vw}.mg-rg-header-tools{gap:4px!important}}
@media(max-width:767px){
body.mg-reels-shell,body.mg-reels-shell.mg-reel-comments-open{--mg-reel-nav:0px;--mg-reel-panel:0px;--mg-reel-header:54px}
body.mg-reels-shell .reels-wrapper{padding:98px 0 0!important;overflow:hidden!important}body.mg-reels-shell .reel-video-wrapper{width:100vw!important;height:100%!important;border-radius:0!important}
body.mg-reels-shell .reel-comments-wrapper{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:min(72dvh,650px)!important;max-height:calc(100dvh - 80px)!important;border-radius:18px 18px 0 0;border:0;box-shadow:0 -8px 40px #0006;padding-bottom:env(safe-area-inset-bottom,0px)}
.mg-sheet-handle{display:block;flex-shrink:0;width:44px;height:5px;margin:10px auto 0;border-radius:4px;background:#c7c9ce;touch-action:none}.mg-sheet-handle:before{content:'';display:block;height:22px;margin-top:-7px}
body.mg-reels-shell .reel-comments-header{padding:10px 14px!important}
body.mg-reels-shell .reel-prev-btn,body.mg-reels-shell .reel-next-btn{display:none!important}
body.mg-reels-shell .video-controlls{right:10px!important;bottom:85px!important}.mg-reels-shell .video-caption{bottom:32px!important;width:calc(100% - 82px)!important}
body.mg-reels-shell .mg-rg-topbar{height:54px!important;padding:0 12px!important;gap:8px!important}body.mg-reels-shell .mg-rg-brand{font-size:22px!important;flex:1!important;display:block!important}.mg-rg-tabs{display:none!important}.mg-rg-header-tools{gap:6px!important}.mg-rg-header-tools .dropdown:not(.js_live-messages):not(:last-child){display:none!important}.mg-rg-header-tools .desktop-icon-link{width:34px!important;height:34px!important}.mg-rg-header-tools .dropdown-menu{position:fixed!important;top:54px!important;left:8px!important;right:8px!important;width:auto!important;max-width:none!important;transform:none!important}
body.mg-reels-shell .mg-rg-reels-nav{top:54px!important;left:0!important;width:100%!important;height:44px!important}.mg-rg-reels-nav a{padding:8px 12px!important;font-size:12px}.mg-rg-reels-nav .mg-social-icon{width:17px;height:17px}body.mg-reels-shell .mg-rg-create{display:none!important}
body .chat-box{left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;z-index:1500!important;border-radius:16px 16px 0 0!important}.chat-box.opened .chat-widget-content{height:min(65dvh,540px);max-height:calc(100dvh - 120px)}body .chat-box .chat-conversations{max-height:calc(65dvh - 110px)!important;height:calc(65dvh - 110px)!important}.chat-box .chat-form{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important}
.mg-chat-dock{right:12px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.mg-chat-chip>button:first-child,.mg-chat-chip img{width:46px;height:46px}
}
@media(prefers-reduced-motion:reduce){.mg-reels-shell *{scroll-behavior:auto!important}}

.ftabs-item>.mg-social-icon{color:#0866ff;width:22px;height:22px;margin-bottom:4px}.ftabs-item.active>.mg-social-icon{color:#fff}body .chat-box{display:block!important}body .chat-box .chat-widget-head{display:flex!important;align-items:center}body .chat-box .chat-user-card{min-width:0;flex:1}body .chat-box .chat-head-btns{display:flex;align-items:center;flex-shrink:0}body .chat-box .chat-head-btn{display:inline-flex;align-items:center;justify-content:center}

body .main-side-nav .svg-container:has(>.mg-social-icon){padding:0!important;background:transparent!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:0!important}body .main-side-nav .svg-container>.mg-social-icon{width:28px!important;height:28px!important}body .mg-social-icon [fill="var(--mg-icon-cutout,#fff)"]{fill:var(--mg-icon-cutout,#fff)!important}body .reel-action-btn .mg-social-icon [fill="var(--mg-icon-cutout,#fff)"]{fill:#000!important}