@supports (-webkit-touch-callout: none) {
    .messaging {
        padding-bottom: 120px;
    }

    .messaging .messaging-inner .chat-container .chat-footer {
        bottom: 66px;
    }

    .reels .reels-inner {
        height: calc(100dvh - 166px);
    }

    .reels .reels-inner.unfiltered {
        height: calc(100dvh - 126px);
    }
}

/* Begin Webview Specific CSS */

:has(meta[name="wv"][content="true"]) body .messaging {
    padding-bottom: 60px !important;
}

:has(meta[name="wv"][content="true"]) body .messaging .messaging-inner .chat-container .chat-footer {
    bottom: 0px !important;
}

:has(meta[name="wv"][content="true"]) body .reels .reels-inner {
    height: calc(100dvh - 100px) !important;
}

:has(meta[name="wv"][content="true"]) body .reels .reels-inner.unfiltered {
    height: calc(100dvh - 60px) !important;
}

/* End Webview Specific CSS */