html
{
    background: black;
}

html, input {
    font-family: larger Lato, Roboto, sans-serif;
}


.streamer-profile-display-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 900px;
    height: 100%;
    background-color: #00000075;
    z-index: 99;  
}



.videos-pages-num {
    color: white;
}

.videos-pages-num, .videos-pages-next, .videos-pages-prev {
    border-style: solid;
    border-width: 1px;
    border-color: #f6b90c;
    margin: 5px;
    padding: 5px;
    text-decoration: none;
}

.videos-pages-prev, .videos-pages-next {
    color: #f6b90c;
}


:root {
    --link: #f6b90c;
}

#ip2catclips {
    display: flex;
}

#ip2catclips > p {
    margin: unset;
}


.videos-pages {
    display: flex;
    width: 370px;
}

#page-selected {
    background-color: #f6b90c;
    color: black !important;
    border-style: none !important;
}

.videos-pages-nums {
    display: flex;
    margin-left: 15px;
    margin-right: 15px;
}


.videos-items {
    background-color: #2d2d2d;
}

.videos-vid:nth-child(2n+0) {
    background-color: #171717;
}

.videos-vid {
    display: flex;
    margin: 5px;
    background-color: #212121;
    border-width: 2px;
    border-style: solid;
}
.videos-vid > * {
    color: white;
}

.videos-vid-details {
    display: flex;
}

.tp-cat-aside {
    font-family: Corbel !important;
    padding-top: 5px;
    text-transform: uppercase;
    color: gray;
    position: absolute;
    font-size: 24px;
    font-weight: lighter;
}

.videos-vid-title {
    color: #b892ff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    padding-top: 10px;
}



.status-message-container {
    width: 100%;
    position: fixed;
    bottom: 25px;
    left: 0;
    height: fit-content;
    text-align: center;
    z-index: 1000;
  
}


.status-message {
    background: #2a2a2a;
    color: white;
    border-radius: 25px;
    box-shadow: 0px 1px 10px #00000075;
    padding: 15px;
}


.embed-link {
    display: none;
}


.media-container-bottom {
    width: fit-content;
    margin: auto;
}


.close-embed-msg {
    color: white;
    display: block;
    height: fit-content;
    position: relative;
    top: 5px;
}



.button-embed-media::before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB2aWV3Qm94PSIwIDAgMzAgMzAiIHdpZHRoPSIzMHB4IiBoZWlnaHQ9IjMwcHgiPjxwYXRoIGQ9Ik0gMjMgMyBBIDQgNCAwIDAgMCAxOSA3IEEgNCA0IDAgMCAwIDE5LjA5Mzc1IDcuODM1OTM3NSBMIDEwLjAxMTcxOSAxMi4zNzY5NTMgQSA0IDQgMCAwIDAgNyAxMSBBIDQgNCAwIDAgMCAzIDE1IEEgNCA0IDAgMCAwIDcgMTkgQSA0IDQgMCAwIDAgMTAuMDEzNjcyIDE3LjYyNSBMIDE5LjA4OTg0NCAyMi4xNjQwNjIgQSA0IDQgMCAwIDAgMTkgMjMgQSA0IDQgMCAwIDAgMjMgMjcgQSA0IDQgMCAwIDAgMjcgMjMgQSA0IDQgMCAwIDAgMjMgMTkgQSA0IDQgMCAwIDAgMTkuOTg2MzI4IDIwLjM3NSBMIDEwLjkxMDE1NiAxNS44MzU5MzggQSA0IDQgMCAwIDAgMTEgMTUgQSA0IDQgMCAwIDAgMTAuOTA2MjUgMTQuMTY2MDE2IEwgMTkuOTg4MjgxIDkuNjI1IEEgNCA0IDAgMCAwIDIzIDExIEEgNCA0IDAgMCAwIDI3IDcgQSA0IDQgMCAwIDAgMjMgMyB6Ii8+PC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 15px;
    position: relative;
    top: 9px;
    filter: invert();
}



.button-legacy-watchHere::before {
    content: '';
    background-image: url('data:image/jpeg;base64,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');
    background-size: contain;
    background-repeat: no-repeat;
    padding: 15px;
    position: relative;
    top: 9px;
}



.returnToPopoutMedia {
    content: '';
    background-image: url('data:image/jpeg;base64,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');
    background-size: contain;
    padding: 9px;
    margin: 25px;
    filter: invert();
    background-repeat: no-repeat;
    float: right;  
}



.button-embed-media, .button-legacy-watchHere {
    padding: 5px;
    background: linear-gradient(#4a4a4a,#202020);
    border: unset;
    color: white;
    font-weight: bold;
    margin: auto;
}




.post-img-full {
    width: 100%;
    height: 75vh;
    object-fit: contain;
}


.videos-vid-thumb-container, .videos-vid-aside, .top-post-container {
    padding: 10px;
}


.nsfw {
    filter: blur(5px);
}


.title-nsfw-warn::before {
    content: '18+';
    background-color: rgb(40, 40, 40);
    color: white;
    margin-right: 15px;
    padding: 5px;
  
}


.videos-vid-thumb {
    width: 125px;
    height: 75px;
    border-style: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}


.videos-vid-stats {
    margin-right: 15px;
}


.videos-vid-created {
    color: #c1c1aa;
    margin: unset;
}

.videos-vid-created, .videos-v-author {
    font-size: 16px;
}

.videos-vid-author::before {
    background-image: url('img/ui/author.png');
    top: 7px;
}

.videos-vid-author {
    font-weight: bold;
    margin-left: 5px;
    color: #f6b90c;
    text-decoration: none;
    max-width: 250px;
}

.videos-vid-votes::before {
    background-image: url('img/ui/upArrow.svg');
    top: 5px;
}

.videos-vid-replies::before {
    background-image: url('img/ui/discuss.svg');
}





.videos-vid-mov {
    background-color: black;
    object-fit: cover;
    border-style: none;
}

.videos-vid-votes::before, .videos-vid-replies::before {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    padding: 10px;
    margin-right: 5px;
    filter: invert();
    position: relative;top: 8px;
}

.videos-vid-votes {
    font-weight: bold;
}

.videos-vid-votes, .videos-vid-replies {
    margin-left: 15px;
    width: 50%;
    text-align: center;
}

.videos-vid-replies-mini {
    margin: unset;
}




.streamer, .offlineStreamer {
    text-decoration: none;
}



.sep {
    width: 1px;
    background-color: white;
    margin-left: 10px;
    margin-right: 10px;
}



.streamer, .offlineStreamer, .section-content {
    border-color: #8080804d;
    border-style: solid;
    border-width: 1px;
    transition: border-color .1s ease-in;
}



a:link, a:visited, a:hover, a:active {
  color: none;
}



.offlineStreamer {
    padding: 5px;
    margin-bottom: 10px;
    display: flex;
}


.offlineStreamer > .pfp-wrapper > .streamer-pic {
    filter: grayscale();
    scale: 1;
}


.offlineStreamer:hover {
    cursor: pointer;
}


.newStreamerForm {
    margin-top: 15px;
    background-color: #0f0f0f;
    border-color: #eb133f;
}



.section-content > form {
    text-align: center;
}


label {
    text-align: right;
    display: inline-block;
    padding-right: 5px;
}


@font-face {
    font-family: nums;
    src: url("fnt/dsdigi.ttf");
}



@keyframes flash {
    from {
        color: white;
        text-shadow: 0 0 20px #ffffff;
    }
    to {
        color: rgb(255, 0, 0);
        text-shadow: 0 0 20px #ed0000;
    }
}









.entry {
    display: flex;
    height: 35px;
    padding: 5px;
    background: linear-gradient(90deg, #0000,#fb3d3d29, #0000);
    margin-bottom: 15px;
}


input[type="button"], input[type="submit"]:not(.hideUserBtn):not(.watchHereBtn):not(.contextMenuItem), button[type="button"]
{
    background: linear-gradient(#eb133f,#910d27);
    border-style: none;
    color: white;
}

#clr {
    width: 35px;
}
#nameRef {
    width: 125px;
}


label[for="lsList"]
{
    margin-bottom: 5px;
    margin-top: 15px;
}



input, select, textarea, .nvlink, .peakVwrs {
    color: white;
    cursor: pointer
}


input:not(.hideUserBtn):not(.contextMenuItem):not(.watchHereBtn), select, textarea {
    background: none;
    padding: 5px;
    margin-right: 5px;
    margin-top: 5px;
    border-style: none;
    border-bottom-style: none;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-color: #eb133f;
}



.fieldOption {
    width: 50px;
    height: 50px;
    margin-left: 570px;
    font-size: 50px;
    background: none !important;
    border-style: none !important;
    color: white;
}


#lsList, #socials-list {
    font-size: 15px;
    width: 75%;
    height: 384px;
    border-style: solid;
    border-width: 2px;
}


.siteMenu {
    display: inline;
}

.siteMenuButton {
    fill: #000;
    height: 45px;
    float: right;
    position: relative;
    right: 15px;
    top: 25px;
}

.siteMenuOptions {
    text-align: right;
}

.siteMenuOption {
    color:#eb133f;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 15px;
    cursor: pointer;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}


.siteMenuOption:Hover {
    color: white;

}



.section {
    color: white;
}

.section-title
{
    margin-left: 25px;
    margin-right: 25px;
    font-size: 30px;
    color: #fff;
    font-weight: lighter;
    text-align: center;

}

.section-content, .footer-links
{
    background-color: #252525;
    padding: 15px;
}

.footer-text > span {
    color: #535353;
}

.refresh-duration {
    font-weight: bold;
}
.refresh-duration::before {
    content: '';
    background-image: url('img/ui/clock.svg');
    padding: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 9px;
    margin-right: 5px;
    filter: invert();
}



.announcement {
    padding: 5px;
    color: black;
    background: #f6b90c;
    font-weight: bold;
    text-align: center;
}



.ban-notice {
    color: #ec2121;
    font-weight: bold;
    display: none !important;
}


@keyframes slideFromRt {
    from {
        opacity: 0;
        left: 50%;
    }
    to {
        opacity: 1;
        left: 0%;
    }
}


@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



.status-ok {
    background-color: rgb(41, 172, 4);
}

.status-err {
    background-color: rgb(172, 4, 4);
}


.sd-open {
    opacity: 1;
    animation: .25s ease-out 0s 1 fadeIn;
}

.sd-close {
    opacity: 0;
    transition: opacity .25s ease-out;
}

#statusDialog {
    z-index: 3;
    border-style: none;
}



.closeWatchHere {
    cursor: pointer;
    color: white;
    float: right;
    font-weight: bold;
    padding: 25px;
}


.watchHerePanel {
    background: repeating-linear-gradient(45deg,#060606,#060606 10px,#0d0d0d 10px,#0d0d0d 20px);
    padding-bottom: 15px;
}


.featuredTopPost, .fakeViewersNotice, .streamer-profile-name, .btn-secondary, .btn-primary, .platformCatLogo {
    user-select: none;
}





.popupDialog > span, .socialsForm > label, .socialsForm > h3, .popupDialog > h3, .popupDialog > form > *, .socialsForm > a {
    color: white;
}

.popupDialogOptions {
    display:flex;
    float: right;
}

.popupDialogOptions > * {
    cursor: pointer;
}

.popupDialogOptions > input {
    margin-top: unset;
}

.popupDialogOptions > #secondary {
    background: unset;
}


.streamerProfile, .popupDialog {
    z-index: 3;
    display: block;
    position: fixed;
    border-style: solid;
    border-width: 1px;
}


.streamer-profile-options > a {
    color: white;
    text-decoration: none;
}


.donate {
    display: grid;
}

.donate::before {
    content: '';
    filter: invert();
    background-image: url(img/ui/cash.png);
    padding: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 10px;
    margin-right: 5px;
}

.donate > span:nth-child(1) {
    font-weight: bold;
}



.streamer-thumb-full > a {
    float: right;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    font-size: 25px;
    text-shadow: 0px 0px 3px black;
}



.streamer-profile-options {
    display: block;
}


.donate-source {
    font-weight: lighter;
}


.streamerProfile > article > div > h2 {
    color: #bfbfbf;
}


.secondary {
    border: unset !important;
    background-color: unset !important;
    color: white !important;;
    padding: 15px;
    font-weight: bold;
}


.primary-yellow {
    margin: auto;
    background-color: #f6b90c;
    padding: 15px;
    color: black !important;
    font-weight: bold;
}


.secondary-white {
    margin: auto;
    background-color: #ffffff;
    padding: 15px;
    color: black !important;
    font-weight: bold;
}


.popup-dialog, .primary-yellow, .secondary-white {
    border-radius: 5px;
}



.streamerProfile, .popupDialog, .popup-dialog {
    box-shadow: 0px 0px 25px #00000075;
}



.streamerProfile {
    color: white;
    background-color: #3B3B3B;
    border-style: none;
    position: absolute;
    top: 15%;
    opacity: 0;
    transition: opacity .125s ease-in;
}

.socials {
    display: flex;
    margin-left: 15px;
}



#soc-fb {
    background-image: url('img/ui/socials/facebook.svg');
}
#soc-tw {
    background-image: url('img/ui/socials/twitter.svg');
}
#soc-ig {
    background-image: url('img/ui/socials/instagram.svg');
}


.socialMediaItem {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    filter: invert();
    width: 25px;
    height: 25px;
    position: relative;
    top: 23px;
}


.streamerProfile > * {
    font-weight: normal;
}


.streamerProfile > section > .streamer-thumb-full {
    width: 348px;
    height: 348px;
    background-size: contain;
    background-repeat: no-repeat;
}



#settings-page-network > div > .items > .item {
    display: grid;
    width: fit-content;
    margin-right: 15px;
    cursor: pointer;
    padding: 10px;
}
#settings-page-network > div > .items > .item > span {
    text-align: center;
    margin-top: 10px;
}


#settings-page-streamer-settings > div > .list {
    display: grid;
    max-height: 250px;
    overflow-y: scroll;
}
#settings-page-streamer-settings > div > .list > .hidden-item {
    margin-top: 5px;
}
#settings-page-streamer-settings > div > .list > .hidden-item > .name {
    line-height: 2;
}




.list-banlist {
    height: 175px;
    overflow-y: scroll;
    box-shadow: 0px 0px 3px #00000080;
    padding: 10px;
}


.list-banlist > .itm {
    color: rgb(193, 193, 193);
    display: flex;
}

.list-banlist > .itm > .rt {
    margin-left: auto;
}

.media-container {
    height: 100%;
}


.media-container > img {
    object-fit: contain;
    height: 90%;
    width: 90%;
}



.popupDialog { /* legacy popup dialog */
    border-color: #3a3a3a;
    width: 25%;
    top: 35%;
    background-color: #252525;
}


#tb-search-banned {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAApVBMVEVHcExERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERknHraAAAANnRSTlMA8QZpZjkkFQH9JdPn0qnQznrG6Yf46IbJ96IHnJvDo/Dg3/PZGdwiTlHLzHl4SUeTFhuKHQg0+spwAAAAeklEQVQY02NgIAZwsAiIikmxIfh8ZhLissqMrDABFjNBDgYGdRUlaagAvxCY0jfThApIioApUzNdqICwDJgyMWOGCsgrqIIoY04uqAAbo5oek5EBJ48hzBpWRTMzM04eM252mAiThg4zFzsvkggYAEW0UL3Ari1HjE8BhAEIa2lFHwgAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 16px;
    position: relative;
    background-position-y: 6px;
}



#streamer-profile-display {
    display: flex;
}

#streamer-profile-display > *, .streamer-profile-username {
    color: white;
}

.streamer-profile-username {
    text-align: center;
    font-weight: bold;
}


.streamer-profile-pic > img {
    max-width: 25vw;
}


.settings-menu  {
    padding: unset !important;
}
.settings-menu > div {
    display: flex;
}
.settings-menu > div > .side {
    width: 25%;
    border-right: 1px solid #3a3a3a;
}

.settings-item {
    cursor: pointer;
}

.settings-page {
    height: 100%;
    padding: 10px;
}

.settings-page > .title {
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.page-width-toggle::before {
    content: '';
    background-image: url('img/ui/cfg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    padding: 12px;
    position: relative;
    top: 8px;
    margin-right: 5px;
    filter: invert();
}

.settings-simple-btn {
    background-color: #00000045;
    border: 1px solid #ffffff50;
    color: white;
    padding: 15px;
}

.settings-simple-btn2 {
    background-color: #00000045;
    border: 1px solid #ffffff50;
    padding: 5px;
    color: white;
}


.settings-menu > div > .side > span > .close {
    padding: unset;
    margin: unset;
    margin-left: 10px;
    cursor: pointer;
}

.settings-menu > div > .side > span {
    display: flex;
    width: 100%;
    font-size: 18px;
    border-bottom: 1px solid #3a3a3a;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.settings-menu > div > .main {
    width: 75%;
}
.settings-menu > div > .side > ul {
    margin: unset;
    margin-bottom: 15px;
    list-style: none;
    font-weight: bold;
    font-size: 12px;
    padding-top: 5px;
    padding-left: 10px;
    width: 100%;
}
.settings-menu > div > .side > ul > li {
    margin-bottom: 15px;
}


.popup-dialog-container, .settings-menu-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0;
    background: #00000085;
}

.popup-dialog, .settings-menu {
    margin: 14% auto;
    background-color: #252525;
    border: 1px solid #3a3a3a;
    width: 50%;
    padding: 20px;
}



.errorMsg, .infoMsg, .okMsg {
    color: white;
}

.errorMsg::before, .infoMsg::before, .okMsg::before {
    filter: invert();
}

.errorMsg::before {
    content: url("img/ui/error.svg");
    position: relative;
    top: 5px;
    padding-right: 5px;
}


.okMsg::before {
    content: url("img/ui/checkmark.svg");
    position: relative;
    top: 5px;
}

.mv-div {
    margin: 10px;
}

.mv-toolbar {
    display: flex;
    background-color: #1e1e1e;
    margin-bottom: 10px;
    height: 55px;
}

.mv-lower {
    display: flex;
}





.btnReloadMV {
    background: #313131;
    border-style: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
}


#mv-tip {
    text-align: center;
    width: 95%;
}


#mv-tip, .mv-stream {
    cursor: pointer;
}



.mv-video {
    background-color: black;
    border-style: none;
    width: 100%;
    height: 12vw;
}

.mv-item {
    box-shadow: 0px 0px 15px black;
}

.mv-vid-options {
    background-color: #161616;
    float: right;
}

.mv-vid-streamtitle {
    margin: unset;
    display: inline;
    color: white;
}

.mv-vid-options > button {
    color: white;
    background-color: unset;
    border-style: unset;
}

.mv-items {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr 1fr; 
    grid-template-rows: 1fr 1fr 1fr 1fr; 
    gap: 0px 0px; 
    grid-template-areas: 
      ". . . ."
      ". . . ."
      ". . . ."
      ". . . ."; 
}

.mv-ls-channel {
    color: white;
}

.mv-ls-desc {
    color: gray;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mv-stream {
    display: flex;
    margin: 5px;
    transition: background-color .05s ease-in;
}

.mv-stream:hover {
    background-color: #212121;
}

.mv-grid {
    width: 100%;
}


.mv-ls-avatar {
    height: 50px;
    margin-right: 5px;
}



.mv-vid-shuffle, .mv-vid-del {
    cursor: pointer;
}


.mv-side-div {
    background-color: #1e1e1e;
    margin-bottom: 10px;
    height: 55px;
}



.mv-streamlist {
    background-color: #161616;
    width: 275px;
    margin-right: 10px;
    padding: 1px;
}




.infoMsg::before {
    content: '';
    background-image: url("img/ui/info.svg");
    padding: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    position: relative;
    top: 8px;
}


.cAvatar {
    height: 50px;
    border-style: solid;
    border-width: 2px;
}



.stream-tags {
    margin-top: 5px;
}


.stream-tag {
    padding: 2px;
    border-radius: 5px;
    margin-right: 5px;
    font-size: 12px;
}


.stream-category {
    font-size: 12px;
}



.cStreamerInfo {
    display: block ruby;
}

.cStreamerInfo > div > p {
    padding-bottom: 5px;
}


.pfp-bg {
    background-image: url('');
}


.primaryYellow {
    background-color: #f6b90c;
    color: black;
    padding: 5px;
    margin-right: 10px;
}



#hideUserPromptAsk {
    padding-bottom: 5px;
    font-weight: bold;
}

.offline-list-show-more, #tploadMore {
    text-align: center;
    color: #f6b90c;
    font-weight: bold;
    padding: 10px;
    border-style: solid;
    border-color: #f6b90c;
    border-width: 1px;
    user-select: none;
}


.offline-list-show-more:hover, #tploadMore:hover {
    cursor: pointer;
    background-color: #f6b90c;
    color: black;
}




.experimental-links {
    margin-top: 15px;
}

.experimental-links > a {
    color: #f6b90c;
}



body {
    margin: 0;
}



/* desktop */

@media only screen and (min-width: 1024px) {
    
    body {
        margin: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .desktop-page {
        width: 66%;
        transition: width .25s ease-in-out;
    }


    .TopPostBox {
        width: 50%;
    }

    .TopPostBoxFrame {
        flex-direction: unset;
    }

    #fpSep {
        border-left-style: dashed;
    }


    .media-container > img {
        width: 50%;
    }

    .media-container > iframe {
        background: unset !important;
        margin: 6% auto;
        object-fit: contain;
        border: unset;
        width: 50%;
        height: unset;
        aspect-ratio: 16 / 9;
    }

}


/* mobile */

@media only screen and (max-width: 1024px) {

    .settings-simple-btn2 {
        background-color: #00000045;
        border: 1px solid #ffffff50;
        padding: 5px;
        color: white;
        font-size: 30px;
    }

    .settings-page {
        height: 100%;
        padding: 10px;
        font-size: 30px;
    }

    .popup-dialog {
        margin: 50% auto !important;
        background-color: #252525;
        border: 1px solid #3a3a3a;
        width: 50%;
        padding: 20px;
        font-size: 22px;
    }


    .settings-menu > div > .side > span {
        display: flex;
        width: 100%;
        font-size: 28px;
        border-bottom: 1px solid #3a3a3a;
        margin-bottom: 15px;
        padding-top: 25px;
        padding-bottom: 50px;
    }


    .selected-platforms > .list > .bottom-options > .ok {
        font-size: 30px;
    }

    .settings-menu > div > .side > ul > li {
        margin-bottom: 30px;
    }

    .settings-menu > div > .side > ul {
        margin: unset;
        margin-bottom: 22px;
        list-style: none;
        font-weight: bold;
        font-size: 28px;
        padding-top: 5px;
        padding-left: 10px;
        width: 100%;
    }


    .settings-menu {
        background-color: #252525;
        border: 1px solid #3a3a3a;
        width: 100%;
        height: 100%;
        margin: unset !important;
    }
    .settings-menu > div {
        display: flex;
        height: 100%;
    }


    .selected-platforms > .list {
        width: 100%;
        display: block;
    }

    .selected-platforms > .list > * {
        font-size: 30px;
    }


    .videos-vid-title {
        font-size: 4vw;
        text-align: left;
    }
    .videos-vid-details > * {
        font-size: 3vw;
    }
    .videos-vid-thumb {
        width: 15vw;
        height: 7vh;
    }


    .media-container > iframe {
        background: unset !important;
        margin: 25% auto;
        object-fit: contain;
        border: unset;
        width: 90%;
        height: unset;
        aspect-ratio: 16 / 9;
    }



    #nv-widen {
        display: none;
    }


    .desktop-page {
        width: unset !important;
    }


    .fakeViewersNotice {
        display: none;
    }

    #fpSep {
        border-left-style: none;
    }

    .TopPostBoxFrame {
        flex-direction: column;
    }

    .TopPostBox {
        width: unset;
    }
}





.fakeViewersNotice {
    padding-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 27%;
    font-size: .5vw;
}

.fakeViewersNotice > a {
    color: #ffd52e;
}

.fakeViewersNotice > img {
    height: 10px;
}


.streamer:hover {
    border-color: #ffffff75;
}



.peakVwrs::before {
    content: url("img/ui/peak.svg");
    filter: invert();
    padding-right: 5px;
    position: relative;
    top: 2px;
}


.peakVwrs {
    font-weight: bold;
    text-align: right;
    padding-top: 15px;
    padding-right: 5px;
}



.peakVwrsDetails {
    display: none;
    width: 6%;
}



.text-list > span {
    display: block;
    margin-bottom: 15px;
}
.text-list > a {
    color: f6b90c;
}

.footer-links > center > a {
    margin-right: 15px;
    color: gray;
    text-transform: uppercase;
    text-decoration: none;
}

.footer-links > center > a:hover {
    color: white;
}


.last-refresh {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #252525;
    color: white;
    padding: 5px;
    border-top-left-radius: 5px;
}



.refresh-status {
    position: fixed;
    width: 100%;
    height: 25px;
    z-index: 3;
    bottom: 0;
    right: 0;
    padding: 0;
    border-style: none;
    background: unset;
}

.refresh-status > div {
    padding: 5px;
    background-color: #f6b90c;
    width: 125px;
    float: right;
    font-weight: bold;
    font-size: 85%;
}



.joinCommunity::before {
    content: '';
    background-image: url("https://img.scored.co/community/ip2always-icon-32x32.png");
    padding-right: 30px;
    background-repeat: no-repeat;
}



.btlogo {
    font-weight: bold;
    color: #1180ad;
}



.streamer {
    display: flex;
    padding: 4px;
    margin-top: 10px;
    background-color: #1b1b1b;
    position: relative;
    left: 0%;
}



.tp-nsfw-warning {
    font-size: 12px;
}



.streamerDetails {
    width: 100%;
    text-decoration: none;
    display: flex;
    padding: 5px;
}

.streamViewCountDetails {
    display: flex;
}

.streamViewCount {
    text-align: right;
}

.oldViewCount {
    text-decoration: line-through;
    color: #fff3;
}

.streamViewCount, .oldViewCount {
    padding: 1px;
    padding-right: 15px;
}

.vwrIcon::before {
    content: '';
    background-image: url("img/ui/peak.svg");
    filter: invert();
    padding: 8px;
    background-repeat: no-repeat;
    position: relative;
    top: 10px;
    margin-right: 5px;
}


.streamer:nth-child(2n+0), .offlineStreamer:nth-child(2n+0)
{
    background: #252525;
}



.pfp-wrapper {
    height: 70px;
}



.streamer-pic-container {
    width: 70px;
}


.streamer-pic {
    width: 70px;
    height: 70px;
    background-size: contain;
    scale: 1;
}



.disabled {
    opacity: .5;
}



.online-list, .offline-list {
    width: 100%;
    border-collapse: collapse;
}


.offline-list {
    margin-top: 25px;
}



.online-item, .offline-item {
    background-color: #202020;
    /* border: 1px solid #8080804d; */
}


.online-item > td > .url, .offline-item > td > .url {
    text-decoration: none;
}


.online-item:hover, .offline-item:hover {
    box-shadow: 0px 1px 3px #00000091;
}


.online-item:nth-child(2n), .offline-item:nth-child(2n) {
    background-color: #252525;
}




.watch-here-btn {
    opacity: .25;
    background-image: url("img/ui/eye.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin: auto;
}


.hide-streamer-btn {
    opacity: .25;
    background-image: url("img/ui/cross.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin: auto;
}


.hide-streamer-btn-container:hover, .watch-here-btn-container:hover {
    box-shadow: 0px 1px 3px #00000091;
}

.hide-streamer-btn-container:hover .hide-streamer-btn, .watch-here-btn-container:hover .watch-here-btn {
    opacity: 1;
}





.hide-streamer-btn-container {
    width: 50px;
}


.watch-here-btn-container {
    width: 50px;
}



.viewer-count {
    list-style: none;
    margin: unset;
    width: fit-content;
    display: flex;
    padding-left: unset;
    float: right;
    margin-right: 15px;
}



.viewer-count > .actual {
    color: white;
    font-weight: bold;
    margin-left: 15px;
}


#tip-current-vwrs {
    font-weight: normal !important;
}


.platform-category {
    z-index: 1;
}


.platform-category > td > div {
    margin-bottom: 25px;
    margin-top: 25px;
    padding-bottom: 5px;
    border-bottom: 2px solid red;
}



.platform-logo {
    text-align: center;
}



.platform-category > td > div > .platform-logo > span {
    position: relative;
    bottom: 3px;
    color: #b2b2b2;
    margin-left: 3px;
}



.platform-category > td > div > .platform-logo > img {
    height: 25px;
}


#tip-time-until-ref > ul {
    padding: unset;
    list-style: none;
}


#nv-ref:hover #tip-time-until-ref {
    display: block;
}

.viewer-count > .actual:hover #tip-current-vwrs {
    display: block;
}
.viewer-count > .botted:hover #tip-botted-vwrs {
    display: block;
}

.chatbotter-badge:hover ~ #tip-botted-chat {
    display: block;
}

.hide-streamer-btn-container:hover #tip-hide-streamer {
    display: block;
}
.watch-here-btn-container:hover #tip-watch-prev {
    display: block;
}


.viewer-count > .botted > span {
    color: gray;
    text-decoration: line-through;
}



.viewer-count > .botted::before {
    content: '';
    background-image: url("img/ui/robot.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 14px;
    margin-right: 5px;
    position: relative;
    top: 4px;
  
}


.viewer-count > .actual::before {
    content: '';
    background-image: url("img/ui/peak.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 10px;
    filter: invert();
    position: relative;
    top: 10px;
    margin-right: 5px;
}


.viewer-count > .botted, .viewer-count > .actual {
    float: right;
}



.loading-icon {
    background-image: url('https://i.imgur.com/WN5XgjN.png');
    background-size: contain;
    background-repeat: no-repeat;
}


.loading-icon {
    margin: 15% auto;
    padding: 75px;
    width: 25px;
    height: 25px;
}




.loading-icon-container {
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000050;
    transition: display 0s, opacity 0.5s linear;
}




.stream-usr {
    display: flex;
}


.stream-usr.offline.banned {
    text-decoration: line-through;
    text-decoration-color: red;
}


.stream-usr.offline:not(.banned) > span {
    color: rgb(145, 145, 145);
}



.stream-usr > span {
    color: white;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 18px;
}

.stream-title {
    color: lightgray;
    width: 100%;
    overflow: hidden;
    text-overflow: clip;
    position: relative;
    top: 5px;
    height: 20px;
}



.online-item > td > .url, .offline-item > td > .url {
    position: relative;
    bottom: 5px;
}



.stream-details-1 {
    list-style: none;
    padding-left: 5px;
    margin: unset;
}




.platform-bar {
    border-left-style: solid;
    border-left-width: 3px;
    border-color: white;
}



.nextRefreshTime {
    float: right;
    position: relative;
    right: 25px;
    cursor: pointer;
    filter: invert();
    scale: .75;
}


.robotIco {
    position: relative;
    height: 43px;
    top: 10px;
}



.updootsArea {
    margin-right: 15px;
    text-decoration: none;
}

.upArrow {
    height: 25px;
    filter: invert();
    padding-top: 5px;
}
.updoots {
    text-align: center;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.TopPostDetails {
    margin-left: 15px;
}

.TopPostTitle {
    display: block;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
}

.TopPostAuthor {
    display: flex;
    text-align: left;
}


.joinCommunity {
    display: flex;
    color: white;
    background: linear-gradient(#8736a4,#4c0366);
    margin: 15px;
    text-decoration: none;
    box-shadow: 0px 0px 5px black;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0px 1px 4px black;
    font-size: 1.4vw;
    padding: 5px;
    text-align: center;
}


.TopPostUsername {
    padding-left: 5px;
}

.TopPostComments {
    float: left;
}


.videos-v-author {
    margin: unset;
    margin-left: 5px;
}

.TopPostUsername, .TopPostComments {
    color: #9e80da;
    font-weight: bold;
    text-decoration: none;
}

.videos-v-author, .videos-vid-replies-mini {
    font-weight: bold;
    text-decoration: none;
}

.videos-v-author {
    color: #336699;
}
.videos-vid-replies-mini {
    font-weight: unset;
    font-size: 16px;
    color: #b892ff;
}

.TopPostUsername, .TopPostComments, .top-post-date {
    font-size: 14px;
}



.TopPostOpenBtn {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #0000005e;
    background-image: url('img/ui/eye.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
}




.TopPostPlayBtn {
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #0000005e;
    background-image: url('img/ui/play2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
}

.TopPostPlayBtn:hover, .TopPostOpenBtn:hover {
    opacity: 1;
    transition: opacity ease-in 0.125s;
}


.ul-adultwarn-title::before {
    content: '';
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEaElEQVR4nO2ay48VRRTGfyAw10CAucMIK2WWBIPsncQNKiOigxtBYGMw6ELA0ZUJ4CNxMRoXGhIW/AG4gKiAhLeT8EbwsZDnJCYqRh0w8THMiNLk6NfJyZ3unr63u+/tEL6kkttVp8+p6qo656tTF+7izkUV6AXeBfYAF4DrwKiK/T6vNpN5GminJKgAq4H9wL9AUGf5B9gHrALaWjGAe4FXgauuUyPAYWCjZmaevvhklXbVWdsm4IjeCd//EejTx2kKlgCDrgNngDXAjAZ0zQReAL5w+q4APRQI+1JbncGzwGM56l8MfOn0byliduao42bgL+Bl4J68jfC/zvXAsJvt2Xkp79J0B/I6D1I8FgAXZfOy+pAJnU7haWAWzUM7cFS2B7UqGkLFLafjwFSaj6nASbfMGtozW91ysmDXKnS4VWEOoG4XG27sZuyJNHtmWH0y75Y62IVxwrxTWbDBbf5US+w1FyeKcLGNYhLwlfpmg0pEm6iCCT9K+fCE+nZ1vFlZ5TxEGTHBedLnkgT3S8i4Uxq8AhyIqJ8GvCkqfwP4DTgFrNMSyYK16uPeOIGqaPVISgI4HfhJSj0q6rTV/wEMKA79rbpd+rJZAuUocDOun70yZFQ8CROBR4ATjuBFOYvTNQcnc6G/qu0psuHzJD3vqdHOE3Gw4PhnxAHJY7fqlka836+297ONgzekx/SNwR412hE0DgdqStRAdqmuO+L9jWp7J8FGEKGzFsvcMh2DS2q0U1xaRBl9SXXbIlz7N8CtmEEm6azFfMmYMxmDITUat0mLKKMWRLerfifwvLxgSP7ebkBnLWZJxvbcGIyqcQrpEWf0YefRfBmUo4jTE8QUImY3zBMUNpBlco0jYqvPAiuBjyRr2ZblRQ5kKIelZYTzZ9WZO6/FJrUNSTaNzrqXVh6bvVvP52LkKy6WdBe12XencL/jGX1czx8nvHNOMotS6kxyv58mBUSb/rSoNTpXz9/FcKo54l4m8wAFBcReNVoGMC2ivt5B1X1Ysw86HCk9RDYMJLCH/3hRSBotA9joQLo0I1b/C/AJsAO45k5492cYRNWRRiOukdgnY5bGTIOQqkR9lLeUOTQG/LvSoq8nGU+JF9XHz5KEVkrIjJYRE5yzWJEkaIHmBwmaByobnlTfvk9zDdHnYkHZkg9fq2920hwXFZfrtYRyWdCnPl2s51KoRy8N62TXaix08afuq4wt7gvUw7/yRqdctvXlg0YUVJQWCnSWaEUSe5pLZJzKcs/YKWIWJhPsuVmoAsdk+0oeFz5dbmptmT1Ec/bEZdm8JA6XC2a7ZTas3GvWRFsUJsk73XDL6b68jVScAwiUUO7JMWLbVUYYJ8KNXejd+2I37YFysWsb/BdDVdwppB2BllKet8Xjzs4GR2cCMVKj15t18Jkvtz1FpUOXRs9IZsDlCULasa5V/4BoU1Z8r44AQZ3lphKDK1o1gCjM0EGnXxnA80oyhH+qsd/f6njaL9mslP4uKCtuA6jcpHcUPg3lAAAAAElFTkSuQmCC);
    padding: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    filter: invert();
    position: relative;
    top: 9px;
    margin-right: 5px;
}


.ul-warning {
    margin: unset;
    padding: unset;
    list-style: none;
}


.TopPostImage {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    cursor: pointer;
    height: 100px;
    width: 19%;
}



.TopPostBox {
    animation: .5s ease-out 0s 1 fadeIn;
    margin-top: 5px;
}

#topPost, #topVid {
    margin: unset;
    margin-bottom: 5px;
}

#topPost::before, #topVid::before {
    filter: invert();
    content: '';
    display: inline;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin-right: 5px;
}

#topPost::before {
    background-image: url(img/ui/discuss.svg);
    padding: 8px;
    top: 10px;
}
#topVid::before {
    background-image: url(img/ui/cam.svg);
    padding: 13px;
    top: 10px;
}


.selected-platforms > .list > .bottom-options {
    text-align: center;
    border-top: 1px solid #151515;
}
.selected-platforms > .list > .list-items > .item,
.selected-platforms > .list > span,
.selected-platforms > .list > .bottom-options {
    padding: 10px;
}
.selected-platforms > .list > .list-items > .item {
    cursor: pointer;
}
.selected-platforms > .list > .bottom-options > * {
    cursor: pointer;
}
.selected-platforms > .list > .list-items > .item::before,
.selected-platforms > .list > .list-items > .item.selected::before {
    content: '';
    padding: 10px;
    border: 1px solid white;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-right: 15px;
}
.selected-platforms > .list > .list-items > .item.selected::before {
    background-color: #f6b90c;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAa0lEQVR4nO2SQQ6AIAwE5xMQfSI81x54Dl4wIYpBAzUeOmeYwnbBMF7igaApFyADcbbcAVuRJ2Ax+b9jCaURT9oinbMXYueiH5G3vr5qZN4a4mYv9ByFjMRyR/3qrFHFekjSkB/4mbEY37MDq8wwEEHSl/sAAAAASUVORK5CYII=");
    background-size: contain;
    background-repeat: no-repeat;
}

.selected-platforms {
    width: 100%;
}
.selected-platforms > .list-container {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
}

.selected-platforms, .selected-platforms > .btn-container > button {
    color: white;
    background-color: unset;
}
.selected-platforms > .btn-container > button {
    border: 1px solid #4a4a4a;
    padding: 10px;
    padding-right: 25px;
}
.selected-platforms > .btn-container {
    width: fit-content;
    background-color: unset;
}
.selected-platforms > .btn-container > button::after {
    content: '';
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAvklEQVR4nO3RwQqDMBCE4aGHYt92j75XD7ZPZxEUSsCmarKZ1flhbznMRwCllFJKKeXZDSfYeAfwBNCDNwPwAvDIIcb5elLEON97DZNC2DCWbJsg3dpjVoxtQbBibA+CDWNHECwYK4FojbGSiFYYq4HwxlhNhBfGBVEb44qohWmCKI1piiiFoUAcxVAh9mIoEVsx1Ih/MSEQOUwoxNI0cEiGf98QAfHrZ8L8RA4TEpFiQiOWujMglFJKKaWu3AfcdLEudXvTswAAAABJRU5ErkJggg==');
    background-size: contain;
    background-repeat: no-repeat;
    padding: 5px;
    filter: invert();
    position: relative;
    top: 9px;
    left: 10px;
}



.selected-platforms > .list > .item::before, .streamer, .offlineStreamer, .TopPostBoxFrame, .mv-stream, .mv-streamlist, .mv-items, .btnReloadMV, .streamerProfile,
.streamer-thumb-full, .popupDialog, .clipBtn, .tip, .tooltip, .watchHereBtn, .hideUserBtn, .contextMenu,  button, input[type="submit"]:not(.contextMenuItem) {
    border-radius: 5px;
}


#hidden-streamers-notice {
    font-weight: normal;
    text-align: right;
}


.featuredTopPost {
    color: white;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.TopPostBoxFrame {
    width: 100%;
    border-style: none;
    display: flex;
}


.vidPlaceholder {
    background-image: url('img/ui/vid.svg') !important;
    filter: invert();
}

.ip2Placeholder {
    background-image: url('https://img.scored.co/community/ip2always-icon-192x192.png') !important;
}


.streamer-profile-name {
    opacity: 0;
    transition: opacity ease-in 0.125s;
}

.streamer-profile-name:hover {
    opacity: 1;
}


.streamer-profile-name {
    display: block;
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.5),transparent);
    height: 100%;
    font-weight: bold;
    overflow: clip;
}


.streamer-thumb-small{
    background-size: cover;
    background-repeat: 100%;
    line-height: 2;
    text-indent: 10;
    cursor: pointer;
    filter: grayscale();
    width: 150px;
    height: 150px;
    color: white;
    text-shadow: 0px 1px 2px black;
}

.streamer-thumb-small:hover {
    filter: unset;
}


.streamer-profile {
    position: relative;
    margin: 5px;
    box-sizing: border-box;
}



.streamers-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}




.contextMenu {
    position: absolute;
    z-index: 3;
    padding: unset;
    border-style: solid;
    border-width: 1px;
    color: white;
    border-color: #8080804d;
    background-color: #1b1b1b;
    padding: 5px;
}

.contextMenu > form {
    padding: unset;
    margin: unset;
}


.contextMenuItem {
    background: none;
    border-style: unset !important;
    font-size: 18px;
}

.contextMenuItem:hover {
    background-color: #515151;
}


.tooltip {
    display: none;
    user-select: none;
    z-index: 3;
    position: absolute;
    border-style: none;
    padding: 5px;
    color: white;
    background: #3B3B3B;
    animation: .125s ease-out 0s 1 fadeIn;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22); 
}


.tip {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    border-style: none;
    padding: 5px;
    color: white;
    background: #3B3B3B;
    animation: .125s ease-out 0s 1 fadeIn;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
}


.tipNxtRefreshTime {
    right: 13.5%;
    margin-top: -30px;
}


.quote-left {
    height: 15px;
    opacity: 0.75;
    padding-right: 5px;
}


.topPostAction {
    color: #cbcbcb;
    text-decoration: none;
    margin-right: 10px;
    padding-top: 5px;
    display: inline-block;
}


.streamerEntryVerticalLn {
    width: 3px;
    height: 50px;
    background: white;
}


.streamer-name, .offlineStreamer, .streamer-pic, .watchHereBtn, .hideUserBtn {
    transition: all .1s ease-in;
}


.streamer-name
{
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.last-online {
    margin-left: unset !important;
}



.streamDesc {
    color: lightgray;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-small);
}


.streamer-platform
{
    color: gray;
    font-weight: lighter;
}

.btn-secondary, .btn-primary
{
    color: #fff;
    float: right;
    text-decoration: none;
    text-align: center;
    border-color: #bb0606;
    box-shadow: 0px 0px 5px #00000080;
    display: block;
    padding: 15px;
    box-sizing: border-box;
    cursor: pointer;
    border-style: solid;
    border-width: 2px;
    margin-left: 10px;
    background: none;
}

.btn-primary {
    background-color: #bb0606;
}


.youtube::after {
    content: url("img/ui/platform/youtube.png");
    padding-left: 10px;
}
.kick::after {
    content: url("img/ui/platform/kick.png");
    padding-top: 14px;
    padding-left: 10px;
}
.twitch::after {
    content: url("img/ui/platform/twitch.png");
}

.youtube::after, .kick::after, .twitch::after {
    position: absolute;
    filter: grayscale();
}



.error::before {
    content: url("img/ui/error.png");
    margin-right: 5px;
}
.error {
    background: #700;
    color: white;
}



.chatbotter-badge {
    background-image: url(img/ui/chatbot.svg);
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(62%) sepia(78%) saturate(379%) hue-rotate(13deg) brightness(110%) contrast(105%);
    padding: 10px;
    margin-left: 5px;
}




.chat-bot-notice {
    color: #ffd52e;
    font-size: 10px;
    position: relative;
    top: 2px;
}

.chat-bot-notice::before {
    padding: 10px;
    content: '';
    filter: brightness(0) saturate(100%) invert(62%) sepia(78%) saturate(379%) hue-rotate(13deg) brightness(110%) contrast(105%);
    background-image: url('img/ui/chatbot.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    top: 6px;
    margin-right: 5px;
  
}


.watchHereVideo {
    border-style: none;
    width: 100%;
    height: 37vw;
}


.unsupportedPlatform {
    color: lightgray;
    font-weight: lighter;
}



.errorMessage {
    background-color: #700;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    cursor: pointer;
}


.clipBtn {
    cursor: pointer;
    background: none;
    overflow: hidden;
    width: 45px;
    opacity: 0.25;
    margin-right: 15px;
}

.clipBtn > img {
    filter: invert();
}

.clipBtn:hover {
    width: 80px;
    opacity: 1;
}


.cBeginClipping {
    width: 130px;
    margin: 5px;
    line-height: 0;
}

.watchHereBtn:hover {
    border-color: white;
}



.mv-vid-chat {
    background-image: url("img/ui/discuss.svg");
    color: transparent !important;
    background-size: contain;
    background-repeat: no-repeat;
    filter: invert();
}



a:hover {
    cursor: pointer;
}



.watchHereBtn, .hideUserBtn {
    cursor: pointer;
    background-color: #0d0d0d25;
    border-color: #3e3e3e;
    height: 25px;
    width: 25px;
    border-style: solid;
    border-width: 1px;
    margin-top: 20px;
    margin-right: 15px;
}

.hideUserBtn:hover {
    opacity: 1;
}

.watchHereBtn:hover {
    opacity: 1;
}

.hideUserBtn {
    opacity: .25;
    background-image: url("img/ui/cross.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.watchHereBtn {
    opacity: .25;
    background-image: url("img/ui/eye.svg");
    background-repeat: no-repeat;
    background-size: contain;
}


.clipperScreen {
    border-style: solid;
    border-width: 1px;
    border-color: #535353;
    height: 350px;
    width: 550px;
    background-color: black;
    margin-bottom: 5px;
}

.clipper-form {
    display: flex;
    background-color: #202020;
    border-left-style: solid;
    width: 50%;
    height: 35px;
    box-shadow: 0px 0px 15px #0000005e;
}

.clipper-form > input[type="text"], .clipper-form > input[type="number"] {
    width: 125px;
    background: none;
    border-style: solid;
    border-width: 1px;
    border-color: rebeccapurple;
    color: white;
}

.clipper-form > input[type="range"] {
    display: block;
    width: 75%;
    direction: rtl;
    margin-right: 5px;
}


.buttonPrimary {
    background: linear-gradient(#984de4,rebeccapurple);
}

.buttonPrimary, .button {
    width: 125px;
    height: 35px;
    border-style: none;
    box-shadow: 0px 0px 5px black;
    color: white;
    font-size: 15px;
    margin-right: 5px;
}

.button {
    background: none;
    border-style: solid;
    border-width: 1px;
    border-color: rebeccapurple;
}

.prevArea {
    height: 422px;
    background: #090909;
    margin: 15px;
}