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

.darkmode #main .paging li.active a, .darkmode #main .paging li:hover a:not(.prev):not(.next) {
  background: transparent;
  border: 1px solid transparent;
  color: #68b5f0; }

.darkmode #main .paging li a {
  border: 1px solid #2a323f;
  background: #202c39;
  color: #b3b3b3; }

.darkmode #main .paging li a.prev, .darkmode #main .paging li a.prev:hover {
  border: 1px solid #2a323f;
  background: #202c39 url(../../images/arrow-left_dm.svg?1ad136cac9cf) no-repeat 50% 50%; }

.darkmode #main .paging li a.next {
  border: 1px solid #2a323f;
  background: #202c39 url(../../images/arrow-right_dm.svg?1ad136cac9cf) no-repeat 50% 50%; }

/**
 * Generic mixins
 */
:root {
  --cbt-clamp-input-delete-width: calc(clamp(14px, 5%, 22px));
  --cbt-clamp-input-delete-height: calc(clamp(14px, 25%, 22px)); }

#SearchInput {
  display: block;
  position: relative; }
  #SearchInput.RoomlistSearchInput {
    top: 3px;
    z-index: 2; }
    #SearchInput.RoomlistSearchInput .inputDelete {
      display: none;
      position: absolute;
      width: 18px;
      height: 20px;
      top: 2px;
      right: 20px;
      visibility: hidden; }
    #SearchInput.RoomlistSearchInput input.search_input {
      display: none;
      font-size: 12px;
      height: 21px;
      margin-top: 0;
      outline: none;
      position: relative; }
  #SearchInput.MobileSearchInput {
    width: 100%;
    z-index: 106; }
    #SearchInput.MobileSearchInput .inputDelete {
      display: block;
      position: absolute;
      width: var(--cbt-clamp-input-delete-width, calc(min(5%, 22px)));
      height: var(--cbt-clamp-input-delete-height, calc(min(25%, 22px)));
      top: 10%;
      right: 6px;
      background-position: 50% 60%;
      background-size: 14px 14px; }
    #SearchInput.MobileSearchInput input.search_input {
      display: inline-block;
      padding-right: 23px;
      margin-top: 3px;
      position: relative;
      font-size: 16px;
      right: 0; }
  #SearchInput #filter_search_form {
    position: relative;
    overflow: unset;
    height: unset; }
  #SearchInput input.search_input {
    border-color: #bdbdbd;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
    right: 0; }
    .darkmode #SearchInput input.search_input {
      color: #ffffff;
      border-color: #6e6f70;
      background-color: #17202a; }
    #SearchInput input.search_input.maximized {
      padding: 0px 40px 2px 5px;
      width: 182px; }
      #SearchInput input.search_input.maximized:placeholder-shown {
        width: 207px;
        padding-right: 15px;
        text-overflow: ellipsis; }
    #SearchInput input.search_input.minimized {
      padding: 0px 40px 2px 5px;
      width: 182px; }
      @media (max-width: 995px) {
        #SearchInput input.search_input.minimized {
          width: 55px; } }
  #SearchInput.SbjSrch .search_input.maximized {
    width: 197px; }
    #SearchInput.SbjSrch .search_input.maximized:placeholder-shown {
      width: 222px; }
  #SearchInput.SbjSrch .search_input.minimized {
    width: 197px; }
    @media (max-width: 995px) {
      #SearchInput.SbjSrch .search_input.minimized {
        width: 55px; } }
  #SearchInput .suggestionsDiv {
    border-color: #bdbdbd;
    margin-right: -15px;
    border-width: 1px;
    border-style: solid;
    display: none;
    font: 12px UbuntuBold, Arial, Helvetica, sans-serif;
    position: absolute;
    top: 25px;
    width: 227px; }
    #SearchInput .suggestionsDiv.mobile {
      top: 26px;
      width: 100%;
      right: 15px;
      box-sizing: border-box; }
    .darkmode #SearchInput .suggestionsDiv {
      border-color: #2a323f;
      box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
    #SearchInput .suggestionsDiv a {
      color: #494949;
      -webkit-touch-callout: none;
      -webkit-user-drag: none;
      -webkit-user-select: none; }
      .darkmode #SearchInput .suggestionsDiv a {
        color: #b3b3b3; }
    #SearchInput .suggestionsDiv .icon-online {
      background: url(../../tsdefaultassets/search_online_broadcaster.svg?1ad136cac9cf) no-repeat center center; }
      .darkmode #SearchInput .suggestionsDiv .icon-online {
        background: url(../../tsdefaultassets/search_online_broadcaster_dm.svg?1ad136cac9cf) no-repeat center center; }
    #SearchInput .suggestionsDiv .icon-offline {
      background: url(../../tsdefaultassets/search_offline_broadcaster.svg?1ad136cac9cf) no-repeat center center; }
      .darkmode #SearchInput .suggestionsDiv .icon-offline {
        background: url(../../tsdefaultassets/search_offline_broadcaster_dm.svg?1ad136cac9cf) no-repeat center center; }
    #SearchInput .suggestionsDiv .icon-hashtag {
      background: url(../../tsdefaultassets/search_hashtag.svg?1ad136cac9cf) no-repeat center center; }
      .darkmode #SearchInput .suggestionsDiv .icon-hashtag {
        background: url(../../tsdefaultassets/search_hashtag_dm.svg?1ad136cac9cf) no-repeat center center; }
    #SearchInput .suggestionsDiv .icon-history,
    #SearchInput .suggestionsDiv .icon-keywords {
      background: url(../../tsdefaultassets/search_emojis.svg?1ad136cac9cf) no-repeat center center; }
      .darkmode #SearchInput .suggestionsDiv .icon-history, .darkmode #SearchInput .suggestionsDiv .icon-keywords {
        background: url(../../tsdefaultassets/search_emojis_darkmode.svg?1ad136cac9cf) no-repeat center center; }
    #SearchInput .suggestionsDiv div.broadcaster_suggestion,
    #SearchInput .suggestionsDiv div.hashtag_suggestion,
    #SearchInput .suggestionsDiv div.history_suggestion,
    #SearchInput .suggestionsDiv div.keywords_suggestion {
      background-color: #fcfcfc;
      border-bottom-color: #efefef;
      color: #494949; }
      .darkmode #SearchInput .suggestionsDiv div.broadcaster_suggestion, .darkmode #SearchInput .suggestionsDiv div.hashtag_suggestion, .darkmode #SearchInput .suggestionsDiv div.history_suggestion, .darkmode #SearchInput .suggestionsDiv div.keywords_suggestion {
        background-color: #202c39;
        border-bottom-color: #6e6f70;
        color: #b3b3b3; }
      #SearchInput .suggestionsDiv div.broadcaster_suggestion.active,
      #SearchInput .suggestionsDiv div.hashtag_suggestion.active,
      #SearchInput .suggestionsDiv div.history_suggestion.active,
      #SearchInput .suggestionsDiv div.keywords_suggestion.active {
        background-color: #efefef; }
        .darkmode #SearchInput .suggestionsDiv div.broadcaster_suggestion.active, .darkmode #SearchInput .suggestionsDiv div.hashtag_suggestion.active, .darkmode #SearchInput .suggestionsDiv div.history_suggestion.active, .darkmode #SearchInput .suggestionsDiv div.keywords_suggestion.active {
          background-color: #885336; }
  #SearchInput.SbjSrch .suggestionsDiv {
    width: 242px; }
    #SearchInput.SbjSrch .suggestionsDiv.mobile {
      width: 100%; }
  #SearchInput p.broadcaster_suggestion,
  #SearchInput p.hashtag_suggestion,
  #SearchInput p.history_suggestion,
  #SearchInput p.keywords_suggestion {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block; }
    #SearchInput p.broadcaster_suggestion .statusText,
    #SearchInput p.hashtag_suggestion .statusText,
    #SearchInput p.history_suggestion .statusText,
    #SearchInput p.keywords_suggestion .statusText {
      font-size: 9px;
      position: relative;
      width: 105px;
      color: #6c6c78; }
      .darkmode #SearchInput p.broadcaster_suggestion .statusText, .darkmode #SearchInput p.hashtag_suggestion .statusText, .darkmode #SearchInput p.history_suggestion .statusText, .darkmode #SearchInput p.keywords_suggestion .statusText {
        color: #cbcbcb; }
  #SearchInput p.keywords_suggestion .statusText {
    font-size: 10px;
    width: fit-content; }
  #SearchInput p.hashtag_suggestion {
    top: 7px;
    width: calc(100% - 10px); }
  #SearchInput p.history_suggestion,
  #SearchInput p.keywords_suggestion {
    width: calc(100% - 28px); }
  #SearchInput p.broadcaster_suggestion {
    width: calc(100% - 10px); }
  #SearchInput div.inputDelete {
    background-image: url(../../tsdefaultassets/close_icon_black.svg?1ad136cac9cf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    visibility: visible;
    cursor: pointer; }
    .darkmode #SearchInput div.inputDelete {
      background-image: url(../../tsdefaultassets/close_icon_white.svg?1ad136cac9cf); }
  #SearchInput div.historyDelete {
    background-image: url(../../tsdefaultassets/close_icon_black.svg?1ad136cac9cf);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    width: 18px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 152px;
    cursor: pointer; }
    .darkmode #SearchInput div.historyDelete {
      background-image: url(../../tsdefaultassets/close_icon_white.svg?1ad136cac9cf); }
  #SearchInput.SbjSrch div.historyDelete {
    left: 167px; }

.top-section {
  padding-left: 4px;
  padding-right: 4px; }
  @media (min-width: 500px) {
    .top-section {
      padding-left: calc(11vw + -51px);
      padding-right: calc(11vw + -51px); } }
  @media (min-width: 600px) {
    .top-section {
      padding-left: 15px;
      padding-right: 15px; } }
.sub-nav {
  overflow: hidden;
  position: relative;
  display: block;
  top: 1px;
  margin-top: 2px; }

#tag_table {
  border: 1px solid #033e58;
  display: inline-block;
  font-size: 13px;
  margin: 16px 33px;
  border-radius: 4px; }
  .darkmode #tag_table {
    border-color: #2d3e50; }
  #tag_table .headers > span,
  #tag_table .tag_row > span {
    display: table-cell;
    min-width: 100px;
    padding: 7px 0 7px 10px;
    text-align: center;
    vertical-align: middle;
    width: 100px; }
  #tag_table .headers > span:first-child {
    text-align: left; }
  #tag_table .headers {
    background-color: var(--wl-bg-color, #306a91);
    color: var(--wl-h1-color, #fff);
    display: table-header-group; }
    .darkmode #tag_table .headers {
      background-color: #2d3e50; }
      .darkmode #tag_table .headers .tag_row span {
        color: #fff; }
    #tag_table .headers .tag_row span {
      padding: 7px 4px 7px 8px; }
      #tag_table .headers .tag_row span.room_thumbnails {
        height: auto;
        text-align: center; }
    #tag_table .headers .tag {
      width: 160px; }
  #tag_table .tag-table-body {
    display: table-row-group;
    position: relative; }
    #tag_table .tag-table-body .tag_row:nth-child(even) {
      background-color: #dde9f5; }
      .darkmode #tag_table .tag-table-body .tag_row:nth-child(even) {
        background-color: #1c2733; }
    #tag_table .tag-table-body .tag_row:nth-child(odd) {
      background-color: #fff; }
      .darkmode #tag_table .tag-table-body .tag_row:nth-child(odd) {
        background-color: #202c39; }
  #tag_table .tag_row {
    display: table-row; }
    #tag_table .tag_row .tag {
      width: 194px;
      max-width: 194px;
      overflow: hidden;
      text-align: left;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .darkmode #tag_table .tag_row .tag a {
        color: #68b5f0; }
      #tag_table .tag_row .tag div.follow_star {
        position: relative;
        height: 22px;
        width: 22px;
        background-size: cover;
        display: inline-block;
        vertical-align: middle;
        margin: -5px 6px -3px 0; }
    #tag_table .tag_row .room_thumbnails {
      text-align: left;
      width: 536px; }
    .darkmode #tag_table .tag_row span {
      color: #b3b3b3; }
    #tag_table .tag_row .tag-table-roomlist {
      list-style: none;
      margin: 0;
      padding: 0; }
      #tag_table .tag_row .tag-table-roomlist .tag-table-room-card {
        display: inline-block;
        margin: 0 0 0 11px;
        vertical-align: bottom; }
  #tag_table .room_thumbnails {
    height: 25px; }
    #tag_table .room_thumbnails .room_thumb {
      border-radius: 2px;
      position: relative;
      width: 30px;
      height: 25px;
      object-fit: cover; }
  #tag_table .room_link {
    text-decoration: none;
    display: block; }
    #tag_table .room_link > img {
      display: block; }
  #tag_table .more_link {
    background-color: #ccc;
    border-radius: 2px;
    border: 1px solid #888;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 23px;
    line-height: 23px;
    margin-left: 8px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 2px #444;
    top: 3px;
    width: 28px; }
  #tag_table .sortable {
    position: relative;
    cursor: pointer;
    display: table-cell; }
  #tag_table .sortable-arrow {
    display: inline-block;
    position: absolute;
    opacity: 0.6;
    margin-left: 8px;
    margin-top: 6px; }
    #tag_table .sortable-arrow.active {
      opacity: 1; }
    #tag_table .sortable-arrow.ascending {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-bottom: 5px solid #ffffff; }
    #tag_table .sortable-arrow.descending {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #ffffff; }

#tag-table-container {
  min-width: 1003px; }
  #tag-table-container .searching-overlay {
    background-color: rgba(241, 242, 242, 0.9); }
    .darkmode #tag-table-container .searching-overlay {
      background-color: rgba(28, 39, 51, 0.9); }
  #tag-table-container .no-tags-message {
    margin: 16px 33px;
    display: none; }

#tag_tip {
  border-radius: 4px;
  height: 222px;
  position: absolute;
  width: 182px !important;
  box-shadow: 0px 0px 16px #888;
  display: none;
  height: 173px;
  z-index: 1; }
  .darkmode #tag_tip {
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.32); }
  .darkmode #tag_tip a {
    color: #68b5f0; }
  #tag_tip .list {
    height: auto;
    width: 182px; }
    .darkmode #tag_tip .list {
      background: transparent; }
    #tag_tip .list li {
      background-color: #f0f1f1;
      margin: 0px; }
      .darkmode #tag_tip .list li {
        background-color: #202c39;
        border: 1px solid #202c39; }
      .darkmode #tag_tip .list li .title .age {
        color: #b3b3b3; }
      .darkmode #tag_tip .list li .sub-info {
        color: #6e6f70; }
      .darkmode #tag_tip .list li .subject {
        color: #b3b3b3; }
    #tag_tip .list li.cams {
      background: url(../../images/cam.svg?1ad136cac9cf) no-repeat 0 50%;
      background-size: auto; }
      .darkmode #tag_tip .list li.cams {
        background: url(../../images/cam_white.svg?1ad136cac9cf) no-repeat 0 50%;
        background-size: auto; }
    #tag_tip .list li.location {
      background: url(../../images/location.svg?1ad136cac9cf) no-repeat 0 50%;
      background-size: auto; }
      .darkmode #tag_tip .list li.location {
        background: url(../../images/location_white.svg?1ad136cac9cf) no-repeat 0 50%;
        background-size: auto; }

#roomlist_pagination {
  margin: 12px auto 10px auto;
  padding: 8px 0 10px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  #roomlist_pagination > ul {
    height: 31px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0; }
    #roomlist_pagination > ul span {
      margin: 0 5px 0 0; }
    #roomlist_pagination > ul span.endless_separator {
      color: #000000; }
    #roomlist_pagination > ul > li, #roomlist_pagination > ul > li.paging, #roomlist_pagination > ul > span {
      display: block; }
      #roomlist_pagination > ul > li.active > a, #roomlist_pagination > ul > li.paging.active > a, #roomlist_pagination > ul > span.active > a {
        color: #525252;
        border-color: #acacac;
        background-color: #c9c9c9; }
      #roomlist_pagination > ul > li a, #roomlist_pagination > ul > li.paging a, #roomlist_pagination > ul > span a {
        display: inline-block;
        box-sizing: border-box;
        border: 1px solid #a7a7a7;
        border-radius: 4px;
        color: #525252;
        flex: 1 1 auto;
        height: 26px;
        padding-left: 6px;
        padding-right: 6px;
        line-height: 26px;
        margin: 0 5px;
        white-space: nowrap;
        text-transform: capitalize;
        background: #ffffff;
        font-family: "UbuntuRegular", Arial, Helvetica, sans-serif;
        font-size: 14px; }
        @media (min-width: 500px) {
          #roomlist_pagination > ul > li a, #roomlist_pagination > ul > li.paging a, #roomlist_pagination > ul > span a {
            padding-left: calc(1vw + 1px); } }
        @media (min-width: 700px) {
          #roomlist_pagination > ul > li a, #roomlist_pagination > ul > li.paging a, #roomlist_pagination > ul > span a {
            padding-left: 8px; } }
        @media (min-width: 500px) {
          #roomlist_pagination > ul > li a, #roomlist_pagination > ul > li.paging a, #roomlist_pagination > ul > span a {
            padding-right: calc(1vw + 1px); } }
        @media (min-width: 700px) {
          #roomlist_pagination > ul > li a, #roomlist_pagination > ul > li.paging a, #roomlist_pagination > ul > span a {
            padding-right: 8px; } }
        #roomlist_pagination > ul > li a:active, #roomlist_pagination > ul > li.paging a:active, #roomlist_pagination > ul > span a:active {
          color: #525252;
          border-color: #acacac;
          background-color: #c9c9c9; }
        @media (hover: hover) {
          #roomlist_pagination > ul > li a:hover, #roomlist_pagination > ul > li.paging a:hover, #roomlist_pagination > ul > span a:hover {
            color: #525252;
            background-color: #c9c9c9;
            font-family: "UbuntuRegular", Arial, Helvetica, sans-serif; } }
        #roomlist_pagination > ul > li a.prev, #roomlist_pagination > ul > li a.next, #roomlist_pagination > ul > li.paging a.prev, #roomlist_pagination > ul > li.paging a.next, #roomlist_pagination > ul > span a.prev, #roomlist_pagination > ul > span a.next {
          text-indent: 0;
          background: #ffffff;
          width: auto; }
          #roomlist_pagination > ul > li a.prev.no-link, #roomlist_pagination > ul > li a.next.no-link, #roomlist_pagination > ul > li.paging a.prev.no-link, #roomlist_pagination > ul > li.paging a.next.no-link, #roomlist_pagination > ul > span a.prev.no-link, #roomlist_pagination > ul > span a.next.no-link {
            opacity: 0.7;
            pointer-events: none; }
            #roomlist_pagination > ul > li a.prev.no-link:hover, #roomlist_pagination > ul > li a.next.no-link:hover, #roomlist_pagination > ul > li.paging a.prev.no-link:hover, #roomlist_pagination > ul > li.paging a.next.no-link:hover, #roomlist_pagination > ul > span a.prev.no-link:hover, #roomlist_pagination > ul > span a.next.no-link:hover {
              color: #525252;
              background: #ffffff; }
          @media (hover: hover) {
            #roomlist_pagination > ul > li a.prev:hover, #roomlist_pagination > ul > li a.next:hover, #roomlist_pagination > ul > li.paging a.prev:hover, #roomlist_pagination > ul > li.paging a.next:hover, #roomlist_pagination > ul > span a.prev:hover, #roomlist_pagination > ul > span a.next:hover {
              background-color: #c9c9c9; } }
          #roomlist_pagination > ul > li a.prev.condensed, #roomlist_pagination > ul > li a.next.condensed, #roomlist_pagination > ul > li.paging a.prev.condensed, #roomlist_pagination > ul > li.paging a.next.condensed, #roomlist_pagination > ul > span a.prev.condensed, #roomlist_pagination > ul > span a.next.condensed {
            padding: 0 11.5px; }
            #roomlist_pagination > ul > li a.prev.condensed:hover, #roomlist_pagination > ul > li a.next.condensed:hover, #roomlist_pagination > ul > li.paging a.prev.condensed:hover, #roomlist_pagination > ul > li.paging a.next.condensed:hover, #roomlist_pagination > ul > span a.prev.condensed:hover, #roomlist_pagination > ul > span a.next.condensed:hover {
              background-color: #c9c9c9; }
        #roomlist_pagination > ul > li a.prev.condensed, #roomlist_pagination > ul > li.paging a.prev.condensed, #roomlist_pagination > ul > span a.prev.condensed {
          background: url(../../images/arrow-left-page.svg?c505a0c772ca) no-repeat 50% 50%; }
        #roomlist_pagination > ul > li a.next.condensed, #roomlist_pagination > ul > li.paging a.next.condensed, #roomlist_pagination > ul > span a.next.condensed {
          background: url(../../images/arrow-right-page.svg?c505a0c772ca) no-repeat 50% 50%; }
  .darkmode #roomlist_pagination > ul.paging span.endless_separator {
    color: #68b5f0; }
  .darkmode #roomlist_pagination > ul.paging > li, .darkmode #roomlist_pagination > ul.paging > li.paging, .darkmode #roomlist_pagination > ul.paging > span {
    display: block; }
    .darkmode #roomlist_pagination > ul.paging > li.active > a, .darkmode #roomlist_pagination > ul.paging > li.paging.active > a, .darkmode #roomlist_pagination > ul.paging > span.active > a {
      background: transparent;
      border: 1px solid transparent;
      color: #68b5f0; }
    .darkmode #roomlist_pagination > ul.paging > li a, .darkmode #roomlist_pagination > ul.paging > li.paging a, .darkmode #roomlist_pagination > ul.paging > span a {
      border: 1px solid #2a323f;
      background: #202c39;
      color: #b3b3b3; }
      @media (hover: hover) {
        .darkmode #roomlist_pagination > ul.paging > li a:hover, .darkmode #roomlist_pagination > ul.paging > li.paging a:hover, .darkmode #roomlist_pagination > ul.paging > span a:hover {
          background: transparent;
          border: 1px solid transparent;
          color: #68b5f0; } }
      .darkmode #roomlist_pagination > ul.paging > li a:active, .darkmode #roomlist_pagination > ul.paging > li.paging a:active, .darkmode #roomlist_pagination > ul.paging > span a:active {
        background: transparent;
        border: 1px solid transparent;
        color: #68b5f0; }
      .darkmode #roomlist_pagination > ul.paging > li a.prev, .darkmode #roomlist_pagination > ul.paging > li a.next, .darkmode #roomlist_pagination > ul.paging > li.paging a.prev, .darkmode #roomlist_pagination > ul.paging > li.paging a.next, .darkmode #roomlist_pagination > ul.paging > span a.prev, .darkmode #roomlist_pagination > ul.paging > span a.next {
        border: 1px solid #2a323f;
        background: #202c39;
        background-image: none;
        color: #b3b3b3; }
        .darkmode #roomlist_pagination > ul.paging > li a.prev.no-link, .darkmode #roomlist_pagination > ul.paging > li a.next.no-link, .darkmode #roomlist_pagination > ul.paging > li.paging a.prev.no-link, .darkmode #roomlist_pagination > ul.paging > li.paging a.next.no-link, .darkmode #roomlist_pagination > ul.paging > span a.prev.no-link, .darkmode #roomlist_pagination > ul.paging > span a.next.no-link {
          opacity: 0.7;
          pointer-events: none; }
          .darkmode #roomlist_pagination > ul.paging > li a.prev.no-link:hover, .darkmode #roomlist_pagination > ul.paging > li a.next.no-link:hover, .darkmode #roomlist_pagination > ul.paging > li.paging a.prev.no-link:hover, .darkmode #roomlist_pagination > ul.paging > li.paging a.next.no-link:hover, .darkmode #roomlist_pagination > ul.paging > span a.prev.no-link:hover, .darkmode #roomlist_pagination > ul.paging > span a.next.no-link:hover {
            border: 1px solid #2a323f;
            background: #202c39;
            color: #b3b3b3; }
        @media (hover: hover) {
          .darkmode #roomlist_pagination > ul.paging > li a.prev:hover, .darkmode #roomlist_pagination > ul.paging > li a.next:hover, .darkmode #roomlist_pagination > ul.paging > li.paging a.prev:hover, .darkmode #roomlist_pagination > ul.paging > li.paging a.next:hover, .darkmode #roomlist_pagination > ul.paging > span a.prev:hover, .darkmode #roomlist_pagination > ul.paging > span a.next:hover {
            background: transparent;
            border: 1px solid transparent;
            color: #68b5f0; } }
      .darkmode #roomlist_pagination > ul.paging > li a.prev.condensed, .darkmode #roomlist_pagination > ul.paging > li.paging a.prev.condensed, .darkmode #roomlist_pagination > ul.paging > span a.prev.condensed {
        background: #202c39 url(../../images/arrow-left-page_dm.svg?c505a0c772ca) no-repeat 50% 50%; }
        .darkmode #roomlist_pagination > ul.paging > li a.prev.condensed:hover, .darkmode #roomlist_pagination > ul.paging > li.paging a.prev.condensed:hover, .darkmode #roomlist_pagination > ul.paging > span a.prev.condensed:hover {
          background: transparent url(../../images/arrow-left_dm.svg?1ad136cac9cf) no-repeat 50% 50%;
          border: 1px solid transparent; }
      .darkmode #roomlist_pagination > ul.paging > li a.next.condensed, .darkmode #roomlist_pagination > ul.paging > li.paging a.next.condensed, .darkmode #roomlist_pagination > ul.paging > span a.next.condensed {
        background: #202c39 url(../../images/arrow-right-page_dm.svg?c505a0c772ca) no-repeat 50% 50%; }
        .darkmode #roomlist_pagination > ul.paging > li a.next.condensed:hover, .darkmode #roomlist_pagination > ul.paging > li.paging a.next.condensed:hover, .darkmode #roomlist_pagination > ul.paging > span a.next.condensed:hover {
          background: transparent url(../../images/arrow-right_dm.svg?1ad136cac9cf) no-repeat 50% 50%;
          border: 1px solid transparent; }

#SearchInput.RoomlistSearchInput {
  right: 15px; }

#search_icon {
  display: none;
  position: absolute;
  float: right;
  top: 3px;
  height: 24px;
  width: 25px;
  z-index: 2;
  right: 10px; }
  #search_icon:hover {
    cursor: pointer; }
  #search_icon div {
    position: relative;
    top: 5px;
    left: 3px;
    width: 12px; }

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

.search_input:-ms-input-placeholder {
  color: #d3d3d3; }

.advanced-search-button-container {
  position: relative;
  list-style-type: none;
  float: right;
  margin: 0px;
  padding: 0px;
  z-index: 2; }

#tag_table .tag_row.placeholder .tag-table-room-card,
#tag_table .tag_row.placeholder div {
  background-color: rgba(0, 0, 0, 0.1); }
  .darkmode #tag_table .tag_row.placeholder .tag-table-room-card, .darkmode #tag_table .tag_row.placeholder div {
    background: rgba(255, 255, 255, 0.25); }

.paging a {
  cursor: pointer; }

.no-tags {
  margin: 16px 33px; }