/*@fs_xxxs: 8px;
@fs_xxs: 10px;
@fs_xs: 12px;
@fs_s: 14px;
@fs_d: 18px;
@fs_r: 18px;
@fs_m: 20px;
@fs_l: 24px;
@fs_xl: 28px;
@fs_xxl: 32px;
@fs_xxxl: 40px; */
@import url("../partials/blur_background/blur_background.css");
html,
body {
  margin: 0;
  font-family: "Urbanist";
  overflow-x: hidden;
}
body {
  background: #f9f9f9;
}
.bottom {
  top: inherit !important;
  bottom: 0 !important;
}
.top {
  bottom: inherit !important;
  top: 0 !important;
}
.left {
  right: inherit !important;
  left: 0 !important;
}
.right {
  left: inherit !important;
  right: 0 !important;
}
.ajax {
  position: relative;
  transition: 180ms all ease;
}
* {
  box-sizing: border-box;
}
@media (max-width: 480px) {
  .hidden_mobile {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .hidden_tablet {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .hidden_desktop {
    display: none !important;
  }
}
.pre_header {
  display: block;
  margin: 0;
  color: #004d66;
  font-size: 1.125rem;
}
.color-picker {
  z-index: 20;
  width: 240px;
}
.color-picker ul {
  width: 240px;
}
.color-picker ul li {
  width: 34px;
  height: 34px;
  display: inline-block;
}
img.zoomable {
  cursor: zoom-in;
}
img.img_zoom {
  position: absolute;
  right: 15%;
  bottom: 15%;
  width: 70% !important;
  max-width: 40px;
  height: auto !important;
  display: block;
  opacity: 0 !important;
  transition: 180ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
  pointer-events: none;
  transform: scale(0.5) rotate(80deg);
  filter: drop-shadow(0px 0px 4px #fff);
}
img.img_zoom.visible {
  opacity: 1 !important;
  transform: scale(1);
}
.verified_badge {
  color: #3497db;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  cursor: pointer;
  transition: 100ms all ease;
}
.verified_badge img {
  width: 100%;
}
.verified_badge span {
  display: inline-block;
}
.verified_badge:hover {
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.7));
  transform: scale(1.1);
}
.error h3 {
  color: #ff0000;
}
.error ul {
  color: #ff0000;
}
.invert {
  filter: invert(1) !important;
}
.nofilter {
  filter: none !important;
}
.red {
  color: #ff0000 !important;
}
.red_dark {
  color: #cc0000 !important;
}
.red_lighter {
  color: #ff9797 !important;
}
.red_youtube {
  color: #ff0000 !important;
}
.yellow_dark {
  color: #b8b547 !important;
}
.yellow_notification {
  color: #ffa500 !important;
}
.bg_red {
  background-color: #ff0000 !important;
}
.bg_red_light {
  background-color: #ff4d4d !important;
}
.bg_red_lighter {
  background-color: #ff9797 !important;
}
.bg_red_lightest {
  background-color: #ffe0e0 !important;
}
.green {
  color: #27b872 !important;
}
.green_light {
  color: #8be9bb !important;
}
.green_dark {
  color: #2b9e6a !important;
}
.green_darker {
  color: #2a6b45 !important;
}
.green_spotify {
  color: #1DB954 !important;
}
.green_spotify_dark {
  color: #156b32 !important;
}
.bg_green {
  background-color: #27b872 !important;
}
.bg_green_dark {
  background-color: #2b9e6a !important;
}
.bg_green_light {
  background-color: #8be9bb !important;
}
.bg_green_lighter {
  background-color: #d8f1e5 !important;
}
.bg_green_lightest {
  background-color: #eaf7f1 !important;
}
.bg_green_spotify {
  background-color: #1DB954 !important;
}
.bg_green_spotify_light {
  background-color: #61e891 !important;
}
.bg_green_spotify_lighter {
  background-color: #b4e0c2 !important;
}
.bg_green_spotify_lightest {
  background-color: #dbf0e2 !important;
}
.bg_red_soundcloud {
  background-color: #FF5500 !important;
}
.bg_red_soundcloud_lightest {
  background-color: #ffddcb !important;
}
.bg_red_youtube {
  background-color: #ff0000 !important;
}
.bg_red_youtube_light {
  background-color: #ff4d4d !important;
}
.bg_red_youtube_lightest {
  background-color: #ffe0e0 !important;
}
.bg_pink_tiktok {
  background-color: #ff0050 !important;
}
.bg_pink_tiktok_lightest {
  background-color: #ffd4e2 !important;
}
.bg_aqua_tiktok {
  background-color: #00f2ea !important;
}
.bg_transparent {
  background-color: transparent !important;
  background-image: none !important;
  background: none !important;
}
.bg_white {
  background-color: #fff !important;
}
.bg_gray_light {
  background-color: #ddd !important;
}
.bg_gray_lighter {
  background-color: #f0f0f0 !important;
}
.bg_gray_lightest {
  background-color: #f9f9f9 !important;
}
.bg_gray {
  background-color: #999 !important;
}
.bg_gray_dark {
  background-color: #555 !important;
}
.bg_gray_darker {
  background-color: #222 !important;
}
.purple {
  color: #8e619d !important;
}
.bg_purple {
  background-color: #8e619d !important;
}
.bg_purple_light {
  background-color: #b48dc1 !important;
}
.bg_purple_lighter {
  background-color: #cfbad6 !important;
}
.bg_purple_lightest {
  background-color: #e9dfed !important;
}
.purple_deezer {
  color: #a238ff !important;
}
.bg_purple_deezer {
  background-color: #a238ff !important;
}
.bg_purple_deezer_light {
  background-color: #be75ff !important;
}
.bg_purple_deezer_lighter {
  background-color: #d6a8ff !important;
}
.bg_purple_deezer_lightest {
  background-color: #f0deff !important;
}
.gray {
  color: #999 !important;
}
.gray_light {
  color: #ddd !important;
}
.gray_dark {
  color: #555 !important;
}
.bg_lightgray {
  background: #ddd !important;
}
.bg_beige {
  background-color: #ffeecc !important;
}
.bg_beige_light {
  background-color: #fff5e1 !important;
}
.bg_beige_lighter {
  background-color: #fffbf2 !important;
}
.bg_beige_lightest {
  background-color: #fdfbf6 !important;
}
.bg_beige_dark {
  background-color: #b8a78a !important;
}
.blue {
  color: #77c7e9 !important;
}
.bg_blue {
  background-color: #0074a6 !important;
}
.bg_blue_light {
  background-color: #77c7e9 !important;
}
.bg_blue_lighter {
  background-color: #cde9f7 !important;
}
.bg_blue_lightest {
  background-color: #e5f1f7 !important;
}
.bg_blue_info_lighter {
  background-color: #cde8ff !important;
}
.bg_blue_info_lightest {
  background-color: #f4f9ff !important;
}
.lightblue {
  color: #77c7e9 !important;
}
.bg_lightblue {
  background: #77c7e9 !important;
}
.gold {
  color: #ff7e00 !important;
}
.gold_dark {
  color: #cc6400 !important;
}
.border_gold {
  border-color: #ff7e00 !important;
}
.bg_gold {
  background-color: #ff7e00 !important;
}
.bg_gold_dark {
  background-color: #cc6400 !important;
}
.bg_gold_light {
  background-color: #ffb366 !important;
}
.bg_gold_lighter {
  background-color: #ffcf99 !important;
}
.bg_gold_lightest {
  background-color: #ffe8cc !important;
}
.yellow_credit {
  color: #ffce3d !important;
}
.yellow_credit_dark {
  color: #ffbf00 !important;
}
.yellow_credit_darker {
  color: #a47b00 !important;
}
.yellow_credit_light {
  color: #ffe69a !important;
}
.yellow_credit_lighter {
  color: #fff2cb !important;
}
.bg_yellow_credit {
  background-color: #ffce3d !important;
}
.bg_yellow_credit_light {
  background-color: #ffe69a !important;
}
.bg_yellow_credit_lighter {
  background-color: #fff2cb !important;
}
.bg_yellow_credit_lightest {
  background-color: #fffcf2 !important;
}
.bg_yellow_credit_dark {
  background-color: #ffbf00 !important;
}
.bg_yellow_credit_darker {
  background-color: #a47b00 !important;
}
.bg_yellow_notice {
  background-color: #fff7ba !important;
}
.white {
  color: #fff !important;
}
.black {
  color: #000 !important;
}
.ts_none {
  text-shadow: none !important;
}
.round {
  border-radius: 500px;
}
.monetary {
  font-family: 'Average' !important;
}
.verified_badge_popup {
  padding: 0 20px;
}
.verified_badge_popup h1 img {
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.verified_badge_popup hr {
  margin: 10px 0;
}
.avatar {
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid #999;
}
.avatar.verified_avatar {
  border: 2px solid #5195d5;
  box-shadow: 1px 1px 5px 5px #cbe6ff;
}
ul.checkbox {
  list-style: none;
  padding: 0;
  margin: 40px 0;
}
ul.checkbox li {
  margin: 30px 0;
  font-size: 20px;
}
ul.checkbox li span,
ul.checkbox li img {
  display: inline-block;
  vertical-align: middle;
}
ul.checkbox li img,
ul.checkbox li .dot {
  color: #fff;
  font-weight: 300;
  text-align: center;
  line-height: 20px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background-color: #27b872;
  border-radius: 40px;
  box-sizing: border-box;
  padding: 10px;
}
ul.checkbox li span strong {
  font-weight: 300;
}
@media (max-width: 480px) {
  ul.checkbox li > span {
    max-width: calc(100% - 60px);
  }
}
@media (max-width: 480px) {
  ul.checkbox li {
    font-size: 18px;
  }
}
.block {
  display: block !important;
}
.none {
  display: none !important;
}
.inline-block {
  display: inline-block !important;
  vertical-align: middle;
}
.va_top {
  vertical-align: top !important;
}
.va_middle {
  vertical-align: middle !important;
}
.va_bottom {
  vertical-align: bottom !important;
}
.relative {
  position: relative !important;
}
.absolute {
  position: absolute !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.of_hidden {
  overflow: hidden !important;
}
.of_visible {
  overflow: visible !important;
}
.ofx_auto {
  overflow-x: auto;
}
.ofy_auto {
  overflow-y: auto;
}
.ws_nowrap {
  white-space: nowrap;
}
.wb_all {
  word-break: break-all;
}
.mw_none {
  max-width: none !important;
}
.pe_none {
  pointer-events: none !important;
}
.pointer {
  cursor: pointer;
}
.section {
  font-size: 0;
}
.section-col {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}
.section-col img {
  max-width: 100%;
}
@media (max-width: 480px) {
  .section-col {
    width: 100%;
  }
}
strong {
  font-weight: 900;
}
.thin {
  font-weight: 100;
}
.icon {
  width: auto !important;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  transition: 150ms all ease;
}
.icon.small {
  height: 20px !important;
}
.icon.medium {
  width: 35px !important;
  height: 35px !important;
}
.icon.big {
  height: 50px !important;
  width: auto !important;
}
.icon.round {
  border-radius: 50px !important;
}
.saved {
  box-shadow: 0 0 20px 10px #fff7ba !important;
  border-color: #cbbf60 !important;
}
.unread {
  background-color: #fff7ba !important;
  background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent);
}
#top {
  position: relative;
  z-index: 11;
}
#top_nav {
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 2px;
  padding-right: 50px;
  width: 100%;
  height: 30px;
  text-align: right;
}
#top_nav #user_menu_credits_preview,
#top_nav #user_menu_credits_free_preview,
#top_nav #user_menu_credits_actionpoints,
#top_nav #top_team_focus {
  display: inline-block;
  vertical-align: top;
  padding: 2px 4px !important;
  max-width: 33.3334%;
  position: relative;
  text-align: left;
}
@media (max-width: 480px) {
  #top_nav {
    text-align: center;
    padding-right: 0;
  }
  #top_nav #user_menu_credits_actionpoints {
    display: none;
  }
}
#top_nav #top_team_focus {
  padding-top: 0 !important;
  min-height: 0 !important;
}
#top_nav #top_team_focus.expanded {
  z-index: 11;
  background: rgba(0, 0, 0, 0.8);
}
#top_nav #top_team_focus .expandable_trigger {
  height: 24px;
  width: 32px;
  z-index: 1;
  right: 0;
  left: auto;
}
#top_nav #top_team_focus .button.small {
  padding: 2px 4px !important;
  margin-right: 32px !important;
  position: relative;
  z-index: 2;
}
#top_menu_desktop_left,
#top_menu_desktop_right {
  position: fixed;
  z-index: 3;
  width: 50%;
  top: 38px;
  transition: 180ms all ease;
}
#top_menu_desktop_left ul li,
#top_menu_desktop_right ul li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  #top_menu_desktop_left,
  #top_menu_desktop_right {
    top: 50px;
  }
}
#top_menu_desktop_left.sticky,
#top_menu_desktop_right.sticky {
  /*opacity: 0;
    pointer-events: none; */
}
#top_menu_desktop_left {
  left: 0;
  text-align: left;
}
#top_menu_desktop_left li {
  text-align: right;
}
#top_menu_desktop_right {
  right: 0;
  text-align: right;
}
#logo {
  position: fixed;
  width: 130px;
  left: 50%;
  margin-left: -65px;
  top: 40px;
  z-index: 12;
  transition: 180ms all ease;
}
#logo img {
  width: 100%;
}
#logo.sticky {
  opacity: 0;
}
@media (max-width: 768px) {
  #logo {
    margin-left: 0;
    left: 60px;
    width: 100px;
    top: 54px;
  }
  #logo.sticky {
    top: 16px;
  }
}
main {
  width: 100%;
  min-height: 800px;
  transition: all 180ms ease;
  padding-top: 120px;
}
main.visible {
  opacity: 1;
  transition: opacity 180ms ease;
}
@media (max-width: 768px) {
  main {
    padding-top: 100px;
  }
}
main.inpect_sidebar_visible {
  transform: translateX(-50px);
}
#select-country {
  position: absolute;
}
#select-country.visible {
  z-index: 10;
}
.input_inline_edit {
  width: auto;
}
.input_inline {
  cursor: context-menu;
  position: relative;
}
.input_inline input {
  padding: 10px;
  margin: 0;
}
.input_inline.small {
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.input_inline.small input {
  padding: 5px;
  margin: 0;
}
.input_inline.block {
  width: 100%;
}
.input_inline .input_inline_view {
  cursor: pointer;
}
.input_inline .input_inline_view_value {
  display: inline-block;
  vertical-align: middle;
}
.input_inline_edit,
.input_inline_view {
  display: none;
}
.input_inline_edit.visible,
.input_inline_view.visible {
  display: inline-block;
}
#withdraw_credits_paypal {
  cursor: pointer;
}
.empty {
  padding: 15px;
  font-weight: 100;
  font-size: 16px;
}
.empty a,
.empty strong {
  font-weight: 300;
}
#player_iframe {
  z-index: 99999;
  position: fixed;
  bottom: 0;
  width: calc(100% - 40px);
  left: 20px;
  border-radius: 12px;
  transition: transform 700ms ease-in-out;
  transform: translateY(0);
}
#player_iframe_close {
  position: absolute;
  left: -10px;
  top: -15px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}
#player_iframe.hidden {
  transform: translateY(200px);
}
#player_iframe.hidden #player_iframe_close {
  display: none;
}
.bottom_buttons {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 12;
}
.filter_popup_btn,
.template_popup_btn {
  transition: all 345ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.filter_popup_btn::before,
.template_popup_btn::before {
  z-index: 1 !important;
}
.filter_popup_btn_bubble,
.template_popup_btn_bubble {
  position: absolute;
  background: #00adff;
  box-shadow: 0 0 10px #00adff;
  border: 1px solid #fff;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  top: 5px;
  left: 0;
  opacity: 0;
  transform: scale(0);
  transition: all 345ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.filter_popup_btn_bubble.active,
.template_popup_btn_bubble.active {
  opacity: 1;
  transform: scale(1);
}
.filter_popup_btn.active,
.template_popup_btn.active {
  box-shadow: inset 0 -2px 2px rgba(255, 255, 255, 0.7), inset 0 4px 8px rgba(0, 0, 0, 0.8), 0 5px 3px rgba(0, 0, 0, 0.2), 0 0 25px rgba(255, 255, 255, 0.8);
  transform: translateY(3px);
}
.filter_popup,
.template_popup {
  position: fixed;
  right: -100%;
  top: 10px;
  width: 75%;
  height: calc(100% - 20px);
  z-index: 5;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  border-radius: 5px;
  transition: all 345ms linear;
  overflow: auto;
  max-width: 400px;
}
.filter_popup.active,
.template_popup.active {
  right: 10px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
.template_popup {
  background: #fff;
}
.dotnumber {
  width: 40px;
  height: 40px;
  background: #333;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 1.5rem;
  font-weight: 900;
  margin-right: 10px;
  transition: 1000ms all ease;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150%;
}
.done .dotnumber {
  background: transparent;
  background-image: url(/img/icons/icon_check_green.svg);
  background-size: 80%;
  background-position: center;
  font-size: 0;
}
.reaction_emoji {
  font-size: 1.5rem;
  line-height: 1.125rem;
}
.reaction_count {
  font-size: 0.75rem;
  line-height: 0.75rem;
}
.react {
  background: linear-gradient(0deg, #f0f0f0, #fff) !important;
  width: 40px !important;
  height: 40px !important;
}
.react.reacted {
  background: linear-gradient(0deg, #f4f9ff, #cde9f7) !important;
  border-color: #77c7e9 !important;
  border-bottom-width: 1px !important;
  border-top-width: 3px !important;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.close_btn {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.close_btn.big {
  width: 70px;
  height: 70px;
}
.close_btn .line {
  position: absolute;
  width: 50%;
  height: 2px;
  background: #555;
  top: 50%;
  border-radius: 2px;
  left: 25%;
}
.close_btn .line1 {
  transform: rotate(45deg);
}
.close_btn .line2 {
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .close_btn {
    width: 15px;
    height: 15px;
  }
}
.close_btn.white .line {
  background: #fff;
}
.expired {
  filter: grayscale(0.8);
  opacity: 0.5;
}
.platforms {
  position: absolute;
  right: 2;
  bottom: 2;
}
.referral_coupon {
  border: 2px dashed #2b9e6a;
  background-color: #d8f1e5;
  border-radius: 8px;
  padding: 8px 16px;
  position: relative;
  font-size: 1.125rem;
}
.referral_coupon:hover {
  background-color: #8be9bb;
}
.draggable {
  cursor: move;
}
.ui-sortable-handle {
  cursor: move;
}
.ui-sortable-handle::before {
  content: ':::';
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.3;
  width: 45px;
  height: 45px;
  z-index: 3;
  color: #000;
  font-size: 20px;
  font-weight: 900;
  line-height: 40px;
  transform: rotate(90deg);
}
.ui-sortable-placeholder {
  background-color: #f4f9ff !important;
  border: 2px dashed #cde8ff !important;
  border-radius: 20px;
  visibility: visible !important;
}
.direct_agreement {
  display: none;
}
.direct_agreement.visible {
  display: block;
}
@keyframes isai {
  33% {
    transform: rotate(-5deg);
  }
  66% {
    transform: rotate(5deg);
  }
}
.ai_class {
  filter: grayscale(1) contrast(0.7);
}
.is_ai {
  cursor: pointer;
  filter: drop-shadow(0 2px 2px rgba(255, 255, 255, 0.8)) invert(1);
  bottom: 5px;
  right: 5px;
  position: absolute;
  z-index: 3;
}
.iphone-frame-holder {
  margin: 0;
  padding: 20px 0 30px 0;
  overflow: hidden;
}
.iphone-frame {
  width: 300px;
  /* Adjust to the width of your iPhone frame image */
  height: 600px;
  /* Adjust to the height of your iPhone frame image */
  background-image: url('/view/page/start/phone_frame_300.webp');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.iphone-frame .image-container {
  width: 100%;
  /* Since we are not sliding, 100% width is enough */
  height: 100%;
  position: relative;
}
.iphone-frame .image-container img {
  width: 100%;
  height: 100%;
  position: absolute;
  /* Overlay images */
  top: 0;
  left: 0;
  opacity: 0;
  /*transform: scale(0.8); */
  /* Start with images hidden */
  transition: all 0.5s ease-in-out;
  /* Smooth transition for opacity */
  border-radius: 40px;
  padding: 8px 16px;
}
.iphone-frame .image-container img.active {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
  /* Active image is fully visible */
}
.iphone-frame .image-container::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 8px;
  width: 252px;
  height: 579px;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0.4) 100%);
  border-radius: 35px;
  padding: 8px 16px;
}
h1 {
  font-size: 2rem;
  font-weight: 900;
  margin: 20px 0 10px 0;
}
@media (max-width: 480px) {
  h1 {
    font-size: 1.75rem;
  }
}
h2 {
  font-size: 1.75rem;
  font-weight: 800;
  margin: 14px 0 6px 0;
}
@media (max-width: 480px) {
  h2 {
    font-size: 1.75rem;
  }
}
h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 8px 0 4px 0;
}
@media (max-width: 480px) {
  h3 {
    font-size: 1.5rem;
  }
}
h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin: 4px 0 2px 0;
}
@media (max-width: 480px) {
  h4 {
    font-size: 1.25rem;
  }
}
p {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin: 4px 0 10px 0;
  font-weight: 200;
  word-break: break-word;
}
@media (max-width: 480px) {
}
h1.fs_xxs,
h2.fs_xxs,
h3.fs_xxs,
h4.fs_xxs,
h5.fs_xxs,
h6.fs_xxs,
p.fs_xxs,
li.fs_xxs {
  line-height: 0.9375rem !important;
}
h1.fs_xs,
h2.fs_xs,
h3.fs_xs,
h4.fs_xs,
h5.fs_xs,
h6.fs_xs,
p.fs_xs,
li.fs_xs {
  line-height: 1.125rem !important;
}
h1.fs_s,
h2.fs_s,
h3.fs_s,
h4.fs_s,
h5.fs_s,
h6.fs_s,
p.fs_s,
li.fs_s {
  line-height: 1.3125rem !important;
}
h1.fs_d,
h2.fs_d,
h3.fs_d,
h4.fs_d,
h5.fs_d,
h6.fs_d,
p.fs_d,
li.fs_d {
  line-height: 1.6875rem !important;
}
h1.fs_m,
h2.fs_m,
h3.fs_m,
h4.fs_m,
h5.fs_m,
h6.fs_m,
p.fs_m,
li.fs_m {
  line-height: 1.875rem !important;
}
h1.fs_l,
h2.fs_l,
h3.fs_l,
h4.fs_l,
h5.fs_l,
h6.fs_l,
p.fs_l,
li.fs_l {
  line-height: 2.25rem !important;
}
h1.fs_xl,
h2.fs_xl,
h3.fs_xl,
h4.fs_xl,
h5.fs_xl,
h6.fs_xl,
p.fs_xl,
li.fs_xl {
  line-height: 2.625rem !important;
}
h1.fs_xxl,
h2.fs_xxl,
h3.fs_xxl,
h4.fs_xxl,
h5.fs_xxl,
h6.fs_xxl,
p.fs_xxl,
li.fs_xxl {
  line-height: 3rem !important;
}
h1.fs_xxxl,
h2.fs_xxxl,
h3.fs_xxxl,
h4.fs_xxxl,
h5.fs_xxxl,
h6.fs_xxxl,
p.fs_xxxl,
li.fs_xxxl {
  line-height: 3.75rem !important;
}
hr {
  border: none;
  margin: 50px 0;
  height: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
a {
  color: #1e1504;
  font-weight: 600;
  text-decoration: none;
}
ul {
  font-size: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  font-size: 1.25rem;
}
@media (max-width: 480px) {
  ul li {
    font-size: 1.25rem;
  }
}
#admin_bar {
  background: transparent;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 10;
  border-bottom: 2px solid limegreen;
  padding: 5px;
}
#admin_bar:hover {
  background: rgba(0, 0, 0, 0.4);
}
#admin_bar #admin_menu_holder {
  background: rgba(0, 0, 0, 0.4);
}
#admin_inspector_toggle {
  position: fixed;
  z-index: 99;
  top: 20px;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(3px);
  transform: rotate(-90deg);
  transform-origin: right;
  padding: 2px 4px;
  color: #fff;
  font-size: 9px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#admin_inspector_toggle.visible {
  opacity: 1;
  pointer-events: all;
}
#admin_inspector_toggle:hover {
  padding: 10px;
}
#admin_inspector {
  position: fixed;
  z-index: 99;
  width: 400px;
  max-width: 50%;
  height: 100%;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  border-left: 2px solid rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(3px);
  color: #fff;
  overflow: auto;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
}
#admin_inspector .close {
  width: 34px;
  height: 34px;
}
#admin_inspector .expandable {
  padding-top: 8px;
  min-height: 30px;
  max-height: 30px;
  margin-bottom: 8px;
  margin-top: 8px;
}
#admin_inspector .expandable.expanded {
  max-height: none !important;
  border-left-width: 4px;
}
#admin_inspector .expandable_trigger {
  position: relative !important;
  margin-bottom: 8px;
}
#admin_inspector .expandable_trigger::before {
  filter: invert(1);
}
#admin_inspector .subtitle {
  font-size: 0.875rem;
  padding-left: 6px;
}
#admin_inspector ul li {
  margin: 4px;
  padding: 8px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
  padding-left: 8px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#admin_inspector ul li:nth-child(even) {
  background: rgba(0, 0, 0, 0.4);
}
#admin_inspector ul li ul {
  margin: 4px;
}
#admin_inspector ul li ul li {
  background: transparent !important;
  border: none;
  margin: 0;
  padding: 0;
  padding-left: 12px !important;
  position: relative;
}
#admin_inspector hr {
  margin: 5px 0;
  border-color: rgba(255, 255, 255, 0.1);
}
#admin_inspector h5 {
  font-size: 0.75rem;
  margin: 0;
}
#admin_inspector.visible {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
.inspect-highlight {
  outline: 2px solid #00ff00;
  /* Grön ram för inspektionsbara element */
  cursor: pointer;
  position: relative;
}
.inspect-highlight::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #00ff004b;
}
.inspect-highlight .btn_admin_inspect_details {
  position: absolute;
  z-index: 4;
  top: 25%;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  opacity: 0;
}
.inspect-highlight:hover::before {
  background: #00ff0096;
}
.inspect-highlight:hover .btn_admin_inspect_details {
  opacity: 1;
}
#inspector_overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  z-index: 9999;
  display: none;
}
#about .image-flip {
  perspective: 1000px;
  /* Set the height of the card */
  position: relative;
  overflow: hidden;
  width: 150px;
  height: 150px;
  float: left;
  shape-outside: circle();
  border-radius: 50%;
  margin-right: 20px;
}
#about .image-flip img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
#about .flip-card {
  width: 100%;
  height: 100%;
  position: relative;
}
#about .flip-card-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 0.6s;
  /* Smooth flipping transition */
  transform-style: preserve-3d;
  /* Ensure 3D transform works */
}
#about .flip-card-front,
#about .flip-card-back {
  width: 100%;
  height: 100%;
  position: absolute;
  backface-visibility: hidden;
  /* Hide the back face during the flip */
}
#about .flip-card-front {
  background-color: #fff;
  /* Optional: set background */
  z-index: 2;
  /* Keep front side visible */
}
#about .flip-card-back {
  background-color: #fff;
  /* Optional: set background */
  transform: rotateY(180deg);
  /* Initially rotate the back side */
}
#about .image-flip:hover .flip-card-inner {
  transform: rotateY(180deg);
  /* Rotate the whole container on hover */
}
#artists_list {
  list-style: none;
  padding: 0;
}
#artists_list li {
  padding: 5px;
  margin: 0;
  background: #fff5e1;
}
#artists_list li:nth-child(odd) {
  background: #ffeecc;
}
#artists_list li div {
  display: inline-block;
  vertical-align: top;
  margin: 10px;
}
#artists_list li div h2 {
  font-weight: 900;
  font-size: 24px;
  margin-bottom: 5px;
}
#artists_list li div h2 a {
  color: #000;
}
#artists_list li div h3 {
  margin-left: 0;
  font-weight: 900;
  font-size: 14px;
}
#artists_list li div img {
  max-width: 100px;
}
#artists_list li div img.artists_list_avatar {
  border-radius: 100px;
}
#artists_list li div img.artists_list_country {
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#artists_list li ul.artist_playlists {
  list-style: none;
  padding: 0;
}
#artists_list li ul.artist_playlists li {
  display: inline-block;
  vertical-align: middle;
  background: transparent;
}
#artists_list li ul.artist_playlists li span {
  font-size: 12px;
}
#charts .charts_position {
  position: absolute;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.5);
  top: 10px;
  left: 10px;
  font-size: 30px;
  text-align: center;
  line-height: 56px;
  border-radius: 30px;
  border: 2px solid #fff;
  color: #aaa;
}
#charts #countdown_holder {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 10;
}
#charts .charts_even,
#charts .charts_odd {
  background-image: linear-gradient(125deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6));
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.darkmode #charts .charts_even,
.darkmode #charts .charts_odd {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.5));
  border: 1px solid rgba(0, 0, 0, 0.3);
}
#curator_profile,
#artist {
  padding: 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
#curator_profile .avatar_image_holder,
#artist .avatar_image_holder {
  width: 200px;
  display: inline-block;
  position: relative;
}
@media (max-width: 480px) {
  #curator_profile .avatar_image_holder,
  #artist .avatar_image_holder {
    width: 100px;
    margin-bottom: 30px;
  }
}
#curator_profile .avatar_image_holder_update,
#artist .avatar_image_holder_update {
  width: 100px;
  left: 50%;
  bottom: -30px;
  margin-left: -50px;
}
#curator_profile hr,
#artist hr {
  margin: 10px 0;
}
#curator_profile_submit_button,
#artist_submit_button {
  text-align: center;
}
#curator_profile_back,
#artist_back {
  font-size: 12px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
#curator_profile_back a,
#artist_back a {
  color: #fff;
  font-weight: 300;
}
#curator_profile_back img.chevron_left,
#artist_back img.chevron_left {
  transform: rotate(90deg);
  height: 30px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  filter: invert(1);
}
#curator_profile_back span,
#artist_back span {
  display: inline-block;
  vertical-align: middle;
}
#curator_profile_top,
#artist_top {
  padding: 20px;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
  background-blend-mode: multiply;
  color: #fff;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
}
#curator_profile_top_avatar,
#artist_top_avatar {
  margin-right: 25px;
  position: relative;
}
#curator_profile_top_avatar_img,
#artist_top_avatar_img {
  width: 100%;
  max-width: 200px;
  border-radius: 200px;
  border: 2px solid #ffffff4f;
  box-shadow: 0 10px 20px #000;
}
#curator_profile_top_avatar_img.verified_avatar,
#artist_top_avatar_img.verified_avatar {
  box-shadow: 0 10px 20px #000, 1px 1px 5px 5px #cbe6ff;
}
#curator_profile_top_avatar_flag,
#artist_top_avatar_flag {
  position: absolute;
  width: 40px;
  top: 0;
  left: 0;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
}
#curator_profile_top_avatar_verified,
#artist_top_avatar_verified {
  width: 50px;
  position: absolute;
  bottom: -10px;
  right: 0;
  z-index: 1;
}
#curator_profile_top_avatar_verified img,
#artist_top_avatar_verified img {
  width: 30px;
}
@media (max-width: 480px) {
  #curator_profile_top_avatar,
  #artist_top_avatar {
    max-width: 100px;
  }
}
#curator_profile_top_text,
#artist_top_text {
  width: calc(100% - 234px);
}
#curator_profile_top_text_social .curator_profile_top_social_item a,
#artist_top_text_social .curator_profile_top_social_item a {
  display: inline-block;
  vertical-align: middle;
  padding: 4px;
}
#curator_profile_top_text_social img,
#artist_top_text_social img {
  border-radius: 0 !important;
  width: 30px;
  filter: invert(1);
}
@media (max-width: 768px) {
  #curator_profile_top_text,
  #artist_top_text {
    width: 100%;
  }
}
#curator_profile_top_avatar,
#artist_top_avatar,
#curator_profile_top_text,
#artist_top_text {
  vertical-align: middle;
  display: inline-block;
}
#curator_profile_top h1,
#artist_top h1 {
  margin-bottom: 0;
}
#curator_profile_top h1 span,
#artist_top h1 span,
#curator_profile_top h1 img,
#artist_top h1 img {
  display: inline-block;
  vertical-align: middle;
}
#curator_profile_top h1 img,
#artist_top h1 img {
  width: 30px;
}
#curator_profile_top h2,
#artist_top h2 {
  font-weight: 100;
  font-size: 20px;
  font-style: italic;
}
#curator_profile_top h3,
#artist_top h3 {
  font-weight: 100;
  font-size: 18px;
  line-height: 24px;
}
#curator_profile_playlists h2,
#artist_playlists h2 {
  text-align: left;
  font-size: 30px;
}
#curator_profile_playlists .curator_profile_playlist,
#artist_playlists .curator_profile_playlist {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 380px;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}
#curator_profile_playlists .curator_profile_playlist img,
#artist_playlists .curator_profile_playlist img {
  width: 100%;
}
#curator_profile_playlists .curator_profile_playlist h2,
#artist_playlists .curator_profile_playlist h2 {
  font-weight: 900;
  margin-top: 10px;
  margin-bottom: 0;
}
#curator_profile_playlists .curator_profile_playlist .genre_tag_delete,
#artist_playlists .curator_profile_playlist .genre_tag_delete {
  display: none;
}
#curator_profile_playlists .curator_profile_playlist ul,
#artist_playlists .curator_profile_playlist ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#curator_profile_playlists .curator_profile_playlist ul li,
#artist_playlists .curator_profile_playlist ul li {
  padding: 5px 0;
}
#curator_profile_playlists .curator_profile_playlist ul li img,
#artist_playlists .curator_profile_playlist ul li img {
  width: 20px;
  vertical-align: middle;
  display: inline-block;
}
#modal #curator_profile_back {
  display: none;
}
@keyframes ai_music_checker_background {
  50% {
    background: #e9dfed;
  }
}
@keyframes ai_music_checker_background_dark {
  50% {
    background: #461a4f;
  }
}
#ai_music_checker_analyze_holder {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
#result.thinking {
  background-image: none;
  animation: ai_music_checker_background 3s infinite;
}
@keyframes auditionApprove {
  10% {
    transform: translate(-10px, 5px);
  }
  20% {
    transform: translate(0, 0);
  }
  45% {
    transform: translate(0, 0);
  }
  55% {
    transform: translate(5px, -10px);
  }
  75% {
    transform: translate(0, 0);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes auditionDeny {
  100% {
    transform: scale(0.5) rotate(-25deg);
  }
}
#me {
  padding-top: 20px;
  /*&_submit_song {
    text-align: center;
    background: @green_lightest;
    margin-bottom: 30px;

    @media (max-width: @tablet-max) {
      margin-top: -20px;
    }
  } */
}
#me.page {
  min-height: 800px;
}
#me .section {
  border-radius: 3px;
}
#me #me_account_email_settings {
  font-size: 0;
}
#me #me_curator_my_earnings {
  text-align: left;
}
#me #me_curator_my_earnings text {
  display: none;
}
#me #me_curator_my_earnings .form-group {
  max-width: 320px;
}
#me #me_curator_my_earnings .form-group img.lettie {
  width: 25px;
  margin: 0 1px;
}
#me #me_curator_my_earnings h3,
#me #me_curator_my_earnings p {
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}
#me #me_curator_my_earnings h3 strong,
#me #me_curator_my_earnings p strong {
  font-weight: 700;
}
#me_loader {
  position: absolute;
  top: 50px;
  right: 50px;
}
#me_dashboard {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
  color: #fff;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}
#me_dashboard ul {
  list-style: circle;
}
#me_dashboard ul li {
  display: inline-block;
  vertical-align: top;
}
#me_dashboard ul li img {
  width: 20px;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
  background: #00adff;
  padding: 2px;
}
#me_dashboard ul li span {
  display: inline-block;
  vertical-align: middle;
}
#me_connect_spotify {
  background: #cce7d1;
  text-align: center;
  padding: 20px 0;
}
#me_track_hunt_filter ul {
  margin: 5px;
  padding: 5px;
  display: inline-block;
  vertical-align: top;
}
#me_track_hunt_filter ul li {
  margin: 1px;
  padding: 10px 20px 4px 10px;
  opacity: 0.3;
}
#me_track_hunt_filter ul li ul {
  vertical-align: top;
  display: inline-block;
  max-height: 0;
  overflow: hidden;
  transition: 345ms all ease;
}
#me_track_hunt_filter ul li ul li {
  border: none;
  padding: 5px;
  margin: 2px 10px;
}
#me_track_hunt_filter ul li.checked {
  background: #ffeecc;
  opacity: 1;
}
#me_track_hunt_filter ul li.checked ul {
  max-height: 200px;
  width: 100%;
  overflow: auto;
}
#me_track_hunt_filter_genres,
#me_track_hunt_filter_moods {
  width: calc(50% - 20px);
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  #me_track_hunt_filter_genres,
  #me_track_hunt_filter_moods {
    width: 100%;
  }
}
#me_track_hunt_filter_genres {
  background: transparent;
  border: none;
}
#me_track_hunt_filter_genres .me_track_hunt_filter_genres_clear {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
#me_track_hunt_filter_genres .me_track_hunt_filter_genres_clear img {
  width: 100%;
}
#me_track_hunt_filter_genres_clear {
  float: right;
  clear: both;
}
#me_track_hunt_filter_genres_clear img {
  width: 30px;
}
#me_track_hunt_filter_moods {
  background: transparent;
  border: none;
}
#me_track_hunt_filter_moods .form-group {
  opacity: 0.3;
  padding: 0;
  margin: 1px;
  box-sizing: border-box;
  text-align: center;
  width: calc(50% - 4px);
}
#me_track_hunt_filter_moods .form-group input[type="range"] {
  padding: 10px 0;
}
#me_track_hunt_filter_moods .form-group label {
  display: inline-block;
  font-weight: 500;
  padding-left: 10px;
}
@media (max-width: 480px) {
  #me_track_hunt_filter_moods .form-group {
    width: calc(50% - 4px);
  }
}
#me_track_hunt_filter_moods .form-group.active {
  opacity: 1;
  background: #fdfbf6;
}
#me_track_hunt_filter_moods_clear {
  float: right;
  clear: both;
}
#me_track_hunt_filter_moods_clear img {
  width: 30px;
}
#me_track_hunt_filter_ajax {
  position: relative;
}
#me_track_hunt_filter_ajax fieldset {
  margin: 0;
  background: none;
  border: none;
}
#me_track_hunt_filter_ajax fieldset .form-group {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
#me h1 {
  font-size: 18px;
  margin-left: 10px;
}
#me h2 img.chevron_down,
#me h3 img.chevron_down,
#me h4 img.chevron_down {
  padding: 15px !important;
  box-sizing: border-box;
}
#me h2 .avatar_image_holder,
#me h3 .avatar_image_holder,
#me h4 .avatar_image_holder,
#me h2 img,
#me h3 img,
#me h4 img {
  width: 70px;
  height: auto;
  border-radius: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#me h2 span,
#me h3 span,
#me h4 span {
  display: inline-block;
  vertical-align: middle;
}
#me h2 div,
#me h3 div,
#me h4 div {
  vertical-align: middle;
}
#me h2 div span,
#me h3 div span,
#me h4 div span {
  font-weight: 100;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 480px) {
  #me h2,
  #me h3,
  #me h4 {
    font-size: 16px;
  }
  #me h2 img.chevron_down,
  #me h3 img.chevron_down,
  #me h4 img.chevron_down {
    padding: 20px !important;
  }
}
#me .avatar_image_holder {
  width: 100px;
  height: 100px;
  position: relative;
  cursor: pointer;
}
#me .avatar_image_holder button.avatar_image_holder_update {
  position: absolute;
  padding: 2px 4px;
  font-size: 11px;
  box-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  width: 60px;
  left: 50%;
  margin-left: -30px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  transform: none;
  opacity: 0;
  transform: translateY(5px);
  transition: 100ms all linear;
}
#me .avatar_image_holder img {
  width: 100%;
  border-radius: 50px;
}
#me .avatar_image_holder:hover button.avatar_image_holder_update {
  opacity: 1;
  transform: translateY(0);
}
#me .me_label {
  font-size: 14px;
  margin-left: 10px;
  color: #999;
}
#me ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#me #me_tabs,
#me #me_tabs_artist,
#me #me_inbox_tabs {
  font-size: 0;
  width: calc(100% - 40px);
  margin-left: 20px;
  position: relative;
  border-bottom: 1px solid #eee;
}
#me #me_tabs li,
#me #me_tabs_artist li,
#me #me_inbox_tabs li {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
#me #me_tabs li a,
#me #me_tabs_artist li a,
#me #me_inbox_tabs li a {
  padding: 10px 20px;
  display: block;
  font-weight: 100;
  font-size: 16px;
  transition: 50ms all ease;
  width: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 2px solid transparent;
  border-bottom: none;
  color: #555;
}
#me #me_tabs li a img,
#me #me_tabs_artist li a img,
#me #me_inbox_tabs li a img {
  pointer-events: none;
}
#me #me_tabs li a span,
#me #me_tabs_artist li a span,
#me #me_inbox_tabs li a span {
  display: inline-block;
  vertical-align: middle;
  pointer-events: none;
}
#me #me_tabs li a:hover,
#me #me_tabs_artist li a:hover,
#me #me_inbox_tabs li a:hover {
  background: #f9f9f9;
}
#me #me_tabs li a.active,
#me #me_tabs_artist li a.active,
#me #me_inbox_tabs li a.active {
  background: #f9f9f9;
  margin-bottom: -1px;
  border-left: 1px solid #eee;
  border-top: 1px solid #eee;
  border-right: 1px solid #eee;
  color: #000;
  box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2);
  font-weight: 700;
}
#me #me_tabs li a#general_tab.active,
#me #me_tabs_artist li a#general_tab.active,
#me #me_inbox_tabs li a#general_tab.active {
  background: #fdfbf6;
}
#me #me_tabs li a#spotify_tab.active,
#me #me_tabs_artist li a#spotify_tab.active,
#me #me_inbox_tabs li a#spotify_tab.active {
  background: #222;
  color: #fff;
}
#me #me_tabs_add,
#me #me_tabs_artist_add,
#me #me_inbox_tabs_add {
  position: absolute;
  right: 0;
}
#me #me_tabs_add a,
#me #me_tabs_artist_add a,
#me #me_inbox_tabs_add a {
  background: #45a545;
  color: #fff !important;
  font-weight: 600 !important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 16px !important;
  line-height: 23px;
}
#me #me_content,
#me #me_content_artist {
  background: #f9f9f9;
  position: relative;
  transition: 345ms all ease;
}
#me_footer {
  text-align: center;
  background: transparent;
}
#me_account .avatar_image_holder {
  position: relative;
}
#me_account .avatar_image_holder button,
#me_account .avatar_image_holder .button {
  position: absolute;
  bottom: -10px;
  width: 100%;
  left: 0;
}
#me_account .avatar_image_holder img {
  width: 100px;
  height: 100px;
  border-radius: 50px;
}
#add_credits form fieldset .form-group.button_radio.selected,
#add_credits_step2 form fieldset .form-group.button_radio.selected,
#add_credits form fieldset .form-group.button_checkbox.selected,
#add_credits_step2 form fieldset .form-group.button_checkbox.selected {
  background-color: #eaf7f1;
}
#add_credits table,
#add_credits_step2 table {
  border-collapse: collapse;
}
#add_credits table tr,
#add_credits_step2 table tr {
  display: table-row;
}
#add_credits table tr td,
#add_credits_step2 table tr td {
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
#add_credits table tr td:last-child,
#add_credits_step2 table tr td:last-child {
  border-right: none;
}
#add_credits table tr td img,
#add_credits_step2 table tr td img {
  max-width: 200px;
}
#add_credits table tr:last-child td,
#add_credits_step2 table tr:last-child td {
  border-bottom: none;
}
#add_credits table tr.form-group-payment,
#add_credits_step2 table tr.form-group-payment {
  margin: 10px;
  width: calc(100% - 20px) !important;
}
#add_credits table tr.form-group-payment td,
#add_credits_step2 table tr.form-group-payment td {
  border-bottom: none;
}
#add_credits h1 img,
#add_credits_step2 h1 img {
  height: 100%;
}
#add_credits #free_vs_premium_credits > div > div,
#add_credits_step2 #free_vs_premium_credits > div > div {
  border: 1px solid #fff;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  padding-left: 5px;
}
#add_credits #free_vs_premium_credits > div > div:nth-child(2),
#add_credits_step2 #free_vs_premium_credits > div > div:nth-child(2),
#add_credits #free_vs_premium_credits > div > div:nth-child(3),
#add_credits_step2 #free_vs_premium_credits > div > div:nth-child(3) {
  text-align: left;
}
#add_credits_usp,
#add_credits_step2_usp {
  text-align: center;
  font-size: 0;
  transition: 600ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#add_credits_usp > div,
#add_credits_step2_usp > div {
  max-width: 25%;
  padding: 4px;
  vertical-align: top;
  height: 0;
  overflow: hidden;
}
#add_credits_usp > div h4,
#add_credits_step2_usp > div h4 {
  font-style: italic;
  font-weight: 300;
}
#add_credits_usp > div h4 img,
#add_credits_step2_usp > div h4 img {
  transform: scale(0);
  transition: 600ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#add_credits_usp > div h4 span,
#add_credits_step2_usp > div h4 span {
  transform: translateY(-10px);
  opacity: 0;
  transition: 1200ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
  display: inline-block;
}
#add_credits_usp > div.visible,
#add_credits_step2_usp > div.visible {
  height: auto;
}
#add_credits_usp > div.visible h4 img,
#add_credits_step2_usp > div.visible h4 img {
  transform: scale(1);
}
#add_credits_usp > div.visible h4 span,
#add_credits_step2_usp > div.visible h4 span {
  transform: translateY(0);
  opacity: 1;
}
#add_credits #happy_womman_headphones,
#add_credits_step2 #happy_womman_headphones {
  max-height: 0;
  overflow: hidden;
  transition: 600ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
  position: relative;
}
#add_credits #happy_womman_headphones img,
#add_credits_step2 #happy_womman_headphones img {
  position: relative;
  bottom: 0;
  left: 0;
}
#add_credits #happy_womman_headphones.visible,
#add_credits_step2 #happy_womman_headphones.visible {
  max-height: 300px;
}
#add_credits ul,
#add_credits_step2 ul {
  text-align: left;
}
#add_credits ul > li,
#add_credits_step2 ul > li {
  margin-bottom: 10px;
}
#add_credits ul li,
#add_credits_step2 ul li {
  text-align: left;
}
#add_credits li,
#add_credits_step2 li {
  padding: 5px;
}
#add_credits ol li:first-child,
#add_credits_step2 ol li:first-child {
  margin-top: 5px;
}
#add_credits .add_credits_value,
#add_credits_step2 .add_credits_value {
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
}
#add_credits label,
#add_credits_step2 label {
  font-weight: 600;
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  text-align: left;
  cursor: pointer;
}
#add_credits label img,
#add_credits_step2 label img {
  max-height: 70px;
  width: auto;
}
#add_credits .selected label,
#add_credits_step2 .selected label {
  font-weight: 900;
}
#add_credits .credits_price,
#add_credits_step2 .credits_price {
  font-weight: 100;
  margin: 10px;
}
#add_credits .credits_price_old,
#add_credits_step2 .credits_price_old {
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  position: relative;
}
#add_credits .credits_price_old::before,
#add_credits_step2 .credits_price_old::before,
#add_credits .credits_price_old::after,
#add_credits_step2 .credits_price_old::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #00000087;
  transform: rotate(35deg);
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 1px;
}
#add_credits .credits_price_old::after,
#add_credits_step2 .credits_price_old::after {
  transform: rotate(-35deg);
}
#add_credits .credits_price_sale,
#add_credits_step2 .credits_price_sale {
  background: #ff0000;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  padding: 0 6px;
  border-radius: 3px;
}
#add_credits .credits_discount_sale_title,
#add_credits_step2 .credits_discount_sale_title {
  border-radius: 10px;
}
#add_credits .active_coupon,
#add_credits_step2 .active_coupon {
  display: none !important;
}
#add_credits .active_coupon.visible,
#add_credits_step2 .active_coupon.visible {
  display: table-row !important;
}
#add_credits_success,
#add_action_points_success {
  text-align: center;
}
#add_credits_success p img,
#add_action_points_success p img {
  width: 100%;
}
#stripe-payment-form {
  margin-top: -40px;
  background: #eaf7f1;
  position: relative;
  border: 2px solid #27b872;
  border-top: none;
  width: calc(100% - 24px);
  margin-left: 12px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#stripe-payment-form > div {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
#stripe-card-element {
  background-color: #fff;
  border-radius: 4px !important;
  border: 1px solid #77c7e9;
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  margin: 10px;
}
#me_chat_ajax {
  position: relative;
}
#me_chat ul {
  list-style: none;
}
#me_chat ul li {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
#me_chat ul li .chat_thread_open_chat {
  cursor: pointer;
}
#me_chat ul li .avatar_other_chatter {
  position: relative;
}
#me_chat ul li .avatar_other_chatter_country {
  width: auto;
  height: 20px;
  top: -5px;
  left: -5px;
  position: absolute;
  z-index: 1;
}
#me_chat ul li .avatar_other_chatter .verified_badge {
  position: absolute;
  right: -4px;
  bottom: -5px;
  width: 24px;
  z-index: 1;
}
#me_chat ul li p {
  font-weight: 100;
}
#me_chat ul li.unread h4 {
  font-weight: 900;
}
#me_chat ul li.unread p {
  font-weight: 700;
}
#me_chat .highlight {
  background: #fff7ba;
  padding: 1px;
  border: #000 dotted 1px;
}
#me_inbox_content .me_inbox_email_text {
  margin: 20px;
  background: #fff;
  padding: 50px;
  box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.2);
}
#me_inbox_content .me_inbox_email_text h1,
#me_inbox_content .me_inbox_email_text h2,
#me_inbox_content .me_inbox_email_text h3,
#me_inbox_content .me_inbox_email_text h4,
#me_inbox_content .me_inbox_email_text h5,
#me_inbox_content .me_inbox_email_text p {
  color: #000;
}
#me_inbox_content .me_inbox_email_text .bottom {
  background: #eee;
  background-color: #eee;
  color: #444;
  border-top: 10px solid #eee;
  border-bottom: 10px solid #eee;
  font-size: 14px;
  width: 100%;
  text-align: center;
}
#me_inbox_content p {
  margin: 0;
}
#me_inbox_content p em {
  color: #aaa;
}
#me_inbox_content a {
  color: #000;
}
#me_inbox_content ul {
  overflow: hidden;
}
#me_inbox_content ul li {
  overflow: hidden;
  border: none;
  position: relative;
}
#me_inbox_content ul li:nth-child(even) {
  background: #fffbf2;
}
#me_inbox_content ul li.expandable {
  height: 90px;
  font-size: 0;
}
#me_inbox_content ul li.expandable.expanded {
  height: auto;
}
#me_inbox_content ul li > a {
  padding: 20px;
  display: block;
  transition: 100ms padding linear;
}
#me_inbox_content ul li > a.expandable_trigger span img,
#me_inbox_content ul li > a.expandable_trigger span span {
  display: inline-block;
  vertical-align: middle;
}
#me_inbox_content ul li > a.active {
  background: #dbceb39c;
}
#me_inbox_content ul li > a:hover {
  background: rgba(255, 255, 255, 0.1);
}
#me_inbox_content ul li > a img.chevron_down {
  width: 30px;
}
#me_inbox_content ul li .header_col_from {
  font-weight: 900;
  font-size: 0.875rem;
}
#me_inbox_content ul li .header_col_from_team_name {
  font-weight: 200;
  font-size: 0.75rem;
}
#me_inbox_content ul li.read .header_col_from {
  font-weight: 300;
  color: #999;
}
#me_inbox_content ul li.read .header_col_from_team_name {
  font-weight: 100;
}
#me_inbox_content ul .header_col {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.25rem;
}
#me_inbox_content ul .header_col.date_sent {
  text-align: right;
  font-size: 0.75rem;
  font-weight: 200;
  padding-right: 20px;
}
#me_inbox_content ul .header_col_team_img {
  width: 50px;
  border-radius: 50px;
}
#me_inbox_content ul .header_col_team_img.na {
  padding: 10px;
  box-sizing: border-box;
}
#me_inbox_content ul .header_col_from {
  min-width: 100px;
}
#me_inbox_content ul .header_col_from_team_name {
  font-size: 14px;
  font-weight: 100;
}
.me_curator {
  padding: 20px;
  margin-bottom: 20px;
}
.dashboard {
  font-size: 0;
  /*.stats_holder,
    .playlist_stats_units_units_overlay {
        background-color: @green_lightest  !important;
    } */
}
.dashboard .ajax {
  display: inline-block;
  vertical-align: top;
  min-height: 200px;
}
.dashboard .ajax.loaded {
  min-height: 0;
}
.dashboard .playlist_stats {
  background-color: transparent !important;
}
.dashboard #dashboard_intro h2,
.dashboard #dashboard_intro p,
.dashboard #dashboard_intro a {
  color: #fff;
}
.dashboard #dashboard_welcome_message ul li {
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin: 8px 0;
}
.dashboard #dashboard_my_songs_scroller_holder {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.dashboard #dashboard_my_songs_scroller {
  height: 300px;
  width: 3000px;
}
.dashboard #dashboard_my_songs_scroller .song_button_edit {
  width: 250px;
  height: 250px;
}
.dashboard #dashboard_my_songs_scroller .song_button_edit .song_cover_img {
  width: 100%;
  transition: 100ms transform ease;
  pointer-events: none;
  position: relative;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
}
.dashboard_card_holder {
  padding: 20px;
}
@media (max-width: 768px) and (max-width: 480px) {
  .dashboard_card_holder {
    padding: 2px;
    margin-top: 20px;
  }
}
.dashboard_card {
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.4));
  border-radius: 4px !important;
  position: relative;
  min-height: 320px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  transition: 180ms all ease;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.dashboard_card_top {
  flex: 1 0 100%;
  height: 45px;
  line-height: 45px;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent);
  position: relative;
}
.dashboard_card_top_text {
  color: #000;
}
.dashboard_card_top_hide {
  position: absolute;
  left: 30px;
  opacity: 0.3;
  height: 100%;
  top: 0;
  padding: 7px;
  cursor: pointer;
  transition: 180ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.dashboard_card_top_hide:hover {
  opacity: 1;
}
.dashboard_card_top_icon {
  position: absolute;
  left: 0;
  top: 0;
}
.dashboard_card_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0 100%;
  height: calc(100% - 45px);
  flex-wrap: wrap;
}
.dashboard_card button img {
  max-width: none;
}
.dashboard_card .icon {
  /*height: 40px;
            filter: invert(21%) sepia(43%) saturate(3527%) hue-rotate(174deg) brightness(92%) contrast(102%); */
}
.dashboard_card .icon.spotify,
.dashboard_card .icon.credit,
.dashboard_card .icon.wise,
.dashboard_card .icon.youtube {
  filter: none;
}
.dashboard_card_greeting {
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6));
  color: #fff;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: left;
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.5);
}
.dashboard_card_action {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 5px;
  text-align: center;
}
.dashboard_card_mood,
.dashboard_card_followers_history {
  min-height: 330px;
}
.dashboard_card .mood_section_from,
.dashboard_card .mood_section_bar,
.dashboard_card .mood_section_to {
  margin: 5px;
}
@media (min-width: 769px) {
  .dashboard_card:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    background: #fff;
  }
}
#curator_playlists ul.playlists {
  text-align: center;
}
#curator_playlists ul.playlists li {
  width: calc(25% - 4px);
  display: inline-block;
  vertical-align: top;
  position: relative;
  pointer-events: none;
}
#curator_playlists ul.playlists li .playlist_pending_approval {
  position: absolute;
  color: #102040;
  background: #f4f9ff;
  padding: 10px;
  box-sizing: border-box;
  width: 90%;
  text-align: center;
  top: 25%;
  left: 5%;
  font-size: 16px;
  z-index: 1;
}
#curator_playlists ul.playlists li img.playlist_cover {
  width: 100%;
  opacity: 0.3;
  pointer-events: none;
}
#curator_playlists ul.playlists li img.playlist_cover.lettie {
  width: 25px;
  display: none;
}
#curator_playlists ul.playlists li img.playlist_cover.icon {
  width: 30px;
  margin-right: 5px;
}
#curator_playlists ul.playlists li .playlist_title {
  font-weight: 900;
  pointer-events: none;
}
#curator_playlists ul.playlists li .view_playlist {
  pointer-events: none;
}
#curator_playlists ul.playlists li .genre_tags .genre_tag_delete {
  display: none;
}
#curator_playlists ul.playlists li.approved {
  pointer-events: all;
}
#curator_playlists ul.playlists li.approved.active {
  opacity: 1;
  pointer-events: all;
}
#curator_playlists ul.playlists li.approved.active img {
  opacity: 1;
  pointer-events: all;
}
#curator_playlists ul.playlists li.approved.active img.lettie {
  display: inline-block;
}
#curator_playlists ul.playlists li.approved.active .playlist_title {
  pointer-events: all;
}
#curator_playlists ul.playlists li.approved.active .view_playlist {
  pointer-events: all;
}
#curator_playlists ul.playlists li.approved.active button {
  display: inherit;
}
#me_curator_spotify,
#me_curator_youtube,
#me_curator_tiktok {
  background: #222;
  color: #fff;
}
#me_curator_spotify_header,
#me_curator_youtube_header,
#me_curator_tiktok_header {
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
  height: 300px;
}
#me_curator_spotify_header_avatar,
#me_curator_youtube_header_avatar,
#me_curator_tiktok_header_avatar {
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.4);
}
#me_curator_spotify_header .verified_badge,
#me_curator_youtube_header .verified_badge,
#me_curator_tiktok_header .verified_badge {
  width: 20px;
}
#me_curator_spotify form fieldset,
#me_curator_youtube form fieldset,
#me_curator_tiktok form fieldset {
  background: rgba(0, 0, 0, 0.3);
}
#me_curator_spotify form fieldset legend,
#me_curator_youtube form fieldset legend,
#me_curator_tiktok form fieldset legend {
  background: linear-gradient(#333, #000);
}
#me_curator_spotify ul#spotify_playlists,
#me_curator_youtube ul#spotify_playlists,
#me_curator_tiktok ul#spotify_playlists,
#me_curator_spotify ul#youtube_playlists,
#me_curator_youtube ul#youtube_playlists,
#me_curator_tiktok ul#youtube_playlists,
#me_curator_spotify ul#tiktok_channels,
#me_curator_youtube ul#tiktok_channels,
#me_curator_tiktok ul#tiktok_channels {
  font-size: 0;
  text-align: center;
}
#me_curator_spotify ul#spotify_playlists li,
#me_curator_youtube ul#spotify_playlists li,
#me_curator_tiktok ul#spotify_playlists li,
#me_curator_spotify ul#youtube_playlists li,
#me_curator_youtube ul#youtube_playlists li,
#me_curator_tiktok ul#youtube_playlists li,
#me_curator_spotify ul#tiktok_channels li,
#me_curator_youtube ul#tiktok_channels li,
#me_curator_tiktok ul#tiktok_channels li {
  transition: 345ms all ease;
  position: relative;
}
#me_curator_spotify ul#spotify_playlists li img,
#me_curator_youtube ul#spotify_playlists li img,
#me_curator_tiktok ul#spotify_playlists li img,
#me_curator_spotify ul#youtube_playlists li img,
#me_curator_youtube ul#youtube_playlists li img,
#me_curator_tiktok ul#youtube_playlists li img,
#me_curator_spotify ul#tiktok_channels li img,
#me_curator_youtube ul#tiktok_channels li img,
#me_curator_tiktok ul#tiktok_channels li img,
#me_curator_spotify ul#spotify_playlists li h3,
#me_curator_youtube ul#spotify_playlists li h3,
#me_curator_tiktok ul#spotify_playlists li h3,
#me_curator_spotify ul#youtube_playlists li h3,
#me_curator_youtube ul#youtube_playlists li h3,
#me_curator_tiktok ul#youtube_playlists li h3,
#me_curator_spotify ul#tiktok_channels li h3,
#me_curator_youtube ul#tiktok_channels li h3,
#me_curator_tiktok ul#tiktok_channels li h3,
#me_curator_spotify ul#spotify_playlists li p,
#me_curator_youtube ul#spotify_playlists li p,
#me_curator_tiktok ul#spotify_playlists li p,
#me_curator_spotify ul#youtube_playlists li p,
#me_curator_youtube ul#youtube_playlists li p,
#me_curator_tiktok ul#youtube_playlists li p,
#me_curator_spotify ul#tiktok_channels li p,
#me_curator_youtube ul#tiktok_channels li p,
#me_curator_tiktok ul#tiktok_channels li p {
  transition: 345ms all ease;
}
#me_curator_spotify ul#spotify_playlists li img,
#me_curator_youtube ul#spotify_playlists li img,
#me_curator_tiktok ul#spotify_playlists li img,
#me_curator_spotify ul#youtube_playlists li img,
#me_curator_youtube ul#youtube_playlists li img,
#me_curator_tiktok ul#youtube_playlists li img,
#me_curator_spotify ul#tiktok_channels li img,
#me_curator_youtube ul#tiktok_channels li img,
#me_curator_tiktok ul#tiktok_channels li img {
  border-radius: 4px;
}
#me_curator_spotify ul#spotify_playlists li .edit_btn,
#me_curator_youtube ul#spotify_playlists li .edit_btn,
#me_curator_tiktok ul#spotify_playlists li .edit_btn,
#me_curator_spotify ul#youtube_playlists li .edit_btn,
#me_curator_youtube ul#youtube_playlists li .edit_btn,
#me_curator_tiktok ul#youtube_playlists li .edit_btn,
#me_curator_spotify ul#tiktok_channels li .edit_btn,
#me_curator_youtube ul#tiktok_channels li .edit_btn,
#me_curator_tiktok ul#tiktok_channels li .edit_btn {
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50px;
  cursor: pointer;
  top: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
}
#me_curator_spotify ul#spotify_playlists li .edit_btn img,
#me_curator_youtube ul#spotify_playlists li .edit_btn img,
#me_curator_tiktok ul#spotify_playlists li .edit_btn img,
#me_curator_spotify ul#youtube_playlists li .edit_btn img,
#me_curator_youtube ul#youtube_playlists li .edit_btn img,
#me_curator_tiktok ul#youtube_playlists li .edit_btn img,
#me_curator_spotify ul#tiktok_channels li .edit_btn img,
#me_curator_youtube ul#tiktok_channels li .edit_btn img,
#me_curator_tiktok ul#tiktok_channels li .edit_btn img {
  width: 50px;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}
#me_curator_spotify ul#spotify_playlists li .edit_btn:hover,
#me_curator_youtube ul#spotify_playlists li .edit_btn:hover,
#me_curator_tiktok ul#spotify_playlists li .edit_btn:hover,
#me_curator_spotify ul#youtube_playlists li .edit_btn:hover,
#me_curator_youtube ul#youtube_playlists li .edit_btn:hover,
#me_curator_tiktok ul#youtube_playlists li .edit_btn:hover,
#me_curator_spotify ul#tiktok_channels li .edit_btn:hover,
#me_curator_youtube ul#tiktok_channels li .edit_btn:hover,
#me_curator_tiktok ul#tiktok_channels li .edit_btn:hover {
  background: #fff;
}
#me_curator_spotify ul#spotify_playlists li .power_switch_btn,
#me_curator_youtube ul#spotify_playlists li .power_switch_btn,
#me_curator_tiktok ul#spotify_playlists li .power_switch_btn,
#me_curator_spotify ul#youtube_playlists li .power_switch_btn,
#me_curator_youtube ul#youtube_playlists li .power_switch_btn,
#me_curator_tiktok ul#youtube_playlists li .power_switch_btn,
#me_curator_spotify ul#tiktok_channels li .power_switch_btn,
#me_curator_youtube ul#tiktok_channels li .power_switch_btn,
#me_curator_tiktok ul#tiktok_channels li .power_switch_btn {
  position: absolute;
  width: calc(100% - 40px);
  /*top: 200px;*/
  margin-top: 100px;
  transition: none;
  z-index: 1;
}
#me_curator_spotify ul#spotify_playlists li.inactive img,
#me_curator_youtube ul#spotify_playlists li.inactive img,
#me_curator_tiktok ul#spotify_playlists li.inactive img,
#me_curator_spotify ul#youtube_playlists li.inactive img,
#me_curator_youtube ul#youtube_playlists li.inactive img,
#me_curator_tiktok ul#youtube_playlists li.inactive img,
#me_curator_spotify ul#tiktok_channels li.inactive img,
#me_curator_youtube ul#tiktok_channels li.inactive img,
#me_curator_tiktok ul#tiktok_channels li.inactive img,
#me_curator_spotify ul#spotify_playlists li.inactive h3,
#me_curator_youtube ul#spotify_playlists li.inactive h3,
#me_curator_tiktok ul#spotify_playlists li.inactive h3,
#me_curator_spotify ul#youtube_playlists li.inactive h3,
#me_curator_youtube ul#youtube_playlists li.inactive h3,
#me_curator_tiktok ul#youtube_playlists li.inactive h3,
#me_curator_spotify ul#tiktok_channels li.inactive h3,
#me_curator_youtube ul#tiktok_channels li.inactive h3,
#me_curator_tiktok ul#tiktok_channels li.inactive h3,
#me_curator_spotify ul#spotify_playlists li.inactive p,
#me_curator_youtube ul#spotify_playlists li.inactive p,
#me_curator_tiktok ul#spotify_playlists li.inactive p,
#me_curator_spotify ul#youtube_playlists li.inactive p,
#me_curator_youtube ul#youtube_playlists li.inactive p,
#me_curator_tiktok ul#youtube_playlists li.inactive p,
#me_curator_spotify ul#tiktok_channels li.inactive p,
#me_curator_youtube ul#tiktok_channels li.inactive p,
#me_curator_tiktok ul#tiktok_channels li.inactive p {
  opacity: 0.15;
  pointer-events: none;
}
#me_curator_spotify ul#spotify_playlists li.inactive .edit_btn,
#me_curator_youtube ul#spotify_playlists li.inactive .edit_btn,
#me_curator_tiktok ul#spotify_playlists li.inactive .edit_btn,
#me_curator_spotify ul#youtube_playlists li.inactive .edit_btn,
#me_curator_youtube ul#youtube_playlists li.inactive .edit_btn,
#me_curator_tiktok ul#youtube_playlists li.inactive .edit_btn,
#me_curator_spotify ul#tiktok_channels li.inactive .edit_btn,
#me_curator_youtube ul#tiktok_channels li.inactive .edit_btn,
#me_curator_tiktok ul#tiktok_channels li.inactive .edit_btn {
  display: none;
}
#me_curator_spotify ul#spotify_playlists li.inactive .power_switch_btn,
#me_curator_youtube ul#spotify_playlists li.inactive .power_switch_btn,
#me_curator_tiktok ul#spotify_playlists li.inactive .power_switch_btn,
#me_curator_spotify ul#youtube_playlists li.inactive .power_switch_btn,
#me_curator_youtube ul#youtube_playlists li.inactive .power_switch_btn,
#me_curator_tiktok ul#youtube_playlists li.inactive .power_switch_btn,
#me_curator_spotify ul#tiktok_channels li.inactive .power_switch_btn,
#me_curator_youtube ul#tiktok_channels li.inactive .power_switch_btn,
#me_curator_tiktok ul#tiktok_channels li.inactive .power_switch_btn {
  opacity: 1;
}
#me_curator_spotify ul#spotify_playlists.grid-big li,
#me_curator_youtube ul#spotify_playlists.grid-big li,
#me_curator_tiktok ul#spotify_playlists.grid-big li,
#me_curator_spotify ul#youtube_playlists.grid-big li,
#me_curator_youtube ul#youtube_playlists.grid-big li,
#me_curator_tiktok ul#youtube_playlists.grid-big li,
#me_curator_spotify ul#tiktok_channels.grid-big li,
#me_curator_youtube ul#tiktok_channels.grid-big li,
#me_curator_tiktok ul#tiktok_channels.grid-big li {
  font-size: 20px;
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
#me_curator_spotify ul#spotify_playlists.grid-big li img,
#me_curator_youtube ul#spotify_playlists.grid-big li img,
#me_curator_tiktok ul#spotify_playlists.grid-big li img,
#me_curator_spotify ul#youtube_playlists.grid-big li img,
#me_curator_youtube ul#youtube_playlists.grid-big li img,
#me_curator_tiktok ul#youtube_playlists.grid-big li img,
#me_curator_spotify ul#tiktok_channels.grid-big li img,
#me_curator_youtube ul#tiktok_channels.grid-big li img,
#me_curator_tiktok ul#tiktok_channels.grid-big li img {
  max-width: 100%;
  height: auto;
}
#me_curator_spotify ul#spotify_playlists.grid-big li h3,
#me_curator_youtube ul#spotify_playlists.grid-big li h3,
#me_curator_tiktok ul#spotify_playlists.grid-big li h3,
#me_curator_spotify ul#youtube_playlists.grid-big li h3,
#me_curator_youtube ul#youtube_playlists.grid-big li h3,
#me_curator_tiktok ul#youtube_playlists.grid-big li h3,
#me_curator_spotify ul#tiktok_channels.grid-big li h3,
#me_curator_youtube ul#tiktok_channels.grid-big li h3,
#me_curator_tiktok ul#tiktok_channels.grid-big li h3 {
  font-weight: 600;
  margin-top: 10px;
  margin-left: 0;
  font-size: 18px;
}
#me_curator_spotify ul#spotify_playlists.grid-big li p,
#me_curator_youtube ul#spotify_playlists.grid-big li p,
#me_curator_tiktok ul#spotify_playlists.grid-big li p,
#me_curator_spotify ul#youtube_playlists.grid-big li p,
#me_curator_youtube ul#youtube_playlists.grid-big li p,
#me_curator_tiktok ul#youtube_playlists.grid-big li p,
#me_curator_spotify ul#tiktok_channels.grid-big li p,
#me_curator_youtube ul#tiktok_channels.grid-big li p,
#me_curator_tiktok ul#tiktok_channels.grid-big li p {
  font-size: 15px;
  font-weight: 100;
  line-height: 20px;
}
@media (max-width: 768px) {
  #me_curator_spotify ul#spotify_playlists.grid-big li,
  #me_curator_youtube ul#spotify_playlists.grid-big li,
  #me_curator_tiktok ul#spotify_playlists.grid-big li,
  #me_curator_spotify ul#youtube_playlists.grid-big li,
  #me_curator_youtube ul#youtube_playlists.grid-big li,
  #me_curator_tiktok ul#youtube_playlists.grid-big li,
  #me_curator_spotify ul#tiktok_channels.grid-big li,
  #me_curator_youtube ul#tiktok_channels.grid-big li,
  #me_curator_tiktok ul#tiktok_channels.grid-big li {
    width: 50%;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  #me_curator_spotify ul#spotify_playlists.grid-big li,
  #me_curator_youtube ul#spotify_playlists.grid-big li,
  #me_curator_tiktok ul#spotify_playlists.grid-big li,
  #me_curator_spotify ul#youtube_playlists.grid-big li,
  #me_curator_youtube ul#youtube_playlists.grid-big li,
  #me_curator_tiktok ul#youtube_playlists.grid-big li,
  #me_curator_spotify ul#tiktok_channels.grid-big li,
  #me_curator_youtube ul#tiktok_channels.grid-big li,
  #me_curator_tiktok ul#tiktok_channels.grid-big li {
    width: 100%;
  }
}
#me_curator_spotify ul#spotify_playlists.grid-small li,
#me_curator_youtube ul#spotify_playlists.grid-small li,
#me_curator_tiktok ul#spotify_playlists.grid-small li,
#me_curator_spotify ul#youtube_playlists.grid-small li,
#me_curator_youtube ul#youtube_playlists.grid-small li,
#me_curator_tiktok ul#youtube_playlists.grid-small li,
#me_curator_spotify ul#tiktok_channels.grid-small li,
#me_curator_youtube ul#tiktok_channels.grid-small li,
#me_curator_tiktok ul#tiktok_channels.grid-small li {
  width: 10%;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}
#me_curator_spotify ul#spotify_playlists.grid-small li img,
#me_curator_youtube ul#spotify_playlists.grid-small li img,
#me_curator_tiktok ul#spotify_playlists.grid-small li img,
#me_curator_spotify ul#youtube_playlists.grid-small li img,
#me_curator_youtube ul#youtube_playlists.grid-small li img,
#me_curator_tiktok ul#youtube_playlists.grid-small li img,
#me_curator_spotify ul#tiktok_channels.grid-small li img,
#me_curator_youtube ul#tiktok_channels.grid-small li img,
#me_curator_tiktok ul#tiktok_channels.grid-small li img {
  max-width: 100%;
  height: auto;
}
#me_curator_spotify ul#spotify_playlists.grid-small li h3,
#me_curator_youtube ul#spotify_playlists.grid-small li h3,
#me_curator_tiktok ul#spotify_playlists.grid-small li h3,
#me_curator_spotify ul#youtube_playlists.grid-small li h3,
#me_curator_youtube ul#youtube_playlists.grid-small li h3,
#me_curator_tiktok ul#youtube_playlists.grid-small li h3,
#me_curator_spotify ul#tiktok_channels.grid-small li h3,
#me_curator_youtube ul#tiktok_channels.grid-small li h3,
#me_curator_tiktok ul#tiktok_channels.grid-small li h3 {
  font-size: 14px;
  margin-left: 0;
}
#me_curator_spotify ul#spotify_playlists.grid-small li p,
#me_curator_youtube ul#spotify_playlists.grid-small li p,
#me_curator_tiktok ul#spotify_playlists.grid-small li p,
#me_curator_spotify ul#youtube_playlists.grid-small li p,
#me_curator_youtube ul#youtube_playlists.grid-small li p,
#me_curator_tiktok ul#youtube_playlists.grid-small li p,
#me_curator_spotify ul#tiktok_channels.grid-small li p,
#me_curator_youtube ul#tiktok_channels.grid-small li p,
#me_curator_tiktok ul#tiktok_channels.grid-small li p {
  display: none;
}
#me_curator_spotify #view_list img,
#me_curator_youtube #view_list img,
#me_curator_tiktok #view_list img {
  filter: invert(1);
}
#me_curator_youtube {
  background: transparent;
  color: #000;
}
#me_curator_youtube_header {
  color: #fff;
}
.me_artist_songs {
  font-size: 0;
}
@media (min-width: 769px) {
  .me_artist_songs_left,
  .me_artist_songs_right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .me_artist_songs_left {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    padding-right: 20px;
    box-sizing: border-box;
  }
  .me_artist_songs_right {
    padding-left: 20px;
    box-sizing: border-box;
  }
}
@media (min-width: 769px) {
  .me_artist_songs ul li {
    display: inline-block;
    width: 50%;
  }
}
.me_artist_songs ul.submit_types {
  margin-bottom: 20px !important;
}
.me_artist_songs ul.submit_types li {
  display: block;
  font-size: 20px;
  line-height: 40px;
  font-weight: 700;
}
.me_artist_songs ul.submit_types li img {
  height: 30px;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.team_users_avatar {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 40px;
  margin-right: 5px;
}
.team_users span {
  display: inline-block;
  vertical-align: middle;
}
.team_users span span {
  font-weight: 100;
  display: block;
  font-size: 14px;
}
.team_users span span strong {
  font-weight: 300;
}
.team_users ul {
  list-style: default;
}
.team_users ul li {
  padding: 10px;
  margin: 5px;
  font-size: 16px;
  font-weight: 900;
}
#add_team fieldset {
  top: 0 !important;
}
#add_team #me_add_provider {
  position: relative;
}
#add_team .button_radio input {
  display: none;
}
#add_team .button_holder {
  top: auto !important;
  bottom: 0;
}
#add_team .button_holder .close {
  display: none;
}
.me_artist {
  padding: 20px;
  background: #f9f9f9;
}
#begin * {
  transition: 500ms all ease;
}
#begin.begin_rap #begin_usp {
  background-image: url(/view/page/me/artist/begin/bg_begin_rap.webp);
  background-size: cover;
  color: #fff !important;
}
#begin.begin_edm #begin_usp {
  background-image: url(/view/page/me/artist/begin/bg_begin_edm.webp);
  background-size: cover;
  color: #fff !important;
}
#begin.begin_pop #begin_usp {
  background-image: url(/view/page/me/artist/begin/bg_begin_pop.webp);
  background-size: cover;
  color: #fff !important;
}
#begin .iphone-frame {
  transform: scale(0.8);
}
#begin .iphone-frame:hover {
  transform: scale(1);
}
#begin #begin_logos img {
  filter: grayscale(1);
}
#begin #begin_logos img.chosen {
  filter: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
}
#begin .song_view_cover {
  border-radius: 10px;
  padding: 0;
}
#begin #begin_song,
#begin #begin_song_holder {
  border-radius: 20px;
  overflow: hidden;
}
#begin #begin_song_great_choice,
#begin #begin_submit,
#begin #begin_song_email_country,
#begin #chosen_platform_static,
#begin #begin_song_holder {
  display: none;
}
#begin #chosen_platform_static {
  position: absolute;
  right: -10px;
  bottom: -10px;
}
#submit_song_new_song_link,
#submit_song_new_song_upload,
#submit_song_new_song_data {
  display: none;
}
#submit_song_new_song_link.visible,
#submit_song_new_song_upload.visible,
#submit_song_new_song_data.visible {
  display: block;
}
#submit_song_new_song_data {
  margin-top: 20px;
}
#submit_song_new_song_data #submit_song_new_song_data_cover {
  opacity: 0;
  height: 0;
}
#submit_song_new_song_data_cover_display_uploaded_img_holder {
  width: 200px;
  height: 200px;
  position: relative;
}
#submit_song_new_song_data_cover_display_uploaded_img_holder img {
  height: 100%;
  width: auto;
}
#submit_song_new_song_data_cover_display_uploaded_img_holder button.cover_image_holder_update {
  position: absolute;
  padding: 2px 4px;
  font-size: 11px;
  box-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  width: 60px;
  left: 50%;
  margin-left: -30px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  transform: none;
  opacity: 0;
  transform: translateY(5px);
  transition: 100ms all linear;
}
#submit_song_new_song_data_cover_display_uploaded_img_holder img {
  width: 100%;
  border-radius: 50px;
}
#submit_song_new_song_data_cover_display_uploaded_img_holder:hover button.cover_image_holder_update {
  opacity: 1;
  transform: translateY(0);
}
#submit_song_buttons {
  position: relative;
  height: 100px;
}
#submit_song_new_song,
#submit_song_existing_song {
  opacity: 0;
  max-height: 0;
  transition: 345ms all ease;
}
#submit_song_new_song_link_logos img,
#submit_song_existing_song_link_logos img {
  max-height: 30px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin: 2px;
}
#submit_song_new_song.visible,
#submit_song_existing_song.visible {
  opacity: 1;
  max-height: 3000px;
}
#submit_song_existing_song form {
  padding: 0 !important;
}
.submit_song_step2_added_info {
  display: inline-block;
  text-align: center;
  width: calc(33% - 2px);
}
.submit_song_step2_added_info #submit_song_step2_added_info_available_credits {
  position: relative;
}
.submit_song_step2_added_info strong {
  font-size: 110%;
}
#submit_song_step2 #select-genres .option input {
  pointer-events: none;
}
#submit_song_step2 .form-group {
  min-height: 130px;
  background-color: #f9f9f9;
  border-radius: 4px;
  margin: 4px;
  width: calc(33.3334% - 8px);
}
#submit_song_step2 .form-group input[type="range"] {
  width: 100%;
}
@media (max-width: 480px) {
  #submit_song_step2 .form-group {
    width: calc(100% - 8px);
  }
}
#submit_song_step2_song_to_submit {
  font-size: 0;
}
#submit_song_step2_song_to_submit_cover,
#submit_song_step2_song_to_submit_text {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  box-sizing: border-box;
}
#submit_song_step2_song_to_submit_cover img,
#submit_song_step2_song_to_submit_text img {
  width: 100%;
}
#submit_song_step2_song_to_submit_cover {
  width: 25%;
}
#submit_song_step2_song_to_submit_text {
  width: 75%;
  padding-left: 10px;
}
#submit_song_step3 .song_button {
  background: transparent !important;
}
#submit_song_step3 .song_button_bottom,
#submit_song_step3 .song_button_play_button {
  display: none;
}
#submit_song_step3 .listitem_select,
#submit_song_step3 .listitem_add {
  display: none;
}
#mood #mood_knobs .mood_knobs_with_switch {
  display: inline-block;
  margin: 30px 0;
  font-size: 1.5rem;
}
#mood legend .icon {
  filter: invert(1);
}
#curators_list {
  list-style: none;
  padding: 0;
}
#curators_list li {
  box-sizing: border-box;
  border: 1px solid transparent;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  #curators_list li {
    width: 100%;
  }
}
#curators_list li .curators_avatar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#curators_list li .curators_avatar .verified_badge {
  position: absolute;
  bottom: 0;
  right: 0;
}
#curators_list li .curators_avatar .verified_badge img {
  width: 24px;
}
#curators_list li h2 {
  position: relative;
  white-space: nowrap;
}
#curators_list li h2 span .pre_header {
  font-size: 0.75rem;
  line-height: 10px;
}
#curators_list li h2 span img {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
#curators_list li h2 span span {
  font-weight: 100;
  display: block;
}
#curators_list li h2 span span strong {
  font-weight: 500;
}
#curators_list li h2 img,
#curators_list li h2 span {
  display: inline-block;
  vertical-align: middle;
}
#curators_list li h2 img.curators_list_country,
#curators_list li h2 span.curators_list_country {
  position: absolute;
  top: 0;
  left: 0;
}
#curators_list li h3 {
  margin-left: 0;
  font-weight: 900;
  font-size: 14px;
}
#curators_list li img.curators_list_avatar {
  width: 120px;
  border-radius: 120px;
}
#curators_list li img.curators_list_country {
  width: auto;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#curators_list li:hover {
  border: 1px solid #ffeecc;
  background: #fff5e1;
}
#faq_ask_anything_btn {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  transition: 500ms all ease;
}
#faq_ask_anything_btn.visible {
  opacity: 1;
  pointer-events: all;
}
#faq_ask_anything {
  border-radius: 100px;
  text-align: center;
}
#login {
  text-align: center;
}
#login-form {
  margin-bottom: 30px;
}
#login-form fieldset {
  position: relative;
}
#login-form-crab {
  font-size: 0;
}
#login-form-crab div {
  vertical-align: middle;
  display: inline-block;
  padding: 20px;
  box-sizing: border-box;
  width: 50%;
}
#login-form-crab div img {
  width: 50px;
}
#login-form-crab div p {
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 480px) {
  #login-form-crab div p {
    font-size: 18px;
    line-height: 24px;
  }
}
#login-form-crab div:nth-child(1) {
  text-align: right;
}
#login-form-crab div:nth-child(2) {
  text-align: middle;
}
#login-form-more {
  text-align: left;
}
#login .login-button {
  box-sizing: border-box;
  display: inline-block;
  font-weight: 900;
}
#login .login-button img {
  max-height: 20px;
  display: inline-block;
  vertical-align: middle;
}
#login .login-button span {
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 480px) {
  #login #sign-up-button,
  #login #forgot-password-button {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 15px;
    font-weight: 900;
  }
}
#login h1 {
  margin-bottom: 0;
}
#login p {
  margin-left: 0;
  font-weight: 300;
}
#login p strong {
  font-weight: 900;
}
#login p a {
  padding: 5px 20px;
}
#login #login-spotify-button {
  background: #1db954;
  color: #fff;
  text-transform: none;
  transform: none;
  box-shadow: none !important;
}
#login #login-soundcloud-button {
  background: #ff3300;
  color: #fff;
}
#login #login-facebook-button,
#login #login-google-button {
  background: #1977f3;
  color: #fff;
  text-transform: none;
  transform: none;
  box-shadow: none !important;
}
#login #login-google-button {
  background: #db4437;
}
#login #login-google-button img {
  filter: brightness(5);
}
.page {
  position: relative;
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
}
@media (max-width: 480px) {
}
.page.full {
  max-width: 100%;
}
.page.small {
  max-width: 900px;
}
img.playlist_platform {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 35px !important;
  filter: drop-shadow(0 0 3px #000000);
}
.view_playlist {
  cursor: pointer;
}
#playlists ul.playlists {
  list-style: none;
  text-align: left;
  width: 100%;
}
#playlists ul.playlists li {
  max-width: none;
  width: 20%;
  display: inline-block;
  vertical-align: top;
  background: transparent;
  position: relative;
  text-align: center;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#playlists ul.playlists li .playlist_data .playlist_row {
  border-bottom: 1px solid #eee;
  font-size: 0.875rem;
  padding: 6px;
  text-align: left;
}
#playlists ul.playlists li .playlist_data .verified_badge {
  bottom: -5px;
  right: -5px;
  position: absolute;
}
#playlists ul.playlists li .btn_submit_song {
  margin-top: 8px;
}
#playlists ul.playlists li .view_playlist {
  position: relative;
}
#playlists ul.playlists li img {
  max-width: 100% !important;
  max-height: 100%;
  border-radius: 4px;
}
#playlists ul.playlists li img.playlist_cover {
  min-width: 100%;
}
#playlists ul.playlists li .playlist_title {
  display: none;
}
#playlists ul.playlists li .genre_tags {
  display: none;
}
#playlists ul.playlists li .genre_tag,
#playlists ul.playlists li .genre_tag_name {
  margin: 2px;
  padding: 0 2px;
  line-height: 16px;
}
#playlists ul.playlists li .genre_tag_delete,
#playlists ul.playlists li .genre_tag_name_delete {
  display: none;
}
@media (max-width: 768px) {
  #playlists ul.playlists li {
    width: 33.3334%;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  #playlists ul.playlists li {
    width: 50%;
  }
}
#playlists ul.playlists li.i_have_submitted {
  border: 2px solid #0074a6;
  border-radius: 4px;
}
#playlists ul.playlists li.hidden {
  transform: scale(0);
  opacity: 0;
}
.matcher_list ul.playlists li {
  text-align: center;
  width: 100%;
}
#prelaunch_optin .sections,
#prelaunch_optin_thank_you .sections {
  text-align: center;
  font-size: 0;
}
#prelaunch_optin .sections > .section::before,
#prelaunch_optin_thank_you .sections > .section::before {
  content: "";
  position: absolute;
  width: calc(100% - (6px * 2));
  height: calc(100% - (6px * 2));
  top: 6px;
  left: 6px;
  border: 2px dashed #ffffff30;
  box-sizing: border-box;
  pointer-events: none;
}
#prelaunch_optin .sections .section,
#prelaunch_optin_thank_you .sections .section {
  position: relative;
  margin: 0 auto;
  border-radius: 2px;
  background: #695c44;
  backdrop-filter: blur(10px);
}
#prelaunch_optin .sections .section fieldset,
#prelaunch_optin_thank_you .sections .section fieldset {
  margin-bottom: 0;
  padding: 50px 0 30px 0;
}
#prelaunch_optin .sections .section .optin,
#prelaunch_optin_thank_you .sections .section .optin {
  margin-top: 50px;
  border: 5px dotted #77c7e9;
  background: rgba(255, 255, 255, 0.1);
  max-width: 800px;
}
@media (max-width: 768px) {
  #prelaunch_optin .sections .section .optin,
  #prelaunch_optin_thank_you .sections .section .optin {
    margin-top: 0;
  }
}
#prelaunch_optin .sections .section-number,
#prelaunch_optin_thank_you .sections .section-number {
  position: absolute;
  font-size: 30px;
  font-weight: 900;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 80px;
  top: -40px;
  left: -40px;
  background: #fff;
  display: none;
}
#prelaunch_optin .sections .section-content,
#prelaunch_optin_thank_you .sections .section-content {
  font-size: 0;
  padding: 20px;
  text-align: center;
  color: #fff;
}
#prelaunch_optin .sections .section-content a,
#prelaunch_optin_thank_you .sections .section-content a {
  color: #fff;
  text-shadow: 2px 2px #000;
}
#prelaunch_optin .sections .section-content-left,
#prelaunch_optin_thank_you .sections .section-content-left,
#prelaunch_optin .sections .section-content-right,
#prelaunch_optin_thank_you .sections .section-content-right {
  font-size: 28px;
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
  margin-top: -50px;
  position: relative;
  z-index: 1;
}
#prelaunch_optin .sections .section-content-left img,
#prelaunch_optin_thank_you .sections .section-content-left img,
#prelaunch_optin .sections .section-content-right img,
#prelaunch_optin_thank_you .sections .section-content-right img {
  max-width: 100%;
}
#prelaunch_optin .sections .section-content-left.img,
#prelaunch_optin_thank_you .sections .section-content-left.img,
#prelaunch_optin .sections .section-content-right.img,
#prelaunch_optin_thank_you .sections .section-content-right.img {
  width: 25%;
}
#prelaunch_optin .sections .section-content-left.text,
#prelaunch_optin_thank_you .sections .section-content-left.text,
#prelaunch_optin .sections .section-content-right.text,
#prelaunch_optin_thank_you .sections .section-content-right.text {
  width: 75%;
  padding: 20px;
}
@media (max-width: 768px) {
  #prelaunch_optin .sections .section-content-left,
  #prelaunch_optin_thank_you .sections .section-content-left,
  #prelaunch_optin .sections .section-content-right,
  #prelaunch_optin_thank_you .sections .section-content-right {
    margin-top: 0;
  }
}
#prelaunch_optin .sections .section:nth-child(1) .section-number,
#prelaunch_optin_thank_you .sections .section:nth-child(1) .section-number {
  color: #cf8b46;
}
#prelaunch_optin .sections .section:nth-child(2) .section-number,
#prelaunch_optin_thank_you .sections .section:nth-child(2) .section-number {
  color: #db6d6b;
  left: auto;
  right: -30px;
}
#prelaunch_optin .highlight,
#prelaunch_optin_thank_you .highlight {
  display: inline-block;
  font-size: 125%;
  font-weight: 900;
}
#prelaunch_optin .highlight1,
#prelaunch_optin_thank_you .highlight1 {
  transform: rotate(-5deg);
  text-shadow: 0 4px 0 #000;
  color: #ffcdcc;
}
#prelaunch_optin .highlight2,
#prelaunch_optin_thank_you .highlight2 {
  transform: rotate(3deg);
  color: #9dff00;
  text-shadow: 0 4px 0 #df00df;
}
#prelaunch_optin_thank_you {
  min-height: 800px;
}
#prelaunch_optin_thank_you h1 {
  font-size: 34px;
}
@keyframes animatePreOptinAnimal {
  0% {
    transform: translate(0, 0);
  }
  14% {
    transform: translate(10px, -2px);
  }
  19% {
    transform: translate(3px, 7px);
  }
  32% {
    transform: translate(-1px, -5px);
  }
  54% {
    transform: translate(7px, 0px);
  }
  78% {
    transform: translate(-10px, 4px);
  }
  100% {
    transform: translate(0, 0);
  }
}
#prelaunch_optin_logged_in p img {
  animation: animatePreOptinAnimal 5s infinite;
}
#premium_campaign_step_2 ul#premium_campaign_genres li {
  display: inline-block;
  padding: 10px;
}
@media (max-width: 768px) {
  #premium_campaign h4 {
    font-size: 12px !important;
  }
}
#premium_campaign_intro {
  margin-bottom: 180px;
}
#premium_campaign_intro_read_more {
  opacity: 0;
  overflow: hidden;
  margin: 0 auto;
  max-height: 0;
  transition: max-height 1000ms ease;
}
#premium_campaign_intro_read_more.visible {
  overflow: auto;
  opacity: 1;
  max-height: 5000px;
}
#premium_campaign_intro_read_more_btn {
  cursor: pointer;
}
#premium_campaign_intro_read_more_btn * {
  pointer-events: none;
}
#premium_campaign .primary_mute {
  padding: 20px 40px;
}
@media (max-width: 768px) {
  #premium_campaign .primary_mute {
    padding: 10px;
  }
}
@media (max-width: 768px) {
  #premium_campaign .info_button {
    right: auto;
    left: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    bottom: 0;
  }
}
#premium_campaign .col {
  font-size: 1.5rem;
  box-shadow: -5px 0 20px rgba(0, 0, 0, 0.1);
}
#premium_campaign .col .row {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f0f0f0;
}
#premium_campaign .col .row.info {
  justify-content: right;
  padding-right: 20px;
  text-align: right;
}
@media (max-width: 768px) {
  #premium_campaign .col .row.info {
    padding-right: 0;
    padding-left: 2px;
    justify-content: left;
    text-align: left !important;
  }
}
#premium_campaign .col .row.green {
  background: linear-gradient(45deg, #fff2cb, #fffcf2);
}
#premium_campaign .col .row.green img {
  height: 50px;
}
@media (max-width: 768px) {
  #premium_campaign .col .row.green img {
    height: 35px;
  }
}
#premium_campaign .col .row.header {
  position: fixed;
  top: 280px;
  background: transparent;
  height: 130px;
  width: calc(40% - 10px);
  border-radius: 5px;
  transition: 150ms all ease;
  border-bottom: none;
  z-index: 3;
  background: linear-gradient(0deg, #eee, #fff);
  border-left: 1px solid #f0f0f0;
  box-shadow: -3px 0 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (max-width: 768px) {
  #premium_campaign .col .row.header {
    width: calc(40% - 10px);
    top: 200px;
  }
}
#premium_campaign .col .row.header .stripe {
  position: absolute;
  transform: rotate(-30deg);
  width: 100%;
  height: 35px;
  font-size: 16px;
  left: -30%;
  top: 11%;
  transform-origin: center;
  background: linear-gradient(45deg, #a47b17, #ffd05f);
  line-height: 35px;
  color: #fff;
  text-align: center;
}
@media (max-width: 768px) {
  #premium_campaign .col .row.header .stripe {
    left: -18%;
    top: 11%;
    font-size: 11px !important;
    height: 20px;
    line-height: 20px !important;
    font-weight: 300;
    transform: rotate(-37deg);
  }
}
#premium_campaign .col .row.header.sticky {
  top: 0;
}
#premium_campaign .col .row:last-child {
  border-bottom: none;
}
@media (max-width: 768px) {
  #premium_campaign .col .row {
    min-height: 80px;
  }
}
#premium_campaign .col:first-child {
  border-top-left-radius: 5px;
}
#premium_campaign .col:last-child {
  border-right: none;
}
@media (max-width: 768px) {
  #premium_campaign h2 {
    font-size: 22px !important;
    line-height: 20px !important;
    padding: 10px;
    margin-top: 20px !important;
  }
}
.song_cover_img {
  border-radius: 4px;
}
.song_cover .avatar,
.song_cover_mute .avatar {
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 3;
}
.modal_content ul#hotornot_swiper {
  min-width: 400px;
  width: 100%;
}
.modal_content ul#hotornot_swiper > li {
  height: 100%;
  padding-top: 50px;
  overflow: auto;
}
@media (max-width: 480px) {
}
.modal_content ul#hotornot_swiper > li .hotornot_swiper_navigation_right {
  display: none;
}
.modal_content .modal_bar {
  margin-top: 0 !important;
}
.full #modal3_content_holder {
  width: 100%;
  max-width: 800px;
}
.full ul#hotornot_swiper > li {
  width: 100% !important;
}
.is_in_current_users_choice {
  background-color: #ffe8cc;
}
.is_in_current_users_choice img {
  border: 2px solid #ff7e00;
}
#songs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
#songs ul li {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  position: relative;
}
#songs ul li .song_cover {
  position: relative;
  cursor: pointer;
  padding: 2px;
}
#songs ul li .song_cover .song_cover_img {
  width: 100%;
  transition: 100ms transform ease;
  pointer-events: none;
  position: relative;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 480px) {
  #songs ul li .song_cover_button {
    display: none;
  }
}
#songs ul li:hover .song_cover_img {
  transform: scale(1.1);
  z-index: 1;
  opacity: 1;
}
#songs ul li .i_have_made_active_hotornot_offer {
  border: 2px solid #8e619d;
  border-radius: 4px;
}
#start #start_numbers_holder {
  background: linear-gradient(transparent, #e5f1f7);
}
#start #start_logos_holder {
  background: linear-gradient(#e5f1f7, transparent);
}
#start #start_testimonials_holder {
  background: linear-gradient(transparent, #e9dfed);
}
#start #we_are_all_about_holder {
  background: linear-gradient(#e9dfed, transparent);
}
#start #who_are_you_holder {
  background: linear-gradient(transparent, #d8f1e5);
}
#start #start_blog_holder {
  background: linear-gradient(#d8f1e5, transparent);
}
#start #start_logos,
#start #who_are_you,
#start #we_are_all_about,
#start #start_blog {
  max-width: 900px;
  margin: 0 auto;
}
.darkmode #start #start_numbers_holder {
  background: linear-gradient(transparent, #001a1f);
}
.darkmode #start #start_logos_holder {
  background: linear-gradient(#001a1f, transparent);
}
.darkmode #start #start_testimonials_holder {
  background: linear-gradient(transparent, #44203b);
}
.darkmode #start #we_are_all_about_holder {
  background: linear-gradient(#44203b, transparent);
}
.darkmode #start #who_are_you_holder {
  background: linear-gradient(transparent, #2a6b45);
}
.darkmode #start #start_blog_holder {
  background: linear-gradient(#2a6b45, transparent);
}
#withdraw_credits #withdraw_credits_to_cash_button,
#withdraw_credits #withdraw_credits_to_cash_label {
  font-weight: 900;
}
#me_hotornot {
  min-height: 1200px;
}
#hotornot_not_accepted_eula {
  display: none;
}
#hotornot_not_accepted_eula.visible {
  display: block;
}
#info_box_hotornot_eula {
  position: fixed;
  z-index: 9;
  width: 90%;
  left: 5%;
  height: 90%;
  top: 5%;
  overflow: auto;
}
.filter_popup_btn_selected_genres {
  position: fixed;
  z-index: 1;
  bottom: 90px;
  left: 15px;
}
.filter_popup_btn_selected_genres .genre_tag {
  margin: 4px;
}
.hotornot_write_feedback {
  display: none;
}
.hotornot_write_feedback.active {
  display: block;
}
#hotornot {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 390px;
  height: 100%;
  transition: 180ms all linear;
  filter: blur(3px);
}
#hotornot.visible {
  display: block;
  height: 100%;
  filter: none;
}
@media (min-width: 769px) {
  #hotornot {
    max-width: 600px;
  }
}
#hotornot_list_view fieldset {
  transition: 180ms all linear;
}
#hotornot_list_view fieldset.archived_animation {
  transform: translateY(-50%) translateX(0) scale(0.2);
}
#hotornot_filter ul {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 480px) {
}
#hotornot_filter ul li {
  opacity: 0.3;
  padding: 4px 10px;
  margin: 1px;
  border-radius: 5px;
}
#hotornot_filter ul li ul {
  vertical-align: top;
  display: inline-block;
  max-height: 0;
  overflow: hidden;
  transition: 180ms all linear;
  width: 100%;
}
#hotornot_filter ul li ul li {
  border: none;
}
#hotornot_filter ul li.checked {
  background: #f0f0f0;
  opacity: 1;
}
#hotornot_filter ul li.checked ul {
  max-height: 200px;
  overflow: auto;
}
#hotornot_filter_genres,
#hotornot_filter_moods {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
#hotornot_filter_genres {
  background: transparent;
  border: none;
}
#hotornot_filter_genres .me_track_hunt_filter_genres_clear {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
#hotornot_filter_genres .me_track_hunt_filter_genres_clear img {
  width: 100%;
}
#hotornot_filter_genres_clear {
  float: right;
  clear: both;
}
#hotornot_filter_genres_clear img {
  width: 30px;
}
#hotornot_filter_moods {
  background: transparent;
  border: none;
}
#hotornot_filter_moods .form-group {
  opacity: 0.3;
  padding: 0;
  margin: 1px;
  box-sizing: border-box;
  text-align: center;
  width: calc(50% - 4px);
}
#hotornot_filter_moods .form-group input[type="range"] {
  padding: 10px 0;
}
#hotornot_filter_moods .form-group label {
  display: inline-block;
  font-weight: 500;
  padding-left: 10px;
}
@media (max-width: 480px) {
  #hotornot_filter_moods .form-group {
    width: calc(50% - 4px);
  }
}
#hotornot_filter_moods .form-group.active {
  opacity: 1;
  background: #fdfbf6;
}
#hotornot_filter_moods_clear {
  float: right;
  clear: both;
}
#hotornot_filter_moods_clear img {
  width: 30px;
}
#hotornot_filter_ajax {
  position: relative;
}
#hotornot_filter_ajax fieldset {
  margin: 0;
  background: none;
  border: none;
}
#hotornot_filter_ajax fieldset .form-group {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
#hotornot_content {
  margin-top: 110px;
  width: 100%;
  max-width: 980px;
  max-height: 100%;
  padding: 10px;
}
#hotornot_swiper {
  width: 3000px;
  overflow-x: hidden;
}
#hotornot_swiper_offer_templates {
  border: 2px dotted rgba(255, 255, 255, 0.7);
}
#hotornot_swiper > li {
  width: 100%;
  transform: scale(0.9) translateY(40px);
  transition: 180ms all linear;
  transform-origin: bottom;
  position: absolute;
  top: 0;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  user-select: none;
  border: 3px solid rgba(255, 255, 255, 0.7);
}
#hotornot_swiper > li form fieldset {
  border-radius: 10px;
  background: #f0f0f0;
}
#hotornot_swiper > li form fieldset legend img {
  border-radius: 4px;
  max-width: 40px;
}
#hotornot_swiper > li form fieldset.accepted {
  background: #d8f1e5;
  border-color: #27b872;
}
#hotornot_swiper > li form fieldset.accepted legend {
  background: #d8f1e5;
}
#hotornot_swiper > li form fieldset.pending {
  background: #fff2cb;
  border-color: #ffce3d;
}
#hotornot_swiper > li form fieldset.pending legend {
  background: #fff2cb;
}
#hotornot_swiper > li form fieldset.expired {
  background: #ff9797;
  border-color: #ff4d4d;
}
#hotornot_swiper > li form fieldset.expired legend {
  background: #ff9797;
}
#hotornot_swiper > li .hotornot_swiper_navigation {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1;
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));
}
#hotornot_swiper > li .hotornot_swiper_navigation_left,
#hotornot_swiper > li .hotornot_swiper_navigation_right,
#hotornot_swiper > li .hotornot_swiper_navigation_middle {
  width: 80px;
  top: 0;
  padding-top: 20px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
#hotornot_swiper > li .hotornot_swiper_navigation_left,
#hotornot_swiper > li .hotornot_swiper_navigation_right {
  position: absolute;
  padding-top: 30px;
  font-size: 40px;
  width: 10%;
}
#hotornot_swiper > li .hotornot_swiper_navigation_middle {
  padding-bottom: 20px;
  width: 80%;
  margin-left: 10%;
  border-bottom: 1px solid #f0f0f0;
}
#hotornot_swiper > li .hotornot_swiper_navigation_left {
  left: 0;
}
#hotornot_swiper > li .hotornot_swiper_navigation_right {
  right: 0;
}
#hotornot_swiper > li #hotornot_swiper_liked,
#hotornot_swiper > li #hotornot_swiper_unliked {
  position: sticky;
  top: 80px;
  z-index: 1;
  height: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 180ms linear;
  display: none;
}
#hotornot_swiper > li #hotornot_swiper_liked.visible,
#hotornot_swiper > li #hotornot_swiper_unliked.visible {
  display: block;
  opacity: 1;
  pointer-events: all;
  height: auto;
}
#hotornot_swiper > li.unliking {
  background: linear-gradient(0deg, #ebdad8, #fff);
}
#hotornot_swiper > li.unliking #hotornot_swiper_navigation {
  background: #ebdad8;
}
#hotornot_swiper > li.liking {
  border-color: #d8f1e5;
}
#hotornot_swiper > li.active {
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
  z-index: 3;
  box-shadow: 0 50px 50px rgba(0, 0, 0, 0.7);
}
#hotornot_swiper > li.nextAll {
  transform: scale(0.9) translateY(40px) rotate(9deg);
}
#hotornot_swiper > li.nextAll.first {
  z-index: 1;
}
#hotornot_swiper > li.prevAll {
  transform: scale(0.9) translateY(40px) rotate(-9deg);
}
#hotornot_swiper > li.prevAll.last {
  z-index: 1;
}
#hotornot_swiper > li.activeNextTo {
  box-shadow: 0 25px 25px rgba(0, 0, 0, 0.4);
  z-index: 2;
}
#hotornot_swiper > li.activeNextToNext {
  transform: scale(0.95) translateY(20px) rotate(3deg);
}
#hotornot_swiper > li.activeNextToPrev {
  transform: scale(0.95) translateY(20px) rotate(-3deg);
}
#hotornot_swiper > li.archived_animation {
  transform: translateY(-50%) translateX(0) scale(0.2);
}
li.hire_service_card > div {
  background: linear-gradient(45deg, #f0f0f0, #f9f9f9);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
li.hire_service_card > div ul li {
  padding: 4px 0;
}
li.hire_service_card .hire_service_card_header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-size: cover;
  background-position: top;
  height: 200px;
}
li.hire_service_card .hire_service_card_header .song_cover {
  top: 50%;
  width: 75%;
  opacity: 0;
  transition: opacity 180ms;
}
li.hire_service_card .hire_service_card_header:hover .song_cover {
  opacity: 1;
}
.darkmode li.hire_service_card > div {
  background: linear-gradient(45deg, #001a1f, #00334d);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
}
#add_song fieldset {
  position: relative;
  overflow: hidden;
  height: 100%;
}
#add_song_logos {
  border-radius: 10px;
}
#add_song_logos img,
#add_song_logos label {
  filter: grayscale(1);
  mix-blend-mode: luminosity;
}
#add_song_logos label {
  opacity: 0.5;
}
#add_song .add_song_step {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 345ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
  transform: translateX(100%);
}
#add_song .add_song_step.visible {
  opacity: 1;
  pointer-events: all;
  transform: none;
}
#add_song .add_song_next_step img.icon {
  transform: rotate(-90deg);
}
.activity_user,
.activity_team {
  padding: 20px;
  font-size: 14px;
}
.activity_user h3,
.activity_team h3 {
  font-weight: 900;
  margin-left: 0 !important;
}
.activity_user h4,
.activity_team h4 {
  font-weight: 900;
}
.activity_user ul li,
.activity_team ul li {
  padding: 2px !important;
}
.activity_user ul li span,
.activity_team ul li span,
.activity_user ul li img,
.activity_team ul li img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}
.activity_user ul li .activity_team_avatar,
.activity_team ul li .activity_team_avatar {
  width: 30px;
  border-radius: 15px;
}
.activity_user .activity_feedback_approve,
.activity_team .activity_feedback_approve,
.activity_user .green,
.activity_team .green {
  color: #27b872;
}
.activity_user .activity_feedback_decline,
.activity_team .activity_feedback_decline,
.activity_user .red,
.activity_team .red {
  color: #ff002f;
}
.activity_user img.creation_cover,
.activity_team img.creation_cover {
  width: 20px;
}
.activity_user .song_name,
.activity_team .song_name {
  cursor: pointer;
  font-weight: 700;
}
.activity_user .song_description,
.activity_team .song_description {
  display: none;
}
#activity_scroller_ajax {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
  opacity: 0;
  pointer-events: all;
  transition: 180ms all ease;
  overflow: hidden;
}
#activity_scroller_ajax.visible {
  opacity: 1;
  pointer-events: all;
}
#activity_scroller {
  opacity: 0;
  transition: all 3000ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#activity_scroller ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#activity_scroller ul li {
  position: absolute;
  text-align: center;
  width: 100%;
  opacity: 0;
  transform: translateY(20px) scale(1.2);
  transition: all 500ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
  color: #000;
  font-size: 14px;
  font-weight: 100;
  pointer-events: none;
  line-height: 28px;
}
#activity_scroller ul li .activity_scroller_emoji {
  font-size: 125%;
}
#activity_scroller ul li img {
  margin-top: -1px;
  height: 28px;
  width: auto;
  padding: 0;
  border-radius: 4px;
}
#activity_scroller ul li img.curator_avatar {
  border-radius: 32px;
}
#activity_scroller ul li span,
#activity_scroller ul li img {
  display: inline-block;
  vertical-align: middle;
}
#activity_scroller ul li span {
  padding-left: 2px;
}
#activity_scroller ul li a {
  color: #000;
  font-weight: 500;
}
#activity_scroller ul li.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
#activity_scroller.visible {
  opacity: 1 !important;
}
#action_points_sum {
  height: 100px;
  line-height: 90px;
  border-radius: 50px;
  border: 6px solid #ff7e00;
  text-align: center;
  color: #ff7e00;
  font-weight: 900;
  font-size: 65px;
  margin: 10px auto;
}
.banner_start_page {
  position: relative;
  background-size: 200%;
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 769px) {
}
@media (max-width: 480px) {
  .banner_start_page {
    padding-bottom: 40px;
  }
}
.banner_start_page .banner_3rd_party {
  position: absolute;
  background: #004d66;
  color: #fff;
  bottom: 0;
  right: 0;
  padding: 5px 8px;
  font-size: 11px;
}
.banner_start_page img {
  float: left;
  margin-right: 20px;
  max-width: 300px;
  max-height: 200px;
}
@media (max-width: 480px) {
  .banner_start_page img {
    max-height: 150px;
  }
}
@media (min-width: 769px) {
  .banner_start_page img {
    margin-right: 40px;
  }
}
@media (max-width: 480px) {
  .banner_start_page img {
    margin-bottom: 5px;
  }
}
.banner_start_page.even img {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}
@media (min-width: 769px) {
  .banner_start_page.even img {
    margin-left: 40px;
  }
}
.banner_start_page.even .banner_start_page_text {
  text-align: right;
}
.banner_start_page.even .banner_3rd_party {
  right: auto;
  left: 0;
}
.banner_top {
  width: 100%;
  height: 200px;
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
  cursor: pointer;
}
.banner_top p {
  font-weight: 100;
}
@media (max-wdith: 768px) {
  .banner_top p {
    line-height: 16px;
  }
}
.banner_top .close_btn,
.banner_top .edit_btn,
.banner_top_sponsored {
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
}
.banner_top .close_btn .line,
.banner_top .edit_btn .line,
.banner_top_sponsored .line {
  position: absolute;
  width: 50%;
  height: 2px;
  background: #fff;
  top: calc(50% - 1px);
  border-radius: 2px;
  left: 25%;
}
.banner_top .close_btn .line1,
.banner_top .edit_btn .line1,
.banner_top_sponsored .line1 {
  transform: rotate(45deg);
}
.banner_top .close_btn .line2,
.banner_top .edit_btn .line2,
.banner_top_sponsored .line2 {
  transform: rotate(-45deg);
}
@media (max-width: 768px) {
  .banner_top .close_btn,
  .banner_top .edit_btn,
  .banner_top_sponsored {
    width: 15px;
    height: 15px;
  }
}
.banner_top_sponsored {
  padding-left: 10px;
  right: 30px !important;
  line-height: 30px;
  color: #fff;
  font-size: 0.75rem;
  width: auto !important;
}
.banner_top .edit_btn {
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)) !important;
  width: auto;
  height: auto;
  right: 0;
  top: auto;
  bottom: 0;
  text-align: right;
}
.banner_top .edit_btn img {
  filter: invert(1) drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5)) !important;
}
.banner_top #banner_top_mobile,
.banner_top #banner_top_desktop {
  font-size: 0;
}
.banner_top #banner_top_mobile_banner,
.banner_top #banner_top_desktop_banner {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(rgba(255, 255, 255, 0.15), transparent);
  height: 100%;
}
.banner_top #banner_top_mobile_banner_image,
.banner_top #banner_top_desktop_banner_image {
  width: 100%;
  max-width: 200px;
  height: auto;
  max-height: 100%;
  padding: 2px;
  border-radius: 15px;
}
.banner_top #banner_top_mobile {
  display: none !important;
}
.banner_top #banner_top_mobile h3 {
  line-height: 26px;
}
@media (max-width: 768px) {
  .banner_top #banner_top_mobile {
    display: inline-block !important;
  }
}
.banner_top #banner_top_mobile_banner_img {
  flex: 1;
}
.banner_top #banner_top_mobile_banner_text {
  flex: 2;
}
@media (max-width: 768px) {
  .banner_top #banner_top_desktop {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .banner_top {
    height: 220px;
  }
}
#banner_top_preview {
  padding-bottom: 100px;
  position: relative;
}
#banner_top_preview_desktop,
#banner_top_preview_mobile {
  position: relative;
  vertical-align: top;
  transform-origin: left top;
  transition: 345ms transform cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#banner_top_preview_desktop h3,
#banner_top_preview_mobile h3 {
  font-weight: 900;
}
#banner_top_preview_desktop div,
#banner_top_preview_mobile div {
  vertical-align: middle;
  overflow: hidden;
}
#banner_top_preview_desktop img.banner_top_preview_bg,
#banner_top_preview_mobile img.banner_top_preview_bg {
  width: 100%;
  height: auto;
  position: absolute;
  filter: saturate(0.1);
}
#banner_top_preview_desktop_banner,
#banner_top_preview_mobile_banner {
  background: linear-gradient(rgba(255, 255, 255, 0.15), transparent);
  position: absolute;
  width: 59.5%;
  left: 19.5%;
  height: 12%;
  top: 14%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#banner_top_preview_desktop_banner_cta,
#banner_top_preview_mobile_banner_cta {
  font-size: 10px;
  padding: 4px 8px;
}
#banner_top_preview_desktop_banner_image,
#banner_top_preview_mobile_banner_image {
  width: 100%;
  padding: 2px;
}
#banner_top_preview_desktop_banner h3,
#banner_top_preview_mobile_banner h3 {
  font-size: 10px;
}
#banner_top_preview_desktop_banner p,
#banner_top_preview_mobile_banner p {
  line-height: 10px;
  font-size: 8px;
}
#banner_top_preview_desktop_banner.no_img,
#banner_top_preview_mobile_banner.no_img {
  padding: 10px;
}
#banner_top_preview_desktop:hover,
#banner_top_preview_mobile:hover {
  transform: scale(1.5);
  z-index: 1;
}
#banner_top_preview_mobile {
  transform-origin: right top;
}
#banner_top_preview_mobile_banner {
  top: 24.1%;
  left: 12.4%;
  width: 74.8%;
  height: 15.2%;
}
#banner_top_preview_mobile_banner_cta {
  font-size: 8px;
  padding: 2px 4px;
}
#banner_top_preview_mobile_banner.no_img {
  padding: 4px;
}
.blog_latest h1 img.logo {
  height: 30px;
  margin-right: 3px;
}
.blog_latest_post {
  padding: 10px;
}
.blog_latest_post_col {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  box-sizing: border-box;
}
.blog_latest_post img {
  max-width: 300px;
  max-height: 200px;
}
.blog_latest_post h3 {
  margin-left: 0;
}
.blog_latest_post h3 .date {
  font-size: 18px;
  font-weight: 300;
  display: block;
}
.blog_latest_post h3 img {
  height: 30px;
}
.blog_post {
  border-bottom: 1px solid #f0f0f0;
  margin: 25px 0;
  padding: 25px 0 0;
}
.blog_post img {
  max-width: 100%;
  border-radius: 4px;
}
.blog_post hr {
  margin: 30px;
}
.blog_post_reactions {
  overflow: hidden;
  margin-bottom: 20px;
  min-height: 44px;
  max-height: 44px;
  font-size: 0;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.blog_post_reactions:hover {
  min-height: 44px;
  max-height: 500px;
}
.blog_post_footer {
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.1);
}
.blog_post_footer ul li {
  display: inline-block;
  vertical-align: middle;
}
.blog_post_footer ul.blog_post_comments {
  width: 100%;
}
.blog_post_footer ul.blog_post_comments li {
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.blog_post_footer ul.blog_post_comments li:last-child {
  border-bottom: none;
}
.breadcrumb {
  background: linear-gradient(#f0f0f0, #f9f9f9);
  color: #000;
  font-weight: 100;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.breadcrumb a {
  color: #000;
  font-weight: 900;
}
.breadcrumb .icon {
  height: 12px;
}
.breadcrumb_item {
  color: #000;
  vertical-align: middle;
  text-transform: capitalize;
}
.breadcrumb_sep {
  color: #000;
  vertical-align: middle;
}
@media (max-width: 480px) {
  .breadcrumb {
    display: none;
  }
}
@keyframes bubbleFlow {
  50% {
    transform: translateY(-10px);
    box-shadow: 0 18px 35px 15px rgba(0, 0, 0, 0.2);
  }
}
.bubble {
  position: absolute;
  min-width: 150px;
  padding: 10px 15px;
  background: #58b4ff;
  bottom: 35px;
  left: 0;
  right: 0;
  border-radius: 15px;
  color: #fff;
  cursor: crosshair;
  border-bottom: 3px solid #103060;
  box-shadow: 0 8px 25px 15px rgba(0, 0, 0, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  transform: scaleY(0) translateY(10px) rotate(10deg);
  transform-origin: bottom;
  pointer-events: none;
  transition: 500ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.bubble::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #58b4ff;
  transform: rotate(45deg);
  bottom: -8px;
  margin-left: -5px;
  left: 50%;
  z-index: 0;
  pointer-events: none;
  border-right: 2px solid #103060;
  border-bottom: 2px solid #103060;
}
.bubble_title {
  font-size: 16px;
  font-weight: 900;
  pointer-events: none;
}
.bubble_text {
  font-size: 14px;
  font-weight: 100;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.bubble.visible {
  transform: scaleY(1) translateY(0);
  pointer-events: all;
}
.bubble.visible.animate {
  animation: bubbleFlow 2s alternate;
  animation-iteration-count: infinite;
}
.bubble.visible.animate:hover {
  animation: none;
}
.bubble.top {
  bottom: auto;
  top: -60px;
}
#chat-messenger {
  width: auto;
  bottom: 0;
  position: fixed;
  z-index: 10;
  transition: 180ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
  transform: translateX(calc(100% - 45px));
  right: 0;
}
#chat-messenger img {
  /*width: 40px;
        height: auto; */
}
#chat-messenger ul {
  padding-bottom: 30px;
}
#chat-messenger ul li {
  cursor: pointer;
  border-radius: 200px;
  position: relative;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
  transform-origin: bottom right;
  transition: 180ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
  color: #fff;
  max-height: 80px;
  margin-bottom: -20px !important;
}
#chat-messenger ul li::before {
  content: '';
  width: 8px;
  height: 8px;
  right: 34px;
  bottom: -4px;
  transform: rotate(45deg);
  transform-origin: center;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.2);
  z-index: -1;
}
#chat-messenger ul li:hover {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
}
#chat-messenger ul li#chat-messenger-41,
#chat-messenger ul li#chat-messenger-7336,
#chat-messenger ul li#chat-messenger-9339 {
  margin-bottom: -20px !important;
}
#chat-messenger ul:hover li {
  margin-bottom: -10px !important;
}
#chat-messenger ul:hover li#chat-messenger-41,
#chat-messenger ul:hover li#chat-messenger-7336,
#chat-messenger ul:hover li#chat-messenger-9339 {
  margin-bottom: -5px !important;
}
#chat-messenger:hover,
#chat-messenger.active {
  transform: none;
}
#chat_thread_message {
  left: 5px;
  bottom: 5px;
  width: calc(100% - 90px);
  height: 80px;
  position: absolute;
}
#chat_thread_send {
  right: 5px;
  bottom: 5px;
  border-radius: 50px;
  position: absolute;
}
form#chat_thread_upload {
  position: absolute;
  bottom: 70px;
  left: 10px;
  z-index: 3;
}
form#chat_thread_upload input#chat_thread_upload_img {
  opacity: 0;
  pointer-events: none;
  display: none;
}
form#chat_thread_upload #chat_thread_upload_thumb_holder .close_btn {
  width: 24px;
  height: 24px;
  top: -10px;
  right: -8px;
  opacity: 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
}
form#chat_thread_upload #chat_thread_upload_thumb_holder.before_uploaded #chat_thread_upload_thumb {
  transition: 1000ms all ease;
  opacity: 0;
  transform: scale(0.5);
}
form#chat_thread_upload #chat_thread_upload_thumb_holder.uploaded #chat_thread_upload_thumb {
  transition: 1000ms all ease;
  opacity: 1;
  transform: scale(1);
}
form#chat_thread_upload #chat_thread_upload_thumb_holder.uploaded .close_btn {
  opacity: 1;
}
form#chat_thread_upload #chat_thread_upload_thumb {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
}
.chat_thread .me_chat_header {
  font-size: 0;
}
.chat_thread .chat_message_img {
  border-radius: 15px;
  display: block;
}
.chat_thread .chat_thread_button_and_avatars {
  width: 100px;
}
.chat_thread .chat_thread_avatars {
  width: 70px;
  height: 70px;
  position: relative;
  left: 50%;
  margin-left: -35px;
}
.chat_thread .chat_thread_avatars .avatar_last_sent {
  position: absolute;
  right: -2px;
  bottom: -2px;
  text-align: right;
  z-index: 1;
}
.chat_thread .chat_thread_avatars .avatar_last_sent img {
  width: 40%;
  border-radius: 50px;
  border: 1px solid #0074a6;
  opacity: 0;
}
.chat_thread .chat_thread_avatars .avatar_last_sent img.is_other_chatter {
  opacity: 1;
  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0), 0 0 10px 5px #77c7e9;
}
.chat_thread .chat_thread_avatars .avatar_other_chatter {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.chat_thread .chat_thread_avatars .avatar_other_chatter img {
  width: 100%;
  border-radius: 50px;
  filter: drop-shadow(0 0 1px #fff);
}
.chat_thread .chat_thread_title {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
}
.chat_thread .chat_thread_title em {
  font-size: 12px;
  line-height: 16px;
}
.chat_thread .chat_thread_button {
  display: inline-block;
  vertical-align: middle;
}
#chat_thread {
  position: relative;
}
#chat_thread_top {
  width: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
  z-index: 1;
  color: #fff;
}
#chat_thread_top form {
  margin: 0 !important;
}
#chat_thread_top form fieldset {
  margin: 0 !important;
}
#chat_thread_top form fieldset legend {
  background-color: transparent !important;
  background-image: none !important;
}
#chat_thread_top img {
  filter: drop-shadow(0 0 1px #fff);
}
#chat_thread #chat_thread_ajax > ul,
#chat_thread #chat_thread_ajax_older > ul {
  list-style: none;
  padding: 0;
  min-height: 100%;
  padding-bottom: 300px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message {
  position: relative;
  margin: 0;
  padding: 0;
  padding-bottom: 20px;
  text-align: left;
  clear: both;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_reacted_holder,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_reacted_holder {
  position: absolute;
  right: -10px;
  top: -10px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_reacted,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_reacted {
  background: #f0f0f0;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 24px;
  text-align: center;
  white-space: nowrap;
  padding: 0 4px;
  cursor: pointer;
  display: inline-block;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_react_btn,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_react_btn {
  position: absolute;
  filter: invert(1) grayscale(1);
  opacity: 0;
  transition: 180ms all linear;
  padding: 2px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_reactions,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_reactions {
  background: #f0f0f0;
  padding: 4px;
  border-radius: 50px;
  font-size: 1.75rem;
  position: absolute;
  top: -30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
  cursor: pointer;
  opacity: 0;
  transform: translateY(20px);
  transition: all 180ms linear;
  z-index: 1;
  pointer-events: none;
  text-align: center;
  min-width: 300px;
  max-width: 100%;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_reactions div,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_reactions div {
  display: inline-block;
  transition: all 180ms linear;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_reactions div:hover,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_reactions div:hover {
  transform: scale(1.2);
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_reactions.visible,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_reactions.visible {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_avatar,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_avatar {
  position: absolute !important;
  left: 5px;
  top: 5px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_avatar img,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_avatar img {
  width: 30px;
  height: auto;
  border-radius: 50px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_timestamp,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_timestamp,
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_timestamp_read,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_timestamp_read {
  font-size: 11px;
  color: #999;
  position: absolute;
  bottom: -13px;
  min-width: 200px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_timestamp_read,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_timestamp_read {
  bottom: -25px;
  right: 20px;
  text-align: right;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_timestamp_read img,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_timestamp_read img {
  width: 10px;
  border-radius: 10px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .me,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .me,
#chat_thread #chat_thread_ajax > ul > li.chat_message .other,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .other {
  position: relative;
  padding: 10px;
  padding-left: 50px;
  border-radius: 20px;
  margin: 2px 20px;
  margin-bottom: 30px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .other,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .other {
  float: left;
  word-break: break-all;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.8));
  color: #fff;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .other .chat_message_react_btn,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .other .chat_message_react_btn {
  right: -30px;
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .other .chat_message_reactions,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .other .chat_message_reactions {
  left: 0;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .other .chat_message_timestamp,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .other .chat_message_timestamp {
  text-align: left;
  left: 20px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .other .chat_message_timestamp_read,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .other .chat_message_timestamp_read {
  display: none;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .other img,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .other img {
  filter: drop-shadow(0 0 1px #fff);
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .me,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .me {
  float: right;
  background: linear-gradient(180deg, #fff5e1, #fff5e1);
  color: #000;
  word-break: break-all;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .me .chat_message_react_btn,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .me .chat_message_react_btn {
  left: -30px;
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .me .chat_message_reactions,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .me .chat_message_reactions {
  right: 0;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .me .chat_message_timestamp,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .me .chat_message_timestamp {
  text-align: right;
  right: 20px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message .chat_message_img,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message .chat_message_img {
  width: auto;
  display: block;
  cursor: pointer;
  border-radius: 15px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message:last-child,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message:last-child {
  margin-bottom: 500px;
}
#chat_thread #chat_thread_ajax > ul > li.chat_message:hover .chat_message_react_btn,
#chat_thread #chat_thread_ajax_older > ul > li.chat_message:hover .chat_message_react_btn {
  opacity: 1;
}
#chat_thread .button_holder {
  min-height: 100px;
}
.contact ul {
  list-style: none;
  padding: 0;
}
.contact ul li {
  padding: 10px;
}
.contact ul li img {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  padding-right: 10px;
}
.contact ul li span {
  display: inline-block;
  vertical-align: middle;
}
#counter_consumers,
#counter_providers {
  position: relative;
  padding: 20px;
  display: inline-block;
  margin-bottom: 30px;
  font-family: 'PTSans';
  font-weight: bold;
}
#counter_consumers .counter_number,
#counter_providers .counter_number {
  display: inline-block;
  background-image: url(/img/bg_counter_number_small.png);
  min-width: 34px;
  height: 52px;
  font-size: 34px;
  line-height: 52px;
  color: #000;
  vertical-align: middle;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));
  text-shadow: 2px 2px 0px #fff;
  mix-blend-mode: soft-light;
}
#counter_consumers .counter_number.nobg,
#counter_providers .counter_number.nobg {
  background-image: none;
  color: #dde4ef;
  padding-left: 10px;
  font-size: 20px;
  font-weight: 100;
  text-shadow: none;
  mix-blend-mode: normal;
}
@media (max-width: 480px) {
  #counter_consumers,
  #counter_providers {
    margin-bottom: 0;
    padding: 10px;
  }
}
.curator_list {
  font-size: 0;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid transparent;
  margin: 1px 0;
  /*&:nth-child(even) {
    background: rgba(255, 255, 255, 0.7);
  }

  &:nth-child(odd) {
    background: rgba(255, 255, 255, 0.4);
  } */
}
.curator_list h3,
.curator_list h4 {
  margin: 0;
  padding: 0;
}
.curator_list h3 {
  font-weight: 900;
  line-height: 16px;
}
.curator_list h3 span {
  display: inline-block;
  vertical-align: middle;
}
.curator_list h3 .chevron_down {
  height: 50px;
  display: inline-block;
  vertical-align: middle;
}
.curator_list p {
  margin: 0;
}
.curator_list_playlists ul li {
  width: 20%;
  position: relative;
  display: inline-block;
}
.curator_list_playlists ul li .btn_submit_song,
.curator_list_playlists ul li .playlist_price,
.curator_list_playlists ul li .icon.round {
  display: none;
}
.curator_list_playlists ul li img.lettie {
  width: 15px;
}
.curator_list_playlists ul li img.playlist_platform {
  bottom: auto;
  top: 10px;
  left: 10px;
  width: 20px !important;
}
.curator_list_playlists ul li img.playlist_cover {
  width: 100%;
}
@media (max-width: 480px) {
  .curator_list_playlists ul li {
    width: 50%;
  }
  .curator_list_playlists ul li img.playlist_platform {
    width: 10px;
    left: 2px;
    top: 2px;
  }
}
.curator_list input {
  pointer-events: none;
}
.curator_list_select,
.curator_list_avatar,
.curator_list_text,
.curator_list_price,
.curator_list_add {
  font-size: 16px;
}
.curator_list_select {
  max-width: 50px;
  text-align: right;
  height: 100%;
}
.curator_list_avatar {
  cursor: pointer;
}
.curator_list_avatar img {
  width: 100%;
  max-width: 50px;
  height: auto;
  border-radius: 120px;
}
.curator_list_text img {
  width: 10px;
}
.curator_list_price h4 {
  font-weight: 300;
}
.curator_list_add {
  width: 70px;
  text-align: right;
}
@media (max-width: 480px) {
  .curator_list_add {
    position: relative;
    right: 40px;
  }
}
.curator_list_pitch {
  margin-top: 10px;
  display: block;
  font-size: 16px;
}
.curator_list.selected {
  background: #8be9bb;
  border: 1px solid #27b872;
  box-shadow: 1px 1px 0 rgb(0 0 0%);
}
.curator_list.selected legend {
  background: #8be9bb;
}
.curator_list.selected button {
  background: #27b872;
  color: #fff;
}
#express_panel {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 100px;
  width: 100%;
  background-color: #f0f0f0;
}
.feedback_phrases {
  position: fixed;
  width: 400px;
  max-width: 75%;
  height: 100%;
  top: 0;
  overflow: hidden;
  overflow-y: auto;
  left: 0;
  z-index: 11;
  text-align: left;
  opacity: 0;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.8);
  font-size: 0;
  transition: all 345ms ease;
  transform: translateX(-100%);
  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0), 0 0 30px #77c7e9;
  /*@media (min-width: @laptop-min) {
        position: fixed;
        bottom: 0;
        height: 300px !important;
        top: auto;
    } */
}
.feedback_phrases h4 {
  margin: 0;
  text-align: center;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: filter(5px);
  padding: 20px 0;
  font-size: 1.5rem;
  font-weight: 100;
}
.feedback_phrases .feedback_phrase {
  background-color: #fffbf2;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3), transparent);
  color: #000;
  position: relative;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0 6px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  cursor: pointer;
  margin: 4px 10px;
  padding: 8px;
  padding-right: 20px;
  font-size: 1.25rem;
  width: calc(100% - 10px);
  transition: all 345ms cubic-bezier(0.175, 0.585, 0.32, 1.775);
}
.feedback_phrases .feedback_phrase_close {
  right: 8px !important;
  top: 8px !important;
  width: 20px !important;
  height: 20px !important;
  background-color: #000 !important;
}
.feedback_phrases .feedback_phrase::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  bottom: -1px;
  right: 25px;
  background: #fffbf2;
  z-index: 0;
  transition: all 345ms cubic-bezier(0.175, 0.585, 0.32, 1.775);
}
.feedback_phrases .feedback_phrase .feedback_phrase_favourite {
  margin-top: -4px;
}
.feedback_phrases .feedback_phrase_phrase,
.feedback_phrases .feedback_phrase_phrase_team {
  pointer-events: none;
}
.feedback_phrases .feedback_phrase.favourite {
  background-color: #fff5e1;
  font-weight: 700;
  font-size: 1.25rem;
}
.feedback_phrases .feedback_phrase.favourite::before {
  background: #fff5e1;
}
.feedback_phrases .feedback_phrase:hover {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent);
  background-color: #ffeecc;
  transform: translateY(-2px);
}
.feedback_phrases .feedback_phrase:hover::before {
  background-color: #ffeecc;
  bottom: -3px;
}
.feedback_phrases.visible {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
.genre_tag {
  display: inline-block;
  background: #f0f0f0;
  padding: 2px 10px;
  border-radius: 20px;
  margin: 1px;
  color: #555;
  line-height: 22px;
}
.genre_tag_delete,
.genre_tag_name {
  display: inline-block;
  vertical-align: middle;
}
.genre_tag_delete {
  background: #999;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  margin-right: 3px;
  position: relative;
}
.genre_tag_delete .line1,
.genre_tag_delete .line2 {
  position: absolute;
  width: 9px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  top: 6px;
  left: 3px;
}
.genre_tag_delete .line1 {
  transform: rotate(45deg);
}
.genre_tag_delete .line2 {
  transform: rotate(-45deg);
}
.genre_tag.small {
  padding: 0 6px 0 5px;
  border-radius: 10px;
  margin: 1px;
  line-height: 16px;
}
#cookie-consent-banner {
  position: fixed;
  width: calc(100% - 40px);
  max-width: 400px;
  left: 20px;
  bottom: 20px;
  padding: 10px;
  z-index: 12;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6);
  display: none;
}
.darkmode #cookie-consent-banner {
  background-color: #004d66;
  border-color: #001a1f;
}
/* Keyframes for the radar pulsating effect */
@keyframes pulse-animation {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
  }
}
.info_button {
  background-color: #103060;
  color: #fff;
  width: auto;
  min-width: 30px;
  height: 30px;
  border-radius: 15px;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 30px;
  cursor: pointer;
  transition: 250ms all ease;
  text-align: center;
  transform-origin: bottom;
}
.info_button.small {
  width: 20px;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  bottom: -2px;
  font-size: 0.875rem;
  right: -2px;
}
.info_button.tiny {
  width: 14px;
  min-width: 14px;
  height: 14px;
  line-height: 14px;
  bottom: -2px;
  font-size: 0.625rem;
  right: -2px;
}
.info_button.active,
.info_button:hover {
  transform: translateY(-2px);
  box-shadow: 3px 0 10px rgba(0, 0, 0, 0.2), 0 5px 7px rgba(0, 0, 0, 0.3), 0 0 5px 2px #fff;
}
.info_button.top_left {
  bottom: auto;
  top: 0;
  right: auto;
  left: 0;
}
.info_button.top_right {
  bottom: auto;
  top: 0;
}
.info_button.warning {
  background-color: #a85323;
}
.info_button_highlight,
.highlight_spotlight {
  position: relative;
  opacity: 1 !important;
  filter: none !important;
}
.info_button_highlight::before,
.highlight_spotlight::before {
  /* Pseudo-element for the pulsating effect */
  content: '';
  opacity: 0;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 150% !important;
  /* Initial size of the pulse */
  height: 150% !important;
  /* Initial size of the pulse */
  background-color: rgba(52, 152, 219, 0.5) !important;
  /* Same color as the element but with opacity */
  border-radius: 50% !important;
  transform: translate(-50%, -50%) scale(0.5);
  animation: pulse-animation 2s infinite;
  /* Adjust timing as needed */
}
.info_button_all_other {
  opacity: 0.3;
  filter: blur(3px);
}
.audition_feedback_min_chars_left {
  opacity: 0 !important;
}
.audition_feedback_min_chars_left.visible {
  opacity: 1 !important;
}
.audition_feedback_textarea {
  z-index: 12;
}
.matching_points {
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  border: 2px solid #27b872;
  display: inline-block;
}
.matching_points_fill {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #27b872;
}
.matching_points_value {
  position: relative;
  z-index: 1;
  color: #fff;
  line-height: 60px;
  font-weight: 900;
  text-shadow: 0 0 12px rgba(255, 255, 255, 0.7);
  font-size: 1.5rem;
}
.matching_points.mood_1 {
  border-color: #b82727;
}
.matching_points.mood_1 .matching_points_fill {
  background: #b82727;
}
.matching_points.mood_1 .matching_points_value {
  color: #b82727;
}
.matching_points.mood_2 {
  border-color: #b84b27;
}
.matching_points.mood_2 .matching_points_fill {
  background: #b84b27;
}
.matching_points.mood_2 .matching_points_value {
  color: #b84b27;
}
.matching_points.mood_3 {
  border-color: #b87227;
}
.matching_points.mood_3 .matching_points_fill {
  background: #b87227;
}
.matching_points.mood_3 .matching_points_value {
  color: #b87227;
}
.matching_points.mood_4 {
  border-color: #b88f27;
}
.matching_points.mood_4 .matching_points_fill {
  background: #b88f27;
}
.matching_points.mood_4 .matching_points_value {
  color: #6a4c01;
}
.matching_points.mood_5 {
  border-color: #b6b827;
}
.matching_points.mood_5 .matching_points_fill {
  background: #b6b827;
}
.matching_points.mood_5 .matching_points_value {
  color: #feffbb;
}
.matching_points.mood_6 {
  border-color: #91b827;
}
.matching_points.mood_6 .matching_points_fill {
  background: #91b827;
}
.matching_points.mood_6 .matching_points_value {
  color: #f0ffc6;
}
.matching_points.mood_7 {
  border-color: #5cb827;
}
.matching_points.mood_7 .matching_points_fill {
  background: #5cb827;
}
.matching_points.mood_7 .matching_points_value {
  color: #daffc5;
}
.matching_points.mood_8 {
  border-color: #27b82e;
}
.matching_points.mood_8 .matching_points_fill {
  background: #27b82e;
}
.matching_points.mood_8 .matching_points_value {
  color: #fff;
}
.matching_points.mood_9,
.matching_points.mood_10 {
  border-color: #27b872;
}
.matching_points.mood_9 .matching_points_fill,
.matching_points.mood_10 .matching_points_fill {
  background: #27b872;
}
.matching_points.mood_9 .matching_points_value,
.matching_points.mood_10 .matching_points_value {
  color: #fff;
}
.matching_points.large {
  width: 120px;
  height: 120px;
  border-radius: 60px;
}
.matching_points.large .matching_points_value {
  line-height: 120px;
  font-size: 2.5rem;
}
ul#requests_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#requests_list li {
  margin: 0;
  padding: 0;
}
ul#requests_list li .approve,
ul#requests_list li .decline {
  cursor: pointer;
}
ul#requests_list li .approve .img,
ul#requests_list li .decline .img {
  width: 40px;
  border-radius: 20px;
  border: 2px solid;
  box-shadow: inset 0 0 0 2px #fff;
}
ul#requests_list li .approve .img img,
ul#requests_list li .decline .img img {
  width: 100%;
  opacity: 0;
  padding: 4px;
}
ul#requests_list li .approve.active,
ul#requests_list li .decline.active {
  font-weight: 900;
}
ul#requests_list li .approve.active img,
ul#requests_list li .decline.active img {
  opacity: 1;
}
ul#requests_list li .approve.active .img {
  background: #27b872;
  border-color: #2b9e6a;
}
ul#requests_list li .decline.active .img {
  background: #ff0000;
  border-color: #cc0000;
}
ul#requests_list li .stamp_img {
  width: 100%;
  height: auto;
}
ul#requests_list li .cover_art {
  position: relative;
  width: 70px;
}
ul#requests_list li .cover_art img.cover_art_song {
  width: 100%;
}
ul#requests_list li .cover_art img.cover_art_team {
  background: #fff;
  border-radius: 15px;
  width: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
}
ul#requests_list li legend {
  /*img.cover_art_song {
        height: 100%;
        width: 100%;
      }*/
}
ul#requests_list li legend img.cover_art_team {
  display: none;
}
ul#requests_list li .playlist img {
  width: 100%;
}
.info_box {
  background-color: #cde8ff;
  background-image: url(/img/icons/icon_info.svg), /* Bakgrundsbild */ linear-gradient(180deg, rgba(255, 255, 255, 0.4), transparent);
  /* Gradient */
  background-size: 15px;
  /* Storleken på ikonen */
  background-repeat: no-repeat, repeat;
  /* Första är för bilden, andra för gradienten */
  background-position: 5px 5px, 0 0;
  /* Placera bakgrundsbilden separat */
  color: #011831;
  border-radius: 10px;
  position: relative;
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  box-sizing: border-box;
  display: inline-block;
  transition: all 400ms ease;
  pointer-events: none;
}
.info_box hr {
  border-bottom: 1px solid #cde8ff;
}
.info_box_owl img {
  width: 40px;
  position: absolute;
  top: -25px;
  left: 10px;
  pointer-events: none;
  transition: transform 200ms linear, opacity 50ms linear;
  transform: translateY(10px) scaleY(0);
  display: block;
  opacity: 0;
}
.info_box_close_btn {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  top: 5px;
  right: 5px;
  text-align: center;
  padding: 0;
  margin: 0;
  border-radius: 20px;
  cursor: pointer;
  z-index: 1;
  background: #58b4ff;
}
.info_box_close_btn_line {
  position: absolute;
  top: 50%;
  left: 25%;
  margin-top: -2px;
  width: 50%;
  height: 2px;
  background: #fff;
  border-radius: 3px;
}
.info_box_close_btn_line_1 {
  transform: rotate(45deg);
}
.info_box_close_btn_line_2 {
  transform: rotate(-45deg);
}
.info_box_img {
  box-shadow: 2px 2px 0 #103060;
  padding: 0;
  margin: 5px;
  float: left;
  margin-right: 15px;
  position: relative;
  border-radius: 1px;
  overflow: hidden;
  cursor: pointer;
}
.info_box_img_zoom {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  margin-left: -15px;
  margin-top: -15px;
}
.info_box_img img {
  max-width: 70px;
  max-height: 70px;
}
.info_box_img_img {
  width: 100%;
  cursor: pointer;
}
.info_box_img:hover {
  transform: translate(1px, 1px);
  box-shadow: 1px 1px 0 #58b4ff;
}
.info_box_img:hover .info_box_img_zoom {
  transform: scale(1.1) rotate(5deg);
}
.info_box_text {
  position: relative;
}
.info_box_text.has_img {
  text-align: left;
}
.info_box_text .expandable_trigger {
  display: none;
}
.info_box_text.expandable {
  transform: none;
  padding: 0;
  padding-top: 4px;
  height: 30px;
  opacity: 1 !important;
  border-color: #58b4ff !important;
}
.info_box_text.expandable * {
  opacity: 1;
}
@media (max-width: 480px) {
  .info_box_text.expandable {
    padding-bottom: 25px;
  }
}
.info_box_text.expandable .expandable_trigger {
  display: block;
  position: absolute;
  bottom: 5px;
  left: auto;
  right: 0;
  width: 40px;
  height: 30px;
  line-height: 30px;
  border-radius: 24px;
  text-align: center;
  background: #a1d3ff;
  color: #fff;
}
.info_box_text.expandable .expandable_trigger img {
  height: 30px;
  filter: invert(1);
}
.info_box_text.expandable .expandable_trigger span,
.info_box_text.expandable .expandable_trigger img {
  display: inline-block;
  vertical-align: middle;
}
.info_box_text.expandable.expanded {
  margin-bottom: 0;
  box-shadow: none;
  height: auto;
  padding-bottom: 40px;
}
.info_box_text.expandable.expanded .expandable_trigger {
  padding: 0 0 5px 0;
}
.info_box_text.expandable.expanded .expandable_trigger img {
  transform: rotate(180deg);
}
.info_box_text.expandable.expanded .expandable_trigger span {
  display: none;
}
.info_box.warning {
  background-color: #ffecbe;
  color: #a85323;
  border-color: #cbae90 !important;
}
.info_box.warning .info_box_owl {
  display: none;
}
.info_box.success {
  background-color: #d8f1e5;
  color: #2a6b45;
  border-color: #27b872 !important;
}
.info_box.success .info_box_close_btn {
  background: linear-gradient(0deg, #2b9e6a, #27b872);
  border-color: #d8f1e5;
}
.info_box.success .info_box_close_btn_line {
  background: #fff;
}
.info_box.success .info_box_owl {
  display: none;
}
.info_box.important {
  background: #fff7ba;
  border: none !important;
}
.info_box.important .info_box_close_btn {
  background: #fff7ba;
  border-color: #d8f1e5;
  box-shadow: none;
}
.info_box.important .info_box_close_btn_line {
  background: #000;
}
.info_box.visible {
  border: 1px solid #58b4ff;
  opacity: 1;
  transform: translateY(0);
  max-height: 3000px;
  padding: 20px;
  pointer-events: all;
}
.info_box.visible .info_box_owl img {
  transform: translate(0, 0);
  opacity: 1;
}
.led_lamp {
  position: relative;
  width: 7px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.led_lamp_light {
  width: 7px;
  height: 7px;
  border-radius: 7px;
  background: #73ff00;
  box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 2px #fff, 0 0 5px #73ff00;
}
@keyframes animateBarViewLine {
  0% {
    transform: translateY(0);
    opacity: 0.3;
  }
  10% {
    transform: translateY(1px);
  }
  50% {
    transform: translateY(-5px);
  }
  80% {
    transform: translateY(0);
  }
  90% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.list_bar_genres_checkbox {
  pointer-events: none;
}
.list .list_bar {
  background: #fff5e1;
  min-height: 50px;
  padding: 5px;
  cursor: default;
}
.list .list_bar_search input {
  margin-left: 0;
}
.list .list_bar_sort select#list_bar_sort {
  margin-left: 0;
}
.list .list_bar_section {
  display: inline-block;
  vertical-align: top;
  margin: 10px 20px;
  position: relative;
}
.list .list_bar_section .list_bar_moods {
  opacity: 0;
  pointer-events: none;
  transition: 100ms all ease;
  position: absolute;
  top: 80px;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1;
  width: 200px;
  text-align: center;
  padding: 20px;
  backdrop-filter: blur(3px);
  box-shadow: 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.list .list_bar_section .list_bar_moods .form-group-moods {
  margin: 10px;
}
.list .list_bar_section .list_bar_moods .form-group-moods .list_bar_moods_slider {
  padding: 0;
  margin: 0;
}
.list .list_bar_section .list_bar_moods.visible {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 480px) {
  .list .list_bar_section {
    margin: 5px 3px;
  }
}
.list .list_bar #select-genres .option input,
.list .list_bar #select-platforms .option input {
  pointer-events: none;
}
.list .list_bar .list_bar_view_btn {
  background: #9b7934;
  transition: 345ms all ease;
  cursor: pointer;
}
.list .list_bar .list_bar_view_btn .line {
  opacity: 0.3;
}
.list .list_bar .list_bar_view_btn:hover .line {
  opacity: 0.7;
}
.list .list_bar .list_bar_view_btn.active {
  background: linear-gradient(#1e1504, #524326);
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.list .list_bar .list_bar_view_btn.active .line {
  animation: animateBarViewLine 200ms forwards;
}
.list .list_bar .list_bar_view_btn.active .line:nth-child(2) {
  animation-duration: 345ms;
}
.list .list_bar .list_bar_view_btn.active .line:nth-child(3) {
  animation-duration: 400ms;
}
.list .list_bar .list_bar_view_btn.active .line:nth-child(4) {
  animation-duration: 500ms;
}
.list .list_bar .list_bar_view_btn.active .line:nth-child(5) {
  animation-duration: 600ms;
}
.list .list_bar .list_bar_view_btn.active .line:nth-child(6) {
  animation-duration: 700ms;
}
.list .list_bar .list_bar_view_btn.active .line:nth-child(7) {
  animation-duration: 800ms;
}
.list .list_bar .list_bar_view_btn.active .line:nth-child(8) {
  animation-duration: 900ms;
}
.list .list_bar_title {
  font-size: 12px;
  margin-bottom: 5px;
}
.list .list_bar_title_value {
  font-weight: 900;
}
.list .list_bar .new_line {
  width: 100%;
  height: 0;
  display: block;
  margin: 0;
  padding: 0;
}
.list .list_bar_grid_8,
.list .list_bar_grid_4,
.list .list_bar_grid_2,
.list .list_bar_grid_1,
.list .list_bar_list_small,
.list .list_bar_list_big {
  position: relative;
  display: inline-block;
  font-size: 0;
  padding: 3px 2px 2px 3px;
  border-radius: 3px;
}
.list .list_bar_grid_8 .line,
.list .list_bar_grid_4 .line,
.list .list_bar_grid_2 .line,
.list .list_bar_grid_1 .line,
.list .list_bar_list_small .line,
.list .list_bar_list_big .line {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0;
  background: #fff;
  box-sizing: border-box;
  border-right: 1px solid #1e1504;
  border-bottom: 1px solid #1e1504;
}
@media (max-width: 480px) {
  .list .list_bar_grid_8 .genre_tags,
  .list .list_bar_grid_4 .genre_tags,
  .list .list_bar_grid_2 .genre_tags,
  .list .list_bar_grid_1 .genre_tags,
  .list .list_bar_list_small .genre_tags,
  .list .list_bar_list_big .genre_tags {
    display: none !important;
  }
  .list .list_bar_grid_8 .playlist_title,
  .list .list_bar_grid_4 .playlist_title,
  .list .list_bar_grid_2 .playlist_title,
  .list .list_bar_grid_1 .playlist_title,
  .list .list_bar_list_small .playlist_title,
  .list .list_bar_list_big .playlist_title {
    font-size: 14px !important;
  }
}
@media (max-width: 480px) {
  .list .list_bar_grid_8 {
    display: none;
  }
}
.list .list_bar_grid_4 .line {
  width: 6px;
  height: 6px;
  margin: 0;
}
@media (max-width: 480px) {
  .list .list_bar_grid_4 .playlist_title,
  .list .list_bar_grid_4 .playlist_percent_approved {
    display: none !important;
  }
  .list .list_bar_grid_4 .list_match_points_wrap {
    top: -25px !important;
    pointer-events: none;
  }
}
.list .list_bar_grid_2 .line {
  width: 12px;
  height: 12px;
  margin: 0;
}
.list .list_bar_grid_2 button.small {
  padding: 20px 40px !important;
}
.list .list_bar_grid_1 .line {
  width: 24px;
  height: 24px;
  margin: 0;
}
.list .list_bar_grid_1 button.small {
  padding: 20px 40px !important;
}
@media (min-width: 481px) {
}
.list .list_bar_list_big li,
.list .list_bar_list_small li {
  width: 100% !important;
  height: 120px;
  text-align: left !important;
  position: relative;
  margin-bottom: 1px !important;
  padding: 20px 0;
  border: 10px solid #fff;
}
.list .list_bar_list_big li button,
.list .list_bar_list_small li button {
  margin: 0;
  right: 0;
  top: 20%;
  position: absolute;
}
.list .list_bar_list_big li a,
.list .list_bar_list_small li a,
.list .list_bar_list_big li img,
.list .list_bar_list_small li img {
  display: inline-block;
  vertical-align: middle;
}
.list .list_bar_list_big li .view_playlist img,
.list .list_bar_list_small li .view_playlist img {
  height: 100%;
}
.list .list_bar_list_big li .playlist_platform,
.list .list_bar_list_small li .playlist_platform {
  position: absolute;
  left: 75px;
  top: 5px;
  height: auto;
}
.list .list_bar_list_big li .playlist_price,
.list .list_bar_list_small li .playlist_price {
  position: absolute;
  top: 29px;
  left: 105px;
}
.list .list_bar_list_big li .playlist_followers,
.list .list_bar_list_small li .playlist_followers {
  position: absolute;
  top: 55px;
  left: 105px;
}
.list .list_bar_list_big li .playlist_title,
.list .list_bar_list_small li .playlist_title {
  display: block !important;
  position: absolute;
  left: 105px;
  padding: 0;
  top: 0;
  font-size: 1.5rem;
}
.list .list_bar_list_big li .playlist_percent_approved,
.list .list_bar_list_small li .playlist_percent_approved {
  position: absolute;
  top: 60px;
  left: 180px;
}
.list .list_bar_list_big li:hover,
.list .list_bar_list_small li:hover {
  background: #ffeecc !important;
  border-color: #ffeecc;
}
.list .list_bar_list_small li {
  height: 54px;
  border: 2px solid #fff;
}
.list .list_bar_list_small li button {
  margin: 0 !important;
  padding: 5px 10px !important;
}
.list .list_bar_list_small li .playlist_platform {
  left: 30px;
  width: 15px !important;
}
.list .list_bar_list_small li .playlist_followers {
  top: 15px !important;
  left: 170px;
  font-size: 0.875rem;
}
.list .list_bar_list_small li .playlist_followers img {
  width: 15px;
}
.list .list_bar_list_small li .playlist_percent_approved {
  top: 20px !important;
  left: 230px;
  font-size: 0.875rem;
}
.list .list_bar_list_small li .playlist_percent_approved img {
  width: 15px;
}
.list .list_bar_list_small li .playlist_title {
  top: 5px !important;
  left: 55px !important;
  font-size: 0.875rem;
}
.list .list_bar_list_small li .playlist_price {
  left: 55px !important;
  top: 25px !important;
}
.list .list_bar_list_small li .playlist_price img {
  width: 10px !important;
}
.list .list_bar_list_small.list_bar_view_btn,
.list .list_bar_list_big.list_bar_view_btn {
  display: inline-block;
  font-size: 0;
  border-radius: 3px;
  width: 29px;
  height: 29px;
  box-sizing: border-box;
  padding-bottom: 0;
}
.list .list_bar_list_small.list_bar_view_btn .line,
.list .list_bar_list_big.list_bar_view_btn .line {
  width: 18px;
  height: 6px;
  display: inline-block;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  border-bottom: 1px solid #1e1504;
}
.list .list_bar_list_small.list_bar_view_btn .line {
  width: 18px;
  height: 3px;
  width: 100%;
  border-bottom: 1px solid #1e1504;
}
@media (max-width: 480px) {
  .list .list_bar_list_small.list_bar_view_btn {
    display: none;
  }
}
@media (max-width: 480px) {
  .list .list_bar {
    text-align: center;
  }
}
.list ul .list_match {
  width: 50px;
  text-align: center;
  position: relative;
  display: inline-block;
}
.list ul .list_match .list_match_points_wrap {
  margin: 0;
  width: 150px;
  height: 150px;
  background: #fefcff;
  border-radius: 50%;
  border: 1px solid #cdcbd0;
  position: absolute;
  top: 0;
  left: 0%;
  margin-left: -45px;
  margin-top: -20px;
  cursor: pointer;
  transform: scale(0.25);
  transform-origin: top;
}
.list ul .list_match .list_match_points_wrap .list_match_points .mask,
.list ul .list_match .list_match_points_wrap .list_match_points .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}
.list ul .list_match .list_match_points_wrap .mask .fill {
  clip: rect(0px, 76px, 151px, 0px);
  background-color: #27b872;
}
.list ul .list_match .list_match_points_wrap .list_match_points .mask {
  clip: rect(0px, 150px, 150px, 75px);
}
.list ul .list_match .list_match_points_wrap .inside-circle {
  width: 132px;
  height: 132px;
  border-radius: 50%;
  background: #eaf7f1;
  line-height: 120px;
  text-align: center;
  margin-top: 9px;
  margin-left: 9px;
  color: #27b872;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 44px;
}
@media (max-width: 480px) {
  .list ul .list_match .list_match_points_wrap {
    top: 0;
    transform: scale(0.25);
  }
}
.list ul .list_match h3 {
  text-align: center;
}
.list ul .list_match h4 {
  height: 60px;
  margin: 0;
  margin-top: 60px;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
}
.list ul .list_match .list_match_left,
.list ul .list_match .list_match_right {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
}
.list ul.list_bar_grid_8 li {
  width: calc(12.5% - 2px) !important;
  margin: 1px;
}
.list ul.list_bar_grid_8 li .playlist_title {
  font-size: 14px !important;
}
.list ul.list_bar_grid_8 li .playlist_price img.lettie {
  width: 10px !important;
}
.list ul.list_bar_grid_8 li .genre_tags .genre_tag_name {
  margin: 0 !important;
  padding: 0 1px !important;
  line-height: 12px !important;
  font-size: 9px !important;
}
.list ul.list_bar_grid_4 li {
  width: calc(25% - 4px) !important;
  margin: 2px;
}
@media (max-width: 480px) {
  .list ul.list_bar_grid_4 li {
    width: calc(50% - 4px) !important;
  }
}
.list ul.list_bar_grid_2 li {
  width: calc(50% - 8px) !important;
  margin: 4px;
}
.list ul.list_bar_grid_1 li {
  width: calc(100% - 8px) !important;
  margin: 4px;
}
.list_bar_categories ul {
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 480px) {
}
.list_bar_categories ul li {
  opacity: 0.3;
  padding: 4px 10px;
  margin: 1px;
  border-radius: 5px;
}
.list_bar_categories ul li ul {
  vertical-align: top;
  display: inline-block;
  max-height: 0;
  overflow: hidden;
  transition: 345ms all ease;
  width: 100%;
}
.list_bar_categories ul li ul li {
  border: none;
  opacity: 0.3;
}
.list_bar_categories ul li.checked {
  background: #f0f0f0;
  opacity: 1;
}
.list_bar_categories ul li.checked ul {
  max-height: 200px;
  overflow: auto;
}
#loader_default_holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  pointer-events: none;
}
#loader_bottom_holder {
  height: 200px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 101;
  pointer-events: none;
}
.loader,
#loader_clone {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  z-index: 999;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  transition: 200ms all ease;
}
.loader.visible,
#loader_clone.visible {
  opacity: 1 !important;
}
.loader.no_backdrop,
#loader_clone.no_backdrop {
  background: none;
  backdrop-filter: none;
}
.loader.small .loader_content,
#loader_clone.small .loader_content {
  width: 50%;
  height: 50%;
  top: 25%;
}
.loader.small .bar,
#loader_clone.small .bar {
  height: 15% !important;
}
.loader.white .bar,
#loader_clone.white .bar {
  background-color: #fff !important;
}
.loader_content {
  display: flex;
  justify-content: space-between;
  /* Fördela bars jämnt horisontellt */
  align-items: center;
  /* Centrera bars vertikalt */
  margin: 0 auto;
  width: 80%;
  height: 100%;
  /*left: 10%;
  top: 10%; */
  max-width: 120px;
  position: relative;
  z-index: 99;
  transform-origin: center;
}
.loader_text {
  position: absolute;
  top: 60%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  height: auto;
  padding: 20px 0;
  /*background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(3px); */
  opacity: 0;
}
.loader_text.visible {
  opacity: 1;
}
.bar {
  width: 10%;
  height: 30%;
  max-height: 40px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  animation: jump 0.6s infinite;
  border-radius: 20px;
}
.darkmode .bar {
  background-color: #eee;
}
.bar:nth-child(1) {
  animation-delay: 0s;
}
.bar:nth-child(2) {
  animation-delay: 0.14s;
}
.bar:nth-child(3) {
  height: 40%;
  animation-delay: 0.03s;
}
.bar:nth-child(4) {
  animation-delay: 0.09s;
}
.bar:nth-child(5) {
  animation-delay: 0.2s;
}
.bar:nth-child(6) {
  animation-delay: 0.05s;
}
@keyframes jump {
  0%,
  100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(2);
  }
}
.darkmode .bar {
  background: #fff;
}
.button_holder_info.sticky {
  position: sticky;
  bottom: 0;
  z-index: 11;
}
.button_holder {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  text-align: center;
  border-top: 2px solid #fff;
  overflow: hidden;
}
.button_holder.valid {
  background: #8be9bb;
}
.button_holder.valid button.primary {
  background: #2b9e6a;
}
.button_holder.sticky {
  position: sticky;
  bottom: 0;
  z-index: 11;
}
.button_holder.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
.modal {
  position: fixed;
  z-index: 13;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(25, 77, 104, 0.9);
  backdrop-filter: blur(1px) grayscale(0.6);
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: all 180ms ease;
}
.modal_content_holder {
  top: 50px;
  display: inline-block;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
  transform-origin: center;
  transform: perspective(1000px) translateY(-20px) rotateX(10deg) scale(0.8);
  opacity: 0;
}
.modal_content_holder.ui-draggable-dragging {
  transition: none;
}
.modal_bar {
  width: calc(100% - 60px);
  max-width: 1000px;
  margin-top: 20px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(5px);
  display: inline-block;
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  z-index: 10;
  top: 0;
  margin: 0;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.modal_bar_title {
  height: 40px;
  line-height: 40px;
  text-align: left;
  padding-left: 16px;
  overflow: hidden;
}
.modal_bar_title * {
  display: inline-block !important;
  vertical-align: middle;
}
.modal_bar_close_btn,
.modal_bar_maximize_btn {
  background-color: #999;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 8px;
  right: 8px;
  text-align: center;
  padding: 0;
  margin: 0;
  border-radius: 24px;
  cursor: pointer;
  z-index: 10;
}
.modal_bar_close_btn .line,
.modal_bar_maximize_btn .line {
  position: absolute;
  top: 50%;
  left: 25%;
  margin-top: -1px;
  width: 50%;
  height: 2px;
  background: #fff;
  border-radius: 4px;
  transition: all 345ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.modal_bar_close_btn .line1,
.modal_bar_maximize_btn .line1 {
  transform: rotate(45deg);
}
.modal_bar_close_btn .line2,
.modal_bar_maximize_btn .line2 {
  transform: rotate(-45deg);
}
.modal_bar_maximize_btn {
  right: 40px;
}
.modal_bar_maximize_btn .line {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  margin-top: 0;
  margin-left: 0;
  background: transparent;
  border: 2px solid #fff;
}
@media (max-width: 480px) {
  .modal_bar {
    width: calc(100% - 20px);
  }
}
@media (max-width: 768px) {
  .modal_bar {
    height: 60px;
  }
  .modal_bar_title {
    height: 60px;
    line-height: 60px;
  }
  .modal_bar_maximize_btn,
  .modal_bar_close_btn {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
  .modal_bar_maximize_btn {
    right: 60px;
  }
  .modal_bar_maximize_btn .line {
    border-width: 4px;
  }
  .modal_bar_close_btn .line {
    height: 4px;
  }
}
.modal_content {
  display: inline-block;
  width: calc(100% - 60px);
  max-width: 1000px;
  min-height: 500px;
  max-height: calc(100% - 70px);
  height: calc(100% - 70px);
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  overflow: auto;
  overflow-x: hidden;
  text-align: left;
}
@media (max-width: 480px) {
  .modal_content {
    width: calc(100% - 20px);
  }
}
.modal.transition .modal_content,
.modal.transition .modal_bar {
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.modal.small .modal_content,
.modal.small .modal_bar {
  width: 500px;
}
.modal.medium .modal_content,
.modal.medium .modal_bar {
  width: 700px;
}
.modal .modal_content,
.modal .modal_bar {
  max-width: 100%;
}
.modal.full .modal_content_holder {
  left: 0 !important;
  top: 0 !important;
  min-width: 100% !important;
}
.modal.full .modal_content {
  width: 100%;
  height: calc(100% - 40px);
  max-width: 100%;
  max-height: calc(100% - 40px);
  margin: 0;
}
.modal.full .modal_bar {
  width: 100%;
  max-width: 100%;
  margin: 0;
}
.modal.full .modal_bar .maximize .line {
  width: 10%;
  height: 10%;
  left: 40%;
  top: 40%;
}
.modal.visible {
  opacity: 1;
  pointer-events: all;
}
.modal.visible .modal_content_holder {
  min-width: 500px;
  max-width: 100%;
  transform: translateY(0) perspective(800px) !important;
  opacity: 1;
}
.modal.visible .modal_content_holder.transition_out {
  transform: translateX(-100%) !important;
}
.modal.visible .modal_content_holder.transition_in {
  transform: translateX(100%) !important;
}
@media (max-width: 480px) {
  .modal.visible .modal_content_holder {
    min-width: 300px;
  }
}
#modal_img_content {
  min-height: 0;
  cursor: pointer;
}
#dim {
  z-index: 9999;
  background: rgba(25, 77, 104, 0.3);
  backdrop-filter: blur(0) grayscale(0.6);
  pointer-events: none !important;
  opacity: 0;
  transition: opacity 655ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#dim.visible {
  opacity: 1;
}
.undim {
  z-index: 10000;
}
.knob[mood-value="-5"] {
  background-color: #3172a2;
}
.knob[mood-value="-4"] {
  background-color: #3d6996;
}
.knob[mood-value="-3"] {
  background-color: #486089;
}
.knob[mood-value="-2"] {
  background-color: #55587c;
}
.knob[mood-value="-1"] {
  background-color: #62506f;
}
.knob[mood-value="0"] {
  background-color: #6f4862;
}
.knob[mood-value="1"] {
  background-color: #7d4055;
}
.knob[mood-value="2"] {
  background-color: #8b3848;
}
.knob[mood-value="3"] {
  background-color: #99313b;
}
.knob[mood-value="4"] {
  background-color: #a72a2e;
}
.knob[mood-value="5"] {
  background-color: #b52421;
}
.mood_section {
  font-size: 0;
  margin: 0;
}
.mood_section_from,
.mood_section_bar,
.mood_section_to {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  box-sizing: border-box;
  margin: 2px 0;
  text-transform: capitalize;
}
.mood_section_from {
  width: 25%;
  text-align: right;
  padding-right: 10px;
  font-weight: 100;
  color: #3172a2;
}
.mood_section_from0,
.mood_section_from1,
.mood_section_from2,
.mood_section_from3,
.mood_section_from4,
.mood_section_from5 {
  font-weight: 100;
}
.mood_section_from-1 {
  font-weight: 900;
}
.mood_section_from-2 {
  font-weight: 900;
}
.mood_section_from-3 {
  font-weight: 900;
}
.mood_section_from-4 {
  font-weight: 900;
}
.mood_section_from-5 {
  font-weight: 900;
}
@media (max-width: 768px) {
  .mood_section_from {
    transform: rotate(45deg);
    text-align: center;
  }
}
.mood_section_bar {
  height: 8px;
  width: 40%;
  background: #fff;
  margin: 0 2px;
  border-radius: 20px;
  position: relative;
  box-shadow: inset 2px 2px rgba(0, 0, 0, 0.1);
}
.mood_section_bar_fill {
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), transparent, rgba(255, 255, 255, 0.3));
  height: 100%;
}
.mood_section_bar_fill-5 {
  left: 0;
  width: 50%;
  background-color: #3172a2;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mood_section_bar_fill-4 {
  left: 10%;
  width: 40%;
  background-color: #3d6996;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mood_section_bar_fill-3 {
  left: 20%;
  width: 30%;
  background-color: #486089;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mood_section_bar_fill-2 {
  left: 30%;
  width: 20%;
  background-color: #55587c;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mood_section_bar_fill-1 {
  left: 40%;
  width: 10%;
  background-color: #62506f;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.mood_section_bar_fill0 {
  left: 49%;
  width: 2%;
  background-color: #6f4862;
}
.mood_section_bar_fill1 {
  left: 50%;
  width: 10%;
  background-color: #7d4055;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mood_section_bar_fill2 {
  left: 50%;
  width: 20%;
  background-color: #8b3848;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mood_section_bar_fill3 {
  left: 50%;
  width: 30%;
  background-color: #99313b;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mood_section_bar_fill4 {
  left: 50%;
  width: 40%;
  background-color: #a72a2e;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mood_section_bar_fill5 {
  left: 50%;
  width: 50%;
  background-color: #b52421;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mood_section_bar_fill.zero_to_ten {
  left: 0;
  width: inherit;
}
.mood_section_to {
  width: 25%;
  text-align: left;
  padding-left: 10px;
  color: #b52421;
}
@media (max-width: 768px) {
  .mood_section_to {
    transform: rotate(45deg);
    text-align: center;
    margin-left: -10px !important;
  }
}
.mood_section_to0,
.mood_section_to-1,
.mood_section_to-2,
.mood_section_to-3,
.mood_section_to-4,
.mood_section_to-5 {
  font-weight: 100;
}
.mood_section_to1 {
  font-weight: 900;
}
.mood_section_to2 {
  font-weight: 900;
}
.mood_section_to3 {
  font-weight: 900;
}
.mood_section_to4 {
  font-weight: 900;
}
.mood_section_to5 {
  font-weight: 900;
}
ul#my_campaigns_list {
  list-style: none;
}
ul#my_campaigns_list li ul {
  list-style: none;
}
ul#my_campaigns_list li img.cover_art_song {
  height: 40px;
}
@keyframes notificationBubbleBounce {
  0% {
    transform: scaleX(1) translateY(0);
  }
  15% {
    transform: scaleX(1) translateY(-5px);
  }
  25% {
    transform: scaleX(1.3) scaleY(0.7) translateY(0) rotate(5deg);
  }
  50% {
    transform: scaleX(0.8) scaleY(1) translateY(-2px) rotate(-2deg);
  }
  85% {
    transform: scaleX(1.05) scaleY(0.87) translateY(0);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes notificationBubbleFloat {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
.notification_bubble_holder {
  display: inline;
}
.notification_bubble {
  width: auto;
  min-width: 25px;
  height: 25px;
  border-radius: 30px;
  background-color: #ff002f;
  color: #fff;
  font-size: 0.875rem;
  line-height: 25px;
  text-align: center;
  position: absolute;
  z-index: 1;
  right: -3px;
  top: -3px;
  opacity: 0;
  transition: 345ms transform ease;
  transform: translateY(10px);
  font-weight: 300;
  pointer-events: none;
  letter-spacing: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.notification_bubble.small {
  min-width: 16px;
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  right: -10px;
  top: -10px;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  text-align: center;
}
.notification_bubble.medium {
  min-width: 32px;
  height: 32px;
  font-size: 1.5rem;
  line-height: 32px;
  right: -10px;
  top: -10px;
  padding-left: 10px;
  padding-right: 10px;
}
.notification_bubble.large {
  min-width: 40px;
  height: 40px;
  font-size: 22px;
  line-height: 40px;
  right: -10px;
  top: -10px;
}
.notification_bubble_value {
  pointer-events: none;
}
.notification_bubble.visible {
  opacity: 1;
  transform: translateY(0);
  /*animation: notificationBubbleFloat 2s infinite;
    animation-direction: alternate-reverse; */
}
.notification_bubble.animate {
  animation: notificationBubbleBounce 1s forwards;
}
.notification_bubble.success {
  background: #27b872;
}
.notification_bubble.inactive {
  background: #999;
}
#section_curator form {
  border-color: #9dff00 !important;
  background: #9dff0026 !important;
}
.play_button {
  margin: 5px auto;
  border-radius: 60px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 300px;
}
.play_button audio {
  width: 100%;
  max-width: 100%;
}
.play_button.hidden {
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0;
  padding: 0;
}
.spotify_player_iframe {
  border: none;
  overflow: hidden;
}
#playlist_edit {
  font-size: 0;
}
#playlist_edit_cover {
  max-width: 200px;
}
#playlist_edit_mood_knobs .mood_knobs_with_switch {
  display: inline-block;
  font-size: 1.5rem;
}
#playlist_edit #form_group_free_credits.inactive {
  opacity: 0.2;
  pointer-events: none;
}
#playlist_edit .letties img.lettie,
#playlist_edit .letties_free img.lettie {
  width: 25px;
  margin: 0 1px;
}
#playlist_edit .letties img.lettie.small,
#playlist_edit .letties_free img.lettie.small {
  width: 5px;
}
#view_playlist_top {
  width: 100%;
  font-size: 0;
}
#view_playlist_top_left,
#view_playlist_top_right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
#view_playlist_cover {
  padding: 10px;
}
#view_playlist_cover img {
  width: 100%;
}
#view_playlist_moods {
  font-size: 16px;
  padding: 10px;
}
#view_playlist_genres {
  font-size: 16px;
  padding: 10px;
  /*max-height: 110px;
    overflow: auto; */
}
#view_playlist_genres .genre_tag_delete {
  display: none;
}
#view_playlist_info {
  padding: 0 10px;
}
#view_playlist_team img {
  width: 100px;
  border-radius: 50px;
}
.playlist_stats {
  background-color: #fff;
  padding: 20px 20px 40px 20px !important;
}
.playlist_stats .playlist_stats_units_left_side {
  width: 100% !important;
}
.playlist_stats .stats_left_side_row {
  transition: 1000ms all ease !important;
  border-bottom: 1px solid rgba(150, 150, 150, 0);
}
.playlist_stats .stats_left_side_row.animation_done {
  width: 100%;
  border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}
.playlist_stats .playlist_stats_units {
  position: relative;
  width: 100%;
  height: 100px;
}
.playlist_stats .playlist_stats_units_bottom {
  position: absolute;
  z-index: 2;
  width: calc(100% - 50px);
  height: 50px;
  bottom: -60px;
  margin-left: 50px;
}
.playlist_stats .playlist_stats_units_bottom .stats_unit_date {
  position: absolute;
  font-size: 0.625rem;
  width: 50px;
  text-align: left;
}
@media (max-width: 480px) {
  .playlist_stats .playlist_stats_units_bottom .stats_unit_date {
    transform: rotate(-45deg);
    transform-origin: left;
  }
}
.playlist_stats .playlist_stats_units_left_side {
  position: absolute;
  width: 50px;
  height: 80px;
  left: 0;
  top: 0;
  font-size: 0.875rem;
  font-weight: 500;
}
.playlist_stats .playlist_stats_units_left_side .stats_left_side_row {
  position: absolute;
  width: 100%;
}
.playlist_stats .playlist_stats_units_left_side .stats_left_side_row_1 {
  top: 100%;
}
.playlist_stats .playlist_stats_units_left_side .stats_left_side_row_2 {
  top: 75%;
}
.playlist_stats .playlist_stats_units_left_side .stats_left_side_row_3 {
  top: 50%;
}
.playlist_stats .playlist_stats_units_left_side .stats_left_side_row_4 {
  top: 25%;
}
.playlist_stats .playlist_stats_units_left_side .stats_left_side_row_5 {
  top: 0;
}
.playlist_stats .playlist_stats_units_units {
  position: relative;
  height: 100%;
  margin-left: 50px;
}
.playlist_stats .playlist_stats_units_units_overlay {
  position: absolute;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  right: -20px;
  top: -20px;
  transition: 2000ms all ease-in-out !important;
  z-index: 1;
  background-color: #fff;
}
.playlist_stats .playlist_stats_units_units_overlay.animate {
  width: 0;
}
.playlist_stats .playlist_stats_units_units_svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.playlist_stats .playlist_stats_units_units .stats_unit_dot {
  width: 0;
  height: 0;
  border-radius: 5px;
  background: #00adff;
  position: absolute;
  overflow: visible;
  display: block;
  transition: 180ms all cubic-bezier(0.175, 0.885, 0.32, 1.175);
  z-index: 1;
}
.playlist_stats .playlist_stats_units_units .stats_unit_dot.animate {
  width: 6px;
  height: 6px;
}
.playlist_list {
  text-align: center;
  height: auto;
  transition: 345ms all ease;
}
.playlist_list_title {
  height: 25px;
  overflow: hidden;
}
.playlist_list .view_playlist img {
  transition: 140ms all ease;
}
.playlist_list .playlist_data .verified_badge {
  bottom: -5px;
  right: -5px;
  position: absolute;
}
.playlist_list .genre_tag {
  line-height: 20px;
}
.playlist_list .genre_tag_name {
  font-size: 10px;
}
.playlist_list .genre_tag_delete {
  display: none;
}
.playlist_list input {
  margin: 0;
}
.playlist_list .genre_tags {
  max-height: 50px;
  overflow-y: auto;
}
.playlist_list .pitch {
  opacity: 0;
  pointer-events: none;
  transition: 345ms all ease;
  transform: translateY(20px);
  font-size: 16px;
  padding: 0;
  z-index: 1;
  height: 0;
  overflow: hidden;
}
.playlist_list_select {
  display: none;
}
.playlist_list_cover {
  display: inline-block;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
}
.playlist_list_cover img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.playlist_list .price img {
  width: 15px;
}
.playlist_list_must_follow {
  font-size: 16px;
  background: #d8f1e5;
  color: #000;
  border-radius: 3px;
  transition: top 345ms ease;
}
.playlist_list_must_follow a {
  color: #000;
  font-weight: 900;
}
.playlist_list.must_follow button {
  display: none;
}
.playlist_list.must_follow .playlist_list_select {
  opacity: 0;
  pointer-events: none;
}
.playlist_list.must_follow div:not(.playlist_list_must_follow):not(.pitch),
.playlist_list.must_follow .playlist_list_cover {
  opacity: 0.3;
}
.playlist_list.must_follow .playlist_list_must_follow {
  background: #fff7ba;
}
.playlist_list.selected {
  background: #8be9bb !important;
}
.playlist_list.selected .view_playlist img {
  filter: contrast(1.4);
  margin: 20px;
  border-radius: 20px;
  width: calc(100% - 40px);
  border: 2px solid;
  padding: 2px;
}
.playlist_list.selected .pitch {
  opacity: 1;
  pointer-events: all;
  height: auto;
  overflow: inherit;
  transform: translateY(0);
}
.pro_tip {
  display: inline-block;
  font-size: 0.875rem;
  position: relative;
  width: auto;
  min-width: 300px;
  max-width: 100%;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  transition: 180ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
@media (min-width: 481px) {
  .pro_tip {
    min-width: 500px;
  }
}
.pro_tip_nav {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 30px;
  display: flex;
  justify-content: space-between;
  padding: 4px;
}
.pro_tip_slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-100%);
  transition: 180ms transform cubic-bezier(0.82, 0.16, 0.62, 1.36);
  padding: 10px;
  text-align: left;
}
.pro_tip_slide p {
  padding-right: 30px;
}
.pro_tip_slide.slideLeft {
  transform: translateY(100%) !important;
}
.pro_tip_slide.active {
  opacity: 1;
  pointer-events: all;
  transform: translate(0);
}
.pro_tip_arrow {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  line-height: 0;
}
.pro_tip_arrow img {
  transform: rotate(-90deg);
}
.select-holder {
  min-height: 0;
  transition: 100ms opacity ease-in-out, 100ms transform ease-in-out;
}
.select-holder.visible {
  min-height: 400px;
}
.select {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  width: auto;
  max-width: 100%;
  max-height: 400px;
  z-index: 2;
  overflow: auto;
  margin-left: 10px;
  margin-right: 10px;
  text-align: center;
  transition: 100ms opacity ease-in-out, 100ms transform ease-in-out;
  transform: translateY(3px);
  margin-top: 50px;
  left: 0;
}
.select select {
  display: none;
}
.select .option {
  display: inline-block;
  padding: 20px;
  transition: 100ms all ease-in-out;
  cursor: pointer;
}
.select .option span {
  display: block;
  font-size: 12px;
}
.select .option img {
  max-width: 60px;
  height: auto;
}
.select .option:hover {
  transform: scale(1.3);
}
.select.visible {
  opacity: 1;
  pointer-events: all;
  transform: translateY(-2px);
}
@keyframes sliderActiveText {
  0% {
    transform: translateX(0);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@keyframes sliderActiveTextRight {
  0% {
    transform: translateX(0);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(40px);
  }
}
#slider_holder {
  position: relative;
  margin: 0;
  padding: 0;
}
#slider_cta {
  position: absolute;
  top: calc(60% - 50px);
  width: 200px;
  left: 50%;
  margin-left: -100px;
  z-index: 1;
  padding: 20px;
}
@media (max-width: 768px) {
  #slider_cta {
    top: 60%;
    padding: 12px;
    font-size: 1.25rem;
    width: 160px;
    margin-left: -80px;
  }
}
ul#slider {
  width: 100%;
  min-height: 900px;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: -1;
}
ul#slider li {
  padding: 0;
  margin: 0;
  list-style: none;
  background-size: cover;
  background-position: center;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  transition: 1500ms all ease;
}
ul#slider li video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 1;
}
ul#slider li h2,
ul#slider li h3 {
  position: absolute;
  transition: 345ms all cubic-bezier(0.165, 0.84, 0.44, 1);
  text-shadow: 0 2px 4px #000, 0 4px 15px rgba(0, 0, 0, 0.4);
}
ul#slider li h2 {
  font-size: 6vw;
  top: 4vw;
  left: 4vw;
  font-weight: 900;
  transform: translateX(300%);
  z-index: 1;
}
ul#slider li h3 {
  font-size: 4vw;
  top: 12vw;
  left: 4vw;
  transform: translateX(-200%);
  z-index: 1;
  font-weight: 200;
}
ul#slider li.active {
  opacity: 1;
  pointer-events: all;
  z-index: 1;
}
ul#slider li.active h2,
ul#slider li.active h3 {
  transform: translateX(0);
  animation: none;
}
ul#slider li.active.animate h2 {
  animation: sliderActiveText 9s forwards;
}
ul#slider li.active.animate h3 {
  animation: sliderActiveTextRight 9s forwards;
}
@media (max-width: 768px) {
  ul#slider {
    min-height: 500px;
  }
  ul#slider li {
    background-position: center;
  }
  ul#slider li h2 {
    top: auto;
    bottom: 10vw;
    font-size: 10vw;
    left: 30px;
  }
  ul#slider li h3 {
    top: auto;
    bottom: 2vw;
    font-size: 7vw;
    left: 30px;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  ul#slider {
    min-height: 400px;
  }
  ul#slider li h2 {
    bottom: 13vw;
  }
  ul#slider li h3 {
    bottom: 5vw;
  }
}
.power_switch {
  text-align: center;
  font-size: 22px;
  /* Switch starts here */
  /* Keyboard Users */
}
.power_switch .rocker {
  display: inline-block;
  position: relative;
  /*
  SIZE OF SWITCH
  ==============
  All sizes are in em - therefore
  changing the font-size here
  will change the size of the switch.
  See .rocker-small below as example.
  */
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #888;
  width: 7em;
  height: 4em;
  border-bottom: 0.3em solid #555;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.power_switch .rocker-small {
  font-size: 0.5em;
  /* Sizes the switch */
}
.power_switch .rocker::before {
  content: "";
  position: absolute;
  top: 1em;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #999;
  border: 0.5em solid #555;
  border-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.power_switch .rocker input {
  opacity: 0;
  width: 0;
  height: 0;
}
.power_switch .switch-left,
.power_switch .switch-right {
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.5em;
  width: 3em;
  transition: 0.1s;
}
.power_switch .switch-left {
  height: 2.4em;
  width: 2.75em;
  left: 0.85em;
  bottom: 0.4em;
  background-color: #ddd;
  transform: rotate(15deg) skewX(15deg);
  border-radius: 2px;
}
.power_switch .switch-right {
  right: 0.5em;
  bottom: 0;
  background-color: #555;
  color: #fff;
  border-radius: 2px;
}
.power_switch .switch-left::before,
.power_switch .switch-right::before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 2.45em;
  bottom: -0.45em;
  background-color: #ccc;
  transform: skewY(-65deg);
}
.power_switch .switch-left::before {
  left: -0.4em;
}
.power_switch .switch-right::before {
  right: -0.375em;
  background-color: transparent;
  transform: skewY(65deg);
}
.power_switch input:checked + .switch-left {
  background-color: #43dd83;
  color: #fff;
  bottom: 0px;
  left: 0.5em;
  height: 2.5em;
  width: 3em;
  transform: rotate(0deg) skewX(0deg);
}
.power_switch input:checked + .switch-left::before {
  background-color: transparent;
  width: 3.0833em;
}
.power_switch input:checked + .switch-left + .switch-right {
  background-color: #ddd;
  color: #888;
  bottom: 0.4em;
  right: 0.8em;
  height: 2.4em;
  width: 2.75em;
  transform: rotate(-15deg) skewX(-15deg);
}
.power_switch input:checked + .switch-left + .switch-right::before {
  background-color: #ccc;
}
.power_switch input:focus + .switch-left {
  color: #333;
}
.power_switch input:checked:focus + .switch-left {
  color: #fff;
}
.power_switch input:focus + .switch-left + .switch-right {
  color: #fff;
}
.power_switch input:checked:focus + .switch-left + .switch-right {
  color: #333;
}
.song_button {
  width: calc(50% - 12px);
  margin: 6px;
  position: relative;
}
@media (max-width: 480px) {
  .song_button {
    width: calc(100% - 12px);
  }
}
.song_button_private_display {
  position: absolute;
  font-size: 13px;
  right: 10px;
  bottom: 5px;
  font-weight: 300;
  color: #999;
}
@media (max-width: 768px) {
  .song_button_private_display {
    font-size: 10px;
    right: 4px;
    bottom: 2px;
    font-weight: 100;
  }
}
.song_button_more {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #f9f9f9;
}
.song_button_more img {
  pointer-events: none;
  height: 25px;
  margin-left: 0;
}
.song_button_more_dot_1,
.song_button_more_dot_2,
.song_button_more_dot_3 {
  width: 4px;
  height: 4px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2px;
  border-radius: 2px;
}
.song_button_more_dot_1 {
  margin-top: -8px;
}
.song_button_more_dot_2 {
  margin-top: -2px;
}
.song_button_more_dot_3 {
  margin-top: 4px;
}
@media (max-width: 768px) {
  .song_button_more {
    margin: 14px;
    width: 40px;
    height: 40px;
  }
  .song_button_more img {
    height: 15px;
  }
}
.song_button .song_button_more_menu {
  position: absolute;
  background: #eee;
  border: 1px solid #ddd;
  width: 150px;
  height: auto;
  top: 0;
  right: 10px;
  text-align: left;
  z-index: 1;
  border-radius: 2px;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1);
  padding: 10px;
  box-sizing: border-box;
  transition: all 100ms ease;
  opacity: 0 !important;
  pointer-events: none;
  transform: translateY(10px);
}
.song_button .song_button_more_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.song_button .song_button_more_menu ul li {
  padding: 0;
  margin: 0;
  width: 100%;
}
.song_button .song_button_more_menu ul li a {
  display: block;
  padding: 10px 5px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.song_button .song_button_more_menu ul li a span,
.song_button .song_button_more_menu ul li a img {
  display: inline-block;
  vertical-align: middle;
}
.song_button .song_button_more_menu ul li a img {
  height: 24px;
}
.song_button .song_button_more_menu ul li a span {
  padding-left: 5px;
}
.song_button .song_button_more_menu ul li a:hover {
  background: #fff;
}
.song_button .song_button_more_menu.visible {
  opacity: 1 !important;
  pointer-events: all;
  transform: translateY(0);
  z-index: 2;
}
.song_button .song_button_info_menu {
  width: 300px;
  height: auto;
  padding: 10px 20px;
  cursor: text;
}
.song_button .song_button_info_menu h3 {
  font-size: 24px;
}
.song_button .song_button_info_menu p {
  font-size: 16px;
  margin: 15px 0;
}
.song_button_cover_art {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  font-size: 0;
  position: relative;
}
@media (max-width: 768px) {
  .song_button_cover_art {
    width: 50px;
  }
}
.song_button_cover_art img {
  width: 100%;
  border: 2px solid #ffffff80;
  box-sizing: border-box;
}
.song_button_cover_art_artist {
  position: absolute;
  bottom: -10px;
  left: -10px;
  text-align: left;
}
.song_button_cover_art_artist img {
  width: 50px;
  border-radius: 30px;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #ffffff80;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .song_button_cover_art_artist img {
    width: 30px;
  }
}
.song_button_cover_art_artist img.no_avatar {
  background: #fff;
  padding: 10px;
  box-sizing: border-box;
}
.song_button_cover_art_artist h4 {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  padding: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .song_button_cover_art_artist {
    left: 0;
    bottom: 0;
  }
}
.song_button_text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding: 10px;
}
@media (max-width: 768px) {
  .song_button_text {
    text-align: left;
  }
}
.song_button_text_team {
  font-weight: 300;
  font-size: 14px;
}
.song_button_text h3 {
  padding: 0;
  margin: 0;
  font-size: 24px !important;
  font-weight: 900;
}
@media (max-width: 768px) {
  .song_button_text h3 {
    font-size: 16px !important;
  }
}
.song_button_text p {
  margin: 0;
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 480px) {
}
@media (max-width: 768px) {
  .song_button_button button {
    display: none;
  }
}
.song_button.selected {
  background: #8be9bb;
  transform: translateY(2px) translateX(2px);
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.song_button.readonly {
  box-shadow: none;
  cursor: default;
  border: none;
}
.song_button.readonly .song_button_bottom {
  box-shadow: none;
}
.song_button.readonly .song_button_button {
  display: none;
}
.song_button.readonly .song_button_text h3 {
  font-size: 28px;
}
.song_button.readonly:hover {
  transform: none;
}
.song_button.removed {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.song_button #song_button_new_song_data_cover {
  opacity: 0;
  height: 0;
  padding: 0;
}
.song_button #song_button_new_song_data_cover_display_uploaded_img_holder {
  width: 200px;
  height: 200px;
  position: relative;
  margin: 0 auto;
}
.song_button #song_button_new_song_data_cover_display_uploaded_img_holder img {
  height: 100%;
  width: auto;
}
.song_button #song_button_new_song_data_cover_display_uploaded_img_holder button.cover_image_holder_update {
  position: absolute;
  padding: 2px 4px;
  font-size: 11px;
  box-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  width: 60px;
  left: 50%;
  margin-left: -30px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  transform: none;
  opacity: 0;
  transform: translateY(5px);
  transition: 100ms all linear;
}
.song_button #song_button_new_song_data_cover_display_uploaded_img_holder img {
  width: 100%;
}
.song_button #song_button_new_song_data_cover_display_uploaded_img_holder:hover button.cover_image_holder_update {
  opacity: 1;
  transform: translateY(0);
}
.song_button.public {
  height: auto;
  width: auto;
  margin: 5px !important;
}
.song_button.public .song_button_button,
.song_button.public .song_button_bottom {
  display: none !important;
}
.song_button.public .song_button_3d {
  height: auto;
  width: auto;
  padding: 0;
  margin: 0 !important;
}
.song_button.public .song_button_3d_back,
.song_button.public .song_button_3d_front {
  margin: 0 !important;
  padding: 5px !important;
}
.song_button.public .song_button_edit_holder {
  margin: 0 !important;
}
.song_button.public .song_button_play_button {
  padding: 0;
  display: block !important;
}
.song_button.public .song_button_cover_art {
  width: 60px;
  margin: 0 !important;
}
.song_button.public .song_button_cover_art img {
  width: 100%;
}
.song_button.public .song_button_cover_art .song_button_cover_art_artist {
  width: 30px;
  bottom: -15px;
  left: -15px;
}
.song_button.public .song_button_text {
  width: auto;
}
.song_button.public .song_button_text_team {
  margin: 0 !important;
}
.song_button.public .play_button_spotify {
  margin: 0 !important;
}
.song_button.public .play_button {
  min-width: 100px;
  margin: 0 !important;
  display: block !important;
}
.song_button.public .play_spotify {
  font-size: 0;
  line-height: 38px;
}
.song_button.small {
  padding: 10px !important;
  width: calc(50% - 8px) !important;
  margin: 4px !important;
  text-align: left !important;
}
.song_button.small .song_name {
  font-size: 0.875rem !important;
}
.song_button.small .song_button_cover_art {
  width: 30px;
}
.song_button.small .song_button_cover_art img {
  border-radius: 20px;
}
.song_button.small .song_button_cover_art .song_button_cover_art_artist img {
  width: 20px;
}
.song_button.small .song_button_text_team {
  font-size: 0.75rem !important;
}
.song_button.small .song_button_text {
  padding: 0 !important;
  margin-left: 5px !important;
}
.song_button.small .song_button_button {
  display: none !important;
}
.song_button.small .song_button_more {
  display: none !important;
}
.edit_song #song_button_new_song_data_cover_display_uploaded_img_holder {
  position: relative;
}
.edit_song #song_button_new_song_data_cover_display_uploaded_img_holder img {
  max-height: 400px;
  max-width: 100%;
}
.edit_song #song_button_new_song_data_cover_display_uploaded_img_holder button {
  position: absolute;
  padding: 2px 4px;
  font-size: 11px;
  box-shadow: 1px 1px rgb(0 0 0%);
  width: 60px;
  left: 50%;
  margin-left: -30px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
  transform: none;
  opacity: 0;
  transform: translateY(5px);
  transition: 100ms all linear;
}
.edit_song #song_button_new_song_data_cover_display_uploaded_img_holder:hover button {
  transform: none;
  opacity: 1;
}
.edit_song #edit_song_upload_mp3 {
  min-width: 40%;
}
.edit_song #edit_song_upload_filename {
  width: 100%;
  font-size: 12px;
  height: 16px;
  overflow: hidden;
}
.edit_song_mood_knobs .mood_knobs_with_switch {
  display: inline-block;
}
.song_view_cover_seekbar,
.time-display {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 70px);
}
.song_view_cover_seekbar input,
.time-display input {
  width: 100%;
  padding: 0 !important;
}
.time-display {
  width: 35px;
  font-size: 0.625rem;
  text-align: center;
}
.song_view_cover_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  /* Size of the circular background */
  height: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  /* Semi-transparent background */
  border-radius: 50%;
  /* Circular shape */
  border: 0.3em solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
}
.song_view_cover_play::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 2em solid white;
  /* Use em to size the triangle */
  border-top: 1.2em solid transparent;
  border-bottom: 1.2em solid transparent;
}
.song_view_cover_play.playing::before {
  opacity: 0;
}
.song_match_playlists .genre_tag_delete {
  display: none;
}
.view_song {
  cursor: pointer;
}
.song_view fieldset {
  margin-bottom: 2px !important;
  border-radius: 10px !important;
  background-color: #f9f9f9 !important;
}
.song_view fieldset legend {
  padding: 4px;
  font-size: 0.875rem;
}
.song_view fieldset legend img {
  margin-right: 4px;
}
.song_view fieldset legend span {
  display: inline-block;
  vertical-align: middle;
}
.song_view fieldset.expanded {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px !important;
}
.song_view_description {
  max-height: 100px;
  overflow: auto;
}
.song_view hr {
  margin: 20px 0;
}
.song_view_top {
  width: 100%;
  font-size: 0;
}
.song_view_top_left,
.song_view_top_right {
  display: inline-block;
  vertical-align: top;
  min-width: 50%;
}
.song_view_cover {
  padding: 10px;
}
.song_view_cover img {
  width: 100%;
  border-radius: 4px;
}
.song_view_moods {
  font-size: 16px;
  padding: 10px;
  min-width: 50%;
}
.song_view_genres {
  font-size: 16px;
  padding: 10px;
}
.song_view_genres .genre_tag_delete {
  display: none;
}
.song_view_team {
  font-size: 0;
  text-align: left;
}
.song_view_team_avatar {
  position: relative;
  max-width: 100px;
}
.song_view_team_avatar .verified_badge {
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 24px;
  z-index: 1;
}
.song_view_team_avatar_country {
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 40px !important;
}
.song_view_team > div {
  vertical-align: middle;
}
.song_view_team img {
  width: 100%;
  max-width: 100px;
  border-radius: 50px;
}
.song_view .song_team_description {
  max-height: 200px;
  overflow: auto;
}
.matcher_list legend {
  position: relative;
}
.matcher_list legend .fill_holder {
  border: 1px solid;
  position: absolute;
  height: calc(100% - 4px);
  width: 16px;
  bottom: 2px;
  left: 55px;
  box-shadow: inset 2px 2px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  transform: rotate(-5deg);
}
.matcher_list legend .fill_holder::before {
  position: absolute;
  content: '';
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 40%, transparent 50%);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.matcher_list legend .fill_holder .fill {
  width: 12px;
  height: calc(100% - 2px);
  position: absolute;
  left: 1px;
  bottom: 1px;
  background: linear-gradient(0deg, #3172a2, #b52421);
  border-radius: 20px;
}
.matcher_list legend .fill_holder .fill_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 2000ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
  z-index: 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.like_song,
.unlike_song,
.like_song_mute,
.unlike_song_mute,
.feedback_song,
.archive_song,
.archive_song_mute,
.ai_report_song {
  opacity: 0.5 !important;
  transition: all 180ms linear !important;
  position: relative;
  color: #fff;
  line-height: 80px;
}
.like_song div,
.unlike_song div,
.like_song_mute div,
.unlike_song_mute div,
.feedback_song div,
.archive_song div,
.archive_song_mute div,
.ai_report_song div {
  bottom: -26px;
  left: 0;
  width: 100%;
  position: absolute;
  line-height: inherit !important;
}
.like_song.active,
.unlike_song.active,
.like_song_mute.active,
.unlike_song_mute.active,
.feedback_song.active,
.archive_song.active,
.archive_song_mute.active,
.ai_report_song.active {
  transform: none !important;
  opacity: 1 !important;
}
.like_song img,
.unlike_song img,
.like_song_mute img,
.unlike_song_mute img,
.feedback_song img,
.archive_song img,
.archive_song_mute img,
.ai_report_song img {
  padding: 8px;
  transform: translateY(-8px);
}
@media (min-width: 769px) {
  .like_song:hover,
  .unlike_song:hover,
  .like_song_mute:hover,
  .unlike_song_mute:hover,
  .feedback_song:hover,
  .archive_song:hover,
  .archive_song_mute:hover,
  .ai_report_song:hover {
    opacity: 0.8;
    /*box-shadow: inset 0 3px 1px rgba(255, 255, 255, 0.8), inset 0 -3px 0 rgba(0, 0, 0, 0.3);
                                transform: translateY(2px);*/
  }
}
.like_song {
  line-height: 10px;
}
.like_song div {
  bottom: 0;
}
/** on switch between light and dark mode */
#snowflakes-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  overflow: hidden;
  z-index: 1000;
  pointer-events: none;
}
.snowflake {
  position: absolute;
  top: -50px;
  color: #aaa;
  opacity: 0.8;
  font-size: 20px;
  user-select: none;
  z-index: 1000;
  pointer-events: none;
}
#mode-effects-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  overflow: hidden;
  z-index: 1000;
  pointer-events: none;
}
/* Common Styles */
#mode-effects-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
/* Dark Mode - Sound Wave Effect */
.sound-wave {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 100px;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* Light Mode - Musical Notes Float Effect */
.note {
  position: absolute;
  font-size: 2em;
  animation: float 3s ease-in-out infinite;
}
@keyframes float {
  0% {
    transform: translateY(100vh);
  }
  100% {
    transform: translateY(-100vh);
  }
}
/* Additional styles for individual notes */
.note1 {
  left: 10%;
  animation-delay: 0s;
}
.note2 {
  left: 30%;
  animation-delay: 1s;
}
.note3 {
  left: 50%;
  animation-delay: 2s;
}
.note4 {
  left: 70%;
  animation-delay: 3s;
}
.note5 {
  left: 90%;
  animation-delay: 4s;
}
/** end: on switch between light and dark mode */
@keyframes progressGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes activeAnimate {
  50% {
    background: #2b9e6a;
  }
}
.steps_wizard_top,
.steps_wizard_bottom {
  min-height: 75px;
  position: sticky;
  top: 0;
  text-align: center;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.steps_wizard_top h1,
.steps_wizard_bottom h1 {
  color: #fff;
  margin-top: 0;
  padding-top: 20px;
  font-size: 1.5rem;
}
.steps_wizard_top h2,
.steps_wizard_bottom h2 {
  color: #fff;
  margin-top: 0;
  font-size: 1.25rem;
}
.steps_wizard_top .steps_wizard_top_step_holder,
.steps_wizard_bottom .steps_wizard_top_step_holder,
.steps_wizard_top .steps_wizard_bottom_step_holder,
.steps_wizard_bottom .steps_wizard_bottom_step_holder {
  position: absolute;
  width: 90%;
  left: 5%;
  height: 3px;
  border-radius: 5px;
  top: 50%;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.steps_wizard_top .steps_wizard_top_step_holder_progress,
.steps_wizard_bottom .steps_wizard_top_step_holder_progress,
.steps_wizard_top .steps_wizard_bottom_step_holder_progress,
.steps_wizard_bottom .steps_wizard_bottom_step_holder_progress {
  position: absolute;
  width: 20%;
  height: 100%;
  background: linear-gradient(90deg, #00334d, #27b872);
  border-radius: 5px;
  transition: 500ms all ease;
  background-size: 400% 400%;
  animation: progressGradient 2s ease infinite;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step,
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step,
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step,
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step {
  width: 40px;
  height: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  border-radius: 30px;
  background: #00334d;
  position: absolute;
  top: -20px;
  transition: 500ms all ease;
  padding-top: 4px;
  /*&.done {
          color: @green_dark;

          span {
            color: @green_dark;
          }
        } */
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step span,
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step span,
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step span,
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step span {
  position: absolute;
  width: 200%;
  color: #fff;
  font-size: 8px;
  line-height: 20px;
  display: block;
  font-weight: 300;
  bottom: 2px;
  left: -50%;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step:nth-child(2),
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step:nth-child(2),
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step:nth-child(2),
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step:nth-child(2) {
  left: 0;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step:nth-child(3),
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step:nth-child(3),
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step:nth-child(3),
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step:nth-child(3) {
  left: 50%;
  margin-left: -20px;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step:nth-child(4),
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step:nth-child(4),
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step:nth-child(4),
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step:nth-child(4) {
  right: 0;
  margin-left: 0;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step.active,
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step.active,
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step.active,
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step.active,
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step.done,
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step.done,
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step.done,
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step.done {
  background: #2a6b45;
  color: #fff;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step.active span,
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step.active span,
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step.active span,
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step.active span,
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step.done span,
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step.done span,
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step.done span,
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step.done span {
  color: #fff;
  font-weight: 700;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step.active,
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step.active,
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step.active,
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step.active {
  transform: scale(1.2);
  background: #00334d;
  animation: activeAnimate 2s ease infinite;
}
.steps_wizard_top .steps_wizard_top_step_holder .steps_wizard_top_step_2_steps:nth-child(3),
.steps_wizard_bottom .steps_wizard_top_step_holder .steps_wizard_top_step_2_steps:nth-child(3),
.steps_wizard_top .steps_wizard_bottom_step_holder .steps_wizard_top_step_2_steps:nth-child(3),
.steps_wizard_bottom .steps_wizard_bottom_step_holder .steps_wizard_top_step_2_steps:nth-child(3) {
  left: auto;
  right: 0;
}
.steps_wizard_top {
  width: 80%;
  left: 10%;
}
.steps_wizard_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  top: auto;
  z-index: 11;
  width: 100%;
  min-height: 22px;
  transition: all 345ms ease;
}
.steps_wizard_bottom_step_holder {
  height: 22px !important;
  border-radius: 0 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(255, 255, 255, 0.5) !important;
  background: linear-gradient(0deg, #ddd, #f9f9f9) !important;
  width: 100% !important;
  left: 0 !important;
  top: 0 !important;
  line-height: 22px;
}
.steps_wizard_bottom_step_holder .button {
  display: none;
}
.steps_wizard_bottom_step_holder_progress {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  font-size: 0.875rem !important;
}
.steps_wizard_bottom.done {
  min-height: 100px;
}
.steps_wizard_bottom.done .steps_wizard_bottom_step_holder {
  height: 100px !important;
  box-shadow: none !important;
}
.steps_wizard_bottom.done .steps_wizard_bottom_step_holder .button {
  display: block;
}
.steps_wizard_bottom.done .steps_wizard_bottom_step_holder .steps_wizard_bottom_step_holder_progress {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  font-size: 1.25rem !important;
  line-height: 33px;
}
#switch_team ul {
  list-style: none;
  text-align: center;
}
#switch_team ul li {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  cursor: pointer;
  position: relative;
}
#switch_team ul li img {
  width: 90px;
  height: auto;
  border-radius: 90px;
  box-sizing: border-box;
  border: 2px solid #ddd;
  padding: 10px;
  filter: saturate(0);
}
#switch_team ul li:hover img {
  border-width: 4px;
}
#switch_team ul li.active {
  cursor: default;
}
#switch_team ul li.active img {
  border: 5px solid #27b872;
  width: 120px;
  box-shadow: 0 0 10px 10px #d8f1e5;
  padding: 4px;
  filter: saturate(1);
}
#switch_team ul li.active h2 {
  font-weight: 900;
}
#switch_team ul li.active h2 span {
  font-weight: 300;
}
.testimonials ul li {
  position: relative;
  border-radius: 10px;
  width: calc(33.3334% - 20px);
  margin: 10px;
  padding: 20px;
  background: linear-gradient(45deg, #f0f0f0, #f9f9f9);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  margin-bottom: 60px;
}
@media (max-width: 480px) {
  .testimonials ul li {
    width: calc(100% - 20px);
  }
}
.testimonials ul li p {
  max-height: 140px;
  overflow-y: auto;
}
.testimonials ul li img.avatar {
  width: 80px;
  position: absolute;
  left: 50%;
  margin-left: -40px;
  margin-top: -60px;
  background: #fff;
  border-radius: 80px;
  border: 5px solid #fff;
  z-index: 1;
}
.testimonials.slimmed {
  max-width: 800px;
  margin: 0 auto;
}
.testimonials.slimmed ul {
  position: relative;
  height: 300px;
}
.testimonials.slimmed ul li {
  width: calc(100% - 20px);
  position: absolute;
  opacity: 0;
  transition: 800ms all ease;
  transform: perspective(400px) translateY(-20px) rotateX(50deg) scale(0.8);
  padding: 20px !important;
  text-align: center;
  left: 0;
}
.testimonials.slimmed ul li p {
  max-height: 80px;
  font-size: 1.25rem;
  text-align: center;
}
.testimonials.slimmed ul li.visible {
  transform: translateY(0);
  opacity: 1;
  z-index: 2;
}
.testimonials.slimmed ul li.hidden {
  opacity: 0;
  transform: perspective(400px) translateY(0) rotateX(0deg) scale(0.5);
}
.star {
  width: 30px;
  height: 30px;
  background-image: url(/img/icons/icon_star_outline.svg);
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  transition: all 345ms ease;
}
.star.active {
  background-image: url(/img/icons/icon_star_fill.svg);
}
.star.gold {
  filter: brightness(0) saturate(100%) invert(48%) sepia(74%) saturate(1725%) hue-rotate(1deg) brightness(103%) contrast(103%);
}
.star.editable {
  cursor: pointer;
}
.star.editable:hover,
.star.editable.hover,
.star.editable.active {
  background-image: url(/img/icons/icon_star_fill.svg);
}
.star.editable.active {
  transform: translateY(-4px) scale(1.2);
  filter: brightness(0) saturate(100%) invert(48%) sepia(74%) saturate(1725%) hue-rotate(1deg) brightness(103%) contrast(103%) drop-shadow(0 2px 4px #ff7e00);
}
.star.small {
  width: 20px;
  height: 20px;
}
@keyframes vaporizeAnimation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2) translateY(-50px);
    pointer-events: none;
  }
}
.team_status {
  position: absolute;
  left: 0;
  top: -26px;
  line-height: 32px;
  width: auto;
  background-color: #fff;
  font-size: 12px;
  padding: 0 15px;
  border-radius: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  z-index: 2;
  white-space: nowrap;
  cursor: pointer;
}
.team_status::before {
  content: '';
  width: 6px;
  height: 6px;
  background-color: #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 30px;
  bottom: -3px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}
.team_status img {
  width: auto;
}
.team_status span {
  font-weight: 500 !important;
}
.team_status.team_status_edit {
  z-index: 3;
}
.team_status.team_status_edit:hover img {
  transform: scale(1.2);
}
.team_status.right {
  left: auto;
  right: 0;
}
.team_status.right::before {
  left: auto;
  right: 30px;
}
.team_status.team_status_readonly.vaporize {
  animation: vaporizeAnimation 1s forwards ease-in-out;
}
@keyframes aVisibleToast {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg);
  }
  50% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg) translateY(2px);
  }
  80% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 0deg) translateY(-1px);
  }
}
@keyframes pulsate {
  50% {
    transform: scale(1.2);
  }
}
#toaster {
  position: fixed;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 101;
  perspective: 300px;
  padding-top: 10px;
  padding-right: 10px;
  text-align: right;
}
.toast {
  width: auto;
  padding: 20px;
  opacity: 0;
  transition: all 655ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
  box-shadow: 6px 0 20px rgba(0, 0, 0, 0.2), 0 5px 25px rgba(0, 0, 0, 0.3);
  pointer-events: none;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  border-radius: 10px;
  position: relative;
  text-align: left;
  min-width: 250px;
  max-width: 800px;
  float: right;
  clear: both;
  overflow: auto;
  max-height: calc(100% - 30px);
  transform: scale(0);
}
.toast_close {
  position: absolute;
  top: 10px;
  right: 5;
  width: 10px;
  height: 10px;
}
.toast_close_line {
  position: absolute;
  width: 80%;
  height: 2px;
  background-color: #000;
}
.toast_close_line_1 {
  transform: rotate(45deg);
}
.toast_close_line_2 {
  transform: rotate(-45deg);
}
.toast_title {
  text-transform: capitalize;
  font-weight: 300;
}
.toast h4 {
  margin-top: 20px;
}
.toast ul {
  text-align: left;
  list-style: inherit;
  padding: 10px 20px;
}
.toast.error {
  background: #ff9797;
  background: linear-gradient(#ffe0e0, #ff9797);
  color: #361010;
}
.toast.error ul {
  color: #361010 !important;
  list-style: circle;
  padding-left: 20px;
}
.toast.success {
  background: #27b872;
  background: linear-gradient(#8be9bb, #27b872);
  color: #2a6b45;
}
.toast.success .toast_close_line {
  background: #2a6b45;
}
.toast.warning {
  background: #ffecbe;
  background: linear-gradient(#ffecbe, #cbae90);
  color: #a85323;
}
.toast.warning .toast_close_line {
  background: #a85323;
}
.toast.info {
  background-color: #f4f9ff;
  color: #102040;
}
.toast.info .toast_close_line {
  background: #102040;
}
.toast.actionpoint {
  margin: 1px !important;
  padding: 0;
  border-radius: 100px;
  box-shadow: 0 0 20px 10px, inset 0 0 0px 1px #fff !important;
  text-align: center;
  width: 260px !important;
  height: 58px;
  left: -50%;
  margin-right: -130px !important;
  top: 75%;
  line-height: 58px;
  font-weight: 700;
  background-color: #ffe8cc;
  color: #ff7e00;
  animation: pulsate 1.5s infinite;
}
.toast.actionpoint .toast_close {
  display: none;
}
.toast.actionpoint .toast_close_line {
  background: #ff7e00;
}
.toast.actionpoint .toast_text,
.toast.actionpoint .toast_text span,
.toast.actionpoint .toast_title {
  color: #ff7e00 !important;
  font-size: 0.875rem !important;
}
.toast.actionpoint .toast_title {
  font-size: 0.75rem !important;
  margin-bottom: 0 !important;
  display: none;
}
.toast.actionpoint.vaporize {
  animation: vaporizeAnimation 1s forwards ease-in-out;
}
.toast.visible {
  opacity: 1;
  pointer-events: all;
  transform: scale(1);
}
.toast.hidden {
  opacity: 0;
  animation: none;
  transition: none;
}
#top_banner {
  position: absolute;
  z-index: 3;
  width: 100%;
  left: 0;
  top: 0;
  height: 31px;
  line-height: 30px;
  font-size: 16px;
  background: #e5f1f7;
  background: linear-gradient(#f0f0f0, #f9f9f9);
  overflow: hidden;
}
#top_banner .box {
  background-color: rgba(255, 255, 255, 0.01);
  position: absolute;
  border-radius: 50%;
  animation: dotBlink 1s infinite;
  pointer-events: none;
  transition: all 1s ease-in-out;
}
#top_banner p {
  margin: 0;
  color: #fff;
  text-align: center;
}
#dispute_banner {
  position: fixed;
  z-index: 12;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 31px;
  line-height: 30px;
  overflow: hidden;
}
#dispute_banner .open_active_offer_dispute,
#dispute_banner .chat_thread_open_chat {
  cursor: pointer;
}
#dispute_banner .box {
  background-color: rgba(255, 255, 255, 0.01);
  position: absolute;
  border-radius: 50%;
  animation: dotBlink 1s infinite;
  pointer-events: none;
  transition: all 1s ease-in-out;
}
#dispute_banner p {
  margin: 0;
  color: #fff;
  text-align: center;
}
.terms_of_use {
  text-align: left;
}
.terms_of_use p,
.terms_of_use li {
  font-weight: 300;
  font-size: 1.125rem;
}
.terms_of_use img {
  width: 100%;
}
.terms_of_use ul {
  list-style: none;
  padding: 0;
}
.terms_of_use ul li {
  position: relative;
}
.terms_of_use ul li.child {
  list-style: none;
}
.terms_of_use ul li .date_accepted img {
  width: 20px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
}
.terms_of_use ul li ul li {
  list-style: disc;
  padding: 5px;
  margin-left: 20px;
}
.terms_of_use ul li ul li.accepted {
  background: #d8f1e5;
}
.terms_of_use ul li ul li.not_accepted {
  background: #fff7ba;
}
.terms_of_use ul li ul li ul {
  margin-top: 10px;
  margin-left: 20px;
}
.terms_of_use ul li.accepted {
  background: #eaf7f1;
}
.terms_of_use ul li.not_accepted {
  background: #fff7ba;
}
.terms_of_use label {
  font-size: 24px;
}
.terms_of_use #terms_of_use_checkbox {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
#terms_of_use_later {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff7ba;
  cursor: pointer;
  display: none;
}
#view_list {
  position: absolute;
  top: 20px;
  right: 20px;
}
#view_list ul {
  font-size: 0;
  padding: 8px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}
#view_list ul li {
  display: inline-block;
  padding: 2px;
  opacity: 0.2;
}
#view_list ul li img {
  width: 20px;
}
#view_list ul li.active {
  opacity: 1;
}
@font-face {
  font-family: Urbanist;
  src: url("/fonts/Urbanist-Regular.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 900;
  src: url("/fonts/Urbanist-Black.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 900;
  font-style: italic;
  src: url("/fonts/Urbanist-BlackItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 800;
  src: url("/fonts/Urbanist-ExtraBold.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 800;
  font-style: italic;
  src: url("/fonts/Urbanist-ExtraBoldItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 700;
  src: url("/fonts/Urbanist-Bold.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 700;
  font-style: italic;
  src: url("/fonts/Urbanist-BoldItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 600;
  src: url("/fonts/Urbanist-SemiBold.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 600;
  font-style: italic;
  src: url("/fonts/Urbanist-SemiBoldItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 500;
  src: url("/fonts/Urbanist-Medium.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 500;
  font-style: italic;
  src: url("/fonts/Urbanist-MediumItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 400;
  src: url("/fonts/Urbanist-Regular.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 400;
  font-style: italic;
  src: url("/fonts/Urbanist-RegularItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 300;
  src: url("/fonts/Urbanist-Light.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 300;
  font-style: italic;
  src: url("/fonts/Urbanist-LightItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 200;
  src: url("/fonts/Urbanist-ExtraLight.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 200;
  font-style: italic;
  src: url("/fonts/Urbanist-ExtraLightItalic.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 100;
  src: url("/fonts/Urbanist-Thin.ttf");
}
@font-face {
  font-family: Urbanist;
  font-weight: 100;
  font-style: italic;
  src: url("/fonts/Urbanist-ThinItalic.ttf");
}
@font-face {
  font-family: PTSans;
  src: url("/fonts/PTSansNarrow-Regular.ttf");
}
@font-face {
  font-family: PTSans;
  font-weight: bold;
  src: url("/fonts/PTSansNarrow-Bold.ttf");
}
@font-face {
  font-family: Average;
  src: url("/fonts/Average-Regular.ttf");
}
.fs_0 {
  font-size: 0 !important;
}
.fs_xxxxs {
  font-size: 0.3rem !important;
}
@media (max-width: 480px) {
}
.fs_xxxs {
  font-size: 0.5rem !important;
}
@media (max-width: 480px) {
}
.fs_xxs {
  font-size: 0.625rem !important;
  line-height: 0.625rem;
}
@media (max-width: 480px) {
}
.fs_xs {
  font-size: 0.75rem !important;
  line-height: 18px;
}
@media (max-width: 480px) {
}
.fs_s {
  font-size: 0.875rem !important;
  line-height: 22px;
}
@media (max-width: 480px) {
}
.fs_d,
.fs_r {
  font-size: 1.125rem !important;
  line-height: 24px;
}
@media (max-width: 480px) {
}
.fs_m {
  font-size: 1.25rem !important;
}
@media (max-width: 480px) {
}
.fs_l {
  font-size: 1.5rem !important;
}
@media (max-width: 480px) {
}
.fs_xl {
  font-size: 1.75rem !important;
  line-height: 38px;
}
@media (max-width: 480px) {
}
.fs_xxl {
  font-size: 2rem !important;
}
@media (max-width: 480px) {
}
.fs_xxxl {
  font-size: 2.5rem !important;
}
@media (max-width: 480px) {
}
.fw1 {
  font-weight: 100 !important;
}
.fw2 {
  font-weight: 200 !important;
}
.fw3 {
  font-weight: 300 !important;
}
.fw4 {
  font-weight: 400 !important;
}
.fw5 {
  font-weight: 500 !important;
}
.fw6 {
  font-weight: 600 !important;
}
.fw7 {
  font-weight: 700 !important;
}
.fw8 {
  font-weight: 800 !important;
}
.fw9 {
  font-weight: 900 !important;
}
.center {
  text-align: center !important;
}
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}
#footer {
  position: relative;
  overflow: hidden;
}
#footer hr {
  margin: 20px 0 !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
#footer .box {
  background-color: rgba(255, 255, 255, 0.01);
  position: absolute;
  border-radius: 50%;
  animation: dotBlink 1s infinite;
  pointer-events: none;
  transition: all 1s ease-in-out;
}
#footer a {
  color: #fff;
  font-weight: 500;
}
#footer-top {
  background: linear-gradient(0deg, #004d66, #00334d);
  color: #fff;
  text-align: center;
  padding: 30px 0;
  box-shadow: inset 0 10px 15px #0000000b;
  position: relative;
  font-size: 0;
}
#footer-top .section {
  display: inline-block;
  vertical-align: top;
  padding: 20px;
  width: 25%;
  text-align: left;
  box-sizing: border-box;
}
@media (max-width: 480px) {
  #footer-top .section {
    width: 100%;
    text-align: center;
  }
}
#footer-top .section h4 {
  font-size: 28px;
  font-weight: 100;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  color: #fff;
}
#footer-top .section h4 a {
  font-weight: 100;
  color: #fff;
}
#footer-top .section ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer-top .section ul li {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
}
#footer-top .section ul li a {
  padding: 8px 0;
  display: inline-block;
  width: 100%;
  font-size: 1.125rem;
}
#footer-top .section ul li a:hover {
  text-decoration: underline;
}
#footer-top .section ul li span {
  font-weight: 100;
}
#footer-top .section ul li > ul {
  margin-left: 10px;
}
#footer-top .section.social a {
  display: inline-block;
  padding: 10px;
}
#footer-top .section.social a img {
  width: 80px;
  filter: invert(1);
}
#footer-top #background-wrap {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  #footer-top {
    text-align: left;
  }
}
#footer-middle {
  background-color: #00334d;
  background-image: linear-gradient(0deg, #00334d, #001a1f);
}
@media (max-width: 768px) {
  #footer-middle {
    min-height: 550px;
  }
}
#footer-bottom {
  background: #332f25;
  color: #fff;
  padding: 20px;
  text-align: center;
}
#footer-bottom-animal {
  width: 300px;
  position: absolute;
  right: 0;
  top: -213px;
}
@media (max-width: 768px) {
  #footer-bottom {
    padding-top: 100px;
  }
}
[placeholder],
.select-trigger {
  font-family: "Urbanist";
  font-weight: 300;
  font-size: 18px;
  color: #666;
}
.focus {
  opacity: 1 !important;
}
legend h1 {
  margin: 0;
  font-size: 1.5rem;
}
legend.sticky {
  position: sticky;
  top: 0;
}
fieldset {
  border: none;
}
form fieldset {
  background: transparent;
  border: none;
  margin-bottom: 40px !important;
  border-radius: 3px;
  font-size: 0;
  position: relative;
}
form fieldset label {
  font-size: 0.875rem;
  font-weight: 500;
}
form fieldset legend {
  padding: 20px;
  color: #000;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.33), transparent);
  background-color: #eee;
  font-size: 1.5rem;
  font-weight: 600;
  border-radius: 3px;
  width: 100%;
}
@media (max-width: 480px) {
  form fieldset legend {
    box-sizing: border-box;
    width: 100%;
    margin-left: 0;
  }
}
form fieldset legend .legend_value {
  font-weight: 700;
}
form fieldset legend.dark {
  color: #fff;
  background: linear-gradient(#999, #444);
}
form fieldset legend.dark img.chevron_down {
  filter: invert(1);
}
form fieldset .form-group {
  display: inline-block;
  vertical-align: top;
  padding: 14px;
}
form fieldset .form-group .pre_input {
  color: #666;
  margin-right: 5px;
  font-weight: 100;
  display: inline-block;
  vertical-align: middle;
}
form fieldset .form-group > span {
  cursor: pointer;
}
form fieldset .form-group.button_radio,
form fieldset .form-group.button_checkbox {
  background-color: #f0f0f0;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5), transparent);
  padding: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  border: 1px solid #ddd;
}
form fieldset .form-group.button_radio .button_radio_value,
form fieldset .form-group.button_checkbox .button_radio_value,
form fieldset .form-group.button_radio label,
form fieldset .form-group.button_checkbox label {
  pointer-events: none;
}
form fieldset .form-group.button_radio label,
form fieldset .form-group.button_checkbox label {
  font-weight: 500;
  font-size: 1.125rem;
  display: inline-block;
  padding-left: 10px;
  cursor: pointer;
}
form fieldset .form-group.button_radio label img,
form fieldset .form-group.button_checkbox label img {
  max-height: 40px;
  width: auto;
}
form fieldset .form-group.button_radio.selected,
form fieldset .form-group.button_checkbox.selected {
  background-color: #8be9bb;
  border-color: #27b872;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  border-width: 2px;
}
form fieldset .form-group.button_radio.selected > label,
form fieldset .form-group.button_checkbox.selected > label {
  font-weight: 900;
}
form fieldset .form-group.disabled {
  opacity: 0.3;
  pointer-events: none;
}
form fieldset fieldset {
  margin: 4px;
  background: #fff;
}
form fieldset fieldset legend {
  font-size: 0.875rem;
  padding: 12px 20px;
  font-weight: 300;
  position: sticky;
  top: 0;
  z-index: 2;
}
form fieldset fieldset legend .chevron_down {
  width: 22px;
}
form fieldset.done {
  background: #eaf7f1;
  border-color: #27b872 !important;
}
form fieldset.done > legend {
  background: #d8f1e5;
  color: #01331c;
}
form fieldset.inactive {
  opacity: 0.3;
  pointer-events: none;
}
@media (max-width: 480px) {
  form fieldset {
    margin: 5px;
  }
}
.autocomplete {
  z-index: 8;
  bottom: -30px;
  width: 100%;
  padding: 6px;
  font-size: 0.75rem;
  text-align: left;
}
.autocomplete li {
  font-size: 0.875rem;
}
.autocomplete li.selected {
  background: #fff7ba !important;
}
input:not([type="radio"], [type="range"]),
.select,
.select-trigger,
textarea,
select {
  font-family: "Urbanist";
  font-size: 1.125rem;
  line-height: 1.125rem;
  color: #000;
  font-weight: 500;
  box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.1);
  border: 1px solid #77c7e9;
  padding: 12px;
  outline: none;
  border-radius: 5px;
  background-color: #fff;
  background-position: right 40px center;
  background-size: 50px;
  transition: 180ms all linear;
  position: relative;
}
input:not([type="radio"], [type="range"]):focus,
.select:focus,
.select-trigger:focus,
textarea:focus,
select:focus {
  background-color: #fff;
  box-shadow: 0 0 10px 4px #cde9f7, 0 2px 8px rgba(0, 0, 0, 0.3);
}
input:not([type="radio"], [type="range"]).small,
.select.small,
.select-trigger.small,
textarea.small,
select.small {
  width: 100px;
}
input:not([type="radio"], [type="range"]).small_padding,
.select.small_padding,
.select-trigger.small_padding,
textarea.small_padding,
select.small_padding {
  padding: 4px;
}
input:not([type="radio"], [type="range"]).medium,
.select.medium,
.select-trigger.medium,
textarea.medium,
select.medium {
  width: 200px;
}
input:not([type="radio"], [type="range"]).search,
.select.search,
.select-trigger.search,
textarea.search,
select.search {
  background-image: url(/img/icons/icon_zoom.svg);
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 15px;
  padding-left: 60px;
}
input:not([type="radio"], [type="range"]).search:focus,
.select.search:focus,
.select-trigger.search:focus,
textarea.search:focus,
select.search:focus {
  background-size: 50px;
  padding-left: 70px;
}
input:not([type="radio"], [type="range"]).valid,
.select.valid,
.select-trigger.valid,
textarea.valid,
select.valid {
  background-color: #e0fff0;
  background-image: url(../../img/icons/icon_check_green.svg);
  background-size: 20px;
  background-position: right 10px center;
  background-repeat: no-repeat;
}
input:not([type="radio"], [type="range"]).invalid,
.select.invalid,
.select-trigger.invalid,
textarea.invalid,
select.invalid {
  background: #ffe0e0;
}
input:not([type="radio"], [type="range"])::placeholder,
.select::placeholder,
.select-trigger::placeholder,
textarea::placeholder,
select::placeholder {
  font-weight: 200;
  color: #999;
}
input:not([type="radio"], [type="range"]):disabled,
.select:disabled,
.select-trigger:disabled,
textarea:disabled,
select:disabled {
  box-shadow: none;
  color: #999;
  cursor: not-allowed;
}
textarea {
  border-radius: 10px;
}
input[type="range"] {
  padding: 20px 0;
}
input[type="text"] {
  background: #f9f9f9;
}
.select-trigger,
select {
  margin-bottom: 20px;
  width: auto;
  display: inline-block;
  cursor: default;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background: linear-gradient(180deg, #fff, #ddd);
  transition: 100ms all ease-in-out;
}
.select-trigger img,
select img {
  pointer-events: none;
  max-width: 25px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.select-trigger span,
select span {
  pointer-events: none;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  color: #000;
}
.select-trigger.active,
select.active {
  box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.5);
  background: linear-gradient(180deg, #fff, #eee);
  transform: translateY(2px);
}
.select-trigger.valid,
select.valid {
  background-image: none;
}
button,
.button {
  display: inline-block;
  padding: 16px 32px;
  border: none;
  background: #fff;
  border-radius: 10px;
  color: #000;
  font-weight: 500;
  font-size: 1.125rem;
  cursor: pointer;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: all 100ms linear;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 10%, transparent 50%) !important;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.5);
}
button::before,
.button::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 50%;
  bottom: 25%;
  left: 25%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.2);
  mix-blend-mode: overlay;
  transition: all 100ms linear;
  border-radius: 50%;
  z-index: 0;
}
@media (min-width: 769px) {
  button:hover,
  .button:hover {
    transform: translateY(-2px);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.3);
  }
  button:hover::before,
  .button:hover::before {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    border-radius: 10%;
    opacity: 1;
  }
}
button.round,
.button.round {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent);
}
button.primary,
.button.primary,
button.primary_trigger,
.button.primary_trigger,
button.primary_mute,
.button.primary_mute {
  background-color: #2b9e6a;
  color: #fff;
}
button.primary.invalid,
.button.primary.invalid,
button.primary_trigger.invalid,
.button.primary_trigger.invalid,
button.primary_mute.invalid,
.button.primary_mute.invalid {
  opacity: 0.3;
  pointer-events: none;
}
button.secondary,
.button.secondary {
  color: #222;
}
button.small,
.button.small {
  padding: 8px 20px;
  font-size: 0.75rem;
  font-weight: 300;
  border-width: 1px;
}
button.medium,
.button.medium {
  padding: 12px 30px;
  font-size: 0.875rem;
  font-weight: 500;
}
button.purple,
.button.purple {
  background-color: #8e619d !important;
  border-color: #461a4f !important;
  color: #fff !important;
}
button.beige,
.button.beige {
  background-color: #b8a78a !important;
  border-color: #726359 !important;
  color: #fff !important;
}
button.blue,
.button.blue {
  background-color: #0074a6 !important;
  border-color: #00334d !important;
  color: #fff !important;
}
button.gold,
.button.gold {
  background-color: #ff7e00 !important;
  border-color: #994b00 !important;
  color: #fff !important;
}
button.credit,
.button.credit {
  background-color: #ffbf00 !important;
  border-color: #a47b00 !important;
  color: #fff !important;
}
button.credit span,
.button.credit span {
  color: #fff !important;
}
button.notice,
.button.notice {
  background-color: #857200 !important;
  border-color: #2c2500 !important;
  color: #fff !important;
}
button.actionpoints,
.button.actionpoints {
  background-color: #cc6400 !important;
  border-color: #994b00 !important;
  color: #fff !important;
}
button.actionpoints span,
.button.actionpoints span {
  color: #fff !important;
}
button.paypal,
.button.paypal {
  background-color: #169BD7 !important;
  border-color: #169BD7 !important;
  color: #fff;
}
button.wise,
.button.wise {
  background-color: #9fe870 !important;
  border-color: #9fe870 !important;
  color: #fff;
}
button.deezer,
.button.deezer {
  background-color: #a238ff;
  border-color: #531f82;
  color: #fff;
}
button.deezer img,
.button.deezer img {
  filter: brightness(10);
}
button.spotify,
.button.spotify {
  background: #1DB954;
  border-color: #0d5124;
  color: #fff;
}
button.youtube,
.button.youtube {
  background: #ff0000;
  border-color: #990000;
  color: #fff;
}
button.tiktok,
.button.tiktok {
  background: #00f2ea;
  border-color: #ff0050;
  color: #000;
}
button.soundcloud,
.button.soundcloud {
  background: #FF5500;
  border-color: #FF5500;
  color: #fff;
}
button.round,
.button.round {
  border-radius: 40px;
  width: 80px;
  height: 80px;
  padding: 0;
}
button.round.small,
.button.round.small {
  width: 40px;
  height: 40px;
}
button.round.medium,
.button.round.medium {
  width: 60px;
  height: 60px;
}
button.favourite,
.button.favourite {
  background: linear-gradient(180deg, #fff7ba, #d8d543);
  border-color: #d8d543;
}
button.close_round,
.button.close_round {
  position: absolute;
  width: 25px;
  height: 25px;
  line-height: 30px;
  top: -4px;
  right: -6px;
  text-align: center;
  padding: 0;
  margin: 0;
  border-radius: 30px;
  cursor: pointer;
  z-index: 10;
  background: linear-gradient(0deg, #111, #333);
}
button.close_round .line1,
.button.close_round .line1,
button.close_round .line2,
.button.close_round .line2 {
  position: absolute;
  top: 50%;
  left: 25%;
  margin-top: -2px;
  width: 50%;
  height: 3px;
  background: #fff;
  border-radius: 4px;
  pointer-events: none;
}
button.close_round .line1,
.button.close_round .line1 {
  transform: rotate(45deg);
}
button.close_round .line2,
.button.close_round .line2 {
  transform: rotate(-45deg);
}
button span,
.button span {
  display: inline-block;
  vertical-align: middle;
}
button img,
.button img {
  max-width: 50px;
  display: inline-block;
  vertical-align: middle;
}
button.optin-choice,
.button.optin-choice {
  text-align: center;
  line-height: 20px;
}
button.optin-choice span,
.button.optin-choice span {
  font-size: 150%;
  font-weight: 900;
}
button.optin-choice img,
.button.optin-choice img {
  max-width: 80px;
  max-height: 80px;
  padding: 10px;
  box-sizing: border-box;
  mix-blend-mode: luminosity;
}
button.red,
.button.red {
  background: #cc0000;
  border-color: #cc0000;
  color: #fff !important;
}
button.red::before,
.button.red::before {
  background: "#fff;";
}
button.disabled,
.button.disabled,
button[disabled="disabled"],
.button[disabled="disabled"],
button [disabled],
.button [disabled] {
  opacity: 0.3;
  filter: grayscale(1);
  pointer-events: none;
}
button.toggle.active,
.button.toggle.active {
  border-bottom: none;
  border-top: 3px solid rgba(0, 0, 0, 0.8);
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)) !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 1px 4px;
}
button.toggle.active::before,
.button.toggle.active::before {
  display: none;
}
.ui-widget {
  font-family: inherit;
}
.ui-widget-content {
  padding: 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border: none !important;
}
.ui-datepicker input,
.ui-datepicker select {
  padding: 5px;
}
.ui-datepicker .ui-state-highlight {
  background: #8be9bb;
  border: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.ui-datepicker .ui-state-highlight a {
  font-weight: 700;
  color: #2a6b45;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-state-active {
  background: transparent;
  color: #000;
  border: none;
  text-align: center;
}
.ui-datepicker .ui-state-disabled {
  opacity: 0.2 !important;
}
.input_ajax_menu {
  position: absolute;
  top: 68px;
  left: 0;
  width: 100%;
  z-index: 99999;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0), 0 0 30px #77c7e9;
  background: #fff;
  opacity: 0;
  transform: translateY(-20px);
  transition: 500ms all ease;
  pointer-events: none;
  max-height: 400px;
  overflow-y: auto;
}
.input_ajax_menu ul li {
  background-color: #fff;
}
.input_ajax_menu ul li:nth-child(even) {
  background-color: #f4f9ff;
}
.input_ajax_menu.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
#menu_overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background: rgba(25, 77, 104, 0.9);
  backdrop-filter: blur(1px) grayscale(0.6);
  pointer-events: none;
  opacity: 0;
}
#menu_overlay.visible {
  pointer-events: all;
  opacity: 1;
}
#menu {
  width: 100%;
  height: 60px;
  top: 40px;
  color: #000;
  position: fixed;
  z-index: 10;
  pointer-events: none;
  /**
  USER MENU:
  */
}
#menu .userimginmenu {
  border: none !important;
}
#menu ul {
  transition: all 180ms linear;
}
#menu ul li {
  pointer-events: all;
}
#menu ul li img.menu_icon {
  width: 40px;
  height: auto;
  margin: 0;
  padding: 12px;
}
#menu ul li ul {
  overflow: auto;
}
#menu ul li ul li {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  /*&:hover {
            border-left: 2px solid;
          } */
}
#menu ul li ul li a img {
  padding: 0;
}
#menu ul li ul li .chevron_down_ul {
  cursor: pointer;
  width: 50%;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
#menu ul li ul li .chevron_down_ul .line {
  width: 24px;
  right: 20px;
  height: 3px;
  border-radius: 4px;
  background: #999;
  position: absolute;
  transform-origin: center;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#menu ul li ul li .chevron_down_ul .line1 {
  top: calc(40% - 2px);
}
#menu ul li ul li .chevron_down_ul .line2 {
  top: calc(50% - 1px);
}
#menu ul li ul li .chevron_down_ul .line3 {
  top: calc(60%);
}
#menu ul li ul li .chevron_down_ul.expanded .line1 {
  transform: rotate(45deg);
  top: 50%;
}
#menu ul li ul li .chevron_down_ul.expanded .line3 {
  transform: rotate(-45deg);
  top: 50%;
}
#menu ul li ul li .chevron_down_ul.expanded .line2 {
  opacity: 0;
  transform: translateY(-20px);
}
#menu ul li ul li ul.expandable_ul {
  position: static;
  margin: 0;
  top: 60px !important;
  right: 0;
  height: 0 !important;
  transform: translateY(10px);
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  box-shadow: none !important;
}
#menu ul li ul li ul.expandable_ul .sub_menu_title {
  padding: 8px !important;
  padding-left: 8px !important;
  border-left: 4px !important;
  background-color: #f9f9f9;
  color: #999;
  font-size: 0.625rem;
  cursor: default;
}
#menu ul li ul li ul.expandable_ul li a {
  font-size: 0.75rem !important;
  height: 30px;
  line-height: 20px;
  padding-left: 20px;
}
#menu ul li ul li ul.expandable_ul.expanded {
  height: auto !important;
  transform: none;
  opacity: 1;
}
#menu ul li ul li ul.expandable_ul.expanded .chevron_down {
  transform: rotate(180deg);
}
@media (min-width: 769px) {
  #menu ul#icon_menu {
    margin-top: -20px;
  }
}
#menu ul#icon_menu > li:first-child::before {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -30px;
  left: 15px;
  z-index: 13;
  transform: rotate(45deg) translate(10px, 10px) scale(0);
  background: #fff;
  transition: all 180ms ease;
  opacity: 0;
  pointer-events: none;
}
#menu ul#icon_menu > li > a {
  padding: 0 !important;
  border-radius: 60px;
  margin-left: 5px;
  margin-top: 10px;
  background: #f9f9f9;
}
#menu ul#icon_menu > li > a img {
  margin-top: -6px;
  margin-bottom: 6px;
  padding: 10px;
  width: 60px;
  height: 60px;
  transform-origin: center;
}
#menu .notification_bubble {
  right: 45px !important;
  z-index: 13;
  top: -20px;
}
#menu_signup,
#menu_submit_add_credits {
  position: absolute;
  right: 170px;
  top: 4px;
  z-index: 14;
  pointer-events: none;
  opacity: 0;
  transform: translateX(150px);
}
@media (max-width: 480px) {
  #menu_signup,
  #menu_submit_add_credits {
    right: 170px;
  }
  #menu_signup button,
  #menu_submit_add_credits button {
    font-size: 13px;
  }
}
#menu:hover #menu_submit_add_credits {
  transform: translateX(0);
  pointer-events: all;
  opacity: 1;
}
#menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
}
#menu ul li {
  font-size: 16px;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
#menu ul li a {
  padding: 0 10px;
  display: block;
  font-weight: 300;
  font-size: 0.875rem;
  color: #000;
}
#menu ul li a span {
  display: inline-block;
  vertical-align: middle;
}
#menu ul li a img {
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
}
#menu ul li a img.chevron_down {
  width: 60px;
  padding: 12px;
  position: absolute;
  top: 0;
  right: 0;
}
#menu ul li a.icon_menu,
#menu ul li a.me_btn {
  background: transparent;
  z-index: 12;
  position: relative;
}
#menu ul li a.icon_menu .icon_menu_text {
  font-size: 0.625rem;
  display: block;
  margin: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 4px;
}
#menu ul li a.me_btn > span {
  background: #f9f9f9;
  border-radius: 60px;
}
#menu ul li ul {
  width: 100%;
  height: calc(100% - 120px);
  position: fixed;
  left: 0;
  background: #f0f0f0;
  background-image: linear-gradient(180deg, #f9f9f9, #f0f0f0);
  opacity: 0;
  transform: translateY(10px);
  z-index: 14;
  border-radius: 8px;
  overflow: auto;
  margin-top: 0;
  text-align: left;
  pointer-events: none;
}
#menu ul li ul * {
  pointer-events: none;
}
#menu ul li ul li {
  display: block;
}
#menu ul li ul li a {
  position: relative;
  padding: 5px;
  height: 50px;
  font-weight: 200;
  transition: background-color 180ms linear;
}
#menu ul li ul li a .pre_header {
  font-weight: 100;
  max-height: 0;
  transition: max-height 180ms linear;
  overflow: hidden;
}
#menu ul li ul li a.sticky {
  top: 0;
  position: sticky;
  z-index: 1;
}
#menu ul li ul li a.user_menu_profile {
  height: 120px;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5), #ffffff);
  /*img.userimg {
                width: 40px !important;
                height: 40px !important;
              } */
}
#menu ul li ul li a .notification_bubble_holder {
  position: absolute;
  right: 18px;
  top: 13px;
}
#menu ul li ul li a.sub {
  padding-left: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
#menu ul li ul li a.sub img {
  height: 40px;
  width: auto;
  padding: 12px !important;
}
#menu ul li ul li:first-child a {
  border: none;
}
@media (min-width: 769px) {
  #menu ul li ul {
    width: 500px;
    position: fixed;
    z-index: 9999;
    top: 100px !important;
    right: 0 !important;
    display: block;
  }
  #menu ul li ul li a .notification_bubble_holder {
    top: 12px;
    right: 15px;
  }
  #menu ul li ul li a img {
    opacity: 0.3;
  }
  #menu ul li ul li a:hover {
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0.05);
  }
  #menu ul li ul li a:hover .pre_header {
    font-weight: 300 !important;
    max-height: 12px;
  }
  #menu ul li ul li a:hover img {
    opacity: 1;
  }
}
#menu ul li.active::before {
  opacity: 1 !important;
  transform: rotate(45deg) translate(0) !important;
}
#menu ul li.active > a > span > img {
  transform: rotate(20deg) scale(1.3);
}
#menu ul li.active .icon_menu_text {
  opacity: 0;
  transform: translateY(20px);
}
#menu ul li.active ul {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
#menu ul li.active ul * {
  pointer-events: all;
}
#menu ul li.inactive {
  opacity: 0.5;
  transform: scale(0.8);
}
@media (max-width: 480px) {
  #menu ul li a {
    padding: 0;
  }
}
#menu #user_menu,
#menu #credits_menu {
  position: absolute;
  z-index: 12;
  width: 100%;
  right: 0;
  padding: 0;
  height: 60px;
  pointer-events: all;
}
#menu #user_menu .team_status,
#menu #credits_menu .team_status {
  top: 74px !important;
  opacity: 0.5;
  left: 14px;
  right: auto;
  transition: all 180ms ease;
}
#menu #user_menu .team_status::before,
#menu #credits_menu .team_status::before {
  bottom: 30px !important;
  box-shadow: none !important;
  right: auto;
  left: 34px;
}
#menu #user_menu .team_status:hover,
#menu #credits_menu .team_status:hover {
  opacity: 1;
}
#menu #user_menu > ul,
#menu #credits_menu > ul {
  top: -10px;
  position: absolute;
  width: 100%;
  text-align: right;
}
#menu #user_menu ul,
#menu #credits_menu ul {
  left: auto;
  right: 0;
}
#menu #user_menu ul li:first-child::before,
#menu #credits_menu ul li:first-child::before {
  content: '';
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -40px;
  right: 20px;
  z-index: 13;
  transform: rotate(45deg) translate(10px, 10px) scale(0);
  background: #fff;
  transition: all 180ms ease;
  opacity: 0;
  pointer-events: none;
}
#menu #user_menu ul li .notification_bubble,
#menu #credits_menu ul li .notification_bubble {
  right: 10px !important;
  top: 18px !important;
}
#menu #user_menu a .userimg_change_avatar,
#menu #credits_menu a .userimg_change_avatar {
  display: block;
  position: absolute;
  width: 100px;
  z-index: -1;
  transition: all 180ms cubic-bezier(0.82, 0.16, 0.62, 1.36);
  right: 70px;
  top: 8px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transform: translateX(100px);
  font-size: 0.75rem;
}
#menu #user_menu a .userimg_change_avatar.visible,
#menu #credits_menu a .userimg_change_avatar.visible {
  opacity: 1;
  pointer-events: all;
  transform: translateX(0);
}
#menu #user_menu a img.userimg.hasavatar,
#menu #credits_menu a img.userimg.hasavatar {
  padding: 0;
  border-radius: 50px;
  border: 2px solid #fff;
  background: #093c4f69;
  width: 60px;
  height: 60px;
}
#menu #user_menu a img.userimg.hasavatar:hover,
#menu #credits_menu a img.userimg.hasavatar:hover {
  background: #00334d;
}
#menu #user_menu a.no_filter img,
#menu #credits_menu a.no_filter img {
  filter: none;
}
#menu #user_menu .credits_btn.has_credits,
#menu #credits_menu .credits_btn.has_credits {
  color: #f7d05b;
}
#menu #user_menu .credits_btn .user_credits_value,
#menu #credits_menu .credits_btn .user_credits_value {
  font-size: 0.875rem;
  font-weight: 900;
}
@media (max-width: 768px) {
  #menu #user_menu,
  #menu #credits_menu {
    top: 20px;
  }
}
#menu #credits_menu {
  right: 120px;
}
#menu #credits_menu a span img {
  filter: none;
  padding: 0;
  margin-right: 10px;
  width: 30px;
}
@media (max-width: 480px) {
  #menu #credits_menu {
    right: 70px;
  }
  #menu #credits_menu a.credits_btn span img {
    padding-left: 0;
  }
}
#menu #signup_menu {
  position: absolute;
  right: 40px;
  top: 0;
  z-index: 19;
  width: auto;
  height: 60px;
  background: pink;
}
@media (max-width: 768px) {
  #menu {
    height: 80px;
  }
  #menu .notification_bubble {
    top: 0;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  #menu {
    top: 30px;
  }
}
.page_menu {
  margin-bottom: 50px;
}
.page_menu_title {
  display: none;
  font-size: 11px;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  width: 200px;
  margin: 0 auto;
  color: #8a7660;
}
.page_menu_title::before,
.page_menu_title::after {
  position: absolute;
  content: "";
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #b8a78a 100%);
  width: 25%;
  left: 0;
  top: 5px;
}
.page_menu_title::after {
  left: auto;
  right: 0;
  background: linear-gradient(90deg, #b8a78a 0%, transparent 100%);
}
.page_menu ul {
  list-style: none;
  text-align: center;
}
.page_menu ul li {
  display: inline-block;
  position: relative;
}
.page_menu ul li img {
  width: 14px;
  height: auto;
  margin-right: 5px;
}
.page_menu ul li img.avatar {
  border-radius: 30px;
}
.page_menu ul li button,
.page_menu ul li .button {
  overflow: inherit;
  border-radius: 2px;
  margin: 2px;
}
.page_menu ul li button::before,
.page_menu ul li .button::before {
  background: #999;
}
.page_menu ul li button.active,
.page_menu ul li .button.active {
  background: #555;
  color: #fff;
  cursor: default;
}
.page_menu ul li button.active img,
.page_menu ul li .button.active img {
  filter: invert(1);
}
.page_menu ul li button.active::before,
.page_menu ul li .button.active::before {
  background: transparent;
}
.show_more .show_more_trigger {
  cursor: pointer;
  position: relative;
  height: 30px;
  line-height: 30px;
  padding-right: 30px;
  display: inline-block;
}
.show_more .show_more_trigger::before {
  content: '';
  width: 30px;
  height: 30px;
  right: 0;
  top: 0;
  background-image: url(/img/icons/icon_chevron_down.svg);
  background-size: 100%;
  position: absolute;
  transition: 655ms all linear;
}
.show_more_more {
  min-height: 0;
  max-height: 0;
  overflow: hidden;
  transition: 655ms all linear;
}
.show_more.showing_more .show_more_trigger {
  opacity: 0;
  pointer-events: none;
}
.show_more.showing_more .show_more_more {
  min-height: 100px;
  max-height: 2000px;
}
/** legend. = so it dont leak to other expandables such as info_box */
legend.expandable *:not(.expandable_trigger) {
  opacity: 0;
  transition: 345ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.expandable {
  min-height: 70px;
  max-height: 70px;
  overflow: hidden;
  transition: 345ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
  font-size: 0;
  padding-top: 70px;
}
.expandable:hover:not(.expanded) .expandable_trigger {
  border-left: 2px solid;
}
.expandable:hover:not(.expanded) .expandable_trigger::before {
  opacity: 1 !important;
}
.expandable.small {
  padding-top: 40px;
  min-height: 40px;
  max-height: 40px;
}
.expandable .expandable_trigger {
  width: 100%;
  top: 0 !important;
  left: 0;
  position: relative;
  cursor: pointer;
  overflow: visible;
  opacity: 1 !important;
  display: block !important;
  position: absolute;
  transition: 345ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.expandable .expandable_trigger * {
  opacity: 1;
}
.expandable .expandable_trigger::before {
  content: '';
  width: 40px;
  height: 80%;
  right: 0;
  top: 10%;
  position: absolute;
  background-image: url(/img/icons/icon_chevron_down.svg);
  background-size: 40px;
  background-position: right;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: 345ms all cubic-bezier(0.82, 0.16, 0.62, 1.36);
}
.expandable .expandable_trigger.expanded {
  font-weight: 900;
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
}
.expandable .expandable_trigger.expanded * {
  font-weight: 900 !important;
}
.expandable .expandable_trigger.expanded::before {
  transform: rotate(180deg);
  opacity: 1;
}
.expandable .expandable_trigger.dark::before,
.expandable .expandable_trigger.white::before {
  background-image: url(/img/icons/icon_chevron_down_white.svg);
}
.expandable.expanded {
  min-height: 200px;
  max-height: 200%;
  height: auto;
  padding-left: 10px !important;
  border-left: 8px solid;
}
.expandable.expanded.maxheightnone {
  max-height: none;
}
.expandable.expanded * {
  opacity: 1;
}
.m0 {
  margin: 0 !important;
}
.m0_auto {
  margin: 0 auto !important;
}
.m0_top {
  margin-top: 0 !important;
}
.m0_right {
  margin-right: 0 !important;
}
.m0_bottom {
  margin-bottom: 0 !important;
}
.m0_left {
  margin-left: 0 !important;
}
.m1 {
  margin: 2px !important;
}
.m1_auto {
  margin: 2px auto !important;
}
.m1_top {
  margin-top: 2px !important;
}
.m1_right {
  margin-right: 2px !important;
}
.m1_bottom {
  margin-bottom: 2px !important;
}
.m1_left {
  margin-left: 2px !important;
}
.m2 {
  margin: 4px !important;
}
.m2_auto {
  margin: 4px auto !important;
}
.m2_top {
  margin-top: 4px !important;
}
.m2_right {
  margin-right: 4px !important;
}
.m2_bottom {
  margin-bottom: 4px !important;
}
.m2_left {
  margin-left: 4px !important;
}
.m3 {
  margin: 6px !important;
}
.m3_auto {
  margin: 6px auto !important;
}
.m3_top {
  margin-top: 6px !important;
}
.m3_right {
  margin-right: 6px !important;
}
.m3_bottom {
  margin-bottom: 6px !important;
}
.m3_left {
  margin-left: 6px !important;
}
.m4 {
  margin: 8px !important;
}
.m4_auto {
  margin: 8px auto !important;
}
.m4_top {
  margin-top: 8px !important;
}
.m4_right {
  margin-right: 8px !important;
}
.m4_bottom {
  margin-bottom: 8px !important;
}
.m4_left {
  margin-left: 8px !important;
}
.m5 {
  margin: 10px !important;
}
.m5_auto {
  margin: 10px auto !important;
}
.m5_top {
  margin-top: 10px !important;
}
.m5_right {
  margin-right: 10px !important;
}
.m5_bottom {
  margin-bottom: 10px !important;
}
.m5_left {
  margin-left: 10px !important;
}
.m6 {
  margin: 12px !important;
}
.m6_auto {
  margin: 12px auto !important;
}
.m6_top {
  margin-top: 12px !important;
}
.m6_right {
  margin-right: 12px !important;
}
.m6_bottom {
  margin-bottom: 12px !important;
}
.m6_left {
  margin-left: 12px !important;
}
.m7 {
  margin: 14px !important;
}
.m7_auto {
  margin: 14px auto !important;
}
.m7_top {
  margin-top: 14px !important;
}
.m7_right {
  margin-right: 14px !important;
}
.m7_bottom {
  margin-bottom: 14px !important;
}
.m7_left {
  margin-left: 14px !important;
}
.m8 {
  margin: 16px !important;
}
.m8_auto {
  margin: 16px auto !important;
}
.m8_top {
  margin-top: 16px !important;
}
.m8_right {
  margin-right: 16px !important;
}
.m8_bottom {
  margin-bottom: 16px !important;
}
.m8_left {
  margin-left: 16px !important;
}
.m9 {
  margin: 18px !important;
}
.m9_auto {
  margin: 18px auto !important;
}
.m9_top {
  margin-top: 18px !important;
}
.m9_right {
  margin-right: 18px !important;
}
.m9_bottom {
  margin-bottom: 18px !important;
}
.m9_left {
  margin-left: 18px !important;
}
.m10 {
  margin: 20px !important;
}
.m10_auto {
  margin: 20px auto !important;
}
.m10_top {
  margin-top: 20px !important;
}
.m10_right {
  margin-right: 20px !important;
}
.m10_bottom {
  margin-bottom: 20px !important;
}
.m10_left {
  margin-left: 20px !important;
}
.p0 {
  padding: 0 !important;
}
.p0_top {
  padding-top: 0 !important;
}
.p0_right {
  padding-right: 0 !important;
}
.p0_bottom {
  padding-bottom: 0 !important;
}
.p0_left {
  padding-left: 0 !important;
}
.p1 {
  padding: 2px !important;
}
.p1_top {
  padding-top: 2px !important;
}
.p1_right {
  padding-right: 2px !important;
}
.p1_bottom {
  padding-bottom: 2px !important;
}
.p1_left {
  padding-left: 2px !important;
}
.p2 {
  padding: 4px !important;
}
.p2_top {
  padding-top: 4px !important;
}
.p2_right {
  padding-right: 4px !important;
}
.p2_bottom {
  padding-bottom: 4px !important;
}
.p2_left {
  padding-left: 4px !important;
}
.p3 {
  padding: 6px !important;
}
.p3_top {
  padding-top: 6px !important;
}
.p3_right {
  padding-right: 6px !important;
}
.p3_bottom {
  padding-bottom: 6px !important;
}
.p3_left {
  padding-left: 6px !important;
}
.p4 {
  padding: 8px !important;
}
.p4_top {
  padding-top: 8px !important;
}
.p4_right {
  padding-right: 8px !important;
}
.p4_bottom {
  padding-bottom: 8px !important;
}
.p4_left {
  padding-left: 8px !important;
}
.p5 {
  padding: 10px !important;
}
.p5_top {
  padding-top: 10px !important;
}
.p5_right {
  padding-right: 10px !important;
}
.p5_bottom {
  padding-bottom: 10px !important;
}
.p5_left {
  padding-left: 10px !important;
}
.p6 {
  padding: 12px !important;
}
.p6_top {
  padding-top: 12px !important;
}
.p6_right {
  padding-right: 12px !important;
}
.p6_bottom {
  padding-bottom: 12px !important;
}
.p6_left {
  padding-left: 12px !important;
}
.p7 {
  padding: 14px !important;
}
.p7_top {
  padding-top: 14px !important;
}
.p7_right {
  padding-right: 14px !important;
}
.p7_bottom {
  padding-bottom: 14px !important;
}
.p7_left {
  padding-left: 14px !important;
}
.p8 {
  padding: 16px !important;
}
.p8_top {
  padding-top: 16px !important;
}
.p8_right {
  padding-right: 16px !important;
}
.p8_bottom {
  padding-bottom: 16px !important;
}
.p8_left {
  padding-left: 16px !important;
}
.p9 {
  padding: 18px !important;
}
.p9_top {
  padding-top: 18px !important;
}
.p9_right {
  padding-right: 18px !important;
}
.p9_bottom {
  padding-bottom: 18px !important;
}
.p9_left {
  padding-left: 18px !important;
}
.p10 {
  padding: 20px !important;
}
.p10_top {
  padding-top: 20px !important;
}
.p10_right {
  padding-right: 20px !important;
}
.p10_bottom {
  padding-bottom: 20px !important;
}
.p10_left {
  padding-left: 20px !important;
}
.w5 {
  width: 5%;
}
@media (max-width: 480px) {
  .w5 {
    width: 100%;
  }
}
.w10 {
  width: 10% !important;
}
@media (max-width: 480px) {
  .w10 {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .w10_m {
    width: 10% !important;
  }
}
.w16 {
  width: 16.6667%;
}
@media (max-width: 480px) {
  .w16 {
    width: 50%;
  }
}
.w20 {
  width: 20%;
}
@media (max-width: 480px) {
  .w20 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w20_m {
    width: 20% !important;
  }
}
.w25 {
  width: 25% !important;
}
@media (max-width: 768px) {
  .w25 {
    width: 50% !important;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .w25 {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .w25_m {
    width: 25% !important;
  }
}
.w30 {
  width: 30%;
}
@media (max-width: 768px) {
  .w30 {
    width: 30%;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .w30 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w30_m {
    width: 30% !important;
  }
}
.w33 {
  width: 33.3334%;
}
@media (max-width: 768px) {
  .w33 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w33_m {
    width: 33.3334% !important;
  }
}
.w40 {
  width: 40%;
}
@media (max-width: 768px) {
  .w40 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w40_m {
    width: 40% !important;
  }
}
.w50 {
  width: 50%;
}
@media (max-width: 768px) {
  .w50 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w50_m {
    width: 50% !important;
  }
}
.w60 {
  width: 60%;
}
@media (max-width: 768px) {
  .w60 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w60_m {
    width: 60% !important;
  }
}
.w66 {
  width: 66%;
}
@media (max-width: 480px) {
  .w66 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w66_m {
    width: 66% !important;
  }
}
.w75 {
  width: 75%;
}
@media (max-width: 480px) {
  .w75 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w75_m {
    width: 75% !important;
  }
}
.w80 {
  width: 80%;
}
@media (max-width: 768px) {
  .w80 {
    width: 80%;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .w80 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .w80_m {
    width: 80% !important;
  }
}
.w83 {
  width: 83.33334%;
}
@media (max-width: 480px) {
  .w83 {
    width: 100%;
  }
}
.w90 {
  width: 90%;
}
@media (max-width: 480px) {
  .w90 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .w90_m {
    width: 90%;
  }
}
.w100 {
  width: 100% !important;
}
@media (max-width: 480px) {
  .w100 {
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  .w100_m {
    width: 100% !important;
  }
}
.h100 {
  height: 100% !important;
}
#darkmode {
  position: fixed;
  z-index: 4;
  font-size: 12px;
  text-align: right;
  top: 2px;
  right: 3px;
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
#darkmode img {
  position: relative;
  left: -5px;
  width: 15px !important;
  top: 2px;
  filter: drop-shadow(0 0px 1px rgba(0, 0, 0, 0.7));
}
#darkmode .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}
#darkmode .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
#darkmode .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#darkmode .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#darkmode input:checked + .slider {
  background-color: #0074a6;
}
#darkmode input:checked + .slider::before {
  background-color: #001a1f;
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
}
#darkmode input:checked + .slider img {
  filter: none;
}
#darkmode input:focus + .slider {
  box-shadow: 0 0 1px #0074a6;
}
#darkmode input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
#darkmode .slider.round {
  border-radius: 34px;
}
#darkmode .slider.round:before {
  border-radius: 50%;
}
.darkmode body {
  background: #00334d;
  color: #fff;
  /*.info_button {
            background: @blue_lighter;
            color: @blue_darkest;

            span {
                color: @blue_darkest;
            }
        } */
}
.darkmode body .breadcrumb {
  background: #00334d;
}
.darkmode body .breadcrumb_item,
.darkmode body .breadcrumb_sep {
  color: #fff;
}
.darkmode body .breadcrumb_item .icon,
.darkmode body .breadcrumb_sep .icon {
  filter: invert(1);
}
.darkmode body .pre_header {
  color: #cde9f7;
}
.darkmode body .pre_header * {
  color: #cde9f7;
}
.darkmode body #top_banner {
  background: linear-gradient(180deg, #001a1f, #00334d);
}
.darkmode body #activity_scroller ul li {
  color: #f9f9f9;
}
.darkmode body #activity_scroller ul li a {
  color: #fff;
}
.darkmode body #logo img {
  filter: invert(1);
}
.darkmode body #menu ul li ul {
  background: #00334d;
}
.darkmode body #menu ul li ul li .expandable_ul {
  border-color: rgba(255, 255, 255, 0.1);
}
.darkmode body #menu ul li ul a {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
}
.darkmode body #menu ul li ul a img:not(.hasavatar) {
  filter: invert(1);
}
.darkmode body #menu ul li ul a:hover {
  background: #00334d;
}
.darkmode body #menu ul#icon_menu > li > a {
  background: #00334d;
}
.darkmode body #menu ul#icon_menu > li > a img {
  filter: invert(1);
}
.darkmode body #menu #user_menu ul li:first-child::before {
  background: #001a1f;
}
.darkmode body #menu #icon_menu li:first-child::before {
  background: #00334d;
}
.darkmode body #menu #user_menu a img.userimg.hasavatar,
.darkmode body #menu #menu #credits_menu a img.userimg.hasavatar {
  border-color: #0074a6;
}
.darkmode body #menu #user_menu::before {
  background-color: #00334d;
}
.darkmode body #menu .user_menu_profile {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), #001a1f) !important;
}
.darkmode body #menu .chevron_down_ul .line {
  background: #fff;
}
.darkmode body #menu ul.expandable_ul .sub_menu_title {
  background-color: #00334d;
  color: #0074a6;
}
.darkmode body #top_menu_desktop_left.sticky ul li a,
.darkmode body #top_menu_desktop_right.sticky ul li a {
  background-color: #00334d;
  border-color: #004d66;
}
.darkmode body a,
.darkmode body p,
.darkmode body ul,
.darkmode body li,
.darkmode body span,
.darkmode body div,
.darkmode body td {
  color: #fff;
}
.darkmode body .blog_post {
  border-color: #004d66;
}
.darkmode body .modal {
  background: rgba(0, 0, 0, 0.7) !important;
}
.darkmode body .modal_content {
  background: #00334d;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.8);
}
.darkmode body .modal_bar {
  background-color: #004d66 !important;
}
.darkmode body .modal_bar .maximize,
.darkmode body .modal_bar .close {
  background-color: #00334d !important;
}
.darkmode body .filter_popup,
.darkmode body .template_popup {
  background-color: #00334d;
}
.darkmode body .close_btn .line {
  background: #ddd;
}
.darkmode body .show_more_trigger::before {
  filter: invert(1);
}
.darkmode body form legend {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2), transparent);
  background-color: #004d66;
  color: #fff;
}
.darkmode body form legend.expandable_trigger::before {
  background-image: url(/img/icons/icon_chevron_down_white.svg);
}
.darkmode body form fieldset {
  background: #00334d;
}
.darkmode body form input:not([type="radio"], [type="range"]),
.darkmode body form .select,
.darkmode body form .select-trigger,
.darkmode body form textarea,
.darkmode body form select {
  background-color: #001a1f;
  border-color: #0074a6;
  color: #fff;
}
.darkmode body form input:not([type="radio"], [type="range"])::placeholder,
.darkmode body form .select::placeholder,
.darkmode body form .select-trigger::placeholder,
.darkmode body form textarea::placeholder,
.darkmode body form select::placeholder {
  color: #cde9f7;
}
.darkmode body form .select-trigger,
.darkmode body form select {
  background: linear-gradient(180deg, #001a1f, #000);
}
.darkmode body form.done {
  background: #01331c;
}
.darkmode body form.done > legend {
  background-color: #2a6b45;
  color: #d8f1e5;
}
.darkmode body form fieldset .form-group.button_radio,
.darkmode body form fieldset .form-group.button_checkbox {
  background-color: #00334d;
  background-image: linear-gradient(-45deg, rgba(0, 0, 0, 0.05), transparent);
  border-color: #004d66;
}
.darkmode body form fieldset .form-group.button_radio.selected,
.darkmode body form fieldset .form-group.button_checkbox.selected {
  background-color: #2b9e6a !important;
  border-color: #27b872 !important;
}
.darkmode body hr {
  border-color: #004d66;
}
.darkmode body button,
.darkmode body .button {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.9), 0 0 10px rgba(255, 255, 255, 0.5);
}
.darkmode body button.secondary,
.darkmode body .button.secondary {
  background: #00334d !important;
  color: #fff;
  border-color: #00334d;
}
.darkmode body button.soundcloud,
.darkmode body .button.soundcloud {
  background-color: #ffb996 !important;
  border-color: #ffb996 !important;
}
.darkmode body button.reacted,
.darkmode body .button.reacted {
  background: linear-gradient(0deg, #001a1f, #00334d) !important;
  border-color: #0074a6 !important;
}
.darkmode body button:hover,
.darkmode body .button:hover {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.9), 0 0 20px rgba(255, 255, 255, 0.3);
}
.darkmode body .bg_gold_lightest,
.darkmode body .bg_gold_lighter,
.darkmode body .bg_gold_light,
.darkmode body .bg_gold_dark,
.darkmode body .bg_gold {
  background-color: #663300 !important;
}
.darkmode body .bg_white {
  background-color: #001a1f !important;
}
.darkmode body .bg_lightgray {
  background-color: #004d66 !important;
}
.darkmode body .bg_yellow_credit {
  background-color: #a47b00 !important;
}
.darkmode body .bg_yellow_credit_light {
  background-color: #a47b00 !important;
}
.darkmode body .bg_yellow_credit_lighter {
  background-color: #473500 !important;
}
.darkmode body .bg_yellow_credit_dark {
  background-color: #ffe69a !important;
}
.darkmode body .bg_yellow_notice {
  background-color: #2c2500 !important;
}
.darkmode body .bg_green_lightest,
.darkmode body .bg_green_lighter,
.darkmode body .bg_green_light,
.darkmode body .bg_green,
.darkmode body .bg_green_dark {
  background-color: #2a6b45 !important;
}
.darkmode body .bg_green_spotify_light {
  background-color: #156b32 !important;
}
.darkmode body .bg_green_spotify_lighter {
  background-color: #0d5124 !important;
}
.darkmode body .bg_green_spotify_lightest {
  background-color: #05200e !important;
}
.darkmode body .bg_pink_tiktok_lightest {
  background-color: #3d0013 !important;
}
.darkmode body .bg_red {
  background-color: #ff4d4d !important;
}
.darkmode body .bg_red_light {
  background-color: #cc0000 !important;
}
.darkmode body .bg_red_lighter {
  background-color: #990000 !important;
}
.darkmode body .bg_red_soundcloud_lightest {
  background-color: #4c1900 !important;
}
.darkmode body .bg_red_youtube_lightest,
.darkmode body .bg_red_lightest {
  background-color: #660000 !important;
}
.darkmode body .bg_purple,
.darkmode body .bg_purple_lighter,
.darkmode body .bg_purple_lightest {
  background-color: #44203b !important;
}
.darkmode body .bg_purple_deezer_light {
  background-color: #792bbe !important;
}
.darkmode body .bg_purple_deezer_lightest {
  background-color: #230d37 !important;
}
.darkmode body .bg_blue_info_lighter {
  background-color: #004d66 !important;
}
.darkmode body .bg_blue_info_lightest {
  background-color: #001a1f !important;
}
.darkmode body .bg_blue,
.darkmode body .bg_blue_light,
.darkmode body .bg_blue_lighter,
.darkmode body .bg_blue_lightest {
  background-color: #004d66 !important;
}
.darkmode body .bg_beige,
.darkmode body .bg_beige_dark,
.darkmode body .bg_beige_light,
.darkmode body .bg_beige_lighter {
  background-color: #726359 !important;
  border-bottom-color: #726359 !important;
}
.darkmode body .bg_gray {
  background-color: #ddd !important;
}
.darkmode body .bg_gray_light {
  background-color: #555 !important;
}
.darkmode body .bg_gray_lighter {
  background-color: #222 !important;
}
.darkmode body .bg_gray_lightest {
  background-color: #111 !important;
}
.darkmode body .white {
  color: #001a1f !important;
}
.darkmode body .black {
  color: #fff !important;
}
.darkmode body .green_dark {
  color: #8be9bb !important;
}
.darkmode body .green_darker {
  color: #d8f1e5 !important;
}
.darkmode body .red {
  color: #ff4d4d !important;
}
.darkmode body .red_dark {
  color: #ff9797 !important;
}
.darkmode body .gray {
  color: #f0f0f0 !important;
}
.darkmode body .gray_dark {
  color: #f9f9f9 !important;
}
.darkmode body .yellow_credit_darker {
  color: #fff2cb !important;
}
.darkmode body .yellow_credit_lighter {
  color: #a47b00 !important;
}
.darkmode body .genre_tag {
  background: #004d66;
}
.darkmode body .genre_tag_name {
  color: #fff;
}
.darkmode body .button_holder {
  background: #001a1f;
  border-color: #00334d;
}
.darkmode body .playlist_list_must_follow {
  background: #2b9e6a;
}
.darkmode body .playlist_list.must_follow .playlist_list_must_follow {
  background: #857200;
}
.darkmode body .playlist_row {
  border-color: #004d66 !important;
}
.darkmode body .invert {
  filter: invert(0) !important;
}
.darkmode body .invert_darkmode {
  filter: invert(1) !important;
}
.darkmode body img.paypal,
.darkmode body img.stripe {
  filter: grayscale(1) brightness(15);
}
.darkmode body #add_credits #free_vs_premium_credits > div > div,
.darkmode body #add_credits_step2 #free_vs_premium_credits > div > div {
  border-color: #001a1f;
}
.darkmode body #add_credits table tr td,
.darkmode body #add_credits_step2 table tr td {
  border-color: #004d66;
}
.darkmode body #add_credits .credits_price_old::before,
.darkmode body #add_credits .credits_price_old::after {
  background: rgba(255, 255, 255, 0.8);
}
.darkmode body #stripe-payment-form {
  background-color: #2a6b45 !important;
}
.darkmode body .stripe_button {
  filter: brightness(10);
}
.darkmode body .knob-container .knob::before {
  background: #00334d;
}
.darkmode body .knob[mood-value="-5"] {
  background-color: #d1ecff;
}
.darkmode body .knob[mood-value="-4"] {
  background-color: #d1deff;
}
.darkmode body .knob[mood-value="-3"] {
  background-color: #d1d1ff;
}
.darkmode body .knob[mood-value="-2"] {
  background-color: #e0d1ff;
}
.darkmode body .knob[mood-value="-1"] {
  background-color: #e7eaff;
}
.darkmode body .knob[mood-value="0"] {
  background-color: #ffffff;
}
.darkmode body .knob[mood-value="1"] {
  background-color: #ebe7ff;
}
.darkmode body .knob[mood-value="2"] {
  background-color: #efd1ff;
}
.darkmode body .knob[mood-value="3"] {
  background-color: #ffd1ca;
}
.darkmode body .knob[mood-value="4"] {
  background-color: #ffb2a6;
}
.darkmode body .knob[mood-value="5"] {
  background-color: #ff9a8a;
}
.darkmode body .moods_display .mood_section_bar {
  background: #001a1f;
}
.darkmode body .moods_display .mood_section_bar_fill {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), transparent, rgba(255, 255, 255, 0.3));
}
.darkmode body .moods_display .mood_section_bar_fill-5 {
  background-color: #d1ecff;
}
.darkmode body .moods_display .mood_section_bar_fill-4 {
  background-color: #d1deff;
}
.darkmode body .moods_display .mood_section_bar_fill-3 {
  background-color: #d1d1ff;
}
.darkmode body .moods_display .mood_section_bar_fill-2 {
  background-color: #e0d1ff;
}
.darkmode body .moods_display .mood_section_bar_fill-1 {
  background-color: #e7eaff;
}
.darkmode body .moods_display .mood_section_bar_fill0 {
  background-color: #ffffff;
}
.darkmode body .moods_display .mood_section_bar_fill1 {
  background-color: #ebe7ff;
}
.darkmode body .moods_display .mood_section_bar_fill2 {
  background-color: #efd1ff;
}
.darkmode body .moods_display .mood_section_bar_fill3 {
  background-color: #ffd1ca;
}
.darkmode body .moods_display .mood_section_bar_fill4 {
  background-color: #ffb2a6;
}
.darkmode body .moods_display .mood_section_bar_fill5 {
  background-color: #ff9a8a;
}
.darkmode body .moods_display .mood_section_to {
  color: #ff9a8a;
}
.darkmode body .moods_display .mood_section_from {
  color: #d1ecff;
}
.darkmode body .filter_popup_btn,
.darkmode body .template_popup_btn {
  background: #77c7e9;
}
.darkmode body .unread {
  background-color: #857200 !important;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.3));
}
.darkmode body #me_chat ul li {
  border-color: #004d66;
}
.darkmode body #chat_thread_top {
  background: none !important;
}
.darkmode body #chat_thread .button .icon {
  filter: invert(1);
}
.darkmode body #chat_thread .chat_message .me {
  background: linear-gradient(180deg, #8a7660, #726359) !important;
}
.darkmode body #chat_thread .chat_message_reactions {
  background: #001a1f !important;
}
.darkmode body .feedback_phrases {
  background: rgba(0, 0, 0, 0.7);
}
.darkmode body .feedback_phrases h4 {
  background: rgba(0, 0, 0, 0.7);
}
.darkmode body .feedback_phrases .feedback_phrase {
  background-color: #8a7660;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent);
}
.darkmode body .feedback_phrases .feedback_phrase::before {
  background: #8a7660;
}
.darkmode body #curator_profile_top {
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.9));
}
.darkmode body #banner_top_mobile_banner,
.darkmode body #banner_top_desktop_banner {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.7));
}
.darkmode body #me_inbox_content .icon {
  filter: invert(1);
}
.darkmode body #me_inbox_content .expandable_trigger::before {
  background-image: url(/img/icons/icon_chevron_down_white.svg);
}
.darkmode body #me_inbox_content ul li:nth-child(even) {
  background: #004d66;
}
.darkmode body #terms_of_use_logo {
  filter: invert(1);
}
.darkmode body .terms_of_use ul li.accepted {
  background: #2a6b45;
}
.darkmode body .terms_of_use ul li.not_accepted {
  background: #001a1f !important;
}
.darkmode body .terms_of_use ul li ul li.accepted {
  background: #2b9e6a;
}
.darkmode body #hotornot fieldset .icon,
.darkmode body .hotornot fieldset .icon {
  filter: invert(1);
}
.darkmode body #hotornot_swiper li,
.darkmode body .hotornot_swiper li {
  background: #00334d;
  border-color: #004d66;
}
.darkmode body #hotornot_swiper li.active,
.darkmode body .hotornot_swiper li.active {
  box-shadow: 0 50px 50px rgba(0, 0, 0, 0.95);
}
.darkmode body #hotornot_swiper li.liking,
.darkmode body .hotornot_swiper li.liking {
  border-color: #2b9e6a;
}
.darkmode body #hotornot_swiper > li form fieldset,
.darkmode body .hotornot_swiper > li form fieldset {
  border-bottom-color: #473500;
}
.darkmode body #hotornot_swiper_navigation,
.darkmode body .hotornot_swiper_navigation {
  /*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7)) !important;
                    border-color: @blue_dark  !important; */
  background-image: none !important;
}
.darkmode body #hotornot_swiper_navigation_middle,
.darkmode body .hotornot_swiper_navigation_middle {
  border-color: #004d66;
}
.darkmode body #hotornot_swiper_liked,
.darkmode body .hotornot_swiper_liked {
  /*background: @blue_darkest  !important;
                    border-color: @blue_dark  !important; */
}
.darkmode body #hotornot_filter ul li.checked,
.darkmode body .hotornot_filter ul li.checked {
  background: #001a1f;
}
.darkmode body #footer-top {
  background: linear-gradient(0deg, #001a1f, #001a1f);
}
.darkmode body #offers legend > .icon {
  filter: invert(1);
}
.darkmode body #me_campaigns legend .icon {
  filter: invert(1);
}
.darkmode body .page_menu ul li button.active,
.darkmode body .page_menu ul li .button.active {
  background: #004d66 !important;
  color: #001a1f;
}
.darkmode body .song_view fieldset {
  background-color: #001a1f !important;
}
.darkmode body .song_view_top > p .icon {
  filter: invert(1);
}
.darkmode body .song_view #song_team_message_button img {
  filter: invert(1);
}
.darkmode body #premium_campaign .col .row {
  border-color: #001a1f;
}
.darkmode body #premium_campaign .col .row.header {
  background: linear-gradient(0deg, #004d66, #00334d);
  border-color: #001a1f;
}
.darkmode body #premium_campaign .col .row.green {
  background: linear-gradient(45deg, #2a6b45, #2b9e6a);
}
.darkmode body #premium_campaign .col .row.green .icon {
  filter: invert(1);
}
.darkmode body #premium_campaign #premium_campaign_intro_read_more_btn .icon {
  filter: invert(1);
}
.darkmode body .info_box {
  border-color: #58b4ff !important;
  background-color: #103060;
  color: #cde8ff !important;
}
.darkmode body .info_box.success {
  border-color: #27b872 !important;
  background-color: #2b9e6a !important;
  color: #d8f1e5 !important;
}
.darkmode body .info_box.warning {
  border-color: #ff8400 !important;
  background-color: #c66700 !important;
  color: #ffb86c !important;
}
.darkmode body .info_box.important {
  background-color: #857200 !important;
}
.darkmode body .dashboard_card {
  background: linear-gradient(0deg, #001a1f, #001a1f);
}
.darkmode body .dashboard_card_top {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), transparent);
}
.darkmode body .toast {
  box-shadow: 6px 0 20px rgba(0, 0, 0, 0.2), 0 5px 25px rgba(0, 0, 0, 0.7);
}
.darkmode body .toast.info {
  background: linear-gradient(#103060, #102040);
}
.darkmode body .toast.error {
  background: #cc0000;
  background: linear-gradient(#990000, #cc0000);
  color: #ff9797;
}
.darkmode body .toast.error ul {
  color: #ff9797 !important;
}
.darkmode body .toast.success {
  background: #2b9e6a;
  background: linear-gradient(0deg, #2a6b45, #2b9e6a);
  color: #d8f1e5;
}
.darkmode body .testimonials ul li {
  background: linear-gradient(45deg, #00334d, #004d66);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.darkmode body .testimonials ul li img.avatar {
  background: #004d66;
  border-color: #004d66;
}
@keyframes activeAnimateDarkMode {
  50% {
    background: #8be9bb !important;
  }
}
.darkmode body .steps_wizard_top_step_holder,
.darkmode body .steps_wizard_bottom_step_holder {
  background: #004d66 !important;
  box-shadow: inset 0 1px 2px #000000;
}
.darkmode body .steps_wizard_top_step_holder .steps_wizard_top_step,
.darkmode body .steps_wizard_bottom_step_holder .steps_wizard_top_step {
  background: #cde9f7 !important;
  color: #00334d !important;
}
.darkmode body .steps_wizard_top_step_holder .steps_wizard_top_step span,
.darkmode body .steps_wizard_bottom_step_holder .steps_wizard_top_step span {
  color: #00334d !important;
}
.darkmode body .steps_wizard_top_step_holder .steps_wizard_top_step.active,
.darkmode body .steps_wizard_bottom_step_holder .steps_wizard_top_step.active {
  animation-name: activeAnimateDarkMode;
  box-shadow: 0 0 0 2px #00334d, 0 0 0 3px #77c7e9;
}
.darkmode body .steps_wizard_top_step_holder .steps_wizard_top_step.done,
.darkmode body .steps_wizard_bottom_step_holder .steps_wizard_top_step.done {
  background: #8be9bb !important;
  color: #2a6b45 !important;
}
.darkmode body .steps_wizard_top_step_holder .steps_wizard_top_step.done span,
.darkmode body .steps_wizard_bottom_step_holder .steps_wizard_top_step.done span {
  color: #2a6b45 !important;
}
.darkmode body .steps_wizard_top_step_holder_progress,
.darkmode body .steps_wizard_bottom_step_holder_progress {
  background: linear-gradient(90deg, #27b872, #8be9bb);
}
.darkmode body .song_button_more {
  background: #00334d;
}
.darkmode body .song_button_more_menu {
  background: #004d66;
  border-color: #00334d;
}
.darkmode body .song_button_more_menu a:hover {
  background: #00334d !important;
}
.darkmode body .song_button_more_menu a img {
  filter: invert(1);
}
.darkmode body .song_button_more_dot_1,
.darkmode body .song_button_more_dot_2,
.darkmode body .song_button_more_dot_3 {
  background: #fff;
}
.darkmode body ul#curators_list li span > img {
  filter: invert(1);
}
.darkmode body ul#curators_list li:hover {
  border: 1px solid #004d66;
  background: #001a1f;
}
.darkmode body .curator_list.selected {
  background: #2a6b45;
  border-color: #2b9e6a;
}
.darkmode body .curator_list.selected legend {
  background: #2b9e6a;
}
.darkmode body .curator_list .icon {
  filter: invert(1);
}
.darkmode body #submit_song_step2 .form-group {
  background-color: #00334d;
}
.darkmode body .playlist_stats,
.darkmode body .playlist_stats_units_units_overlay {
  background-color: #001a1f !important;
}
.darkmode body .input_ajax_menu {
  background: #00334d;
}
.darkmode body .input_ajax_menu ul li {
  background-color: #00334d;
}
.darkmode body .input_ajax_menu ul li:nth-child(even) {
  background-color: #004d66;
}
.darkmode .adsense .icon {
  filter: invert(1);
}
.darkmode ul#requests_list li .approve.active .img {
  background: #8be9bb;
  border-color: #d8f1e5;
  box-shadow: inset 0 0 0 2px #000;
}
.darkmode ul#requests_list li .decline.active .img {
  background: #ff4d4d;
  border-color: #ff9797;
  box-shadow: inset 0 0 0 2px #000;
}
.darkmode .team_status {
  background-color: #000;
  color: #fff;
}
.darkmode .team_status::before {
  background-color: #000;
}
.darkmode .matcher_list legend .fill_holder .fill {
  background: linear-gradient(0deg, #aeb4ff, #ff2300);
}
.darkmode .ui-sortable-placeholder {
  background-color: #011831 !important;
  border: 2px dashed #102040 !important;
}
.darkmode .ui-sortable-handle::before {
  color: #fff;
}
.darkmode .is_in_current_users_choice {
  background-color: #663300;
}
.darkmode .is_in_current_users_choice img {
  border: 2px solid #ff7e00;
}
.darkmode .dotnumber {
  background: #004d66 !important;
}