div#viewer-container video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#messenger {


    width: initial;
}
#messenger .btn-1 {
    font-size: 17px;
    background-color: #0000;
    width: 32px;
    border-radius: 50% !important;
    height: 32px;
    border: none;
    margin-top: 0;
}
div#room-details {
    border-radius: 10px;
    line-height: 20px;
    background-color: #00000047;
}
div#two-way-broadcaster {
    bottom: 53px;
}
div#room-price {
    border-radius: 8px !important;
    background-color: transparent !important;
    color: #eb76ff;
    font-weight: bold;
    font-size: 10px;
}
div#private {
    background-color: #9c27b0bd;
    padding: 4px;
    border-radius: 10px;
    color: #FFEB3B;
    font-weight: bold;
    border: 0;
}
#tip, #tip-heart, #cam-mic {
    padding: 4px;
    border: 0;
    background-color: #993e9d;
    border-radius: 10px;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
}
div#broadcast-container  {
    overflow-y: hidden;
}
div#hearts {
    background-color: transparent;
}
#messages>li.system {
    background-color: #8f007873 !important;
}
div#room-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
div#money {
    height: initial;
    padding-top: 7px;
}
#tip:after {
    content: "TIP";
}
#tip-heart:after {
    content: "HEART TIP";
}
div#cam-mic {
    overflow: initial;
    white-space: initial;
    text-overflow: initial;
    padding: 1px; 
}

#top-menu-app, #room-details, #money, #money-buttons {
    display: none !important;
}

#top-menu-app.show, #room-details.show, #money.show, #money-buttons.show {
    display: initial !important;
}


div#menu {
    background: none;
}
div#x {
    position: absolute;
    right: 0;
}
#messenger.landscape-video div#viewer-container video {
    object-fit: contain;
}