/* Video and actions are siblings: clipping applies only to video, never its controls. */
body.mg-reels-shell .reel-video-wrapper>.video-controlls{right:-66px!important;left:auto!important;width:54px!important;bottom:28px!important;z-index:150!important;display:flex!important;overflow:visible!important}
body.mg-reels-shell .video-controlls .reel-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}
body.mg-reels-shell .video-controlls .reel-action-btn{display:flex!important;color:#fff!important}
body.mg-reels-shell .video-controlls .reel-action-btn .reaction-btn-icon{color:#fff!important}
body.mg-reels-shell .video-controlls .mg-social-icon{color:#fff!important}
body.mg-reels-shell .reel-video-container{overflow:hidden!important}
body.mg-reels-shell .reel-video-container video{object-fit:contain!important}
body.mg-reels-shell .mg-reel-old-scroll{display:none!important}
/* Preserve .post-comments around both the form and its native comment list. */
body.mg-reels-shell .mg-reel-comment-layout{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:visible!important;height:auto!important;max-height:none!important}
body.mg-reels-shell .mg-reel-comment-layout>.post-body{flex:0 0 auto!important;margin:0!important;padding:12px 14px!important}
body.mg-reels-shell .mg-reel-comment-layout>.post-footer{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible!important}
body.mg-reels-shell .mg-reel-comment-layout .post-comments{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;height:100%!important;padding:0!important;position:relative}
body.mg-reels-shell .mg-reel-comment-layout .comments-filter{order:0;flex:0 0 auto;padding:8px 14px}
body.mg-reels-shell .mg-reel-comment-layout .js_comments{order:1;flex:1 1 0;min-height:30px!important;overflow-y:auto!important;overscroll-behavior:contain;padding:8px 14px!important;margin:0!important}
body.mg-reels-shell .mg-reel-comment-layout .js_see-more{order:2;flex:0 0 auto;padding:6px}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form{order:3;position:relative!important;bottom:auto!important;flex:0 0 auto!important;margin:auto 0 0!important;padding:12px!important;border-top:1px solid #e4e6eb!important;background:#fff!important;width:100%!important;display:flex;gap:9px;align-items:flex-start;box-sizing:border-box}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form.x-hidden{display:none!important}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form>.comment-avatar{position:static!important;float:none!important;width:34px!important;min-width:34px!important;flex:0 0 34px!important;margin:3px 0 0!important}
body.mg-reels-shell .mg-reel-comment-layout .comment-avatar-picture{width:34px!important;height:34px!important}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form>.comment-data{margin:0!important;padding:0!important;flex:1;min-width:0;width:auto!important}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form .comment-form{display:flex!important;flex-direction:column!important;position:relative!important;margin:0!important;padding:8px 10px!important;background:#f0f2f5!important;border-radius:18px!important;border:0!important}
body.mg-reels-shell .mg-reel-comment-layout textarea.js_post-comment{display:block!important;width:100%!important;min-height:32px!important;max-height:88px!important;height:auto;overflow-y:auto!important;padding:5px 2px!important;margin:0!important;font-size:15px!important;line-height:22px!important;box-sizing:border-box!important;background:transparent!important;border:0!important}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form .x-form-tools{display:flex!important;align-items:center!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;padding:4px 0 0!important;margin:0!important;gap:9px;list-style:none!important;float:none!important;transform:none!important}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form .x-form-tools>li{position:relative!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;min-width:30px!important;height:30px!important;margin:0!important;padding:0!important;border-radius:50%;color:#0866ff;cursor:pointer}
body.mg-reels-shell .mg-reel-comment-layout .x-form-tools>li.x-form-tools-post{order:9;margin-left:auto!important}
body.mg-reels-shell .mg-reel-comment-layout .post-comments>.pb10:has(.mg-guest-actions){margin-top:auto;order:3;padding:12px!important}
body.mg-reels-shell .reactions-container.mg-reel-picker-open{position:fixed!important;display:flex!important;border:1px solid #ddd!important;box-shadow:0 4px 18px #0003!important;background:#fff!important;color:#222!important;border-radius:32px!important;padding:6px!important;gap:4px!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:max-content!important;max-width:calc(100vw - 16px)!important;height:56px!important;overflow:visible!important;z-index:100060!important;transform:none!important}
body.mg-reels-shell .mg-reel-picker-open::after{display:none!important}
body.mg-reels-shell .mg-reel-picker-open .reaction{flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important;display:flex!important;cursor:pointer;transform:none!important}
body.mg-reels-shell .mg-reel-picker-open .reaction:hover,body.mg-reels-shell .mg-reel-picker-open .reaction:focus{transform:translateY(-5px) scale(1.12)!important;background:transparent!important;outline:2px solid #0866ff;outline-offset:3px;border-radius:50%}
@media(max-width:767px){
body.mg-reels-shell{--mg-repair-sheet:0px}
body.mg-reels-shell.mg-reel-comments-open{--mg-repair-sheet:38dvh}
body.mg-reels-shell.mg-reel-chat-open{--mg-repair-sheet:42dvh}
body.mg-reels-shell .reels-wrapper{padding-top:98px!important;padding-bottom:var(--mg-repair-sheet)!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
body.mg-reels-shell .reels-wrapper .reel-container{height:100%!important;width:100%!important;min-height:0!important;overflow:visible!important}
body.mg-reels-shell .reel-video-wrapper{width:100vw!important;max-width:100%!important;height:100%!important;min-height:0!important;overflow:visible!important}
body.mg-reels-shell .reel-video-container{width:calc(100% - 58px)!important;flex:0 0 calc(100% - 58px)!important;height:100%!important;margin:0 58px 0 0!important;min-height:0!important}
body.mg-reels-shell .reel-video-wrapper>.video-controlls{right:4px!important;bottom:18px!important;left:auto!important;width:50px!important;max-height:100%!important}
body.mg-reels-shell .video-controlls .reel-actions{gap:12px!important}
body.mg-reels-shell .video-controlls .reel-actions>.post-avatar{display:none!important}
body.mg-reels-shell .reel-action-btn .action-btn{width:40px!important;height:40px!important}
body.mg-reels-shell .reel-action-btn{gap:3px!important}
body.mg-reels-shell .reel-comments-wrapper{height:38dvh!important;max-height:38dvh!important;top:auto!important;bottom:0!important;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}
body.mg-reels-shell .video-caption{left:10px!important;bottom:8px!important;width:calc(100% - 20px)!important;font-size:11px!important;pointer-events:none}
body.mg-reels-shell .video-caption .mg-reel-caption-toggle{pointer-events:auto}
body.mg-reels-shell.mg-reel-comments-open .video-caption .post-text-container,body.mg-reels-shell.mg-reel-chat-open .video-caption .post-text-container{display:none!important}
body.mg-reels-shell .reel-comments-header{padding:6px 12px!important;min-height:40px!important}.mg-reels-shell .mg-sheet-handle{margin-top:7px!important;margin-bottom:0!important;height:4px!important}
body.mg-reels-shell .mg-reel-comment-layout>.post-body{padding:6px 12px!important}
body.mg-reels-shell .mg-reel-comment-layout>.post-body .post-stats,body.mg-reels-shell .mg-reel-comment-layout>.post-body .post-actions{display:none!important}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form{padding:7px 10px!important;gap:6px}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form .comment-form{padding:4px 9px!important}
body.mg-reels-shell .mg-reel-comment-layout .js_comment-form .comment-avatar,body.mg-reels-shell .mg-reel-comment-layout .comment-avatar-picture{width:30px!important;min-width:30px!important;height:30px!important;flex-basis:30px!important}
body.mg-reels-shell .mg-reel-comment-layout textarea.js_post-comment{font-size:16px!important;min-height:28px!important;max-height:52px!important;padding:3px 0!important}
body.mg-reels-shell .mg-reel-comment-layout .x-form-tools{padding-top:0!important}
body.mg-reels-shell.mg-reel-chat-open .chat-box.opened{max-height:42dvh!important;height:42dvh!important;display:flex!important;flex-direction:column!important}
body.mg-reels-shell .chat-box.opened .chat-widget-content{height:auto!important;max-height:none!important;min-height:0!important;flex:1;display:flex!important;flex-direction:column}
body.mg-reels-shell .chat-box.opened .chat-conversations{flex:1;min-height:0!important;height:auto!important;max-height:none!important}
body.mg-reels-shell .chat-box.opened .chat-widget-content .slimScrollDiv{flex:1;min-height:0!important;height:auto!important;display:flex;flex-direction:column}
body.mg-reels-shell .chat-box.opened .chat-form{flex-shrink:0}
body.mg-reels-shell .mg-reel-picker-open .reaction{flex-basis:36px!important;width:36px!important;height:36px!important}
}