#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1003;
    text-align: left;
}

#facebox .popup {
    position: relative;
    border: 3px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

#facebox .content {
    display: table;
    width: 370px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#facebox .content > p:first-child {
    margin-top: 0;
}
#facebox .content > p:last-child {
    margin-bottom: 0;
}

#facebox .close {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 2px;
    background: #fff;
}
#facebox .close img {
    opacity: 0.3;
}
#facebox .close:hover img {
    opacity: 1;
}

#facebox .loading {
    text-align: center;
}

#facebox .image {
    text-align: center;
}

#facebox img {
    border: 0;
    margin: 0;
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.facebox_hide {
    z-index: -100;
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 1002;
}

* {
    font-size: 100.01%;
}
html {
    font-size: 62.5%;
}
body {
    margin: 0;
    color: #494949;
    font:
        1.2em/1.4em "UbuntuRegular",
        Arial,
        Helvetica,
        sans-serif;
    background: #fff;
    overflow-y: scroll;
}
img {
    border-style: none;
}
a {
    text-decoration: none;
    color: #0c6a93;
}
a:hover {
    text-decoration: underline;
}
input,
textarea,
select {
    font:
        100% Arial,
        Helvetica,
        sans-serif;
    vertical-align: middle;
    color: #000;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
form .description {
    margin-bottom: 15px;
}
form #error_notice {
    background-color: #fffee9;
    border: 1px solid red;
    text-align: center;
    width: 80%;
    padding: 5px;
    margin: 30px auto 0px auto;
    color: red;
    font-weight: bold;
}
form #error_notice p {
    margin: 4px 0;
    padding: 0;
}
form > .fieldset-wrap {
    display: block;
    position: relative;
}
form > .fieldset-wrap > .field-wrap {
    display: inline-block;
    margin-right: 1em;
}
legend {
    display: block;
    color: #0c6a93;
    font-size: 1.266em;
    font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 10px 0px 10px 0px;
}
hr.light {
    border: 0; /* Reset borders */
    color: #989898;
    background-color: #989898;
    height: 1px;
}
.message,
.message.dismissible_notice,
#direct_deposit_warning,
.compliancemessage {
    background-color: #ffffd3;
    padding: 15px;
    border: 1px solid #ccc;
    margin: 5px 0 5px 0;
    text-align: center;
    font:
        1.2em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.message p,
.compliancemessage p,
#direct_deposit_warning p {
    margin: 0;
}
.message p,
.compliancemessage p {
    padding: 0 !important;
}
.compliancemessage.importantmessage {
    background-color: #ffd0b8;
}
.compliancemessage.successmessage {
    background-color: #bcf5a9;
}
.compliancemessage.debugmessage {
    background-color: #e4d0f5;
}
.cambouncernotes {
    background-color: #ffff00 !important;
}
.invalidatoralert {
    background-color: #f9bcfa;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.none {
    display: none;
}
.logo-zone {
    float: left;
    padding: 6px 0 0 15px;
}
.logo-zone strong {
    display: block;
    padding: 0 0 0 17px;
    font:
        0.833em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.logo-zone svg {
    width: 198px;
    height: 61px;
}
.logo {
    width: 210px;
    height: 65px;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    background: url(../../images/logo-standard.png?a401ab051e4c) no-repeat;
    box-sizing: border-box;
}
.logo a {
    height: 100%;
    display: block;
    position: relative;
}
.creat {
    color: #fff;
    font:
        1.66em/1.55em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    background: #f47321;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    padding: 6px 15px 0 15px;
    margin: 0 0 0 10px;
    right: 0;
    display: flex;
    float: right;
    position: relative;
    text-transform: uppercase;
}
.creat img {
    align-self: center;
    padding-left: 8px;
    height: 11px;
    width: 6px;
}
#main {
    width: 100%;
}
.top-section {
    padding: 8px 15px 0 15px;
    height: 1%;
    border-bottom: 1px solid #8bb3da;
    background: #e2e2e2 url(../../images/bg-top-block.gif?057b802f7fc7) repeat-x;
    font:
        1.25em/1.133em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.top-section_small_gfx {
    background: #e2e2e2 url(../../images/bg-top-block-small.gif?0437047d9c3a) repeat-x;
}
.top-section:after {
    content: "";
    display: block;
    clear: both;
}

.top-section h1 {
    margin: 0 0 14px;
    font-weight: normal;
}
.top-section .announcement {
    font-family: "Ubuntu", Arial, Helvetica, sans-serif;
}
.top-section p {
    margin: 0 0 14px;
}
.actions {
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 1%;
    top: 4px;
    float: right;
    font:
        0.667em/2.4em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.actions li {
    float: right;
    margin: 0 0 0 2px;
}
.actions li a {
    float: left;
    color: #f47321;
    border: 1px solid #8bb3da;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-bottom: 0;
    position: relative;
    padding: 0 13px 0 5px;
    background: #fceadb url(../../images/arrow-right.png?17e6f95d8e2a) no-repeat 95% 50%;
}
.actions li .prev {
    padding: 0 5px 0 13px;
    background: #fceadb url(../../images/arrow-left.gif?ce3332e1d85f) no-repeat 5% 50%;
}
.actions.no_arrow li a {
    background-image: none;
    padding: 0 5px 0 5px;
}
.content {
    padding: 11px 0 17px 0;
    overflow: hidden;
}
.content .c-1 {
    margin: 0 0 0 15px;
}
.content .c-1 .followers {
    font-weight: bold;
    margin: 8px 0px 5px 3px;
}
.content .c-1 .recorded {
    color: red;
    font-weight: bold;
    margin: 8px 0px 5px 3px;
}
.content .ad {
    clear: both;
    float: right;
    width: 186px;
    margin: 0 0 0 6px;
    border: 1px solid #acacac;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #e0e0e0;
    padding-bottom: 4px;
    text-align: center;
}
.content .ad img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 3px;
    margin-bottom: 3px;
}
.list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 1%;
}
.list .subject {
    height: 32px;
}
.list.show-location .subject {
    height: 16px;
}
.list .location {
    display: none;
}
.list.show-location .location:empty {
    visibility: hidden;
}
.list.show-location .location {
    display: block;
}
* html .list {
    padding-bottom: 7px;
}
* + html .list {
    padding-bottom: 7px;
    margin: 0;
}
.list li {
    width: 180px;
    background: #f0f1f1;
    float: left;
    position: relative;
    margin: 0 7px 7px 0;
    border: 1px solid #acacac;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    max-height: 222px;
    overflow: hidden;
}
.list img {
    display: block;
}
.list .details {
    padding: 4px 7px 0;
    text-align: left;
}
.list .title {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #acacac;
    display: flex;
}
.list .title a {
    float: left;
    color: #0c6a93;
    font:
        1.166em/1.142em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0.25em;
    flex-grow: 1;
}
.list .title .age {
    float: left;
    color: #575757;
    padding: 0 6px 0 0;
    font:
        1em/1.333em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}

.list .title .age_gender_container {
    float: right;
}

.list .title .genderf,
.list .title .genderm,
.list .title .genderc,
.list .title .genders,
.list .title .genderx {
    width: 14px;
    height: 14px;
    display: inline-block;
    float: left;
}
.list .title .genderf::before,
.list .title .genderm::before,
.list .title .genderc::before,
.list .title .genders::before,
.list .title .genderx::before {
    content: "\00a0";
}

.list .title .genderf {
    background: url(../../images/ico-female.svg?818c9c4c368f) no-repeat 100% 0;
    background-size: contain;
}
.list .title .genderm {
    background: url(../../images/ico-male.svg?251793534c73) no-repeat 100% 0;
    background-size: contain;
}
.list .title .genderc {
    background: url(../../images/ico-couple.svg?b74df354b80e) no-repeat 100% 0;
    background-size: contain;
}
.list .title .genders {
    background: url(../../images/ico-trans.svg?4984008acb01) no-repeat 100% 0;
    background-size: contain;
}
.list .title .genderx {
    background: url(../../images/ico-blank.png?c807e40114dc) no-repeat 100% 0;
    background-size: contain;
}
.likes,
.subject {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    color: #000;
}
.subject.one_line {
    height: 16px;
}
.likes li,
.subject li {
    width: auto;
    background: none;
    border: 0;
    margin: 0 !important;
    padding: 0 2px;
}
.likes li a,
.subject li a {
    /*color:#000;*/
}
.sub-info {
    list-style: none;
    margin: 0;
    padding: 0 0 4px;
    font-size: 0.8333em;
    color: #5a5a5a;
    overflow: hidden;
    height: 1%;
}
.sub-info li {
    width: auto;
    background: none;
    border: 0;
    padding: 0 0 0 18px;
    margin: 0 !important;
    position: relative;
    float: none;
    height: 1%;
    text-align: left;
}
.sub-info li.location {
    background: url(../../images/ico-01.png?5dccbc881a52) no-repeat 0 50%;
    width: 145px;
    height: 16px;
    overflow: hidden;
}
.sub-info li.cams {
    background: url(../../images/cam.svg?aee4a41ba664) no-repeat 0 50%;
    width: 145px;
    height: 15px;
    overflow: hidden;
}
.sub-info li.cams_opaque {
    opacity: 0;
}
.paging {
    list-style: none;
    margin: 0;
    padding: 8px 0 10px;
    overflow: hidden;
    height: 22px;
    text-align: center;
}
.paging li {
    display: inline-block;
    margin: 0 1px;
}
.paging li a {
    float: left;
    padding-left: 6px;
    padding-right: 6px;
    color: #f47321;
    text-align: center;
    font:
        1.166em/1.577em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    border: 1px solid #cecece;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #ededed;
}

* html .paging li {
    display: inline;
    margin: 0 3px;
}
* + html .paging li {
    display: inline;
    margin: 0 3px;
}
.paging li a:hover,
.paging li.active a {
    color: #6d6d6d;
    border: 1px solid #fff;
    text-decoration: none;
    background: none;
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
}
.paging li.active a {
    cursor: default;
}
.paging li a.prev,
.paging li a.prev:hover {
    text-indent: -9999px;
    border: 1px solid #f1d2bf;
    background: #fceadb url(../../images/arrow-left.gif?ce3332e1d85f) no-repeat 50% 50%;
    width: 11px;
}
.paging li a.next,
.paging li a.next:hover {
    text-indent: -9999px;
    border: 1px solid #f1d2bf;
    background: #fceadb url(../../images/arrow-right.gif?70f424c35037) no-repeat 50% 50%;
    width: 11px;
}

.darkmode li a.prev,
li a.prev:hover {
    background: #2a2c2e url(../../images/arrow-left_dm.svg?b9699c1795b0) no-repeat 50% 50%;
}

.darkmode li a.next {
    background: #2a2c2e url(../../images/arrow-right_dm.svg?2ab10858e309) no-repeat 50% 50%;
}

.banner {
    margin: 0 auto;
    text-align: center;
}
.banner img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.block {
    background: #e0e0e0;
    border: 1px solid #acacac;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 4px;
    overflow: hidden;
}
.block .section {
    overflow: hidden;
    margin: 0 0 5px;
    height: 514px;
}
.buttons {
    font:
        0.916em/19px "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    list-style: none;
    margin: 0 0 10px;
    padding: 3px 0 0 3px;
    overflow: hidden;
    background: #7f7f7f;
}
.buttons li {
    float: left;
    margin: 0 2px 0 0;
}
.buttons a {
    float: left;
    color: #4c4c4c;
    padding: 0 8px;
    margin: 0;
    position: relative;
    background: #c9c9c9;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
.buttons a:hover,
.buttons .active a {
    text-decoration: none;
    background: #fff;
    color: #f47321;
}
.buttons .active a {
    cursor: default;
}
.buttons img {
    display: block;
    margin: 2px 0 1px;
}

.color-g {
    color: #494949;
}

#leaderboard .number {
    width: 25px;
}
#leaderboard .image {
    width: 52px;
}
#leaderboard {
    color: #0c6a93;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
#leaderboard .points {
    color: #000;
    font-weight: normal;
    font-size: 12px;
}
#leaderboard .position_1,
#leaderboard .position_1 a {
    color: #f47321;
    font-weight: bold;
    font-size: 20px;
}
#leaderboard p {
    margin: 5px;
}
#leaderboard {
    border-collapse: collapse;
    width: 640px;
}
#leaderboard .unclaimed {
    color: #930a11;
    font-size: 15px;
    line-height: 44px;
}
#leaderboard td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
#leaderboard .time {
    width: 50px;
    text-align: center;
    font-size: 13px;
}
.leaderboard p {
    margin: 0px;
}
.content_body {
    padding: 0 19px 0 32px;
    font:
        1em/1.3em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.content .legal_text {
    font:
        1.1em/1.3em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.legal_text {
    font:
        1.1em/1.3em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.content_body h1 {
    margin: 0 0 14px;
    font:
        1.733em/1.0769em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    color: #f47321;
}
.content_body h2 {
    margin: 20px 0 14px;
    font:
        1.166em/1.142em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.content_body h3 {
    margin: 20px 0 14px;
    font:
        1.166em/1.142em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.content_body li {
    margin: 8px 0px 8px 0px;
}
.content_header {
    font:
        1.166em/1.142em "UbuntuRegular",
        Arial,
        Helvetica,
        sans-serif;
    line-height: 1.5em;
}
.content_header .standout {
    color: #f47321;
    font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
}
.content_header h1 {
    margin: 0px;
    font:
        1.733em/1.0769em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    color: #090;
}
.photopages,
#tabs_content_container,
.claim_winnings,
.contest_rules,
.leaderboard,
.previous_winners {
    margin: 15px;
}
.photopages .photos_links,
#tabs_content_container .sub_navigation {
    display: block;
    margin-bottom: 15px;
}
#tabs_content_container .sub_navigation span {
    color: #888;
}
#tabs_content_container .ubunturegular {
    font:
        1.2em/1.4em "UbuntuRegular",
        Arial,
        Helvetica,
        sans-serif;
}
#tabs_content_container .share_input {
    width: 375px;
}
#tabs_content_container h1 {
    font:
        1.2em/1.4em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    margin-bottom: 20px;
}
.endless_container {
    clear: both;
    display: block;
    margin-bottom: 15px;
}
.margintop_100px {
    margin-top: 100px;
}
.previous_winners h2 {
    color: #626262;
    font:
        1.45em "UbuntuBold",
        Arial,
        Helvetica,
        sans-serif;
    font-weight: normal;
}
.previous_winners .form strong {
    color: #000;
    font:
        1em "UbuntuBold",
        Arial,
        Helvetica,
        sans-serif;
    font-weight: normal;
}

/* fonts */
@font-face {
    font-family: "UbuntuRegular";
    src: url("../../fonts/ubuntur-webfont.eot?1188017abdc0");
    src:
        url("../../fonts/ubuntur-webfont.eot?&1188017abdc0#iefix") format("eot"),
        url("../../fonts/ubuntur-webfont.woff?896a82003cd1") format("woff"),
        url("../../fonts/ubuntur-webfont.ttf?37cf452b3f58") format("truetype"),
        url("../../fonts/ubuntur-webfont.svg?396700312810#webfontH0ji1hXa") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "UbuntuBold";
    src: url("../../fonts/ubuntub-webfont.eot?a870ebadce32");
    src:
        url("../../fonts/ubuntub-webfont.eot?&a870ebadce32#iefix") format("eot"),
        url("../../fonts/ubuntub-webfont.woff?6455d1004bc5") format("woff"),
        url("../../fonts/ubuntub-webfont.ttf?abee57aeee27") format("truetype"),
        url("../../fonts/ubuntub-webfont.svg?693d742037eb#webfontOIyUgfKw") format("svg");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "UbuntuMedium";
    src: url("../../fonts/ubuntum-webfont.eot?d8f8ba0da549");
    src:
        url("../../fonts/ubuntum-webfont.eot?&d8f8ba0da549#iefix") format("eot"),
        url("../../fonts/ubuntum-webfont.woff?a7fc63c36394") format("woff"),
        url("../../fonts/ubuntum-webfont.ttf?b720a4d699c2") format("truetype"),
        url("../../fonts/ubuntum-webfont.svg?c08a26c0b9c4#webfontl8qOUOft") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "UbuntuLight";
    src:
        url("../../fonts/ubuntul-webfont.eot?&e88fce520190#iefix") format("eot"),
        url("../../fonts/ubuntul-webfont.woff?ab8a55e7d148") format("woff"),
        url("../../fonts/ubuntul-webfont.ttf?107b250100bf") format("truetype"),
        url("../../fonts/ubuntul-webfont.svg?273b9d2d1b08") format("svg");
    font-weight: normal;
    font-style: normal;
}

.code {
    font-family: monospace;
    font-size: 14px;
    color: #0c6a93;
    word-break: break-all;
}
.data_table {
    border: 1px solid #ccc;
    color: #222;
    border-collapse: collapse;
    margin-bottom: 30px;
}
.data_table th,
.data_table td {
    border-right: 1px solid #ccc;
    padding-left: 4px;
    line-height: 20px;
}
.data_table th {
    background-color: #cccccc;
    text-align: left;
    color: #494949;
}
.data_table .altbg {
    background-color: #eeeeee;
}
.data_table .data_message {
    color: #666;
    font-weight: normal;
    word-break: break-all;
}
.table_tokens_earned {
    width: 275px;
}
.table_recent_tips {
    width: 675px;
    padding: 0px;
    margin: 0px;
}
.account_activity {
    width: 700px;
    height: 250px;
    overflow: auto;
}
.dismissible_notice {
    background-color: #ccc;
    padding: 3px;
    margin-bottom: 5px;
}
table.tabular th {
    font:
        1.1em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    border-bottom: 1px solid #cccccc;
    padding-right: 5px;
}
table.tabular tr:nth-child(even) {
    background: #dde9f5;
}
table.tabular tr:nth-child(odd) {
    background: #ffffff;
}
table.tabular tr td {
    padding: 3px;
    font:
        1.1em Arial,
        Helvetica,
        sans-serif;
}
.content_body ul.followers li {
    margin-left: 10px;
}
.content_body .frame {
    background-color: #fff;
}
div.warning-info {
    color: #808080;
}
div.warning {
    padding: 10px;
}
.searching-overlay {
    position: absolute;
    box-sizing: border-box;
    z-index: 1;
    background-color: #f1f2f2;
    opacity: 0.9;
    text-align: center;
    min-height: 30px;
}
.searching-overlay-spinner {
    height: 125px;
    animation-name: spin;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    margin-top: 200px;
    vertical-align: top;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.searching-overlay-spinner-medium {
    height: 75px;
    margin-top: 0;
    vertical-align: middle;
}
.searching-overlay-spinner-small {
    height: 50%;
    margin-top: 0;
    vertical-align: middle;
}
.searching-overlay-spinner-very-small {
    height: 100%;
    margin-top: 0;
}
.clearfix {
    content: "";
    clear: both;
    display: table;
}
.notice span {
    font-weight: bold;
    color: #ff0000;
}
.supportlink {
    font-size: 11px;
    text-align: center;
    color: #ffffff;
}
.supportlink a {
    font-weight: normal;
    text-align: center;
    color: #ccc;
    text-decoration: underline;
}
.upgrade_footer_text {
    text-align: center;
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
    margin-top: 40px;
}
.more_text_button {
    color: #0c6a93;
    margin-left: 5px;
    cursor: pointer;
}
.featured_text h1 {
    font:
        1.5em/1.2em "UbuntuBold",
        Arial,
        Helvetica,
        sans-serif;
}
.featured_text {
    padding: 11px 20px 0px 30px;
    font:
        1em/1em "UbuntuRegular",
        Arial,
        Helvetica,
        sans-serif;
}
.featured_text p {
    line-height: 16px;
}
div.big-photo h4 {
    margin-top: 2px;
    margin-bottom: 2px;
}
div.cambouncer_imgs .image {
    float: left;
    display: inline-block;
    margin: 5px;
}
div.premium_box > h2 {
    margin-left: 15px;
}
div.premium_box p.empty {
    margin-left: 30px;
    padding: 0;
}
.premium-desc {
    margin: 0 0 16px 0;
}
.footercon {
    line-height: 14px;
    width: 100%;
}
@media (max-width: 800px) {
    .footercon {
        text-align: left;
    }
}
.footercon dd {
    -webkit-margin-start: 0px;
}
.col1,
.col2,
.col3,
.col4,
.col5 {
    text-align: left;
    font-size: 12px;
    height: 155px;
    margin: 15px 0;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    width: fit-content;
}
.col1 dd,
.col2 dd,
.col3 dd,
.col4 dd,
.col5 dd {
    margin: 0;
    padding: 0;
}

#facebox .popup {
    border: none;
}

#facebox .content {
    width: auto;
}

.invalid_message {
    color: red;
}

.invalid_autologin_message {
    color: red;
}

.tour_list {
    min-width: 180px !important;
}

.endless_page_styles h2 {
    color: #0c6a93 !important;
    font:
        1.166em/1.142em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
}
.followed_online_offline {
    display: flex;
}
.followed_online_offline .title {
    display: inline-block;
    padding-right: 15px;
    font-size: 12px;
}
.followed_online_offline .bold {
    font-family: UbuntuBold, Helvetica, Arial, sans-serif;
}
.followed_online_offline .title p {
    margin: 0;
}
.followed_online_offline .title a:hover {
    text-decoration: none;
}
.allfree-iframe-body {
    min-width: 0;
}

#player {
    background-size: 100% 100%;
}

.terms-address-US {
    background: url(../../images/terms-address-US.png?5486d7000fe4) no-repeat;
    background-size: 225px 50px;
    width: 225px;
    height: 50px;
    margin-top: 10px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .terms-address-US {
        background: url(../../images/terms-address-US@2x.png?9c4a611ea03e) no-repeat;
        background-size: 225px 48px;
        height: 48px;
    }
}

.company-name-US {
    background: url(../../images/multimediallc.png?97a22b0bdd0b) no-repeat;
    background-size: 103px 15px;
    width: 103px;
    height: 15px;
    display: inline-block;
    margin-bottom: -3px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .company-name-US {
        background: url(../../images/multimediallc@2x.png?1bc6844fdd45) no-repeat;
        background-size: 103px 15px;
    }
}

.icon_following {
    background: url(../../images/following-hover.png?c8a176cf1dcb) no-repeat;
    opacity: 0.7;
}

.icon_not_following {
    background: url(../../images/following-off.png?e2f3a7174c61) no-repeat;
    opacity: 0.5;
}

.icon_update_following {
    background: url(../../images/following-update.gif?8a00b582b46c) no-repeat;
    opacity: 0.5;
}

.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.icon_following:not(.no_hover):hover,
.icon_not_following:not(.no_hover):hover {
    background: url(../../images/following-off-hover.png?ea2a5b0c3c09) no-repeat;
}

@media (hover: none) {
    .icon_following:not(.no_hover):hover {
        background: url(../../images/following-hover.png?c8a176cf1dcb) no-repeat;
        opacity: 0.7;
    }

    .icon_not_following:not(.no_hover):hover {
        background: url(../../images/following-off.png?e2f3a7174c61) no-repeat;
        opacity: 0.5;
    }
}

.icon_following,
.icon_not_following,
.icon_update_following,
.icon_following:not(.no_hover):hover,
.icon_not_following:not(.no_hover):hover {
    position: absolute;
    top: 0;
    right: 0;
    width: 23.25px;
    height: 23.25px;
    margin-top: 1px;
    margin-right: 1px;
    cursor: pointer;
    background-size: 23.25px 23.25px;
}

.grecaptcha-badge {
    display: none;
}

/** Flags used on the site */
.flag {
    height: 14px;
    vertical-align: text-top;
    margin: 0 3px 0 3px;
    background: #f47321;
    border-radius: 2px;
    color: #fff;
    padding: 0 4px 0 3px;
    text-shadow: none;
    font:
        11px ubunturegular,
        Arial,
        Helvetica,
        sans-serif;
}

.language-mismatch-notice,
.language-mismatch-notice div {
    margin: 0;
    padding: 0;
    text-align: center;
}

.fieldset_main {
    margin-left: 50px;
}
form th {
    text-align: right;
    width: 130px;
    vertical-align: top;
    padding-top: 10px;
}
form th label {
    display: block;
    font:
        1em/1.3em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    padding: 0px;
    margin: 0px 4px 6px 0px;
    color: #494949;
}

.bio form th label {
    min-width: 130px;
}

form .requiredfield label:after,
form .required label:after {
    content: " *";
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="file"],
form input[type="url"],
form input[type="tel"] {
    width: 225px;
    height: 20px;
    line-height: 18px;
    margin-top: 4px;
    padding-top: 4px;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form input[type="tel"] {
    background: #fff;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 2px 4px;
}
form select {
    width: auto;
    line-height: 18px;
    background: #fff;
    margin-top: 4px;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 2px 4px;
}
form textarea {
    width: 350px;
    line-height: 18px;
    background: #fff;
    margin-top: 4px;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 2px 4px;
}
form input[type="checkbox"],
form input[type="radio"] {
    width: 18px;
    height: 18px;
}
form .button {
    display: block;
    margin: 15px 0px 0px 148px;
    color: #fff;
    width: 238px;
    font:
        1.16em/1em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    background-color: var(--wl-signup-bg-color, #f47321);
    background-image: url(../../images/arrow-white-v2.gif?75bde39356c3);
    background-repeat: no-repeat;
    background-position: right 50%;
    height: 28px;
    padding: 0px 30px 2px 15px;
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
form .button:hover {
    background-color: var(--wl-signup-bg-color, #ff6300);
    text-decoration: underline;
    cursor: pointer;
}
form .button:disabled {
    background-color: #bababa;
    cursor: default;
}
form ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    clear: both;
    display: block;
}
form ul li {
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}
form .errorlist {
    background: url(../../images/ico-error.gif?5bbd9994802d) no-repeat 2px 50%;
    font:
        0.833em "UbuntuMedium",
        Arial,
        Helvetica,
        sans-serif;
    color: #666;
    margin: 5px 0px 0px 2px;
    padding: 2px 0px 0px 20px;
    display: inline-block;
}
.search_criteria ul {
    margin-top: 12px;
}
.search_criteria ul li {
    margin: 0px 10px 0px 0px;
    width: 150px;
}
.submit_button_footer {
    display: block;
    margin: 5px 0px 0px 148px;
    font-size: 0.8em;
}

.formvalidate_error {
    color: #d50000;
    padding: 0;
}

.formvalidate_spinner {
    display: inline-block;
    vertical-align: middle;
}

.formvalidate_spinner::after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url(../../images/spinner.gif?5368f68c1780) no-repeat center / contain;
    vertical-align: middle;
    visibility: hidden;
}

.formvalidate_spinner.active::after {
    visibility: visible;
}

.formvalidate_hidden {
    display: none !important;
}

.token_balance {
    border-bottom: 1px solid #000;
}
.token_balance a {
    font-size: 12px;
    text-decoration: underline;
}
.tokens {
    font:
        15px "UbuntuBold",
        Arial,
        Helvetica,
        sans-serif;
    display: inline;
}

@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\f11f"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\f120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\f121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\f122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-9-16{padding-top:177.7777777778%}.video-js.vjs-1-1{padding-top:100%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.vjs-no-flex .vjs-volume-control .vjs-mouse-display{z-index:0}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;-webkit-animation:vjs-spinner-show 0s linear .3s forwards;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@-webkit-keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"";font-size:1.5em;line-height:inherit}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" ";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer{width:auto}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0}
.userUpdatesPanel .twitterUpdateRow {
  background-color: #ffe5be;
  border-color: #dabb95;
}
.darkmode .userUpdatesPanel .twitterUpdateRow {
  background-color: #885336;
  border-color: #2a323f;
}
.userUpdatesPanel .twitterUpdateRow.uipExp {
  background-color: #fff;
  border-color: #f0f0f0;
}
.darkmode .userUpdatesPanel .twitterUpdateRow.uipExp {
  background-color: #2a2c2e;
  border-color: #1a1a1b;
}
.userUpdatesPanel .twitterUpdateRow .contentSection {
  color: #494949;
}
.darkmode .userUpdatesPanel .twitterUpdateRow .contentSection {
  color: #ffffff;
}
.userUpdatesPanel .twitterUpdateRow .timeSince {
  color: #7f7f7f;
}
.darkmode .userUpdatesPanel .twitterUpdateRow .timeSince {
  color: #b3b3b3;
}
.userUpdatesPanel .twitterUpdateRow .twitterLink,
.userUpdatesPanel .twitterUpdateRow .tweetLink {
  color: #f47321;
}
.darkmode .userUpdatesPanel .twitterUpdateRow .twitterLink,
.darkmode .userUpdatesPanel .twitterUpdateRow .tweetLink {
  color: #68b5f0;
}
.userUpdatesPanel .twitterUpdateRow.seen {
  background-color: #efefef;
  border-color: #c1c1c1;
}
.userUpdatesPanel .twitterUpdateRow.seen.uipExp {
  background-color: #f8f9fa;
}
.darkmode .userUpdatesPanel .twitterUpdateRow.seen {
  background-color: #253441;
  border-color: #2a323f;
}
.darkmode .userUpdatesPanel .twitterUpdateRow.seen .contentSection {
  color: #b3b3b3;
}
.darkmode .userUpdatesPanel .twitterUpdateRow.seen .timeSince {
  color: #6e6f70;
}

#UserUpdatesPanel {
  background-color: #ffffff;
  border-color: #2c6990;
}
.darkmode #UserUpdatesPanel {
  background-color: #1c2733;
  border-color: #1c2733;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.5), 8px 0px 8px -8px rgba(0, 0, 0, 0.5), -8px 0px 8px -8px rgba(0, 0, 0, 0.5);
}
#UserUpdatesPanel .tab.active,
#UserUpdatesPanel #updates-tab {
  color: #f47321;
}
.darkmode #UserUpdatesPanel .tab.active,
.darkmode #UserUpdatesPanel #updates-tab {
  color: #68b5f0;
}
#UserUpdatesPanel #tab-row {
  background-color: #747474;
}
.darkmode #UserUpdatesPanel #tab-row {
  background-color: #17202a;
}
#UserUpdatesPanel .feedbackLink {
  color: #f47321;
}
.darkmode #UserUpdatesPanel .feedbackLink {
  color: #68b5f0;
}

#userInfoPanelMenuDropdownRoot #UserMenuDropDown {
  border-color: #2c6990;
}
.darkmode #userInfoPanelMenuDropdownRoot #UserMenuDropDown {
  border-color: #2d3e50;
}
#userInfoPanelMenuDropdownRoot .dmSwitchCircle {
  background-color: #fff;
}
#userInfoPanelMenuDropdownRoot .dmSwitch {
  background-color: #474747;
}
.darkmode #userInfoPanelMenuDropdownRoot .dmSwitch {
  background-color: #f47321;
}

.dmListDropdownRoot {
  background-color: #fff;
  border-color: #0c6a93;
}
.darkmode .dmListDropdownRoot {
  background-color: #202c39;
  border-color: #1c2733;
}
.dmListDropdownRoot .header {
  color: #49494f;
  border-bottom-color: #e0e0e0;
}
.darkmode .dmListDropdownRoot .header {
  color: #b3b3b3;
  border-bottom-color: #2d3e50;
}
.dmListDropdownRoot .header .popoutIcon {
  background: url(../../tsdefaultassets/popout.svg?cd939ba3d01e) no-repeat center;
}
.darkmode .dmListDropdownRoot .header .popoutIcon {
  background: url(../../tsdefaultassets/popout_darkmode.svg?4ed4b17ed080) no-repeat center;
}
.dmListDropdownRoot .sendDmPrompt {
  color: #222222;
}
.darkmode .dmListDropdownRoot .sendDmPrompt {
  color: #ffffff;
}
.dmListDropdownRoot .signupPrompt {
  color: #525252;
}
.darkmode .dmListDropdownRoot .signupPrompt {
  color: #b3b3b3;
}
.darkmode .dmListDropdownRoot .link {
  color: #68b5f0;
}

.noScrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.noScrollbar br {
  display: none;
}
.noScrollbar::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent; /* Chrome/Safari/Webkit */
}

.dmWindow {
  background-color: #ffffff;
  color: #525252;
}
.darkmode .dmWindow {
  background-color: #202c39;
  color: #b3b3b3;
}
.dmWindow:not(.DmPopout .dmWindow) {
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
}
.darkmode .dmWindow:not(.DmPopout .dmWindow) {
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
}
.dmWindow .dmWindowHeader {
  background-color: #f8f9fa;
  border-bottom-color: #efefef;
}
.darkmode .dmWindow .dmWindowHeader {
  background-color: #17202a;
  border-bottom-color: #2a323f;
}
.dmWindow .dmWindowHeader.highlight:not(.noHighlight) {
  background-color: #e0e0e0;
}
.darkmode .dmWindow .dmWindowHeader.highlight:not(.noHighlight) {
  background-color: #1c2733;
}
.dmWindow .dmWindowHeader.loadedHighlight {
  animation-duration: 4s;
}
.dmWindow .dmWindowHeader.loadedHighlight:not(.darkmode .dmWindow .dmWindowHeader.loadedHighlight) {
  animation-name: color1;
}
@keyframes color1 {
  0% {
    background-color: #d5ebf8;
  }
  80% {
    background-color: #d5ebf8;
  }
}
.darkmode .dmWindow .dmWindowHeader.loadedHighlight {
  animation-name: color2;
}
@keyframes color2 {
  0% {
    background-color: #2d3e50;
  }
  80% {
    background-color: #2d3e50;
  }
}
.dmWindow .dmWindowHeader .button:hover {
  background-color: #c9c9c9;
}
.darkmode .dmWindow .dmWindowHeader .button:hover {
  background-color: #202c39;
}
.dmWindow .dmWindowMessage {
  color: #525252;
}
.darkmode .dmWindow .dmWindowMessage {
  color: #ffffff;
}
.dmWindow .dmWindowMessage .me {
  background-color: #d5ebf8;
}
.darkmode .dmWindow .dmWindowMessage .me {
  background-color: #303a42;
}
.dmWindow .dmWindowMessage .other {
  background-color: transparent;
  border-color: #a7a7a7;
}
.darkmode .dmWindow .dmWindowMessage .other {
  border-color: #6e6f70;
}
.dmWindow .logMessage .tipNotice {
  background-color: #ffff33;
  color: #000000;
  border: none !important;
}
.dmWindow .timestamp {
  color: #525252;
}
.darkmode .dmWindow .timestamp {
  color: #b3b3b3;
}
.dmWindow .dmWindowInput {
  background-color: #f8f9fa;
  border-color: #efefef;
}
.dmWindow .dmWindowInput textarea {
  background-color: transparent;
  color: #525252;
}
.darkmode .dmWindow .dmWindowInput textarea {
  color: #b3b3b3;
}
.darkmode .dmWindow .dmWindowInput {
  background-color: #202c39;
  border-color: #2d3e50;
}
.dmWindow .dmWindowInput .sendButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .dmWindow .dmWindowInput .sendButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .dmWindow .dmWindowInput .sendButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .dmWindow .dmWindowInput .sendButton:is(select) {
  background-color: #202c39;
}
.darkmode .dmWindow .dmWindowInput .sendButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.dmWindow .dmWindowInput .sendButton, .darkmode .dmWindow .dmWindowInput .sendButton {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}
.dmWindow .dmWindowInput .sendButton.disabled {
  opacity: 0.5;
}
.dmWindow .dmWindowInput .tipButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .dmWindow .dmWindowInput .tipButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .dmWindow .dmWindowInput .tipButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .dmWindow .dmWindowInput .tipButton:is(select) {
  background-color: #202c39;
}
.darkmode .dmWindow .dmWindowInput .tipButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.dmWindow .dmWindowInput .tipButton, .darkmode .dmWindow .dmWindowInput .tipButton {
  background-color: #009900;
  color: #ffffff;
  border: 1px solid #288a09;
  border-radius: 4px;
}
.dmWindow .dmWindowTipOverlay {
  background-color: #000000;
  opacity: 0.5;
}
.dmWindow .dmWindowTipCallout {
  background-color: #ffffff;
}
.darkmode .dmWindow .dmWindowTipCallout {
  background-color: #202c39;
}
.dmWindow .dmWindowTipCallout .titleBar {
  color: #0c6a93;
  background-color: #e0e0e0;
}
.darkmode .dmWindow .dmWindowTipCallout .titleBar {
  color: #68b5f0;
  background-color: #1c2733;
}
.dmWindow .dmWindowTipCallout .tokenBalance {
  color: #288a09;
}
.dmWindow .dmWindowTipCallout .tokenInputError {
  color: #cc0000;
}
.dmWindow .dmWindowTipCallout .purchaseLink {
  color: #0c6a93;
}
.darkmode .dmWindow .dmWindowTipCallout .purchaseLink {
  color: #68b5f0;
}
.dmWindow .tipInput:focus,
.dmWindow .tipMessage:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .dmWindow .tipInput:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])),
.darkmode .dmWindow .tipMessage:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .dmWindow .tipInput:is(textarea, input, button):focus,
.darkmode .dmWindow .tipMessage:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .dmWindow .tipInput:is(select),
.darkmode .dmWindow .tipMessage:is(select) {
  background-color: #202c39;
}
.darkmode .dmWindow .tipInput:is(select):focus,
.darkmode .dmWindow .tipMessage:is(select):focus {
  outline: 2px solid #68b5f0;
}
.dmWindow .tipInput,
.dmWindow .tipMessage {
  border-color: #acacac;
  background-color: transparent;
}
.darkmode .dmWindow .tipInput,
.darkmode .dmWindow .tipMessage {
  border-color: #2d3e50;
  color: #ffffff;
}
.dmWindow .sendTipButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .dmWindow .sendTipButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .dmWindow .sendTipButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .dmWindow .sendTipButton:is(select) {
  background-color: #202c39;
}
.darkmode .dmWindow .sendTipButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.dmWindow .sendTipButton, .darkmode .dmWindow .sendTipButton {
  background-color: #009900;
  color: #ffffff;
  border: 1px solid #288a09;
  border-radius: 4px;
}
.dmWindow .sendTipButton:disabled {
  opacity: 0.5;
}

.dmWindow.collapsed .dmWindowHeader {
  background-color: #ffffff;
}
.darkmode .dmWindow.collapsed .dmWindowHeader {
  background-color: #202c39;
}
.dmWindow.collapsed .dmWindowHeader:hover {
  background-color: #e0e0e0;
}
.darkmode .dmWindow.collapsed .dmWindowHeader:hover {
  background-color: #1c2733;
}

.pmUcmContainer {
  background-color: #ffffff;
  border-color: #efefef;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
  color: #525252;
}
.darkmode .pmUcmContainer {
  background-color: #202c39;
  border-color: #2a323f;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
  color: #b3b3b3;
}
.pmUcmContainer .pmUcmHeader {
  background-color: #f8f9fa;
  border-bottom-color: #efefef;
}
.darkmode .pmUcmContainer .pmUcmHeader {
  background-color: #17202a;
  border-bottom-color: #2a323f;
}
.pmUcmContainer .pmUcmHeader .placeholder {
  background-color: #e0e0e0;
}
.darkmode .pmUcmContainer .pmUcmHeader .placeholder {
  background-color: #1c2733;
}
.pmUcmContainer .pmUcmHeader .ageIcon {
  color: #525252;
}
.darkmode .pmUcmContainer .pmUcmHeader .ageIcon {
  color: #b3b3b3;
}
.pmUcmContainer .pmUcmDescription {
  border-top-color: #efefef;
}
.darkmode .pmUcmContainer .pmUcmDescription {
  border-top-color: #2a323f;
}
.pmUcmContainer .pmUcmLinks {
  border-top-color: #efefef;
}
.darkmode .pmUcmContainer .pmUcmLinks {
  border-top-color: #2a323f;
}
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem:hover {
  background-color: #f9e4d5;
}
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem:hover {
  background-color: #885336;
}
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmPopoutIcon {
  background: url(../../tsdefaultassets/popout-grey-d.svg?5e3e40bb292b) no-repeat center;
}
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmPopoutIcon {
  background: url(../../tsdefaultassets/popout-grey.svg?37347d0904cf) no-repeat center;
}
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmIgnoreIcon {
  background: url(../../tsdefaultassets/ignore-user-d.svg?02a8f1bed31a) no-repeat center;
}
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmIgnoreIcon {
  background: url(../../tsdefaultassets/ignore-user.svg?4ca83bc3b789) no-repeat center;
}
.pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmReportIcon {
  background: url(../../tsdefaultassets/report-msg-d.svg?eb708f4209bb) no-repeat center;
}
.darkmode .pmUcmContainer .pmUcmLinks .pmUcmLinkItem .pmUcmReportIcon {
  background: url(../../tsdefaultassets/report-msg.svg?9f05fef58682) no-repeat center;
}

.cornerSurveyWrapper {
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
}
.cornerSurveyWrapper .cornerSurveyContainer {
  background-color: #ffffff;
  border-color: #efefef;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer {
  background-color: #1c2733;
  border-color: #17202a;
}
.cornerSurveyWrapper .cornerSurveyContainer .timer {
  background-color: #0c6a93;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .timer {
  background-color: #68b5f0;
}
.cornerSurveyWrapper .cornerSurveyContainer .survey .title {
  color: #272f35;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .title {
  color: #ffffff;
}
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer {
  background-color: transparent;
  border-color: #acacac;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer {
  border-color: #2d3e50;
}
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover {
  background-color: #e0eefb;
  border-color: #0b5b7e;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover {
  background-color: rgba(104, 181, 240, 0.1);
  border-color: #68b5f0;
}
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg path, .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg path {
  fill: #0b5b7e;
}
.evolveMode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg path, .evolveMode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg path {
  fill: var(--text-button-brand);
}
.cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg g, .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg g {
  opacity: 1;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer svg path {
  fill: #d1d1d1;
}
.evolveMode .darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer svg path {
  fill: #68b5f0;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg path, .darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg path {
  fill: #68b5f0;
}
.evolveMode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer svg path {
  fill: var(--text-button-neutral);
}
.evolveMode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg path, .evolveMode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg path {
  fill: var(--text-button-brand);
}
.cornerSurveyWrapper .cornerSurveyContainer .confirmation .title {
  color: #525252;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .confirmation .title {
  color: #b3b3b3;
}
.cornerSurveyWrapper .cornerSurveyContainer .confirmation .feedbackLink {
  color: #0c6a93;
}
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .confirmation .feedbackLink {
  color: #68b5f0;
}
.cornerSurveyWrapper.mobile {
  box-shadow: none;
}
.cornerSurveyWrapper.mobile .cornerSurveyContainer {
  background-color: #e0eefb;
  border-color: #8db4d9;
}
.cornerSurveyWrapper.mobile .survey .title {
  color: #272f35;
}
.cornerSurveyWrapper.mobile .confirmation .title {
  color: #49494f;
}
.cornerSurveyWrapper.mobile .timerContainer {
  background-color: #8db4d9;
}

.userFeedbackForm {
  background-color: var(--wl-bg-color, #ffffff);
}
.darkmode .userFeedbackForm {
  background-color: #1c2733;
}
.userFeedbackForm p {
  margin: 0;
}
.userFeedbackForm .header h2 {
  color: var(--wl-h1-color, #272f35);
}
.darkmode .userFeedbackForm .header h2 {
  color: #ffffff;
}
.userFeedbackForm .submitRow button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .userFeedbackForm .submitRow button:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .userFeedbackForm .submitRow button:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .userFeedbackForm .submitRow button:is(select) {
  background-color: #202c39;
}
.darkmode .userFeedbackForm .submitRow button:is(select):focus {
  outline: 2px solid #68b5f0;
}
.userFeedbackForm .submitRow button, .darkmode .userFeedbackForm .submitRow button {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}
.userFeedbackForm .screenshot {
  border: 1px solid #acacac;
}
.darkmode .userFeedbackForm .screenshot {
  border: 1px solid #b1b1b1;
}
.userFeedbackForm .screenshot .editToggle {
  background-color: rgba(249, 249, 249, 0.9);
  border: 1px solid #acacac;
  color: #49494f;
}
.darkmode .userFeedbackForm .screenshot .editToggle {
  border: 1px solid #2d3e50;
}
.userFeedbackForm .screenshot .editToggle:hover {
  background-color: #fff;
  color: #0471a1;
}
.userFeedbackForm .closeControl {
  background: transparent url(../../tsdefaultassets/close-lightgray.svg?b790c690d4c9) no-repeat center center;
}
.darkmode .userFeedbackForm .closeControl {
  background: transparent url(../../tsdefaultassets/close-dark.svg?6933d007232e) no-repeat center center;
}
.userFeedbackForm .sentimentOption:focus {
  outline: none;
  border-color: transparent;
}
.userFeedbackForm .sentimentOption.selected svg path, .userFeedbackForm .sentimentOption:hover svg path {
  fill: #0b5b7e;
}
.evolveMode .userFeedbackForm .sentimentOption.selected svg path, .evolveMode .userFeedbackForm .sentimentOption:hover svg path {
  fill: var(--text-button-brand);
}
.userFeedbackForm .sentimentOption.selected svg g, .userFeedbackForm .sentimentOption:hover svg g {
  opacity: 1;
}
.darkmode .userFeedbackForm .sentimentOption svg path {
  fill: #d1d1d1;
}
.evolveMode .darkmode .userFeedbackForm .sentimentOption svg path {
  fill: #68b5f0;
}
.darkmode .userFeedbackForm .sentimentOption.selected svg path, .darkmode .userFeedbackForm .sentimentOption:hover svg path {
  fill: #68b5f0;
}
.evolveMode .userFeedbackForm .sentimentOption svg path {
  fill: var(--text-button-neutral);
}
.evolveMode .userFeedbackForm .sentimentOption.selected svg path, .evolveMode .userFeedbackForm .sentimentOption:hover svg path {
  fill: var(--text-button-brand);
}
.userFeedbackForm .feedbackComment:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .userFeedbackForm .feedbackComment:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .userFeedbackForm .feedbackComment:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .userFeedbackForm .feedbackComment:is(select) {
  background-color: #202c39;
}
.darkmode .userFeedbackForm .feedbackComment:is(select):focus {
  outline: 2px solid #68b5f0;
}
.userFeedbackForm .feedbackComment {
  border: 1px solid #acacac;
}
.darkmode .userFeedbackForm .feedbackComment {
  border: 1px solid #2d3e50;
  background-color: #1c2733;
  color: #ffffff;
}
.userFeedbackForm .screenShotControl .sscButton {
  background: none;
  color: var(--wl-href-color, #0c6a93);
}
.darkmode .userFeedbackForm .screenShotControl .sscButton {
  color: #68b5f0;
}
.userFeedbackForm .highlight:not(.active) {
  background-color: transparent;
}
.userFeedbackForm .highlight:not(.active):hover {
  background-color: #3c87ba;
}
.userFeedbackForm .highlight.active {
  background-color: #3c87ba;
}
.userFeedbackForm .error {
  color: red;
}
.userFeedbackForm .privacyNotice,
.userFeedbackForm .screenShotControl .info {
  color: var(--wl-text-color, #49494f);
}
.darkmode .userFeedbackForm .privacyNotice,
.darkmode .userFeedbackForm .screenShotControl .info {
  color: #b3b3b3;
}

.canvas .infoToolTip {
  background-color: #ffffd3;
  border-color: #cccccc;
}
.canvas .drawControls {
  background-color: #fff;
}
.canvas .drawControls .done:hover {
  background-color: #e8e8e8;
}
.canvas .drawControls .hideImage {
  background-color: #000;
}

.evolveMode .UserFeedbackModal {
  padding: 24px 16px 16px 24px;
  width: 460px;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  border-radius: var(--corner-radius-3xl);
  background: var(--background-others-popup-neutral);
  max-width: 95%;
  box-shadow: 0 0 var(--blur-200) 0 var(--drop-shadow-low);
}
.evolveMode .sentimentOptions {
  width: 304px;
  display: flex;
  gap: 16px;
  justify-content: center;
  margin: 9px auto 23px;
  position: relative;
  padding-right: 8px;
}
.evolveMode .sentimentOption {
  background-color: transparent;
  border-radius: var(--corner-radius-full);
}
.evolveMode .sentimentOption:hover {
  background-color: var(--overlay-button-hover);
}
.evolveMode .sentimentOption.selected {
  background: var(--background-low-brand-secondary);
}
.evolveMode .feedbackLabel {
  color: var(--text-primary);
  font-size: 14px;
  line-height: 20px;
}
.evolveMode .feedbackInput {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--corner-radius-md);
  border: 1px solid var(--border-button-neutral);
  background-color: transparent;
  color: var(--text-primary);
  font-size: 16px;
  line-height: 24px;
  margin-top: 8px;
  outline: none;
}
.evolveMode .feedbackInput::placeholder {
  color: var(--text-light);
}
.evolveMode .feedbackInput:focus {
  outline: none;
  border-color: var(--border-button-focused);
  box-shadow: 0px 0px 0px 1px var(--border-button-focused);
}
.evolveMode .feedbackPrivacyNotice {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 16px;
  padding-right: 8px;
}
.evolveMode .userFeedbackForm .feedbackAddScreenshotButton {
  color: var(--text-button-brand);
  font-size: 14px;
  line-height: 20px;
}
.evolveMode .userFeedbackForm .screenShotControl .info {
  color: var(--text-secondary);
}
.evolveMode .userFeedbackForm .submitRow {
  padding-top: 8px;
}
.evolveMode .userFeedbackForm .submitRow button {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  background: var(--background-button-brand-primary);
  font-size: 16px;
  line-height: 24px;
  color: var(--text-button-white);
}
.evolveMode .userFeedbackForm .submitRow button:disabled {
  background: var(--background-button-grey);
}
.darkMode.evolveMode .userFeedbackForm .submitRow button:disabled {
  background: var(--color-grey-90);
}

.evolveMode .userFeedbackForm .feedbackErrorMessage {
  box-sizing: border-box;
  display: flex;
  padding: 15px 15px 15px 56px;
  align-items: center;
  border-radius: var(--corner-radius-lg);
  border: 1px solid var(--border-medium);
  background: var(--background-system-error-light);
  width: 100%;
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  color: var(--text-system-error);
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  position: relative;
}
.evolveMode .userFeedbackForm .feedbackErrorMessage::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../../images/warning.svg?35ea8d56f1f9");
}
.darkMode.evolveMode .userFeedbackForm .feedbackErrorMessage::after {
  background-image: url("../../images/warning-dm.svg?35ea8d56f1f9");
}

.evolveMode .userFeedbackForm .feedbackErrorMessage.hidden {
  display: none;
}
.evolveMode .userFeedbackForm .closeControl {
  display: flex;
  width: 40px;
  height: 40px;
  padding: var(--spacing-sm) var(--spacing-lg);
  justify-content: center;
  align-items: center;
  border-radius: var(--corner-radius-full);
  background: transparent url("../../tsdefaultassets/floating-player-close.svg?aa352a6af708") no-repeat center center;
  background-size: 24px;
  outline: none;
  border: 2px solid transparent;
}
.darkMode.evolveMode .userFeedbackForm .closeControl {
  background: transparent url("../../tsdefaultassets/floating-player-close-darkmode.svg?48f7cd32ac5c") no-repeat center center;
  background-size: 24px;
}

.evolveMode .userFeedbackForm .closeControl:focus {
  border-color: var(--border-button-focused);
}
.evolveMode .feedbackSubmittedMessage {
  color: var(--text-primary);
  font-size: 16px;
  line-height: 24px;
}

.roomElement {
  border: 1px solid rgba(100, 100, 100, 0.5);
}
.darkmode .roomElement {
  border: 1px solid #202c39;
}

.roomElementAnchor {
  background-color: #f0f1f1;
}
.darkmode .roomElementAnchor {
  background-color: #202c39;
}
.roomElementAnchor.isHighlighted {
  background-color: #f9eed0;
}
.darkmode .roomElementAnchor.isHighlighted {
  background-color: #885336;
}
.roomElementAnchor:hover {
  color: #f47321;
}
.darkmode .roomElementAnchor:hover {
  color: #f47321;
}

.sub-nav.genderTabs, .sub-nav.followedContainer {
  overflow: hidden;
  position: relative;
  display: block;
  top: 1px;
  margin-top: 2px;
}

.tooltip {
  color: #525252;
  background-color: #ffffff;
  border-color: #efefef;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.tooltip .tooltipCloseButton {
  fill: #a7a7a7;
}
.darkmode .tooltip, .darkMode .tooltip {
  color: #ffffff;
  background-color: #1c2733;
  border-color: #17202a;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
}
.tooltip .divotTop .divotBackground {
  border-bottom-color: #ffffff;
}
.darkmode .tooltip .divotTop .divotBackground, .darkMode .tooltip .divotTop .divotBackground {
  border-bottom-color: #1c2733;
}
.tooltip .divotTop .divotBorder {
  border-bottom-color: #efefef;
}
.darkmode .tooltip .divotTop .divotBorder, .darkMode .tooltip .divotTop .divotBorder {
  border-bottom-color: #17202a;
}
.tooltip .divotBottom .divotBackground {
  border-top-color: #ffffff;
}
.darkmode .tooltip .divotBottom .divotBackground, .darkMode .tooltip .divotBottom .divotBackground {
  border-top-color: #1c2733;
}
.tooltip .divotBottom .divotBorder {
  border-top-color: #efefef;
}
.darkmode .tooltip .divotBottom .divotBorder, .darkMode .tooltip .divotBottom .divotBorder {
  border-top-color: #17202a;
}
.tooltip .divotLeft .divotBackground {
  border-right-color: #ffffff;
}
.darkmode .tooltip .divotLeft .divotBackground, .darkMode .tooltip .divotLeft .divotBackground {
  border-right-color: #1c2733;
}
.tooltip .divotLeft .divotBorder {
  border-right-color: #efefef;
}
.darkmode .tooltip .divotLeft .divotBorder, .darkMode .tooltip .divotLeft .divotBorder {
  border-right-color: #17202a;
}
.tooltip .divotRight .divotBackground {
  border-left-color: #ffffff;
}
.darkmode .tooltip .divotRight .divotBackground, .darkMode .tooltip .divotRight .divotBackground {
  border-left-color: #1c2733;
}
.tooltip .divotRight .divotBorder {
  border-left-color: #efefef;
}
.darkmode .tooltip .divotRight .divotBorder, .darkMode .tooltip .divotRight .divotBorder {
  border-left-color: #17202a;
}

.onlineRoomsTitle,
.recommendedRoomsTitle {
  color: #494949;
}
.darkmode .onlineRoomsTitle,
.darkmode .recommendedRoomsTitle {
  color: #b3b3b3;
}

.followedDropdown.collapsed {
  left: calc(50vw - 197px);
}

.followedContainer {
  width: 314px;
  max-height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
}

.followRecommendedContainer {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  box-sizing: border-box;
  max-height: 480px;
  overflow: hidden auto;
  padding: 8px;
  position: relative;
  width: 350px;
}
.followRecommendedContainer .roomElementAnchor.notHighlighted {
  background-color: transparent;
}
.darkmode .followRecommendedContainer .roomElementAnchor.notHighlighted {
  background-color: #202c39;
}

.followRoomTable {
  display: inline-block;
  overflow: hidden;
}

.recommendationsBorder {
  background-color: #e2e2e2;
  height: 1px;
  margin-bottom: 4px;
}
.darkmode .recommendationsBorder {
  background-color: #2a323f;
}

.followRecommendedHeader {
  margin: 5px 3px;
  width: 100%;
}
.followRecommendedHeader .roomElement {
  display: inline-block !important;
}

.followedContainer {
  color: #0c6a93;
}
.darkmode .followedContainer {
  color: #b3b3b3;
}
.followedContainer .followedCount {
  color: #525252;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
}
.darkmode .followedContainer .followedCount {
  color: #b3b3b3;
}

#followed_anchor.followed-header.orange:after {
  display: inline-block;
  content: "";
  position: relative;
  height: 8px;
  width: 8px;
  top: -8px;
  right: 2px;
  background-image: url(../../tsdefaultassets/orange_dot.svg?d12655f82ca4);
  background-position: center;
  background-repeat: no-repeat;
}

#followed_anchor.followed-header.orange.text:after {
  content: var(--unseen-follow-count, "");
  height: 13px;
  min-width: 13px;
  width: auto;
  padding: 0 4px 1px;
  top: -8px;
  right: 0;
  background-image: none;
  background-color: #f47321;
  border-radius: 8px;
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
  text-shadow: none;
}

.followedDropdown {
  border: 1px solid #8bb3da;
  border-radius: 0 4px 4px;
  background-color: white;
  color: #0c6a93;
}
.darkmode .followedDropdown {
  color: #b3b3b3;
  background-color: #17202a;
  border-color: #2d3e50;
}

.modalAlert {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.4);
}
.darkmode .modalAlert {
  color: #b3b3b3;
}
.modalAlert .dialog {
  background-color: #ffffff;
  border: 1px solid #acacac;
}
.darkmode .modalAlert .dialog {
  background-color: #17202a;
  border: none;
}
.modalAlert .dialog .dialogForm {
  background-color: #f9f9f9;
  border-top-color: #cccccc;
}
.darkmode .modalAlert .dialog .dialogForm {
  background-color: #1c2733;
  border-top-color: #2a323f;
}
.modalAlert .dialog .dialogForm .accept:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .modalAlert .dialog .dialogForm .accept:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .modalAlert .dialog .dialogForm .accept:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .modalAlert .dialog .dialogForm .accept:is(select) {
  background-color: #202c39;
}
.darkmode .modalAlert .dialog .dialogForm .accept:is(select):focus {
  outline: 2px solid #68b5f0;
}
.modalAlert .dialog .dialogForm .accept, .darkmode .modalAlert .dialog .dialogForm .accept {
  background-color: #0c6a93;
  color: #ffffff;
  border: 1px solid #0c6a93;
  border-radius: 4px;
}
.modalAlert .dialog .dialogForm .decline:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .modalAlert .dialog .dialogForm .decline:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .modalAlert .dialog .dialogForm .decline:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .modalAlert .dialog .dialogForm .decline:is(select) {
  background-color: #202c39;
}
.darkmode .modalAlert .dialog .dialogForm .decline:is(select):focus {
  outline: 2px solid #68b5f0;
}
.modalAlert .dialog .dialogForm .decline {
  background-color: transparent;
  color: #494949;
  border: 1px solid #6c6c6c;
  border-radius: 4px;
}
.darkmode .modalAlert .dialog .dialogForm .decline {
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
}

.subgenderModal {
  color: #525252;
}
.darkmode .subgenderModal {
  color: #b3b3b3;
}

.ButtonColor-blue:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .ButtonColor-blue:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .ButtonColor-blue:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .ButtonColor-blue:is(select) {
  background-color: #202c39;
}
.darkmode .ButtonColor-blue:is(select):focus {
  outline: 2px solid #68b5f0;
}
.ButtonColor-blue, .darkmode .ButtonColor-blue {
  background-color: #0c6a93;
  color: #ffffff;
  border: 1px solid #0c6a93;
  border-radius: 4px;
}

.ButtonColor-orange:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .ButtonColor-orange:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .ButtonColor-orange:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .ButtonColor-orange:is(select) {
  background-color: #202c39;
}
.darkmode .ButtonColor-orange:is(select):focus {
  outline: 2px solid #68b5f0;
}
.ButtonColor-orange, .darkmode .ButtonColor-orange {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}

.ButtonColor-green:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .ButtonColor-green:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .ButtonColor-green:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .ButtonColor-green:is(select) {
  background-color: #202c39;
}
.darkmode .ButtonColor-green:is(select):focus {
  outline: 2px solid #68b5f0;
}
.ButtonColor-green, .darkmode .ButtonColor-green {
  background-color: #009900;
  color: #ffffff;
  border: 1px solid #288a09;
  border-radius: 4px;
}

.ButtonColor-red:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .ButtonColor-red:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .ButtonColor-red:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .ButtonColor-red:is(select) {
  background-color: #202c39;
}
.darkmode .ButtonColor-red:is(select):focus {
  outline: 2px solid #68b5f0;
}
.ButtonColor-red, .darkmode .ButtonColor-red {
  background-color: #eb3404;
  color: #ffffff;
  border: 1px solid #eb3404;
  border-radius: 4px;
}

.ButtonColor-text:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .ButtonColor-text:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .ButtonColor-text:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .ButtonColor-text:is(select) {
  background-color: #202c39;
}
.darkmode .ButtonColor-text:is(select):focus {
  outline: 2px solid #68b5f0;
}
.ButtonColor-text {
  background-color: transparent;
  color: #494949;
  border: none;
}
.darkmode .ButtonColor-text {
  color: #b3b3b3;
}
.ButtonColor-text:hover {
  text-decoration: underline;
}
.ButtonColor-text--tab-focus-only:focus {
  outline: none;
}
.ButtonColor-text--tab-focus-only:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

.ButtonColor-clear:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .ButtonColor-clear:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .ButtonColor-clear:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .ButtonColor-clear:is(select) {
  background-color: #202c39;
}
.darkmode .ButtonColor-clear:is(select):focus {
  outline: 2px solid #68b5f0;
}
.ButtonColor-clear {
  background-color: transparent;
  color: #494949;
  border: 1px solid #6c6c6c;
  border-radius: 4px;
}
.darkmode .ButtonColor-clear {
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
}

.ButtonColor-clearBlue:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .ButtonColor-clearBlue:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .ButtonColor-clearBlue:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .ButtonColor-clearBlue:is(select) {
  background-color: #202c39;
}
.darkmode .ButtonColor-clearBlue:is(select):focus {
  outline: 2px solid #68b5f0;
}
.ButtonColor-clearBlue {
  background-color: transparent;
  color: #0c6a93;
  border: 1px solid #0c6a93;
  border-radius: 4px;
}

body.darkmode {
  background-color: #17202a;
}
body.darkmode #main {
  color: #b3b3b3;
}

.textColor {
  color: #494949;
}
.darkmode .textColor {
  color: rgb(179, 179, 179);
}

.titleColor {
  color: #222222;
}
.darkmode .titleColor {
  color: #ffffff;
}

.brandColor {
  color: #f47321;
}

.brandBlue {
  color: #0c6a93;
}

.textBodySecondary {
  color: #a7a7a7;
}
.darkmode .textBodySecondary {
  color: #6e6f70;
}

.bgColor {
  background-color: #ffffff;
}
.darkmode .bgColor {
  background-color: rgb(42, 44, 48);
}

.tabSectionBorder {
  border-bottom: 1px solid #8bb3da;
}
.darkmode .tabSectionBorder {
  border-bottom: 1px solid #2a323f;
}

.tabBorder {
  border-color: #8bb3da;
}
.darkmode .tabBorder {
  border-color: #2a323f;
}

.tabActiveBorder,
.tabBorder:hover:not(.orange) {
  border-bottom: 1px solid #ffffff;
}
.darkmode .tabActiveBorder,
.darkmode .tabBorder:hover:not(.orange) {
  border-bottom: transparent;
}

.tabBorder.tabBorderNoHover:hover {
  border-bottom: 1px solid #8bb3da;
}
.darkmode .tabBorder.tabBorderNoHover:hover {
  border-bottom: 1px solid rgb(102, 102, 102);
}

.tabInactiveBgColor {
  background-color: #dde9f5;
}
.darkmode .tabInactiveBgColor {
  background-color: rgb(42, 44, 48);
}

.tabInactiveColor {
  color: #0c6a93;
}
.darkmode .tabInactiveColor {
  color: #68b5f0;
}

.tabActiveBgColor,
.tabInactiveBgColor:hover {
  background-color: #ffffff;
}
.darkmode .tabActiveBgColor,
.darkmode .tabInactiveBgColor:hover {
  background-color: #17202a;
}

.tabActiveColor,
.tabInactiveColor:hover {
  color: #f47321;
}

.chatAreaTabColor {
  color: #4c4c4c;
}
.darkmode .chatAreaTabColor {
  color: #b3b3b3;
}

.defaultColor {
  color: var(--wl-text-color, #494949);
}
.darkmode .defaultColor {
  color: #b3b3b3;
}

.defaultTooltipColor {
  color: #222222;
}
.darkmode .defaultTooltipColor {
  color: #ffffff;
}

.roomSubjectToolTipColor {
  color: #494949;
}
.darkmode .roomSubjectToolTipColor {
  color: rgb(179, 179, 179);
}

.hrefColor {
  color: var(--wl-href-color, #0c6a93);
}
.darkmode .hrefColor {
  color: #68b5f0;
}

.supportSuccess {
  color: #288a09;
}
.darkmode .supportSuccess {
  color: #288a09;
}

.supportError {
  color: #cc0000;
}
.darkmode .supportError {
  color: #dc0000;
}

.tagFontColor,
.whiteFontColor {
  color: #ffffff;
}

.tagExhibColor {
  background-color: #6d85b5;
}

.tagLineColor {
  background-color: #0c6a93;
}

.tagOfflineColor {
  background-color: #4f4f4f;
}

.tagPrivateGroupColor {
  background-color: #b60a42;
}

.tagGamingColor {
  background-color: #7f26b1;
}

.tagNewColor {
  background-color: #71b404;
}

.camBgColor {
  background-color: #f0f1f1;
}
.darkmode .camBgColor {
  background-color: #202c39;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
}

.camBorderColor {
  color: #acacac;
}
.darkmode .camBorderColor {
  color: #202c39;
}

.camSubjectColor {
  color: #000000;
}
.darkmode .camSubjectColor {
  color: #b3b3b3;
}

.camSubjectTagColor {
  color: #0c6a93;
}
.darkmode .camSubjectTagColor {
  color: #68b5f0;
}

.camAltTextColor {
  color: #575757;
}
.darkmode .camAltTextColor {
  color: #6e6f70;
}

.camHrefColor,
.list .title a {
  color: #0c6a93;
}
.darkmode .camHrefColor,
.darkmode .list .title a {
  color: #68b5f0;
}

.transparentBg {
  background: transparent;
}

.nextCamBgColor {
  background: #fceadb;
}
.darkmode .nextCamBgColor {
  background: #2a323f;
}

.navigationAlt2BgImage {
  background: url(../../tsdefaultassets/gender_tab_bg.gif?0437047d9c3a) repeat-x;
}
.darkmode .navigationAlt2BgImage {
  background-image: none;
}

.navigationAlt2BgColor {
  background-color: #ffffff;
}
.darkmode .navigationAlt2BgColor {
  background-color: transparent;
}

.contentBgColor:hover {
  border-bottom-color: #ffffff;
}
.darkmode .contentBgColor:hover {
  border-bottom-color: rgb(32, 34, 35);
}

.overlayOpacity {
  background-color: #000 !important;
  opacity: 0.85;
}
.evolveMode .overlayOpacity {
  background-color: var(--overlay-backdrop-popup) !important;
}

.dismissibleMessageColor {
  color: #49494f;
}
.darkMode .dismissibleMessageColor, .darkmode .dismissibleMessageColor {
  color: #b3b3b3;
}

#header #user_information .userInfoDropdownBgColor {
  background-color: #3c87ba;
}
.darkmode #header #user_information .userInfoDropdownBgColor {
  background-color: #1c2733;
}
#header #user_information .userInfoDropdownTextColor {
  color: #fff;
}
.darkmode #header #user_information .userInfoDropdownTextColor {
  color: #fff;
}
#header #user_information .userInfoDropdownHighlightColor {
  background-color: transparent;
}
#header #user_information .userInfoDropdownHighlightColor:hover {
  background-color: #2c6990;
}
.darkmode #header #user_information .userInfoDropdownHighlightColor:hover {
  background-color: #885336;
}

.darkmode .logo-zone image {
  opacity: 0.8;
}

.darkmode.isIpad select {
  color: #000 !important;
}

/**
From defaultSiteSettings
----bgColor: "#ffffff", ---- DONE
navigationBgColor: "#0c6a93",
navigationFontColor: "#ffffff",
navigationAltBgColor: "#f47321",
----navigationAlt2BgColor: "#ffffff", ---- DONE
----navigationAlt2BgImage: `url(../../scss/templates/site/${STATIC_URL_ROOT}tsdefaultassets/gender_tab_bg.gif) repeat-x`, ---- DONE
h1Color: "#004B5E",
----textColor: "#494949", ---- DONE
----defaultColor: "#494949", ---- DONE
----defaultTooltipColor: "#222222", ---- DONE
userInfoAreaTextColor: "#222222",
----hrefColor: "#0C6A93", ---- DONE
----tabBorderColor: "#8bb3da",---- DONE
----tabActiveColor: "#ffffff", ---- DONE
----tabInactiveColor: "#dde9f5", ---- DONE
----tabActiveFontColor: "#f47321", ---- DONE
----tabInactiveFontColor: "#0C6A93", ---- DONE
----tagExhibColor: "#6D85B5", ---- DONE
----tagFontColor: "#FFF", ---- DONE
----tagLineColor: "#0C6A93", ---- DONE
----tagOfflineColor: "#4F4F4F", ---- DONE
----tagPrivateGroupColor: "#B60A42", ---- DONE
----contentBgColor: "#FFFFFF", ---- DONE
----camBgColor: "#F0F1F1", ---- DONE
----camBorderColor: "#ACACAC", ---- DONE
----camSubjectColor: "#000", ---- DONE
----camSubjectTagColor: "#0C6A93", ---- DONE
----camAltTextColor: "#575757", ---- DONE
----camHrefColor: "#0C6A93", ---- DONE
tokenHrefColor: "#e45900",
footerHrefColor: "#676767",
footerTextColor: "#494949",
copyrightTextColor: "#494949",
userInfoBgColor: "#e9e9e9",
usernameColor: "#ffffff",
----nextCamBgColor: "#FCEADB", ---- DONE
footerColNameColor: "#494949",
footerRowColor: "#0C6A93",
footerSiteNavColor: "#f47321",
----chatAreaTabColor: "#4C4C4C", ---- DONE
----roomSubjectToolTipColor: "#494949", ---- DONE
loginOverlayColor: "#000000",
----dismissibleMessageColor: "#494949", ---- DONE
----userInfoDropdownBgColor: "#3C87BA", ---- DONE
----userInfoDropdownHighlightColor: "#f47321", ---- DONE
----userInfoDropdownTextColor: "#ffffff", ---- DONE
signupBgColor: "#f47321",
 */
.evolveMode {
  /* ------ Start Primitives ------ */
  /* Color / Primary */
  --color-primary-10: #271b15;
  --color-primary-20: #573121;
  --color-primary-30: #87482d;
  --color-primary-40: #b75e38;
  --color-primary-50: #f66100;
  --color-primary-60: #ff804a; /* brand color */
  --color-primary-70: #fe8c5c;
  --color-primary-80: #ffa680;
  --color-primary-90: #ffbfa4;
  --color-primary-100: #ffd8c8;
  --color-primary-110: #fff2ec;
  /* Color / Secondary */
  --color-secondary-10: #0e1f24;
  --color-secondary-20: #0b3d4e;
  --color-secondary-30: #085c78;
  --color-secondary-40: #006b8f;
  --color-secondary-50: #0199cb;
  --color-secondary-60: #00a9e0; /* brand color */
  --color-secondary-70: #19b1e3;
  --color-secondary-80: #4cc2e9;
  --color-secondary-90: #7fd4ef;
  --color-secondary-100: #b2e5f5;
  --color-secondary-110: #e5f6fb;
  /* Color / Grey */
  --color-grey-10: #101010;
  --color-grey-15: #1c1c1c;
  --color-grey-20: #272727;
  --color-grey-30: #3f3f3f;
  --color-grey-40: #575757;
  --color-grey-50: #6f6f6f;
  --color-grey-60: #878787;
  --color-grey-70: #ababab;
  --color-grey-80: #c3c3c3;
  --color-grey-90: #dbdbdb;
  --color-grey-100: #f3f3f3;
  --color-grey-105: #f9f9f9;
  --color-grey-110: #ffffff;
  /* Color / Green */
  --color-green-10: #182518;
  --color-green-20: #1f391f;
  --color-green-30: #2d612d;
  --color-green-40: #348234;
  --color-green-50: #47a247;
  --color-green-60: #78d64b;
  --color-green-70: #94e277;
  --color-green-80: #b0eea3;
  --color-green-90: #ccfacf;
  --color-green-100: #e7fff0;
  --color-green-110: #f3fff8;
  /* Color / Yellow */
  --color-yellow-10: #241712;
  --color-yellow-20: #381f14;
  --color-yellow-30: #603218;
  --color-yellow-40: #88461c;
  --color-yellow-50: #c14b00;
  --color-yellow-60: #e87400;
  --color-yellow-70: #ffb549;
  --color-yellow-80: #ffc566;
  --color-yellow-90: #ffdf99;
  --color-yellow-100: #fff6dd;
  --color-yellow-110: #fff9f2;
  /* Color / Red */
  --color-red-10: #291617;
  --color-red-20: #401c1e;
  --color-red-30: #70282c;
  --color-red-40: #9f343a;
  --color-red-50: #cd3d45;
  --color-red-60: #ef343f;
  --color-red-70: #f35768;
  --color-red-80: #f89999;
  --color-red-90: #fdcbcb;
  --color-red-100: #fff6f6;
  --color-red-110: #fffbfb;
  /* Color / Purple */
  --color-purple-10: #23182d;
  --color-purple-20: #351f65;
  --color-purple-30: #492867;
  --color-purple-40: #633c95;
  --color-purple-50: #814abf;
  --color-purple-60: #9250c9;
  --color-purple-70: #b177db;
  --color-purple-80: #c390e2;
  --color-purple-90: #c5b4e3;
  --color-purple-100: #f9f3ff;
  --color-purple-110: #fcfbff;
  /* Color / Blue */
  --color-blue-10: #1b223a;
  --color-blue-20: #0f2251;
  --color-blue-30: #163e8c;
  --color-blue-40: #0657c3;
  --color-blue-50: #1c7cee;
  --color-blue-60: #347991;
  --color-blue-70: #569eb6;
  --color-blue-80: #99ccdd;
  --color-blue-90: #b3dded;
  --color-blue-100: #eaf9ff;
  --color-blue-110: #f7fcff;
  /* Color / Transparent / Brand Primary */
  --color-transparent-brand-primary-10: rgba(255, 128, 74, 0.08);
  --color-transparent-brand-primary-20: rgba(255, 140, 92, 0.12);
  --color-transparent-brand-primary-30: rgba(255, 128, 74, 0.24);
  --color-transparent-brand-primary-40: rgba(255, 140, 92, 0.24);
  /* Color / Transparent / Brand Secondary */
  --color-transparent-brand-secondary-10: rgba(0, 169, 224, 0.08);
  --color-transparent-brand-secondary-20: rgba(25, 177, 227, 0.12);
  --color-transparent-brand-secondary-30: rgba(0, 169, 224, 0.24);
  --color-transparent-brand-secondary-40: rgba(25, 177, 227, 0.24);
  /* Color / Transparent / White */
  --color-transparent-white-0: rgba(255, 255, 255, 0);
  --color-transparent-white-10: rgba(255, 255, 255, 0.08);
  --color-transparent-white-20: rgba(255, 255, 255, 0.12);
  --color-transparent-white-30: rgba(255, 255, 255, 0.2);
  --color-transparent-white-40: rgba(255, 255, 255, 0.48);
  --color-transparent-white-50: rgba(255, 255, 255, 0.88);
  /* Color / Transparent / Light Grey */
  --color-transparent-light-grey-0: rgba(243, 243, 243, 0);
  --color-transparent-light-grey-10: rgba(243, 243, 243, 0.08);
  --color-transparent-light-grey-20: rgba(243, 243, 243, 0.12);
  --color-transparent-light-grey-30: rgba(243, 243, 243, 0.2);
  --color-transparent-light-grey-40: rgba(243, 243, 243, 0.48);
  --color-transparent-light-grey-50: rgba(243, 243, 243, 0.88);
  /* Color / Transparent / Black */
  --color-transparent-black-0: rgba(16, 16, 16, 0);
  --color-transparent-black-10: rgba(16, 16, 16, 0.04);
  --color-transparent-black-20: rgba(16, 16, 16, 0.12);
  --color-transparent-black-30: rgba(16, 16, 16, 0.2);
  --color-transparent-black-40: rgba(16, 16, 16, 0.48);
  --color-transparent-black-50: rgba(16, 16, 16, 0.88);
  /* Color / Transparent / Dark Grey */
  --color-transparent-dark-grey-0: rgba(39, 39, 39, 0);
  --color-transparent-dark-grey-10: rgba(39, 39, 39, 0.04);
  --color-transparent-dark-grey-20: rgba(39, 39, 39, 0.12);
  --color-transparent-dark-grey-30: rgba(39, 39, 39, 0.2);
  --color-transparent-dark-grey-40: rgba(39, 39, 39, 0.48);
  --color-transparent-dark-grey-50: rgba(39, 39, 39, 0.88);
  /* Color / Others */
  --color-bubblegum: #f1a7dc;
  --color-afterglow: #ffb549;
  --color-glow-stick: #78d64b;
  --color-wet-dream: #9adbe8;
  --color-kiss-kiss: #ef343f;
  --color-vibey-violet: #6344bb;
  --color-bratty: #ceea80;
  --color-ocean-eyes: #0657c3;
  --color-ink-blot: #351f65;
  --color-lemonade: #f9e27d;
  --color-wine-stained: #890b58;
  --color-lavendar-milk: #c5b4e3;
  --color-latex-pink: #eb6fbd;
  --color-apricot: #ff9d6d;
  /* Spacing */
  --spacing-0: 0px;
  --spacing-50: 2px;
  --spacing-100: 4px;
  --spacing-200: 8px;
  --spacing-300: 12px;
  --spacing-400: 16px;
  --spacing-500: 20px;
  --spacing-600: 24px;
  --spacing-700: 32px;
  --spacing-800: 40px;
  /* Corner Radius */
  --corner-radius-0: 0px;
  --corner-radius-50: 2px;
  --corner-radius-100: 4px;
  --corner-radius-200: 8px;
  --corner-radius-300: 12px;
  --corner-radius-400: 16px;
  --corner-radius-500: 20px;
  --corner-radius-600: 24px;
  --corner-radius-700: 32px;
  --corner-radius-800: 48px;
  --corner-radius-full: 100px;
  /* Blur */
  --blur-50: 2px;
  --blur-100: 8px;
  --blur-200: 16px;
  --blur-300: 20px;
  --blur-400: 32px;
  /* ------ End Primitives ------ */
  /* ------ Start Tokens ------ */
  /* Background */
  --background-neutral: var(--color-grey-110);
  --background-neutral-transparent: var(--color-transparent-white-50);
  --background-neutral-light-transparent: var(--color-transparent-white-40);
  --background-ultra-low-contrast: var(--color-grey-105);
  --background-low-contrast: var(--color-grey-100);
  --background-low-contrast-transparent: var(
      --color-transparent-light-grey-50
  );
  --background-mid-contrast: var(--color-grey-90);
  --background-high-contrast: var(--color-grey-60);
  --background-full-contrast: var(--color-grey-10);
  --background-brand-primary: var(--color-primary-50);
  --background-low-brand-primary: var(--color-primary-110);
  --background-brand-secondary: var(--color-secondary-50);
  --background-low-brand-secondary: var(--color-secondary-110);
  --background-white: var(--color-grey-110);
  --background-white-transparent: var(--color-transparent-white-50);
  --background-white-light-transparent: var(--color-transparent-white-40);
  --background-black: var(--color-grey-10);
  --background-black-transparent: var(--color-transparent-black-50);
  --background-black-light-transparent: var(--color-transparent-black-40);
  /* Background / System */
  --background-system-success: var(--color-green-40);
  --background-system-success-light: var(--color-green-100);
  --background-system-warning: var(--color-yellow-60);
  --background-system-warning-light: var(--color-yellow-100);
  --background-system-error: var(--color-red-60);
  --background-system-error-light: var(--color-red-100);
  /* Background / Badge */
  --background-badge-private-light: var(--color-red-100);
  --background-badge-promoted-light: var(--color-blue-100);
  --background-badge-gaming-light: var(--color-purple-100);
  --background-badge-new-tag-light: var(--color-green-100);
  --background-badge-spy-light: var(--color-yellow-100);
  --background-badge-new-tag: var(--color-green-40);
  /* Background / Chat */
  --background-chat-tip: #fdff4a;
  --background-chat-fanclub: var(--color-green-60);
  --background-chat-private-request: #f66100;
  --background-chat-goal-completion: var(--color-grey-100);
  /* Background / Button */
  --background-button-brand-primary: var(--color-primary-50);
  --background-button-brand-primary-light: var(
      --background-low-brand-primary
  );
  --background-button-brand-secondary: var(--color-secondary-50);
  --background-button-brand-secondary-light: var(
      --background-low-brand-secondary
  );
  --background-button-neutral: var(--background-neutral);
  --background-button-neutral-transparent: var(--color-transparent-white-40);
  --background-button-grey-light: var(--color-grey-100);
  --background-button-grey-light-transparent: var(
      --color-transparent-light-grey-40
  );
  --background-button-grey: var(--background-mid-contrast);
  --background-button-success: var(--background-system-success);
  --background-button-warning: var(--background-system-warning);
  --background-button-error: var(--background-system-error);
  --background-button-white: var(--color-grey-110);
  --background-button-white-transparent: var(--color-transparent-white-40);
  --background-button-fanclub: var(--color-green-40);
  /* Background / Others */
  --background-others-popup-neutral: var(--color-grey-110);
  --background-others-popup-neutral-light-contrast: var(--color-grey-100);
  --background-others-plain-tooltip: var(--color-transparent-black-50);
  --background-others-follow: var(--color-lemonade);
  --background-others-tooltip: var(--color-transparent-dark-grey-50);
  --background-button-green-light: var(--color-green-110);
  /* Background / Broadcast */
  --background-broadcast-live: var(--color-green-90);
  --background-broadcast-private: var(--color-purple-90);
  --background-broadcast-hidden: var(--color-green-30);
  --background-broadcast-away: var(--color-yellow-90);
  --background-broadcast-offline: var(--color-grey-90);
  --background-broadcast-hd-resolution: var(--color-grey-90);
  --background-broadcast-4k-resolution: var(--color-grey-20);
  /* Text */
  --text-brand-primary: var(--color-primary-50);
  --text-brand-secondary: var(--color-secondary-40);
  --text-primary: var(--color-grey-10);
  --text-primary-contrast: var(--color-grey-110);
  --text-secondary: var(--color-grey-50);
  --text-light: var(--color-grey-70);
  --text-white: var(--color-grey-110);
  --text-black: var(--color-grey-10);
  /* Text / System */
  --text-system-success: var(--color-green-40);
  --text-system-warning: var(--color-yellow-50);
  --text-system-error: var(--color-red-50);
  /* Text / Badge */
  --text-badge-private: var(--color-red-60);
  --text-badge-promoted: var(--color-blue-60);
  --text-badge-gaming: var(--color-purple-60);
  --text-badge-new-tag: var(--color-green-40);
  --text-badge-spy: var(--color-yellow-50);
  /* Text / Chat */
  --text-chat-broadcaster: var(--color-primary-50);
  --text-chat-moderator: var(--color-red-50);
  --text-chat-fan-member: var(--color-green-40);
  --text-chat-tipped-1k: var(--color-purple-40);
  --text-chat-tipped-250: var(--color-purple-60);
  --text-chat-tipped-50: var(--color-blue-30);
  --text-chat-purchased-tkns: var(--color-blue-60);
  --text-chat-no-tkns: var(--color-grey-50);
  /* Text / Button */
  --text-button-white: var(--color-grey-110);
  --text-button-primary-disabled: var(--color-grey-110);
  --text-button-neutral: var(--color-grey-10);
  --text-button-neutral-disabled: var(--color-grey-70);
  --text-button-brand: var(--color-secondary-40);
  /* Border */
  --border-low: var(--color-grey-100);
  --border-medium: var(--color-grey-90);
  --border-high: var(--color-grey-70);
  --border-contrast: var(--color-grey-30);
  --border-transparent: var(--color-transparent-black-30);
  --border-brand: var(--color-secondary-110);
  /* Border / Button */
  --border-button-primary: var(--color-primary-50);
  --border-button-secondary: var(--color-secondary-50);
  --border-button-neutral: var(--border-medium);
  --border-button-neutral-high: var(--border-high);
  --border-button-neutral-contrast: var(--border-contrast);
  --border-button-focused: var(--color-secondary-40);
  /* Overlay */
  --overlay-backdrop-popup: var(--color-transparent-black-30);
  --overlay-low: var(--color-transparent-black-10);
  --overlay-medium: var(--color-transparent-black-30);
  --overlay-high: var(--color-transparent-black-40);
  --overlay-backdrop-popup: var(--overlay-medium);
  /* Overlay / Button */
  --overlay-button-hover-bright: var(--color-transparent-white-20);
  --overlay-button-hover: var(--color-transparent-black-10);
  --overlay-button-press: var(--color-transparent-black-30);
  --overlay-button-brand-primary-hover: var(
      --color-transparent-brand-primary-10
  );
  --overlay-button-brand-primary-press: var(
      --color-transparent-brand-primary-30
  );
  --overlay-button-brand-secondary-hover: var(
      --color-transparent-brand-secondary-10
  );
  --overlay-button-brand-secondary-press: var(
      --color-transparent-brand-secondary-30
  );
  /* Drop Shadow */
  --drop-shadow-low: var(--color-transparent-black-20);
  --drop-shadow-medium: var(--color-transparent-black-30);
  --drop-shadow-high: var(--color-transparent-black-50);
  --drop-shadow-adaptive-low: var(--color-transparent-black-20);
  --drop-shadow-adaptive-medium: var(--color-transparent-black-30);
  --drop-shadow-adaptive-high: var(--color-transparent-black-50);
  /* Gradient */
  --gradient-neutral-full: var(--color-grey-110);
  --gradient-neutral-clear: var(--color-transparent-white-0);
  --gradient-light-grey-full: var(--color-grey-100);
  --gradient-light-grey-clear: var(--color-transparent-light-grey-0);
  --gradient-black-full: var(--color-grey-10);
  --gradient-black-clear: var(--color-transparent-black-0);
  --gradient-white-full: var(--color-grey-110);
  --gradient-white-clear: var(--color-transparent-white-0);
  /* Logo */
  --logo: var(--color-primary-60);
  /* Spacing */
  --spacing-none: var(--spacing-0);
  --spacing-2xs: var(--spacing-50);
  --spacing-xs: var(--spacing-100);
  --spacing-sm: var(--spacing-200);
  --spacing-md: var(--spacing-300);
  --spacing-lg: var(--spacing-400);
  --spacing-xl: var(--spacing-500);
  --spacing-2xl: var(--spacing-600);
  --spacing-3xl: var(--spacing-700);
  --spacing-4xl: var(--spacing-800);
  /* Corner Radius */
  --corner-radius-none: var(--corner-radius-0);
  --corner-radius-2xs: var(--corner-radius-50);
  --corner-radius-xs: var(--corner-radius-100);
  --corner-radius-sm: var(--corner-radius-200);
  --corner-radius-md: var(--corner-radius-300);
  --corner-radius-lg: var(--corner-radius-400);
  --corner-radius-xl: var(--corner-radius-500);
  --corner-radius-2xl: var(--corner-radius-600);
  --corner-radius-3xl: var(--corner-radius-700);
  --corner-radius-4xl: var(--corner-radius-800);
  /* Blur */
  --blur-x-light: var(--blur-50);
  --blur-light: var(--blur-100);
  --blur-low: var(--blur-200);
  --blur-medium: var(--blur-300);
  --blur-high: var(--blur-400);
  /* Blur / Backdrop Filter */
  --blur-low-backdrop-filter: blur(calc(var(--blur-100) / 2));
  --blur-mid-backdrop-filter: blur(calc(var(--blur-300) / 2));
  --blur-high-backdrop-filter: blur(calc(var(--blur-400) / 2));
  --blur-shadow-mid-backdrop-filter: blur(calc(var(--blur-medium) / 2));
}

/* Dark Mode For Native UI Elements */
html:has(body.darkMode.evolveMode) {
  color-scheme: dark;
}

.darkMode .evolveMode,
.darkMode.evolveMode {
  /* Background */
  --background-neutral: var(--color-grey-10);
  --background-neutral-transparent: var(--color-transparent-black-50);
  --background-neutral-light-transparent: var(--color-transparent-black-40);
  --background-ultra-low-contrast: var(--color-grey-15);
  --background-low-contrast: var(--color-grey-20);
  --background-low-contrast-transparent: var(
      --color-transparent-dark-grey-50
  );
  --background-mid-contrast: var(--color-grey-30);
  --background-high-contrast: var(--color-grey-60);
  --background-full-contrast: var(--color-grey-110);
  --background-brand-primary: var(--color-primary-50);
  --background-low-brand-primary: var(--color-primary-20);
  --background-brand-secondary: var(--color-secondary-50);
  --background-low-brand-secondary: var(--color-secondary-20);
  --background-white: var(--color-grey-110);
  --background-white-transparent: var(--color-transparent-white-50);
  --background-white-light-transparent: var(--color-transparent-white-40);
  --background-black: var(--color-grey-10);
  --background-black-transparent: var(--color-transparent-black-50);
  --background-black-light-transparent: var(--color-transparent-black-40);
  /* Background / System */
  --background-system-success: var(--color-green-40);
  --background-system-success-light: var(--color-green-20);
  --background-system-warning: var(--color-yellow-60);
  --background-system-warning-light: var(--color-yellow-20);
  --background-system-error: var(--color-red-60);
  --background-system-error-light: var(--color-red-20);
  /* Background / Badge */
  --background-badge-private-light: var(--color-red-20);
  --background-badge-promoted-light: var(--color-blue-20);
  --background-badge-gaming-light: var(--color-purple-20);
  --background-badge-new-tag-light: var(--color-green-20);
  --background-badge-spy-light: var(--color-yellow-20);
  --background-badge-new-tag: var(--color-green-40);
  /* Background / Chat */
  --background-chat-tip: #fdff4a;
  --background-chat-fanclub: var(--color-green-60);
  --background-chat-private-request: #f66100;
  --background-chat-goal-completion: var(--color-grey-100);
  /* Background / Button */
  --background-button-brand-primary: var(--color-primary-50);
  --background-button-brand-primary-light: var(
      --background-low-brand-primary
  );
  --background-button-brand-secondary: var(--color-secondary-50);
  --background-button-brand-secondary-light: var(
      --background-low-brand-secondary
  );
  --background-button-neutral: var(--background-neutral);
  --background-button-neutral-transparent: var(--color-transparent-black-40);
  --background-button-grey-light: var(--color-grey-30);
  --background-button-grey-light-transparent: var(
      --color-transparent-dark-grey-40
  );
  --background-button-grey: var(--background-mid-contrast);
  --background-button-success: var(--background-system-success);
  --background-button-warning: var(--background-system-warning);
  --background-button-error: var(--background-system-error);
  --background-button-white: var(--color-grey-110);
  --background-button-white-transparent: var(--color-transparent-white-40);
  --background-button-fanclub: var(--color-green-40);
  /* Background / Broadcast */
  --background-broadcast-live: var(--color-green-30);
  --background-broadcast-private: var(--color-purple-30);
  --background-broadcast-hidden: var(--color-green-90);
  --background-broadcast-away: var(--color-yellow-30);
  --background-broadcast-offline: var(--color-grey-30);
  --background-broadcast-hd-resolution: var(--color-grey-30);
  --background-broadcast-4k-resolution: var(--color-grey-20);
  /* Background / Others */
  --background-others-popup-neutral: var(--color-grey-20);
  --background-others-popup-neutral-light-contrast: var(--color-grey-30);
  --background-others-plain-tooltip: var(--color-transparent-dark-grey-50);
  --background-others-follow: var(--color-lemonade);
  /* Text */
  --text-brand-primary: var(--color-primary-70);
  --text-brand-secondary: var(--color-secondary-60); /* brand color */
  --text-primary: var(--color-grey-110);
  --text-primary-contrast: var(--color-grey-10);
  --text-secondary: var(--color-grey-70);
  --text-light: var(--color-grey-60);
  --text-white: var(--color-grey-110);
  --text-black: var(--color-grey-10);
  /* Text / System */
  --text-system-success: var(--color-green-60);
  --text-system-warning: var(--color-yellow-60);
  --text-system-error: var(--color-red-70);
  /* Text / Badge */
  --text-badge-private: var(--color-red-60);
  --text-badge-promoted: var(--color-blue-80);
  --text-badge-gaming: var(--color-purple-80);
  --text-badge-new-tag: var(--color-green-60);
  --text-badge-spy: var(--color-yellow-60);
  /* Text / Chat */
  --text-chat-broadcaster: var(--color-primary-70);
  --text-chat-moderator: var(--color-red-70);
  --text-chat-fan-member: var(--color-green-60);
  --text-chat-tipped-1k: var(--color-purple-60);
  --text-chat-tipped-250: var(--color-purple-80);
  --text-chat-tipped-50: var(--color-blue-50);
  --text-chat-purchased-tkns: var(--color-blue-70);
  --text-chat-no-tkns: var(--color-grey-70);
  /* Button Text */
  --text-button-white: var(--color-grey-110);
  --text-button-primary-disabled: var(--color-grey-70);
  --text-button-neutral: var(--color-grey-110);
  --text-button-neutral-disabled: var(--color-grey-60);
  --text-button-brand: var(--color-secondary-60);
  /* Border */
  --border-low: var(--color-grey-20);
  --border-medium: var(--color-grey-40);
  --border-high: var(--color-grey-50);
  --border-contrast: var(--color-grey-90);
  --border-transparent: var(--color-transparent-white-30);
  --border-brand: var(--color-secondary-20);
  /* Border / Button */
  --border-button-primary: var(--color-primary-70);
  --border-button-secondary: var(--color-secondary-70);
  --border-button-neutral: var(--border-medium);
  --border-button-neutral-high: var(--border-high);
  --border-button-neutral-contrast: var(--border-contrast);
  --border-button-focused: var(--color-secondary-80);
  /* Overlay */
  --overlay-backdrop-popup: var(--color-transparent-black-40);
  --overlay-low: var(--color-transparent-black-10);
  --overlay-medium: var(--color-transparent-black-30);
  --overlay-high: var(--color-transparent-black-40);
  --overlay-backdrop-popup: var(--overlay-high);
  /* Overlay / Button */
  --overlay-button-hover-bright: var(--color-transparent-black-20);
  --overlay-button-hover: var(--color-transparent-white-10);
  --overlay-button-press: var(--color-transparent-white-30);
  --overlay-button-brand-primary-hover: var(
      --color-transparent-brand-primary-20
  );
  --overlay-button-brand-primary-press: var(
      --color-transparent-brand-primary-40
  );
  --overlay-button-brand-secondary-hover: var(
      --color-transparent-brand-secondary-20
  );
  --overlay-button-brand-secondary-press: var(
      --color-transparent-brand-secondary-40
  );
  /* Drop Shadow */
  --drop-shadow-low: var(--color-transparent-black-30);
  --drop-shadow-medium: var(--color-transparent-black-50);
  --drop-shadow-high: var(--color-transparent-black-50);
  --drop-shadow-adaptive-low: var(--color-transparent-white-20);
  --drop-shadow-adaptive-medium: var(--color-transparent-white-30);
  --drop-shadow-adaptive-high: var(--color-transparent-white-50);
  /* Gradient */
  --gradient-neutral-full: var(--color-grey-10);
  --gradient-neutral-clear: var(--color-transparent-black-0);
  --gradient-light-grey-full: var(--color-grey-20);
  --gradient-light-grey-clear: var(--color-transparent-dark-grey-0);
  --gradient-black-full: var(--color-grey-10);
  --gradient-black-clear: var(--color-transparent-black-0);
  --gradient-white-full: var(--color-grey-110);
  --gradient-white-clear: var(--color-transparent-white-0);
  /* Logo */
  --logo: var(--color-grey-110);
  /* ------ End Tokens ------ */
}

.top_alert {
  background-color: #ffffd3;
  padding: 40px 30px;
  margin: 20px;
  text-align: left;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 25px;
  line-height: 32px;
  text-decoration: none;
  color: #494949;
  position: relative;
}
.top_alert span,
.top_alert a,
.top_alert li {
  font-size: 25px;
}
.top_alert a {
  color: #0c6a93;
  font-weight: bold;
}

.top_alert_close {
  display: inline-block;
  padding: 0;
  position: absolute;
  font-size: 50px;
  right: 10px;
  top: 5px;
  user-select: none;
  -webkit-user-select: none;
}

#header {
  position: relative;
  width: 100%;
  background: #fff url(../../images/bg-body.gif?588dc80f5af1) repeat-x;
  -webkit-text-size-adjust: none;
}
#header .ad,
#header .vote-banner {
  position: absolute;
  display: inline-block;
  margin-top: 10px;
  left: 270px;
  width: 468px;
  height: 60px;
  z-index: 10;
}
#header .ad img,
#header .vote-banner img {
  display: block;
}
#header .section {
  height: 88px;
  width: 100%;
}
#header .right_section {
  position: absolute;
  right: 0;
}
#header #user_information {
  color: rgb(73, 73, 73);
  border-color: #0c6a93;
}
.darkmode #header #user_information {
  color: rgb(179, 179, 179);
  border-color: transparent;
}
#header #user_information.uip_v2 a.uip_btn.uip_primary {
  background: #f47321;
  color: #ffffff;
  border-color: #d56125;
}
#header #user_information.uip_v2 a.uip_btn.uip_secondary {
  background: #ffffff;
  color: #6c6c78;
  border-color: #acacac;
}
.darkmode #header #user_information.uip_v2 a.uip_btn.uip_secondary {
  background-color: #272a2c;
  color: #dedede;
  border-color: #474747;
}
#header #user_information.uip_v2 a.uip_btn.uip_secondary.triggerElement {
  border-color: #acacac;
}
.darkmode #header #user_information.uip_v2 a.uip_btn.uip_secondary.triggerElement {
  border-color: #474747;
}
#header #user_information.uip_v2 a.uip_btn.uip_secondary.triggerElement.tabindex_fix {
  border-color: #d56125;
}
#header #user_information.uip_v2 a.uip_btn .token_img {
  background-image: url(../../images/uip_tokens.svg?1a695b98c8a7);
}
.darkmode #header #user_information.uip_v2 a.uip_btn .token_img {
  background-image: url(../../images/uip_tokens_darkmode.svg?5a603b1e7789);
}
#header #user_information.uip_v2 .user_information_header_icon.anonymous {
  background-image: url(../../images/gendericons/anon_dark.svg?7a02cebefc89);
}
.darkmode #header #user_information.uip_v2 .user_information_header_icon.anonymous {
  background-image: url(../../images/gendericons/anon.svg?00993266cf7f);
}
#header #user_information .user_information_header {
  background-color: #0c6a93;
}
.darkmode #header #user_information .user_information_header {
  background-color: #2d3e50;
}
#header #user_information .bottom {
  background-color: #e9e9e9;
}
.darkmode #header #user_information .bottom {
  background-color: #202c39;
}
#header #user_information .bottom a {
  color: #f47321;
}
.darkmode #header #user_information .bottom a {
  color: #f47321;
}
#header #user_information .bottom a.tokencountlink,
#header #user_information .bottom strong.auip_tokens {
  color: #494949;
}
.darkmode #header #user_information .bottom a.tokencountlink,
.darkmode #header #user_information .bottom strong.auip_tokens {
  color: rgb(179, 179, 179);
}
#header #user_information .user_information_header_username {
  color: rgb(255, 255, 255);
}
#header #user_information .user_information_header_username.uip_v2 {
  color: #49494f;
}
.darkmode #header #user_information .user_information_header_username.uip_v2 {
  color: #fcfcfc;
}
#header #user_information .user_information_status.uip_v2 {
  color: #6c6c78;
}
.darkmode #header #user_information .user_information_status.uip_v2 {
  color: #cbcbcb;
}
#header #user_information .user_information_status.uip_v2.supporter {
  color: #f47321;
}
#header #user_information .uipTestLink {
  background-color: #fff;
  color: #0c6a93;
}
#header #user_information .uipTestLink:hover {
  background-color: #0c6a93;
  color: #fff;
}
.darkmode #header #user_information .uipTestLink:hover {
  background-color: #7f7f7f;
}
.darkmode #header #user_information .uipTestLink {
  background-color: #2a2a2c;
  color: #fff;
}
#header #user_information .user_information_header_arrowdown.uip_v2 {
  background-image: url(../../images/arrowdown_black.svg?d52de6552c38);
}
.darkmode #header #user_information .user_information_header_arrowdown.uip_v2 {
  background-image: url(../../images/arrowdown_grey.svg?8d913e8950f8);
}
#header #user_information .user_information_icon {
  background: center/contain no-repeat;
}
#header #user_information .chat_bubble {
  background-image: url(../../images/chat-bubble-gray.svg?7d187139b245);
}
#header #user_information .chat_bubble.active {
  background-image: url(../../images/chat-bubble-normal.svg?9ca8fb9daa5e);
}
#header #user_information .chat_bubble.has_unread {
  background-image: url(../../images/chat-bubble-new.svg?1a2e10645f4a);
}
#header #user_information .notification_bell {
  background-image: url(../../images/bell_inactive.svg?b7c610114958);
}
.darkmode #header #user_information .notification_bell {
  background-image: url(../../images/darkmode_bell_inactive.svg?62c64de3f3a4);
}
#header #user_information .notification_bell.has_unseen {
  background-image: url(../../images/bell_notification.svg?7c8c88191e0c);
}
.darkmode #header #user_information .notification_bell.has_unseen {
  background-image: url(../../images/darkmode_bell_notification.svg?f91063ab46c7);
}
#header #user_information #userUpdatesBellRoot.has_unseen .notification_bell.uip_v2 {
  background-image: url(../../images/bell_notification_black.svg?9f7cd01adff1);
}
.darkmode #header #user_information #userUpdatesBellRoot.has_unseen .notification_bell.uip_v2 {
  background-image: url(../../images/darkmode_bell_notification.svg?f91063ab46c7);
}
#header #user_information .notification_bell.active {
  background-image: url(../../images/bell_active.svg?6e820b132257);
}
.darkmode #header #user_information .notification_bell.active {
  background-image: url(../../images/darkmode_bell_active.svg?be025e95b1a2);
}
#header #user_information {
  display: inline-block;
  width: auto;
  min-width: 247px;
  margin-top: 13px;
  margin-right: 15px;
  z-index: 100;
  text-align: left;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-radius: 4px 4px 0 0;
  font-size: 11px;
  position: relative;
  box-sizing: border-box;
}
#header #user_information.lang-hi, #header #user_information.lang-ja, #header #user_information.lang-zh {
  margin-top: 9px;
}
#header #user_information a.tokencountlink,
#header #user_information strong.auip_tokens {
  font-size: 13px;
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
}
#header #user_information table th,
#header #user_information table td,
#header #user_information a {
  font: 11px "UbuntuMedium", Arial, Helvetica, sans-serif;
  text-align: left;
}
#header #user_information table th.auip_links,
#header #user_information table td.auip_links,
#header #user_information a.auip_links {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
}
#header #user_information table tr td:last-child a {
  text-align: right;
}
#header #user_information table tr td:last-child {
  text-align: right;
}
#header #user_information table th,
#header #user_information table td {
  padding: 2px 0 2px 5px;
}
#header #user_information .bottom table td strong {
  font: 13px "UbuntuBold", Arial, Helvetica, sans-serif;
}
#header #user_information .overflow {
  width: 105px;
  height: 15px;
  overflow: hidden;
}
#header #user_information a {
  cursor: pointer;
}
#header #user_information .bottom {
  height: 42px;
  padding: 4px 4px 4px 0;
}
#header #user_information .user_information_header {
  padding: 3px 0 4px;
  height: 17px;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
.darkmode #header #user_information .user_information_header {
  border-radius: 4px 4px 0 0;
}
#header #user_information .user_information_header .user_information_container {
  display: inline-block;
  cursor: pointer;
}
#header #user_information .user_information_header .user_information_container.anonymous > .user_information_header_icon {
  top: 0;
}
#header #user_information .user_information_container:hover span {
  text-decoration: underline;
}
#header #user_information .user_information_header_icon {
  vertical-align: top;
  padding-left: 2px;
  position: relative;
  margin-left: 3px;
  top: -1px;
  width: 16px;
  height: 16px;
}
#header #user_information .user_information_header_username {
  display: inline-block;
  font-family: "UbuntuBold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  position: relative;
  margin: 0 2px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  line-height: 17px;
  cursor: pointer;
}
#header #user_information .user_information_header_arrowdown {
  border: none;
  vertical-align: top;
  position: relative;
  top: 4px;
  width: 8px;
  height: 8px;
}
#header #user_information .messaging_icon {
  margin-right: 8px;
}
#header #user_information .user_information_icon {
  border: none;
  cursor: pointer;
  float: right;
  height: 16px;
  width: 13px;
}
#header #user_information .chat_bubble {
  margin-right: 8px;
  width: 16px;
}
#header #user_information .notification_bell {
  margin-right: 6px;
}
#header .anon_dropdown_container {
  display: inline;
  position: relative;
}
#header .tabindex_fix {
  outline: none;
}

#desktop-spa-header {
  height: 102px;
  background: #f8f9fa;
  border-bottom: 1px solid #efefef;
}
.darkmode #desktop-spa-header {
  background: #202c39;
  border-bottom: 1px solid #2d3e50;
}
#desktop-spa-header .header-placeholder {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
#desktop-spa-header .header-placeholder__top-row {
  display: flex;
  align-items: center;
  height: 64px;
  padding: 0 12px;
  box-sizing: border-box;
}
#desktop-spa-header .header-placeholder__logo-link {
  display: inline-block;
}
#desktop-spa-header .header-placeholder__nav-bar {
  display: flex;
  gap: 16px;
  padding: 0 24px 0 20px;
  height: 38px;
  box-sizing: border-box;
  overflow-x: hidden;
}
#desktop-spa-header .header-placeholder__nav-link {
  text-transform: uppercase;
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
  padding: 12px 4px 10px;
  color: #525252;
  text-decoration: none;
}
.darkmode #desktop-spa-header .header-placeholder__nav-link {
  color: #b3b3b3;
}
#desktop-spa-header .header-placeholder__logo {
  width: 140px;
  height: 42px;
  display: block;
}
@media screen and (max-width: 535px) {
  #desktop-spa-header .header-placeholder__logo {
    width: 115px;
  }
}
#desktop-spa-header .header-placeholder__logo.dark {
  display: none;
}
.darkmode #desktop-spa-header .header-placeholder__logo.light, .darkMode #desktop-spa-header .header-placeholder__logo.light {
  display: none;
}
.darkmode #desktop-spa-header .header-placeholder__logo.dark, .darkMode #desktop-spa-header .header-placeholder__logo.dark {
  display: block;
}

body.wlblEvolveMode #desktop-spa-header .header-placeholder__logo {
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 42px;
}

@media screen and (max-width: 1030px) {
  #header .ad {
    display: none;
  }
}
.nav-bar {
  overflow: hidden;
  height: 1%;
  padding: 0 15px;
  background: #0c6a93;
  border-bottom: 3px solid #f47321;
  white-space: nowrap;
}
.nav-bar .login-link.login--lginxsu {
  float: right;
  color: white;
  font: 1.166em "UbuntuMedium", Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 0 #000;
  text-transform: uppercase;
  padding: 12px 20px;
  margin: 0 8px 0 0;
}
.nav-bar .purchase_tokens {
  display: inline-block;
  color: #fff;
}
.nav-bar .purchase_tokens a {
  float: none;
}
.nav-bar #beta {
  height: 14px;
  vertical-align: text-top;
  margin: 0 0 0 3px;
  background: #f47321;
  border-radius: 2px;
  color: #fff;
  padding: 0 4px 0 3px;
  text-shadow: none;
  font: 11px "UbuntuRegular", Arial, Helvetica, sans-serif;
  line-height: 1.7;
}
.nav-bar #tube-link-container:hover {
  text-decoration: none;
}
.nav-bar #tube-link:hover {
  text-decoration: underline;
}
.nav-bar .broadcast-yourself {
  float: right !important;
}

.nav-bar,
.header-dropdown {
  padding: 0 0 0 15px;
}
.nav-bar a.followed-header:hover > div,
.header-dropdown a.followed-header:hover > div {
  text-decoration: underline;
}

#nav {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 30px;
  height: 36px;
  overflow: hidden;
  display: block;
  box-sizing: content-box;
  width: 100%;
}
#nav li {
  font: 1.166em "UbuntuMedium", Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 0 #000;
  padding: 12px 0 3px 0;
  float: left;
  margin: 0 20px 0 0;
}
#nav li a {
  color: #fff;
}
#nav li a.new-header-tab:hover {
  text-decoration: none;
}
#nav li a.new-header-tab:hover .header-title {
  text-decoration: underline;
}
#nav div {
  color: #fff;
}

.sub-nav {
  display: inline-block;
  position: relative;
  top: 3px;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 27px;
  font: 0.8666em/16px "UbuntuMedium", Arial, Helvetica, sans-serif;
}
.sub-nav li {
  float: left;
  margin: 0 2px 0 0;
  height: 27px;
  vertical-align: top;
}
.sub-nav li.selected {
  font-size: 1.153em;
  line-height: 16px;
}

#mybroadcast-nav-tab a,
#contest_nav_tab a {
  color: #090;
}

.gender-tab a,
a.gender-tab,
.sub-nav li > a {
  float: left;
  box-sizing: border-box;
  height: 27px;
  color: #0c6a93;
  background: #dde9f5;
  border: 1px solid #8bb3da;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  padding: 5px 11px 4px;
  text-decoration: none;
  font-size: 13px;
  cursor: pointer;
}
.gender-tab ahover, .active .gender-tab a,
a.gender-tabhover,
.active a.gender-tab,
.sub-nav li > ahover,
.active .sub-nav li > a {
  background: #fff;
  color: #f47321;
  border-bottom: 1px solid #fff;
  cursor: default;
}
.gender-tab a.activeRoom,
a.gender-tab.activeRoom,
.sub-nav li > a.activeRoom {
  font-size: 15px;
  max-width: 180px;
  padding: 4px 11px 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gender-tab.collapsed a {
  float: none;
  display: inline-block;
}

.darkmode #header {
  background: #17202a;
}
.darkmode .logo-zone strong {
  color: rgb(179, 179, 179);
}

.evolveMode #desktop-spa-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: unset;
  border-bottom: none;
  height: 64px;
}

.footer-holder {
  padding: 20px 0 15px;
  width: 100%;
  overflow: hidden;
  font: 0.833em/1.2em "UbuntuRegular", Arial, Helvetica, sans-serif;
  text-align: center;
  background: url(../../images/bg-footer-holder.gif?cc1e09ef1e7a) repeat-x;
}
.footer-holder .footer-category-header {
  display: block;
  margin-block: 0.83em;
}
.footer-holder p {
  margin: 0 0 8px;
}
.footer-holder ul {
  text-align: center;
  list-style: none;
  margin: 0;
  padding: 0 65px 27px;
  font: 12px/20px "UbuntuMedium", Arial, Helvetica, sans-serif;
}
.footer-holder ul li {
  display: inline;
  padding: 0 3px 0 4px;
  background: url(../../images/divider-01.gif?f035b6ed9178) no-repeat 0 50%;
  white-space: nowrap;
}
.footer-holder ul li:first-child {
  background: none;
}
.footer-holder ul li form {
  display: inherit;
}
.footer-holder ul li form input[type=submit] {
  color: #6b6b6b;
  font: inherit;
  padding: inherit;
  border: inherit;
  background: inherit;
}
.footer-holder ul li form input[type=submit]:hover {
  text-decoration: underline;
  cursor: pointer;
}
.footer-holder .nav {
  font: 13px/15px "UbuntuMedium", Arial, Helvetica, sans-serif;
  padding: 0 65px 13px;
}
.footer-holder .nav li {
  padding: 0 7px 0 11px;
}
.footer-holder .nav li a {
  color: #f47321;
}
.footer-holder #social-media-icons li {
  padding: 0 10px;
  background: none;
  height: 20px;
  line-height: 20px;
}
.footer-holder #social-media-icons li a {
  height: 20px;
  line-height: 20px;
}

.darkmode .footer-holder {
  background: #17202a;
  border-top: 5px solid #2a323f;
}
.darkmode .footer-holder span,
.darkmode .footer-holder h2,
.darkmode .footer-holder .nav li a,
.darkmode .footer-holder ul li a,
.darkmode .footer-holder a,
.darkmode .footer-holder p {
  color: rgb(179, 179, 179);
}
.footer-holder .footer-cb-address {
  background: transparent url(../../images/cb-footer-address-US.svg?32f8dfba1611) no-repeat center;
  background-size: contain;
  text-align: center;
  margin: 5px auto;
  display: block;
  height: 10px;
}
.darkmode .footer-holder .footer-cb-address {
  background: transparent url(../../images/cb-footer-address-US_dm.svg?01811869745d) no-repeat center;
  background-size: contain;
}
.footer-holder .twitter-x-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-image: url(../../images/socialmediaicons/social-media-twitter-x.svg?e691b5a2dd4a);
}
.darkmode .footer-holder .twitter-x-icon {
  background-image: url(../../images/socialmediaicons/social-media-twitter-x-white.svg?b56166e93901);
}
.footer-holder .facebook-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-image: url(../../images/socialmediaicons/social-media-facebook.svg?b69d5c540aef);
}
.darkmode .footer-holder .facebook-icon {
  background-image: url(../../images/socialmediaicons/social-media-facebook_dm.svg?1b501e9442dc);
}
.footer-holder .instagram-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-image: url(../../images/socialmediaicons/social-media-instagram.svg?c9ef6571733d);
}
.darkmode .footer-holder .instagram-icon {
  background-image: url(../../images/socialmediaicons/social-media-instagram_dm.svg?d771b2e44d25);
}

.evolveMode .footercon a {
  color: var(--text-button-brand);
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
}
.evolveMode .footercon h2,
.evolveMode .footercon span {
  color: var(--text-primary);
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}
.evolveMode .footer-holder {
  background: var(--background-neutral);
}
.evolveMode .footer-holder .nav {
  padding: 0 65px 20px;
}
.evolveMode .footer-holder .nav li {
  padding: 0 7px 0 11px;
}
.evolveMode .footer-holder .nav li a {
  color: var(--text-brand-primary);
  font-size: 14px;
  line-height: 20px;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
}
.evolveMode .footer-holder ul li form input[type=submit] {
  color: var(--text-primary);
  font-size: 12px;
  line-height: 16px;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
}
.evolveMode .footer-holder .langs {
  padding-bottom: 20px;
}
.evolveMode .footer-holder .langs li {
  background-position: 0% 4px;
  padding: 0 4px 0 5px;
}
.evolveMode .footer-holder #social-media-icons {
  padding-bottom: 11px;
}
.evolveMode .footer-holder [class^=col] {
  margin: 15px 0 10px 22px;
}
.evolveMode .footer-holder [class^=col] dd {
  margin-bottom: 4px;
}
.evolveMode .footer-holder p,
.evolveMode .footer-holder .footer-cb-address {
  color: var(--text-primary);
  font-size: 12px;
  line-height: 16px;
}
.evolveMode .footer-holder p a,
.evolveMode .footer-holder .footer-cb-address a {
  color: var(--text-button-brand);
  font-size: 12px;
  line-height: 16px;
}
.evolveMode.darkMode .footer-cb-address {
  background: transparent url(../../images/cb-footer-address-US_dm_evolve.svg?7a58e19a905b) no-repeat center;
  background-size: contain;
}
.evolveMode.darkMode .twitter-x-icon {
  background-image: url(../../images/socialmediaicons/social-media-twitter-x-white.svg?b56166e93901);
}

.pm-control-bar {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-flex-pack: justify;
}

@media screen and (min-width: 0\0 ) {
  .pm-control-bar span {
    display: inline-block;
    height: 100%;
  }
}
#DmWindowBar .pm-more-menus li:hover {
  color: #ccc !important;
}
#DmWindowBar .PrivateChatWindow form input[type=radio] {
  height: 14px;
  width: 14px;
}
#DmWindowBar .PrivateChatWindow form label {
  margin: 3px 8px !important;
}
#DmWindowBar .PrivateChatWindow .send-button {
  background-color: #f47321;
  border: 1px solid #d56125;
  cursor: pointer;
}
#DmWindowBar .PrivateChatWindow .send-button.disabled {
  background-color: grey;
  border: 1px solid grey;
  cursor: wait;
}
#DmWindowBar .PrivateChatWindow div.corner div.me {
  border-radius: 10px 10px 4px 10px !important;
}
#DmWindowBar .PrivateChatWindow div.corner div.other {
  border-radius: 10px 10px 10px 4px !important;
}
#DmWindowBar img.emoticonImage {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: inline-block;
}

.userPanel {
  color: #222;
}
.darkmode .userPanel {
  color: #ccc;
}

/**
 * Generic mixins
 */
.overlay {
  background: transparent url(../../images/overlay_black.png?4979f19d01ae) repeat top left;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1100;
  display: none;
  transform: translateZ(0);
}

#entrance_terms,
#broadcast_terms,
#obs_broadcast_info,
#daily_payout_info {
  position: absolute;
  top: 250px;
  left: 20%;
  right: 20%;
  background-color: #fff;
  color: #7f7f7f;
  padding: 20px;
  display: none;
  border: 2px solid #ccc;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 5px #333;
  -moz-box-shadow: 0 1px 5px #333;
  -ms-box-shadow: 0 1px 5px #333;
  -o-box-shadow: 0 1px 5px #333;
  box-shadow: 0 1px 5px #333;
  z-index: 1100;
  min-width: 700px;
}

.overlay_popup {
  /*
  Used on CB1 chat page for tip and emote popups
  */
}
.overlay_popup .formborder {
  border-top: 2px solid #0c6a93;
  border-right: 2px solid #0c6a93;
  border-left: 2px solid #0c6a93;
  background-color: #fff;
  margin: 0px;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  height: 222px;
}
.overlay_popup td.formborder {
  vertical-align: top;
  display: block;
}
.overlay_popup .divider {
  margin: 0px;
  padding: 0px;
}
.overlay_popup .popup_imgs {
  width: 369px;
  height: auto;
  padding: 8px 10px 6px;
}
.overlay_popup .title {
  margin: 0px;
  padding: 6px 0px 0px 6px;
  background-color: #e0e0e0;
  height: 23px;
  color: #0c6a93;
  font: 15px "UbuntuBold", Arial, Helvetica, sans-serif;
}
.overlay_popup .more {
  margin: 0px;
  padding: 0px 10px 0px;
  width: 369px;
  text-align: right;
}
.overlay_popup .more a {
  color: #d55215;
  font: 13px "UbuntuRegular", Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
.overlay_popup .body {
  padding: 8px 10px 6px;
}
.overlay_popup .body a {
  color: #d55215;
  text-decoration: underline;
  font-weight: normal;
}
.overlay_popup .body form {
  clear: both;
  display: block;
}
.overlay_popup .balance {
  font-weight: bold;
  margin-bottom: 15px;
  float: left;
}
.overlay_popup .balance span {
  color: green;
}
.overlay_popup .purchase_tokens {
  font-size: 0.9em;
  float: right;
}

/**
 * Generic mixins
 */
.overlay {
  background: transparent url(../../images/overlay_black.png?4979f19d01ae) repeat top left;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1100;
  display: none;
  transform: translateZ(0);
}

#entrance_terms,
#broadcast_terms,
#obs_broadcast_info,
#daily_payout_info {
  position: absolute;
  top: 250px;
  left: 20%;
  right: 20%;
  background-color: #fff;
  color: #7f7f7f;
  padding: 20px;
  display: none;
  border: 2px solid #ccc;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 1px 5px #333;
  -moz-box-shadow: 0 1px 5px #333;
  -ms-box-shadow: 0 1px 5px #333;
  -o-box-shadow: 0 1px 5px #333;
  box-shadow: 0 1px 5px #333;
  z-index: 1100;
  min-width: 700px;
}

#entrance_terms .header,
#broadcast_terms .header,
#obs_broadcast_info .header,
#daily_payout_info .header {
  text-align: center;
  color: #222;
}
#entrance_terms p,
#entrance_terms ul,
#broadcast_terms p,
#broadcast_terms ul,
#obs_broadcast_info p,
#obs_broadcast_info ul,
#daily_payout_info p,
#daily_payout_info ul {
  line-height: 1.4em !important;
}
#entrance_terms .esignature_container,
#broadcast_terms .esignature_container,
#obs_broadcast_info .esignature_container,
#daily_payout_info .esignature_container {
  padding: 12px 0;
}
#entrance_terms .esignature_container .esignature,
#broadcast_terms .esignature_container .esignature,
#obs_broadcast_info .esignature_container .esignature,
#daily_payout_info .esignature_container .esignature {
  display: inline-block;
  padding-left: 2px;
  white-space: pre;
  text-decoration: underline;
}
#entrance_terms .scroll,
#broadcast_terms .scroll,
#obs_broadcast_info .scroll,
#daily_payout_info .scroll {
  height: 200px;
  overflow: auto;
  padding: 0 15px 0 10px;
  border: 1px solid #ccc;
  margin: 0 auto;
  text-align: left;
}
#entrance_terms .scroll p,
#broadcast_terms .scroll p,
#obs_broadcast_info .scroll p,
#daily_payout_info .scroll p {
  margin-block-start: 1em !important;
  margin-block-end: 1em !important;
  margin-inline-start: 0 !important;
  margin-inline-end: 0 !important;
}
.darkmode #entrance_terms a,
.darkmode #broadcast_terms a,
.darkmode #obs_broadcast_info a,
.darkmode #daily_payout_info a {
  color: #68b5f0;
}
#entrance_terms .footer,
#broadcast_terms .footer,
#obs_broadcast_info .footer,
#daily_payout_info .footer {
  text-align: center;
  color: #222;
}
#entrance_terms .footer a,
#entrance_terms .footer button,
#broadcast_terms .footer a,
#broadcast_terms .footer button,
#obs_broadcast_info .footer a,
#obs_broadcast_info .footer button,
#daily_payout_info .footer a,
#daily_payout_info .footer button {
  width: 200px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  background-color: orange;
  margin: 10px 5px 0 5px;
  display: inline-block;
  text-align: center;
  border: none;
  padding: 0;
  box-sizing: content-box;
}
#entrance_terms .footer .exit_entrance_terms,
#broadcast_terms .footer .exit_entrance_terms,
#obs_broadcast_info .footer .exit_entrance_terms,
#daily_payout_info .footer .exit_entrance_terms {
  background-color: #ccc;
}

.entrance-terms--shown {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.entrance-terms--shown,
.age-gate--shown {
  background-color: black;
  visibility: hidden;
}
.entrance-terms--shown.lg-tv-black-overlay,
.age-gate--shown.lg-tv-black-overlay {
  background-color: black !important;
  visibility: hidden !important;
}
.entrance-terms--shown.lg-tv-black-overlay #entrance_terms_overlay #age_gate_overlay,
.age-gate--shown.lg-tv-black-overlay #entrance_terms_overlay #age_gate_overlay {
  background: transparent url("../../images/overlay_black.png?4979f19d01ae") repeat top left !important;
}
@supports (filter: blur(5px)) or (-webkit-filter: blur(5px)) {
  .entrance-terms--shown,
  .age-gate--shown {
    background-color: white;
    visibility: visible;
  }
  .entrance-terms--shown #entrance_terms_overlay,
  .entrance-terms--shown #age_gate_overlay,
  .age-gate--shown #entrance_terms_overlay,
  .age-gate--shown #age_gate_overlay {
    background-color: rgba(0, 0, 0, 0.75);
    background-image: none;
  }
}
@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
  .entrance-terms--shown #entrance_terms_overlay,
  .entrance-terms--shown #age_gate_overlay,
  .age-gate--shown #entrance_terms_overlay,
  .age-gate--shown #age_gate_overlay {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }
}
@supports not ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  .entrance-terms--shown *:not(#base):not(#entrance_terms_overlay):not(#age_gate_overlay):not(#entrance_terms_overlay *):not(#age_gate_overlay *),
  .age-gate--shown *:not(#base):not(#entrance_terms_overlay):not(#age_gate_overlay):not(#entrance_terms_overlay *):not(#age_gate_overlay *) {
    filter: blur(5px);
    -webkit-filter: blur(5px);
  }
}

#entrance_terms {
  display: block;
}

#daily_payout_info {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  width: 60%;
  min-width: unset;
}

#entrance_terms_overlay {
  position: fixed;
  overflow: auto;
  display: block;
  background-color: black;
}
#entrance_terms_overlay #entrance_terms {
  min-width: 400px;
  top: 20%;
}
@media (max-width: 900px) {
  #entrance_terms_overlay #entrance_terms {
    left: 10%;
    right: 10%;
  }
}
@media (max-width: 600px) {
  #entrance_terms_overlay #entrance_terms {
    left: 5%;
    right: 5%;
  }
}
@media (max-height: 800px) {
  #entrance_terms_overlay #entrance_terms {
    top: 10%;
  }
}
@media (max-height: 600px) {
  #entrance_terms_overlay #entrance_terms {
    top: 5%;
  }
}

.list .thumbnail_label,
.list .thumbnail_label_featured {
  display: inline-block;
  position: absolute;
  right: 3px;
  padding: 1px 3px 1px 3px;
  text-align: center;
  overflow: hidden;
  color: #fff;
  font: 10px "UbuntuRegular", Arial, Helvetica, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.theme-external .thumbnail_label_recommender {
  display: none;
}

.list .thumbnail_label {
  bottom: 76px;
}

.list .thumbnail_label_featured {
  bottom: 76px;
  border-bottom: 2px solid #dd7f21;
}

.list .thumbnail_label_exhibitionist {
  background-color: #6d85b5;
}

.list .thumbnail_label_recorded {
  background-color: #4f4f4f;
}

.list .thumbnail_label_offline {
  background-color: #4f4f4f;
}

.list .thumbnail_label_plug {
  background-color: #900;
}

.list .thumbnail_label_c {
  background-color: #0c6a93;
}

.list .thumbnail_label_c_promoted {
  background-color: #0471a1;
}

.list .thumbnail_label_c_private_show {
  background-color: #c00;
}

.list .thumbnail_label_c_gaming {
  background-color: #7f26b1;
}

.list .thumbnail_label_c_new {
  background-color: #71b404;
}

#age-gate-signup {
  background-color: white;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 14px;
  max-width: 930px;
  width: 95vw;
  display: flex;
  overflow: auto;
  scrollbar-width: none;
}
#age-gate-signup::-webkit-scrollbar {
  display: none;
}
#age-gate-signup .left-half {
  padding: 20px 30px;
  background-color: rgba(44, 170, 44, 0.05);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 140px;
  flex: 1 2 265px;
}
#age-gate-signup .right-half {
  min-width: 500px;
  height: 570px;
  padding: 20px;
  flex: 1 0 500px;
}
#age-gate-signup .right-half iframe {
  width: 100%;
  height: 100%;
  border: none;
  scrollbar-width: none;
  display: none;
}
#age-gate-signup .right-half iframe::-webkit-scrollbar {
  display: none;
}
#age-gate-signup .text-container {
  margin-top: 80px;
}
#age-gate-signup .text-container img.verified-check {
  height: 40px;
}
#age-gate-signup .text-container h2 {
  color: #222429;
  font-family: UbuntuBold, Arial, Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.4em;
}
#age-gate-signup .text-container p {
  margin-bottom: 2.4em;
  color: black;
}
#age-gate-signup .link-row {
  margin-bottom: 10px;
}
#age-gate-signup .link-row .login {
  padding: 5px 16px 5px 0;
  margin-right: 16px;
  white-space: nowrap;
  display: inline-block;
}
#age-gate-signup .link-row .age-gate-signup-dismiss {
  padding: 5px 0 5px 1px;
  white-space: nowrap;
  display: inline-block;
}

.multi-av {
  position: relative;
  color: #222429;
  max-width: 450px !important;
  box-sizing: border-box;
}
.multi-av .age-gate-tooltip {
  z-index: 1;
}
.multi-av .age-gate-info-icon.blue {
  background-image: url("../../images/info-icon-blue.svg?c88fbc603783") !important;
  width: 14px !important;
  height: 14px !important;
  position: relative;
  top: 1px;
}
.multi-av .header {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
.multi-av .yoti-logo {
  width: 45px;
}
.multi-av #av-choice-submit:focus,
.multi-av #av-keepalive-submit:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .multi-av #av-choice-submit:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])),
.darkmode .multi-av #av-keepalive-submit:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .multi-av #av-choice-submit:is(textarea, input, button):focus,
.darkmode .multi-av #av-keepalive-submit:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .multi-av #av-choice-submit:is(select),
.darkmode .multi-av #av-keepalive-submit:is(select) {
  background-color: #202c39;
}
.darkmode .multi-av #av-choice-submit:is(select):focus,
.darkmode .multi-av #av-keepalive-submit:is(select):focus {
  outline: 2px solid #68b5f0;
}
.multi-av #av-choice-submit, .darkmode .multi-av #av-choice-submit,
.multi-av #av-keepalive-submit,
.darkmode .multi-av #av-keepalive-submit {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}
.multi-av #av-choice-submit,
.multi-av #av-keepalive-submit {
  border: none !important;
  font-size: 16px;
  line-height: 24px;
  display: block;
  text-align: center;
  padding: 8px 32px;
  margin: 30px 0 0 0;
  cursor: pointer;
}
.multi-av #av-choices {
  margin-top: 20px;
}
.multi-av #av-choices .show-more-verification-options {
  display: block;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 6px;
}
.multi-av #av-choices .show-more-verification-options img {
  position: relative;
  top: -2px;
  margin-left: 3px;
}
.multi-av #av-choices .method-div .choice-div {
  border: none;
  background-color: #f8f9fa;
  height: 60px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  cursor: pointer;
}
.multi-av #av-choices .method-div .choice-div.highlight {
  border: 1px solid #0c6a93;
  background-color: white;
}
.multi-av #av-choices .method-div .choice-div .left-half {
  display: flex;
  align-items: center;
}
.multi-av #av-choices .method-div .choice-div input {
  margin: 0 12px;
  position: relative;
  top: 1px;
  width: 12px;
  height: 12px;
}
.multi-av #av-choices .method-div .choice-div label span {
  color: #222429;
  font-size: 14px;
  line-height: 20px;
}
.multi-av #av-choices .method-div .choice-div label img {
  position: relative;
  margin-right: 4px;
}
.multi-av #av-choices .method-div .choice-div label .age-gate-info-label {
  display: inline-block;
  border-radius: 5px;
  padding: 1px 10px;
  vertical-align: top;
  background-color: rgb(229, 238, 255);
}
.multi-av #av-choices .method-div .choice-div label[for=choice-verifymy-email] img {
  top: 5px;
}
.multi-av #av-choices .method-div .choice-div label[for=choice-incode-id] img {
  top: 2px;
}
.multi-av #av-choices .method-div .choice-div label[for=choice-incode-face] img {
  top: 4px;
}
.multi-av #av-choices .method-div .choice-div label[for=choice-yoti] img.yoti-logo {
  width: 75px;
  top: 3px;
}
.multi-av #av-choices .method-div .choice-div label[for=choice-yoti] img.smartphone-logo {
  top: 4px;
}
.multi-av #av-choices .method-div .choice-div label[for=choice-cc] img {
  top: 4px;
}
.multi-av #av-choices .method-div .choice-div label[for=choice-age-key] img {
  top: 4px;
}
.multi-av #av-choices .method-div .choice-div .recommended-text {
  color: #288a09;
  font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  justify-content: center;
  text-align: center;
}
@media (max-width: 375px) {
  .multi-av #av-choices .method-div .choice-div .recommended-text {
    display: none;
  }
}
.multi-av #av-choices .method-div .choice-div .right-half {
  margin-right: 12px;
}
.multi-av #av-choices .method-div .choice-div .right-half .age-gate-info-icon {
  background-image: url("../../images/info-icon-gray.svg?00bc780983de");
  position: relative;
  top: 1px;
}
.multi-av #av-choices .method-div .choice-div .right-half .age-gate-tooltip {
  width: 290px;
  right: unset;
  left: -145px;
  z-index: 1;
  font-size: 12px;
  position: absolute;
}
.multi-av #av-choices .method-div .choice-div .with-help-text {
  margin: 14px 13px 14px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: baseline;
}
.multi-av #av-choices .method-div .choice-div .label-above-help {
  margin-right: auto;
}
.multi-av #av-choices .method-div .choice-div .verifymy-email-help-text {
  display: block;
}
.multi-av #av-choices .method-div .choice-div .verifymy-email-help-text p {
  color: #525252;
  font-size: 12px;
  line-height: 16px;
  font-family: UbuntuRegular, Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
}
.multi-av #av-choices .method-div .choice-div.no-height {
  height: unset;
}

.verify-cc-home {
  display: none;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  max-width: 400px;
  padding: 30px 30px 0;
  box-sizing: border-box;
  position: relative;
}
.verify-cc-home .top-container {
  margin-left: 10px;
}
.verify-cc-home .back-to-methods {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 15px;
  cursor: pointer;
  color: #0c6a93;
  display: inline-block;
}
.verify-cc-home .back-to-methods img {
  position: relative;
  top: 1px;
  margin-right: 6px;
}
.verify-cc-home .title {
  font-size: 20px;
  line-height: 28px;
  font-family: UbuntuBold, Arial, Helvetica, sans-serif;
  color: #f47321;
  margin-bottom: 10px;
}
.verify-cc-home .description {
  font-size: 13px;
  line-height: 18px;
  color: #6e6f70;
}

.under-modal {
  font-size: 12px;
  position: absolute;
  bottom: -64px;
  width: calc(100% - 60px) !important;
  padding: 20px 0;
  color: white;
  font-size: 14px;
  display: block;
  text-align: center;
}
.under-modal a {
  color: white;
}

#ag_signup {
  display: none;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
}
#ag_signup .age-gate-account {
  text-align: center;
}

#age_gate_overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
}

#age_gate_home {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 1.2em;
  line-height: 1.4em;
  max-width: 400px;
  padding: 30px;
}
#age_gate_home strong {
  font-family: UbuntuBold, Arial, Helvetica, sans-serif;
}
#age_gate_home .age-gate-header {
  margin-bottom: 1.2em;
}
#age_gate_home .age-gate-header strong {
  font-size: 1.4em;
}
#age_gate_home .age-gate-header span.branding {
  color: #ccc;
  float: right;
}
#age_gate_home .age-gate-header .incode-logo,
#age_gate_home .age-gate-header .yoti-logo {
  display: inline-block;
  height: 11px;
  margin-left: 2px;
  vertical-align: baseline;
}
#age_gate_home .age-gate-tooltip-container {
  display: inline;
  position: relative;
}
#age_gate_home .age-gate-info-icon {
  align-self: center;
  background: url(../../images/info-icon-black.svg?a8153a214a15) center center/contain no-repeat;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 12px;
  margin-left: 4px;
  width: 12px;
}
#age_gate_home .age-gate-tooltip {
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  left: 0;
  margin: 0 auto;
  max-width: 600px;
  padding: 0 15px;
  position: absolute;
  right: 0;
  visibility: hidden;
}
#age_gate_home .age-gate-info-icon:hover + .age-gate-tooltip,
#age_gate_home .age-gate-info-icon:active + .age-gate-tooltip,
#age_gate_home .age-gate-info-icon:focus + .age-gate-tooltip,
#age_gate_home .age-gate-tooltip:hover,
#age_gate_home .age-gate-tooltip:active,
#age_gate_home .age-gate-tooltip:focus {
  visibility: visible;
}
#age_gate_home .age-gate-subtext {
  color: #999;
  font-size: 0.9em;
}
#age_gate_home a.age-gate-verify,
#age_gate_home span.age-gate-account {
  display: block;
  text-align: center;
  width: 100%;
}
#age_gate_home a.age-gate-verify:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode #age_gate_home a.age-gate-verify:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode #age_gate_home a.age-gate-verify:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode #age_gate_home a.age-gate-verify:is(select) {
  background-color: #202c39;
}
.darkmode #age_gate_home a.age-gate-verify:is(select):focus {
  outline: 2px solid #68b5f0;
}
#age_gate_home a.age-gate-verify, .darkmode #age_gate_home a.age-gate-verify {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}
#age_gate_home a.age-gate-verify {
  font-size: 1.1em;
  height: 40px;
  line-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}

:root {
  --cbt-scroll-down-button-base-bg: rgba(0, 0, 0, 0.8);
  --cbt-scroll-down-button-highlight-bg: rgba(46, 46, 46, 0.8);
}

@keyframes flashScrollDownButton {
  0%, 20% {
    background-color: var(--cbt-scroll-down-button-highlight-bg);
  }
  100% {
    background-color: var(--cbt-scroll-down-button-base-bg);
  }
}
.scrollDownButtonWrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  pointer-events: none;
}
.scrollDownButtonWrapper .scrollDownButton {
  display: flex;
  pointer-events: all;
  box-sizing: border-box;
  padding: 8px min(5%, 16px);
  border-radius: 4px;
  background-color: var(--cbt-scroll-down-button-base-bg);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  color: #ffffff;
  cursor: pointer;
}
.scrollDownButtonWrapper .scrollDownButton.flash {
  animation-name: flashScrollDownButton;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}
.scrollDownButtonWrapper .scrollDownButton:hover {
  background-color: var(--cbt-scroll-down-button-highlight-bg);
}
.scrollDownButtonWrapper .scrollDownButton svg {
  margin-right: 8px;
  vertical-align: text-top;
  flex-shrink: 0;
}
.scrollDownButtonWrapper .scrollDownButton .scrollDownText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  min-width: 0;
}

.evolveMode .scrollDownButtonWrapper .scrollDownButton {
  background: var(--background-button-grey-light-transparent, rgba(243, 243, 243, 0.48));
  -webkit-backdrop-filter: var(--blur-high-backdrop-filter);
  backdrop-filter: var(--blur-high-backdrop-filter);
  border-radius: var(--corner-radius-md, 12px);
  color: var(--text-button-neutral, #101010);
  margin-bottom: 4px;
  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);
}
.evolveMode .scrollDownButtonWrapper .scrollDownButton svg path:first-child {
  stroke: var(--text-button-neutral, #101010);
}
.evolveMode .scrollDownButtonWrapper .scrollDownButton svg path:not(:first-child) {
  fill: var(--text-button-neutral, #101010);
}
.evolveMode .reactScrollButton {
  pointer-events: auto;
  position: static;
  transform: unset;
}

.darkmode #entrance_terms {
  background-color: #1c2733;
  border-color: #17202a;
}
.darkmode #entrance_terms .header {
  color: #68b5f0;
}
.darkmode #entrance_terms .scroll {
  color: #b3b3b3;
  border-color: #6e6f70;
}
#entrance_terms .footer #close_entrance_terms:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode #entrance_terms .footer #close_entrance_terms:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode #entrance_terms .footer #close_entrance_terms:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode #entrance_terms .footer #close_entrance_terms:is(select) {
  background-color: #202c39;
}
.darkmode #entrance_terms .footer #close_entrance_terms:is(select):focus {
  outline: 2px solid #68b5f0;
}
#entrance_terms .footer #close_entrance_terms, .darkmode #entrance_terms .footer #close_entrance_terms {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}
#entrance_terms .footer .exit_entrance_terms:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode #entrance_terms .footer .exit_entrance_terms:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode #entrance_terms .footer .exit_entrance_terms:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode #entrance_terms .footer .exit_entrance_terms:is(select) {
  background-color: #202c39;
}
.darkmode #entrance_terms .footer .exit_entrance_terms:is(select):focus {
  outline: 2px solid #68b5f0;
}
#entrance_terms .footer .exit_entrance_terms {
  background-color: transparent;
  color: #494949;
  border: 1px solid #6c6c6c;
  border-radius: 4px;
}
.darkmode #entrance_terms .footer .exit_entrance_terms {
  color: #b3b3b3;
  border: 1px solid #b3b3b3;
}

.broadcastTermsModal {
  background-color: #ffffff;
  border-color: #cccccc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.darkmode .broadcastTermsModal {
  background-color: #1c2733;
  border-color: #17202a;
}
.broadcastTermsModal .header {
  color: #0c6a93;
}
.darkmode .broadcastTermsModal .header {
  color: #68b5f0;
}
.broadcastTermsModal .body {
  border-color: #cccccc;
}
.darkmode .broadcastTermsModal .body {
  color: #b3b3b3;
  border-color: #2a323f;
}
.darkmode .broadcastTermsModal .body a {
  color: #68b5f0;
}
.broadcastTermsModal .acceptLink:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .broadcastTermsModal .acceptLink:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .broadcastTermsModal .acceptLink:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .broadcastTermsModal .acceptLink:is(select) {
  background-color: #202c39;
}
.darkmode .broadcastTermsModal .acceptLink:is(select):focus {
  outline: 2px solid #68b5f0;
}
.broadcastTermsModal .acceptLink, .darkmode .broadcastTermsModal .acceptLink {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}

.blackOverlay {
  background-color: black;
}

.transparentOverlay {
  background-color: rgba(0, 0, 0, 0.4);
}

.darkmode div#broadcast_terms {
  background-color: #2a2c2e;
  color: #cbcbcb;
}
.darkmode div#broadcast_terms a,
.darkmode div#broadcast_terms p strong {
  color: #68b5f0;
}
.darkmode div#broadcast_terms .footer a {
  color: #2a2c2e;
}

.darkmode .BioContents .bioHeader,
.darkmode #tabs_content_container .bioHeader,
.darkmode .psContainer .bioHeader {
  color: #ffffff;
}
.BioContents .tokenText,
#tabs_content_container .tokenText,
.psContainer .tokenText {
  color: #ffffff;
}
.darkmode .BioContents a,
.darkmode #tabs_content_container a,
.darkmode .psContainer a {
  color: #68b5f0;
}

.darkmode #PhotoVideos:focus {
  outline: none;
}
.darkmode #PhotoVideos .title {
  color: #ffffff;
}
#PhotoVideos .link,
#PhotoVideos .showMoreText {
  color: #0c6a93;
}
.darkmode #PhotoVideos .link,
.darkmode #PhotoVideos .showMoreText {
  color: #68b5f0;
}
#PhotoVideos .createdAt {
  color: #555555;
}
.darkmode #PhotoVideos .createdAt {
  color: #b3b3b3;
}
#PhotoVideos .buttonBorder {
  border-color: #000000;
}
#PhotoVideos .buttonBorder.rgba {
  border-color: rgba(0, 0, 0, 0.35);
}
#PhotoVideos .buttonBgColor {
  background-color: #488839;
}
#PhotoVideos .buttonBgColor.gradient {
  background: linear-gradient(#57a863 26.52%, #488839 75.14%);
}
#PhotoVideos .buttonBgColor.grey {
  background-color: #8b8b8b;
}
#PhotoVideos .buttonBgColor.grey.gradient {
  background: linear-gradient(#a9a9a9 29.7%, #8b8b8b 70.67%);
}
#PhotoVideos .lockOverlayBg {
  background-color: #333333;
}
#PhotoVideos .lockOverlayBg.rgba {
  background-color: rgba(0, 0, 0, 0.7);
}
#PhotoVideos .previewText {
  color: white;
}
#PhotoVideos .errorMessage {
  color: #000000;
  background-color: #ffd0b8;
  border-color: #cccccc;
}
#PhotoVideos .videoProcessing {
  color: red;
}
#PhotoVideos .purchasedBadge {
  color: #ffffff;
  background-color: rgb(109, 133, 181);
}
#PhotoVideos .popoutIcon {
  background: url(../../tsdefaultassets/popout.svg?cd939ba3d01e) no-repeat center;
}
.darkmode #PhotoVideos .popoutIcon {
  background: url(../../tsdefaultassets/popout_darkmode.svg?4ed4b17ed080) no-repeat center;
}
.darkmode #PhotoVideos #broadcaster_links a,
.darkmode #PhotoVideos #staff_links a {
  color: #68b5f0;
}
#PhotoVideos .psToggleSort {
  color: #0c6a93;
}
.darkmode #PhotoVideos .psToggleSort {
  color: #68b5f0;
}
#PhotoVideos .psDropDownArrow {
  width: 10px;
  height: 7px;
  padding-left: 2px;
  padding-bottom: 3px;
  margin-left: 4px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
  background-image: url(../../tsdefaultassets/arrowdown_blue.svg?bc6f4860fe49);
}
.darkmode #PhotoVideos .psDropDownArrow {
  background-image: url(../../tsdefaultassets/darkmode_arrowdown_blue.svg?4c0f9c6565ba);
}

.psSortingDropdown .psSortingContainer {
  background: var(--wl-tab-inactive-color, #fff);
}
.darkmode .psSortingDropdown .psSortingContainer {
  background: #222429;
}
.psSortingDropdown .psSortingContainer .psSortingOption {
  color: var(--wl-tab-inactive-font-color, #525252);
}
.darkmode .psSortingDropdown .psSortingContainer .psSortingOption {
  color: #b3b3b3;
}
.psSortingDropdown .psSortingContainer .psSortingOption:hover {
  background: var(--wl-tab-active-color, #fceadc);
  color: var(--wl-tab-active-font-color, #525252);
}
.darkmode .psSortingDropdown .psSortingContainer .psSortingOption:hover {
  background: #303a42;
  color: #b3b3b3;
}

.evolveMode #PhotoVideos .psToggleSort {
  color: var(--text-button-brand);
}
.evolveMode #PhotoVideos .title {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
}
.evolveMode #PhotoVideos .title span {
  color: var(--text-primary);
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.evolveMode #PhotoVideos .descriptionWrapper {
  display: flex;
  flex-direction: column;
}
.evolveMode #PhotoVideos .description {
  color: var(--text-primary);
  overflow-wrap: break-word;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode #PhotoVideos .createdAt {
  color: var(--text-secondary);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.evolveMode #PhotoVideos .popoutIcon {
  background: none;
  display: flex;
  align-items: center;
}
.evolveMode #PhotoVideos .popoutIcon svg path {
  fill: var(--text-brand-secondary);
}
.darkmode .evolveMode #PhotoVideos .popoutIcon {
  background: none;
}
.evolveMode #PhotoVideos .link {
  color: var(--text-button-brand);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.evolveMode #PhotoVideos .bottomSection {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  width: 100%;
}
.evolveMode #PhotoVideos .arrowContainer {
  display: flex;
  align-items: center;
}
.evolveMode #PhotoVideos .arrowContainer--right {
  justify-content: flex-end;
}
.evolveMode #PhotoVideos .arrowContainer .arrowButtonWrapper {
  height: fit-content;
}
.evolveMode #PhotoVideos #broadcaster_links a,
.evolveMode #PhotoVideos #staff_links a,
.evolveMode #PhotoVideos .showMoreText {
  color: var(--text-brand-secondary);
}
.evolveMode #PhotoVideos #staff_links,
.evolveMode #PhotoVideos .infoSection {
  color: var(--text-primary);
}
.evolveMode #PhotoVideos .lockOverlay {
  position: relative;
  background: var(--overlay-high);
  border-radius: var(--corner-radius-md);
}
.evolveMode #PhotoVideos .lockOverlay::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--overlay-high);
  pointer-events: none;
  z-index: 2;
}
.evolveMode #PhotoVideos .lockOverlay img {
  position: relative;
  z-index: 1;
  filter: blur(calc(var(--blur-400) / 2));
}
.evolveMode #PhotoVideos .resultText {
  color: var(--text-primary);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode #PhotoVideos .infoSection--photo {
  margin-left: 48px;
}
.evolveMode #PhotoVideos .infoSection--photo .descriptionWrapper {
  width: calc(100% - 48px);
}
.evolveMode #PhotoVideos .imageCirclesWrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.evolveMode #PhotoVideos .imageCirclesWrapper .imageCircle {
  background-color: var(--background-button-grey);
  border-radius: 8px;
}
.evolveMode #PhotoVideos .imageCirclesWrapper .imageCircle--active {
  background: var(--background-button-brand-primary);
}

.darkmode #shareTab .title {
  color: #ffffff;
}
#shareTab .urlInput:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode #shareTab .urlInput:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode #shareTab .urlInput:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode #shareTab .urlInput:is(select) {
  background-color: #202c39;
}
.darkmode #shareTab .urlInput:is(select):focus {
  outline: 2px solid #68b5f0;
}
#shareTab .urlInput {
  border-color: #b1b1b1;
  background-color: transparent;
}
.darkmode #shareTab .urlInput {
  border-color: #6e6f70;
  background-color: #202c39;
  color: #ffffff;
}

.evolveMode#shareTab {
  color: var(--text-primary);
}

.darkmode .appsTab a {
  color: #68b5f0;
}
.appsTab .table {
  border-color: #e0e0e0;
}
.darkmode .appsTab .table {
  border-color: #2d3e50;
}
.appsTab .header {
  background-color: #c9c9c9;
}
.darkmode .appsTab .header {
  color: #ffffff;
  background-color: grey;
}
.appsTab .noneSelected {
  color: #808080;
}
.darkmode .appsTab .noneSelected {
  color: #b3b3b3;
}
.appsTab .deactivate {
  color: #af0000;
}
.darkmode .appsTab .deactivate {
  color: #fe3d39;
}
.appsTab .orText {
  color: #f47321;
}
.appsTab .row:hover td {
  background-color: rgba(128, 128, 128, 0.2);
}
.appsTab .appDirectoryPopoutBtn:hover .popoutLabel {
  text-decoration: underline;
}
.appsTab .popoutIcon {
  background: url(../../images/asp/appdir-popout.svg?77444888b274) no-repeat center;
}
.darkmode .appsTab .popoutIcon {
  background: url(../../images/asp/appdir-popout-darkmode.svg?761d3612d3cb) no-repeat center;
}
.appsTab .popoutLabel {
  color: #0c6a93;
  font-size: 14px;
  font-family: "UbuntuMedium";
}
.darkmode .appsTab .popoutLabel {
  color: #68b5f0;
}

.evolveMode .appsTab p {
  color: var(--text-primary);
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.appCollection .sort {
  color: #808285;
}
.darkmode .appCollection .sort {
  color: #b3b3b3;
}
.appCollection .clearSearchButton {
  background: url(../../images/asp/close.svg?37f41bd2d69f);
}
.appCollection .searchInput::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.appCollection .aspCard, .appCollection .featuredCard {
  border: 1px solid #ebecec;
}
.appCollection .aspCard .summary, .appCollection .featuredCard .summary {
  color: #606367;
}
.darkmode .appCollection .aspCard .summary, .darkmode .appCollection .featuredCard .summary {
  color: #b3b3b3;
}
.appCollection .aspCard .author, .appCollection .featuredCard .author {
  color: #808080;
}
.darkmode .appCollection .aspCard .author, .darkmode .appCollection .featuredCard .author {
  color: #888888;
}
.appCollection .featuredCard {
  background-color: #ffffff;
}
.darkmode .appCollection .featuredCard {
  background-color: inherit;
}
.appCollection .featuredCard.highlight {
  background-color: #f8f9fa;
}
.darkmode .appCollection .featuredCard.highlight {
  background-color: #17202a;
}
.appCollection .featuredCard .textHighlight {
  color: blue;
}
.darkmode .appCollection .featuredCard .textHighlight {
  color: #68b5f0;
}
.appCollection .aspPagination {
  color: #525252;
  border-color: #acacac;
}
.appCollection .aspPagination .pageBtn {
  border: 1px solid #a7a7a7;
  background-color: #ffffff;
}
.appCollection .aspPagination .highlight {
  background-color: #c9c9c9;
}

.darkmode .appPage a {
  color: #68b5f0;
}
.appPage .container {
  background-color: #f8f9fa;
  border: 1px solid #ebecec;
}
.darkmode .appPage .container {
  background-color: #1c2733;
  border: none;
}
.appPage .back {
  background: url(../../images/asp/arrowleft.svg?aa693bd28022) no-repeat center;
}
.appPage .subText, .appPage .description {
  color: #606367;
}
.darkmode .appPage .subText, .darkmode .appPage .description {
  color: #888888;
}
.appPage .description {
  background-color: #ffffff;
}
.darkmode .appPage .description {
  background-color: #000000;
}
.appPage .appForm {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.darkmode .appPage .appForm {
  background-color: #202c39;
  border: none;
}
.appPage .appForm .chevronDown {
  background: url(../../images/asp/chevron_down.svg?f730e78ee68d) no-repeat center;
}
.appPage .appForm .chevronUp {
  background: url(../../images/asp/chevron_up.svg?672bc569c6e9) no-repeat center;
}
.appPage .formError {
  color: #ff0000;
}
.darkmode .appPage .formError {
  color: #ffa6a6;
}
.appPage .footer {
  background-color: #e5e5e5;
}
.darkmode .appPage .footer {
  background-color: #253543;
}

.aspPanel {
  border-color: #e0e0e0;
}
.darkmode .aspPanel {
  border-color: #2d3e50;
}
.aspPanel .header {
  color: #ffffff;
  background-color: #2e698f;
}
.darkmode .aspPanel .header {
  background-color: #2e698f;
}
.aspPanel .headerBadge {
  color: #3e688c;
  background-color: #ffffff;
}
.darkmode .aspPanel .headerBadge {
  color: #68b5f0;
  background-color: #2b3856;
}
.aspPanel .notice {
  background-color: #fff7d9;
  border: 1px solid #d8a217;
}
.darkmode .aspPanel .notice {
  background-color: #1c2733;
  border: 1px solid #2d3e50;
}
.aspPanel .activeStatus {
  color: #005b14;
}
.darkmode .aspPanel .activeStatus {
  color: #90ee90;
}
.aspPanel .row:hover td {
  background-color: rgba(128, 128, 128, 0.2);
}

.darkmode .responsiveQrCode {
  mix-blend-mode: lighten;
  filter: invert(1);
}

.darkmode .GamesTab a {
  color: #68b5f0;
}
.GamesTab .deactivate {
  color: #af0000;
}
.darkmode .GamesTab .deactivate {
  color: #fe3d39;
}
.GamesTab .orText {
  color: #f47321;
}
.GamesTab .tabSection {
  border: 1px solid #efefef;
}
.darkmode .GamesTab .tabSection {
  border: none;
}

.evolveMode.GamesTab {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode.GamesTab a {
  color: var(--text-button-brand);
}
.evolveMode.GamesTab .GamesTab__header {
  margin: 0 0 var(--spacing-xs) 0;
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.evolveMode.GamesTab .GamesTab__text {
  margin: 0 0 var(--spacing-2xl) 0;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode.GamesTab .GamesTab__sectionHeader {
  margin-bottom: var(--spacing-lg);
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode.GamesTab .GamesTab__table {
  border-radius: var(--corner-radius-md);
  border: 1px solid var(--border-medium);
  background: var(--background-neutral);
  color: var(--text-secondary);
  padding: var(--spacing-md);
  max-width: 760px;
}
.evolveMode.GamesTab .GamesTab__table__gameTitle {
  color: var(--text-primary);
}
.evolveMode.GamesTab .GamesTab__gameColumn {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}
.evolveMode.GamesTab .GamesTab__button {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--corner-radius-full);
  border: 0;
  cursor: pointer;
  position: relative;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode.GamesTab .GamesTab__button:focus-visible {
  outline: 2px solid var(--border-button-focused);
  outline-offset: 2px;
}
.evolveMode.GamesTab .GamesTab__button:disabled {
  color: var(--text-button-neutral-disabled);
  cursor: not-allowed;
}
.evolveMode.GamesTab .GamesTab__button {
  color: var(--text-button-brand);
  background-color: transparent;
  backdrop-filter: var(--blur-mid-backdrop-filter);
  box-shadow: inset 0 0 0 1px var(--border-button-neutral);
}
.evolveMode.GamesTab .GamesTab__button:hover:not(:disabled) {
  background-color: var(--overlay-button-brand-secondary-hover);
}
.evolveMode.GamesTab .GamesTab__button:active:not(:disabled) {
  background-color: var(--overlay-button-brand-secondary-press);
}
.evolveMode.GamesTab .GamesTab__button .ButtonV2__loadingIcon {
  color: var(--text-button-brand);
}
.evolveMode.GamesTab .GamesTab__button {
  padding: 6px var(--spacing-md);
  gap: var(--spacing-xs);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  box-shadow: none;
  color: var(--text-button-brand);
  text-decoration: none;
}
.evolveMode.GamesTab .GamesTab__chooseLinks {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-xs);
}
.evolveMode.GamesTab .GamesTab__gameImage {
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  height: 40px;
  width: 40px;
}
.evolveMode.GamesTab .tabSection {
  display: flex;
  flex-direction: column;
  border: none;
  max-width: 760px;
}
.evolveMode.GamesTab .deactivate {
  color: var(--text-system-error);
}
.evolveMode.GamesTab .orText {
  color: var(--text-primary);
}

.evolveMode#roomTabs.darkmode .evolveMode.GamesTab {
  color: var(--text-primary);
}

.evolveMode.EditBroadcastBioForm table,
.evolveMode.EditBroadcastBioForm tbody {
  display: block;
  width: 100%;
}
.evolveMode.EditBroadcastBioForm table {
  padding: 24px;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__row {
  padding: var(--spacing-sm) 0;
  display: block;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--spacing-sm);
  align-self: stretch;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__labelContainer {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0 0 var(--spacing-sm) 0;
  min-width: unset;
  vertical-align: unset;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer {
  display: block;
  width: 100%;
  max-width: 480px;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer .checkboxFieldLabel {
  color: var(--text-button-neutral);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__label {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-primary);
  text-align: left;
  margin: 0;
  padding: 0;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__label .required-asterisk {
  color: var(--text-system-error);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__input {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid var(--border-button-neutral);
  border-radius: var(--corner-radius-full);
  padding: var(--spacing-sm) var(--spacing-md);
  color: var(--text-primary);
  background-color: var(--background-neutral);
  width: 100% !important;
  box-sizing: border-box;
  height: 36px;
  margin: 0;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__input:focus {
  outline: none;
  border-color: var(--border-button-brand);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__input::placeholder {
  color: var(--text-light);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__select {
  appearance: none;
  width: 100%;
  border-radius: var(--corner-radius-full);
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23757575' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--spacing-md) center;
  background-size: 20px 20px;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer select[name$=_year],
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer select[name$=_month],
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer select[name$=_day] {
  display: inline-block;
  width: 124px !important;
  box-sizing: border-box;
  margin-right: var(--spacing-xs);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer select[name$=_year]:last-of-type,
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer select[name$=_month]:last-of-type,
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer select[name$=_day]:last-of-type {
  margin-right: 0;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__fieldContainer select[name=gender] {
  max-width: 294px;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__textarea {
  border-radius: var(--corner-radius-md);
  min-height: 88px;
  resize: vertical;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__textarea::placeholder {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-light);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__checkboxField {
  width: auto;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__checkboxField .checkboxFieldLabel {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-button-neutral);
}
.evolveMode.EditBroadcastBioForm .activeChoicesContainer {
  border-radius: var(--corner-radius-full);
  width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  line-height: 20px;
  margin-top: 0;
  box-sizing: border-box;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__helpText {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: var(--text-light);
  margin-top: var(--spacing-xs);
  width: auto;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__picsAndVideos {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-sm);
  padding-top: var(--spacing-xs);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__picsAndVideos a {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__picsAndVideosSeparator {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: var(--border-medium);
}
.evolveMode.EditBroadcastBioForm .EditBroadcastBioForm__submitButton {
  display: inline-flex;
  height: 40px;
  padding: var(--spacing-sm) var(--spacing-lg);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  border-radius: var(--corner-radius-full);
  background: var(--background-button-brand-primary);
  margin: 0 0 0 24px;
}

.OBSBroadcastInfo input#obs_token {
  border: none;
  width: 90%;
  text-align: center;
  color: #7f7f7f;
}
.OBSBroadcastInfo .infoOverlay {
  background-color: #000000;
}
.OBSBroadcastInfo #obs_broadcast_info {
  color: #7f7f7f;
  background-color: #ffffff;
  border-color: #cccccc;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info {
  color: #b3b3b3;
  background-color: #1c2733;
  border-color: #17202a;
}
.OBSBroadcastInfo #obs_broadcast_info .supportLink {
  color: #0c6a93;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .supportLink {
  color: #68b5f0;
}
.OBSBroadcastInfo #obs_broadcast_info .warning {
  color: #0c6a93;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .warning {
  color: #68b5f0;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll {
  border-color: #6e6f70;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll hr {
  border-color: #6e6f70;
}
.OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(select) {
  background-color: #202c39;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:is(select):focus {
  outline: 2px solid #68b5f0;
}
.OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue {
  background-color: transparent;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue {
  color: #b3b3b3;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .tokenValue:focus {
  color: #ffffff;
}
.OBSBroadcastInfo #obs_broadcast_info .scroll .rtmpUrl {
  color: #0c6a93;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .scroll .rtmpUrl {
  color: #68b5f0;
}
.OBSBroadcastInfo #obs_broadcast_info .button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(select) {
  background-color: #202c39;
}
.darkmode .OBSBroadcastInfo #obs_broadcast_info .button:is(select):focus {
  outline: 2px solid #68b5f0;
}
.OBSBroadcastInfo #obs_broadcast_info .button, .darkmode .OBSBroadcastInfo #obs_broadcast_info .button {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}

.evolveMode .OBSBroadcastInfo:has(.OBSBroadcastInfoContent) #obs_broadcast_info {
  background: var(--background-others-popup-neutral);
  border: none;
  color: var(--text-primary);
  padding: 0;
}

#gameInfoBar {
  border-radius: 3px;
  box-sizing: border-box;
  margin-bottom: 6px;
  overflow: visible;
}

.GameInfoBar {
  color: #49494f;
  background-color: white;
  border-radius: 3px;
  overflow: hidden;
  padding: 6px;
  position: relative;
  display: flex;
}
.GameInfoBar .gameImage {
  border-right: solid 1px #efefef;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.GameInfoBar .gameImage img {
  border-radius: 5px;
  margin-right: 8px;
  object-fit: cover;
  overflow: hidden;
}
.GameInfoBar .gameInfoBarTextContainer {
  height: 100%;
  vertical-align: center;
  padding-left: 8px;
  width: 100%;
}
.GameInfoBar .gameInfoBarTitle {
  font-size: 14px;
  line-height: 14px;
  font-family: UbuntuMedium, Helvetica, Arial, sans-serif;
  padding: 6px 0;
}
.GameInfoBar .gameInfoBarDescription {
  padding-bottom: 6px;
  width: 100%;
}
.GameInfoBar .gameInfoBarDescriptionText {
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  width: 100%;
}
.GameInfoBar .gameInfoBarActions {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.GameInfoBar .stopStreamingButton {
  border: 1px solid #49494f;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  margin-right: 6px;
  padding: 6px;
  right: 0;
}
.GameInfoBar .publisherInfo {
  margin: 6px 0;
  padding: 8px;
  text-align: right;
  box-sizing: border-box;
  width: 100%;
}
.darkmode .GameInfoBar {
  color: #b3b3b3;
  background-color: #2a2c2e;
}
.darkmode .GameInfoBar a {
  color: #68b5f0;
}
.darkmode .GameInfoBar .gameImage {
  border-right: solid 1px #666666;
}
.darkmode .GameInfoBar .stopStreamingButton {
  border: 1px solid #b3b3b3;
}

.GameInfoBarCvolveStyle {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: 12px;
  border: 1px solid var(--border-low);
  box-sizing: border-box;
  background-color: var(--background-neutral);
  color: var(--text-primary);
}
.GameInfoBarCvolveStyle a {
  color: var(--text-button-brand);
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleImage {
  border-radius: 8px;
  border: 1px solid var(--border-low);
  object-fit: cover;
  flex-shrink: 0;
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleText {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStylePrimary {
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleSecondary {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text-secondary);
  flex-wrap: wrap;
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleButton {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--corner-radius-full);
  border: 0;
  cursor: pointer;
  position: relative;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleButton:focus-visible {
  outline: 2px solid var(--border-button-focused);
  outline-offset: 2px;
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleButton:disabled {
  color: var(--text-button-neutral-disabled);
  cursor: not-allowed;
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleButton {
  padding: var(--spacing-sm) var(--spacing-lg);
  gap: var(--spacing-sm);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-button-brand);
  background-color: transparent;
  backdrop-filter: var(--blur-mid-backdrop-filter);
  box-shadow: inset 0 0 0 1px var(--border-button-neutral);
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleButton:hover:not(:disabled) {
  background-color: var(--overlay-button-brand-secondary-hover);
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleButton:active:not(:disabled) {
  background-color: var(--overlay-button-brand-secondary-press);
}
.GameInfoBarCvolveStyle .gameInfoBarCvolveStyleButton .ButtonV2__loadingIcon {
  color: var(--text-button-brand);
}

.darkmode .OBSInfoSection a {
  color: #68b5f0;
}

.GameSelection {
  background-color: white;
  color: #49494f;
}
.GameSelection .searchBar {
  border: 1px solid #acacac;
}
.GameSelection .title {
  color: #272f35;
}
.GameSelection .selectGameButton {
  border: 1px solid #49494f;
}
.darkmode .GameSelection {
  background-color: #202223;
  color: #b3b3b3;
  border: 1px solid #2e3137;
}
.darkmode .GameSelection .searchBar {
  border: 1px solid #2e3137;
}
.darkmode .GameSelection .searchBar input[type=text] {
  background-color: inherit;
  color: inherit;
}
.darkmode .GameSelection .title {
  color: white;
}
.darkmode .GameSelection .selectGameButton {
  border: 1px solid #b3b3b3;
}

.darkmode .TokenStatsTab {
  color: #b3b3b3;
}
.TokenStatsTab .lightText {
  color: #666666;
}
.darkmode .TokenStatsTab .lightText {
  color: #b3b3b3;
}
.TokenStatsTab .tokenStatsTable {
  color: #525252;
}
.darkmode .TokenStatsTab .tokenStatsTable {
  color: #d1d1d1;
  border-color: #2d3e50;
}
.TokenStatsTab .tokenStatsTable table,
.TokenStatsTab .tokenStatsTable td,
.TokenStatsTab .tokenStatsTable th {
  border-color: #e0e0e0;
}
.darkmode .TokenStatsTab .tokenStatsTable table,
.darkmode .TokenStatsTab .tokenStatsTable td,
.darkmode .TokenStatsTab .tokenStatsTable th {
  border-color: #2d3e50;
}
.TokenStatsTab .tokenStatsTable .rowHeader {
  background-color: #e0e0e0;
}
.darkmode .TokenStatsTab .tokenStatsTable .rowHeader {
  background-color: #2d3e50;
}
.TokenStatsTab .tokenStatsTable .rowOdd {
  background-color: #ffffff;
}
.darkmode .TokenStatsTab .tokenStatsTable .rowOdd {
  background-color: #2a323f;
}
.TokenStatsTab .tokenStatsTable .rowEven {
  background-color: #f8f9fa;
}
.darkmode .TokenStatsTab .tokenStatsTable .rowEven {
  background-color: #202c39;
}
.TokenStatsTab .tokenStatsTable .transactionMessage {
  color: #666666;
}
.darkmode .TokenStatsTab .tokenStatsTable .transactionMessage {
  color: #b3b3b3;
}
.TokenStatsTab .loadMoreButton {
  all: unset;
  outline: revert;
  color: #0c6a93;
  cursor: pointer;
  margin-bottom: 4px;
}
.darkmode .TokenStatsTab .loadMoreButton {
  color: #68b5f0;
}
.TokenStatsTab .loadMoreButton.disabled {
  color: #666666;
  cursor: default;
}
.darkmode .TokenStatsTab .loadMoreButton.disabled {
  color: #b3b3b3;
}

.evolveMode#roomTabs .TokenStatsTab {
  color: var(--text-primary);
  padding: var(--spacing-2xl) var(--spacing-lg) 0 var(--spacing-lg);
  max-width: 792px;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode#roomTabs .TokenStatsTab .subNavContainer {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--background-button-grey-light-transparent);
  border-radius: 8px;
  padding: 12px;
}
.evolveMode#roomTabs .TokenStatsTab .subNavContainer .hrefColor {
  color: var(--text-button-brand);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.evolveMode#roomTabs .TokenStatsTab .subNavContainer .separator {
  color: var(--border-medium);
  font-size: 16px;
  width: 1px;
}
.evolveMode#roomTabs .TokenStatsTab hr {
  background: var(--border-low);
  border: none;
  height: 1px;
  margin: var(--spacing-2xl) 0;
}
.evolveMode#roomTabs .TokenStatsTab .tokenBalanceContainer {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  justify-content: flex-start;
  color: var(--text-primary);
  padding-bottom: var(--spacing-sm);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.evolveMode#roomTabs .TokenStatsTab .tokenBalanceContainer .TokenWrapper {
  display: flex;
}
.evolveMode#roomTabs .TokenStatsTab .tokenBalanceContainer .tokenBalance {
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.evolveMode#roomTabs .TokenStatsTab h2 {
  color: var(--text-primary);
  margin: 0;
  padding: 0;
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.evolveMode#roomTabs .TokenStatsTab .secondaryText {
  color: var(--text-secondary);
}
.evolveMode#roomTabs .TokenStatsTab p {
  margin: 0;
  padding: 0;
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-lg);
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferTokensInfo {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: var(--corner-radius-full);
  border: 0;
  cursor: pointer;
  position: relative;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink:focus-visible {
  outline: 2px solid var(--border-button-focused);
  outline-offset: 2px;
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink:disabled {
  color: var(--text-button-neutral-disabled);
  cursor: not-allowed;
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink {
  color: var(--text-button-white);
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink:hover:not(:disabled) {
  background-image: linear-gradient(0deg, var(--overlay-button-hover-bright) 0%, var(--overlay-button-hover-bright) 100%);
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink:active:not(:disabled) {
  background-image: linear-gradient(0deg, var(--overlay-button-press) 0%, var(--overlay-button-press) 100%);
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink:disabled {
  color: var(--text-button-primary-disabled);
  background-color: var(--background-button-grey);
}
.evolveMode#roomTabs .TokenStatsTab .transferTokensContainer .transferLink {
  background-color: var(--background-button-brand-primary);
  padding: 6px var(--spacing-md);
  gap: var(--spacing-xs);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  height: fit-content;
}
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
  color: var(--text-primary);
  width: 100%;
  overflow: hidden;
  border-radius: var(--spacing-xs);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable th,
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable td {
  padding-left: var(--spacing-lg);
  height: 30px;
}
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable th a,
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable td a {
  color: var(--text-brand-secondary);
}
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable .rowHeader {
  background: var(--background-mid-contrast);
}
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable .rowEven {
  background: var(--background-neutral);
}
.evolveMode#roomTabs .TokenStatsTab table.tokenStatsTable .rowOdd {
  background: var(--background-button-grey-light);
}
.evolveMode#roomTabs .TokenStatsTab .tableSection {
  margin-bottom: var(--spacing-2xl);
}
.evolveMode#roomTabs .TokenStatsTab .tableHeader {
  margin: 0 0 var(--spacing-lg) 0;
}
.evolveMode#roomTabs .TokenStatsTab th + th,
.evolveMode#roomTabs .TokenStatsTab td + td {
  border-left: 1px solid var(--background-mid-contrast);
}
.evolveMode#roomTabs .TokenStatsTab .transactionMessage {
  color: var(--text-secondary);
}
.evolveMode#roomTabs .TokenStatsTab .loadMoreButton {
  color: var(--text-brand-secondary);
  text-align: center;
}
.evolveMode#roomTabs .TokenStatsTab .loadMoreButton.disabled {
  color: var(--text-secondary);
}
.evolveMode#roomTabs .TokenStatsTab .tableContainer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 280px;
  width: 100%;
}

.MembershipsTab .membershipLightText {
  color: #717171;
}
.darkmode .MembershipsTab .membershipLightText {
  color: #b3b3b3;
}
.MembershipsTab .membershipHeader {
  border-bottom-color: #4c4c4c;
  width: 640px;
}
.darkmode .MembershipsTab .membershipHeader {
  color: #ffffff;
  border-bottom-color: #6e6f70;
}
.MembershipsTab .username {
  color: #e45900;
}
.MembershipsTab:has(.MembershipFeedbackForm) td {
  vertical-align: top;
}
.MembershipsTab:has(.MembershipFeedbackForm) .membershipHeader {
  width: 830px;
}

.evolveMode .MembershipsTab {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode .MembershipsTab .membershipHeader {
  margin: 0 0 var(--spacing-lg) 0;
  font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 28px;
}
.evolveMode .MembershipsTab .membershipHeader:not(:first-child) {
  margin: var(--spacing-2xl) 0 var(--spacing-lg) 0;
}
.evolveMode .MembershipsTab a {
  color: var(--text-button-brand);
}

.evolveMode#roomTabs.darkmode .evolveMode.MembershipsTab {
  color: var(--text-primary);
}

.SatisfactionRating {
  background-color: #ffffff;
}
.darkmode .SatisfactionRating {
  background-color: #2d3e50;
}
.SatisfactionRating.modern .satisfactionSpan {
  text-shadow: none;
}
.SatisfactionRating.modern .voteText {
  text-shadow: none;
}
.SatisfactionRating .satisfactionSpan {
  color: #7f7f7f;
  text-shadow: 1px 1px 0px #94d2e6;
}
.darkmode .SatisfactionRating .satisfactionSpan {
  color: #b3b3b3;
  text-shadow: none;
}
.SatisfactionRating .voteText {
  text-shadow: 1px 1px 0px #bababa;
}
.darkmode .SatisfactionRating .voteText {
  text-shadow: none;
}
.SatisfactionRating .highPercent {
  color: #298a08;
}
.SatisfactionRating .mediumPercent {
  color: #af5c01;
}
.SatisfactionRating .lowPercent {
  color: #af0101;
}
.SatisfactionRating .commentDate {
  color: #6c6c78;
}
.darkmode .SatisfactionRating .commentDate {
  color: #a7a7a7;
}
.SatisfactionRating .ratingHistory {
  border-color: #0c6a93;
}
.darkmode .SatisfactionRating .ratingHistory {
  background-color: #1c2733;
  border-color: #2d3e50;
  color: #b3b3b3;
}
.SatisfactionRating .ratingHistory .positiveVote {
  background-color: #eeeeee;
  border-color: #888888;
}
.darkmode .SatisfactionRating .ratingHistory .positiveVote {
  background-color: #2d3e50;
  border-color: #2d3e50;
}
.SatisfactionRating .ratingHistory .negativeVote {
  background-color: #ffe9e5;
  border-color: #888888;
}
.darkmode .SatisfactionRating .ratingHistory .negativeVote {
  border-color: #2d3e50;
  background-color: #202c39;
}

.evolveMode .SatisfactionRating {
  background-color: transparent;
}

.roomCard {
  border-color: #acacac;
}
.darkmode .roomCard {
  border-color: #202c39;
}
.roomCard .cardTitle {
  border-bottom-color: #acacac;
}
.darkmode .roomCard .cardTitle {
  border-bottom-color: #2d3e50;
}
.roomCard li.cams {
  background: url(../../images/cam.svg?aee4a41ba664) no-repeat 0 50%;
  background-size: auto;
}
.darkmode .roomCard li.cams {
  background: url(../../images/cam_white.svg?282a760aab80) no-repeat 0 50%;
  background-size: auto;
}
.roomCard li.location {
  background: url(../../images/location.svg?5021cfc1ff61) no-repeat 0 50%;
  background-size: auto;
}
.darkmode .roomCard li.location {
  background: url(../../images/location_white.svg?339f27869359) no-repeat 0 50%;
  background-size: auto;
}
.roomCard .age {
  float: left;
  color: #49494f;
  padding: 0 6px 0 0;
  font: 1em/1.333em "UbuntuMedium", Arial, Helvetica, sans-serif;
}
.darkmode .roomCard .age {
  color: #b3b3b3;
}
.roomCard .age_gender_container {
  display: flex;
  height: 17px;
}
.roomCard .genderf,
.roomCard .genderm,
.roomCard .genderc,
.roomCard .genders,
.roomCard .genderx {
  width: 14px;
  height: 14px;
  display: inline-block;
  float: left;
}
.roomCard .genderf {
  background: url(../../images/ico-female.svg?818c9c4c368f) no-repeat 100% 0;
  background-size: contain;
}
.roomCard .genderm {
  background: url(../../images/ico-male.svg?251793534c73) no-repeat 100% 0;
  background-size: contain;
}
.roomCard .genderc {
  background: url(../../images/ico-couple.svg?b74df354b80e) no-repeat 100% 0;
  background-size: contain;
}
.roomCard .genders {
  background: url(../../images/ico-trans.svg?4984008acb01) no-repeat 100% 0;
  background-size: contain;
}
.roomCard .genderx {
  background: url(../../images/ico-blank.png?c807e40114dc) no-repeat 100% 0;
  background-size: contain;
}

.thumbnail_flag {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 6px;
  margin-top: 2px;
  height: 17px;
}

.thumbnail_flag .fi {
  border-radius: 2px;
  display: flex;
}

.notificationsModal {
  background-color: #e0e0e0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  color: #494949;
}
.darkmode .notificationsModal {
  color: #6e6f70;
  background-color: #202c39;
  border: 1px solid #2a323f;
  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
}
.notificationsModal .divotTop .divotBackground {
  border-bottom-color: #e0e0e0;
}
.darkmode .notificationsModal .divotTop .divotBackground {
  border-bottom-color: #202c39;
}
.notificationsModal .divotTop .divotBorder {
  border-bottom-color: #e0e0e0;
}
.darkmode .notificationsModal .divotTop .divotBorder {
  border-bottom-color: #2a323f;
}
.notificationsModal .title {
  color: #0c6a93;
}
.darkmode .notificationsModal .title {
  color: #ffffff;
}
.notificationsModal .confirmButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .notificationsModal .confirmButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .notificationsModal .confirmButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .notificationsModal .confirmButton:is(select) {
  background-color: #202c39;
}
.darkmode .notificationsModal .confirmButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.notificationsModal .confirmButton, .darkmode .notificationsModal .confirmButton {
  background-color: #0c6a93;
  color: #ffffff;
  border: 1px solid #0c6a93;
  border-radius: 4px;
}
.notificationsModal .denyButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .notificationsModal .denyButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .notificationsModal .denyButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .notificationsModal .denyButton:is(select) {
  background-color: #202c39;
}
.darkmode .notificationsModal .denyButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.notificationsModal .denyButton {
  background-color: transparent;
  color: #494949;
  border: none;
}
.darkmode .notificationsModal .denyButton {
  color: #b3b3b3;
}
.notificationsModal .denyButton:hover {
  text-decoration: underline;
}

.followButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .followButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .followButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .followButton:is(select) {
  background-color: #202c39;
}
.darkmode .followButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.followButton, .darkmode .followButton {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}
.followButton:hover {
  text-decoration: underline;
}

.unfollowButton {
  color: #ffffff;
  background-color: #8b8b8b;
  border-color: #8b8b8b;
  border-right-color: #474747;
}
.darkmode .unfollowButton {
  color: #b3b3b3;
  background-color: #202c39;
  border-color: #2d3e50;
}
.unfollowButton:hover {
  text-decoration: underline;
}

.notificationBtnMenu {
  background-color: #fff;
  color: #49494f;
}
.darkmode .notificationBtnMenu {
  background-color: #1c2733;
  color: #b3b3b3;
}
.notificationBtnMenu .notification-item {
  border-color: #acacac;
  color: #49494f;
}
.darkmode .notificationBtnMenu .notification-item {
  border-color: #2d3e50;
  color: #b3b3b3;
}
.notificationBtnMenu .notification-item.selected {
  color: #f47321;
}
.notificationBtnMenu .notification-item:hover {
  background-color: #fceadc;
}
.darkmode .notificationBtnMenu .notification-item:hover {
  background-color: #885336;
}
.notificationBtnMenu .title {
  background-color: #fafafa;
  border-color: #acacac;
}
.darkmode .notificationBtnMenu .title {
  background-color: #1c2733;
  border-color: #2d3e50;
  color: #ffffff;
}
.notificationBtnMenu .bookend {
  border-color: #acacac;
}
.darkmode .notificationBtnMenu .bookend {
  border-color: #2d3e50;
}

.FollowNotificationButton {
  background-color: #8b8b8b;
  border-color: #8b8b8b;
}
.darkmode .FollowNotificationButton {
  color: #b3b3b3;
  background-color: #202c39;
  border-color: #2d3e50;
}

.notification-btn-icon.all {
  background-image: url(../../images/follower/alarm-bell-ring-black.svg?e0f4045214c5);
}
.notification-btn-icon.all.static {
  background-image: url(../../images/follower/alarm-bell-ring-white.svg?6adba4a48565);
}
.darkmode .notification-btn-icon.all {
  background-image: url(../../images/follower/alarm-bell-ring-grey.svg?dbe47dc3d92a);
}
.notification-btn-icon.smart {
  background-image: url(../../images/follower/alarm-bell-black.svg?281ea1ddd63e);
}
.notification-btn-icon.smart.static {
  background-image: url(../../images/follower/alarm-bell-white.svg?6fc221c99185);
}
.darkmode .notification-btn-icon.smart {
  background-image: url(../../images/follower/alarm-bell-grey.svg?41b1ce278423);
}
.notification-btn-icon.none {
  background-image: url(../../images/follower/alarm-bell-off-black.svg?69c6917c7525);
}
.notification-btn-icon.none.static {
  background-image: url(../../images/follower/alarm-bell-off-white.svg?a03b66ab9bcd);
}
.darkmode .notification-btn-icon.none {
  background-image: url(../../images/follower/alarm-bell-off-grey.svg?f68550b4cde7);
}

#FollowSettingsModal .button {
  background-color: #f47321;
  color: #ffffff;
  border-color: #cd5d26;
}
#FollowSettingsModal .textInput {
  border-color: #acacac;
  color: #525252;
  background-color: #ffffff;
}
.darkmode #FollowSettingsModal .textInput {
  color: #b3b3b3;
  background-color: #1f2c39;
  border-color: #2d3e50;
}
#FollowSettingsModal .popularBadge {
  background-color: #e0e0e0;
}
.darkmode #FollowSettingsModal .popularBadge {
  background-color: #1c2733;
}
#FollowSettingsModal .greenCheckbox {
  background-color: #009900;
}
#FollowSettingsModal .errorMessage {
  color: #cc0000;
}
#FollowSettingsModal .verifyLink {
  color: #0c6a93;
}
.darkmode #FollowSettingsModal .verifyLink {
  color: #68b5f0;
}

.fanclubButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .fanclubButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .fanclubButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .fanclubButton:is(select) {
  background-color: #202c39;
}
.darkmode .fanclubButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.fanclubButton, .darkmode .fanclubButton {
  background-color: #009900;
  color: #ffffff;
  border: 1px solid #288a09;
  border-radius: 4px;
}
.fanclubButton a {
  color: #ffffff;
}

#satisfactionScore.modern.enabled {
  text-shadow: none;
}
#satisfactionScore.modern.disabled {
  color: #4c4c4c;
  background-color: #c9c9c9;
  text-shadow: none;
}
.darkmode #satisfactionScore.modern.disabled {
  background-color: transparent;
}
#satisfactionScore.enabled {
  background-color: #ffffff;
  color: #0c6a93;
  text-shadow: #94d2e6 1px 1px 0px;
}
.darkmode #satisfactionScore.enabled {
  background-color: #2a323f;
  color: #68b5f0;
  text-shadow: none;
}
#satisfactionScore.disabled {
  background-color: #bbbbbb;
  color: #777777;
  text-shadow: #bababa 1px 1px 0px;
}
.darkmode #satisfactionScore.disabled {
  background-color: #202c39;
  color: #6e6f70;
  text-shadow: none;
}
.darkmode #satisfactionScore.disabled .satisfactionLabel {
  color: #b3b3b3;
}
#satisfactionScore .highPercent {
  color: #298a08;
}
#satisfactionScore .mediumPercent {
  color: #af5c01;
}
#satisfactionScore .lowPercent {
  color: #af0101;
}

#satisfactionComment {
  background-color: var(--wl-bg-color, #ffffff);
  border-color: #0c6a93;
  color: var(--wl-text-color, #777777);
}
.darkmode #satisfactionComment {
  background-color: #1c2733;
  border-color: #1c2733;
  color: #b3b3b3;
}
#satisfactionComment .divot .divotBorder {
  border-color: #0c6a93;
}
.darkmode #satisfactionComment .divot .divotBorder {
  border-color: #1c2733;
}
#satisfactionComment .divot .divotBackground {
  border-color: #ffffff;
}
.darkmode #satisfactionComment .divot .divotBackground {
  border-color: #1c2733;
}
#satisfactionComment .header {
  color: var(--wl-h1-color, #0c6a93);
  background-color: #e0e0e0;
}
.darkmode #satisfactionComment .header {
  color: #ffffff;
  background-color: #2d3e50;
}
#satisfactionComment .textBox:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode #satisfactionComment .textBox:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode #satisfactionComment .textBox:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode #satisfactionComment .textBox:is(select) {
  background-color: #202c39;
}
.darkmode #satisfactionComment .textBox:is(select):focus {
  outline: 2px solid #68b5f0;
}
#satisfactionComment .textBox {
  border-color: #777777;
  color: #000000;
}
.darkmode #satisfactionComment .textBox {
  border-color: #2d3e50;
  color: #ffffff;
  background-color: transparent;
}
#satisfactionComment .submitBtn:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode #satisfactionComment .submitBtn:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode #satisfactionComment .submitBtn:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode #satisfactionComment .submitBtn:is(select) {
  background-color: #202c39;
}
.darkmode #satisfactionComment .submitBtn:is(select):focus {
  outline: 2px solid #68b5f0;
}
#satisfactionComment .submitBtn, .darkmode #satisfactionComment .submitBtn {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}

.gender-tab.active a,
.gender-tab a.active,
a.gender-tab.active,
div.gender-tab.active,
.gender-tab a.hover,
a.gender-tab.hover,
div.gender-tab.hover,
#main .top-section .sub-nav li.active a,
#main .top-section .sub-nav li a.active,
#main .top-section .sub-nav li a.hover,
#main .top-section .sub-nav li a:hover:not(.hover-event) {
  border: 1px solid #8bb3da;
  background: #fff;
  color: #f47321;
  border-bottom-color: transparent;
}
.darkmode .gender-tab.active a,
.darkmode .gender-tab a.active,
.darkmode a.gender-tab.active,
.darkmode div.gender-tab.active,
.darkmode .gender-tab a.hover,
.darkmode a.gender-tab.hover,
.darkmode div.gender-tab.hover,
.darkmode #main .top-section .sub-nav li.active a,
.darkmode #main .top-section .sub-nav li a.active,
.darkmode #main .top-section .sub-nav li a.hover,
.darkmode #main .top-section .sub-nav li a:hover:not(.hover-event) {
  color: #68b5f0;
  border: 1px solid #2d3e50;
  background-color: #17202a;
  border-bottom-color: transparent;
}

.gender-tab.collapsed,
.gender-tab.collapsed a {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid transparent !important;
}
.darkmode .gender-tab.collapsed {
  background-color: transparent;
}

.gender-tab a,
a.gender-tab,
div.gender-tab,
#main .top-section .sub-nav li a {
  color: #0c6a93;
  background: #dde9f5;
  border-color: #8bb3da;
}
.darkmode .gender-tab a,
.darkmode a.gender-tab,
.darkmode div.gender-tab,
.darkmode #main .top-section .sub-nav li a {
  background-color: #202c39;
  color: #b3b3b3;
  border-color: #2d3e50;
}
.gender-tab a.hover:not(.active),
a.gender-tab.hover:not(.active),
div.gender-tab.hover:not(.active),
#main .top-section .sub-nav li a.hover:not(.active) {
  cursor: pointer;
}
.gender-tab a:hover:not(.hover-event, .active),
a.gender-tab:hover:not(.hover-event, .active),
div.gender-tab:hover:not(.hover-event, .active),
#main .top-section .sub-nav li a:hover:not(.hover-event, .active) {
  cursor: pointer;
}
.gender-tab a.active,
a.gender-tab.active,
div.gender-tab.active,
#main .top-section .sub-nav li a.active {
  cursor: default;
}

.darkmode .headline .buttons li.active a,
.darkmode .headline .buttons li:hover a {
  color: #68b5f0;
  border-color: #2d3e50;
}

.darkmode .headline .buttons li a {
  background-color: #202c39;
  color: #b3b3b3;
  border: 1px solid #2d3e50;
  border-bottom-color: transparent;
}

.followedContainer a {
  background-color: transparent;
}

.darkmode #main .top-section,
.darkmode #main .headline .buttons {
  background: #17202a;
  border-bottom-color: #2d3e50;
}
#main .top-section #search_icon .search_svg,
#main .headline .buttons #search_icon .search_svg {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  top: 1px;
  background-image: url(../../images/search.svg?515fad030780);
  background-repeat: no-repeat;
}
.darkmode #main .top-section #search_icon .search_svg,
.darkmode #main .headline .buttons #search_icon .search_svg {
  background-image: url(../../images/search_dm.svg?3492defa25bc);
}

.darkmode .content_header .standout {
  color: #68b5f0;
}

.darkmode #main .block {
  background-color: #202c39;
}
.darkmode #main .block .info-user > div:not(:first-child) h2, .darkmode #main .block .info-user > div:not(:first-child) a {
  color: #68b5f0 !important;
}
.darkmode #main .block .info-user > div:not(:first-child) .defaultTooltipColor {
  color: #b3b3b3 !important;
}
.darkmode #main .block .previous_winners .form strong {
  color: unset;
}

.previous_winners {
  min-height: 800px;
}

#main .content .searching-overlay {
  background-color: #f1f2f2;
}
.darkmode #main .content .searching-overlay {
  background-color: #2a2c2e;
}

#roomTabs {
  border: 1px solid #acacac;
}
#roomTabs.modern, .darkmode #roomTabs {
  border: none;
}
#roomTabs {
  background-color: #ffffff;
  border-radius: 4px 4px 0 0;
}
.darkmode #roomTabs {
  background-color: #202c39;
}
#roomTabs .tabBar {
  background-color: #7f7f7f;
}
#roomTabs .tabBar.modern {
  background-color: #c9c9c9;
}
.darkmode #roomTabs .tabBar {
  background-color: #17202a;
}
#roomTabs .link {
  color: #0c6a93;
}
.darkmode #roomTabs .link {
  color: #68b5f0;
}
#roomTabs .label {
  color: #0c6a93;
}
.darkmode #roomTabs .label {
  color: #ffffff;
}
#roomTabs .contentText {
  color: #000000;
}
#roomTabs .contentText.bioContentText {
  padding-bottom: 9px;
}
.darkmode #roomTabs .contentText {
  color: #b3b3b3;
}
#roomTabs .separator {
  color: #222222;
}
.darkmode #roomTabs .separator {
  color: rgb(179, 179, 179);
}
#roomTabs .fanclubMessage {
  color: #494949;
}
.darkmode #roomTabs .fanclubMessage {
  color: #b3b3b3;
}
#roomTabs .psContainer {
  color: #0c6a93;
}
.darkmode #roomTabs .psContainer {
  color: #68b5f0;
}
#roomTabs .previewBorder {
  color: #cccccc;
}
.darkmode #roomTabs .previewBorder {
  color: #2a2c2e;
}

.tabLink {
  color: #4c4c4c;
  background-color: #c9c9c9;
}
.darkmode .tabLink {
  color: #b3b3b3;
  background-color: #17202a;
}
.tabLink.tabOpen, .tabLink.active {
  color: #f47321;
  background-color: #ffffff;
}
.darkmode .tabLink.tabOpen, .darkmode .tabLink.active {
  color: #f47321;
  background-color: #202c39;
}
.tabLink.tabCollapsed {
  background-color: transparent;
}

.room-tabs-dropdown-border {
  border-color: rgb(127, 127, 127);
}
.room-tabs-dropdown-border.modern {
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32);
}
.darkmode .room-tabs-dropdown-border {
  border-color: #17202a;
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32);
}

.opt-in-flag-display .checkboxComponent {
  flex-shrink: 0;
}
.opt-in-flag-display {
  display: flex;
  height: auto;
}

span.auto-refill-section-strong {
  font-family: UbuntuMedium, Arial, Helvetica, sans-serif;
}

.auto-refill-fieldset {
  margin-left: -24px;
  padding-left: 24px;
  margin-right: -16px;
  padding-right: 16px;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 15px;
}

@keyframes pulsate {
  0% {
    background-color: rgba(224, 224, 224, 0.3);
  }
  50% {
    background-color: rgb(224, 224, 224);
  }
  100% {
    background-color: rgba(224, 224, 224, 0.3);
  }
}
@keyframes pulsate-darkmode {
  0% {
    background-color: rgba(3, 62, 88, 0.3);
  }
  50% {
    background-color: rgb(3, 62, 88);
  }
  100% {
    background-color: rgba(3, 62, 88, 0.3);
  }
}
.pulsate-background {
  animation: pulsate 1s ease-in-out infinite alternate;
}
.darkmode .pulsate-background {
  animation: pulsate-darkmode 1s ease-in-out infinite alternate;
}

.auto-refill-legend {
  margin-left: -24px;
  padding-left: 24px !important;
  margin-right: -16px;
  padding-right: 16px !important;
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
}

.auto-refill-newSign {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  margin-left: 8px;
  font-size: 12px;
  color: #288a09;
  background-color: #f3f9f1;
  border-radius: 4px;
}
.darkmode .auto-refill-newSign {
  background-color: #283932;
  color: #599549;
}
.darkmode .auto-refill-newSign svg path {
  fill: #599549;
}

.settings-subtabs {
  display: flex;
  gap: var(--spacing-sm);
  align-items: center;
}

.settings-subtab-anchor {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: var(--text-button-brand);
  background: var(--background-low-contrast);
  border-radius: var(--corner-radius-sm);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-sm) var(--spacing-md);
  text-decoration: none;
  user-select: none;
  cursor: pointer;
}
.settings-subtab-anchor.active {
  background: var(--overlay-button-brand-secondary-press);
}

.setting-tab-buttons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-lg);
  align-self: stretch;
}

.evolveMode#roomTabs {
  border-radius: var(--corner-radius-md);
  border: 1px solid var(--border-low);
  background: var(--background-neutral);
}
.evolveMode#roomTabs .tabBar {
  border-bottom: 1px solid var(--border-low);
  background: transparent;
  padding: 4px var(--spacing-sm) 0 var(--spacing-sm);
}
.evolveMode#roomTabs.darkmode .link {
  color: #68b5f0;
}
.evolveMode#roomTabs.darkmode .label {
  color: #ffffff;
}
.evolveMode#roomTabs.darkmode .GamesTab,
.evolveMode#roomTabs.darkmode .MembershipsTab,
.evolveMode#roomTabs.darkmode .SettingsTab,
.evolveMode#roomTabs.darkmode .contentText,
.evolveMode#roomTabs.darkmode .separator {
  color: #b3b3b3;
}
.evolveMode#roomTabs.darkmode .EditBroadcastBioForm .activeChoicesContainer {
  background-color: #202c39;
}
.evolveMode#roomTabs .SettingsTab .transparentCheckbox.checked,
.evolveMode#roomTabs .EditBroadcastBioForm .transparentCheckbox.checked {
  background-color: #0c6a93;
}
.evolveMode#roomTabs .ContestStats .link {
  color: var(--text-button-brand);
}
.evolveMode#roomTabs .ContestStats .contentText {
  color: var(--text-primary);
}

form .field:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode form .field:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode form .field:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode form .field:is(select) {
  background-color: #202c39;
}
.darkmode form .field:is(select):focus {
  outline: 2px solid #68b5f0;
}
form .field {
  border-color: #b1b1b1;
  background-color: transparent;
}
.darkmode form .field {
  border-color: #6e6f70;
  color: #ffffff;
}
form .fieldError {
  color: #d50000;
}
.darkmode form .fieldError {
  color: #d50000;
}
form input[type=submit] {
  -webkit-appearance: none;
}
form input[type=submit]:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode form input[type=submit]:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode form input[type=submit]:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode form input[type=submit]:is(select) {
  background-color: #202c39;
}
.darkmode form input[type=submit]:is(select):focus {
  outline: 2px solid #68b5f0;
}
form input[type=submit], .darkmode form input[type=submit] {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}

.standardEmoticonsModal {
  background-color: #ffffff;
  border-color: #0c6a93;
}
.darkmode .standardEmoticonsModal {
  background-color: #000000;
  border-color: #202223;
}
.standardEmoticonsModal .emoticonsHeader {
  color: #0c6a93;
  background-color: #e0e0e0;
}
.darkmode .standardEmoticonsModal .emoticonsHeader {
  color: #68b5f0;
  background-color: #333639;
}
.standardEmoticonsModal .uploadLink {
  color: #f47321;
}
.standardEmoticonsModal .divot .divotBorder {
  border-top-color: #0c6a93;
}
.darkmode .standardEmoticonsModal .divot .divotBorder {
  border-top-color: #202223;
}
.standardEmoticonsModal .divot .divotBackground {
  border-top-color: #ffffff;
}
.darkmode .standardEmoticonsModal .divot .divotBackground {
  border-top-color: #000000;
}

.chatReport {
  color: #454545;
  background-color: #ffffff;
}
.darkmode .chatReport {
  color: #b3b3b3;
  background-color: #1c2733;
}
.chatReport .headerDiv {
  color: rgb(0, 91, 133);
}
.darkmode .chatReport .headerDiv {
  color: #68b5f0;
}
.chatReport textarea:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .chatReport textarea:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .chatReport textarea:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .chatReport textarea:is(select) {
  background-color: #202c39;
}
.darkmode .chatReport textarea:is(select):focus {
  outline: 2px solid #68b5f0;
}
.chatReport textarea {
  background-color: transparent;
  border-color: #b4b4b4;
}
.darkmode .chatReport textarea {
  border-color: #2d3e50;
  color: #ffffff;
}
.chatReport .submitButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .chatReport .submitButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .chatReport .submitButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .chatReport .submitButton:is(select) {
  background-color: #202c39;
}
.darkmode .chatReport .submitButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.chatReport .submitButton, .darkmode .chatReport .submitButton {
  background-color: #0c6a93;
  color: #ffffff;
  border: 1px solid #0c6a93;
  border-radius: 4px;
}
.chatReport .cancelSpan:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .chatReport .cancelSpan:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .chatReport .cancelSpan:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .chatReport .cancelSpan:is(select) {
  background-color: #202c39;
}
.darkmode .chatReport .cancelSpan:is(select):focus {
  outline: 2px solid #68b5f0;
}
.chatReport .cancelSpan {
  background-color: transparent;
  color: #494949;
  border: none;
}
.darkmode .chatReport .cancelSpan {
  color: #b3b3b3;
}
.chatReport .cancelSpan:hover {
  text-decoration: underline;
}
.chatReport .closeReportLink {
  color: rgb(10, 90, 131);
}
.darkmode .chatReport .closeReportLink {
  color: #68b5f0;
}
.chatReport .ignoreUserLink {
  color: rgb(10, 90, 131);
}
.darkmode .chatReport .ignoreUserLink {
  color: #68b5f0;
}
.chatReport .ignoreUserLink.disabled {
  color: #454545;
}
.darkmode .chatReport .ignoreUserLink.disabled {
  color: #b3b3b3;
}

.emoticonPreviewModal {
  background-color: #ffffff;
  color: #494949;
}
.darkmode .emoticonPreviewModal {
  background-color: #1c2733;
  color: #b3b3b3;
}
.emoticonPreviewModal .closeButton {
  background: url(../../tsdefaultassets/close.svg?9a87e6f7a4de) no-repeat center center;
  background-size: cover;
}
.darkmode .emoticonPreviewModal .closeButton {
  background: url(../../tsdefaultassets/close-white.svg?b0389426f1cb) no-repeat center center;
  background-size: cover;
}
.emoticonPreviewModal .cancelButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .emoticonPreviewModal .cancelButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .emoticonPreviewModal .cancelButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .emoticonPreviewModal .cancelButton:is(select) {
  background-color: #202c39;
}
.darkmode .emoticonPreviewModal .cancelButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.emoticonPreviewModal .cancelButton {
  background-color: transparent;
  color: #494949;
  border: none;
}
.darkmode .emoticonPreviewModal .cancelButton {
  color: #b3b3b3;
}
.emoticonPreviewModal .cancelButton:hover {
  text-decoration: underline;
}
.emoticonPreviewModal .reportButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .emoticonPreviewModal .reportButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .emoticonPreviewModal .reportButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .emoticonPreviewModal .reportButton:is(select) {
  background-color: #202c39;
}
.darkmode .emoticonPreviewModal .reportButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.emoticonPreviewModal .reportButton, .darkmode .emoticonPreviewModal .reportButton {
  background-color: #0c6a93;
  color: #ffffff;
  border: 1px solid #0c6a93;
  border-radius: 4px;
}
.emoticonPreviewModal .categorySelect:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .emoticonPreviewModal .categorySelect:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .emoticonPreviewModal .categorySelect:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .emoticonPreviewModal .categorySelect:is(select) {
  background-color: #202c39;
}
.darkmode .emoticonPreviewModal .categorySelect:is(select):focus {
  outline: 2px solid #68b5f0;
}
.darkmode .emoticonPreviewModal .categorySelect {
  background-color: transparent;
  color: #b3b3b3 !important;
  -webkit-appearance: menulist;
}
.emoticonPreviewModal .hrefColor {
  color: #0c6a93;
}
.darkmode .emoticonPreviewModal .hrefColor {
  color: #68b5f0;
}

img.emoticonImage {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  display: inline-block;
}

.mediaPreviewModal {
  background-color: #ffffff;
  color: #49494f;
}
.darkmode .mediaPreviewModal {
  background-color: #1c2733;
  color: #b3b3b3;
}
.mediaPreviewModal .closeButton {
  background: url(../../tsdefaultassets/close.svg?9a87e6f7a4de) no-repeat center center;
  background-size: cover;
}
.darkmode .mediaPreviewModal .closeButton {
  background: url(../../tsdefaultassets/close-white.svg?b0389426f1cb) no-repeat center center;
  background-size: cover;
}

.chatReport {
  color: #454545;
  background-color: #ffffff;
}
.darkmode .chatReport {
  color: #b3b3b3;
  background-color: #1c2733;
}
.chatReport .headerDiv {
  color: rgb(0, 91, 133);
}
.darkmode .chatReport .headerDiv {
  color: #68b5f0;
}
.chatReport textarea:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .chatReport textarea:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .chatReport textarea:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .chatReport textarea:is(select) {
  background-color: #202c39;
}
.darkmode .chatReport textarea:is(select):focus {
  outline: 2px solid #68b5f0;
}
.chatReport textarea {
  background-color: transparent;
  border-color: #b4b4b4;
}
.darkmode .chatReport textarea {
  border-color: #2d3e50;
  color: #ffffff;
}
.chatReport .submitButton:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .chatReport .submitButton:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .chatReport .submitButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .chatReport .submitButton:is(select) {
  background-color: #202c39;
}
.darkmode .chatReport .submitButton:is(select):focus {
  outline: 2px solid #68b5f0;
}
.chatReport .submitButton, .darkmode .chatReport .submitButton {
  background-color: #0c6a93;
  color: #ffffff;
  border: 1px solid #0c6a93;
  border-radius: 4px;
}
.chatReport .cancelSpan:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .chatReport .cancelSpan:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .chatReport .cancelSpan:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .chatReport .cancelSpan:is(select) {
  background-color: #202c39;
}
.darkmode .chatReport .cancelSpan:is(select):focus {
  outline: 2px solid #68b5f0;
}
.chatReport .cancelSpan {
  background-color: transparent;
  color: #494949;
  border: none;
}
.darkmode .chatReport .cancelSpan {
  color: #b3b3b3;
}
.chatReport .cancelSpan:hover {
  text-decoration: underline;
}
.chatReport .closeReportLink {
  color: rgb(10, 90, 131);
}
.darkmode .chatReport .closeReportLink {
  color: #68b5f0;
}
.chatReport .ignoreUserLink {
  color: rgb(10, 90, 131);
}
.darkmode .chatReport .ignoreUserLink {
  color: #68b5f0;
}
.chatReport .ignoreUserLink.disabled {
  color: #454545;
}
.darkmode .chatReport .ignoreUserLink.disabled {
  color: #b3b3b3;
}

.broadcaster {
  color: var(--text-chat-broadcaster, #f47321);
}
.broadcaster.mentionHl {
  color: #fff;
  background-color: var(--text-chat-broadcaster, #f47321);
}

.mod {
  color: var(--text-chat-moderator, #dc0000);
}
.mod.mentionHl {
  color: #fff;
  background-color: var(--text-chat-moderator, #dc0000);
}

.inFanclub {
  color: var(--text-chat-fan-member, #009900);
}
.inFanclub.mentionHl {
  color: #fff;
  background-color: var(--text-chat-fan-member, #009900);
}

.tippedTonsRecently {
  color: var(--text-chat-tipped-1k, #804baa);
}
.tippedTonsRecently.mentionHl {
  color: #fff;
  background-color: var(--text-chat-tipped-1k, #804baa);
}

.tippedALotRecently {
  color: var(--text-chat-tipped-250, #be6aff);
}
.tippedALotRecently.mentionHl {
  color: #fff;
  background-color: var(--text-chat-tipped-250, #be6aff);
}

.tippedRecently {
  color: var(--text-chat-tipped-50, #1e5cfb);
}
.tippedRecently.mentionHl {
  color: #fff;
  background-color: var(--text-chat-tipped-50, #1e5cfb);
}

.hasTokens {
  color: var(--text-chat-purchased-tkns, #69a);
}
.hasTokens.mentionHl {
  color: #fff;
  background-color: var(--text-chat-purchased-tkns, #69a);
}

.defaultUser {
  color: var(--text-chat-no-tkns, #939393);
}
.defaultUser.mentionHl {
  color: #fff;
  background-color: var(--text-chat-no-tkns, #939393);
}

.darkmode .checkboxComponent input:focus-visible {
  outline-color: #68b5f0;
}
.checkboxComponent.toggle {
  background-color: #c9c9c9 !important;
}
.checkboxComponent.toggle.checked {
  background-color: #f47321 !important;
}
.darkmode .checkboxComponent.toggle {
  background-color: #6e6f70 !important;
}
.darkmode .checkboxComponent.toggle.checked {
  background-color: #f47321 !important;
}
.checkboxComponent.toggle .toggleButton {
  background-color: white;
}

.transparentCheckbox {
  background-color: transparent;
  border-color: #a8a8a8;
}
.darkmode .transparentCheckbox {
  background-color: #17202a;
  border-color: #2d3e50;
}
.transparentCheckbox.disabled {
  background-color: #f8f9fa;
  border-color: #efefef;
}
.darkmode .transparentCheckbox.disabled {
  background-color: #202c39;
  border-color: #2d3e50;
}
.transparentCheckbox.checked {
  background: url(../../tsdefaultassets/settings-checkmark-white.svg?ae5c98f6a38e) no-repeat center center/60%, #0c6a93;
  border-color: #033e58;
}
.evolveMode .transparentCheckbox.checked {
  background-color: var(--background-button-brand-primary);
}
.transparentCheckbox.checked.disabled {
  background-color: #d1d1d1;
  border-color: #efefef;
}
.darkmode .transparentCheckbox.checked.disabled {
  background-color: #17202a;
  border-color: #2d3e50;
}

.darkmode .draggableCanvasWindow .transparentCheckbox {
  border-color: #b3b3b3;
}
.draggableCanvasWindow .transparentCheckbox.checked {
  background: url(../../tsdefaultassets/round-white-checkmark.svg?de510ac7d460) no-repeat center center, #b3b3b3;
}
.evolveMode .draggableCanvasWindow .transparentCheckbox.checked {
  background-color: var(--background-button-brand-primary);
}

.fieldTextArea:focus,
.fieldInput:not(.transparentCheckbox):focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .fieldTextArea:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])),
.darkmode .fieldInput:not(.transparentCheckbox):is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .fieldTextArea:is(textarea, input, button):focus,
.darkmode .fieldInput:not(.transparentCheckbox):is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .fieldTextArea:is(select),
.darkmode .fieldInput:not(.transparentCheckbox):is(select) {
  background-color: #202c39;
}
.darkmode .fieldTextArea:is(select):focus,
.darkmode .fieldInput:not(.transparentCheckbox):is(select):focus {
  outline: 2px solid #68b5f0;
}
.fieldTextArea,
.fieldInput:not(.transparentCheckbox) {
  border-color: #b1b1b1;
  background-color: #ffffff;
}
.darkmode .fieldTextArea,
.darkmode .fieldInput:not(.transparentCheckbox) {
  border-color: #6e6f70;
  color: #ffffff !important;
}
.fieldTextArea.disabled,
.fieldInput:not(.transparentCheckbox).disabled {
  background-color: rgba(0, 0, 0, 0.05);
  color: #b3b3b3;
}
.darkmode .fieldTextArea.disabled,
.darkmode .fieldInput:not(.transparentCheckbox).disabled {
  background-color: #6e6f70;
  color: #b3b3b3;
}

.highlightLabel {
  color: rgb(220, 85, 0);
}

.highlightField {
  background-color: rgb(255, 255, 211);
}

.highlightFieldContainer {
  border-color: rgb(220, 85, 0);
  background-color: rgb(255, 255, 211);
}
.darkmode .highlightFieldContainer {
  background-color: transparent;
}

.multiSelectDropdown {
  position: relative;
}
.multiSelectDropdown .checkboxesDropdown {
  bottom: auto !important;
  top: auto !important;
}
.multiSelectDropdown .helpText {
  margin-top: 0.2em;
  overflow-x: auto;
}

.activeChoicesContainer {
  box-sizing: border-box;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  padding: 2px;
  line-height: 18px;
  margin-top: 4px;
  width: 235px;
  min-height: 24px;
  background-color: #ffffff;
}
.activeChoicesContainer:hover {
  cursor: pointer;
}
.activeChoicesContainer:focus, .activeChoicesContainer.dropdown-shown {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .activeChoicesContainer:focus, .darkmode .activeChoicesContainer.dropdown-shown {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.activeChoicesContainer:has(.activeChoiceElement) {
  padding-bottom: 0px;
}
.darkmode .activeChoicesContainer {
  background-color: transparent;
  border: 1px solid #6e6f70;
}
.activeChoicesContainer .dropdownMenuIcon {
  height: 18px;
  width: 18px;
  background: url(../../images/profile/dropdown-menu-icon.svg?223bff19c388);
  float: right;
}
.darkmode .activeChoicesContainer .dropdownMenuIcon {
  background: url(../../images/profile/dropdown-menu-icon_dm.svg?74792e824bc1);
}
.activeChoicesContainer .activeChoiceElement {
  padding: 2px 7px;
  height: 12px;
  margin: 0px 2px 1px 0px;
  color: #0c6a93;
  border-radius: 4px;
  background: #e0eefb;
  border: 1px solid #e0eefb;
  display: inline-block;
  line-height: 12px;
}
.darkmode .activeChoicesContainer .activeChoiceElement {
  background: #68b5f0;
  color: #17202a;
  border: 1px solid #68b5f0;
}

.checkboxesDropdown {
  box-sizing: border-box;
  flex-direction: column;
  padding: 12px 16px 12px 16px;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2509803922);
  width: 235px;
  height: 262px;
  border-radius: 4px;
  background: #fff;
  margin-top: 6px;
  position: absolute;
  overflow-y: scroll;
  z-index: 4;
}
.darkmode .checkboxesDropdown {
  background: #253441;
}
.checkboxesDropdown .transparentCheckbox {
  border: 1px solid #e0eefb;
  border-radius: 4px;
  margin-right: 8px;
}
.darkmode .checkboxesDropdown .transparentCheckbox {
  border-color: #2d3e50;
}
.checkboxesDropdown .transparentCheckbox.disabled {
  border-color: #efefef;
}
.checkboxesDropdown .transparentCheckbox.disabled + .checkFieldName {
  color: #a7a7a7;
}
.darkmode .checkboxesDropdown .transparentCheckbox.disabled {
  border-color: #2d3e50;
}
.darkmode .checkboxesDropdown .transparentCheckbox.disabled + .checkFieldName {
  color: #6e6f70;
}
.checkboxesDropdown .checkFieldName {
  display: inline-block;
}

.SettingsTab {
  padding: var(--spacing-2xl);
}

.siteNotice .wrapper,
.dismissible_notice,
.message {
  border-color: #cccccc;
  background-color: #ffffd3;
}
.darkmode .siteNotice .wrapper,
.darkmode .dismissible_notice,
.darkmode .message {
  background-color: #1c2733;
  border-color: #2d3e50;
  color: #ffffff;
}
.darkmode .siteNotice .wrapper a,
.darkmode .dismissible_notice a,
.darkmode .message a {
  color: #68b5f0;
}

.evolveMode #site_notices {
  width: 100%;
  box-sizing: border-box;
}
.evolveMode #site_notices .message,
.evolveMode #site_notices .siteNotice {
  margin: var(--spacing-md);
}
.evolveMode #site_notices .message,
.evolveMode #site_notices .siteNotice .wrapper {
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-primary);
}
.evolveMode #site_notices .message a,
.evolveMode #site_notices .siteNotice .wrapper a {
  color: var(--text-button-brand);
}
.evolveMode .siteNotice .wrapper,
.evolveMode .dismissible_notice,
.evolveMode .message {
  border-radius: var(--corner-radius-lg);
  border: 1px solid var(--border-medium);
  background: var(--background-system-warning-light);
}
.evolveMode .siteNotice .wrapper p,
.evolveMode .dismissible_notice p,
.evolveMode .message p {
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--text-primary);
}
.evolveMode .content_body__messages {
  padding: 0;
}
.evolveMode .message,
.evolveMode .message.dismissible_notice,
.evolveMode #direct_deposit_warning,
.evolveMode .compliancemessage {
  margin: 0;
}

.conversationList {
  color: #494949;
}
.hasDarkBackground .conversationList, .darkmode .conversationList {
  color: #ffffff;
  background-color: #202c39;
}
.draggableCanvasWindow .conversationList {
  background-color: unset;
}
.conversationList .conversationBodyRoot {
  border-bottom-color: #e0e0e0;
}
.darkmode .conversationList .conversationBodyRoot {
  border-bottom-color: #2d3e50;
}
.conversationList .conversationBodyRoot .sendDmPrompt {
  color: #222222;
}
.darkmode .conversationList .conversationBodyRoot .sendDmPrompt {
  color: #ffffff;
}
.conversationList .conversationBodyRoot .cautionMessage {
  color: #525252;
}
.darkmode .conversationList .conversationBodyRoot .cautionMessage {
  color: #b3b3b3;
}

.conversationListItem {
  border-color: #e0e0e0;
  background-color: transparent;
}
.darkmode .conversationListItem {
  border-color: #2d3e50;
}
.conversationListItem .replyIconSvg svg {
  fill: #49494f;
}
.darkmode .conversationListItem .replyIconSvg svg, .hasDarkBackground .conversationListItem .replyIconSvg svg {
  fill: #ffffff;
}
.darkmode .conversationListItem .messageDiv, .hasDarkBackground .conversationListItem .messageDiv {
  color: #ffffff;
}
.conversationListItem.currentConvo {
  background-color: #d5ebf8;
}
.darkmode .conversationListItem.currentConvo, .hasDarkBackground .conversationListItem.currentConvo {
  background-color: #2d3e50;
}
.conversationListItem.unreadBg {
  background-color: #fceadc;
}
.darkmode .conversationListItem.unreadBg, .hasDarkBackground .conversationListItem.unreadBg {
  background-color: #885336;
}
.conversationListItem.selected {
  background-color: #e0e0e0;
}
.darkmode .conversationListItem.selected, .hasDarkBackground .conversationListItem.selected {
  background-color: #434649;
}
.conversationListItem .closeBtnContainer {
  fill: #888;
}
.conversationListItem .closeBtnContainer:hover {
  fill: #222;
}
.darkmode .conversationListItem .closeBtnContainer:hover, .hasDarkBackground .conversationListItem .closeBtnContainer:hover {
  fill: #d1d1d1;
}
.conversationListItem .timeString {
  color: #6c6c78;
}
.darkmode .conversationListItem .timeString {
  color: #888;
}
.conversationListItem .flagged {
  color: #cc0000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.darkmode .conversationListItem .flagged {
  color: #dc0000;
}
.conversationListItem .message-content-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: hidden;
}
.conversationListItem .flagged-message-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.conversationListItem .flagged-message-icon svg {
  width: 14px;
  height: 14px;
  fill: #cc0000;
}
.darkmode .conversationListItem .flagged-message-icon svg {
  fill: #dc0000;
}

.avatarBubble div {
  color: #ffffff;
}
.avatarBubble .broadcaster {
  background-color: #f47321;
}
.avatarBubble .mod {
  background-color: #dc0000;
}
.avatarBubble .inFanclub {
  background-color: #009900;
}
.avatarBubble .tippedTonsRecently {
  background-color: #804baa;
}
.avatarBubble .tippedALotRecently {
  background-color: #be6aff;
}
.avatarBubble .tippedRecently {
  background-color: #1e5cfb;
}
.avatarBubble .hasTokens {
  background-color: #69a;
}
.avatarBubble .defaultUser {
  background-color: #939393;
}

.PMControlBar {
  background-color: #ffffff;
  border-bottom-color: #bdbdbd;
  color: #494949;
}
.darkmode .PMControlBar {
  background-color: #202c39;
  border-bottom-color: #2d3e50;
  color: #b3b3b3;
}
.PMControlBar .backButton {
  color: #0471a1;
}
.darkmode .PMControlBar .backButton {
  color: #68b5f0;
}

.evolveMode .PMControlBar {
  background-color: var(--background-neutral);
  border-bottom-color: var(--background-low-contrast);
  color: var(--text-primary);
}
.evolveMode .PMControlBar .backButton {
  color: var(--text-brand-secondary);
}
.evolveMode .LoadHistoryMessagesDOM {
  color: var(--text-primary);
}

.SearchBar {
  border-color: #e0e0e0;
}
.darkmode .SearchBar {
  border-color: #2d3e50;
}
.SearchBar .searchUserInput {
  color: #000000;
  border-color: #bdbdbd;
}
.SearchBar .searchUserInput:focus {
  border-color: #000000;
}
.darkmode .SearchBar .searchUserInput {
  border-color: #2d3e50;
}
.darkmode .SearchBar .searchUserInput, .hasDarkBackground .SearchBar .searchUserInput {
  color: #ffffff;
}
.darkmode .SearchBar .searchUserInput:focus, .hasDarkBackground .SearchBar .searchUserInput:focus {
  border-color: #ffffff;
}

.noteIconSvg svg {
  stroke: #6c6c78;
  fill: transparent;
  color: transparent;
}
.darkmode .noteIconSvg svg, .draggableCanvasWindow .noteIconSvg svg {
  stroke: #b3b3b3;
}
.isTip .noteIconSvg svg {
  stroke: #6c6c78;
}

.followerStarSvg svg {
  fill: #ffc72c;
  stroke: black;
  stroke-width: 1px;
}

.trustedViewerShieldSvg svg {
  fill: var(--trusted-viewer-modal-link, #0a7dc2);
}

.evolveMode .noteIconSvg svg {
  stroke: var(--text-secondary);
}
.evolveMode .trustedViewerShieldSvg {
  color: var(--text-brand-secondary);
}

#ChatTabContainer {
  border: 1px solid #acacac;
}
#ChatTabContainer.modern, .darkmode #ChatTabContainer {
  border: none;
}
#ChatTabContainer {
  background-color: #fff;
  border-radius: 4px 4px 2px 2px;
}
.darkmode #ChatTabContainer {
  border-color: #2d3e50;
}
#ChatTabContainer.modern.embedChatTabContainer {
  border-right-color: #e0e0e0;
}
.darkmode #ChatTabContainer {
  background-color: #202c39;
}
#ChatTabContainer #tab-row {
  background-color: #7f7f7f;
  border-bottom: none;
}
.darkmode #ChatTabContainer #tab-row {
  background-color: #17202a;
}
#ChatTabContainer .refreshUsersLink {
  color: #0c6a93;
}
.darkmode #ChatTabContainer .refreshUsersLink {
  color: #68b5f0;
}

.evolveMode#ChatTabContainer {
  background: var(--background-neutral);
  border: 1px solid var(--border-low);
  border-radius: var(--corner-radius-md);
}
.evolveMode#ChatTabContainer #tab-row {
  background: var(--background-neutral);
  border-bottom: 1px solid var(--border-low);
  padding: var(--spacing-xs) var(--spacing-sm) 0 var(--spacing-sm);
}
.evolveMode#ChatTabContainer #tab-row .settingsWrapper {
  display: flex;
}
.evolveMode#ChatTabContainer #tab-row .tab {
  background: var(--background-neutral);
  color: var(--text-secondary);
  cursor: pointer;
  float: left;
  min-width: 16px;
  padding: var(--spacing-sm) var(--spacing-sm) 0 var(--spacing-sm);
  text-size-adjust: none;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
  user-select: none;
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode#ChatTabContainer #tab-row .tab.active {
  color: var(--text-brand-secondary);
}
.evolveMode#ChatTabContainer #tab-row .tab.active .underline {
  visibility: visible;
}
.evolveMode#ChatTabContainer #tab-row .tab:not(.active):hover {
  color: var(--text-primary);
}
.evolveMode#ChatTabContainer #tab-row .tab .textContainer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.evolveMode#ChatTabContainer #tab-row .tab .underline {
  background-color: var(--text-brand-secondary);
  border-radius: 4px 4px 0 0;
  height: 2px;
  visibility: hidden;
}
.evolveMode#ChatTabContainer .ExpandableDropDownMenuWrapper {
  display: flex;
  height: 20px;
  justify-content: center;
}
.evolveMode#ChatTabContainer .ExpandableDropDownMenuWrapper svg {
  margin-top: -2px;
}
.evolveMode#DraggableChatTabContainer {
  background: var(--background-light-transparent);
  border: none;
  border-radius: var(--corner-radius-md);
}
.evolveMode#DraggableChatTabContainer #tab-row {
  background: var(--background-black-light-transparent, rgba(16, 16, 16, 0.48));
  border-radius: 12px 12px 0 0;
  /* blur/blur-mid */
  backdrop-filter: var(--blur-mid-backdrop-filter);
  padding: var(--spacing-xs) var(--spacing-sm) 0 var(--spacing-sm);
}
.evolveMode#DraggableChatTabContainer #tab-row .settingsWrapper {
  display: flex;
}
.evolveMode#DraggableChatTabContainer #tab-row .tab {
  background: var(--background-light-transparent);
  color: var(--text-white, #fff);
  cursor: pointer;
  float: left;
  min-width: 16px;
  padding: var(--spacing-sm) var(--spacing-sm) 0 var(--spacing-sm);
  text-size-adjust: none;
  white-space: nowrap;
  -webkit-text-size-adjust: none;
  user-select: none;
  font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode#DraggableChatTabContainer #tab-row .tab.active {
  color: var(--color-secondary-60, #00a9e0);
}
.evolveMode#DraggableChatTabContainer #tab-row .tab.active .underline {
  visibility: visible;
}
.evolveMode#DraggableChatTabContainer #tab-row .tab:hover {
  color: var(--color-secondary-60, #00a9e0);
}
.evolveMode#DraggableChatTabContainer #tab-row .tab .textContainer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.evolveMode#DraggableChatTabContainer #tab-row .tab .underline {
  background-color: var(--color-secondary-60, #00a9e0);
  border-radius: 4px 4px 0 0;
  height: 2px;
  visibility: hidden;
}
.evolveMode#DraggableChatTabContainer .ExpandableDropDownMenuWrapper {
  display: flex;
  height: 20px;
  justify-content: center;
}
.evolveMode#DraggableChatTabContainer .ExpandableDropDownMenuWrapper svg {
  margin-top: -2px;
}
.evolveMode#DraggableChatTabContainer #tab-row.fullscreenEvolve {
  background: var(--background-black-light-transparent, rgba(16, 16, 16, 0.48));
  border: none;
}
.draggableCanvasChatWindow:hover .evolveMode#DraggableChatTabContainer #tab-row.fullscreenEvolve, .draggableCanvasChatWindow.resizing .evolveMode#DraggableChatTabContainer #tab-row.fullscreenEvolve {
  background-color: var(--background-black-transparent, rgba(16, 16, 16, 0.88));
}

.ChatTabContents .message-list {
  background-color: #fff;
  color: #494949;
}
.darkmode .ChatTabContents .message-list {
  background-color: transparent;
  color: #ffffff;
}
.ChatTabContents .message-list .msg-text {
  color: #494949;
}
.darkmode .ChatTabContents .message-list .msg-text {
  color: #ffffff;
}
.ChatTabContents .message-list .msg-text .roomNotice {
  color: #494949;
}
.darkmode .ChatTabContents .message-list .msg-text .roomNotice {
  color: #ffffff;
}
.ChatTabContents .message-list .msg-text .roomNotice.titleChange {
  color: #f47321;
}
.darkmode .ChatTabContents .message-list .msg-text .roomNotice.titleChange {
  color: #f47321;
}

#FVChatTabContents .roomNotice,
.theatermodePureChat .roomNotice {
  color: #aaaaaa;
}
#FVChatTabContents .roomNotice.titleChange,
.theatermodePureChat .roomNotice.titleChange {
  color: #f47321;
}

.ChatTabContents .chat-input-div,
.ChatTabContents .inputDiv,
#SplitModeChatSettingsTab .chat-input-div,
#SplitModeChatSettingsTab .inputDiv,
#UserListTab .chat-input-div,
#UserListTab .inputDiv,
#FVChatTabContents .chat-input-div,
#FVChatTabContents .inputDiv,
#FVChatSettingsTab .chat-input-div,
#FVChatSettingsTab .inputDiv {
  background-color: #ffffff;
}
.darkmode .ChatTabContents .chat-input-div,
.darkmode .ChatTabContents .inputDiv,
.darkmode #SplitModeChatSettingsTab .chat-input-div,
.darkmode #SplitModeChatSettingsTab .inputDiv,
.darkmode #UserListTab .chat-input-div,
.darkmode #UserListTab .inputDiv,
.darkmode #FVChatTabContents .chat-input-div,
.darkmode #FVChatTabContents .inputDiv,
.darkmode #FVChatSettingsTab .chat-input-div,
.darkmode #FVChatSettingsTab .inputDiv {
  background-color: #2a323f;
}

#FVChatTabContents .chat-input-div,
#FVChatSettingsTab .chat-input-div {
  background-color: #ffffff;
}
.darkmode #FVChatTabContents .chat-input-div,
.darkmode #FVChatSettingsTab .chat-input-div {
  background-color: #2a323f;
}
.pureChat #FVChatTabContents .chat-input-div,
.pureChat #FVChatSettingsTab .chat-input-div {
  background-color: rgba(0, 0, 0, 0.15);
}
.pureChat #FVChatTabContents .chat-input-div .chat-input-form,
.pureChat #FVChatTabContents .chat-input-div .chat-input-field,
.pureChat #FVChatSettingsTab .chat-input-div .chat-input-form,
.pureChat #FVChatSettingsTab .chat-input-div .chat-input-field {
  color: #ffffff;
}
#FVChatTabContents .chat-input-div .chat-input-form,
#FVChatTabContents .chat-input-div .chat-input-field,
#FVChatSettingsTab .chat-input-div .chat-input-form,
#FVChatSettingsTab .chat-input-div .chat-input-field {
  color: #000000;
}
.darkmode #FVChatTabContents .chat-input-div .chat-input-form,
.darkmode #FVChatTabContents .chat-input-div .chat-input-field,
.darkmode #FVChatSettingsTab .chat-input-div .chat-input-form,
.darkmode #FVChatSettingsTab .chat-input-div .chat-input-field {
  color: #ffffff;
}
#FVChatTabContents .chat-input-div .tip-button:focus,
#FVChatSettingsTab .chat-input-div .tip-button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])),
.darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(textarea, input, button):focus,
.darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(select),
.darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(select) {
  background-color: #202c39;
}
.darkmode #FVChatTabContents .chat-input-div .tip-button:is(select):focus,
.darkmode #FVChatSettingsTab .chat-input-div .tip-button:is(select):focus {
  outline: 2px solid #68b5f0;
}
#FVChatTabContents .chat-input-div .tip-button, .darkmode #FVChatTabContents .chat-input-div .tip-button,
#FVChatSettingsTab .chat-input-div .tip-button,
.darkmode #FVChatSettingsTab .chat-input-div .tip-button {
  background-color: #009900;
  color: #ffffff;
  border: 1px solid #288a09;
  border-radius: 4px;
}
#FVChatTabContents .msg-text,
#FVChatSettingsTab .msg-text {
  color: #ffffff;
}
.darkmode #FVChatTabContents .msg-text,
.darkmode #FVChatSettingsTab .msg-text {
  color: rgb(222, 222, 222);
}
.pureChat #FVChatTabContents .msg-list-wrapper-fvm,
.pureChat #FVChatSettingsTab .msg-list-wrapper-fvm {
  text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}
.pureChat #FVChatTabContents .msg-list-wrapper-fvm .pureChatColor,
.pureChat #FVChatSettingsTab .msg-list-wrapper-fvm .pureChatColor {
  color: var(--pureChatColor);
}
.pureChat #FVChatTabContents .msg-list-wrapper-fvm .pureHidden,
.pureChat #FVChatSettingsTab .msg-list-wrapper-fvm .pureHidden {
  visibility: hidden;
}

.msg-link {
  color: #0c6a93;
}
.darkmode .msg-link, .hasDarkBackground .msg-link {
  color: #68b5f0;
}
.bright-background .msg-link {
  color: #0c6a93;
}

.appPreview {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid rgb(235, 236, 236);
}
.darkmode .appPreview {
  color: #ffffff;
  background-color: #17202a;
  border: 1px solid #2d3e50;
}
.appPreview .subText, .appPreview .appPage .description, .appPage .appPreview .description {
  color: #808285;
}
.darkmode .appPreview .subText, .darkmode .appPreview .appPage .description, .appPage .darkmode .appPreview .description {
  color: #b3b3b3;
}

.evolveMode #ChatTabContainer .ChatTabContents {
  background-color: var(--background-neutral);
}
.evolveMode #ChatTabContainer .ChatTabContents .message-list,
.evolveMode #ChatTabContainer .ChatTabContents .msg-list-wrapper-split {
  background-color: transparent;
}
.evolveMode #ChatTabContainer .ChatTabContents .message-list,
.evolveMode #ChatTabContainer .ChatTabContents .msg-list-wrapper-split {
  color: var(--text-primary);
}
.evolveMode #ChatTabContainer .ChatTabContents .message-list .msg-text,
.evolveMode #ChatTabContainer .ChatTabContents .msg-list-wrapper-split .msg-text {
  color: var(--text-primary);
}
.evolveMode #ChatTabContainer .ChatTabContents .message-list .msg-text .roomNotice,
.evolveMode #ChatTabContainer .ChatTabContents .msg-list-wrapper-split .msg-text .roomNotice {
  color: var(--text-primary);
}
.evolveMode #ChatTabContainer .ChatTabContents .message-list .msg-text .isTip,
.evolveMode #ChatTabContainer .ChatTabContents .msg-list-wrapper-split .msg-text .isTip {
  background-color: var(--background-chat-tip);
}
.evolveMode #ChatTabContainer .ChatTabContents .msg-link {
  color: var(--text-brand-secondary);
}
.bright-background .evolveMode #ChatTabContainer .ChatTabContents .msg-link {
  color: var(--color-secondary-40);
}
.evolveMode #ChatTabContainer .ChatTabContents .roomNotice.titleChange a {
  color: var(--text-brand-secondary);
}
.evolveMode #FVChatTabContents,
.evolveMode #FVChatSettingsTab {
  container-type: inline-size;
}
.evolveMode #FVChatTabContents .msg-list-wrapper-fvm,
.evolveMode #FVChatSettingsTab .msg-list-wrapper-fvm {
  box-sizing: border-box;
  padding: 12px 16px;
}
.evolveMode #FVChatTabContents .chat-row-div,
.evolveMode #FVChatSettingsTab .chat-row-div {
  display: flex;
  padding: var(--spacing-md) var(--spacing-lg);
  justify-content: flex-end;
  align-items: flex-end;
  gap: var(--spacing-xs);
  align-self: stretch;
}
.evolveMode #FVChatTabContents .chat-input-div,
.evolveMode #FVChatSettingsTab .chat-input-div {
  display: flex;
  padding: var(--spacing-sm, 8px) var(--spacing-md, 12px) var(--spacing-md, 12px) var(--spacing-md, 12px);
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-xs);
  flex: 1 0 0;
  border-radius: var(--corner-radius-2xl, 24px);
  background: var(--background-low-contrast);
  min-width: 0;
}
.evolveMode #FVChatTabContents .chat-input-div .chat-input-form,
.evolveMode #FVChatSettingsTab .chat-input-div .chat-input-form {
  display: flex;
  flex: 1 0 0;
  min-width: 0;
  background: transparent;
}
.evolveMode #FVChatTabContents .chat-input-div .chat-input-form .chat-input-field,
.evolveMode #FVChatSettingsTab .chat-input-div .chat-input-form .chat-input-field {
  flex: 1 0 0;
  color: var(--text-primary);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode #FVChatTabContents .fullvideoEmojiButtonChat,
.evolveMode #FVChatTabContents .fullvideoEmojiButtonPm,
.evolveMode #FVChatSettingsTab .fullvideoEmojiButtonChat,
.evolveMode #FVChatSettingsTab .fullvideoEmojiButtonPm {
  display: flex;
  color: var(--text-button-brand);
  cursor: pointer;
  align-self: flex-end;
}
.evolveMode #FVChatTabContents .isTip,
.evolveMode #FVChatSettingsTab .isTip {
  background-color: var(--background-chat-tip);
  text-shadow: none;
}
@container (max-width: 185px) {
  .evolveMode #FVChatTabContents .chat-row-div,
  .evolveMode #FVChatSettingsTab .chat-row-div {
    gap: 0;
    padding: 12px 8px;
  }
  .evolveMode #FVChatTabContents .chat-input-div,
  .evolveMode #FVChatSettingsTab .chat-input-div {
    margin-right: 8px;
  }
  .evolveMode #FVChatTabContents .fullvideoEmojiButtonChat,
  .evolveMode #FVChatTabContents .fullvideoEmojiButtonPm,
  .evolveMode #FVChatSettingsTab .fullvideoEmojiButtonChat,
  .evolveMode #FVChatSettingsTab .fullvideoEmojiButtonPm {
    display: none;
  }
}
.evolveMode .ChatTabContents {
  container-type: inline-size;
}
.evolveMode .ChatTabContents .inputDiv {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-xs);
  flex: 1 0 0;
  background: var(--background-low-contrast);
  color: var(--text-primary);
  border: none;
  border-radius: var(--corner-radius-2xl, 24px);
  min-width: 0;
  padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);
  position: relative;
}
.evolveMode .ChatTabContents .inputDiv .chat-input-form {
  display: flex;
  flex: 1 0 0;
  background: transparent;
  min-width: 0;
}
.evolveMode .ChatTabContents .inputDiv .chat-input-form .chat-input-field {
  flex: 1 0 0;
  color: var(--text-primary);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.evolveMode .ChatTabContents .chat-row-div {
  gap: var(--spacing-xs);
  padding: var(--spacing-md) var(--spacing-md);
  width: 100%;
  align-items: flex-end;
}
.evolveMode .ChatTabContents .chat-row-div .theatermodeEmojiButtonChat,
.evolveMode .ChatTabContents .chat-row-div .theatermodeEmojiButtonPm {
  display: flex;
  color: var(--text-button-brand);
  cursor: pointer;
  align-self: flex-end;
}
.evolveMode .ChatTabContents .chat-row-div .SendButton {
  flex: 0 0 auto;
}
@container (max-width: 185px) {
  .evolveMode .ChatTabContents .chat-row-div {
    gap: 0;
    padding: 12px 8px;
  }
  .evolveMode .ChatTabContents .chat-row-div .inputDiv {
    margin-right: 8px;
  }
  .evolveMode .ChatTabContents .chat-row-div .theatermodeEmojiButtonChat,
  .evolveMode .ChatTabContents .chat-row-div .theatermodeEmojiButtonPm {
    display: none;
  }
}

.BroadcastChatSettings .chat-settings-input:focus, #FVChatSettingsTab .chat-settings-input:focus, #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .BroadcastChatSettings .chat-settings-input:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])), .darkmode #FVChatSettingsTab .chat-settings-input:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])), .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .BroadcastChatSettings .chat-settings-input:is(textarea, input, button):focus, .darkmode #FVChatSettingsTab .chat-settings-input:is(textarea, input, button):focus, .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .BroadcastChatSettings .chat-settings-input:is(select), .darkmode #FVChatSettingsTab .chat-settings-input:is(select), .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input:is(select) {
  background-color: #202c39;
}
.darkmode .BroadcastChatSettings .chat-settings-input:is(select):focus, .darkmode #FVChatSettingsTab .chat-settings-input:is(select):focus, .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input:is(select):focus {
  outline: 2px solid #68b5f0;
}
.BroadcastChatSettings .chat-settings-input, #FVChatSettingsTab .chat-settings-input, #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input {
  border-color: #b1b1b1;
}
.darkmode .BroadcastChatSettings .chat-settings-input, .darkmode #FVChatSettingsTab .chat-settings-input, .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input {
  border-color: #6e6f70;
  color: #ffffff;
}
.BroadcastChatSettings .chat-settings-select:focus, #FVChatSettingsTab .chat-settings-select:focus, #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-select:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .BroadcastChatSettings .chat-settings-select:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])), .darkmode #FVChatSettingsTab .chat-settings-select:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])), .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-select:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .BroadcastChatSettings .chat-settings-select:is(textarea, input, button):focus, .darkmode #FVChatSettingsTab .chat-settings-select:is(textarea, input, button):focus, .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-select:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .BroadcastChatSettings .chat-settings-select:is(select), .darkmode #FVChatSettingsTab .chat-settings-select:is(select), .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-select:is(select) {
  background-color: #202c39;
}
.darkmode .BroadcastChatSettings .chat-settings-select:is(select):focus, .darkmode #FVChatSettingsTab .chat-settings-select:is(select):focus, .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-select:is(select):focus {
  outline: 2px solid #68b5f0;
}
.BroadcastChatSettings .chat-settings-select, #FVChatSettingsTab .chat-settings-select, #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-select {
  -webkit-appearance: menulist;
}
.darkmode .BroadcastChatSettings .chat-settings-select, .darkmode #FVChatSettingsTab .chat-settings-select, .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-select {
  color: #ffffff !important;
}
.BroadcastChatSettings .chat-settings-subheader, #FVChatSettingsTab .chat-settings-subheader, #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-subheader {
  color: #6f6f6f;
}
.darkmode .BroadcastChatSettings .chat-settings-subheader, .darkmode #FVChatSettingsTab .chat-settings-subheader, .darkmode #SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-subheader {
  color: #ababab;
}
.BroadcastChatSettings .tooltip-info-icon, #FVChatSettingsTab .tooltip-info-icon, #SplitModeChatSettingsTab:not(.evolveMode) .tooltip-info-icon {
  cursor: pointer;
  height: 10px;
  width: 10px;
  display: inline-block;
  align-self: center;
  border-radius: 50%;
  margin-left: 4px;
  background: url(../../images/broadcastnotification/infoicon.svg?950c74b2d1f3) right 50%/contain no-repeat transparent;
}

#SplitModeChatSettingsTab:not(.evolveMode) .chat-settings-input {
  background-color: transparent;
}
#SplitModeChatSettingsTab:not(.evolveMode) .link {
  color: #0c6a93;
}
.darkmode #SplitModeChatSettingsTab:not(.evolveMode) .link {
  color: #68b5f0;
}

#FVChatSettingsTab {
  color: #ffffff;
}
.darkmode #FVChatSettingsTab .chat-settings-input:not(.slider, .colorSwatch) {
  background-color: #202c39;
  border-color: #2a323f;
}
#FVChatSettingsTab .chat-settings-subheader {
  color: #b3b3b3;
}
#FVChatSettingsTab .manage-ignored-link {
  color: #85ffff;
}
.darkmode #FVChatSettingsTab .manage-ignored-link {
  color: #68b5f0;
}
#FVChatSettingsTab .chat-input-div {
  background-color: #ffffff;
}
.darkmode #FVChatSettingsTab .chat-input-div {
  background-color: #202c39;
}
.darkmode #FVChatSettingsTab .chat-input-div .chat-input-field {
  color: #ffffff;
}

.BroadcastChatSettings .link {
  color: #0c6a93;
}
.darkMode .BroadcastChatSettings .link {
  color: #68b5f0;
}
.BroadcastChatSettings .ColorPickerModal input {
  background-color: field;
  color: fieldText;
}

.BaseTabsContainer .inputDiv {
  background-color: transparent;
  border-color: #acacac;
}
.darkmode .BaseTabsContainer .inputDiv {
  border-color: #2d3e50;
}
.BaseTabsContainer .inputDiv .msg-input {
  color: #000;
}
.darkmode .BaseTabsContainer .inputDiv .msg-input {
  color: #ffffff;
}
.BaseTabsContainer .chat-row-div {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  box-sizing: border-box;
}
.BaseTabsContainer .chat-row-div .inputDiv,
.BaseTabsContainer .chat-row-div .chat-input-div {
  width: 100%;
}

#tab-row {
  background-color: #7f7f7f;
}
#ChatTabContainer.modern #tab-row, .draggableCanvasWindow .modern #tab-row {
  background-color: #c9c9c9;
}
.darkmode #ChatTabContainer.modern #tab-row, .darkmode .draggableCanvasWindow .modern #tab-row {
  background-color: #17202a;
}
.darkmode #tab-row {
  background-color: #17202a;
}

.tab {
  background-color: rgb(201, 201, 201);
}
.darkmode .tab {
  background-color: transparent;
}
.tab:hover {
  background-color: #fff;
  color: #f47321;
}
.darkmode .tab:hover {
  background-color: #202c39;
  color: #f47321;
}
.tab.active {
  background-color: #fff;
  color: #f47321;
  cursor: default;
}
.darkmode .tab.active {
  background-color: #202c39;
  color: #f47321;
}
.tab.collapsed {
  background-color: transparent;
}
.tab.collapsed:hover {
  background-color: rgb(201, 201, 201);
}
.darkmode .tab.collapsed:hover {
  background-color: #17202a;
}

.chat-tabs-dropdown-border {
  border-color: rgb(201, 201, 201);
  box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32);
}
.darkmode .chat-tabs-dropdown-border {
  border-color: #17202a;
}

.evolveMode.dropdown {
  background-color: var(--background-others-popup-neutral);
  box-shadow: 0 0 var(--blur-200) 0 var(--drop-shadow-low);
}
.evolveMode.dropdown .tab {
  background: transparent;
  border: none;
  color: var(--text-primary);
  cursor: pointer;
  padding: var(--spacing-sm) var(--spacing-md);
  width: 100%;
  text-align: center;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.evolveMode.dropdown .tab:hover {
  background: var(--overlay-button-hover);
  border-radius: var(--corner-radius-lg);
}
.evolveMode.dropdown .tab.active {
  color: var(--text-brand-secondary);
}

.auth_option {
  color: #0373a3;
  text-decoration: none;
}
.auth_option:hover {
  text-decoration: none;
}
.auth_option div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid #525252;
  border-radius: 4px;
  color: #525252;
  margin-bottom: 8px;
  vertical-align: middle;
}
.mobile .auth_option div {
  height: 46px;
}
.auth_option p {
  font-size: 14px;
  line-height: 16px;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  margin: 0 0 0 8px !important;
}
.mobile .auth_option p {
  font-size: 16px;
  line-height: 24px;
}
.evolveMode .auth_option img {
  padding-left: 3px;
}
.evolveMode .auth_option div {
  border: 1px solid var(--border-button-neutral);
  height: 40px;
  border-radius: var(--corner-radius-full);
  background-color: var(--background-button-neutral-transparent);
}
.evolveMode .auth_option p {
  color: var(--text-button-neutral);
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 12px !important;
}

.or_separator p {
  color: #a7a7a7;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}
.or_separator p:before, .or_separator p:after {
  background-color: #efefef;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.or_separator p:before {
  right: 0.5em;
  margin-left: -50%;
}
.or_separator p:after {
  left: 0.5em;
  margin-right: -50%;
}
.or_separator.darker p:before, .or_separator.darker p:after {
  background-color: #cbcbcb;
}
.evolveMode .or_separator p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 12px;
  color: var(--text-light);
}
.evolveMode .or_separator p:before, .evolveMode .or_separator p:after {
  transform: translateY(-2px);
  background-color: var(--text-light);
}

body.embed-blurred-login-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@supports (filter: blur(5px)) and (-webkit-filter: blur(5px)) {
  body.blurred-login-overlay-shown,
  .blurred-login-overlay {
    background: rgba(255, 255, 255, 0.75);
    visibility: visible;
  }
  body.blurred-login-overlay-shown.join-overlay-organic-expansion,
  .blurred-login-overlay.join-overlay-organic-expansion {
    background: rgba(0, 0, 0, 0.5);
  }
  .evolveMode body.blurred-login-overlay-shown,
  .evolveMode .blurred-login-overlay {
    background: var(--overlay-backdrop-popup);
  }
  body.isIpad.blurred-login-overlay-shown,
  body.isIpad .blurred-login-overlay {
    background: none;
  }
  body.darkmode.blurred-login-overlay-shown .blurred-login-overlay {
    background: rgba(0, 0, 0, 0.75);
  }
  body.darkmode.blurred-login-overlay-shown .blurred-login-overlay.join-overlay-organic-expansion {
    background: rgba(0, 0, 0, 0.5);
  }
  body.darkmode.blurred-login-overlay-shown {
    background-color: #17202a;
  }
  body.isIpad.darkmode.blurred-login-overlay-shown .blurred-login-overlay {
    background: rgba(0, 0, 0, 0.5);
  }
}
@supports (backdrop-filter: blur(3px)) or (-webkit-backdrop-filter: blur(3px)) {
  .blurred-login-overlay {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }
  .evolveMode .blurred-login-overlay {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  body.isIpad .blurred-login-overlay {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
  }
  .evolveMode body.isIpad .blurred-login-overlay {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  body.isIpad.darkmode .blurred-login-overlay {
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }
  .evolveMode body.isIpad.darkmode .blurred-login-overlay {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
#id_login_btn[disabled] {
  cursor: auto;
  opacity: 0.5;
}
#id_login_btn {
  cursor: pointer;
  opacity: 1;
  color: #ffffff;
  font: 16px "UbuntuMedium", Arial, Helvetica, sans-serif;
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #a8a8a8;
  background-color: #f47321;
  -webkit-appearance: none;
}
.evolveMode #id_login_btn {
  height: 40px;
  border-radius: var(--corner-radius-full);
  background-color: var(--background-button-brand-primary);
  border: none;
  font: 16px "UbuntuRegular", Arial, Helvetica, sans-serif;
}

.darkmode .MobileLoginOverlay a {
  color: #0c6a93;
}

form input.evolveLoginOverlayInput {
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  border: 1px solid var(--border-button-neutral);
  background: var(--background-neutral);
}
form input.evolveLoginOverlayInput::placeholder {
  color: var(--color-grey-70);
}
form input.evolveLoginOverlayInput:focus {
  outline: none;
  border-color: var(--border-button-focused);
  box-shadow: 0px 0px 0px 1px var(--border-button-focused);
}

.evolveLoginCloseButton {
  width: 40px;
  height: 40px;
  border-radius: var(--corner-radius-full);
  background-color: var(--background-button-neutral-transparent);
  background-image: url("../../tsdefaultassets/floating-player-close.svg?aa352a6af708");
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
  outline: none;
  border: 2px solid transparent;
}
.darkMode .evolveLoginCloseButton {
  background-image: url("../../tsdefaultassets/floating-player-close-darkmode.svg?48f7cd32ac5c");
}
.evolveLoginCloseButton:focus {
  border-color: var(--border-button-focused);
}

.checkbox_label_row {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

.checkboxLabelText {
  color: var(--text-primary);
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

form .button, button.ajax_button {
  display: block;
  padding: 0px 30px 2px 15px;
  margin: 15px 0px 0px 137px;
  width: auto;
  height: 28px;
  border: 1px solid #b1b1b1;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #fff;
  font: 1.16em/1em "UbuntuMedium", Arial, Helvetica, sans-serif;
  background-color: var(--wl-signup-bg-color, #f47321);
  background-image: url(../../images/arrow-white-v2.gif?75bde39356c3);
  background-repeat: no-repeat;
  background-position: right 50%;
}
form .button:hover, button.ajax_button:hover {
  background-color: var(--wl-signup-bg-color, #ff6300);
  text-decoration: underline;
  cursor: pointer;
}
form .button:disabled, button.ajax_button:disabled, form .disabled.button, button.disabled.ajax_button {
  background-color: #bababa;
  cursor: default;
}
form .button:disabled:hover, button.ajax_button:disabled:hover, form .disabled.button:hover, button.disabled.ajax_button:hover {
  text-decoraton: none;
}

.checkboxComponent.transparentCheckbox {
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
}
.checkboxComponent.toggle {
  box-sizing: content-box;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: background-color 0.4s ease 0s;
  user-select: none;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}
.checkboxComponent.toggle .toggleButton {
  border-radius: 100%;
  display: block;
  overflow: hidden;
  position: absolute;
  top: 2px;
  transition: left 0.4s;
}
.checkboxComponent input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: inherit;
  outline-offset: 1px;
  pointer-events: none;
}
.checkboxComponent input[type=checkbox]:focus-visible {
  outline-offset: 1px;
  outline-style: solid;
  outline-width: 2px;
}
.checkboxFieldLabel .checkboxComponent {
  margin: 0px 3px 0px 0px;
  transform: translateY(4px);
}

.checkboxFieldLabel {
  padding: 0px 10px 0px 0px;
}

form fieldset {
  border-style: none;
}
form {
  /* Classic HTML forms - copied from css/forms.css */
  /* Note these rules in css/forms.css apply to all forms - but here they are constrained to .fieldset_main to avoid clashing */
}
form .fieldset_main th {
  text-align: right;
  vertical-align: top;
  padding-top: 10px;
}
form .fieldset_main th label {
  display: block;
  font: 1em/1.3em "UbuntuMedium", Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px 4px 6px 0px;
  color: #494949;
}
form .fieldset_main .requiredfield label:after,
form .fieldset_main .required label:after {
  content: " *";
}
form .fieldset_main ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
  clear: both;
  display: block;
}
form .fieldset_main ul li {
  float: left;
  margin: 0px 10px 0px 0px;
  padding: 0px;
}
form .errorlist {
  background: url(../../images/ico-error.gif?5bbd9994802d) no-repeat 2px 50%;
  font: 0.833em "UbuntuMedium", Arial, Helvetica, sans-serif;
  color: #666;
  margin: 5px 0px 0px 2px;
  padding: 2px 0px 0px 20px;
  display: inline-block;
}
form .search_criteria ul {
  margin-top: 12px;
}
form .search_criteria ul li {
  margin: 0px 10px 0px 0px;
  width: 150px;
}
form .submit_button_footer {
  display: block;
  margin: 5px 0px 0px 148px;
  font-size: 0.8em;
}
form .formvalidate_error {
  color: #d50000;
  padding: 0;
}
form .formvalidate_spinner {
  display: inline-block;
  vertical-align: middle;
}
form .formvalidate_spinner::after {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../../images/spinner.gif?5368f68c1780) no-repeat center/contain;
  vertical-align: middle;
  visibility: hidden;
}
form .formvalidate_spinner.active::after {
  visibility: visible;
}
form .formvalidate_hidden {
  display: none !important;
}
form {
  /* End Classic HTML forms */
}

.evolveMode input[type=checkbox]:checked {
  accent-color: var(--background-button-brand-primary);
}

.evolveMode .checkbox_label_row input[type=checkbox],
.evolveMode .checkbox-field-row input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 20px;
  height: 20px;
  margin: 0;
}
.evolveMode .checkbox_label_row input[type=checkbox] + .checkboxControl,
.evolveMode .checkbox-field-row input[type=checkbox] + .checkboxControl {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  background: var(--background-input-primary);
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  border-radius: var(--spacing-xs);
  border: 1px solid var(--border-button-neutral-high);
}
.evolveMode .checkbox_label_row input[type=checkbox] + .checkboxControl::after,
.evolveMode .checkbox-field-row input[type=checkbox] + .checkboxControl::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../../tsdefaultassets/evolve-checkbox.svg?b672d203df7d) center/16px no-repeat;
  opacity: 0;
}
.evolveMode .checkbox_label_row input[type=checkbox]:checked + .checkboxControl,
.evolveMode .checkbox-field-row input[type=checkbox]:checked + .checkboxControl {
  background: var(--background-brand-primary);
  border-color: var(--background-brand-primary);
}
.evolveMode .checkbox_label_row input[type=checkbox]:checked + .checkboxControl::after,
.evolveMode .checkbox-field-row input[type=checkbox]:checked + .checkboxControl::after {
  opacity: 1;
}
.evolveMode .checkbox_label_row input[type=checkbox]:focus-visible + .checkboxControl,
.evolveMode .checkbox-field-row input[type=checkbox]:focus-visible + .checkboxControl {
  outline: none;
  border-color: var(--border-button-focused);
  box-shadow: 0px 0px 0px 1px var(--border-button-focused);
}

.overlayModalOverlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  background-color: rgba(0, 0, 0, 0.4);
}

.overlayModalElement {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.big_form_button:focus {
  outline: -webkit-focus-ring-color auto 1px;
}
.darkmode .big_form_button:is(textarea, input, button):is(:not(button, input[type=submit], input[type=button])) {
  background-color: #202c39;
}
.darkmode .big_form_button:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0;
}
.darkmode .big_form_button:is(select) {
  background-color: #202c39;
}
.darkmode .big_form_button:is(select):focus {
  outline: 2px solid #68b5f0;
}
.big_form_button, .darkmode .big_form_button {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px;
}
.big_form_button {
  font: 18px "UbuntuBold", Arial, Helvetica, sans-serif;
  line-height: 32px;
  padding: 3px 35px 2px 35px;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.big_form_button:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  right: 0;
  background-image: url(../../images/arrow-white-v2.gif?75bde39356c3);
  background-repeat: no-repeat;
  background-position: center;
}
.big_form_button:hover {
  background-color: var(--wl-signup-bg-color, #ff6300);
  text-decoration: underline;
}
.big_form_button--small-text {
  font-size: 16px;
}
.big_form_button--full-width {
  width: 100%;
}
.big_form_button--margin {
  margin: 13px auto 20px auto;
}
.big_form_button--blue {
  color: var(--wl-text-color, #6783a3);
  border: 1px solid var(--wl-content-bgcolor, #b1b1b1);
  background-color: var(--wl-content-bgcolor, #dfe9f4);
}
.big_form_button--blue:after {
  background-image: url(../../images/arrow-blue.gif?5064c292cfa2);
}
.big_form_button--blue:hover {
  background-color: var(--wl-content-bgcolor, #cde0f5);
}
.big_form_button a {
  color: #fff;
}

.search_autocomplete::-ms-clear {
  display: none;
}

body.evolveMode {
  background-color: var(--background-neutral);
  box-sizing: border-box;
}
body.evolveMode #base {
  box-sizing: border-box;
  padding-top: 64px;
}
body.evolveMode #base .top-section {
  display: none !important;
}
body.evolveMode #main .content {
  padding: 0;
  margin-top: var(--spacing-md);
}