.media-viewer-play {
    position: relative;
    top: 0px;
    left: 0px;
    width: 20%;
    margin: 0px;
    padding: 0px;
    opacity: 0;
}

#media-viewer-popup {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 999;
    overflow: hidden;
}

    #media-viewer-popup .media-viewer {
        color: rgba(0, 0, 0, 0.8);
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: rgba(255, 255, 255, 1.0);
        margin: 0px;
        padding: 0px;
        border: 5px solid rgba(255, 255, 255, 1.0);
        border-radius: 5px;
    }

        #media-viewer-popup .media-viewer .media-viewer-title {
            font-weight: 500;
            font-size: 12pt;
            margin: 0px;
            padding: 0px 5px 7px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #media-viewer-popup .media-viewer .media-viewer-content {
            margin: 0px;
            padding: 0px;
        }

            #media-viewer-popup .media-viewer .media-viewer-content img {
                width: 1px;
                margin: 0px;
                padding: 0px;
                border-radius: 3px;
            }

            #media-viewer-popup .media-viewer .media-viewer-content video {
                margin: 0px 0px -3px;
                padding: 0px;
                border-radius: 3px;
            }

        #media-viewer-popup .media-viewer .media-viewer-description {
            font-size: 12pt;
        }

            #media-viewer-popup .media-viewer .media-viewer-description .media-viewer-author {
                font-size: 10pt;
                padding-top: 3px;
            }

            @media (max-width: 576px) {
                #media-viewer-popup .media-viewer .media-viewer-description .media-viewer-author {
                    font-size: 8pt;
                    padding-top: 6px;
                }
            }

            #media-viewer-popup .media-viewer .media-viewer-description .media-viewer-likes .like-button {
                --bs-text-opacity: 1;
                --bs-bg-opacity: 1;
                color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
                background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
            }

            #media-viewer-popup .media-viewer .media-viewer-description .media-viewer-likes .like-button-active, #media-viewer-popup .media-viewer .media-viewer-description .media-viewer-likes .like-button:hover {
                color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
                background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
            }

        #media-viewer-popup .media-viewer .media-viewer-options {
            position: absolute;
            top: -20px;
            right: -20px;
        }

            #media-viewer-popup .media-viewer .media-viewer-options i {
                color: #333333;
                background-color: #EEEEEE;
                border: 1px solid #DDDDDD;
                text-align: center;
                width: 40px;
                height: 40px;
                font-size: 14pt;
                margin: 0px 0px 0px 5px;
                padding: 10px;
                border-radius: 100px;
                cursor: pointer;
            }

                #media-viewer-popup .media-viewer .media-viewer-options i:hover {
                    color: #FFFFFF;
                    background-color: #0D6EFD;
                }