:root {
  --songtools-widget-alpha---cta--cta-bg-color: #ff1241;
  --songtools-widget-alpha---color--background-color: #191919;
  --songtools-widget-alpha---font--font-color: #fff;
  --songtools-widget-alpha---border--border-color: #00000026;
  --songtools-widget-alpha---headings--h2: 2.4rem;
  --songtools-widget-alpha---font--font-family-1: Poppins, sans-serif;
  --songtools-widget-alpha---font--font-family-2: Poppins, sans-serif;
  --songtools-widget-alpha---border--border-inverted-color: #ffffff26;
  --songtools-widget-alpha---font--font-medium: 1rem;
  --songtools-widget-alpha---border--base-border-width: 0em;
  --songtools-widget-alpha---border--border-width-thin: .1em;
  --songtools-widget-alpha---border--border-width-thick: .1875em;
  --songtools-widget-alpha---border--border-focus-color: #ffffff1a;
  --songtools-widget-alpha---boxing--base-width: 1440px;
  --songtools-widget-alpha---boxing--width-full: 100vw;
  --songtools-widget-alpha---buttons--primary-cta-color: #2ec4b6;
  --songtools-widget-alpha---color--base-modifier-color: #000;
  --songtools-widget-alpha---color--base-modifier-inverted-color: #fff;
  --songtools-widget-alpha---contrast--darkest-color: black;
  --songtools-widget-alpha---cta--cta-font-color: white;
  --songtools-widget-alpha---cta--cta-font-inverted-color: #2e2e2e;
  --songtools-widget-alpha---font--base-font-size: 1rem;
  --songtools-widget-alpha---font--font-xsmall: .5625rem;
  --songtools-widget-alpha---font--font-small: .85rem;
  --songtools-widget-alpha---font--font-large: 1.25rem;
  --songtools-widget-alpha---font--font-xlarge: 1.5rem;
  --songtools-widget-alpha---font--font-inverted-color: white;
  --songtools-widget-alpha---gradients--start-color: var(--songtools-widget-alpha---cta--cta-bg-color);
  --songtools-widget-alpha---gradients--end-color: white;
  --songtools-widget-alpha---headings--h1: 2.8rem;
  --songtools-widget-alpha---headings--h3: 2.1rem;
  --songtools-widget-alpha---headings--h4: 1.5rem;
  --songtools-widget-alpha---headings--h5: 1.2rem;
  --songtools-widget-alpha---headings--h6: 1.1rem;
  --songtools-widget-alpha---helpers--error-red: var(--songtools-widget-alpha---helpers--negative);
  --songtools-widget-alpha---helpers--neutral: #9fd5ff26;
  --songtools-widget-alpha---helpers--alert: #ffdb7a26;
  --songtools-widget-alpha---helpers--positive: #00bd4326;
  --songtools-widget-alpha---helpers--negative: #ff385926;
  --songtools-widget-alpha---helpers--alert-full: #ffdb7a;
  --songtools-widget-alpha---helpers--positive-full: #00bd43;
  --songtools-widget-alpha---helpers--negative-full: #ff3859;
  --songtools-widget-alpha---opacity--opacity-dark-low: .8em;
  --songtools-widget-alpha---opacity--opacity-high: #0000001a;
  --songtools-widget-alpha---opacity--opacity-xhigh: #00000008;
  --songtools-widget-alpha---opacity--opacity-full: transparent;
  --songtools-widget-alpha---opacity--opacity-medium: #0006;
  --songtools-widget-alpha---opacity--opacity-low: #000c;
  --songtools-widget-alpha---roundness--base-radius: 0em;
  --songtools-widget-alpha---roundness--radius-small: .375em;
  --songtools-widget-alpha---roundness--radius-medium: .5625em;
  --songtools-widget-alpha---roundness--radius-large: 1em;
  --songtools-widget-alpha---roundness--radius-full: 36em;
  --songtools-widget-alpha---spacing--base-gap: 0em;
  --songtools-widget-alpha---spacing--gap-small: .5em;
  --songtools-widget-alpha---spacing--gap-medium: 1em;
  --songtools-widget-alpha---spacing--gap-large: 2em;
  --songtools-widget-alpha---spacing--gap-xlarge: 4em;
  --songtools-widget-alpha---spacing--gap-xxlarge: 8em;
  --songtools-widget-alpha---spacing--gap-xmedium: 1.5em;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

a {
  color: var(--songtools-widget-alpha---cta--cta-bg-color);
  text-decoration: underline;
}

.wx--ui-hero {
  z-index: 1;
  color: #fff;
  background-color: #333;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 900px;
  min-height: 700px;
  transition: all .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.st-scrolldown-animation {
  z-index: 3000;
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto auto 8% 48%;
}

.link-block {
  width: 100%;
}

.features-grid {
  grid-column-gap: 60px;
  grid-row-gap: 100px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  max-width: 1220px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.st-content-left {
  color: #f9fafa;
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  min-height: 200px;
  display: flex;
}

.st-content-right {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  min-height: 200px;
  display: flex;
}

.st-action-content {
  color: #f9fafa;
}

.accordion-itemx {
  width: 100%;
  overflow: hidden;
}

.accordion-itemx.faqs-item {
  border-bottom: .5px solid #64646426;
  transition: all .2s;
}

.wx-ui-faq-container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 50px;
  display: flex;
}

.wx-banner-section {
  background-color: #0000;
  height: auto;
}

.wx-banner-section.hero {
  background-color: var(--songtools-widget-alpha---color--background-color);
  background-image: linear-gradient(90deg, #000000bf, #000000bf 68%, #00000078), linear-gradient(to bottom, var(--songtools-widget-alpha---cta--cta-bg-color), var(--songtools-widget-alpha---cta--cta-bg-color));
  justify-content: center;
  align-items: flex-start;
  min-height: 800px;
  margin-top: 0;
  padding-top: 200px;
  padding-bottom: 170px;
  display: flex;
  position: relative;
}

.wx--faqs-title {
  color: var(--songtools-widget-alpha---font--font-color);
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 0;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 60px;
  display: inline-block;
}

.measure-figure {
  background-image: url('../newwixgetimages/measure-gauge-figure.svg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 400px;
}

.st-feature-heading {
  color: var(--songtools-widget-alpha---font--font-color);
  flex: none;
  width: 100%;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 20px;
  font-size: 1rem;
  font-weight: 500;
}

.accordion-togglex {
  align-items: center;
  height: 80px;
  display: flex;
}

.accordion-togglex.faq-item-button {
  z-index: 3000;
  color: #2e2e2e;
  width: 100%;
  height: 100%;
  padding: 15px 110px 15px 0;
  transition: all .2s;
  display: flex;
}

.primary-button {
  color: #fff;
  text-align: center;
  background-color: #ff1241;
  border-radius: .375em;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.primary-button:hover {
  filter: brightness(80%);
  background-color: #ff1241;
  text-decoration: none;
}

.primary-button.large {
  background-color: #ff1241;
  height: 48px;
  font-size: 1rem;
}

.faq-ddlist {
  border-bottom: 1px solid var(--songtools-widget-alpha---border--border-color);
  opacity: .7;
  background-color: #0000;
  padding: 0;
  transition: all .2s;
  display: block;
  position: static;
  overflow: visible;
}

.btn-primary {
  color: #2e2e2e;
  background-color: #f9fafa;
  border: 2px solid #2e2e2e;
  border-radius: 200px;
  align-self: center;
  margin-right: auto;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: all .2s;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2ec4b6;
  border-color: #fff;
}

.btn-primary.inverted {
  color: #f9fafa;
  background-color: #3330;
  border-color: #f9fafa;
}

.btn-primary.inverted.arrow {
  cursor: pointer;
  background-image: url('../newwixgetimages/chevron-right-lite.svg');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: auto;
  border-width: 2px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 50px;
  font-size: 14px;
  transition: all .2s;
}

.btn-primary.inverted.arrow:hover {
  background-color: #2ec4b6;
  border-color: #39f6e4;
}

.wx-faq-item-content {
  color: var(--songtools-widget-alpha---font--font-color);
  width: 100%;
  max-width: 90%;
  padding-top: 0;
  padding-bottom: 40px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7em;
  transition: all .2s;
}

.st-feature-icon {
  opacity: .7;
  filter: brightness(0%) invert();
  color: #2e2e2e;
  max-width: 80px;
  height: 80px;
}

.wx--ui-content {
  color: #2e2e2e;
}

.faqs-container {
  color: #000;
  text-align: left;
  width: 100%;
  max-width: 1220px;
  margin-bottom: 100px;
  margin-left: 30px;
  margin-right: 30px;
}

.paragraph {
  opacity: .7;
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.st-grid-feature {
  flex-direction: column;
  display: flex;
}

.wx--according-icon {
  opacity: .8;
  filter: invert();
  background-color: #fff0;
  background-image: url('../newwixgetimages/arrow-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 15px;
  transition: all .2s;
  display: block;
  position: absolute;
  right: 0;
}

.wx-faq-item-title {
  color: var(--songtools-widget-alpha---font--font-color);
  white-space: normal;
  width: 100%;
  max-width: 710px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 36px;
}

.wx-st-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 200px;
  padding-top: 100px;
  padding-bottom: 150px;
  display: flex;
}

.wx-st-section.cta-block {
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.wx-st-section.playlisting-measure {
  background-image: linear-gradient(#5d6361, #1e2120);
  padding-top: 80px;
  padding-bottom: 160px;
  transition: all .2s;
  position: relative;
}

.wx-st-section.playlisting-measure:hover {
  filter: contrast(120%);
}

.wx-st-section.playlisting-measure.hideme-temp {
  display: none;
}

.wx-st-section.paddless {
  min-height: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

.wx--content-title {
  z-index: 1000;
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: var(--songtools-widget-alpha---headings--h2);
  text-align: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-weight: 500;
  line-height: 1.3em;
  position: relative;
}

.wx--content-title.dark {
  color: #2e2e2e;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 2.4rem;
  line-height: 1.3em;
}

.hero-text-container {
  max-width: 90%;
  margin-bottom: 0;
}

.hero-text-container.songblog-hero-text-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 50%;
  margin-top: 50px;
  display: flex;
}

.st-section-artists {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  min-height: 200px;
  padding-top: 200px;
  padding-bottom: 200px;
  display: flex;
}

.st-section-artists.white {
  background-color: #fff;
}

.st-section-artists.white.rounded {
  z-index: 10;
  background-color: var(--songtools-widget-alpha---color--background-color);
  color: var(--songtools-widget-alpha---font--font-color);
  border-radius: 20px;
  width: 100%;
  max-width: 1400px;
  margin-bottom: -100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 80px;
  position: relative;
}

.wx-st-section-container {
  font-family: var(--songtools-widget-alpha---font--font-family-1);
  color: var(--songtools-widget-alpha---font--font-color);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  height: auto;
  min-height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wx-st-section-container.measure {
  justify-content: center;
  align-items: center;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.wx--section-title {
  font-family: var(--songtools-widget-alpha---font--font-family-2);
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 130%;
}

.wx--content-subtitle {
  font-family: var(--songtools-widget-alpha---font--font-family-1);
  color: var(--songtools-widget-alpha---font--font-color);
  margin: 4px auto 10px;
  font-size: 1.25rem;
  font-weight: 400;
}

.wx--content-subtitle.center {
  text-align: center;
  font-weight: 400;
}

.air-20 {
  width: 100%;
  height: 20px;
}

.air-60 {
  clear: both;
  width: 100%;
  height: 60px;
}

.h3 {
  z-index: 1000;
  color: #f9fafa;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3em;
  position: relative;
}

.h3.left {
  text-align: left;
}

.btn-switch-me {
  color: #f9fafacc;
  cursor: pointer;
  background-color: #333333bf;
  border-width: 1px 0 2px 1px;
  border-bottom-style: solid;
  border-bottom-color: #0000;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.btn-switch-me.w--current {
  color: #f9fafa;
  background-color: #333333bf;
  border-bottom-style: solid;
  border-bottom-color: #eb113c;
  font-weight: 700;
}

.btn-switch-me.right {
  color: #fff;
  border-radius: 0 .375em .375em 0;
  height: 60px;
  font-size: 20px;
  text-decoration: none;
}

.btn-switch-me.right.active {
  background-color: #ff1241;
}

.btn-switch-me.left {
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
  text-decoration: none;
}

.btn-switch-me.left.w--current {
  border: 0 solid #000;
  height: 60px;
  font-size: 20px;
  font-weight: 400;
}

.btn-switch-me.left.active {
  background-color: var(--songtools-widget-alpha---cta--cta-bg-color);
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: 20px;
}

.hero-txt {
  font-size: 34px;
  font-weight: 700;
  line-height: 44px;
  display: inline-block;
}

.hero-txt.hero-text {
  opacity: .7;
  color: var(--songtools-widget-alpha---font--font-color);
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

.secondary-button {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #0000;
  border: .1em solid #2e2e2e;
  border-radius: .375em;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 38px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.secondary-button:hover {
  opacity: .7;
  text-decoration: none;
}

.secondary-button.large {
  border-color: var(--songtools-widget-alpha---border--border-color);
  color: #fff;
  height: 48px;
  font-size: 1rem;
}

.button-holder-cta-1 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 70px;
  display: flex;
}

.button-holder-cta-1.left {
  justify-content: flex-start;
  align-items: center;
  max-width: 90%;
  margin-bottom: auto;
}

.tooltip-plc {
  width: 14px;
  height: 14px;
  display: none;
  position: absolute;
  inset: -14px 0% auto 48%;
}

.st-btn-switcher {
  z-index: 9000;
  clear: both;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: #f9fafa;
  cursor: pointer;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  width: 600px;
  height: 60px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  transition: all .2s;
  display: flex;
  position: relative;
  inset: 0 0% auto;
}

.st-btn-switcher.hide {
  display: none;
}

.wx-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  width: 100%;
  max-width: 1220px;
  min-height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.disclaimer-txt-2 {
  opacity: .29;
  color: var(--songtools-widget-alpha---font--font-color);
  margin-top: 10px;
  font-size: .85rem;
}

.legal-section {
  align-items: center;
  width: auto;
  height: auto;
  min-height: 30px;
  display: flex;
}

.sub-nav-row {
  z-index: 300;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 30px;
  font-size: 12px;
  display: flex;
  position: relative;
}

.wx-ui-footer-container {
  border-top: 1px solid #00000026;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1220px;
  min-height: 100px;
  padding: 40px 0;
  display: flex;
}

.wx--ui-footer {
  z-index: 8000;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  position: relative;
}

.legal-nav {
  opacity: .45;
}

.legal-nav:hover {
  opacity: 1;
}

.legal-link {
  color: var(--songtools-widget-alpha---font--font-color);
  cursor: pointer;
  margin-left: 50px;
  text-decoration: none;
  transition: all .2s;
}

.legal-link:hover {
  opacity: 1;
  color: #fff;
}

.nav-row {
  flex: 1;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  min-height: 10px;
  margin-bottom: 14px;
  display: flex;
}

.nav-row.main {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
}

.st-logo-mono {
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 210px;
  width: 280px;
  height: 50px;
}

.body {
  background-color: var(--songtools-widget-alpha---color--background-color);
  font-family: var(--songtools-widget-alpha---font--font-family-1);
}

.wx--section {
  width: 100%;
  height: auto;
  min-height: 200px;
}

.wx--section.slider {
  background-color: var(--songtools-widget-alpha---border--border-inverted-color);
  height: auto;
  min-height: 800px;
}

.wx--section.slider-container {
  background-color: var(--songtools-widget-alpha---border--border-inverted-color);
  max-width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.embed-slider {
  width: 100%;
  max-width: 1400px;
  height: 100%;
  min-height: 800px;
  margin-bottom: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 300px;
}

.embed-slider.hide {
  display: none;
}

.wx-banner-floating {
  opacity: .9;
  background-image: url('../newwixgetimages/digital-ads-ui-preview.jpg');
  background-position: 0%;
  background-size: cover;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 45%;
  height: 500px;
  position: absolute;
  inset: 175px 0% 0% auto;
}

.text-block {
  max-width: 90%;
}

.wx--section-stats {
  background-color: var(--songtools-widget-alpha---cta--cta-bg-color);
  color: var(--songtools-widget-alpha---font--font-color);
  background-image: linear-gradient(#0009, #0009);
  padding-top: 50px;
  padding-bottom: 50px;
}

.wx-stats-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: var(--songtools-widget-alpha---font--font-medium);
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  min-height: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
}

.wx--single-stat {
  width: 25%;
}

.iframe-holder {
  width: 100%;
  height: 900px;
}

.lottie-animation {
  margin-left: auto;
  margin-right: auto;
}

.slider-main-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 810px;
  display: flex;
  position: relative;
}

.featured-story {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-bottom: 100px;
  display: flex;
}

.wx-slider-songmeta {
  width: 100%;
  display: flex;
}

.wx--songmeta-songcover {
  border-radius: 9px;
  width: 168px;
  height: 168px;
  position: relative;
  overflow: hidden;
}

.wx-songdata {
  color: var(--songtools-widget-alpha---font--font-color);
  flex: 1;
  margin-left: 35px;
}

.wx-songname {
  font-size: 42px;
  font-weight: 600;
  line-height: 130%;
}

.wx-artist-wrap {
  font-family: var(--songtools-widget-alpha---font--font-family-1);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  display: flex;
}

.wx-artistname {
  width: auto;
  padding-right: 10px;
  font-size: 22px;
  line-height: 130%;
  display: inline-flex;
}

.wx-spotify-profile-url {
  opacity: .27;
  cursor: pointer;
  background-image: url('../newwixgetimages/icon-spotify.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.wx-spotify-profile-url:hover {
  opacity: .57;
}

.text-block-2 {
  padding-right: 10px;
}

.wx-genre-holder {
  margin-top: 10px;
  display: flex;
}

.wx-genre {
  opacity: .44;
  font-family: var(--songtools-widget-alpha---font--font-family-1);
  text-align: center;
  text-transform: capitalize;
  background-color: #333;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  height: 20px;
  padding: 14px;
  display: inline-flex;
}

.text-block-3 {
  font-family: var(--songtools-widget-alpha---font--font-family-1);
}

.digitalads-wx-cover-play,
.playlisting-wx-cover-play {
  z-index: 100;
  cursor: pointer;
  background-image: url('../newwixgetimages/play-icon-light.svg'), linear-gradient(#0003, #0003);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  transition: all .2s;
  position: absolute;
  inset: 0%;
}

.digitalads-wx-cover-play:hover,
.playlisting-wx-cover-play:hover {
  filter: saturate(150%);
}

.image {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.digitalads-wx-cover-pause,
.playlisting-wx-cover-pause {
  z-index: 50;
  text-shadow: 0 1px 1px #0003;
  cursor: pointer;
  background-image: url('../newwixgetimages/pause-icon-light.svg'), linear-gradient(#0003, #0003);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto, auto;
  transition: all .2s;
  position: absolute;
  inset: 0%;
}

.digitalads-wx-cover-pause:hover,
.playlisting-wx-cover-pause:hover {
  filter: saturate(150%);
}

.wx-story-wrapper {
  color: var(--songtools-widget-alpha---font--font-color);
  background-image: url('../newwixgetimages/icon-open-quote.svg');
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  min-width: 750px;
  height: 145px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wx-slide-content {
  z-index: 100;
  flex-flow: column;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  display: flex;
  position: relative;
}

.splide {
  width: 100%;
  max-width: 1200px;
  height: 160px;
  margin-left: auto;
  margin-right: auto;
}

.splide__track {
  width: 100%;
  height: auto;
  min-height: 160px;
}

.splide__list {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 160px;
  display: flex;
}

.wx--featured-channel {
  background-image: url('../newwixgetimages/facebook-icon-logo.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 23%;
  min-width: 100px;
  height: 20px;
  min-height: 30px;
  margin-left: 30px;
  padding-left: 30px;
  display: flex;
}

body.dark .wx--featured-channel.facebook {
  background-image: url('../newwixgetimages/facebook-icon-logo.svg');
}

body.dark .wx--featured-channel.instagram {
  background-image: url('../newwixgetimages/instagram-icon-logo.svg');
}

body.dark .wx--featured-channel.tiktok {
  background-image: url('../newwixgetimages/tiktok-icon-logo.svg');
}

body.dark .wx--featured-channel.playlister {
  text-transform: capitalize;
  background-image: url('../newwixgetimages/playlisting-icon-logo.svg');
}

body.light .wx--featured-channel.facebook {
  background-image: url('../newwixgetimages/facebook-icon-logo-dark.svg');
}

body.light .wx--featured-channel.instagram {
  background-image: url('../newwixgetimages/instagram-icon-logo-dark.svg');
}

body.light .wx--featured-channel.tiktok {
  background-image: url('../newwixgetimages/tiktok-icon-logo-dark.svg');
}

body.light .wx--featured-channel.playlister {
  text-transform: capitalize;
  background-image: url('../newwixgetimages/playlisting-icon-logo-dark.svg');
}

.wx--impresions,
.wx--user-reach,
.wx--clicks {
  border-left: 1px solid var(--songtools-widget-alpha---border--border-color);
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 23%;
  min-width: 100px;
  height: auto;
  min-height: 30px;
  display: flex;
}

.wx-slider-stats-wrapper-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: var(--songtools-widget-alpha---font--font-medium);
  background-color: #ffffff1a;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: auto;
  min-height: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
  font-weight: 400;
}

.wx--slide-carrousel {
  z-index: 100;
  color: var(--songtools-widget-alpha---font--font-color);
  width: 100%;
  max-width: 1200px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.splide__slide {
  background-color: var(--songtools-widget-alpha---border--border-color);
  border-radius: 9px;
  width: 160px;
  height: 160px;
  overflow: hidden;
}

.text-block-4 {
  width: auto;
  display: inline-flex;
}

.inline-song {
  margin-right: 10px;
  display: inline-flex;
}

.audio-hide {
  z-index: 1;
  opacity: 0;
  pointer-events: auto;
  position: absolute;
  inset: 0%;
}

.wx--story-text {
  z-index: 100;
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 23px;
  position: relative;
}

.wx--carrousel-title {
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 20px;
}

.featured-story-overlay {
  z-index: 9;
  background-image: linear-gradient(82deg, #000, #000000f2 60%, #20202080);
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.featured-story-cover {
  z-index: 1;
  background-image: url('../newwixgetimages/icon-cover-placeholder.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 130%;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  box-shadow: inset 0 2px 20px 20px #000;
}

.wx--story-mask {
  z-index: 100;
  width: 100%;
  height: 145px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 10px;
  position: static;
  overflow: auto;
}

.wx-story-holder {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  height: 140px;
  margin-top: 40px;
  margin-bottom: 30px;
  display: flex;
  overflow: hidden;
}

.wx--close-quote-icon {
  z-index: 101;
  background-image: url('../newwixgetimages/icon-close-quote.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 33px;
  height: 33px;
  position: absolute;
  inset: auto 0 10px auto;
}

@media screen and (min-width: 1440px) {
  .hero-text-container {
    max-width: 1005px;
  }

  .hero-text-container.songblog-hero-text-container {
    max-width: 50%;
  }

  .tooltip-plc {
    display: block;
  }

  .disclaimer-txt-2 {
    padding-top: 8px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-text-container {
    max-width: 100%;
  }

  .wx--section.hide,
  .embed-slider.hide {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .wx--ui-hero {
    height: 100vh;
    min-height: 500px;
  }

  .st-scrolldown-animation {
    bottom: 1%;
  }

  .features-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
    transition: all .2s;
  }

  .accordion-itemx.faqs-item {
    margin-top: 20px;
  }

  .wx-ui-faq-container {
    padding-top: 25px;
  }

  .wx-banner-section.hero {
    background-image: linear-gradient(90deg, #000000bf, #000000bf 68%, #00000078), linear-gradient(to bottom, var(--songtools-widget-alpha---cta--cta-bg-color), var(--songtools-widget-alpha---cta--cta-bg-color));
    height: 100%;
    padding-top: 150px;
    transition: all .2s;
    overflow: hidden;
  }

  .wx--faqs-title {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 12px;
    font-size: 32px;
  }

  .st-feature-heading {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 15px;
    padding-right: 20px;
    font-size: 17px;
  }

  .accordion-togglex.faq-item-button {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .wx-faq-item-content {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 1.5em;
  }

  .st-feature-icon {
    max-width: 70px;
  }

  .faqs-container {
    transition: all .2s;
  }

  .paragraph {
    font-size: 14px;
    line-height: 1.74em;
  }

  .wx--according-icon {
    background-color: #fff0;
  }

  .wx-faq-item-title {
    font-size: 18px;
    line-height: 28px;
  }

  .wx-st-section {
    padding-top: 50px;
    padding-bottom: 75px;
  }

  .wx-st-section.cta-block {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .wx--content-title {
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
  }

  .hero-text-container {
    max-width: 100%;
  }

  .hero-text-container.songblog-hero-text-container {
    max-width: 100%;
    margin-top: 0;
  }

  .wx-st-section-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .wx--section-title {
    font-size: 2rem;
  }

  .wx--content-subtitle.center {
    font-size: 1rem;
  }

  .air-20 {
    height: 10px;
  }

  .air-60 {
    height: 30px;
  }

  .h3 {
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
  }

  .hero-txt.hero-text {
    max-width: 100%;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
  }

  .button-holder-cta-1 {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .st-btn-switcher {
    background-image: none;
  }

  .wx-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    height: 50%;
    margin-top: 0;
  }

  .disclaimer-txt-2 {
    white-space: nowrap;
  }

  .st-footer-branding-section {
    z-index: 1000;
    position: relative;
  }

  .sub-nav-row {
    margin-top: 0;
  }

  .wx-ui-footer-container {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .wx--ui-footer {
    z-index: 9000;
  }

  .legal-link {
    white-space: nowrap;
    margin-left: 30px;
  }

  .nav-row.main {
    justify-content: space-between;
    align-items: flex-start;
  }

  .st-logo-mono {
    width: 212px;
  }

  .wx--section.hide {
    display: none;
  }

  .wx-banner-floating {
    background-image: linear-gradient(#0000 63%, #000 89%), url('../newwixgetimages/digital-ads-ui-preview.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-radius: 0;
    width: 100%;
    height: 440px;
    inset: auto 0% -15%;
  }

  .wx--section-stats {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .wx-stats-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .slider-main-wrapper {
    min-height: auto;
  }

  .featured-story {
    padding-bottom: 0;
  }

  .wx--songmeta-songcover {
    margin-left: -16px;
    transform: scale(.8);
  }

  .wx-songdata {
    margin-left: 20px;
  }

  .wx-artistname {
    font-size: 20px;
  }

  .wx-spotify-profile-url.hide {
    display: none;
  }

  .wx-genre {
    font-size: 13px;
  }

  .wx-cover-play,
  .wx-cover-pause {
    width: 100%;
    height: 100%;
  }

  .wx-story-wrapper {
    width: 100%;
    min-width: 710px;
  }

  .wx-slide-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .splide__list {
    width: 93vw;
    margin-left: 30px;
    margin-right: 30px;
  }

  .wx--featured-channel {
    margin-left: 0;
  }

  .wx--slide-carrousel {
    margin-bottom: 50px;
  }

  .inline-song {
    margin-top: 10px;
    font-size: 32px;
    display: flex;
  }

  .wx--carrousel-title {
    padding-left: 30px;
  }

  .text-block-5 {
    font-size: 20px;
  }
}

@media screen and (max-width: 767px) {
  .wx--ui-hero {
    height: auto;
    padding-bottom: 160px;
  }

  .st-scrolldown-animation {
    display: none;
  }

  .features-grid {
    grid-template-columns: 1fr;
  }

  .wx-banner-section.hero {
    background-image: linear-gradient(90deg, #000000bf, #000000bf 68%, #00000078), linear-gradient(to bottom, var(--songtools-widget-alpha---cta--cta-bg-color), var(--songtools-widget-alpha---cta--cta-bg-color));
    background-position: 0 0, 0 0;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
    background-attachment: scroll, scroll;
  }

  .wx--faqs-title {
    margin-bottom: 20px;
    padding-bottom: 0;
    font-size: 26px;
  }

  .accordion-togglex.faq-item-button {
    height: auto;
    padding-right: 60px;
  }

  .st-grid-feature {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .wx--according-icon {
    background-color: #fff0;
  }

  .wx--content-title.dark {
    font-size: 24px;
  }

  .hero-text-container,
  .hero-text-container.songblog-hero-text-container {
    max-width: 100%;
  }

  .air-20 {
    height: 10px;
  }

  .hero-txt.hero-text {
    max-width: 100%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .tooltip-plc {
    display: none;
  }

  .wx-content,
  .disclaimer-txt-2 {
    margin-top: 0;
  }

  .st-footer-branding-section {
    flex-direction: column;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-bottom: 80px;
    display: flex;
  }

  .legal-section {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    min-height: 0;
  }

  .sub-nav-row {
    flex-direction: column;
    align-items: center;
  }

  .wx-ui-footer-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .legal-nav {
    text-align: center;
    order: -1;
    justify-content: space-between;
    width: 100%;
    max-width: 210px;
    margin-top: 0;
    display: flex;
  }

  .legal-link {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-row {
    flex-direction: column;
  }

  .nav-row.main {
    margin-bottom: 0;
  }

  .st-logo-mono {
    order: -1;
    margin-bottom: 10px;
  }

  .wx--featured-channel {
    margin-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .features-grid {
    width: 100%;
  }

  .wx-banner-section.hero {
    background-position: -80% 97%, 100%;
    background-size: 120vw, cover;
    padding-bottom: 220px;
  }

  .wx--faqs-title {
    font-size: 30px;
  }

  .accordion-togglex.faq-item-button {
    width: auto;
  }

  .btn-primary {
    font-size: 14px;
  }

  .faqs-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .st-grid-feature {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .wx--content-title {
    font-size: 28px;
  }

  .hero-text-container {
    height: auto;
  }

  .hero-text-container.songblog-hero-text-container {
    text-align: center;
  }

  .h3 {
    font-size: 28px;
  }

  .btn-switch-me,
  .btn-switch-me.right {
    font-size: 12px;
  }

  .hero-txt.hero-text {
    font-size: 15px;
  }

  .st-btn-switcher {
    width: 90%;
  }

  .wx-content {
    align-items: flex-start;
    height: auto;
  }

  .disclaimer-txt-2 {
    margin-top: 10px;
    margin-left: 0;
  }

  .legal-section {
    flex-wrap: wrap;
    justify-content: center;
  }

  .sub-nav-row {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .wx-ui-footer-container {
    padding-bottom: 40px;
  }

  .wx--ui-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .legal-nav {
    text-align: center;
    justify-content: center;
    max-width: 230px;
  }

  .legal-link {
    align-self: center;
    align-items: center;
    min-height: 40px;
    display: flex;
  }

  .nav-row {
    margin-bottom: 0;
  }

  .nav-row.main {
    justify-content: flex-start;
  }

  .st-logo-mono {
    background-position: 50%;
    align-self: center;
    width: 230px;
    margin-bottom: 30px;
  }
}

#w-node-_8daafba8-f888-60d9-2d65-35944288c11b-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c11d-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c11f-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c121-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c123-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c125-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c127-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c129-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c12b-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c12d-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c12f-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c131-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c133-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c135-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c137-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c139-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c13b-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c13d-5a5c84a1,
#w-node-_8daafba8-f888-60d9-2d65-35944288c11b-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c11d-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c11f-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c121-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c123-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c125-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c127-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c129-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c12b-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c12d-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c12f-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c131-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c133-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c135-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c137-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c139-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c13b-54b1f0f2,
#w-node-_8daafba8-f888-60d9-2d65-35944288c13d-54b1f0f2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

/* inline styles */
/* Hide pause button by default */
.wx-cover-pause {
  display: none;
}

/* Style for the play button when audio is paused */
.wx-cover-play {
  display: block;
  cursor: pointer;
  /* Add a pointer cursor to indicate it is a button */
}

/* Show pause button when audio is playing */
.audio-playing .wx-cover-play {
  display: none;
}

.audio-playing .wx-cover-pause {
  display: block;
  cursor: pointer;
  /* Add a pointer cursor to indicate it is a button */
}

/* Hidden audio tag styling */
audio.song-preview {
  display: none;
  /* Hide the audio element */
}

.splide__track {
  -webkit-mask-image: url(../newwixgetimages/slider-mask-1b.svg) !important;
  mask-image: url(../newwixgetimages/slider-mask-1b.svg) !important;
  mask-size: 100% !important;
}

.wx--story-mask {
  -webkit-mask-image: url(../newwixgetimages/slider-mark-fade-bottom-x.svg) !important;
  mask-image: url(../newwixgetimages/slider-mark-fade-bottom-x.svg) !important;
  mask-size: 25% !important;
}

.splide__track--nav>.splide__list>.splide__slide:hover {
  filter: saturate(1.5);
  transition: all .2s;
}

body {
  overflow-x: hidden !important;
}

/*SLIDE STYLES */
.slider-container {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
  overflow: hidden;
}

.slider-featured-stories {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.featured-story {
  flex: 0 0 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 500px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.active {
  transform: translateX(0);
}

.inactive {
  transform: translateX(-100%);
}

.song-story-container {
  height: 300px;
  overflow-y: auto;
}

.song-info-wrapper {
  display: flex;
  align-items: center;
}

.song-details-group {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.song-genre {
  margin-right: 10px;
}

.spotify-link {
  display: inline-block;
  margin-left: 10px;
}

.spotify-link img {
  width: 24px;
  height: 24px;
}

/*  END SLIDER STYLES */

.paragraph {
  font-family: var(--font--font-family-2);
}

.hero-txt.hero-text {
  font-family: var(--font--font-family-2);
}

.wx--section-title {
  font-family: var(--songtools-widget-alpha---font--font-family-1);
}

.body {
  font-family: var(--songtools-widget-alpha---font--font-family-2);
}

.wx--content-title {
  font-family: var(--font--font-family-1);
}

.wx--content-subtitle {
  font-family: var(--font--font-family-2);
}

body.light .wx--section-stats .wx--content-title,
body.light .wx--section-stats .wx--content-subtitle {
  color: var(--songtools-widget-alpha---font--font-inverted-color);
}

body.dark .wx--section-stats .wx--content-title,
body.dark .wx--section-stats .wx--content-subtitle {
  color: var(--songtools-widget-alpha---font--font-inverted-color);
}

.wx--single-stat {
  width: auto !important;
  max-width: 25% !important;
}

.inline-song {
  font-family: var(--font--font-family-1);
}

.wx--story-text {
  font-size: 17px !important;
}

.wx--faqs-title {
  font-family: var(--font--font-family-1);
}

body.dark .wx-banner-floating {
  background-image: url(../newwixgetimages/digital-ads-ui-preview-dark.jpg);
}

.splide__arrow {
  background: transparent !important;
}

.splide__arrow svg {
  fill: var(--font--font-color) !important;
}

.featured-story-overlay {
  z-index: 9;
  background-image: linear-gradient(82deg, var(--songtools-widget-alpha---color--background-color), #000000f2 60%, #20202080);
}

.wx--content-title {
  opacity: 1 !important;
}

.splide__track--nav>.splide__list>.splide__slide {
  border: 0px solid transparent !important;
}

/**/
.wx-accordion:last-child {
  border: 0 !important;
}

.wx-answer {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease;
}

.wx-question {
  cursor: pointer;
}

.wx-question .toggle-icon svg {
  transition: transform 0.3s ease;
}

/*******/
.wx-ui-faq-container {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 50px;
  display: flex;
}

.faqs-container {
  color: rgb(0, 0, 0);
  text-align: left;
  width: 100%;
  max-width: 1220px;
  margin-bottom: 100px;
  margin-left: 30px;
  margin-right: 30px;
}

.wx-title {
  color: var(--songtools-widget-alpha---font--font-color);
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  padding-bottom: 0px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 60px;
  display: inline-block;
}

.wx-list-grid {
  gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.wx-accordion {
  width: 100%;
  overflow: hidden;
}

.wx-question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding-left: 0px;
  display: flex;
}

.wx-question-text {
  font-family: var(--songtools-widget-alpha---font--font-family-2);
  color: var(--songtools-widget-alpha---font--font-color);
  white-space: normal;
  width: 100%;
  max-width: 710px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 36px;
}

.toggle-icon {
  color: var(--songtools-widget-alpha---font--font-color);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

svg:not(:root) {
  overflow: hidden;
}

.wx-answer {
  border-bottom: 1px solid var(--songtools-widget-alpha---border--border-color);
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0);
  height: 0px;
  padding: 0px;
  transition: 0.2s;
  display: block;
  position: static;
  overflow: visible;
}

.wx-answer-text {
  font-family: var(--songtools-widget-alpha---font--font-family-2);
  color: var(--songtools-widget-alpha---font--font-color);
  width: 100%;
  max-width: 92%;
  padding-top: 0px;
  padding-bottom: 40px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7em;
  transition: 0.2s;
}

@media screen and (max-width: 991px) {
  .wx-st-section {
    padding-top: 50px;
    padding-bottom: 75px;
  }

  .wx-ui-faq-container {
    padding-top: 25px;
  }

  .faqs-container {
    transition: 0.2s;
  }

  .wx-title {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 12px;
    font-size: 32px;
  }

  .wx-question-text {
    font-size: 22px;
    line-height: 28px;
  }

  .wx-answer-text {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 1.5em;
  }
}

@media screen and (max-width: 767px) {
  .wx-title {
    margin-bottom: 20px;
    padding-bottom: 0px;
    font-size: 30px;
  }
}

@media screen and (max-width: 479px) {
  .faqs-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.st-scrolldown-animation {
  display: none;
}

.primary-button.large {
  background-color: var(--songtools-widget-alpha---cta--cta-bg-color);
  font-size: 1.1rem;
  color: var(--songtools-widget-alpha---cta--cta-font-color);
  font-weight: 600;
}

.st-feature-icon {
  opacity: 1 !important;
}

.wx--content-subtitle {
  font-family: var(--songtools-widget-alpha---font--font-family-2);
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: 1.25rem !important;
  font-weight: 600 !important;
}

.wx--story-text {
  width: 100% !important;
  font-size: 20px !important;
  line-height: 24px !important;
}

.hero-txt.hero-text {
  font-size: 1.2rem !important;
}

.paragraph {
  font-size: 1.1rem !important;
}

.st-feature-heading {
  font-size: 1.25rem !important;
  line-height: 130% !important;
}

.song-row-mini {
  flex-direction: column !important;
}

.wx--story-text {
  font-family: var(--font--font-family-2) !important;
}

body.light .songblog-hero-text-container .wx--section-title,
body.light .songblog-hero-text-container .hero-text {
  color: var(--songtools-widget-alpha---font--font-inverted-color) !important;
}



body.light .featured-story-overlay {
  background-image: linear-gradient(82deg, var(--songtools-widget-alpha---color--background-color), #ffffff 60%, #ffffff26);
}

body.dark .featured-story-overlay {
  background-image: linear-gradient(82deg, var(--songtools-widget-alpha---color--background-color), #000000 60%, #00000026);
}

body.light .wx-slider-stats-wrapper-copy {
  background-color: #00000014 !important;
}

body.light .wx-genre {
  background-color: #00000029 !important;
}

body.light .wx-story-wrapper {
  background-image: url(../newwixgetimages/icon-open-quote-dark.svg);
}

body.light .wx--close-quote-icon {
  background-image: url(../newwixgetimages/icon-close-quote-dark.svg);
}

.inline-song {
  margin-top: 20px;
}

body.light .wx-accordion {
  border-bottom: 1px solid #00000026;
}

.wx-title {
  font-family: var(--font--font-family-1) !important;
}

body.dark .wx-banner-floating {
  background-image: url('../newwixgetimages/digital-ads-ui-preview-dark.jpg');
}

body.light .wx-banner-floating {
  background-image: url('../newwixgetimages/digital-ads-ui-preview-light.jpg');
}

body.light .st-feature-icon {
  filter: invert(1) !important;
}

.wx-slide-content {
  padding-top: 100px !important;
}

.wx--slide-carrousel {
  margin-bottom: 100px !important;
}

.st-logo-mono {
  overflow: hidden;
}

.st-logo-mono img {
  height: 45px;
  width: auto;
}

.hide {
  display: none;
}

.disclaimer-txt-2 {
  min-width: 50% !important;
}

.terms {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  background-color: #00000084;
  /*display: flex;*/
  backdrop-filter: blur(12px);
}

.wx-question-text {
  max-width: 980px;
}

.terms iframe {
  width: 100% !important;
  height: 100% !important;
  max-width: 600px;
  max-height: 80%;
  margin: auto;
  border-radius: 12px;
  overflow: hidden;
  margin: auto;
  display: block;
  margin: auto !important;
  margin-top: 100px !important;
}

.wx-story-wrapper {
  width: 100% !important;
  min-width: 200px;
}

h2.wx-slide-content-main-title {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-top: -30px;
  color: var(--font--font-color);
  opacity: .7;
}

.iframe-holder {
  height: auto !important;
}

.wx-banner-floating {
  border-radius: 16px !important;
}

.wx-banner-floating {
  inset: 175px -16px 0% auto !important;
}

html {
  font-size: 16px;
  /* Adjust this to control the base size */
}

/* Define font sizes relative to the base size */
body {
  font-size: 1rem;
  /* 16px */
}

.wx--content-title {
  min-height: 1.3em !important;
}

.wx--story-text {
  padding: 14px 0;
}

.wx--close-quote-icon {
  inset: auto 0 0 auto !important;
}

.wx-story-wrapper {
  background-position: 0 34px !important;
  margin-top: 24px !important;
}

.featured-story-overlay-txtr {
  z-index: 8;
  mix-blend-mode: plus-lighter;
  background-image: url(../newwixgetimages/animated-noise.gif);
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  opacity: 0.3;
}

.zoom-in {
  animation: zoomInEffect 60s ease-in-out infinite alternate;
}

@keyframes zoomInEffect {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
    /* Adjust zoom level as needed */
  }

  100% {
    transform: scale(1);
    /* Adjust zoom level as needed */
  }
}

.wx-content {
  z-index: 1000;
}

.ui-section-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  filter: blur(120px) grayscale(100) !important;
  mix-blend-mode: color-dodge;
  z-index: 8;
  margin: auto;
  pointer-events: none;
  opacity: .5;
  top: 0;
  left: 0;
}

.outer-anim {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130vw;
  height: 130vw;
  opacity: 0.7;
  background-image: conic-gradient(from 1.5708rad at 50% 50%,
      #cd0000 0%,
      #000000 8%,
      #ffffff 17%,
      #fb5367 24%,
      #ba3f4d 33%,
      #ffc0c8 40%,
      #060606 47%,
      #9a0077 53%,
      #ffffff 57%,
      #fc5367 60%,
      #ff9aa6 66%,
      #000000 73%,
      #f85165 82%,
      #ffeaec 88%,
      #090001 90%,
      #ffc3cb 96%,
      #f3001d 100%);
  animation: spin 60s linear infinite;
}

.inner-anim {
  width: 40vw;
  height: 40vw;
  background-image: conic-gradient(from 1.5708rad at 50% 50%,
      #cd0000 0%,
      #000000 8%,
      #000 17%,
      #fb5367 24%,
      #ba3f4d 33%,
      #ffffff 40%,
      #060606 47%,
      #9a0077 53%,
      #000000 57%,
      #fc5367 60%,
      #ff9aa6 66%,
      #000000 73%,
      #f85165 82%,
      #ffffff 88%,
      #090001 90%,
      #ffc3cb 96%,
      #f3001d 100%);
  animation: spin 120s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin2 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.inner-grad {
  transform: rotate(106deg);
  background-image: conic-gradient(from 1.5708rad at 50% 50%,
      #cd0000 0%,
      #000000 8%,
      #a8a8a8 17%,
      #fb5367 24%,
      #ba3f4d 33%,
      #ffc0c8 40%,
      #060606 47%,
      #9a0077 53%,
      #dedede 57%,
      #fc5367 60%,
      #ff9aa6 66%,
      #0000ff 73%,
      #b7b7b7 82%,
      #ffeaec 88%,
      #090001 90%,
      #ffc3cb 96%,
      #f3001d 100%);
  border-radius: 500px;
}

.wx--section-stats {
  position: relative;
}

.st-logo-mono {
  overflow: hidden;
}

.st-logo-mono {
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 210px;
  width: 280px;
  height: auto;
}

.wx-banner-section.hero {
  overflow: hidden !important;
}

.splide__track--nav>.splide__list>.splide__slide {
  height: 160px !important;
  width: 160px !important;
  outline: 3px solid transparent !important;
  margin: 3px;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
  outline: 3px solid var(--songtools-widget-alpha---cta--cta-bg-color) !important;
}

/*Oct 27*/
.scrolly::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: transparent !important;
}

.scrolly::-webkit-scrollbar {
  width: 5px;
  background-color: transparent !important;
}

.scrolly::-webkit-scrollbar-thumb {
  background-color: var(--border--border-color) !important;
}

/* Hover effect to show scrollbar without changing color */
.scrolly::-webkit-scrollbar-thumb:hover {
  background-color: var(--border--border-color) !important;
  /* Ensure color remains the same */
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  /* Subtle shadow to enhance visibility on hover */
  opacity: 1;
}

/* Jan 16, 2025*/
.wx-service-tabs {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.wx-service-tab-single {
  border-radius: var(--songtools-widget-alpha---roundness--radius-small);
  background-color: #00000014;
  color: var(--font--font-color);
  justify-content: center;
  align-items: center;
  min-width: 250px;
  height: 60px;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  transition: all .2s;
  display: flex;
  padding-right: 0;
}

.wx-service-tab-single.w--current {
  background-color: var(--songtools-widget-alpha---cta--cta-bg-color) !important;
  color: var(--songtools-widget-alpha---cta--cta-font-color) !important;
}

.wx-service-tab-single.right {
  border-top-left-radius: var(--songtools-widget-alpha---roundness--base-radius);
  border-bottom-left-radius: var(--songtools-widget-alpha---roundness--base-radius);
  line-height: 30px;
}

.wx-service-tab-single.left {
  border-top-right-radius: var(--songtools-widget-alpha---roundness--base-radius);
  border-bottom-right-radius: var(--songtools-widget-alpha---roundness--base-radius);
}

.wx-service-tab-single.left.w--current {
  font-weight: 400;
}

.wx-slider-stats-wrapper-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--songtools-widget-alpha---font--font-color);
  font-size: var(--songtools-widget-alpha---font--font-medium);
  background-color: #ffffff1a;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1220px;
  height: auto;
  min-height: 40px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}

.st-feature-icon {
  opacity: .8 !important;
  scale: .8;
  margin-left: -5px;
}

.wx-banner-section.inner-banner {
  background-color: var(--songtools-widget-alpha---color--background-color);
  background-image: linear-gradient(90deg, #000000bf, #000000bf 68%, #00000078), linear-gradient(to bottom, var(--songtools-widget-alpha---cta--cta-bg-color), var(--songtools-widget-alpha---cta--cta-bg-color));
  justify-content: center;
  align-items: flex-start;
  min-height: 830px;
  margin-top: 0;
  padding-top: 200px;
  padding-bottom: 190px;
  display: flex;
  position: relative;
}

.hero-txt-p {
  opacity: .7;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 160%;
  display: inline-block;
}

.hero-txt--list {
  opacity: .7;
  background-image: url(../newwixgetimages/icon-round-bullet.svg);
  background-position: 0 10px;
  background-repeat: no-repeat;
  background-size: 6px;
  margin-bottom: 5px;
  padding-left: 20px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
  display: inline-block;
}

.hero-text-container {
  max-width: 100%;
}

/* Jan 17, 2025 */
body.dark .wx-banner-floating.plc {
  background-image: url(../newwixgetimages/playlisting-ui-preview-dark.jpg);
}

body.dark .wx-banner-floating.plc {
  background-image: url(../newwixgetimages/playlisting-ui-preview-dark.jpg);
}

.plc-promo-seal {
  width: 140px;
  height: 140px;
  display: block;
  background: #0000005c;
  padding: 7px 10px;
  border-radius: 200px;
  align-content: center;
  position: absolute;
  top: -33px;
  left: -70px;
  margin-top: 30px;
}

.plc-promo-seal.center {
  align-content: center;
  position: relative;
  margin: -50px 0 20px 0 !important;
  top: 0 !important;
  left: calc(50% - 70px) !important;
}

.wx--single-stat h4 {
  font-weight: 500 !important;
}

.wx--single-stat {
  max-width: 33% !important;
}

.wx--content-subtitle {
  font-weight: 400 !important;
}

.disclaimer-txt-2 {
  min-width: 370px !important;
}

body.light .plc-promo-seal {
  background: var(--songtools-widget-alpha---cta--cta-bg-color);
}

/* jan 27, 2025*/
/* desktop footer logos */
.st-logo-mono.logolandscape,
.st-logo-mono.logoportrait .st-logo-mono.logolandscape img {
  width: auto !important;
  height: 36px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.st-logo-mono.logoportrait img {
  width: auto !important;
  height: 80px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.st-logo-mono.logosquare {
  width: auto !important;
  height: auto !important;
}

/*mobile footer logos */
.logolandscape .wx-footer-partner-logo {
  height: 25px !important;
  width: auto !important;
  max-width: 100%;
}

.logoportrait .wx-footer-partner-logo {
  height: 42px !important;
  width: auto !important;
  max-width: 100%;
}

.logosquare .wx-footer-partner-logo {
  height: 36px !important;
  width: auto !important;
  max-width: 100%;
}

svg#seal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hide {
  display: none !important;
}

.wx--ui-content,
.wx-st-section-container {
  padding: 30px;
}

body.light .songblog-hero-text-container .wx--section-title,
body.light .songblog-hero-text-container .hero-txt-p,
body.light .songblog-hero-text-container .hero-txt--list {
  color: var(--songtools-widget-alpha---font--font-inverted-color) !important;
}

/* may 21, 2025 */
.wx-st-section.vybe {
  height: auto;
  min-height: 775px;
}

.wx-content.vybe-horizontal {
  flex-flow: row;
}

.hero-text-container.vybe-hero-text-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 50%;
  margin-top: 40px;
  padding-left: 40px;
  display: flex;
}

.text-block.vybe {
  max-width: 100%;
}

.wx--section-title.vybe {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 45px;
  line-height: 120%;
  display: flex;
}

body.dark .wx--section-title.vybe {
  background-image: url("https://www.songtools.io/resources/landings/img/vybe-logo-songtools-light.svg");
}

body.light .wx--section-title.vybe {
  background-image: url("https://www.songtools.io/resources/landings/img/vybe-logo-songtools-dark.svg");
}

.hero-text-container.vybe {
  max-width: 100%;
}

/**/
body.dark .wx-content-figure.vybe-playlisting {
  background-image: url("https://www.songtools.io/resources/landings/img/vybes-figure_wixgetdesk-playlisting_dark.png");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: contain;
  order: -1;
  min-width: 40%;
}

body.light .wx-content-figure.vybe-playlisting {
  background-image: url("https://www.songtools.io/resources/landings/img/vybes-figure_wixgetdesk-playlisting_light.png");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: contain;
  order: -1;
  min-width: 40%;
}

body.dark .wx-content-figure.vybe-digitalads {
  background-image: url("https://www.songtools.io/resources/landings/img/vybes-figure_wixgetdesk-digitalads_dark.png");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: contain;
  order: -1;
  min-width: 40%;
}

body.light .wx-content-figure.vybe-digitalads {
  background-image: url("https://www.songtools.io/resources/landings/img/vybes-figure_wixgetdesk-digitalads_light.png");
  background-position: 50% center;
  background-repeat: no-repeat;
  background-size: contain;
  order: -1;
  min-width: 40%;
}

/**/
@media screen and (min-width: 1440px) {
  .hero-text-container.vybe-hero-text-container {
    max-width: 50%;
  }
}

@media screen and (max-width: 991px) {
  .wx-content.vybe-horizontal {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .wx-content-figure.vybe {
    margin-left: 20px;
  }

  .hero-text-container.songblog-hero-text-container,
  .hero-text-container.vybe-hero-text-container {
    max-width: 100%;
    margin-top: 0px;
    padding: 0;
  }

  .wx-content.vybe-horizontal {
    flex-flow: column !important;
    height: auto !important;
    min-height: 850px !important;
  }

.wx-content-figure.vybe-playlisting,
.wx-content-figure.vybe-digitalads {
    order: 2!important;
    width: 100%;
    min-width: 40%;
    height: 400px;
  }
}

@media screen and (max-width: 767px) {

  .wx-content-figure.vybe {
    min-width: 100%;
    margin-top: 30px;
    margin-left: 0px;
  }
}

@media screen and (max-width: 479px) {
  .wx--section-title.vybe {
    text-align: left;
  }

  .wx-st-section.vybe {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .hero-txt.hero-text.left {
    text-align: left;
  }

  .hero-text-container.songblog-hero-text-container,
  .hero-text-container.vybe-hero-text-container {
    text-align: center;
  }

  .wx-content-figure.vybe-playlisting,
  .wx-content-figure.vybe-digitalads {
    margin-left: 20px;
  }
}

body.light .featured-story-cover {
  box-shadow: inset 0 2px 20px 20px #ffffff;
}