.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?1ad136cac9cf) 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: #0b5d81;
    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 {
    text-decoration: none; }
  #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; }

#StaffLinks .prevUsernamesSection {
  background: #f7ff00;
  background: rgba(247, 255, 0, 0.23);
  color: #503d08; }

.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: #0a5a83; }
  .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?1ad136cac9cf) no-repeat center; }
  .darkmode #PhotoVideos .popoutIcon {
    background: url(../../tsdefaultassets/popout_darkmode.svg?1ad136cac9cf) no-repeat center; }

.darkmode #PhotoVideos #broadcaster_links a, .darkmode #PhotoVideos #staff_links a {
  color: #68b5f0; }

#PhotoVideos .psToggleSort {
  color: #306a91; }
  .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?1ad136cac9cf); }
  .darkmode #PhotoVideos .psDropDownArrow {
    background-image: url(../../tsdefaultassets/darkmode_arrowdown_blue.svg?1ad136cac9cf); }

.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: #dc5500; }

.appsTab .row:hover td {
  background-color: rgba(128, 128, 128, 0.2); }

.appsTab .popoutIcon {
  background: url(../../images/asp/appdir-popout.svg?baed1f65a57c) no-repeat center; }
  .darkmode .appsTab .popoutIcon {
    background: url(../../images/asp/appdir-popout-darkmode.svg?baed1f65a57c) no-repeat center; }

.appsTab .popoutLabel {
  color: #306a91;
  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?1ad136cac9cf); }

.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?1ad136cac9cf) 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?1ad136cac9cf) no-repeat center; }
  .appPage .appForm .chevronUp {
    background: url(../../images/asp/chevron_up.svg?1ad136cac9cf) 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: #dc5500; }

.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: #0a5a83; }
    .darkmode .OBSBroadcastInfo #obs_broadcast_info .supportLink {
      color: #68b5f0; }
  .OBSBroadcastInfo #obs_broadcast_info .warning {
    color: #0a5a83; }
    .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: #0b5d81; }
    .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: #68b5f0;
  cursor: pointer;
  margin-bottom: 4px; }
  .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: #0b5d81; }
    .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?1ad136cac9cf) no-repeat 0 50%;
    background-size: auto; }
    .darkmode .roomCard li.cams {
      background: url(../../images/cam_white.svg?1ad136cac9cf) no-repeat 0 50%;
      background-size: auto; }
  .roomCard li.location {
    background: url(../../images/location.svg?1ad136cac9cf) no-repeat 0 50%;
    background-size: auto; }
    .darkmode .roomCard li.location {
      background: url(../../images/location_white.svg?1ad136cac9cf) 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?1ad136cac9cf) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genderm {
    background: url(../../images/ico-male.svg?1ad136cac9cf) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genderc {
    background: url(../../images/ico-couple.svg?1ad136cac9cf) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genders {
    background: url(../../images/ico-trans.svg?1ad136cac9cf) no-repeat 100% 0;
    background-size: contain; }
  .roomCard .genderx {
    background: url(../../images/ico-blank.png?1ad136cac9cf) 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: #306a91;
    color: #ffffff;
    border: 1px solid #306a91;
    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; }

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

.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?1ad136cac9cf); }
  .notification-btn-icon.all.static {
    background-image: url(../../images/follower/alarm-bell-ring-white.svg?1ad136cac9cf); }
  .darkmode .notification-btn-icon.all {
    background-image: url(../../images/follower/alarm-bell-ring-grey.svg?1ad136cac9cf); }

.notification-btn-icon.smart {
  background-image: url(../../images/follower/alarm-bell-black.svg?1ad136cac9cf); }
  .notification-btn-icon.smart.static {
    background-image: url(../../images/follower/alarm-bell-white.svg?1ad136cac9cf); }
  .darkmode .notification-btn-icon.smart {
    background-image: url(../../images/follower/alarm-bell-grey.svg?1ad136cac9cf); }

.notification-btn-icon.none {
  background-image: url(../../images/follower/alarm-bell-off-black.svg?1ad136cac9cf); }
  .notification-btn-icon.none.static {
    background-image: url(../../images/follower/alarm-bell-off-white.svg?1ad136cac9cf); }
  .darkmode .notification-btn-icon.none {
    background-image: url(../../images/follower/alarm-bell-off-grey.svg?1ad136cac9cf); }

#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: #090; }

#FollowSettingsModal .errorMessage {
  color: #cc0000; }

#FollowSettingsModal .verifyLink {
  color: #306a91; }
  .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: #0a5a83;
  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: #0b5d81;
  color: var(--wl-text-color, #777777); }
  .darkmode #satisfactionComment {
    background-color: #1c2733;
    border-color: #1c2733;
    color: #b3b3b3; }
  #satisfactionComment .divot .divotBorder {
    border-color: #0b5d81; }
    .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, #0b5d81);
    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: #dc5500;
  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: #5e81a4;
  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?1ad136cac9cf);
  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?1ad136cac9cf); }

.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: #0b5d81; }
    .darkmode #roomTabs .link {
      color: #68b5f0; }
  #roomTabs .label {
    color: #0a5a83; }
    .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: #0a5a83; }
    .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: #dc5500;
    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; }

#TheaterModeRoomContents #video-mode,
#TheaterModeRoomContents #fvm-link,
#TheaterModeRoomContents .link {
  color: #0a5a83; }
  .darkmode #TheaterModeRoomContents #video-mode, .darkmode #TheaterModeRoomContents #fvm-link, .darkmode #TheaterModeRoomContents .link {
    color: #68b5f0; }

#TheaterModeRoomContents .styledDiv {
  background-color: #cccccc;
  border-color: #acacac; }
  .darkmode #TheaterModeRoomContents .styledDiv {
    background-color: #202c39;
    border-color: #2d3e50; }

#TheaterModeRoomContents .sendTipButton:focus {
  outline: -webkit-focus-ring-color auto 1px; }

.darkmode #TheaterModeRoomContents .sendTipButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
  background-color: #202c39; }

.darkmode #TheaterModeRoomContents .sendTipButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0; }

.darkmode #TheaterModeRoomContents .sendTipButton:is(select) {
  background-color: #202c39; }
  .darkmode #TheaterModeRoomContents .sendTipButton:is(select):focus {
    outline: #68b5f0 auto 1px; }

#TheaterModeRoomContents .sendTipButton, .darkmode #TheaterModeRoomContents .sendTipButton {
  background-color: #009900;
  color: #ffffff;
  border: 1px solid #288a09;
  border-radius: 4px; }

#TheaterModeRoomContents .sendDMButton:focus {
  outline: -webkit-focus-ring-color auto 1px; }

.darkmode #TheaterModeRoomContents .sendDMButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
  background-color: #202c39; }

.darkmode #TheaterModeRoomContents .sendDMButton:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0; }

.darkmode #TheaterModeRoomContents .sendDMButton:is(select) {
  background-color: #202c39; }
  .darkmode #TheaterModeRoomContents .sendDMButton:is(select):focus {
    outline: #68b5f0 auto 1px; }

#TheaterModeRoomContents .sendDMButton, .darkmode #TheaterModeRoomContents .sendDMButton {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px; }

#AppPanelTable {
  color: #000000; }
  .darkmode #AppPanelTable {
    color: #b3b3b3; }
  #AppPanelTable .rowOne,
  #AppPanelTable .rowThree {
    background-color: #d5ebf8; }
    .darkmode #AppPanelTable .rowOne, .darkmode #AppPanelTable .rowThree {
      background-color: #1c2733; }
  #AppPanelTable .rowTwo {
    background-color: #f2f9fd; }
    .darkmode #AppPanelTable .rowTwo {
      background-color: #2d3e50; }
  #AppPanelTable .threeRows-11-21-31 {
    color: #0b5d81; }
    .darkmode #AppPanelTable .threeRows-11-21-31 {
      color: #68b5f0; }
  #AppPanelTable .threeRowsOfLabels {
    color: #057205; }
    .darkmode #AppPanelTable .threeRowsOfLabels {
      color: #009900; }

.wrapper {
  position: relative; }
  .wrapper .subwrapper {
    position: absolute;
    bottom: 0px; }
  .wrapper .privateShowRequestInner {
    position: relative; }
    .wrapper .privateShowRequestInner .closeIcon {
      height: 16px;
      width: 16px;
      position: absolute;
      right: 0px;
      z-index: 1;
      padding: 8px;
      cursor: pointer;
      background-image: url(../../images/skinnyClose.svg?c505a0c772ca);
      background-position: center;
      background-repeat: no-repeat; }
      .darkmode .wrapper .privateShowRequestInner .closeIcon {
        background-image: url(../../images/skinnyCloseDarkmode.svg?c505a0c772ca); }
    .wrapper .privateShowRequestInner .tooltip {
      background: #ffffff;
      filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));
      padding: 10px;
      border-radius: 5px;
      width: 300px; }
      .darkmode .wrapper .privateShowRequestInner .tooltip {
        background: #1c2733; }
      .wrapper .privateShowRequestInner .tooltip .header {
        color: #222222;
        font-family: "UbuntuRegular";
        font-size: 16px;
        line-height: 12px;
        margin-top: 0;
        margin-bottom: 14px; }
        .darkmode .wrapper .privateShowRequestInner .tooltip .header {
          color: #ffffff; }
      .wrapper .privateShowRequestInner .tooltip .actionButton {
        height: 28px;
        background: #306a91;
        border-radius: 4px;
        cursor: pointer; }
        .wrapper .privateShowRequestInner .tooltip .actionButton p {
          color: #ffffff;
          text-align: center;
          line-height: 28px; }
          .darkmode .wrapper .privateShowRequestInner .tooltip .actionButton p {
            color: #ffffff; }

.rateContainer {
  display: flex; }
  .rateContainer .bluePill {
    background: rgba(48, 106, 145, 0.1);
    color: #306a91;
    border-radius: 4px;
    line-height: 14px;
    padding: 2px 3px; }
    .darkmode .rateContainer .bluePill {
      background: #2c3645;
      color: #eaf0f4; }
    .rateContainer .bluePill .clockIcon {
      display: inline-block;
      height: 10px;
      width: 10px;
      margin-right: 3px;
      vertical-align: -1px;
      background-image: url(../../images/ic_clock.svg?c505a0c772ca); }
  .rateContainer .bluePill:nth-child(1) {
    margin-right: 4px; }

.privateShowBodyDescriptionWrapper .separator {
  border-top-width: 1px;
  border-style: solid;
  border-color: #efefef;
  margin-top: 10px; }
  .darkmode .privateShowBodyDescriptionWrapper .separator {
    border-color: #2c3645; }

.privateShowBodyDescriptionWrapper .privateShowBodyDescription {
  margin-top: 7px;
  margin-bottom: 20px;
  margin-left: 2px; }
  .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription {
    color: #306a91;
    display: flex;
    align-items: center; }
    .darkmode .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription {
      color: #eaf0f4; }
    .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription img {
      width: 12px;
      height: 12px; }
    .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription p {
      font-size: 12px;
      margin: 0px; }
  .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription:nth-child(1) {
    line-height: 16px; }
    .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription:nth-child(1) img {
      margin-right: 3px;
      vertical-align: -3px; }
  .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription:nth-child(2) {
    line-height: 12px;
    margin-top: 6px; }
    .privateShowBodyDescriptionWrapper .privateShowBodyDescription .itemDescription:nth-child(2) img {
      margin-right: 3px;
      vertical-align: -2px; }

/**
 * Generic mixins
 */
.promoteRoomLink {
  margin: 2px 0 0 0; }
  .promoteRoomLink.disabled {
    cursor: pointer !important; }

.promoteDisabledModal {
  width: 306px;
  background-color: #ffffff;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.16); }
  .darkmode .promoteDisabledModal {
    background-color: #202c39;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 32px rgba(0, 0, 0, 0.8);
    -ms-box-shadow: 0 0 32px rgba(0, 0, 0, 0.8);
    -o-box-shadow: 0 0 32px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 32px rgba(0, 0, 0, 0.8); }
  .promoteDisabledModal .title {
    color: #306a91;
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 14px 18px 5px; }
    .darkmode .promoteDisabledModal .title {
      color: #ffffff; }
  .promoteDisabledModal .description {
    color: #525252;
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px 18px 14px; }
    .darkmode .promoteDisabledModal .description {
      color: #b3b3b3; }
  .promoteDisabledModal .buttonDiv {
    background-color: #f8f9fa;
    border-top: 1px solid #efefef;
    height: 45px; }
    .darkmode .promoteDisabledModal .buttonDiv {
      background-color: #1c2733;
      border-color: #2b323f; }
    .promoteDisabledModal .buttonDiv .okButton {
      background-color: #306a91;
      border: 1px solid #033e58;
      color: #ffffff;
      border-radius: 4px;
      float: right;
      font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
      font-size: 14px;
      line-height: 16px;
      height: 23px;
      width: 74px;
      text-align: center;
      vertical-align: middle;
      padding: 3px;
      box-sizing: border-box;
      margin-right: 10px;
      margin-top: 11px;
      cursor: pointer; }

.promoteRoomConfirmation {
  border-radius: 4px;
  overflow: hidden;
  color: #525252;
  background-color: #ffffff;
  font-size: 12px;
  font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
  width: 249px;
  border: 1px solid #efefef;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.16); }
  .darkmode .promoteRoomConfirmation {
    background-color: #202c39;
    color: #b3b3b3;
    border-color: #2a323f; }
  .promoteRoomConfirmation .title {
    height: 33px;
    background-color: #f8f9fa;
    color: #222222;
    font-size: 14px;
    box-sizing: border-box;
    padding: 9px 14px; }
    .darkmode .promoteRoomConfirmation .title {
      background-color: #17202a;
      color: #ffffff; }
  .promoteRoomConfirmation .description {
    line-height: 18px;
    padding: 10px 14px; }
  .promoteRoomConfirmation .price {
    color: #306a91;
    font-family: "UbuntuBold", Arial, Helvetica, sans-serif;
    padding: 3px 14px;
    text-transform: capitalize; }
    .darkmode .promoteRoomConfirmation .price {
      color: #68b5f0; }
  .promoteRoomConfirmation .buttonDiv {
    padding: 12px 14px; }
    .promoteRoomConfirmation .buttonDiv .notNowButton {
      display: inline-block;
      font-size: 14px;
      height: 32px;
      padding: 7px 8px;
      box-sizing: border-box;
      cursor: pointer;
      border-radius: 4px;
      border: 1px solid #525252; }
      .darkmode .promoteRoomConfirmation .buttonDiv .notNowButton {
        color: #ffffff;
        border-color: #525252; }
    .promoteRoomConfirmation .buttonDiv .promoteButton {
      display: inline-block;
      font-size: 14px;
      height: 32px;
      padding: 7px 8px;
      box-sizing: border-box;
      cursor: pointer;
      border-radius: 4px;
      border: 1px solid #cd5d26;
      background-color: #f47321;
      color: #ffffff;
      margin-left: 8px; }

.promoBioHeaderText {
  margin-right: 6px; }

#VideoPanel {
  border: 1px solid #acacac;
  background-color: #ffffff; }
  #VideoPanel.modern, .darkmode #VideoPanel {
    border: none; }
  .darkmode #VideoPanel {
    background-color: #202c39; }
  .darkmode #VideoPanel .roomSubject {
    color: #ffffff; }
  #VideoPanel .reportAbuseLink a {
    color: #0c6a93; }
    .darkmode #VideoPanel .reportAbuseLink a {
      color: #68b5f0; }
  #VideoPanel .playerTitleBar a.reportRoom {
    text-transform: uppercase; }
  #VideoPanel .currentBalance {
    border-bottom: 1px solid #000000; }
    .darkmode #VideoPanel .currentBalance {
      border-bottom: 1px solid #2d3e50; }
  #VideoPanel .panelLink {
    color: #0a5a83;
    line-height: 1.3;
    display: block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer; }
    .darkmode #VideoPanel .panelLink {
      color: #68b5f0; }
    #VideoPanel .panelLink:hover:not(.disabled) {
      text-decoration: underline; }
    #VideoPanel .panelLink.disabled {
      color: #b3b3b3;
      cursor: default; }
  #VideoPanel .sendTipButton:focus {
    outline: -webkit-focus-ring-color auto 1px; }
  .darkmode #VideoPanel .sendTipButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
    background-color: #202c39; }
  .darkmode #VideoPanel .sendTipButton:is(textarea, input, button):focus {
    outline: none;
    box-shadow: 0 0 0 2px #68b5f0; }
  .darkmode #VideoPanel .sendTipButton:is(select) {
    background-color: #202c39; }
    .darkmode #VideoPanel .sendTipButton:is(select):focus {
      outline: #68b5f0 auto 1px; }
  #VideoPanel .sendTipButton, .darkmode #VideoPanel .sendTipButton {
    background-color: #009900;
    color: #ffffff;
    border: 1px solid #288a09;
    border-radius: 4px; }

.roomSubjectTooltip {
  border-color: #000;
  background-color: #fff; }
  .darkmode .roomSubjectTooltip {
    border-color: #fff;
    background-color: #202223; }

.resizeHandle {
  background: #e0e0e0 url(../../tsdefaultassets/resize_arrows.svg?1ad136cac9cf) no-repeat center/325%; }
  .resizeHandle:hover {
    background-image: url(../../tsdefaultassets/resize_video.svg?1ad136cac9cf); }
  .darkmode .resizeHandle {
    background: #17202a url(../../tsdefaultassets/resize_arrows_dm.svg?1ad136cac9cf) no-repeat center/325%; }
    .darkmode .resizeHandle:hover {
      background-image: url(../../tsdefaultassets/resize_video_dm.svg?1ad136cac9cf); }

#AbuseReport {
  color: #454545; }
  .darkmode #AbuseReport {
    color: #b3b3b3; }
  #AbuseReport .abuseInput {
    border-color: #4b4c4b; }
    #AbuseReport .abuseInput:focus {
      outline: -webkit-focus-ring-color auto 1px; }
    .darkmode #AbuseReport .abuseInput:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
      background-color: #202c39; }
    .darkmode #AbuseReport .abuseInput:is(textarea, input, button):focus {
      outline: none;
      box-shadow: 0 0 0 2px #68b5f0; }
    .darkmode #AbuseReport .abuseInput:is(select) {
      background-color: #202c39; }
      .darkmode #AbuseReport .abuseInput:is(select):focus {
        outline: #68b5f0 auto 1px; }
    .darkmode #AbuseReport .abuseInput {
      color: #ffffff !important;
      border-color: #2d3e50; }
  .darkmode #AbuseReport .abuseInput#abuse-category {
    -webkit-appearance: menulist; }

#AbuseReportModal {
  background-color: #ffffff;
  border-color: #0b5d81; }
  .darkmode #AbuseReportModal {
    background-color: #1c2733;
    border-color: #17202a;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
  #AbuseReportModal .header {
    color: #0b5d81;
    background-color: #e0e0e0; }
    .darkmode #AbuseReportModal .header {
      color: #ffffff;
      background-color: #2d3e50; }
  #AbuseReportModal .divot .divotBorder {
    border-bottom-color: #0b5d81; }
    .darkmode #AbuseReportModal .divot .divotBorder {
      border-bottom-color: #17202a; }
  #AbuseReportModal .divot .divotBackground {
    border-bottom-color: #e0e0e0; }
    .darkmode #AbuseReportModal .divot .divotBackground {
      border-bottom-color: #2d3e50; }

.BaseRoomContents {
  border: 1px solid #acacac;
  background-color: #e0e0e0; }
  .BaseRoomContents.modern, .darkmode .BaseRoomContents {
    border: none; }
  .darkmode .BaseRoomContents {
    background-color: #17202a; }
  .BaseRoomContents.noBackground {
    background: none; }
  .BaseRoomContents .offlineContentContainer {
    background-color: #e0e0e0; }
    .darkmode .BaseRoomContents .offlineContentContainer {
      background: none; }
  .BaseRoomContents .offlineRoomNotice {
    color: #0b5d81; }
    .darkmode .BaseRoomContents .offlineRoomNotice {
      color: #68b5f0; }
  .BaseRoomContents .topSectionWrapper {
    background-color: #e0e0e0; }
    .darkmode .BaseRoomContents .topSectionWrapper {
      background-color: #17202a; }

.draggableCanvasChatWindow .chatInnerDiv {
  background-color: rgba(0, 0, 0, 0.6);
  border-color: #7f7f7f; }
  .darkmode .draggableCanvasChatWindow .chatInnerDiv {
    border-color: #1c2733; }

.startShowComponent {
  background-color: #f3f3f3;
  border-color: #dedede; }
  .darkmode .startShowComponent {
    background-color: #2d3e50;
    border-color: #2a323f; }
  .startShowComponent .showsHeader {
    color: #033e58; }
    .darkmode .startShowComponent .showsHeader {
      color: #68b5f0; }
  .startShowComponent .showsButton:focus {
    outline: -webkit-focus-ring-color auto 1px; }
  .darkmode .startShowComponent .showsButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
    background-color: #202c39; }
  .darkmode .startShowComponent .showsButton:is(textarea, input, button):focus {
    outline: none;
    box-shadow: 0 0 0 2px #68b5f0; }
  .darkmode .startShowComponent .showsButton:is(select) {
    background-color: #202c39; }
    .darkmode .startShowComponent .showsButton:is(select):focus {
      outline: #68b5f0 auto 1px; }
  .startShowComponent .showsButton, .darkmode .startShowComponent .showsButton {
    background-color: #306a91;
    color: #ffffff;
    border: 1px solid #306a91;
    border-radius: 4px; }
  .startShowComponent .tokensRequirement {
    color: #49494f; }
    .darkmode .startShowComponent .tokensRequirement {
      color: #ffffff; }
  .startShowComponent .minutesRequirement,
  .startShowComponent .usersRequirement {
    color: #999999; }
    .darkmode .startShowComponent .minutesRequirement, .darkmode .startShowComponent .usersRequirement {
      color: #9a9a9a; }
  .startShowComponent .showsFooter {
    color: #49494f; }
    .darkmode .startShowComponent .showsFooter {
      color: #ffffff; }

.cancelShowComponent .tokenTextArea {
  color: #494949; }
  .darkmode .cancelShowComponent .tokenTextArea {
    color: #b3b3b3; }

.cancelShowComponent .cancelShowButton {
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  background-color: #fd5035;
  color: #ffffff; }
  .cancelShowComponent .cancelShowButton.cancelShowButtonGradient {
    background: linear-gradient(180deg, #fd5035 16.39%, #c51b01 86.03%); }

.draggableCanvasWindow {
  color: #ffffff; }
  .darkmode .draggableCanvasWindow {
    color: #b3b3b3; }
  .draggableCanvasWindow .titleBar {
    color: #0b5d81;
    background-color: #cccccc; }
    .darkmode .draggableCanvasWindow .titleBar {
      color: #ffffff;
      background-color: #2d3e50; }
  .draggableCanvasWindow .closeButton {
    border-color: #eee; }
    .darkmode .draggableCanvasWindow .closeButton {
      border-color: #999999; }
    .draggableCanvasWindow .closeButton:hover {
      background-color: #c9c9c9; }
  .draggableCanvasWindow .innerDiv {
    border-color: #0d5d81;
    background-color: #ffffff; }
    .darkmode .draggableCanvasWindow .innerDiv {
      border-color: #17202a;
      background-color: #1c2733; }

.emojiSelectionModal {
  background-color: #ffffff;
  border-color: #efefef;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08); }
  .darkmode .emojiSelectionModal {
    background-color: #1c2733;
    border-color: #2d3e50;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
  .emojiSelectionModal .searchBar {
    background-color: transparent;
    border-color: #acacac; }
    .emojiSelectionModal .searchBar:focus {
      outline: -webkit-focus-ring-color auto 1px; }
    .darkmode .emojiSelectionModal .searchBar:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
      background-color: #202c39; }
    .darkmode .emojiSelectionModal .searchBar:is(textarea, input, button):focus {
      outline: none;
      box-shadow: 0 0 0 2px #68b5f0; }
    .darkmode .emojiSelectionModal .searchBar:is(select) {
      background-color: #202c39; }
      .darkmode .emojiSelectionModal .searchBar:is(select):focus {
        outline: #68b5f0 auto 1px; }
    .darkmode .emojiSelectionModal .searchBar {
      border-color: #6e6f70; }
    .emojiSelectionModal .searchBar .searchIcon {
      background-image: url("../../tsdefaultassets/search_emojis.svg?1ad136cac9cf"); }
      .darkmode .emojiSelectionModal .searchBar .searchIcon {
        background-image: url("../../tsdefaultassets/search_emojis_darkmode.svg?1ad136cac9cf"); }
    .emojiSelectionModal .searchBar input {
      background-color: transparent;
      color: #000; }
      .darkmode .emojiSelectionModal .searchBar input {
        color: #ffffff; }
  .emojiSelectionModal .sectionTitle {
    color: #acacac; }
    .darkmode .emojiSelectionModal .sectionTitle {
      color: #b3b3b3; }
  .emojiSelectionModal .emojiDiv:hover {
    background-color: #e0e0e0; }
    .darkmode .emojiSelectionModal .emojiDiv:hover {
      background-color: #6e6f70; }
  .emojiSelectionModal .uploadLink {
    color: #306a91; }
    .darkmode .emojiSelectionModal .uploadLink {
      color: #68b5f0; }
  .emojiSelectionModal .toneSelect {
    background-color: #f8f9fa;
    border-color: #efefef; }
    .darkmode .emojiSelectionModal .toneSelect {
      background-color: #202c39;
      border-color: #2d3e50; }
  .emojiSelectionModal .currentToneContainer {
    background-color: #e0e0e0; }
    .darkmode .emojiSelectionModal .currentToneContainer {
      background-color: #6e6f70; }
  .emojiSelectionModal .divot .divotBorder {
    border-top-color: #efefef; }
    .darkmode .emojiSelectionModal .divot .divotBorder {
      border-top-color: #2d3e50; }
  .emojiSelectionModal .divot .divotBackground {
    border-top-color: #f8f9fa; }
    .darkmode .emojiSelectionModal .divot .divotBackground {
      border-top-color: #202c39; }

/**
 * Generic mixins
 */
.autocompleteModal {
  background-color: #ffffff;
  border-color: #acacac;
  color: #494949; }
  .darkmode .autocompleteModal {
    background-color: #1c2733;
    border-color: #1c2733;
    color: #b3b3b3; }
  .autocompleteModal.broadcasterTags {
    border-color: #efefef;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
    .darkmode .autocompleteModal.broadcasterTags {
      border-color: #1c2733; }
    .autocompleteModal.broadcasterTags .selectedEmoticon {
      background-color: #d9d9d9; }
  .autocompleteModal .selectedEmoticon {
    background-color: #cccccc; }
    .darkmode .autocompleteModal .selectedEmoticon {
      background-color: #885336; }
  .autocompleteModal .previewWrapper {
    border-bottom-color: #acacac; }
    .darkmode .autocompleteModal .previewWrapper {
      border-bottom-color: #6e6f70; }
  .autocompleteModal .hrefColor {
    color: #0a5b83; }
    .darkmode .autocompleteModal .hrefColor {
      color: #68b5f0; }
  .autocompleteModal .modalItem:hover {
    background-color: #eeeeee; }
    .darkmode .autocompleteModal .modalItem:hover {
      background-color: #17202a; }

.sendTip .buttons:focus {
  outline: -webkit-focus-ring-color auto 1px; }

.darkmode .sendTip .buttons:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
  background-color: #202c39; }

.darkmode .sendTip .buttons:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0; }

.darkmode .sendTip .buttons:is(select) {
  background-color: #202c39; }
  .darkmode .sendTip .buttons:is(select):focus {
    outline: #68b5f0 auto 1px; }

.sendTip .buttons, .darkmode .sendTip .buttons {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px; }

.darkmode .sendTip .buttons:focus {
  outline: -webkit-focus-ring-color auto 1px; }

.darkmode .darkmode .sendTip .buttons:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
  background-color: #202c39; }

.darkmode .darkmode .sendTip .buttons:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0; }

.darkmode .darkmode .sendTip .buttons:is(select) {
  background-color: #202c39; }
  .darkmode .darkmode .sendTip .buttons:is(select):focus {
    outline: #68b5f0 auto 1px; }

.darkmode .sendTip .buttons, .darkmode .darkmode .sendTip .buttons {
  background-color: var(--wl-signup-bg-color, #f47321);
  color: #ffffff;
  border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
  border-radius: 4px; }

.sendTip .buttons.disabled {
  color: #cccccc;
  background-color: #888888; }

.sendTip .buttons.mobile {
  background: linear-gradient(#87c667, #53843a); }
  .sendTip .buttons.mobile.disabled {
    background: linear-gradient(#b5b5b5, #6c6c78); }

.sendTip .menu {
  background-color: #ffffff;
  box-shadow: 0 1px 5px #333; }
  .darkmode .sendTip .menu {
    background-color: #202c39;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
  .sendTip .menu .menuItem {
    border-color: #c9cbcc;
    color: #000000; }
    .darkmode .sendTip .menu .menuItem {
      border-color: #2d3e50;
      color: #ffffff; }
    .sendTip .menu .menuItem.disabled {
      color: #aaaaaa; }
      .darkmode .sendTip .menu .menuItem.disabled {
        color: #6e6f70; }
    .sendTip .menu .menuItem dt.selected {
      background: transparent url(../../tsdefaultassets/black-checkmark.svg?1ad136cac9cf) no-repeat 8px 45%; }
      .darkmode .sendTip .menu .menuItem dt.selected {
        background: transparent url(../../tsdefaultassets/white-checkmark.svg?1ad136cac9cf) no-repeat 8px 45%; }
    .sendTip .menu .menuItem:hover {
      border-color: #767b7d;
      text-shadow: #aaaaaa 0 0 0; }

#FVTipCallout .tokenBalance, #SplitModeTipCallout .tokenBalance {
  color: green; }
  .darkmode #FVTipCallout .tokenBalance, .darkmode #SplitModeTipCallout .tokenBalance {
    color: #0f7f12; }

#FVTipCallout .purchaseTokens, #SplitModeTipCallout .purchaseTokens {
  color: #0a5a83; }
  .darkmode #FVTipCallout .purchaseTokens, .darkmode #SplitModeTipCallout .purchaseTokens {
    color: #68b5f0; }

#FVTipCallout .tipAmountInput, #SplitModeTipCallout .tipAmountInput,
#FVTipCallout .tipMessageInput,
#SplitModeTipCallout .tipMessageInput {
  border-color: #b4b4b4; }
  #FVTipCallout .tipAmountInput:focus, #SplitModeTipCallout .tipAmountInput:focus,
  #FVTipCallout .tipMessageInput:focus,
  #SplitModeTipCallout .tipMessageInput:focus {
    outline: -webkit-focus-ring-color auto 1px; }
  .darkmode #FVTipCallout .tipAmountInput:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #SplitModeTipCallout .tipAmountInput:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #FVTipCallout .tipMessageInput:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])), .darkmode #SplitModeTipCallout .tipMessageInput:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
    background-color: #202c39; }
  .darkmode #FVTipCallout .tipAmountInput:is(textarea, input, button):focus, .darkmode #SplitModeTipCallout .tipAmountInput:is(textarea, input, button):focus, .darkmode #FVTipCallout .tipMessageInput:is(textarea, input, button):focus, .darkmode #SplitModeTipCallout .tipMessageInput:is(textarea, input, button):focus {
    outline: none;
    box-shadow: 0 0 0 2px #68b5f0; }
  .darkmode #FVTipCallout .tipAmountInput:is(select), .darkmode #SplitModeTipCallout .tipAmountInput:is(select), .darkmode #FVTipCallout .tipMessageInput:is(select), .darkmode #SplitModeTipCallout .tipMessageInput:is(select) {
    background-color: #202c39; }
    .darkmode #FVTipCallout .tipAmountInput:is(select):focus, .darkmode #SplitModeTipCallout .tipAmountInput:is(select):focus, .darkmode #FVTipCallout .tipMessageInput:is(select):focus, .darkmode #SplitModeTipCallout .tipMessageInput:is(select):focus {
      outline: #68b5f0 auto 1px; }
  .darkmode #FVTipCallout .tipAmountInput, .darkmode #SplitModeTipCallout .tipAmountInput, .darkmode #FVTipCallout .tipMessageInput, .darkmode #SplitModeTipCallout .tipMessageInput {
    border-color: #2d3e50;
    background-color: transparent;
    color: #ffffff; }

#FVTipCallout .tipOptionsSelect, #SplitModeTipCallout .tipOptionsSelect {
  border-color: #4b4c4b; }
  .darkmode #FVTipCallout .tipOptionsSelect, .darkmode #SplitModeTipCallout .tipOptionsSelect {
    background-color: #1c2733;
    color: #b3b3b3; }
    .darkmode #FVTipCallout .tipOptionsSelect:focus, .darkmode #SplitModeTipCallout .tipOptionsSelect:focus {
      outline: none;
      box-shadow: 0 0 0 2px #68b5f0; }

#FVTipCallout .warning, #SplitModeTipCallout .warning {
  color: #ff0000; }

#SplitModeTipCallout {
  background-color: #ffffff;
  border-color: #0b5d81; }
  .darkmode #SplitModeTipCallout {
    color: #b3b3b3;
    background-color: #1c2733;
    border-color: #17202a;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
  #SplitModeTipCallout .titleBar {
    color: #0b5d81;
    background-color: #e0e0e0; }
    .darkmode #SplitModeTipCallout .titleBar {
      color: #ffffff;
      background-color: #2d3e50; }
  #SplitModeTipCallout .purchaseTokens {
    color: #d55215; }
    .darkmode #SplitModeTipCallout .purchaseTokens {
      color: #68b5f0; }
  #SplitModeTipCallout .bottomDivot .divotBackground {
    border-top-color: #ffffff; }
    .darkmode #SplitModeTipCallout .bottomDivot .divotBackground {
      border-top-color: #1c2733; }
  #SplitModeTipCallout .bottomDivot .divotBorder {
    border-top-color: #0b5d81; }
    .darkmode #SplitModeTipCallout .bottomDivot .divotBorder {
      border-top-color: #17202a; }
  #SplitModeTipCallout .topDivot .divotBackground {
    border-bottom-color: #e0e0e0; }
    .darkmode #SplitModeTipCallout .topDivot .divotBackground {
      border-bottom-color: #2d3e50; }
  #SplitModeTipCallout .topDivot .divotBorder {
    border-bottom-color: #0b5d81; }
    .darkmode #SplitModeTipCallout .topDivot .divotBorder {
      border-bottom-color: #17202a; }
  #SplitModeTipCallout .leftDivot .divotBackground {
    border-right-color: #ffffff; }
    .darkmode #SplitModeTipCallout .leftDivot .divotBackground {
      border-right-color: #1c2733; }
  #SplitModeTipCallout .leftDivot .divotBorder {
    border-right-color: #0b5d81; }
    .darkmode #SplitModeTipCallout .leftDivot .divotBorder {
      border-right-color: #17202a; }

#FVTipCallout .checkbox:focus {
  outline: -webkit-focus-ring-color auto 1px; }

.darkmode #FVTipCallout .checkbox:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
  background-color: #202c39; }

.darkmode #FVTipCallout .checkbox:is(textarea, input, button):focus {
  outline: none;
  box-shadow: 0 0 0 2px #68b5f0; }

.darkmode #FVTipCallout .checkbox:is(select) {
  background-color: #202c39; }
  .darkmode #FVTipCallout .checkbox:is(select):focus {
    outline: #68b5f0 auto 1px; }

.darkmode #FVTipCallout .checkbox {
  border-color: #4b4c4b;
  background-color: #202223;
  color: #ffffff; }

#RemoveIgnoredUsersModal {
  background-color: #ffffff;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); }
  .darkmode #RemoveIgnoredUsersModal {
    background-color: #1c2733;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
    color: #b3b3b3; }
  #RemoveIgnoredUsersModal .overlay {
    background-color: #000000; }
  #RemoveIgnoredUsersModal .header {
    color: #0c6a93; }
    .darkmode #RemoveIgnoredUsersModal .header {
      color: #ffffff; }
  #RemoveIgnoredUsersModal .bluetxt {
    color: #0c6a93; }
    .darkmode #RemoveIgnoredUsersModal .bluetxt {
      color: inherit; }
  #RemoveIgnoredUsersModal .select {
    background-color: transparent;
    border-color: #b1b1b1; }
    #RemoveIgnoredUsersModal .select:focus {
      outline: -webkit-focus-ring-color auto 1px; }
    .darkmode #RemoveIgnoredUsersModal .select:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
      background-color: #202c39; }
    .darkmode #RemoveIgnoredUsersModal .select:is(textarea, input, button):focus {
      outline: none;
      box-shadow: 0 0 0 2px #68b5f0; }
    .darkmode #RemoveIgnoredUsersModal .select:is(select) {
      background-color: #202c39; }
      .darkmode #RemoveIgnoredUsersModal .select:is(select):focus {
        outline: #68b5f0 auto 1px; }
    .darkmode #RemoveIgnoredUsersModal .select {
      border-color: #2d3e50;
      color: #ffffff !important; }
  #RemoveIgnoredUsersModal .saveButton:focus {
    outline: -webkit-focus-ring-color auto 1px; }
  .darkmode #RemoveIgnoredUsersModal .saveButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
    background-color: #202c39; }
  .darkmode #RemoveIgnoredUsersModal .saveButton:is(textarea, input, button):focus {
    outline: none;
    box-shadow: 0 0 0 2px #68b5f0; }
  .darkmode #RemoveIgnoredUsersModal .saveButton:is(select) {
    background-color: #202c39; }
    .darkmode #RemoveIgnoredUsersModal .saveButton:is(select):focus {
      outline: #68b5f0 auto 1px; }
  #RemoveIgnoredUsersModal .saveButton, .darkmode #RemoveIgnoredUsersModal .saveButton {
    background-color: var(--wl-signup-bg-color, #f47321);
    color: #ffffff;
    border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
    border-radius: 4px; }
  #RemoveIgnoredUsersModal .darkCloseButton {
    display: none; }
  .darkmode #RemoveIgnoredUsersModal .lightCloseButton {
    display: none; }
  .darkmode #RemoveIgnoredUsersModal .darkCloseButton {
    display: block; }

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

#user-context-menu {
  background-color: #fff;
  border-color: #f0f0f0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  color: #000; }
  .darkmode #user-context-menu {
    background-color: #1c2733;
    border-color: #17202a;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
    color: #b3b3b3; }
  #user-context-menu .ucmPlaceholder {
    background-color: #e0e0e0; }
    .darkmode #user-context-menu .ucmPlaceholder {
      background-color: #5b5b5b; }
  #user-context-menu .ucmHeader {
    background-color: #f9f9f9; }
    .darkmode #user-context-menu .ucmHeader {
      background-color: #2d3e50; }
  #user-context-menu .ucmUserLabel {
    border-top-color: #f0f0f0; }
    .darkmode #user-context-menu .ucmUserLabel {
      border-top-color: #17202a; }
    #user-context-menu .ucmUserLabel .ucmSublabel {
      color: #49494f; }
      .darkmode #user-context-menu .ucmUserLabel .ucmSublabel {
        color: #b3b3b3; }
  #user-context-menu .ucmLinks {
    border-top-color: #f0f0f0; }
    .darkmode #user-context-menu .ucmLinks {
      border-top-color: #2d3e50; }
    #user-context-menu .ucmLinks .ucmReportLink .ucmReportIcon {
      background: url(../../tsdefaultassets/report-msg-d.svg?1ad136cac9cf) no-repeat center; }
      .darkmode #user-context-menu .ucmLinks .ucmReportLink .ucmReportIcon {
        background: url(../../tsdefaultassets/report-msg.svg?1ad136cac9cf) no-repeat center; }
    #user-context-menu .ucmLinks .ucmIgnoreLink .ucmIgnoreIcon {
      background: url(../../tsdefaultassets/ignore-user-d.svg?1ad136cac9cf) no-repeat center; }
      .darkmode #user-context-menu .ucmLinks .ucmIgnoreLink .ucmIgnoreIcon {
        background: url(../../tsdefaultassets/ignore-user.svg?1ad136cac9cf) no-repeat center; }
    #user-context-menu .ucmLinks .ucmPMLink .ucmSendPmIcon {
      background: url(../../tsdefaultassets/send-pvt-msg-d.svg?1ad136cac9cf) no-repeat center; }
      .darkmode #user-context-menu .ucmLinks .ucmPMLink .ucmSendPmIcon {
        background: url(../../tsdefaultassets/send-pvt-msg.svg?1ad136cac9cf) no-repeat center; }
    #user-context-menu .ucmLinks .ucmPMLink .ucmSendDmIcon {
      background: url(../../tsdefaultassets/pms/ucm-chat-bubble-d.svg?1ad136cac9cf) no-repeat center; }
      .darkmode #user-context-menu .ucmLinks .ucmPMLink .ucmSendDmIcon {
        background: url(../../tsdefaultassets/pms/ucm-chat-bubble.svg?1ad136cac9cf) no-repeat center; }
    #user-context-menu .ucmLinks .ucmMentionIcon {
      background: url(../../tsdefaultassets/mention-user-d.svg?1ad136cac9cf) no-repeat center/80%; }
      .darkmode #user-context-menu .ucmLinks .ucmMentionIcon {
        background: url(../../tsdefaultassets/mention-user.svg?1ad136cac9cf) no-repeat center/80%; }
    #user-context-menu .ucmLinks .ucmLinkColor {
      color: #49494f; }
      .darkmode #user-context-menu .ucmLinks .ucmLinkColor {
        color: #b3b3b3; }
  #user-context-menu .ucmModSection,
  #user-context-menu .ucmPromoteModSection,
  #user-context-menu .ucmHasTippedSection {
    border-top-color: #f0f0f0; }
    .darkmode #user-context-menu .ucmModSection, .darkmode #user-context-menu .ucmPromoteModSection, .darkmode #user-context-menu .ucmHasTippedSection {
      border-top-color: #17202a; }
  #user-context-menu .ucmLinkHover {
    background-color: transparent; }
    #user-context-menu .ucmLinkHover:hover {
      background-color: #f9e4d5; }
      .darkmode #user-context-menu .ucmLinkHover:hover {
        background-color: #885336; }

.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: #0a5a83; }
  .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?1ad136cac9cf);
  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: #0a5a83; }
  .darkmode .followedDropdown {
    color: #b3b3b3;
    background-color: #17202a;
    border-color: #2d3e50; }

.rulesModal {
  background-color: white;
  box-shadow: 0 0 10px #888;
  border-color: #efefef;
  color: #494940; }
  .darkmode .rulesModal {
    background-color: #1c2733;
    border-color: #17202a;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
    color: #b3b3b3; }
  .rulesModal .closeRulesButton {
    background: none;
    border-radius: 0;
    border: none; }
    .rulesModal .closeRulesButton:focus {
      outline: -webkit-focus-ring-color auto 1px; }
    .darkmode .rulesModal .closeRulesButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
      background-color: #202c39; }
    .darkmode .rulesModal .closeRulesButton:is(textarea, input, button):focus {
      outline: none;
      box-shadow: 0 0 0 2px #68b5f0; }
    .darkmode .rulesModal .closeRulesButton:is(select) {
      background-color: #202c39; }
      .darkmode .rulesModal .closeRulesButton:is(select):focus {
        outline: #68b5f0 auto 1px; }
    .darkmode .rulesModal .closeRulesButton {
      background-color: transparent; }
  .rulesModal .acceptRulesButton:focus {
    outline: -webkit-focus-ring-color auto 1px; }
  .darkmode .rulesModal .acceptRulesButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
    background-color: #202c39; }
  .darkmode .rulesModal .acceptRulesButton:is(textarea, input, button):focus {
    outline: none;
    box-shadow: 0 0 0 2px #68b5f0; }
  .darkmode .rulesModal .acceptRulesButton:is(select) {
    background-color: #202c39; }
    .darkmode .rulesModal .acceptRulesButton:is(select):focus {
      outline: #68b5f0 auto 1px; }
  .rulesModal .acceptRulesButton, .darkmode .rulesModal .acceptRulesButton {
    background-color: var(--wl-signup-bg-color, #f47321);
    color: #ffffff;
    border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
    border-radius: 4px; }
  .rulesModal .scrollIndicator {
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); }
    .darkmode .rulesModal .scrollIndicator {
      background: linear-gradient(0deg, #202223 0%, rgba(32, 34, 35, 0) 100%); }

.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; }

#smc-preview-modal {
  background-color: #f8f9fa;
  color: #49494f; }
  .darkmode #smc-preview-modal {
    background-color: #1c2733;
    color: #ffffff; }
  #smc-preview-modal .title {
    color: #306a91; }
    .darkmode #smc-preview-modal .title {
      color: #68b5f0; }
  #smc-preview-modal video {
    background-color: #000000; }
  #smc-preview-modal .infoPanel {
    border-color: #cccccc;
    background-color: #ffffd8;
    color: #494949; }
    .darkmode #smc-preview-modal .infoPanel {
      background-color: #253543;
      border-color: #2d3e50;
      color: #ffffff; }
  #smc-preview-modal .settingsPanel {
    border-color: #bfbfbf; }
    .darkmode #smc-preview-modal .settingsPanel {
      border-color: #2d3e50;
      color: #b3b3b3; }
    #smc-preview-modal .settingsPanel select {
      background-color: #f8f9fa;
      border-color: #bcbcbc;
      -webkit-appearance: menulist; }
      .darkmode #smc-preview-modal .settingsPanel select {
        background-color: #1c2733;
        border-color: #2d3e50;
        color: #ffffff !important; }
  #smc-preview-modal .startButton:focus {
    outline: -webkit-focus-ring-color auto 1px; }
  .darkmode #smc-preview-modal .startButton:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
    background-color: #202c39; }
  .darkmode #smc-preview-modal .startButton:is(textarea, input, button):focus {
    outline: none;
    box-shadow: 0 0 0 2px #68b5f0; }
  .darkmode #smc-preview-modal .startButton:is(select) {
    background-color: #202c39; }
    .darkmode #smc-preview-modal .startButton:is(select):focus {
      outline: #68b5f0 auto 1px; }
  #smc-preview-modal .startButton, .darkmode #smc-preview-modal .startButton {
    background-color: var(--wl-signup-bg-color, #f47321);
    color: #ffffff;
    border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
    border-radius: 4px; }
  #smc-preview-modal .helpOverlay {
    background-color: #f8f9fa;
    border-color: #888;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
    .darkmode #smc-preview-modal .helpOverlay {
      background-color: #1c2733;
      border-color: #2d3e50;
      color: #b3b3b3; }
    #smc-preview-modal .helpOverlay .error {
      color: #cc0000; }
      .darkmode #smc-preview-modal .helpOverlay .error {
        color: #dc0000; }
    #smc-preview-modal .helpOverlay button:focus {
      outline: -webkit-focus-ring-color auto 1px; }
    .darkmode #smc-preview-modal .helpOverlay button:is(textarea, input, button):is(:not(button, input[type="submit"], input[type="button"])) {
      background-color: #202c39; }
    .darkmode #smc-preview-modal .helpOverlay button:is(textarea, input, button):focus {
      outline: none;
      box-shadow: 0 0 0 2px #68b5f0; }
    .darkmode #smc-preview-modal .helpOverlay button:is(select) {
      background-color: #202c39; }
      .darkmode #smc-preview-modal .helpOverlay button:is(select):focus {
        outline: #68b5f0 auto 1px; }
    #smc-preview-modal .helpOverlay button, .darkmode #smc-preview-modal .helpOverlay button {
      background-color: var(--wl-signup-bg-color, #f47321);
      color: #ffffff;
      border: 1px solid var(--wl-signup-alt-bg-color, #cd5d26);
      border-radius: 4px; }

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

.dismissibleMessage {
  background-color: #c9c9c9;
  border-color: #acacac; }
  .darkmode .dismissibleMessage {
    background-color: #1c2733;
    border-color: #2d3e50; }

.RoomSignupPopup {
  border: 1px solid #efefef;
  background-color: white; }
  .darkmode .RoomSignupPopup {
    background-color: #202c39;
    border: 1px solid #2a323f; }
  .RoomSignupPopup .title {
    color: #222222; }
    .darkmode .RoomSignupPopup .title {
      color: white; }
  .RoomSignupPopup .body {
    color: #525252; }
    .darkmode .RoomSignupPopup .body {
      color: #b3b3b3; }
  .RoomSignupPopup .signupLink {
    color: white;
    background-color: #f47321; }

.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: #306a91; }
      .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: #306a91; }
      .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; }

.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: #0a5a83; }
    .darkmode .OBSBroadcastInfo #obs_broadcast_info .supportLink {
      color: #68b5f0; }
  .OBSBroadcastInfo #obs_broadcast_info .warning {
    color: #0a5a83; }
    .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: #0b5d81; }
    .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; }

.InRoomIndicator.inRoom {
  background: url(../../tsdefaultassets/inRoomIndicator.svg?1ad136cac9cf) no-repeat; }
  .darkmode .InRoomIndicator.inRoom {
    background: url(../../tsdefaultassets/inRoomIndicator_darkmode.svg?1ad136cac9cf) no-repeat; }

.InRoomIndicator.notInPrivate {
  background: url(../../tsdefaultassets/notInPrivateIndicator.svg?1ad136cac9cf) no-repeat; }

.InRoomIndicator.notInRoom {
  background: url(../../tsdefaultassets/notInRoomIndicator.svg?1ad136cac9cf) no-repeat; }

.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 */ }

.pmMediaDockContainer {
  background: #f8f9fa; }
  .darkmode .pmMediaDockContainer, .hasDarkBackground .pmMediaDockContainer {
    background: #17202a; }
  .pmMediaDockContainer .scrollButton {
    background-color: #ffffff; }
  .pmMediaDockContainer.SelectedMediaDock {
    border: 1px solid #acacac; }
    .darkmode .pmMediaDockContainer.SelectedMediaDock {
      border: 1px solid #2d3e50; }
  .pmMediaDockContainer .mediaDockItem .rejected {
    background: #885336;
    color: #cbcbcb; }
  .pmMediaDockContainer .MediaDock {
    background: #f8f9fa; }
    .darkmode .pmMediaDockContainer .MediaDock, .hasDarkBackground .pmMediaDockContainer .MediaDock {
      background: #17202a; }
    .pmMediaDockContainer .MediaDock .mediaDockItem .rejected {
      background: #885336;
      color: #cbcbcb; }

.ChatMediaCarousel {
  box-shadow: 0 0 3px black;
  background: #ffffff; }
  .darkmode .ChatMediaCarousel {
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32);
    background: #202c39; }

.timerBar25s {
  animation: roundtime calc(25 * 1s) linear forwards;
  transform-origin: left center; }

@keyframes roundtime {
  to {
    /* More performant than animating `width` */
    transform: scaleX(0); } }
  .pauseOnHover:hover .timerBar25s {
    animation-play-state: paused; }

.timerBar15s {
  animation: roundtime calc(15 * 1s) linear forwards;
  transform-origin: left center; }

@keyframes roundtime {
  to {
    /* More performant than animating `width` */
    transform: scaleX(0); } }
  .pauseOnHover:hover .timerBar15s {
    animation-play-state: paused; }

.timerBar7s {
  animation: roundtime calc(7 * 1s) linear forwards;
  transform-origin: left center; }

@keyframes roundtime {
  to {
    /* More performant than animating `width` */
    transform: scaleX(0); } }
  .pauseOnHover:hover .timerBar7s {
    animation-play-state: paused; }

.darkmode .checkboxComponent input:focus-visible {
  outline-color: #68b5f0; }

.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?1ad136cac9cf) no-repeat center center/60%, #306a91;
    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?1ad136cac9cf) 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?c505a0c772ca);
    float: right; }
    .darkmode .activeChoicesContainer .dropdownMenuIcon {
      background: url(../../images/profile/dropdown-menu-icon_dm.svg?c505a0c772ca); }
  .activeChoicesContainer .activeChoiceElement {
    padding: 2px 7px;
    height: 12px;
    margin: 0px 2px 1px 0px;
    color: #306a91;
    border-radius: 4px;
    background: #e0eefb;
    border: 1px solid #e0eefb;
    display: inline-block;
    line-height: 12px; }
    .darkmode .activeChoicesContainer .activeChoiceElement {
      background: #67b5f0;
      color: #17202a;
      border: 1px solid #67b5f0; }

.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; }

@keyframes slide {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(calc(-100% + var(--notice-viewport-height-px, 0) * 1px)); } }

.roomNotice .collapsed .animated-scroll {
  animation-name: slide;
  animation-duration: calc(var(--scroll-time-s, 0) * 1s);
  animation-timing-function: linear;
  animation-fill-mode: forwards; }

.roomNotice .collapsed .scroll-to-end {
  transform: translateY(calc(-100% + var(--notice-viewport-height-px, 0) * 1px)); }

.roomNotice:hover .animated-scroll,
.roomNotice .animated-scroll:hover {
  animation-play-state: paused; }

.inputFieldChatPlaceholder::before {
  content: attr(data-placeholder);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font: 14px "UbuntuRegular", Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  user-select: none;
  color: #a7a7a7;
  cursor: text; }
  .darkmode .inputFieldChatPlaceholder::before {
    color: #6e6f70; }
  .pureChat .inputFieldChatPlaceholder::before {
    color: #f8f9fa; }