* {
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?19aba66985a8) no-repeat;
background-size: 113px 15px;
width: 113px;
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?f5eca179f90c) no-repeat;
background-size: 113px 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;
}
#roomtitleform input[type="text"] {
width: 300px;
height: auto;
line-height: normal;
margin-top: auto;
border: none;
padding: 0px;
}
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 img {
width: 19px;
height: 19px;
}
.formvalidate_hidden {
display: none !important;
}
#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;
}
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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,
.dmWindow .tipMessage {
border-color: #acacac;
background-color: transparent; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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; }
.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; }
.darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer.selected svg path, .darkmode .cornerSurveyWrapper .cornerSurveyContainer .survey .emoteContainer:hover svg path {
fill: #68b5f0; }
.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: #68b5f0 auto 1px; }
.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; }
.userFeedbackForm .sentimentOption.selected svg g, .userFeedbackForm .sentimentOption:hover svg g {
opacity: 1; }
.darkmode .userFeedbackForm .sentimentOption svg path {
fill: #d1d1d1; }
.darkmode .userFeedbackForm .sentimentOption.selected svg path, .darkmode .userFeedbackForm .sentimentOption:hover svg path {
fill: #68b5f0; }
.userFeedbackForm .feedbackComment {
border: 1px solid #acacac; }
.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: #68b5f0 auto 1px; }
.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; }
.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 {
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 {
border-bottom-color: #1c2733; }
.tooltip .divotTop .divotBorder {
border-bottom-color: #efefef; }
.darkmode .tooltip .divotTop .divotBorder {
border-bottom-color: #17202a; }
.tooltip .divotBottom .divotBackground {
border-top-color: #ffffff; }
.darkmode .tooltip .divotBottom .divotBackground {
border-top-color: #1c2733; }
.tooltip .divotBottom .divotBorder {
border-top-color: #efefef; }
.darkmode .tooltip .divotBottom .divotBorder {
border-top-color: #17202a; }
.tooltip .divotLeft .divotBackground {
border-right-color: #ffffff; }
.darkmode .tooltip .divotLeft .divotBackground {
border-right-color: #1c2733; }
.tooltip .divotLeft .divotBorder {
border-right-color: #efefef; }
.darkmode .tooltip .divotLeft .divotBorder {
border-right-color: #17202a; }
.tooltip .divotRight .divotBackground {
border-left-color: #ffffff; }
.darkmode .tooltip .divotRight .divotBackground {
border-left-color: #1c2733; }
.tooltip .divotRight .divotBorder {
border-left-color: #efefef; }
.darkmode .tooltip .divotRight .divotBorder {
border-right-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 {
background-color: transparent; }
.darkmode .followRecommendedContainer .roomElementAnchor {
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: #68b5f0 auto 1px; }
.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 {
background-color: transparent;
color: #494949;
border: 1px solid #6c6c6c;
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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.ButtonColor-red, .darkmode .ButtonColor-red {
background-color: #eb3404;
color: #ffffff;
border: 1px solid #eb3404;
border-radius: 4px; }
.ButtonColor-text {
background-color: transparent;
color: #494949;
border: none; }
.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: #68b5f0 auto 1px; }
.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 {
background-color: transparent;
color: #494949;
border: 1px solid #6c6c6c;
border-radius: 4px; }
.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: #68b5f0 auto 1px; }
.darkmode .ButtonColor-clear {
color: #b3b3b3;
border: 1px solid #b3b3b3; }
body.darkmode {
background-color: #17202a; }
body.darkmode #main {
color: #b3b3b3; }
.textColor {
color: #494949; }
.darkmode .textColor {
color: #b3b3b3; }
.brandColor {
color: #f47321; }
.brandBlue {
color: #0c6a93; }
.textBodySecondary {
color: #a7a7a7; }
.darkmode .textBodySecondary {
color: #6e6f70; }
.bgColor {
background-color: #ffffff; }
.darkmode .bgColor {
background-color: #2a2c30; }
.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 #666666; }
.tabInactiveBgColor {
background-color: #dde9f5; }
.darkmode .tabInactiveBgColor {
background-color: #2a2c30; }
.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: #b3b3b3; }
.hrefColor {
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: #202223; }
.overlayOpacity {
background-color: #000 !important;
opacity: 0.85; }
.dismissibleMessageColor {
color: #49494f; }
.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",
*/
.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: #494949;
border-color: #0c6a93; }
.darkmode #header #user_information {
color: #b3b3b3;
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: #b3b3b3; }
#header #user_information .user_information_header_username {
color: white; }
#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 {
text-align: right; }
#header #user_information table tr td:last-child a {
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; }
@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: #b3b3b3; }
.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 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 h2, .darkmode .footer-holder .nav li a, .darkmode .footer-holder ul li a, .darkmode .footer-holder a, .darkmode .footer-holder p {
color: #b3b3b3; }
.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); }
.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,
#electronic_consent_terms {
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,
#electronic_consent_terms {
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#electronic_consent_terms,
#broadcast_terms#electronic_consent_terms,
#obs_broadcast_info#electronic_consent_terms,
#daily_payout_info#electronic_consent_terms,
#electronic_consent_terms#electronic_consent_terms {
min-width: 0; }
#entrance_terms .header,
#broadcast_terms .header,
#obs_broadcast_info .header,
#daily_payout_info .header,
#electronic_consent_terms .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,
#electronic_consent_terms p,
#electronic_consent_terms ul {
line-height: 1.4em !important; }
#entrance_terms .esignature_container,
#broadcast_terms .esignature_container,
#obs_broadcast_info .esignature_container,
#daily_payout_info .esignature_container,
#electronic_consent_terms .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,
#electronic_consent_terms .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,
#electronic_consent_terms .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,
#electronic_consent_terms .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, .darkmode #electronic_consent_terms a {
color: #68b5f0; }
#entrance_terms .footer,
#broadcast_terms .footer,
#obs_broadcast_info .footer,
#daily_payout_info .footer,
#electronic_consent_terms .footer {
text-align: center;
color: #222; }
#entrance_terms .footer a,
#broadcast_terms .footer a,
#obs_broadcast_info .footer a,
#daily_payout_info .footer a,
#electronic_consent_terms .footer a {
width: 200px;
height: 30px;
line-height: 30px;
font-weight: bold;
background-color: orange;
margin: 10px 5px 0 5px;
display: inline-block;
text-align: center; }
#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,
#electronic_consent_terms .footer .exit_entrance_terms {
background-color: #ccc; }
.entrance-terms--shown,
.age-gate--shown {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
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; }
.entrance-terms--shown #age_gate_overlay.tease,
.age-gate--shown #age_gate_overlay.tease {
background: rgba(0, 0, 0, 0.5); }
@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:not(.tease),
.age-gate--shown #entrance_terms_overlay,
.age-gate--shown #age_gate_overlay:not(.tease) {
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:not(.tease),
.age-gate--shown #entrance_terms_overlay,
.age-gate--shown #age_gate_overlay:not(.tease) {
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; }
#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,
.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-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: #68b5f0 auto 1px; }
.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-choices {
margin-top: 20px; }
.multi-av #av-choices .show-more-verification-options {
display: inline-block;
font-size: 14px;
cursor: pointer; }
.multi-av #av-choices .show-more-verification-options img {
position: relative;
top: -2px;
margin-left: 3px; }
.multi-av #av-choices #yoti-div {
display: none; }
.multi-av #av-choices #id-scan-div {
display: none; }
.multi-av #av-choices #face-scan-div {
display: none; }
.multi-av #av-choices #email-vfy {
display: none; }
.multi-av #av-choices #cc-div {
display: none; }
.multi-av #av-choices .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 .choice-div.highlight {
border: 1px solid #0c6a93;
background-color: white; }
.multi-av #av-choices .choice-div .left-half {
display: flex;
align-items: center; }
.multi-av #av-choices .choice-div input {
margin: 0 12px;
position: relative;
top: 1px;
width: 12px;
height: 12px; }
.multi-av #av-choices .choice-div label span {
color: #222429;
font-size: 14px;
line-height: 20px; }
.multi-av #av-choices .choice-div label img {
position: relative;
margin-right: 4px; }
.multi-av #av-choices .choice-div label .age-gate-info-label {
display: inline-block;
border-radius: 5px;
padding: 1px 10px;
vertical-align: top;
background-color: #e5eeff; }
.multi-av #av-choices .choice-div label[for="choice-verifymy-email"] img {
top: 5px; }
.multi-av #av-choices .choice-div label[for="choice-incode-id"] img {
top: 2px; }
.multi-av #av-choices .choice-div label[for="choice-incode-face"] img {
top: 4px; }
.multi-av #av-choices .choice-div label[for="choice-yoti"] img.yoti-logo {
width: 75px;
top: 3px; }
.multi-av #av-choices .choice-div label[for="choice-yoti"] img.smartphone-logo {
top: 4px; }
.multi-av #av-choices .choice-div label[for="choice-cc"] img {
top: 4px; }
.multi-av #av-choices .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 .choice-div .recommended-text {
display: none; } }
.multi-av #av-choices .choice-div .right-half {
margin-right: 12px; }
.multi-av #av-choices .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 .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 .choice-div .with-help-text {
margin: 16px 13px 16px 0px;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: baseline; }
.multi-av #av-choices .choice-div .label-above-help {
margin-right: auto; }
.multi-av #av-choices .choice-div .verifymy-email-help-text {
display: block; }
.multi-av #av-choices .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 .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 {
font-size: 1.1em;
height: 40px;
line-height: 40px;
margin-bottom: 30px;
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: #68b5f0 auto 1px; }
#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; }
: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; }
.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: #68b5f0 auto 1px; }
#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 {
background-color: transparent;
color: #494949;
border: 1px solid #6c6c6c;
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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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: #6d85b5; }
#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; }
.darkmode #shareTab .title {
color: #ffffff; }
#shareTab .urlInput {
border-color: #b1b1b1; }
#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: #68b5f0 auto 1px; }
.darkmode #shareTab .urlInput {
border-color: #6e6f70;
background-color: #202c39;
color: #ffffff; }
.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 .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; }
.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; }
.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 {
background-color: transparent; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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; }
.GameInfoBar {
color: #49494f;
background-color: white; }
.GameInfoBar .gameImage {
border-right: solid 1px #efefef; }
.GameInfoBar .stopStreamingButton {
border: 1px solid #49494f; }
.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; }
.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; }
.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; }
.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; }
.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); }
.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: #68b5f0 auto 1px; }
.notificationsModal .confirmButton, .darkmode .notificationsModal .confirmButton {
background-color: #0c6a93;
color: #ffffff;
border: 1px solid #0c6a93;
border-radius: 4px; }
.notificationsModal .denyButton {
background-color: transparent;
color: #494949;
border: none; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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 {
border-color: #777777;
color: #000000; }
#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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
#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;
background-color: #ffffff; }
#roomTabs.modern, .darkmode #roomTabs {
border: none; }
.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: #b3b3b3; }
#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: #7f7f7f; }
.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 {
align-items: center;
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: #e0e0e0; }
100% {
background-color: rgba(224, 224, 224, 0.3); } }
@keyframes pulsate-darkmode {
0% {
background-color: rgba(3, 62, 88, 0.3); }
50% {
background-color: #033e58; }
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; }
form .field {
border-color: #b1b1b1;
background-color: transparent; }
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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
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; }
.darkmode .chatReport {
color: #b3b3b3; }
.chatReport .headerDiv {
color: #005b85; }
.darkmode .chatReport .headerDiv {
color: #68b5f0; }
.chatReport textarea {
background-color: transparent;
border-color: #b4b4b4; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.chatReport .submitButton, .darkmode .chatReport .submitButton {
background-color: #0c6a93;
color: #ffffff;
border: 1px solid #0c6a93;
border-radius: 4px; }
.chatReport .cancelSpan {
background-color: transparent;
color: #494949;
border: none; }
.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: #68b5f0 auto 1px; }
.darkmode .chatReport .cancelSpan {
color: #b3b3b3; }
.chatReport .cancelSpan:hover {
text-decoration: underline; }
.chatReport .closeReportLink {
color: #0a5a83; }
.darkmode .chatReport .closeReportLink {
color: #68b5f0; }
.chatReport .ignoreUserLink {
color: #0a5a83; }
.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 {
background-color: transparent;
color: #494949;
border: none; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.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; }
.darkmode .chatReport {
color: #b3b3b3; }
.chatReport .headerDiv {
color: #005b85; }
.darkmode .chatReport .headerDiv {
color: #68b5f0; }
.chatReport textarea {
background-color: transparent;
border-color: #b4b4b4; }
.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: #68b5f0 auto 1px; }
.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: #68b5f0 auto 1px; }
.chatReport .submitButton, .darkmode .chatReport .submitButton {
background-color: #0c6a93;
color: #ffffff;
border: 1px solid #0c6a93;
border-radius: 4px; }
.chatReport .cancelSpan {
background-color: transparent;
color: #494949;
border: none; }
.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: #68b5f0 auto 1px; }
.darkmode .chatReport .cancelSpan {
color: #b3b3b3; }
.chatReport .cancelSpan:hover {
text-decoration: underline; }
.chatReport .closeReportLink {
color: #0a5a83; }
.darkmode .chatReport .closeReportLink {
color: #68b5f0; }
.chatReport .ignoreUserLink {
color: #0a5a83; }
.darkmode .chatReport .ignoreUserLink {
color: #68b5f0; }
.chatReport .ignoreUserLink.disabled {
color: #454545; }
.darkmode .chatReport .ignoreUserLink.disabled {
color: #b3b3b3; }
.broadcaster {
color: #f47321; }
.broadcaster.mentionHl {
color: #fff;
background-color: #f47321; }
.mod {
color: #dc0000; }
.mod.mentionHl {
color: #fff;
background-color: #dc0000; }
.inFanclub {
color: #009900; }
.inFanclub.mentionHl {
color: #fff;
background-color: #009900; }
.tippedTonsRecently {
color: #804baa; }
.tippedTonsRecently.mentionHl {
color: #fff;
background-color: #804baa; }
.tippedALotRecently {
color: #be6aff; }
.tippedALotRecently.mentionHl {
color: #fff;
background-color: #be6aff; }
.tippedRecently {
color: #1e5cfb; }
.tippedRecently.mentionHl {
color: #fff;
background-color: #1e5cfb; }
.hasTokens {
color: #69a; }
.hasTokens.mentionHl {
color: #fff;
background-color: #69a; }
.defaultUser {
color: #939393; }
.defaultUser.mentionHl {
color: #fff;
background-color: #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; }
.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; }
.fieldTextArea,
.fieldInput:not(.transparentCheckbox) {
border-color: #b1b1b1;
background-color: #ffffff; }
.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: #68b5f0 auto 1px; }
.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: #dc5500; }
.highlightField {
background-color: #ffffd3; }
.highlightFieldContainer {
border-color: #dc5500;
background-color: #ffffd3; }
.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 #00000040;
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; }
.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; }
.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; }
.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; }
.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; }
#ChatTabContainer {
border: 1px solid #acacac;
background-color: #fff; }
#ChatTabContainer.modern, .darkmode #ChatTabContainer {
border: none; }
#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; }
.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: #68b5f0 auto 1px; }
#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: #dedede; }
.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 #ebecec; }
.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; }
#FVChatSettingsTab .chat-settings-input, #SplitModeChatSettingsTab .chat-settings-input {
border-color: #b1b1b1; }
#FVChatSettingsTab .chat-settings-input:focus, #SplitModeChatSettingsTab .chat-settings-input:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(textarea, input, button):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(select), .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(select) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-input:is(select):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-input:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-input, .darkmode #SplitModeChatSettingsTab .chat-settings-input {
border-color: #6e6f70;
color: #ffffff; }
#FVChatSettingsTab .chat-settings-select, #SplitModeChatSettingsTab .chat-settings-select {
-webkit-appearance: menulist; }
#FVChatSettingsTab .chat-settings-select:focus, #SplitModeChatSettingsTab .chat-settings-select:focus {
outline: -webkit-focus-ring-color auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(textarea, input, button):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(textarea, input, button):focus {
outline: none;
box-shadow: 0 0 0 2px #68b5f0; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(select), .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(select) {
background-color: #202c39; }
.darkmode #FVChatSettingsTab .chat-settings-select:is(select):focus, .darkmode #SplitModeChatSettingsTab .chat-settings-select:is(select):focus {
outline: #68b5f0 auto 1px; }
.darkmode #FVChatSettingsTab .chat-settings-select, .darkmode #SplitModeChatSettingsTab .chat-settings-select {
color: #ffffff !important; }
#FVChatSettingsTab .tooltip-info-icon, #SplitModeChatSettingsTab .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 .chat-settings-input {
background-color: transparent; }
#SplitModeChatSettingsTab .link {
color: #0c6a93; }
.darkmode #SplitModeChatSettingsTab .link {
color: #68b5f0; }
#FVChatSettingsTab {
color: #ffffff; }
.darkmode #FVChatSettingsTab .chat-settings-input:not(.slider, .colorSwatch) {
background-color: #202c39;
border-color: #2a323f; }
#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; }
.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; }
#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;
border-bottom: none; }
.darkmode #tab-row {
background-color: #17202a;
border-bottom: 2px solid #17202a; }
.tab {
background-color: #c9c9c9; }
.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: #c9c9c9; }
.darkmode .tab.collapsed:hover {
background-color: #17202a; }
.chat-tabs-dropdown-border {
border-color: #c9c9c9;
box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.32); }
.darkmode .chat-tabs-dropdown-border {
border-color: #17202a; }
.auth_option {
color: #0373a3;
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; }
.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; }
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.isIpad.blurred-login-overlay-shown,
body.isIpad .blurred-login-overlay {
background: none; }
body.darkmode.blurred-login-overlay-shown {
background-color: #17202a; }
body.darkmode.blurred-login-overlay-shown .blurred-login-overlay {
background: rgba(0, 0, 0, 0.75); }
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); }
body.isIpad .blurred-login-overlay {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px); }
body.isIpad.darkmode .blurred-login-overlay {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px); } }
#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; }
#id_login_btn[disabled] {
cursor: auto;
opacity: 0.5; }
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; }
.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 {
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: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: #68b5f0 auto 1px; }
.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: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; }
.vjs-cbcustom {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent; }
.vjs-cbcustom .vjs-control {
width: 2em;
margin-left: 3px;
margin-right: 3px;
outline: none;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none; }
.vjs-cbcustom .vjs-control:hover:before, .vjs-cbcustom .vjs-control:focus,
.vjs-cbcustom .vjs-control :focus:before {
text-shadow: none;
box-shadow: none; }
.vjs-cbcustom .vjs-control.vjs-progress-control {
position: absolute;
top: -25%;
left: 0px;
height: 50%;
width: 100%;
margin: 0; }
.vjs-cbcustom .vjs-control.vjs-progress-control .vjs-progress-holder {
margin: 0; }
.vjs-cbcustom .vjs-control-bar {
height: 45px;
padding-top: 3px;
font-size: 14px;
background-color: rgba(43, 51, 63, 0.7); }
.vjs-cbcustom .vjs-control-bar button {
background: none !important;
color: #fff !important; }
.vjs-cbcustom .vjs-control-bar span {
background: none !important;
color: #fff !important; }
.vjs-cbcustom .vjs-control-bar .vjs-menu li.vjs-selected span {
color: #2b333f !important; }
.vjs-cbcustom .vjs-duration,
.vjs-cbcustom .vjs-time-divider,
.vjs-cbcustom .vjs-current-time {
display: inline-block; }
.vjs-cbcustom .vjs-time-control {
padding-left: 1px;
padding-right: 1px;
min-width: 0px;
width: auto; }
.vjs-cbcustom .vjs-fullscreen-control {
position: absolute;
right: 5px;
height: 42px; }
.vjs-cbcustom .vjs-progress-holder .vjs-play-progress {
background-color: #f47321; }
.vjs-cbcustom .vjs-slider-bar {
user-select: none;
-webkit-user-select: none;
-moz-user-select: none; }
.vjs-cbcustom .vjs-slider:focus {
text-shadow: none;
box-shadow: none; }
.vjs-cbcustom .vjs-big-play-button {
display: none; }
/**
* Generic mixins
*/
.noscript {
min-width: 1000px; }
.noscript .chat-input .button-send,
.noscript .info .description .bio-title,
.noscript .cam_nav .link,
.noscript .video div,
.noscript .bio .attribute .label,
.noscript .pics-title {
font-family: "UbuntuMedium", Helvetica, Arial, sans-serif; }
.noscript .cam_nav {
width: 100%;
-webkit-tap-highlight-color: transparent;
padding: 10px 32px 0 32px;
background: url(../../tsdefaultassets/gender_tab_bg.gif?0437047d9c3a) repeat-x #e2e2e2;
border-bottom: 1px solid #8bb3da;
position: relative; }
.noscript .cam_nav .subnav-1,
.noscript .cam_nav .subnav-2 {
font-size: 0;
display: inline-block;
vertical-align: bottom; }
.noscript .cam_nav .subnav-2 {
position: absolute;
bottom: 0;
right: 96px; }
.noscript .cam_nav .subnav-2 a {
display: block;
font-size: 10px;
color: #dc5500;
padding: 7px 11px 5px;
background-color: #fceadb;
border: 1px solid #8bb3da;
border-bottom: none;
border-radius: 4px 4px 0 0; }
.noscript .cam_nav .link {
display: inline-block;
vertical-align: bottom;
height: 27px;
position: relative;
top: 1px;
box-sizing: border-box;
border: 1px solid #8bb3da;
border-image: initial;
border-radius: 4px 4px 0 0;
font-size: 13px;
margin-right: 2px;
padding: 4px 11px 0;
color: #5e81a4;
background-color: #dde9f5; }
.noscript .cam_nav .link.selected {
font-size: 15px;
color: #dc5500;
background-color: white;
border-bottom: none; }
.noscript .container {
padding: 4px 0;
margin: 11px 32px;
background-color: #e0e0e0;
border: 1px solid #acacac;
border-radius: 4px;
font-size: 0;
min-width: 1000px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noscript .container .cam-offline,
.noscript .container .room {
display: inline-block; }
.noscript .content {
width: 100%;
border-spacing: 4px 0; }
.noscript .content .cam,
.noscript .content .chat {
height: 100%;
vertical-align: top;
display: table-cell; }
.noscript .content .chat {
border: 1px solid #acacac;
border-radius: 4px;
width: 100%; }
.noscript .cam .video {
vertical-align: top;
background-color: white;
border-radius: 4px 4px 0 0;
border: 1px solid #acacac; }
.noscript .cam .video .room-subject {
padding: 8px 9px;
color: #494949;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
box-sizing: border-box; }
.noscript .cam .video div {
font-size: 12px;
visibility: visible; }
.noscript .cam .video .player {
width: 100%;
height: 480px; }
.noscript .cam .video.hd {
width: 854px; }
.noscript .cam .video.sd {
width: 640px; }
.noscript .cam-offline {
font-weight: bold;
color: #0c6a93;
margin: 10px 0 10px 5px;
width: 100%;
font-size: 12px; }
.noscript .chat .tabs {
background: #7f7f7f;
padding: 3px 3px 0; }
.noscript .chat .tabs div {
font-size: 11px;
border-radius: 4px 4px 0 0;
margin-right: 2px;
padding: 3px 8px;
min-width: 32px;
display: inline-block;
color: #dc5500;
background-color: white; }
.noscript .chatbox {
padding: 10px 10px 44px 10px;
box-sizing: border-box;
height: 490px;
position: relative;
background-color: #fff; }
.noscript .chatbox .messages {
height: 100%;
overflow-y: scroll; }
.noscript .chatbox .messages span {
display: block;
font-size: 12px;
margin-top: 4px; }
.noscript .room {
border: 0;
padding: 4px 4px 0;
width: 100%;
position: static;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
background-color: transparent;
border-radius: unset;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noscript .room .info {
border-radius: 4px;
border: 1px solid #acacac; }
.noscript .info .header {
font-size: 0;
padding: 4px 0 0 5px;
background: #747474 none;
border-radius: 4px 4px 0 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.noscript .info .header .bio-tab {
background: white;
color: #dc5500; }
.noscript .info .header div {
display: inline-block;
border-radius: 4px 4px 0 0;
font-size: 13px;
margin-right: 2px;
padding: 5px 11px 4px;
color: #4c4c4c;
background: #c9c9c9; }
.noscript .info .description {
position: static;
overflow: auto;
-webkit-tap-highlight-color: transparent;
background-color: white;
padding: 15px;
font-size: 14px; }
.noscript .info .description .bio-title {
font-size: 14px;
color: #494949;
margin: 18px 0; }
.noscript .bio .attribute {
color: #000000;
font-weight: normal;
margin: 9px 0; }
.noscript .bio .attribute .label {
color: #0c6a93;
font-size: 14px;
width: 150px; }
.noscript .bio .attribute .label,
.noscript .bio .attribute .data {
display: inline-block;
vertical-align: top; }
.noscript .bio .attribute.about-me .data {
width: 85%; }
.noscript .video .player {
width: 100%;
font-size: 0;
position: relative; }
.noscript .video .player .room-status,
.noscript .video .player .nojs-overlay {
position: absolute; }
.noscript .room-status {
height: 100%;
width: 100%;
font-size: 12px;
background-color: #464646; }
.noscript .room-status div {
height: auto;
width: 100%;
position: absolute;
overflow: hidden;
-webkit-tap-highlight-color: transparent;
box-sizing: border-box;
padding: 0 50px;
left: 0;
text-align: center;
pointer-events: none;
z-index: 1;
top: 127px;
font-size: 32px;
color: #72c0ff; }
.noscript .player .nojs-overlay {
display: inline-block;
background: rgba(0, 0, 0, 0.65);
border-radius: 3px;
border: 1px solid #5c5c5c;
top: 35%;
right: 10%;
left: 10%;
padding: 25px; }
.noscript .nojs-overlay div {
font-family: "UbuntuRegular", Helvetica, Arial, sans-serif;
text-align: center; }
.noscript #overlay-text {
color: #aeaeae;
font-size: 14px; }
.noscript #overlay-title {
padding-bottom: 10px;
font-size: 25px;
color: #ffffff; }
.noscript .photo_list {
overflow: auto; }
.noscript .photoset-detail {
position: relative;
border: 1px solid #ccc;
padding: 4px;
margin: 0 12px 2px 0; }
.noscript .chat-input {
box-sizing: border-box;
font-size: 12px;
color: #727272;
font-family: "UbuntuRegular", Helvetica, Arial, sans-serif;
width: 100%;
position: absolute;
bottom: 2px;
right: 0;
padding: 5px; }
.noscript .chat-input .button-send {
position: absolute;
bottom: 3px;
right: 3px;
line-height: 13px;
overflow: hidden;
width: auto;
font-size: 12px;
border-radius: 4px;
background: linear-gradient(darkgray 0%, #adadad 50%, #8b8b8b 60%); }
.noscript .chat-input .button-send a {
display: block;
padding: 4px 5px;
color: #e0e0e0; }
.noscript .chatjs-warning {
height: 28px;
min-width: 300px;
line-height: 30px;
border: 1px solid #b1b1b1;
background-color: #e0e0e0;
position: relative;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px; }
.noscript .chatjs-warning span {
margin-left: 10px;
font-weight: bold; }
.noscript .message {
position: relative;
height: 100%;
padding: 5px; }
.noscript .pics-title {
position: absolute;
color: #0c6a93;
width: 150px; }
.noscript .pics-description {
height: 100%;
padding-left: 150px;
color: #000;
margin: 0 0 9px; }
.noscript .photoset-detail {
position: relative;
border: 1px solid #ccc;
padding: 4px;
margin: 0 12px 2px 0;
font-size: 0; }
.noscript .photo-videos .label,
.noscript .photo-videos .ps-content {
display: inline-block;
margin-bottom: 20px; }
.noscript .photo-videos .ps-content .content-wrapper {
display: inline-block; }
.noscript .photo-videos .more-photosets {
display: block; }
.noscript .photoset-name {
font-size: 14px;
color: #0c6a93;
max-width: 145px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
text-decoration: none; }
.noscript .photoset-label {
position: absolute;
bottom: 7px;
right: 8px;
padding: 1px 3px;
text-align: center;
color: #fff;
font-size: 10px;
background-color: #6d85b5; }
.noscript .photoset-label.fanclub_only, .noscript .photoset-label.fanclub_or_purchase, .noscript .photoset-label.purchase_only {
background-color: #090; }
.noscript .photoset-preview {
position: absolute;
top: 7px;
left: 7px;
border: none; }
.noscript #fan_club_exclusive_label {
background-color: #090; }
.noscript .user_uploads .thumbnail_label_tokens {
top: 87px;
background-color: #6d85b5; }
.noscript a {
text-decoration: underline; }
.content div.labelContainer,
.MoreRooms div.labelContainer {
bottom: 76px;
float: right;
height: 17px;
position: absolute;
right: 0; }
.content div.labelContainer .thumbnail_label,
.content div.labelContainer .thumbnail_label_featured,
.MoreRooms div.labelContainer .thumbnail_label,
.MoreRooms div.labelContainer .thumbnail_label_featured {
border-radius: 2px;
bottom: 0;
margin: 0 2px;
opacity: 0.92;
overflow: visible;
padding: 2px 6px;
position: relative; }
.content div.labelContainer .thumbnail_label_featured,
.MoreRooms div.labelContainer .thumbnail_label_featured {
border-bottom: None; }
.content div.labelContainer .spyTokens:before,
.content div.labelContainer .privateTokens:before,
.MoreRooms div.labelContainer .spyTokens:before,
.MoreRooms div.labelContainer .privateTokens:before {
background: #000;
border-radius: 2px;
bottom: 20px;
color: #ffffff;
content: attr(data-tooltip);
display: none;
opacity: 0.92;
padding: 2px 6px;
position: absolute;
right: 0;
white-space: nowrap; }
.content div.labelContainer .privateTokens:hover:before,
.content div.labelContainer .spyTokens:hover:before,
.MoreRooms div.labelContainer .privateTokens:hover:before,
.MoreRooms div.labelContainer .spyTokens:hover:before {
display: block; }
.content div.labelContainer .hidden,
.MoreRooms div.labelContainer .hidden {
display: none; }
.content div.labelContainer .spyTokens,
.MoreRooms div.labelContainer .spyTokens {
background-color: var(--wl-tag-spy-price-color, #f37321);
color: var(--wl-tag-font-color, #ffffff);
pointer-events: auto; }
.content div.labelContainer .privateTokens,
.MoreRooms div.labelContainer .privateTokens {
background-color: var(--wl-tag-private-group-color, #cc0000);
color: var(--wl-tag-font-color, #ffffff);
pointer-events: auto; }
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg); }
to {
-moz-transform: rotate(360deg); } }
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg); }
to {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
@-moz-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@-webkit-keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
html,
body {
padding: 0;
margin: 0;
min-height: 100%;
font-family: "UbuntuRegular", Arial, Helvetica, sans-serif; }
body > object[type="application/x-shockwave-flash"] {
display: none; }
#main {
min-height: 500px;
/*this css is only here to remove the box around videojs playbutton remove is no longer using videojs*/ }
#main .bio-container h1 {
margin-bottom: 20px;
font-size: 1.2em;
line-height: 1.4em; }
#main div,
#main p,
#main a,
#main li,
#main td,
#main span {
-webkit-text-size-adjust: none; }
#main .vjs-big-play-button {
display: none !important; }
#main .video-js button:focus {
outline: 0; }
#main input[type="number"]::-webkit-inner-spin-button,
#main input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0; }
#main input[type="number"],
#main input[type="number"]:hover,
#main input[type="number"]:focus {
-moz-appearance: textfield; }
#main select {
font: 100% "UbuntuRegular", Arial, Helvetica, sans-serif;
background-color: #ffffff; }
#main a.underline-link:hover {
text-decoration: underline; }
#main p {
margin: 0; }
#main .theater-video-controls.solid-bg {
background: rgba(0, 0, 0, 0.6); }
#main .theater-video-controls.dark-gradient-bg {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 20%, rgba(0, 0, 0, 0)); }
#main .theater-video-controls.light-gradient-bg {
background: linear-gradient(180deg, rgba(50, 50, 50, 0) 0%, rgba(50, 50, 50, 0.4) 66%, rgba(50, 50, 50, 0.7) 100%); }
#main .theater-video-controls .animated-icon {
-webkit-transition-property: all;
-webkit-transition-duration: 150ms;
-webkit-transition-timing-function: ease;
transition-property: all;
transition-duration: 150ms;
transition-timing-function: ease; }
#main .theater-video-controls .hover-btn {
cursor: pointer;
transition: opacity 0.1s ease-in-out; }
#main .theater-video-controls .hover-btn.hovering:not(.disabled) > *:not(.video-controls-tooltip) {
opacity: 1; }
#main .theater-video-controls .hover-btn.hovering > .scale-big {
-webkit-transform: scale(1.15);
transform: scale(1.15); }
#main .theater-video-controls .hover-btn.hovering > .scale-small {
-webkit-transform: scale(0.85);
transform: scale(0.85); }
#main .theater-video-controls .hover-btn.hovering > .scale-wide {
-webkit-transform: scaleX(1.15);
transform: scaleX(1.15); }
#main .theater-video-controls .hover-btn.hovering > .scale-thin {
-webkit-transform: scaleX(0.85);
transform: scaleX(0.85); }
#main .theater-video-controls .hover-btn.disabled {
cursor: default; }
#main .theater-video-controls .hover-btn.disabled > *:not(.video-controls-tooltip) {
opacity: 0.5; }
#main .theater-video-controls .hover-btn > *:not(.video-controls-tooltip) {
opacity: 0.8; }
#main .theater-video-controls .hover-btn.drop-shadow-container > *:not(.no-drop-shadow):not(.video-controls-tooltip) {
filter: drop-shadow(0px 0px 2px black); }
.fullscreen-dropdown div:hover {
background-color: rgba(255, 255, 255, 0.2); }
.fullscreen-dropdown div.active {
color: #f47321; }
.vjs-control-bar.vjs-lock-showing {
display: flex !important; }