@charset "UTF-8";
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media screen and (-ms-high-contrast: active) {
  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0.6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop,
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  width: 100%;
  overflow-y: scroll;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white
  .swiper-pagination-progressbar-fill {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black
  .swiper-pagination-progressbar-fill {
  background: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: 1s steps(12, end) infinite swiper-preloader-spin;
  animation: 1s steps(12, end) infinite swiper-preloader-spin;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}
@font-face {
  font-family: Graphik;
  src: url(/assets/fonts/Graphik/Graphik-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(/assets/fonts/Graphik/Graphik-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(/assets/fonts/Graphik/Graphik-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(/assets/fonts/Graphik/Graphik-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url(/assets/fonts/Graphik/Graphik-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: BauerMediaSans;
  src: url(/assets/fonts/BauerMediaSans/BauerMediaSans-Regular.woff2)
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: BauerMediaSans;
  src: url(/assets/fonts/BauerMediaSans/BauerMediaSans-Bold.woff2)
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: PublicSans;
  src: url(/assets/fonts/PublicSans/PublicSans-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: PublicSans;
  src: url(/assets/fonts/PublicSans/PublicSans-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: pm-icons;
  src: url(/assets/fonts/icons/pm-icons.woff2?v=1771482322) format("woff2"),
    url(/assets/fonts/icons/pm-icons.woff?v=1771482322) format("woff"),
    url(/assets/fonts/icons/pm-icons.ttf?v=1771482322) format("truetype"),
    url(/assets/fonts/icons/pm-icons.svg?v=1771482322) format("svg");
}
.pm-icon-Instagram:before,
.pm-icon-aaa1:before,
.pm-icon-aaa2:before,
.pm-icon-aaa3:before,
.pm-icon-aaa4:before,
.pm-icon-aaa5:before,
.pm-icon-aaa6:before,
.pm-icon-aaa7:before,
.pm-icon-about-bold:before,
.pm-icon-about:before,
.pm-icon-active-playlist:before,
.pm-icon-add-circle:before,
.pm-icon-add-fast:before,
.pm-icon-add-genre:before,
.pm-icon-add:before,
.pm-icon-adv-search:before,
.pm-icon-advnce-clear:before,
.pm-icon-ai-search:before,
.pm-icon-archive-playlist:before,
.pm-icon-arrow-down:before,
.pm-icon-arrow-full-up:before,
.pm-icon-arrow-next:before,
.pm-icon-arrow-up:before,
.pm-icon-blocked:before,
.pm-icon-camera:before,
.pm-icon-cart-add:before,
.pm-icon-cart:before,
.pm-icon-check:before,
.pm-icon-chevron-right:before,
.pm-icon-climactic:before,
.pm-icon-clipboard:before,
.pm-icon-close:before,
.pm-icon-collabration:before,
.pm-icon-collect-bold:before,
.pm-icon-collect:before,
.pm-icon-connected:before,
.pm-icon-copy:before,
.pm-icon-copyright:before,
.pm-icon-crown:before,
.pm-icon-cue-sheet:before,
.pm-icon-discover-bold:before,
.pm-icon-discover:before,
.pm-icon-dislike:before,
.pm-icon-dots:before,
.pm-icon-download-2:before,
.pm-icon-download-sheet:before,
.pm-icon-download:before,
.pm-icon-dropdown:before,
.pm-icon-edit-playlist:before,
.pm-icon-eye-closed:before,
.pm-icon-eye-open:before,
.pm-icon-facebook:before,
.pm-icon-fast:before,
.pm-icon-feedback:before,
.pm-icon-file-upload:before,
.pm-icon-flag-solid:before,
.pm-icon-flag:before,
.pm-icon-flash:before,
.pm-icon-folder-fill:before,
.pm-icon-folder-outline:before,
.pm-icon-folder_add:before,
.pm-icon-globe:before,
.pm-icon-heart:before,
.pm-icon-help:before,
.pm-icon-history:before,
.pm-icon-info:before,
.pm-icon-instrumental:before,
.pm-icon-leave:before,
.pm-icon-license:before,
.pm-icon-licensing-bold:before,
.pm-icon-licensing:before,
.pm-icon-like:before,
.pm-icon-linkedin:before,
.pm-icon-location:before,
.pm-icon-logout:before,
.pm-icon-mail:before,
.pm-icon-marker:before,
.pm-icon-mm-logo-small:before,
.pm-icon-next:before,
.pm-icon-no-folder:before,
.pm-icon-pause:before,
.pm-icon-phone-solid:before,
.pm-icon-pin:before,
.pm-icon-play-history:before,
.pm-icon-play:before,
.pm-icon-playlist-add-active:before,
.pm-icon-playlist-add:before,
.pm-icon-plus-circle:before,
.pm-icon-premium-solid:before,
.pm-icon-previous:before,
.pm-icon-profile-bold:before,
.pm-icon-profile:before,
.pm-icon-publish:before,
.pm-icon-reload:before,
.pm-icon-remove-genre:before,
.pm-icon-remove:before,
.pm-icon-revert:before,
.pm-icon-scissor:before,
.pm-icon-sd-minus-solid:before,
.pm-icon-sd-minus:before,
.pm-icon-sd-plus-solid:before,
.pm-icon-sd-plus:before,
.pm-icon-search-bold:before,
.pm-icon-search:before,
.pm-icon-share:before,
.pm-icon-sign-out:before,
.pm-icon-similar:before,
.pm-icon-social-bandcamp:before,
.pm-icon-social-facebook:before,
.pm-icon-social-instagram:before,
.pm-icon-social-soundcloud:before,
.pm-icon-social-spotify:before,
.pm-icon-social-tiktok:before,
.pm-icon-social-vimeo:before,
.pm-icon-social-website:before,
.pm-icon-social-x:before,
.pm-icon-social-youtube:before,
.pm-icon-sound-bold:before,
.pm-icon-sound:before,
.pm-icon-soundcloud-brands:before,
.pm-icon-spotify-brands:before,
.pm-icon-stem:before,
.pm-icon-store:before,
.pm-icon-subtle:before,
.pm-icon-tick:before,
.pm-icon-tiktok-brands:before,
.pm-icon-toggle-sidebar:before,
.pm-icon-trash:before,
.pm-icon-twitter:before,
.pm-icon-unpin:before,
.pm-icon-upload-arrow-up:before,
.pm-icon-vimeo-square-brands:before,
.pm-icon-vocal:before,
.pm-icon-volume:before,
.pm-icon-warning-filled:before,
.pm-icon-warning:before,
.pm-icon-youtube-brands:before {
  font-family: pm-icons;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}
.pm-icon-aaa1:before {
  content: "";
}
.pm-icon-aaa2:before {
  content: "";
}
.pm-icon-aaa3:before {
  content: "";
}
.pm-icon-aaa4:before {
  content: "";
}
.pm-icon-aaa5:before {
  content: "";
}
.pm-icon-aaa6:before {
  content: "";
}
.pm-icon-aaa7:before {
  content: "";
}
.pm-icon-about-bold:before {
  content: "";
}
.pm-icon-about:before {
  content: "";
}
.pm-icon-active-playlist:before {
  content: "";
}
.pm-icon-add-circle:before {
  content: "";
}
.pm-icon-add-fast:before {
  content: "";
}
.pm-icon-add-genre:before {
  content: "";
}
.pm-icon-add:before {
  content: "";
}
.pm-icon-adv-search:before {
  content: "";
}
.pm-icon-advnce-clear:before {
  content: "";
}
.pm-icon-ai-search:before {
  content: "";
}
.pm-icon-archive-playlist:before {
  content: "";
}
.pm-icon-arrow-down:before {
  content: "";
}
.pm-icon-arrow-full-up:before {
  content: "";
}
.pm-icon-arrow-next:before {
  content: "";
}
.pm-icon-arrow-up:before {
  content: "";
}
.pm-icon-blocked:before {
  content: "";
}
.pm-icon-camera:before {
  content: "";
}
.pm-icon-cart-add:before {
  content: "";
}
.pm-icon-cart:before {
  content: "";
}
.pm-icon-check:before {
  content: "";
}
.pm-icon-chevron-right:before {
  content: "";
}
.pm-icon-climactic:before {
  content: "";
}
.pm-icon-clipboard:before {
  content: "";
}
.pm-icon-close:before {
  content: "";
}
.pm-icon-collabration:before {
  content: "";
}
.pm-icon-collect-bold:before {
  content: "";
}
.pm-icon-collect:before {
  content: "";
}
.pm-icon-connected:before {
  content: "";
}
.pm-icon-copy:before {
  content: "";
}
.pm-icon-copyright:before {
  content: "";
}
.pm-icon-crown:before {
  content: "";
}
.pm-icon-cue-sheet:before {
  content: "";
}
.pm-icon-discover-bold:before {
  content: "";
}
.pm-icon-discover:before {
  content: "";
}
.pm-icon-dislike:before {
  content: "";
}
.pm-icon-dots:before {
  content: "";
}
.pm-icon-download-2:before {
  content: "";
}
.pm-icon-download-sheet:before {
  content: "";
}
.pm-icon-download:before {
  content: "";
}
.pm-icon-dropdown:before {
  content: "";
}
.pm-icon-edit-playlist:before {
  content: "";
}
.pm-icon-eye-closed:before {
  content: "";
}
.pm-icon-eye-open:before {
  content: "";
}
.pm-icon-facebook:before {
  content: "";
}
.pm-icon-fast:before {
  content: "";
}
.pm-icon-feedback:before {
  content: "";
}
.pm-icon-file-upload:before {
  content: "";
}
.pm-icon-flag-solid:before {
  content: "";
}
.pm-icon-flag:before {
  content: "";
}
.pm-icon-flash:before {
  content: "";
}
.pm-icon-folder_add:before {
  content: "";
}
.pm-icon-folder-fill:before {
  content: "";
}
.pm-icon-folder-outline:before {
  content: "";
}
.pm-icon-globe:before {
  content: "";
}
.pm-icon-heart:before {
  content: "";
}
.pm-icon-help:before {
  content: "";
}
.pm-icon-history:before {
  content: "";
}
.pm-icon-info:before {
  content: "";
}
.pm-icon-Instagram:before {
  content: "";
}
.pm-icon-instrumental:before {
  content: "";
}
.pm-icon-leave:before {
  content: "";
}
.pm-icon-license:before {
  content: "";
}
.pm-icon-licensing-bold:before {
  content: "";
}
.pm-icon-licensing:before {
  content: "";
}
.pm-icon-like:before {
  content: "";
}
.pm-icon-linkedin:before {
  content: "";
}
.pm-icon-location:before {
  content: "";
}
.pm-icon-logout:before {
  content: "";
}
.pm-icon-mail:before {
  content: "";
}
.pm-icon-marker:before {
  content: "";
}
.pm-icon-mm-logo-small:before {
  content: "";
}
.pm-icon-next:before {
  content: "";
}
.pm-icon-no-folder:before {
  content: "";
}
.pm-icon-pause:before {
  content: "";
}
.pm-icon-phone-solid:before {
  content: "";
}
.pm-icon-pin:before {
  content: "";
}
.pm-icon-play-history:before {
  content: "";
}
.pm-icon-play:before {
  content: "";
}
.pm-icon-playlist-add-active:before {
  content: "";
}
.pm-icon-playlist-add:before {
  content: "";
}
.pm-icon-plus-circle:before {
  content: "";
}
.pm-icon-premium-solid:before {
  content: "";
}
.pm-icon-previous:before {
  content: "";
}
.pm-icon-profile-bold:before {
  content: "";
}
.pm-icon-profile:before {
  content: "";
}
.pm-icon-publish:before {
  content: "";
}
.pm-icon-reload:before {
  content: "";
}
.pm-icon-remove-genre:before {
  content: "";
}
.pm-icon-remove:before {
  content: "";
}
.pm-icon-revert:before {
  content: "";
}
.pm-icon-scissor:before {
  content: "";
}
.pm-icon-sd-minus-solid:before {
  content: "";
}
.pm-icon-sd-minus:before {
  content: "";
}
.pm-icon-sd-plus-solid:before {
  content: "";
}
.pm-icon-sd-plus:before {
  content: "";
}
.pm-icon-search-bold:before {
  content: "";
}
.pm-icon-search:before {
  content: "";
}
.pm-icon-share:before {
  content: "";
}
.pm-icon-sign-out:before {
  content: "";
}
.pm-icon-similar:before {
  content: "";
}
.pm-icon-social-bandcamp:before {
  content: "";
}
.pm-icon-social-facebook:before {
  content: "";
}
.pm-icon-social-instagram:before {
  content: "";
}
.pm-icon-social-soundcloud:before {
  content: "";
}
.pm-icon-social-spotify:before {
  content: "";
}
.pm-icon-social-tiktok:before {
  content: "";
}
.pm-icon-social-vimeo:before {
  content: "";
}
.pm-icon-social-website:before {
  content: "";
}
.pm-icon-social-x:before {
  content: "";
}
.pm-icon-social-youtube:before {
  content: "";
}
.pm-icon-sound-bold:before {
  content: "";
}
.pm-icon-sound:before {
  content: "";
}
.pm-icon-soundcloud-brands:before {
  content: "";
}
.pm-icon-spotify-brands:before {
  content: "";
}
.pm-icon-stem:before {
  content: "";
}
.pm-icon-store:before {
  content: "";
}
.pm-icon-subtle:before {
  content: "";
}
.pm-icon-tick:before {
  content: "";
}
.pm-icon-tiktok-brands:before {
  content: "";
}
.pm-icon-toggle-sidebar:before {
  content: "";
}
.pm-icon-trash:before {
  content: "";
}
.pm-icon-twitter:before {
  content: "";
}
.pm-icon-unpin:before {
  content: "";
}
.pm-icon-upload-arrow-up:before {
  content: "";
}
.pm-icon-vimeo-square-brands:before {
  content: "";
}
.pm-icon-vocal:before {
  content: "";
}
.pm-icon-volume:before {
  content: "";
}
.pm-icon-warning-filled:before {
  content: "";
}
.pm-icon-warning:before {
  content: "";
}
.pm-icon-youtube-brands:before {
  content: "";
}
.toast-center-center {
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
.toast-title {
  font-weight: 700;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #fff;
}
.toast-message a:hover {
  color: #ccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 0 #fff;
}
.toast-close-button:focus,
.toast-close-button:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  width: 300px;
  border-radius: 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999;
  color: #fff;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000;
  opacity: 1;
  cursor: pointer;
}
.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}
.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}
.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
  background-color: #51a351;
}
.toast-container.toast-bottom-center .ngx-toastr,
.toast-container.toast-top-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-bottom-full-width .ngx-toastr,
.toast-container.toast-top-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
  background-color: #f89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000;
  opacity: 0.4;
}
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.ngx-toastr {
  pointer-events: auto;
  margin-bottom: 0 !important;
  background: 0 0;
  box-shadow: none !important;
  width: 100% !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
  cursor: default;
}
.ngx-toastr a {
  pointer-events: all;
  cursor: pointer;
  display: -ms-flexbox !important;
  display: flex !important;
}
.ngx-toastr .toaster-outer-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 8px;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.6) !important;
  min-height: 48px;
}
.ngx-toastr .toaster-img-wrap {
  width: 40px;
  height: 40px;
}
.ngx-toastr .toaster-img-wrap img {
  display: block;
  width: 40px;
  margin-right: 16px;
  margin-left: -4px;
}
.ngx-toastr .toaster-text-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: 8px;
  padding-left: 4px;
}
.ngx-toastr .toaster-text-wrap i {
  margin-right: 8px;
  font-size: 20px;
  color: var(--pm-font-color-main-85);
}
.ngx-toastr .toaster-text-wrap i.pm-icon-warning {
  display: inline-block !important;
}
.ngx-toastr .toaster-text-wrap a {
  font-weight: 500 !important;
  color: var(--pm-font-color-main-85);
  text-decoration: none;
  margin-left: 6px;
  line-height: 20px !important;
  cursor: pointer;
  pointer-events: all;
}
.ngx-toastr .toaster-text-wrap a:hover {
  text-decoration: none;
}
.ngx-toastr .toaster-text-wrap span {
  font-weight: 300 !important;
  color: var(--pm-font-color-main-85);
  display: -ms-flexbox;
  display: flex;
  padding-left: 2px;
  line-height: 20px !important;
  text-wrap: normal;
  -ms-flex-align: center;
  align-items: center;
  white-space: pre-wrap;
}
.ngx-toastr .toaster-text-wrap b {
  font-weight: 500;
  line-height: 20px !important;
  padding-right: 3px;
}
.ngx-toastr.toast-success > div {
  background: linear-gradient(
      to right,
      var(--pm-primary-color-very-dark),
      var(--pm-secondary-color-4-very-dark)
    )
    no-repeat;
  position: relative;
}
.ngx-toastr.toast-success > div::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  background-image: linear-gradient(
    135deg,
    var(--pm-primary-color-light) 0,
    var(--pm-secondary-color-4-light) 100%
  );
  z-index: -1;
}
.ngx-toastr.toast-error > div {
  background: var(--pm-primary-color-very-dark);
  border: 2px solid var(--pm-primary-color-light);
}
.ngx-toastr.toast-warning > div {
  background: var(--pm-secondary-color-1-very-dark);
  border: 2px solid var(--pm-secondary-color-1-light);
}
.ngx-toastr.toast-info > div {
  background: var(--pm-secondary-color-2-dark);
  border: 2px solid var(--pm-secondary-color-2-light);
}
.toast-success-mm > div {
  background: Linear-gradient(
    171deg,
    var(--pm-primary-color-very-dark) 0,
    var(--pm-secondary-color-1-very-dark) 95%
  ) !important;
  position: relative;
}
.toast-success-mm > div::after {
  background: Linear-gradient(
    171deg,
    var(--pm-primary-color-very-dark) 0,
    var(--pm-secondary-color-1-very-dark) 95%
  ) !important;
}
.downloadViaMail > div {
  background: var(--pm-success-color-dark) !important;
  border: 2px solid !important;
}
.toast-container .ngx-toastr {
  padding: 15px 0 !important;
}
.toast-container:last-child {
  margin-bottom: 40px !important;
}
.mdc-tab-bar {
  display: inline-block;
  width: auto;
}
.mdc-tab {
  --tab-text-color: $pm-font-color-primary-55;
  --active-tab-text-color: $gray-85;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  padding: 0;
  margin-right: 37px;
  height: 25px;
  cursor: pointer;
  text-transform: uppercase;
  transition: 0.2s ease-out;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mdc-tab .mdc-tab__text-label {
  color: var(--tab-text-color);
}
.mdc-tab--active .mdc-tab__text-label,
.mdc-tab:hover .mdc-tab__text-label {
  color: var(--active-tab-text-color);
}
.mdc-tab__ripple::after,
.mdc-tab__ripple::before {
  background-color: unset;
}
.mdc-tab .mdc-tab-indicator__content--underline {
  border-color: var(--pm-primary-color-dark);
}
.mat-app-background {
  background: 0 0;
  color: var(--pm-font-color-main) !important;
}
.mat-tab-label-active .mat-tab-label-content {
  color: var(--pm-font-color-main);
  opacity: 1;
  transition: 0.2s ease-out;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mat-tab-label:hover {
  color: var(--pm-font-color-main);
  opacity: 1;
}
.mat-tab-label {
  color: var(--pm-font-color-main-55);
  transition: 0.2s ease-out;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 36px !important;
  margin-top: -6px;
  min-width: 0 !important;
  padding: 0 40px 0 0 !important;
  opacity: 1 !important;
  -ms-flex-pack: left !important;
  justify-content: left !important;
}
.mat-tab-label-container {
  padding: 0 0 30px;
}
.mat-tab-label.mat-tab-label-active {
  color: var(--pm-font-color-main-85) !important;
  opacity: 1 !important;
}
.mat-tab-label.mat-tab-label-active .mat-tab-title {
  border-bottom: 2px solid var(--pm-primary-color-light);
}
.mat-tab-label.mat-tab-label-active .mat-tab-wrap {
  display: -ms-flexbox;
  display: flex;
}
.mat-tab-label-content {
  color: var(--pm-font-color-main-55);
}
.small-tab .mat-tab-label-content .mt-count-wrap {
  font-size: 12px;
}
.small-tab .mat-tab-label {
  padding-right: 16px !important;
}
.small-tab .mat-tab-label-container {
  padding: 0 !important;
}
.small-tab .mat-tab-body-content {
  max-height: calc(100vh - 250px) !important;
  overflow-y: auto !important;
}
.mat-tab-disabled span {
  color: var(--pm-font-color-main-35) !important;
}
@-webkit-keyframes navAnim {
  0% {
    transform: translate(0, -100px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes navAnim {
  0% {
    transform: translate(0, -100px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.pm-page-tab .mat-tab-label-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pm-page-tab .mat-tab-label-content .coming-soon {
  color: var(--pm-font-color-main-35);
  font-size: 8px;
  height: 1px;
  letter-spacing: 0.22px;
  text-align: center;
  text-transform: uppercase;
  width: auto;
  line-height: 1.21;
}
.pm-page-tab .mat-tab-label-content .coming-soon:after,
.pm-page-tab .mat-tab-label-content .coming-soon:before {
  content: "";
  border-bottom: 1px solid #595959;
  vertical-align: middle;
  display: inline-block;
  padding-right: 5px;
}
.pm-page-tab .mat-tab-label-content .coming-soon:before {
  margin-right: 5px;
}
.pm-page-tab .mat-tab-label-content .coming-soon:after {
  margin-left: 5px;
}
.pm-page-tab .mat-tab-body-wrapper {
  z-index: 97;
}
.pm-page-tab .mat-tab-disbled {
  color: var(--pm-font-color-main-35);
}
.pm-page-tab .mat-tab-body-content {
  overflow: hidden !important;
}
.pm-page-tab .mat-tab-header {
  position: fixed;
  background: rgba(18, 18, 18, 0.7);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 103;
  width: calc(100% - 240px);
  padding: 15px 0 0;
  height: 60px;
  top: 40px;
  transition: 0.3s;
}
.pm-page-tab .mat-tab-header .mat-tab-labels {
  padding-left: 24px;
}
.pm-page-tab .mat-tab-header.mat-tab-header-pagination-controls-enabled {
  padding: 40px 0 0;
}
.pm-container.sidebar-collapsed .pm-page-tab .mat-tab-header {
  width: calc(100% - 70px);
}
.pm-container.pm-alert-banner-available .pm-page-tab .mat-tab-header {
  top: 72px;
}
@-webkit-keyframes icon-spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 992px) {
  .pm-page-tab .mat-tab-header {
    top: 80px;
  }
  .pm-container.sidebar-collapsed .pm-page-tab .mat-tab-header {
    width: 100%;
  }
  .pm-container .about-tabs {
    padding-top: 100px;
  }
  .pm-container.pm-alert-banner-available .about-tabs {
    padding-top: 132px;
  }
  .pm-container.pm-alert-banner-available .pm-page-tab .mat-tab-header {
    top: 112px;
  }
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: var(--pm-bg-3);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #595959;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #8c8c8c;
}
.add-edit-playlist__scroll-area,
.firefox-scrollbar-thin,
.genre-detail__albums,
.inner-right-container,
.label-detail__inner,
.playlist__details-inner,
.pm-add-edit-playlist__details,
.pm-main-content-wrap,
.popup__scroll-wrap,
.terms-conditions,
body,
html {
  scrollbar-width: thin;
  scrollbar-color: #595959 var(--pm-bg-3);
}
@supports (-ms-ime-align: auto) {
  .ng5-slider-bar:after {
    content: "";
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    background: linear-gradient(
      to right,
      var(--pm-primary-color-dark) 0,
      var(--pm-secondary-color-1-light) 100%
    );
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ng5-slider-bar:after {
    content: "";
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    background: linear-gradient(
      to right,
      var(--pm-primary-color-dark) 0,
      var(--pm-secondary-color-1-light) 100%
    );
    left: 0;
  }
}
.back-to-top {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #d9d9d9;
  opacity: 0;
  position: fixed;
  bottom: 20px;
  z-index: 10;
  right: 30px;
  cursor: pointer;
  color: var(--pm-bg-1);
  transition: opacity 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.back-to-top.show-back-button {
  opacity: 1;
}
.cc-window a:active,
.cc-window a:focus {
  outline: 0;
}
.cc-window .cc-deny {
  display: none;
}
.cc-banner.cc-bottom,
.cc-window {
  left: 15%;
  right: 15%;
  width: auto;
  bottom: 16px;
  background: linear-gradient(
      to right,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-4-dark)
    )
    no-repeat !important;
  padding: 8px 16px !important;
  z-index: 10000;
}
@media only screen and (min-width: 1200px) {
  .cc-banner.cc-bottom,
  .cc-window {
    left: 20%;
    right: 20%;
  }
}
@media only screen and (min-width: 1400px) {
  .cc-banner.cc-bottom,
  .cc-window {
    left: 25%;
    right: 25%;
  }
}
@media only screen and (min-width: 1600px) {
  .cc-banner.cc-bottom,
  .cc-window {
    left: 28%;
    right: 28%;
  }
}
.cc-banner .cc-message,
.cc-window .cc-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.cc-banner .cc-message img,
.cc-window .cc-message img {
  margin-right: 8px;
}
.cc-banner .cc-btn:last-child,
.cc-window .cc-btn:last-child {
  min-width: unset;
  background: 0 0;
  font-size: 16px;
}
.cc-banner .cc-btn:last-child:hover,
.cc-window .cc-btn:last-child:hover {
  background: 0 0;
}
.cc-banner .cc-btn:last-child i,
.cc-window .cc-btn:last-child i {
  pointer-events: none;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
details,
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
input,
textarea {
  outline: 0;
}
* {
  box-sizing: border-box;
}
i[class^="pm-icon"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tooltip-light {
  border-radius: 0 !important;
  text-transform: uppercase;
}
.tooltip-left {
  margin-top: -30px !important;
  margin-left: 20px;
}
.tooltip-left .tooltip-arrow {
  top: unset !important;
  left: unset !important;
  right: 0;
  bottom: -5px;
  background: 0 0 !important;
}
.tooltip-custom-bottom:not(.tooltip-bottom) {
  margin-top: 38px !important;
  margin-left: 30px;
}
.tooltip-custom-bottom:not(.tooltip-bottom) .tooltip-arrow {
  top: 0 !important;
  left: unset !important;
  right: 0;
  background: 0 0 !important;
}
.out-line-wrap:hover > .pm-icon-magnify {
  -ms-transform: scale(1.3) !important;
  transform: scale(1.3) !important;
}
.out-line-wrap .active-playlist-toggle {
  height: 26px;
}
.out-line-wrap .disabled {
  cursor: not-allowed !important;
}
.pm-icon-magnify {
  transition: 0.3s ease-out;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  cursor: pointer;
}
.pm-icon-magnify:hover {
  -ms-transform: scale(1.3) !important;
  transform: scale(1.3) !important;
}
.pm-expand-animation {
  position: relative;
  color: inherit;
  transition: 0.3s;
}
.pm-expand-animation.has-stem-wrap:hover {
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
.pm-expand-animation.has-stem-wrap:hover::after {
  -ms-transform: translateY(22px);
  transform: translateY(22px);
}
.pm-expand-animation:hover {
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}
.pm-expand-animation:hover::after {
  -ms-transform: translateY(12px);
  transform: translateY(12px);
  opacity: 1;
  visibility: visible;
  color: inherit;
}
.pm-expand-animation::after {
  position: absolute;
  color: inherit;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: "";
  font-family: pm-icons;
  visibility: hidden;
  opacity: 0;
  font-size: 13px;
  text-align: center;
  transition: 0.3s;
}
.pm-spinner-red {
  width: 17px;
  height: 17px;
  background: url(/assets/icons/spinner-red.svg?v=1) 0 0 / cover no-repeat;
  margin-top: 0.1em;
  display: inline-block;
  -webkit-animation: 1s linear 50 icon-spinner;
  animation: 1s linear 50 icon-spinner;
}
.pm-tick-green {
  width: 17px;
  height: 17px;
  background: url(/assets/images/musicmatcher/tick-green.svg?v=1) 0 0 / cover
    no-repeat;
  display: inline-block;
}
.pm-shrink-animation {
  position: relative;
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  color: inherit;
  transition: 0.3s;
}
.pm-shrink-animation:hover {
  -ms-transform: translateY(-15px);
  transform: translateY(-15px);
}
.pm-shrink-animation:hover::after {
  -ms-transform: translateY(28px) rotate(180deg) !important;
  transform: translateY(28px) rotate(180deg) !important;
  color: inherit;
}
.pm-shrink-animation::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  color: inherit;
  content: "";
  font-family: pm-icons;
  visibility: visible !important;
  opacity: 0.5;
  transition: 0.3s;
  -ms-transform: translateY(15px) rotate(180deg) !important;
  transform: translateY(15px) rotate(180deg) !important;
  text-align: center;
}
.pm-hidden {
  display: none;
}
.pm-hidden-visible {
  visibility: hidden;
}
.mat-tab-body-content {
  overflow: hidden !important;
  min-height: 300px;
}
.album-details .mat-tab-body-content,
.deeplink-album-holder .mat-tab-body-content {
  padding-bottom: 160px;
  overflow: auto !important;
}
.album-details .mat-tab-body-content::-webkit-scrollbar,
.deeplink-album-holder .mat-tab-body-content::-webkit-scrollbar {
  display: none;
}
.album-details .mat-app-background,
.deeplink-album-holder .mat-app-background {
  padding-bottom: 0 !important;
}
.cdk-overlay-container:empty:after {
  content: none;
}
.pm-body-modal
  .cdk-overlay-container:not(.pm-register-form, .pm-hint-tooltip)
  .cdk-global-overlay-wrapper.pm-last-dialog-overlay:after {
  content: " ";
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}
.backdropBackground {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  cursor: pointer;
}
.cdk-global-scrollblock {
  position: initial;
  width: initial;
  overflow: hidden;
}
.cdk-global-overlay-wrapper {
  pointer-events: all;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 11;
}
.mat-dialog-container {
  padding: 0 !important;
}
.mat-dialog-container::-webkit-scrollbar {
  width: 0;
}
.mat-dialog-content {
  max-height: 100vh !important;
  min-height: 100vh !important;
  min-height: -webkit-fill-available !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.masked-waveform,
.mm-masked-waveform {
  -webkit-mask-image: url(/assets/images/black-mask.png?v=1);
  -webkit-mask-position: 50% 50%;
  -webkit-mask-size: 3px;
  -webkit-mask-repeat: repeat;
}
.hide-waveform {
  display: none !important;
}
.pm-skeleton {
  transition: 0.8s ease-out;
  opacity: 1;
}
.pm-skeleton.each-label {
  opacity: 0.4 !important;
  height: 74px !important;
  width: 100px !important;
}
.pm-skeleton.deactivate {
  opacity: 0;
  height: 0;
}
.pm-icon-spinner {
  position: relative;
  height: 20px;
  width: 20px;
  max-width: 20px;
  max-height: 20px;
  border: 0 !important;
}
.pm-icon-spinner.pm-icon-black:after {
  background: url(/assets/icons/black-loading.svg?v=1) 0 0 / contain no-repeat;
}
.pm-icon-spinner:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/assets/icons/loading.svg?v=1) 0 0 / contain no-repeat;
  -webkit-animation: 1s linear 5 icon-spinner;
  animation: 1s linear 5 icon-spinner;
  content: "";
  display: inline-block;
  max-width: 20px;
  max-height: 20px;
  border: 0 !important;
}
.pm-icon-spinner:before {
  display: none;
}
@keyframes icon-spinner {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.pm-inline-icon i.pm-icon-search {
  display: inline-block !important;
}
.custom-dialog-container {
  position: relative !important;
  left: calc((100% - 600px) / 2) !important;
  width: 614px !important;
}
.folder-item--active:after,
.playlist-item--active:after {
  border: 17px solid transparent;
  border-left: 17px solid var(--pm-bg-2);
}
.folder-item--active,
.folder-item:hover,
.is-selected-playlist .playlist-item,
.playlist-item--active,
.playlist-item:hover {
  background: var(--pm-bg-2);
}
.is-selected-playlist .playlist-item:after {
  border: 17px solid transparent;
  border-left: 17px solid var(--pm-bg-2);
  content: "";
  position: absolute;
  top: -1px;
  right: -34px;
}
.has-matching-description .playlist-item,
.is-selected-playlist .playlist-item--active,
.is-selected-playlist .playlist-item:hover {
  background: var(--pm-bg-2);
}
.has-matching-description .playlist-item:after {
  border: 21px solid transparent;
  border-left: 15px solid var(--pm-bg-2);
  content: "";
  position: absolute;
  top: -2px;
  right: -36px;
}
.has-matching-description .playlist-item--active,
.has-matching-description .playlist-item:hover {
  background: var(--pm-bg-2);
}
.is-currently-playing .playlist-item {
  background: var(--pm-primary-color-very-dark);
}
.is-currently-playing .playlist-item .playlist-item__actions {
  background: var(--pm-primary-color-very-dark) !important;
}
.is-currently-playing .playlist-item--active:after,
.is-currently-playing .playlist-item:after {
  border-left: 17px solid var(--pm-primary-color-very-dark);
}
.is-currently-playing .playlist-item--active,
.is-currently-playing .playlist-item:hover {
  background: var(--pm-primary-color-very-dark);
}
.about-tabs .mat-tab-header-pagination-chevron,
.discover-tabs .mat-tab-header-pagination-chevron {
  border-width: 1px 1px 0 0;
  color: var(--pm-font-color-main);
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 5px;
}
.scrollbar-bg {
  background: linear-gradient(var(--pm-bg-2) 0, rgba(18, 18, 18, 0)),
    linear-gradient(rgba(18, 18, 18, 0), var(--pm-bg-2) 10%) 0 100%,
    radial-gradient(
      farthest-side at 50% 0,
      rgba(0, 0, 0, 0.8),
      rgba(18, 18, 18, 0)
    ),
    radial-gradient(
        farthest-side at 50% 100%,
        rgba(0, 0, 0, 0.8),
        rgba(18, 18, 18, 0)
      )
      0 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% 100px, 100% 100px, 100% 30px, 100% 30px;
  background-attachment: local, local, scroll, scroll;
}
.pm-player-available .track-load-more-skeleton {
  height: 200px !important;
}
.pm-player-available .sub-page-anchor-wrap {
  padding-bottom: 140px !important;
}
.pm-player-available .popup__scroll-wrap {
  padding: 0 0 160px !important;
}
.pm-player-available .deeplink-album-holder__container,
.pm-player-available .deeplink-track-holder__container {
  padding-bottom: 110px;
}
.pm-player-available .sound--fixed-doc .search-helper__keyword-inner-holder {
  padding-bottom: 260px !important;
}
.pm-player-available.pm-player-locked
  .sound--fixed-doc
  .search-helper__keyword-inner-holder {
  padding-bottom: 310px !important;
}
@media screen and (min-width: 992px) {
  .pm-player-available .hide-controls-wrap .active-playlist__wrap {
    bottom: 95px !important;
  }
  .pm-player-available.pm-player-locked .sidebar__actions {
    bottom: 96px !important;
  }
}
.pm-player-available.pm-player-locked .inner-right-container {
  height: calc(100% - 130px) !important;
  padding-bottom: 20px !important;
  transition: 0.1s ease-out;
}
.pm-player-available.pm-player-locked .playlist__bottom-shadow {
  bottom: 116px !important;
  transition: 0.1s ease-out;
}
.pm-player-available.pm-player-locked .playlist__sidebar-buttons {
  padding-bottom: 116px !important;
}
.pm-player-available.pm-player-locked .playlist__sidebar-list-on-loaded {
  padding-bottom: 100px !important;
  transition: 0.1s ease-out;
}
.pm-player-available.pm-player-small-locked .fs__right-wrap {
  padding-bottom: 80px !important;
}
@media screen and (min-width: 992px) {
  .pm-player-available.pm-player-locked .active-playlist__wrap {
    bottom: 95px;
  }
  .pm-player-available.pm-player-small-locked .sidebar__actions {
    bottom: 32px !important;
  }
}
.pm-player-available.pm-player-small-locked .pin-wrap .pm-icon-pin {
  display: -ms-flexbox;
  display: flex;
}
.pm-player-available.pm-player-small-locked .pin-wrap .pm-icon-unpin {
  display: none;
}
.pm-player-available.pm-player-small-locked .active-playlist__wrap {
  bottom: 39px;
}
.pm-player-available .pin-wrap .pm-icon-pin {
  display: none;
}
.pm-player-available .pin-wrap .pm-icon-unpin {
  display: -ms-flexbox;
  display: flex;
}
.pm-player-available .playlist__sidebar-buttons {
  padding-bottom: 50px !important;
}
.pm-player-available .playlist__sidebar-list-on-loaded {
  padding-bottom: 50px !important;
  transition: 0.1s ease-out;
}
.pm-player-available .inner-right-container {
  height: calc(100% - 64px) !important;
  padding-bottom: 20px !important;
  transition: 0.1s ease-out;
}
.pm-player-available .playlist__bottom-shadow {
  bottom: 64px !important;
  transition: 0.1s ease-out;
}
.pm-player-available .add-edit-playlist__button-wrap {
  padding-bottom: 116px !important;
}
.pm-player-available .back-to-top {
  margin-bottom: 110px;
}
.pm-player-available .toast-bottom-center {
  bottom: 60px;
}
.pm-player-available .cc-banner.cc-bottom,
.pm-player-available .cc-window {
  bottom: 116px;
}
.pm-player-available .playlist-track-wrapper,
.pm-player-available .playlist__details .inner-container {
  margin-bottom: 110px !important;
}
@media screen and (max-width: 992px) {
  .pm-player-available .empty-playlist-view {
    height: calc(100% - 260px) !important;
  }
}
.pm-player-available .empty-playlist-view {
  bottom: 101px;
}
@media screen and (max-width: 540px) {
  .pm-player-available .pm-register-form .cdk-overlay-pane {
    margin-bottom: 105px !important;
  }
}
.pm-player-available .pm-feedback {
  padding-bottom: 80px !important;
  transition: 0.3s ease-out !important;
}
.pm-player-available.pm-active-playlist-available.pm-player-small-locked
  .playlist__sidebar-buttons {
  padding-bottom: 80px !important;
}
.pm-player-available.pm-active-playlist-available.pm-player-hover
  .playlist__sidebar-buttons,
.pm-player-available.pm-active-playlist-available.pm-player-locked
  .playlist__sidebar-buttons {
  padding-bottom: 138px !important;
}
.primary-heading {
  font-size: 3vw;
  line-height: 3.2vw;
  font-weight: 700;
}
.primary-paragraph {
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
}
i[class^="pm-icon"].disabled {
  color: var(--pm-font-color-main-35) !important;
  cursor: not-allowed;
  -ms-transform: none !important;
  transform: none !important;
}
i[class^="pm-icon"].disabled:hover {
  color: var(--pm-font-color-main-35) !important;
}
.tag span {
  font-weight: 700;
}
.track__cover-icon-wrap .pause-icon-wrap {
  display: none;
}
.track__cover-icon-wrap .play-icon-wrap {
  display: inline-block;
}
.pm-player-fetching .highlight-album .pm-icon-play,
.pm-player-fetching .track__playing .pm-icon-play {
  position: relative;
  height: 20px;
  width: 20px;
  max-width: 20px;
  max-height: 20px;
  cursor: progress;
  border: 0 !important;
}
.pm-player-fetching .highlight-album .pm-icon-play:before,
.pm-player-fetching .track__playing .pm-icon-play:before {
  opacity: 0;
}
.pm-player-fetching .highlight-album .pm-icon-play:after,
.pm-player-fetching .track__playing .pm-icon-play:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/assets/icons/loading.svg?v=1) 0 0 / contain no-repeat;
  -webkit-animation: 1s linear 5 icon-spinner;
  animation: 1s linear 5 icon-spinner;
  content: "";
  display: inline-block;
  max-width: 20px;
  max-height: 20px;
  border: 0 !important;
}
.pm-player-playing:not(.pm-player-fetching)
  .track__playing
  .track__cover-icon-wrap
  .pause-icon-wrap {
  display: inline-block !important;
}
.pm-player-playing:not(.pm-player-fetching)
  .track__playing
  .track__cover-icon-wrap
  .play-icon-wrap {
  display: none !important;
}
.pm-player-playing:not(.pm-player-fetching)
  .highlight-album
  .album__icon
  .pm-icon-pause {
  display: -ms-flexbox;
  display: flex;
}
.pm-player-playing:not(.pm-player-fetching)
  .highlight-album
  .album__icon
  .pm-icon-play {
  display: none;
}
.pm-hide {
  height: 0 !important;
  visibility: hidden !important;
  overflow: hidden;
  width: 0 !important;
}
.pm-deeplink .sidebar__nav-item.active {
  border-left: 3px solid transparent !important;
  color: inherit !important;
  stroke: none !important;
  opacity: 0.5 !important;
}
.pm-deeplink .sidebar__nav-item.active:hover {
  border-left: 3px solid !important;
  opacity: 1 !important;
}
.cdk-visually-hidden {
  opacity: 0 !important;
}
.deeplink-wrap .track:hover,
.popup__scroll-wrap .track:hover {
  background: rgba(0, 0, 0, 0.3) !important;
}
.deeplink-wrap .first-track .download-popup,
.popup__scroll-wrap .first-track .download-popup {
  top: 0;
}
.deeplink-wrap .last-track .download-popup,
.popup__scroll-wrap .last-track .download-popup {
  bottom: 0;
}
.download-track-versions .mat-checkbox-inner-container {
  margin-right: 0 !important;
}
.download-track-versions .mat-radio-label-content {
  color: var(--pm-font-color-main-85);
}
.mat-tab-label-content {
  position: relative;
}
.mat-tab-label-content .mt-count-wrap-dummy {
  visibility: hidden;
  padding-left: 14px;
}
.mat-tab-label-content .mt-count-wrap {
  margin-left: 8px;
  padding: 0 4px;
  position: absolute;
  top: 3px;
  bottom: 2px;
  right: 0;
  font-size: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #8c8c8c;
  border-radius: 3px;
}
.mat-tab-label-content .mt-explicit {
  padding-left: 8px;
  opacity: 0.6;
}
.mat-tab-label.mat-tab-label-active .mat-tab-label-content .mt-count-wrap {
  border: 1px solid #d9d9d9;
}
.mat-tab-label.mat-tab-label-active .mat-tab-label-content .mt-explicit {
  opacity: 1;
}
.no-data-available {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 80px;
  line-height: 1.8;
}
.no-data-available .nda-title {
  color: var(--pm-font-color-main-85);
  margin-bottom: 20px;
}
.no-data-available .nda-msg {
  color: var(--pm-font-color-main-55);
}
.playlist-drag .active-drop.drag-on-top-folder.dndDragover {
  position: relative;
}
.playlist-drag .active-drop.drag-on-top-folder.dndDragover .folder-playlist {
  border: 2px solid transparent;
  -o-border-image: linear-gradient(
    90deg,
    var(--pm-primary-color-light),
    var(--pm-secondary-color-4-light)
  );
  border-image: linear-gradient(
    90deg,
    var(--pm-primary-color-light),
    var(--pm-secondary-color-4-light)
  );
  border-image-slice: 1;
}
.playlist-drag
  .active-drop.drag-on-top-folder.dndDragover
  .folder-detail
  .folder-item {
  border-left: 1px solid transparent;
  -o-border-image: linear-gradient(
    90deg,
    var(--pm-primary-color-light),
    var(--pm-secondary-color-4-light)
  );
  border-image: linear-gradient(
    90deg,
    var(--pm-primary-color-light),
    var(--pm-secondary-color-4-light)
  );
  border-image-slice: 1;
}
.reorder-position {
  height: 8px;
  width: 100%;
  transition: 0.3s all ease-in-out;
  z-index: 9;
  position: relative;
}
.playlist-drag .reorder-position {
  opacity: 1 !important;
}
.playlist-drag .reorder-position.playlist-position::before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: -18px;
  bottom: -18px;
  background: 0 0;
}
.playlist-drag .playlist__header.dndDragover:after {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  bottom: 0;
  background: linear-gradient(
      30deg,
      var(--pm-primary-color-light) 0,
      var(--pm-secondary-color-4-light) 100%
    )
    no-repeat var(--pm-bg-1) !important;
}
.PlaylistCategory-drag .reorder-position {
  opacity: 0;
}
.PlaylistCategory-drag .reorder-position.folder-drop {
  opacity: 1 !important;
}
.PlaylistCategory-drag .reorder-position.folder-drop.playlist-position::before {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: -18px;
  bottom: -18px;
  background: 0 0;
}
.PlaylistCategory-drag .droppable-area {
  display: none !important;
}
.reorder-position.dndDragover:after {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(
      30deg,
      var(--pm-primary-color-light) 0,
      var(--pm-secondary-color-4-light) 100%
    )
    no-repeat var(--pm-bg-1) !important;
}
.droppable-area {
  height: 8px;
  transition: 0.3s all ease-out;
  position: relative;
}
.droppable-area .hidePlaylistPosition {
  opacity: 0 !important;
}
.droppable-area .hidePlaylistPosition.dndDragover:after {
  background: 0 0 !important;
}
.playlist__drag-button-wrap {
  opacity: 0;
  max-height: 0;
  transition: 0.3s;
  overflow: hidden;
  border: dashed 1px var(--pm-secondary-color-4-light);
  padding: 0;
  text-align: center;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 12px;
  z-index: 10001;
}
.playlist__drag-button-wrap.dndDragover {
  border: solid 1px var(--pm-primary-color-light);
  background: var(--pm-bg-2);
}
.track-drag .playlist__drag-button-wrap {
  max-height: 200px !important;
  opacity: 1 !important;
  padding: 12px !important;
}
.track-drag .playlist__sidebar-buttons .playlist__buttons-secondary {
  height: 0;
  opacity: 0;
  transition: 0.3s;
}
.track-drag .droppable-area {
  opacity: 1 !important;
}
.track-drag .droppable-area::before {
  content: " ";
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  bottom: -28px;
  z-index: 999;
  display: inline-block;
  background: 0 0;
}
.track-drag .droppable-area.dndDragover:after {
  content: " ";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  bottom: 0;
  background: linear-gradient(
      30deg,
      var(--pm-primary-color-light) 0,
      var(--pm-secondary-color-4-light) 100%
    )
    no-repeat var(--pm-bg-1) !important;
}
.dndDraggingSource {
  border: 1px dashed var(--pm-secondary-color-4-light);
}
.disabled--reorder-position {
  opacity: 0 !important;
}
.other-search-wrap {
  position: fixed !important;
  top: 0 !important;
  z-index: 103;
  height: 48px;
  margin-left: 240px;
  transition: 0.3s ease-out;
}
body.pm-body-other-search {
  overflow: hidden;
}
body.pm-body-other-search .advanced-search__show {
  margin-top: 150px;
}
body.pm-body-other-search .advanced-search {
  width: calc(100vw - 288px);
  z-index: 98;
}
body.pm-body-other-search .sidebar-collapsed .advanced-search {
  width: calc(100vw - 128px) !important;
}
body.pm-body-other-search .other-search-wrap {
  height: 125px;
  margin-left: 240px;
}
body.pm-body-other-search .other-search-wrap .global-search__wrap {
  width: calc(100% - 286px) !important;
}
body.pm-body-other-search .other-page {
  padding: 18px 0 0 !important;
  height: 125px !important;
}
body.pm-body-other-search .other-page::before {
  opacity: 1;
}
body.pm-body-other-search .other-page .global-search {
  height: 44px !important;
}
body.pm-body-other-search .other-page .global-search label {
  top: 50% !important;
}
body.pm-body-other-search .other-page .global-search__mm-right,
body.pm-body-other-search .other-page .global-search__sec-right {
  visibility: visible !important;
  z-index: 99;
}
@media only screen and (min-width: 1800px) {
  body.pm-body-other-search .other-page .global-search {
    height: 3rem !important;
  }
  body.pm-body-other-search .other-page {
    padding: 16px 0 0 !important;
  }
}
body.pm-body-other-search .other-page .wrapper {
  opacity: 1 !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  margin-left: 24px;
  width: calc(100% - 288px);
  height: 68px;
}
body.pm-body-other-search .pm-other {
  bottom: 0 !important;
  opacity: 1 !important;
}
body.pm-body-other-search .advanced-search__show::after {
  content: " ";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: var(--pm-bg-1);
}
body.pm-body-other-search .advanced-search-trigger-non-search-page {
  display: block !important;
}
.other-search-wrap .global-search__wrap {
  width: calc(100% - 254px) !important;
}
.sidebar-collapsed .search-music-matcher {
  left: 62px;
}
.search-music-matcher {
  position: fixed !important;
  top: 0;
  bottom: 0;
  right: 0;
  left: 240px;
  transition: 0.4s linear;
  z-index: 103 !important;
  opacity: 0;
  pointer-events: none;
}
.search-music-matcher.mm-show {
  height: auto;
  visibility: visible;
  opacity: 1;
  -ms-transform: translate(0);
  transform: translate(0);
  pointer-events: all;
}
@media only screen and (max-width: 992px) {
  .search-music-matcher.mm-show {
    margin-top: 0 !important;
  }
}
.search-music-matcher.mm-show::after {
  content: " ";
  display: inline-block;
  position: fixed;
  left: 0;
  right: 0;
  top: 550px;
  bottom: 0;
  background: rgba(18, 18, 18, 0.35);
  z-index: 99;
  border-top: 1px solid #595959;
  cursor: pointer;
}
.search-music-matcher.mm-hide {
  -ms-transform: translateY(-100vh);
  transform: translateY(-100vh);
}
.pm-disclaimer {
  -ms-flex: 1;
  flex: 1;
  color: var(--pm-font-color-main-85);
  height: 24px;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.pm-disclaimer i {
  display: inline-block !important;
  cursor: text !important;
}
.folder-detail {
  position: relative;
}
.other-page::before {
  content: " ";
  display: inline-block;
  top: 0;
  left: 0;
  right: -50px;
  height: 140px;
  background: linear-gradient(rgba(18, 18, 18, 0.7) 80%, rgba(18, 18, 18, 0));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: 0.3s ease-out;
  pointer-events: none;
}
.other-page .gradient-wrap {
  bottom: 0;
  top: 62px;
  background: linear-gradient(
    180deg,
    var(--pm-bg-1) 0,
    rgba(18, 18, 18, 0) 100%
  );
}
.other-page .adv-search-genre {
  height: 37px;
}
.fetching-album::before {
  content: "";
  display: inline-block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: 0 0;
  z-index: 1000;
  cursor: progress;
}
.other-search-wrap .genre-popup {
  margin-top: -40px !important;
  margin-left: 20px;
}
.transparent_layer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}
.transparent_layer.from-player {
  top: -100vh;
}
.tooltip-left.tooltip-light,
.tooltip-right.tooltip-light,
.tooltip-top.tooltip-light {
  z-index: 10000;
  text-transform: initial;
}
.drag-holder-top {
  position: absolute;
  left: 0;
  right: 0;
  height: 0;
  top: 0;
  transition: 0.3s ease-in;
  z-index: 100000;
  pointer-events: none;
}
.drag-holder-bottom {
  position: absolute;
  top: calc(100% - 120px);
  left: 0;
  right: 0;
  height: 0;
  transition: 0.3s ease-in;
  z-index: 10000;
  pointer-events: none;
}
.drag-holder-bottom.bottom-fixed {
  bottom: 0;
  top: unset;
}
.drag-holder-top.fixed {
  position: fixed;
  top: 100px;
}
.drag-holder-bottom.fixed {
  position: fixed;
  bottom: 0;
  top: unset !important;
}
.pm-player-available .drag-holder-bottom.fixed {
  bottom: 80px !important;
}
.pm-player-available .playlist__drag-button-wrap {
  bottom: 120px !important;
}
.pm-player-available .fs__right-wrap {
  padding-bottom: 140px !important;
}
.drag-holder-bottom.active,
.drag-holder-top.active {
  height: 60px;
}
.deeplink-wrap .track-wrapper__similar-list-bg::before,
.popup__details .track-wrapper__similar-list-bg::before {
  background: linear-gradient(
    180deg,
    var(--pm-secondary-color-3-light) 0,
    var(--pm-secondary-color-4-dark) 100%
  ) !important;
}
.deeplink-wrap .track-wrapper__similar-list-bg::after,
.popup__details .track-wrapper__similar-list-bg::after {
  background: linear-gradient(
    90deg,
    rgba(18, 18, 18, 0) 0,
    #111a27 100%
  ) !important;
  color: rgba(0, 0, 0, 0.5);
}
.deeplink-wrap .track-wrapper__similar-tracks-wrap,
.popup__details .track-wrapper__similar-tracks-wrap {
  background: #111a27 !important;
}
.ng5-slider-pointer {
  outline: 0 !important;
}
.ng5-slider-pointer::after {
  display: none;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 22px;
  width: 90px;
  height: 36px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  background-image: none !important;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  visibility: hidden;
}
.swiper-button-next {
  right: 0;
  background: linear-gradient(
    270deg,
    var(--pm-bg-1) 33%,
    rgba(18, 18, 18, 0) 100%
  );
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 8px;
  top: 22px;
  height: 100%;
}
.swiper-button-next i {
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.swiper-button-prev {
  left: 0;
  background: linear-gradient(
    to right,
    var(--pm-bg-1) 33%,
    rgba(18, 18, 18, 0) 100%
  );
  padding-left: 8px;
  height: 100%;
}
.swiper-button-prev i {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.pm-player__fixed-wrap.hide-controls .waveform__holder {
  -ms-transform: scaleY(0.67) !important;
  transform: scaleY(0.67) !important;
}
.pm-player__fixed-wrap.hide-controls .player-waveform:before {
  top: 23px;
}
.pm-internal-call {
  cursor: pointer !important;
}
.pm-icon-share-final {
  display: none;
}
.find__vocal-filter .coming-soon {
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  text-align: center;
}
.block-side-bar .sidebar:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
  cursor: not-allowed;
}
.pm-close-hide {
  display: none;
}
.seo-h1 {
  position: absolute;
  color: transparent;
  pointer-events: none;
  z-index: -1;
  margin: 0;
}
.playlist-detail__empty-search {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50%;
  position: relative;
  z-index: 2;
}
.playlist-detail__empty-search.push-top {
  margin-top: 200px;
}
.playlist-detail__empty-search .empty-search-text {
  text-align: center;
}
.playlist-detail__empty-search span.no-tracks {
  display: block;
  color: var(--pm-font-color-main-15);
  margin: 32px 0 72px;
}
.playlist-detail__empty-search .pm-white-button {
  position: relative;
  z-index: 2;
}
.playlist-detail__empty-search span.find-tracks {
  width: calc(50% - 10px);
  background: var(--pm-font-color-main);
  color: var(--pm-font-color-secondary);
  font-style: italic;
  font-weight: 700;
  padding: 10px 24px;
}
.playlist-detail__empty-search span.find-tracks:hover {
  background: linear-gradient(
      10deg,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-1-light)
    )
    no-repeat #d9d9d9;
  color: var(--pm-font-color-main-85);
}
.cms-content {
  color: var(--pm-font-color-main-85) !important;
  position: relative;
  z-index: 2;
}
.cms-content a,
.cms-content p {
  color: var(--pm-font-color-main-85) !important;
  text-align: center;
}
.cms-content b,
.cms-content strong {
  padding: 16px 0;
}
.pm-mm-search .pm-search-page-wrap .mat-tab-header,
.pm-similar-search .pm-search-page-wrap .mat-tab-header {
  display: none !important;
}
.pm-icon-flag-solid {
  color: var(--pm-primary-color-light);
  opacity: 1;
}
.pm-icon-flag-solid.pm-icon-flag-disabled {
  color: var(--pm-font-color-main-35) !important;
  cursor: not-allowed !important;
  -ms-transform: none !important;
  transform: none !important;
}
.pm-mock-playlist-active {
  position: absolute;
  left: 4px;
  transition: 0.3s;
  top: 16px;
}
.pm-mock-playlist-active.finish {
  left: 15px;
  top: 6px;
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}
.icon-bg-change .pm-mock-playlist-active {
  display: none;
}
.active-playlist-track .pm-mock-playlist-active {
  display: none !important;
}
.player__add-to-playlist-wrap {
  position: relative;
}
.player__add-to-playlist-wrap.active-playlist-track::after {
  top: 16px !important;
}
.pm-active-playlist-available .sidebar__actions {
  margin-bottom: 40px;
}
.pm-active-playlist-available .playlist__sidebar-buttons {
  padding-bottom: 48px !important;
}
@media screen and (max-width: 992px) {
  .pm-active-playlist-available .playlist__sidebar-buttons {
    padding-bottom: 72px !important;
  }
}
.pm-fast-add-wrap,
.pm-fast-forward-enabled.pm-active-playlist-available .pm-normal-add-wrap,
.remove-track-active-playlist {
  display: none;
}
.pm-fast-forward-enabled.pm-active-playlist-available
  .pm-normal-add-wrap
  .pm-icon-playlist-add-active {
  display: -ms-flexbox !important;
  display: flex !important;
}
.pm-fast-forward-enabled.pm-active-playlist-available .pm-fast-add-wrap {
  display: inline-block !important;
}
.pm-fast-forward-enabled.pm-active-playlist-available .active-playlist-track {
  display: none !important;
}
.pm-fast-forward-enabled.pm-active-playlist-available
  .remove-track-active-playlist {
  display: -ms-flexbox;
  display: flex;
}
.mat-calendar {
  background: var(--pm-bg-1);
  background: #262b2c;
}
.new-releases-album .download-track-versions {
  margin-top: -96px !important;
}
.album-details .waveform,
.deeplink-album-holder__container .waveform,
.deeplink-track-holder__container .waveform,
.mat-track-details .waveform {
  z-index: unset !important;
}
.sync-list-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.sync-list-wrap .sync-outer-wrap {
  width: 34px;
  height: 34px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -4px;
  color: var(--pm-font-color-main-85);
  font-weight: 400;
}
.sync-list-wrap .sync-outer-wrap.owner {
  margin-left: 0;
}
.sync-list-wrap .sync-outer-wrap.owner:after {
  content: "";
  font-family: pm-icons;
  position: absolute;
  left: 9px;
  font-size: 14px;
  top: -9px;
  color: var(--pm-font-color-main-85);
}
.sync-list-wrap .sync-outer-wrap .sync-inner-wrap {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  text-transform: uppercase;
}
.sync-list-wrap .sync-outer-wrap.purple-orange {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-4-light) 0,
    var(--pm-secondary-color-1-light) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.purple-orange .sync-inner-wrap {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-4-very-dark) 0,
    var(--pm-secondary-color-1-very-dark) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.orange-lime {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-1-light) 0,
    var(--pm-secondary-color-2-light) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.orange-lime .sync-inner-wrap {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-1-very-dark) 0,
    var(--pm-secondary-color-2-very-dark) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.lime-blue {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-2-light) 0,
    var(--pm-secondary-color-3-light) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.lime-blue .sync-inner-wrap {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-2-very-dark) 0,
    var(--pm-secondary-color-3-very-dark) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.blue-purple {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-3-light) 0,
    var(--pm-secondary-color-4-light) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.blue-purple .sync-inner-wrap {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-3-very-dark) 0,
    var(--pm-secondary-color-4-very-dark) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.purple-red {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-4-light) 0,
    var(--pm-primary-color-light) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.purple-red .sync-inner-wrap {
  background: linear-gradient(
    135deg,
    var(--pm-secondary-color-4-very-dark) 0,
    var(--pm-primary-color-very-dark) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.red-orange {
  background: linear-gradient(
    135deg,
    var(--pm-primary-color-light) 0,
    var(--pm-secondary-color-1-light) 100%
  );
}
.sync-list-wrap .sync-outer-wrap.red-orange .sync-inner-wrap {
  background: linear-gradient(
    135deg,
    var(--pm-primary-color-very-dark) 0,
    var(--pm-secondary-color-1-very-dark) 100%
  );
}
.listnerPlaylist ::ng-deep .remove-track-container {
  display: none;
  pointer-events: none !important;
  cursor: not-allowed !important;
}
.fs__icon-wrap .download-popup {
  top: 0;
}
.ng5-slider.normal-waveform {
  z-index: 22;
  position: absolute;
  top: -8px;
  left: -1px;
}
.ng5-slider.normal-waveform .ng5-slider-pointer {
  width: 16px !important;
  height: 16px !important;
  background: #d9d9d9;
  cursor: ew-resize;
}
.double-height .ng5-slider.normal-waveform .ng5-slider-pointer {
  top: 6px;
}
.ng5-slider.normal-waveform .ng5-slider-selection-bar {
  top: -11px;
  bottom: 0;
  height: 42px;
  border: 2px solid var(--pm-primary-color-light);
  background: 0 0 !important;
}
.ng5-slider.normal-waveform .ng5-slider-selection-bar .ng5-slider-selection {
  background: 0 0 !important;
}
.double-height .ng5-slider.normal-waveform .ng5-slider-selection-bar {
  height: 80px;
}
.ng5-slider.normal-waveform .ng5-slider-full-bar {
  opacity: 0 !important;
}
.ng5-slider.normal-waveform .ng5-slider-bubble {
  display: none;
}
.folder-detail .editor .playlist-item__name,
.folder-detail .listener .playlist-item__name,
.folder-detail .owner .playlist-item__name {
  max-width: 208px !important;
}
mat-option.hideOption {
  display: none !important;
}
.word-break {
  word-break: break-word;
}
input.pm-password {
  padding-right: 32px !important;
}
.push-hint-to-bottom .hint-tooltip-right:before {
  bottom: unset !important;
  top: -8px;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.mm-hide-tab .mat-tab-header {
  display: none !important;
}
.mm-hide-tab .find__list-wrap {
  visibility: hidden;
}
.mm-filter-added .tabs-placement {
  margin-top: 128px !important;
}
.mm-filter-added .track-list-mm-fetch {
  margin-top: 40px;
}
.disable-highlight-selection ::selection {
  background: 0 0;
}
.disable-highlight-selection ::-moz-selection {
  background: 0 0;
}
.mat-form-field-wrapper ::selection {
  background: var(--pm-secondary-color-3-dark) !important;
  color: var(--pm-font-color-main-85) !important;
}
.mat-form-field-wrapper ::-moz-selection {
  background: var(--pm-secondary-color-3-dark) !important;
  color: var(--pm-font-color-main-85) !important;
}
.highlight-selection ::selection {
  background: var(--pm-secondary-color-3-dark) !important;
  color: var(--pm-font-color-main-85) !important;
}
.highlight-selection ::-moz-selection {
  background: var(--pm-secondary-color-3-dark) !important;
  color: var(--pm-font-color-main-85) !important;
}
.mat-calendar .mat-calendar-table-header th {
  font-weight: 400;
}
.mat-calendar .mat-calendar-next-button,
.mat-calendar .mat-calendar-period-button,
.mat-calendar .mat-calendar-previous-button {
  background: 0 0;
  color: var(--pm-font-color-main);
}
.mat-calendar .mat-calendar-body-cell .mat-calendar-body-cell-content {
  border: none;
  border-radius: 0;
}
.mat-calendar
  .mat-calendar-body-cell.mat-calendar-body-active
  .mat-calendar-body-cell-content {
  border: 1px solid #ff526c;
}
.mat-calendar .mat-calendar-body-cell .mat-calendar-body-today {
  background: #1a1d1e;
}
.mat-calendar .mat-calendar-body-cell.mat-calendar-body-disabled {
  opacity: 0.3;
}
.max-width-100 {
  max-width: 100%;
  display: block;
}
.scroll-transform {
  will-change: transform;
  transform-style: flat;
  transition: transform 0.15s ease-out;
}
.rich-text p.empty {
  height: 24px;
}
.rich-text p:last-child.empty {
  display: none;
}
.pm-multi-line__text {
  white-space: pre-wrap !important;
}
.spotlight-landing {
  padding: 0 24px;
}
.pm-white-button {
  cursor: pointer;
  background: no-repeat #d9d9d9;
  display: inline-block;
  padding: 4px 24px;
  border: none;
  color: var(--pm-font-color-secondary);
}
.pm-white-button.done-button button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.pm-white-button.done-button i {
  font-size: 32px !important;
}
.pm-white-button.done-button,
.pm-white-button:hover {
  background: linear-gradient(
      135deg,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-1-dark)
    )
    no-repeat #d9d9d9;
  color: var(--pm-font-color-main-85);
}
.pm-white-button.done-button a,
.pm-white-button.done-button button,
.pm-white-button:hover a,
.pm-white-button:hover button {
  color: var(--pm-font-color-main-85);
}
.pm-white-button.done-button .icon svg,
.pm-white-button.done-button .icon svg *,
.pm-white-button:hover .icon svg,
.pm-white-button:hover .icon svg * {
  fill: var(--pm-font-color-main-85) !important;
}
.pm-white-button.login-button {
  padding: 0 60px;
}
.pm-white-button a {
  padding: 10px 0 !important;
  display: inline-block;
}
.pm-white-button a,
.pm-white-button button {
  background: 0 0;
  border: 0;
  outline: 0;
  color: var(--pm-font-color-secondary);
  height: 40px;
  font-size: 18px;
  font-weight: 700;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
}
.pm-white-button .icon svg,
.pm-white-button .icon svg * {
  fill: inherit !important;
}
.pm-black-button {
  padding: 0 16px;
  cursor: pointer;
  height: 42px;
  font-size: 18px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: no-repeat border-box;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-image: linear-gradient(
      to right,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    ),
    linear-gradient(
      to bottom,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    ),
    linear-gradient(
      to left,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    ),
    linear-gradient(
      to top,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    );
  background-position: top left, top right, bottom right, bottom left;
  color: var(--pm-font-color-main-85);
}
.pm-black-button:hover {
  background-image: linear-gradient(
      to right,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to bottom,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to left,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-4-dark)
    ),
    linear-gradient(
      to top,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-4-dark)
    );
}
.pm-black-button a,
.pm-black-button button {
  background: 0 0;
  border: 0;
  outline: 0;
  color: var(--pm-font-color-main-85);
  font-weight: 700;
  text-decoration: none;
}
.pm-black-button .icon svg,
.pm-black-button .icon svg * {
  fill: inherit !important;
}
.pm-black-button-edit {
  padding: 0 16px;
  cursor: pointer;
  width: 120px;
  height: 42px;
  font-size: 18px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  background: no-repeat border-box;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-image: linear-gradient(
      to right,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    ),
    linear-gradient(
      to bottom,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    ),
    linear-gradient(
      to left,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    ),
    linear-gradient(
      to top,
      var(--pm-font-color-main),
      var(--pm-font-color-main)
    );
  background-position: top left, top right, bottom right, bottom left;
  color: var(--pm-font-color-main-85);
}
.pm-black-button-edit.left-text {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.pm-black-button-edit.error-wrap {
  background-image: linear-gradient(
      to right,
      var(--pm-primary-color-light),
      var(--pm-primary-color-light)
    ),
    linear-gradient(
      to bottom,
      var(--pm-primary-color-light),
      var(--pm-primary-color-light)
    ),
    linear-gradient(
      to left,
      var(--pm-primary-color-light),
      var(--pm-primary-color-light)
    ),
    linear-gradient(
      to top,
      var(--pm-primary-color-light),
      var(--pm-primary-color-light)
    ) !important;
}
.pm-black-button-edit:hover {
  background-image: linear-gradient(
      to right,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to bottom,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to left,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-4-dark)
    ),
    linear-gradient(
      to top,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-4-dark)
    );
}
.pm-black-button-edit a,
.pm-black-button-edit button {
  background: 0 0;
  border: 0;
  outline: 0;
  color: var(--pm-font-color-main-85);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.pm-black-button-edit .icon svg,
.pm-black-button-edit .icon svg * {
  fill: inherit !important;
}
.pm-grey-button {
  background: #595959;
  display: inline-block;
  padding: 0 24px;
}
.pm-grey-button.login-button {
  padding: 0 60px;
}
.pm-grey-button button {
  background: 0 0;
  border: 0;
  outline: 0;
  color: var(--pm-font-color-secondary);
  height: 40px;
  font-size: 18px;
  font-weight: 700;
  padding: 0;
}
.pm-grey-button .icon svg,
.pm-grey-button .icon svg * {
  fill: inherit !important;
}
.pm-secondary-button {
  display: inline-block;
  min-height: 42px;
  padding: 4px 20px;
  background: no-repeat border-box rgba(18, 18, 18, 0.7);
  background-image: linear-gradient(to right, #d9d9d9, #d9d9d9),
    linear-gradient(to bottom, #d9d9d9, #d9d9d9),
    linear-gradient(to left, #d9d9d9, #d9d9d9),
    linear-gradient(to top, #d9d9d9, #d9d9d9);
  background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
  background-position: top left, top right, bottom right, bottom left;
  color: var(--pm-font-color-main-85);
  font-size: 18px !important;
  cursor: pointer;
}
.pm-secondary-button.disable,
.pm-secondary-button.disable a,
.pm-secondary-button.disable button {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}
.pm-secondary-button a,
.pm-secondary-button button {
  background: 0 0;
  border: 0;
  outline: 0;
  color: var(--pm-font-color-main);
  min-height: 40px;
  font-weight: 700;
  letter-spacing: 0.6px;
  cursor: pointer;
  text-decoration: none;
}
.pm-secondary-button a {
  padding: 8px 0 !important;
  display: inline-block;
}
.pm-secondary-button:hover {
  background-image: linear-gradient(
      to right,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to bottom,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to left,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to top,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-1-light)
    );
  background-position: top left, top right, bottom right, bottom left;
}
.pm-secondary-button .icon svg,
.pm-secondary-button .icon svg * {
  fill: inherit !important;
}
.pm-transparent-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 16px;
  height: 24px;
  text-align: center;
  cursor: pointer;
  position: relative;
  background: no-repeat border-box;
  background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
  background-image: linear-gradient(to right, #8c8c8c, #8c8c8c),
    linear-gradient(to bottom, #8c8c8c, #8c8c8c),
    linear-gradient(to left, #8c8c8c, #8c8c8c),
    linear-gradient(to top, #8c8c8c, #8c8c8c);
  background-position: top left, top right, bottom right, bottom left;
  color: var(--pm-font-color-main-85);
  border: none;
}
.pm-transparent-button:hover {
  background-image: linear-gradient(
      to right,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to bottom,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to left,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-4-dark)
    ),
    linear-gradient(
      to top,
      var(--pm-secondary-color-4-dark),
      var(--pm-secondary-color-4-dark)
    );
}
.pm-transparent-button .icon svg,
.pm-transparent-button .icon svg * {
  fill: inherit !important;
}
::ng-deep .table-container {
  width: 72%;
}
::ng-deep .table-container .flex-row {
  display: -ms-flexbox;
  display: flex;
}
::ng-deep .table-container .flex-cell {
  padding-bottom: 40px;
  -ms-flex: 1;
  flex: 1;
}
::ng-deep .table-container .flex-cell.no-margin {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
::ng-deep mat-form-field {
  width: 100%;
}
::ng-deep .mat-form-field i[class^="pm-icon"] {
  display: inline;
}
::ng-deep .mat-form-field-infix {
  padding: 0.3em 0 0.2em !important;
  width: 100%;
}
::ng-deep .mat-form-field-disabled .mat-form-field-infix {
  color: var(--pm-font-color-main-55);
}
::ng-deep .mat-form-field-disabled .mat-select-arrow::after {
  display: none;
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline {
  top: -0.6em !important;
  bottom: -0.6em !important;
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-label {
  font-family: var(--cf-font-type), Graphik, sans-serif;
  font-size: 16px;
  color: var(--pm-font-color-main-55);
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-label mat-label {
  padding: 0 4px;
  background: var(--pm-bg-2);
}
::ng-deep .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  padding: 0 0.8em;
}
@media screen and (max-width: 992px) {
  ::ng-deep
    .mat-form-field-appearance-outline
    .mat-form-field-subscript-wrapper {
    position: relative !important;
  }
}
::ng-deep
  .mat-form-field-appearance-outline
  .mat-form-field-hint-wrapper
  .mat-hint {
  font-size: 10px;
  color: var(--pm-font-color-main-55);
  padding-top: 15px;
  text-transform: capitalize;
}
::ng-deep .mat-form-field-outline-thick .mat-form-field-outline-end,
::ng-deep .mat-form-field-outline-thick .mat-form-field-outline-gap,
::ng-deep .mat-form-field-outline-thick .mat-form-field-outline-start {
  border-width: 0;
}
::ng-deep .mat-form-field-outline-end,
::ng-deep .mat-form-field-outline-gap,
::ng-deep .mat-form-field-outline-start {
  border-width: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-bottom: 1px solid !important;
  color: var(--pm-font-color-main-35);
}
::ng-deep
  .mat-form-field.ng-invalid.ng-touched
  .mat-form-field-outline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--pm-error-color-light);
}
::ng-deep .mat-form-field.ng-invalid.ng-touched .mat-form-field-label,
::ng-deep .mat-form-field.ng-invalid.ng-touched .required:after,
::ng-deep .mat-form-field.ng-invalid.ng-touched input {
  color: var(--pm-error-color-light);
}
::ng-deep .mat-form-field.ng-invalid.ng-touched i[class^="pm-icon"] {
  color: var(--pm-error-color-light);
}
::ng-deep .mat-form-field.ng-invalid.ng-touched .mat-select-arrow {
  fill: var(--pm-error-color-light);
}
::ng-deep .mat-form-field-should-float .mat-form-field-outline-gap {
  border: 0;
}
::ng-deep .mat-form-field-should-float .mat-form-field-label-wrapper {
  transition: 0.2s;
  -ms-transform: translate(-15%, -24px) scale(0.7);
  transform: translate(-15%, -24px) scale(0.7);
}
::ng-deep .mat-form-field-label-wrapper {
  left: -3px;
  transition: 0.2s;
  -ms-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
}
::ng-deep mat-error {
  color: var(--pm-error-color-light);
  padding-top: 10px;
  padding-left: 1.2em;
  text-align: left;
}
::ng-deep mat-error u {
  cursor: pointer;
}
::ng-deep .mat-checkbox-label {
  white-space: pre-line;
  text-align: left;
  color: var(--pm-font-color-main-55);
}
::ng-deep .mat-input-element[ng-reflect-readonly="true"] {
  color: var(--pm-font-color-main-55);
}
::ng-deep input {
  width: 92%;
}
::ng-deep input:-webkit-autofill,
::ng-deep input:-webkit-autofill:active,
::ng-deep input:-webkit-autofill:focus,
::ng-deep input:-webkit-autofill:hover {
  background-color: rgba(18, 18, 18, 0);
  transition: background-color 500000s ease-in-out 0s;
  -webkit-text-fill-color: #d9d9d9 !important;
}
::ng-deep .required:after {
  content: "*";
  color: var(--pm-font-color-main-55);
}
::ng-deep .mat-checkbox .mat-checkbox-ripple.mat-ripple {
  color: var(--pm-font-color-main-85);
  background: linear-gradient(135deg, #d9d9d9, #d9d9d9) no-repeat #d9d9d9;
  background-position-x: 50px;
  background-position-y: -30px;
  height: 16px;
  width: 16px;
  left: calc(50% - 9px);
  top: calc(50% - 8px);
  transition: 0.3s ease-out;
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
::ng-deep .mat-checkbox .mat-checkbox-ripple.mat-ripple:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background: var(--pm-bg-3);
  z-index: 2;
}
::ng-deep .mat-checkbox .mat-checkbox-ripple.mat-ripple:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 2px;
  width: 12px;
  height: 12px;
  z-index: 4;
  background: url(/assets/icons/checkbox-checked.svg) 0 0 / contain no-repeat;
  -ms-transform: scale(0);
  transform: scale(0);
  transition: 0.2s 0.1s ease-out;
}
::ng-deep .mat-checkbox-disabled .mat-checkbox-ripple.mat-ripple:before {
  content: "";
  color: rgba(18, 18, 18, 0.7);
}
::ng-deep .mat-checkbox-disabled .mat-checkbox-ripple.mat-ripple:after {
  content: "";
  background: rgba(18, 18, 18, 0.7);
}
::ng-deep .track-stems .mat-checkbox .mat-checkbox-ripple.mat-ripple.before {
  background: #595959;
}
::ng-deep .mat-checkbox.mat-checkbox-checked .mat-checkbox-ripple.mat-ripple {
  background: linear-gradient(
      135deg,
      var(--pm-secondary-color-4-light),
      var(--pm-secondary-color-1-light)
    )
    no-repeat;
  background-position-x: 0;
  background-position-y: 0;
}
::ng-deep
  .mat-checkbox.mat-checkbox-checked
  .mat-checkbox-ripple.mat-ripple:after {
  -ms-transform: scale(1);
  transform: scale(1);
}
::ng-deep .mat-checkbox-background,
::ng-deep .mat-checkbox-frame,
::ng-deep input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  display: inline-block;
}
::ng-deep ::ng-deep .mat-select-panel {
  background: var(--pm-bg-2);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6), 0 0 9px rgba(0, 0, 0, 0.6);
}
::ng-deep ::ng-deep .mat-select-panel .mat-active {
  background: #595959;
}
::ng-deep ::ng-deep .mat-select-arrow-wrapper {
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  color: var(--pm-font-color-main-55);
}
::ng-deep ::ng-deep .mat-select-value-text {
  font-size: 16px;
}
::ng-deep ::ng-deep .mat-select-arrow {
  width: 12px !important;
  height: 12px !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  margin: -8px 0 0 4px;
}
::ng-deep ::ng-deep .mat-select-arrow:after {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/assets/icons/dropdown.svg) center no-repeat;
}
::ng-deep ::ng-deep .mat-select.ng-invalid.ng-touched .mat-select-arrow:after {
  background: url(/assets/icons/dropdown-red.svg) 0 0 / contain no-repeat;
  width: 15px;
}
::ng-deep .mat-form-field.ng-invalid .mat-form-field-outline {
  border-image-source: linear-gradient(
    to right,
    var(--pm-error-color-light),
    var(--pm-error-color-light)
  );
  border-image-slice: 0 0 1 0;
}
::ng-deep .mat-form-field.ng-invalid .mat-select-value {
  color: var(--pm-error-color-light);
}
::ng-deep .external-error-url {
  color: var(--pm-error-color-light);
  text-decoration: underline;
  cursor: pointer;
}
::ng-deep .mat-form-field-outline {
  color: var(--pm-font-color-main-35);
  -webkit-clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    1px 1px,
    1px calc(100% - 1px),
    calc(100% - 1px) calc(100% - 1px),
    calc(100% - 1px) 1px,
    1px 1px,
    0 0
  );
  clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 100%,
    0 0,
    1px 1px,
    1px calc(100% - 1px),
    calc(100% - 1px) calc(100% - 1px),
    calc(100% - 1px) 1px,
    1px 1px,
    0 0
  );
}
::ng-deep .mat-form-field-outline::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #595959;
}
::ng-deep .mat-form-field-outline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition-delay: 0.1s;
  transition: 0.2s linear;
  background: linear-gradient(
      135deg,
      var(--pm-secondary-color-4-light) 0,
      var(--pm-secondary-color-1-light) 100%
    )
    no-repeat;
  -ms-transform: translate(-200%, -200%) rotate(0);
  transform: translate(-200%, -200%) rotate(0);
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  pointer-events: none;
}
::ng-deep .mat-form-field-outline div {
  display: none;
}
::ng-deep
  .mat-form-field.ng-invalid.ng-touched.mat-focused
  .mat-form-field-outline {
  border: 0 !important;
}
::ng-deep
  .mat-form-field.ng-invalid.ng-touched.mat-focused
  .mat-form-field-outline:after {
  background: linear-gradient(
    to right,
    var(--pm-error-color-light),
    var(--pm-error-color-light)
  );
}
::ng-deep .mat-focused .mat-form-field-outline {
  border: 0 !important;
}
::ng-deep .mat-focused .mat-form-field-outline:after {
  -ms-transform: translate(0, 0) rotate(0) !important;
  transform: translate(0, 0) rotate(0) !important;
}
::ng-deep .pm-body-wrap .mat-select-panel span {
  font-weight: 200;
}
::ng-deep .pm-body-wrap .mat-select-panel .mat-active span {
  font-weight: 400;
}
::ng-deep .pm-body-wrap .mat-select-panel .mat-active span:after {
  position: absolute;
  top: 0;
  right: 30px;
  width: 16px;
  height: 16px;
  color: inherit;
  content: "";
  font-family: pm-icons;
  visibility: visible !important;
  opacity: 0.5;
  color: var(--pm-secondary-color-1-light);
}
::ng-deep .pm-body-wrap .mat-select-panel {
  border: 1px solid #595959;
  border-radius: 0;
}
::ng-deep .pm-body-wrap .mat-select-panel,
::ng-deep .pm-body-wrap .mat-select-panel .mat-active {
  background: var(--pm-bg-2);
}
::ng-deep .pm-body-wrap .mat-select-panel .mat-active span,
::ng-deep .pm-body-wrap .mat-select-panel span {
  color: var(--pm-font-color-main-85);
}
::ng-deep .pm-body-wrap .mat-select-panel .mat-active span:hover,
::ng-deep .pm-body-wrap .mat-select-panel span:hover {
  color: var(--pm-font-color-main);
}
::ng-deep .pm-body-wrap .mat-select-panel .mat-option {
  padding: 0 40px 0 20px;
}
::ng-deep .pm-body-wrap .mat-radio-label-content {
  padding: 0 20px 0 10px;
}
::ng-deep .pm-body-wrap .mat-radio-outer-circle {
  background: linear-gradient(99deg, var(--pm-bg-3), var(--pm-bg-3)) no-repeat
    var(--pm-bg-3);
  border: 1px solid #d9d9d9;
  width: 16px;
  height: 16px;
}
::ng-deep .pm-body-wrap .mat-radio-checked .mat-radio-outer-circle {
  border: none;
  background-image: linear-gradient(
      to right,
      var(--pm-secondary-color-4-light),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to bottom,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-1-light)
    ),
    linear-gradient(
      to left,
      var(--pm-secondary-color-1-light),
      var(--pm-secondary-color-4-light)
    ),
    linear-gradient(
      to top,
      var(--pm-secondary-color-4-light),
      var(--pm-secondary-color-4-light)
    );
  background-position: top left, top right, bottom right, bottom left;
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
::ng-deep .pm-body-wrap .mat-radio-checked .mat-radio-outer-circle:after {
  content: "";
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border: 2px solid var(--pm-bg-1);
  border-radius: 50%;
}
.login-form__accept-terms .mat-checkbox-inner-container {
  margin-top: 4px;
}
.register-form__container .mat-checkbox-inner-container-no-side-margin {
  margin-right: 0;
}
.track__display--title {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 21px;
  font-size: 16px;
}
.track-hover {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.track-1512.similar-wrap .big-screen-hide.similar {
  max-width: 0;
  opacity: 0;
  display: none;
  overflow: hidden;
}
.track-1512.similar-wrap .expanded-icons.similar {
  -ms-transform: scaleX(1) !important;
  transform: scaleX(1) !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.track-1512 .track {
  position: relative;
  display: grid;
  grid-template-columns: auto 350px 80px minmax(0, 1fr) auto;
  grid-gap: 12px;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.track-1512 .track__fastMode {
  grid-template-columns: auto 350px 80px minmax(0, 1fr) auto;
}
.track-1512 .track__highlighted {
  grid-template-columns: auto 28px 350px 48px minmax(0, 1fr) auto !important;
}
.track-1512 .track__checkbox {
  grid-template-columns: 16px auto 350px 48px minmax(0, 1fr) auto !important;
  padding-left: 8px;
}
.track-1512 .track__checkbox--flag {
  grid-template-columns: 16px auto 28px 350px 48px minmax(0, 1fr) auto !important;
  padding-left: 8px;
}
.track-1512 .big-screen-hide.normal {
  max-width: 0;
  opacity: 0;
  display: none;
  overflow: hidden;
}
.track-1512 .expanded-icons.normal {
  -ms-transform: scaleX(1) !important;
  transform: scaleX(1) !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.track-1100 .track {
  position: relative;
  display: grid;
  grid-template-columns: auto 350px 80px minmax(0, 1fr) auto;
  grid-gap: 12px;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.track-1100 .track__fastMode {
  grid-template-columns: auto 350px 80px minmax(0, 1fr) auto;
}
.track-1100 .track__highlighted {
  grid-template-columns: auto 28px 350px 48px minmax(0, 1fr) auto !important;
}
.track-1100 .track__checkbox {
  grid-template-columns: 16px auto 350px 48px minmax(0, 1fr) auto !important;
  padding-left: 8px;
}
.track-1100 .track__checkbox--flag {
  grid-template-columns: 16px auto 28px 350px 48px minmax(0, 1fr) auto !important;
  padding-left: 8px;
}
.track-1100 .track--expanded {
  grid-template-columns: auto 200px 48px minmax(0, 1fr) auto;
}
.track-800 .track {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 48px 39% auto;
  grid-gap: 12px;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.track-800 .track__fastMode {
  grid-template-columns: auto minmax(0, 1fr) 48px 400px auto;
}
.track-800 .track__highlighted {
  grid-template-columns: auto 28px minmax(0, 1fr) 48px 39% auto !important;
}
.track-800 .track__checkbox {
  grid-template-columns: 16px auto minmax(0, 1fr) 48px 39% auto !important;
  padding-left: 8px;
}
.track-800 .track__checkbox--flag {
  grid-template-columns: 16px auto 28px minmax(0, 1fr) 48px 39% auto !important;
  padding-left: 8px;
}
.track-800 .track__cover-img {
  width: 46px;
  height: 46px;
}
.track-800 .small-screen-hide {
  max-width: 0;
  opacity: 0;
  display: none !important;
}
.track-800 .track--expanded .small-screen-hide {
  max-width: 40px;
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
}
.track-600 .track {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 48px 0 auto;
  grid-gap: 12px;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.track-600 .track__highlighted {
  grid-template-columns: auto 28px minmax(0, 1fr) 48px 0 auto !important;
}
.track-600 .track__checkbox {
  grid-template-columns: auto auto minmax(0, 1fr) 48px 0 auto !important;
  padding-left: 8px;
}
.track-600 .track__checkbox--flag {
  grid-template-columns: auto auto 28px minmax(0, 1fr) 48px 0 auto !important;
  padding-left: 8px;
}
.track-600 .track__cover-img {
  width: 46px;
  height: 46px;
}
.track-600 .small-screen-hide {
  max-width: 0;
  opacity: 0;
  display: none !important;
}
.track-600 .track--expanded .small-screen-hide:not(.scissor-wrap) {
  max-width: 40px;
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
}
.track-600 .scissor-wrap {
  display: none;
  pointer-events: none;
}
.track-470 .track {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 16px 0 48px;
  grid-gap: 12px;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.track-470 .track__highlighted {
  grid-template-columns: auto 28px minmax(0, 1fr) 16px 0 48px !important;
}
.track-470 .track__checkbox {
  grid-template-columns: 16px auto minmax(0, 1fr) 16px 0 48px !important;
  padding-left: 8px;
}
.track-470 .track__checkbox--flag {
  grid-template-columns: 16px auto 28px minmax(0, 1fr) 16px 0 48px !important;
  padding-left: 8px;
}
.track-470 .track .waveform {
  opacity: 0;
  max-width: 0;
}
.track-470 .track .out-line-wrap {
  padding-left: 8px;
  padding-right: 8px;
}
.track-470 .track__cover-img {
  width: 46px;
  height: 46px;
}
.track-470 .track__largest-column {
  display: none;
}
.track-470 .small-screen-hide,
.track-470 .xs-small-hide {
  max-width: 0;
  opacity: 0;
  display: none;
}
.track-470 .track-wrapper__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.track-470 .track--expanded {
  grid-template-columns: auto minmax(0, 1fr) 40px 16px 0 240px;
}
.track-470 .track--expanded .small-screen-hide:not(.scissor-wrap),
.track-470 .track--expanded .xs-small-hide {
  max-width: 40px;
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
}
.track-470 .scissor-wrap {
  display: none;
  pointer-events: none;
}
.track-345 .track {
  position: relative;
  display: grid;
  grid-template-columns: 62px 240px 60px 0 40px;
  grid-gap: 0;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.track-345 .track__highlighted {
  grid-template-columns: 62px 28px 220px 60px 0 40px !important;
}
.track-345 .track__checkbox {
  grid-template-columns: 16px 62px 240px 60px 0 40px;
  padding-left: 8px;
}
.track-345 .track__checkbox--flag {
  grid-template-columns: 16px 62px 28px 200px 60px 0 40px;
  padding-left: 8px;
}
.track-345 .track__large-view .track__cover-img {
  width: 46px;
  height: 46px;
}
.track-345 .track .out-line-wrap {
  padding-left: 8px;
  padding-right: 8px;
}
.track-345 .track__cover-img {
  width: 46px;
  height: 46px;
}
.track-345 .track__largest-column {
  display: none;
}
.track-345 .small-screen-hide,
.track-345 .track__length,
.track-345 .xs-small-hide {
  max-width: 0;
  opacity: 0;
  display: none;
}
.track-345 .track-wrapper__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.track-345 .track--expanded {
  grid-template-columns: 62px 136px 0 0 0 220px;
}
.track-345 .track--expanded.track__large-view {
  grid-template-columns: 62px 236px 0 0 0 220px;
}
.track-345 .track--expanded .small-screen-hide:not(.scissor-wrap),
.track-345 .track--expanded .xs-small-hide {
  max-width: 40px;
  opacity: 1;
  display: -ms-flexbox;
  display: flex;
}
.track-345 .scissor-wrap {
  display: none;
  pointer-events: none;
}
.track {
  border: 1px solid transparent;
  padding: 8px;
  grid-template-rows: 42px;
}
.track .track__highlighted-flag {
  display: none;
}
.track__playing {
  background: var(--pm-primary-color-very-dark) !important;
  border: 1px solid var(--pm-primary-color-light);
  transition-duration: 0.5s;
}
.track__highlighted,
.track__highlighted.track.showing-version {
  background: linear-gradient(
    135deg,
    var(--pm-primary-color-very-dark) 0,
    var(--pm-secondary-color-4-dark) 100%
  );
}
.track__highlighted .track__highlighted-flag {
  width: 28px;
  height: 28px;
  background: var(--pm-font-color-main);
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  padding: 7px 0;
  display: block;
}
.track__highlighted .track__highlighted-flag i {
  color: var(--pm-primary-color-very-dark);
  opacity: 1;
}
.track--expanded .waveform {
  -webkit-mask-image: linear-gradient(
    90deg,
    var(--pm-bg-1) 0,
    var(--pm-bg-1) 20%,
    transparent 75%
  );
}
.track--expanded .track__icons .expanded-icons {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  display: -ms-flexbox !important;
  display: flex !important;
}
.track--expanded .track__icons .track__icon-more {
  -ms-transform: rotate(90deg) translate(0, -3px);
  transform: rotate(90deg) translate(0, -3px);
}
.track--expanded .track__icons .track__icon-more:hover {
  -ms-transform: rotate(90deg) translate(0, -3px) !important;
  transform: rotate(90deg) translate(0, -3px) !important;
}
.track.album-track .track__cover-img img {
  opacity: 0.55;
}
.track.showing-version {
  background: var(--pm-bg-2);
}
.track i {
  opacity: 0.5;
}
.track .tkl-ab-c__content-action-wrap i {
  opacity: 1;
}
.track .pm-icon-premium-solid {
  display: inline-block;
  vertical-align: middle;
}
.track .number-icon-wrap {
  margin-left: -18px;
  font-size: 18px;
  font-weight: 600;
}
.track .track.track__checkbox__selected,
.track:hover:not(.track-mm) {
  background: var(--pm-font-color-main-15);
  background-position-x: -100vw;
}
.track .track.track__checkbox__selected .track__bpm,
.track .track.track__checkbox__selected .track__length,
.track .track.track__checkbox__selected .track__version-indicator,
.track .track.track__checkbox__selected .track__versions-wrap,
.track .track.track__checkbox__selected i,
.track:hover:not(.track-mm) .track__bpm,
.track:hover:not(.track-mm) .track__length,
.track:hover:not(.track-mm) .track__version-indicator,
.track:hover:not(.track-mm) .track__versions-wrap,
.track:hover:not(.track-mm) i {
  opacity: 1 !important;
}
.track .track.track__checkbox__selected .number-icon-wrap,
.track:hover:not(.track-mm) .number-icon-wrap {
  display: none;
}
.track .track.track__checkbox__selected .track__cover-img img,
.track:hover:not(.track-mm) .track__cover-img img {
  opacity: 0.55;
}
.track .track.track__checkbox__selected .track__cover-icon-wrap,
.track:hover:not(.track-mm) .track__cover-icon-wrap {
  background-image: radial-gradient(rgba(0, 0, 0, 0.6) 0, transparent 50%);
}
.track__info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.track__info .track-title {
  color: var(--pm-font-color-main-85);
  transition-duration: 0.1s;
  text-transform: capitalize;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -ms-flexbox;
  display: flex;
}
.track__info .track-keywords {
  max-width: 100%;
  overflow: hidden;
  color: var(--pm-font-color-main-85);
  margin-top: 4px;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
  transition-duration: 0.3s;
  display: inline-block;
  -ms-flex-align: start;
  align-items: flex-start;
}
.track__info .track-keywords i {
  max-width: 0;
  opacity: 0 !important;
  width: 16px;
  transition-duration: 0.3s;
  font-size: 12px;
  margin-top: -1px;
  max-width: 20px;
  opacity: 1 !important;
  margin-right: 4px;
}
.track__info .track__keywords-item-wrap {
  max-width: 100%;
  overflow: hidden;
  color: var(--pm-font-color-main-85);
  margin-top: 4px;
  cursor: pointer;
  height: 18px;
  position: relative;
  text-transform: lowercase;
}
.track__info .track__keywords-item-wrap span {
  padding: 0 6px 0 4px;
  position: relative;
}
.track__info .track__keywords-item-wrap span:hover {
  text-decoration: underline;
}
.track__info .track__keywords-item-wrap span:not(:last-child):after {
  content: ",";
  position: static;
  left: -5px;
}
.track .main-version-name {
  color: var(--pm-font-color-main-55);
  font-size: 12px;
  text-transform: capitalize;
  white-space: nowrap;
}
.track .track_label {
  color: var(--pm-font-color-main-85);
  font-size: 12px;
  margin-top: 4px;
  cursor: pointer;
}
.track .track__bpm-label {
  font-size: 10px;
}
.track__cover-img {
  position: relative;
  transition: 0.1s ease-out;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  width: 46px;
  height: 46px;
}
.track__cover-img img {
  width: 100%;
  height: 100%;
  background: var(--pm-font-color-main-15);
}
.track__cover-img.sub-track {
  text-align: center;
}
.track__cover-img.sub-track img {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  opacity: 0 !important;
}
.track__cover-img.sub-track .track__cover-icon-wrap {
  background: 0 0 !important;
}
.track__cover-img.sub-track .track__cover-icon-wrap i {
  opacity: 1;
}
.track__large-view,
.track__multi-row {
  grid-template-rows: 78px;
}
.track__large-view .track__cover-img,
.track__multi-row .track__cover-img {
  width: 80px;
  height: 80px;
}
.track__cover-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
}
.track__cover-icon-wrap i {
  color: var(--pm-font-color-main);
  opacity: 0;
  transition-duration: 0.1s;
}
.track .track__icons-group-first {
  gap: 4px;
  display: grid;
  text-align: center;
}
.track .track__largest-column {
  gap: 8px;
  display: grid;
  letter-spacing: 0.5px;
}
.track .track__largest-column .text-row {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--pm-font-color-main-85);
  font-size: 14px;
}
.track .track__largest-column .keys-row {
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  max-height: 40px;
  font-size: 12px;
}
.track .track__largest-column .keys-row span {
  cursor: pointer;
  color: var(--pm-font-color-main-85);
  padding: 0 4px;
  border: 1px solid var(--pm-font-color-main-15);
  line-height: 16px;
  text-transform: capitalize;
}
.track .track__largest-column .keys-row span:hover {
  border: 1px solid #595959;
}
.track.track__large-view:not(.track__multi-row) .text-row {
  -webkit-line-clamp: 4;
}
.track .track__icons-left-col,
.track .track__icons-right-col,
.track .track__icons-right-row {
  display: -ms-flexbox;
  display: flex;
}
.track .track__icons-left-col .track__version-indicator,
.track .track__icons-right-col .track__version-indicator,
.track .track__icons-right-row .track__version-indicator {
  opacity: 0.85;
}
.track.track__large-view .track__icons-right-col {
  -ms-flex-direction: column;
  flex-direction: column;
}
.track.track__large-view .track__icons-right-col .track__icons-right-row {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.track.track__large-view .track__icons-right-col .out-line-wrap {
  height: 25px;
}
.track-345
  .track.track__large-view
  .track__icons-right-col
  .track__icons-right-row {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.track-345 .track.track__large-view .track__icons-right-col .out-line-wrap {
  height: auto;
}
.track.track__large-view .track-hover {
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.track.track__large-view .main-version-name span {
  display: none;
}
.track .track__waveform div {
  position: relative;
}
.track__waveform {
  overflow: hidden;
  opacity: 0.8;
}
.track__keywords-wrap {
  display: -ms-flexbox;
  display: flex;
}
.track__versions-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--pm-font-color-main);
}
.track .pm-icon-version-indicator {
  color: var(--pm-font-color-main);
}
.track__vocals {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--pm-font-color-main);
}
.track__vocals i {
  font-size: 19px;
}
.track__bpm,
.track__length {
  opacity: 0.55;
}
.track__version-indicator {
  color: var(--pm-font-color-main);
  opacity: 0.55;
  min-width: 48px;
  text-align: center;
  font-weight: 600 !important;
}
.track__version-indicator--with-icon {
  position: relative;
  color: var(--pm-font-color-main-85);
  padding-top: 8px;
}
.track__version-indicator--with-icon.stem-only {
  font-size: 10px !important;
  padding-top: 0 !important;
}
.track__version-indicator--with-icon.has-stem {
  padding-top: 0 !important;
}
.track__version-indicator--with-icon.has-stem::before {
  border-top: 1px solid var(--pm-font-color-main);
  font-size: 8px !important;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  content: "STEMS";
  font-weight: 600 !important;
}
.track__icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  transition: 0.1s ease-out;
  position: relative;
}
.track__icons .actual-download-icon-hide {
  visibility: hidden;
}
.track__icons .expanded-icons {
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  display: none;
  transition: 0.3s ease-out;
}
.track__icons i {
  color: var(--pm-font-color-main);
  font-size: 16px;
}
.track__icon-more {
  transition-delay: 0.5s;
  transition: 0.5s ease-out;
}
.track__large-view .track__icon-more {
  display: none;
}
.track-345 .track__large-view .track__icon-more,
.track-470 .track__large-view .track__icon-more,
.track-600 .track__large-view .track__icon-more,
.track-800 .track__large-view .track__icon-more {
  display: -ms-flexbox;
  display: flex;
}
.track__large-view .expanded-icons {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  display: -ms-flexbox !important;
  display: flex !important;
}
.track-345 .track__large-view .track__icon-more {
  display: -ms-flexbox;
  display: flex;
}
.track-345 .track__large-view .expanded-icons {
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  display: none !important;
}
.track-345
  .track__large-view.track--expanded
  .expanded-icons:not(.xs-small-off) {
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  display: -ms-flexbox !important;
  display: flex !important;
}
.track__version-outer-wrap {
  min-width: 20px;
}
.track .hidden-waveform {
  display: none;
}
.track-version-position-fix {
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}
.out-line-wrap {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  width: 32px;
  border: 1px solid rgba(18, 18, 18, 0);
}
.out-line-wrap.show-bg-outline {
  width: auto;
  height: auto;
}
.out-line-wrap.outline-position {
  position: relative;
}
.out-line-wrap.no-versions {
  cursor: default;
}
.out-line-wrap .active-playlist-toggle {
  width: 32px;
}
.out-line-wrap .active-playlist-toggle ::ng-deep .mat-slide-toggle {
  opacity: 0.35;
  margin-top: 0;
}
.out-line-wrap
  .active-playlist-toggle
  ::ng-deep
  .mat-slide-toggle-thumb-container {
  cursor: pointer;
}
.out-line-wrap .active-playlist-toggle ::ng-deep .mat-slide-toggle-bar {
  background: #8c8c8c;
  max-width: 30px;
  height: 12px;
}
.out-line-wrap
  .active-playlist-toggle
  ::ng-deep
  .mat-slide-toggle-thumb::after {
  display: none;
}
.out-line-wrap
  .active-playlist-toggle
  ::ng-deep
  .mat-slide-toggle-thumb::before {
  display: inline-block;
  content: url(/assets/icons/inactive-pl-bubble.svg?v=2);
  cursor: pointer;
  -webkit-filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.5));
}
.out-line-wrap .active-playlist-toggle ::ng-deep .mat-slide-toggle:hover {
  opacity: 1;
}
.out-line-wrap .active-playlist-toggle ::ng-deep .mat-checked {
  opacity: 1;
}
.out-line-wrap
  .active-playlist-toggle
  ::ng-deep
  .mat-checked
  .mat-slide-toggle-bar {
  background: var(--pm-primary-color-light);
}
.out-line-wrap
  .active-playlist-toggle
  ::ng-deep
  .mat-checked
  .mat-slide-toggle-thumb {
  background: 0 0;
}
.out-line-wrap
  .active-playlist-toggle
  ::ng-deep
  .mat-checked
  .mat-slide-toggle-thumb::after {
  display: inline-block;
  content: url(/assets/icons/active-pl-bubble.svg?v=2);
  color: var(--pm-primary-color-light);
  cursor: pointer;
  -ms-transform: translateX(-5px);
  transform: translateX(-5px);
  -webkit-filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 0 9px rgba(0, 0, 0, 0.5));
}
.out-line-wrap
  .active-playlist-toggle
  ::ng-deep
  .mat-checked
  .mat-slide-toggle-thumb::before {
  display: none;
}
.pm-playlist-track-wrap .add-track-to-multiple-playlists-popup {
  -ms-transform: translateX(-95.5%) !important;
  transform: translateX(-95.5%) !important;
}
::ng-deep .download-popup {
  right: 15px !important;
}
.expanded-icons-first {
  -ms-transform: scaleX(1) !important;
  transform: scaleX(1) !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.track-1100 .xs-small-on,
.track-1512 .xs-small-on,
.track-470 .xs-small-on,
.track-600 .xs-small-on,
.track-800 .xs-small-on {
  display: none !important;
}
.track-1100 .track__checkbox__selected,
.track-1512 .track__checkbox__selected,
.track-470 .track__checkbox__selected,
.track-600 .track__checkbox__selected,
.track-800 .track__checkbox__selected {
  background: var(--pm-font-color-main-15);
  background-position-x: -100vw;
}
.track-1100 .track__checkbox__selected .track__cover-img img,
.track-1512 .track__checkbox__selected .track__cover-img img,
.track-470 .track__checkbox__selected .track__cover-img img,
.track-600 .track__checkbox__selected .track__cover-img img,
.track-800 .track__checkbox__selected .track__cover-img img {
  opacity: 0.55;
}
.track-1100 .track__checkbox__selected .track__cover-icon-wrap,
.track-1512 .track__checkbox__selected .track__cover-icon-wrap,
.track-470 .track__checkbox__selected .track__cover-icon-wrap,
.track-600 .track__checkbox__selected .track__cover-icon-wrap,
.track-800 .track__checkbox__selected .track__cover-icon-wrap {
  background-image: radial-gradient(rgba(0, 0, 0, 0.6) 0, transparent 50%);
}
.track-345 .xs-small-off {
  display: none !important;
  width: 0 !important;
  opacity: 0 !important;
}
.track-345 .track--expanded .xs-small-on {
  display: -ms-flexbox !important;
  display: flex !important;
}
.instrumental-tracks .track .track__vocals {
  opacity: 1;
}
.instrumental-tracks .track .track__vocals .pm-icon-instrumental {
  opacity: 1;
  display: -ms-flexbox !important;
  display: flex !important;
}
.instrumental-tracks .track .track__vocals .pm-icon-vocal {
  opacity: 0 !important;
  display: none;
}
.vocal-tracks .track .track__vocals {
  opacity: 1;
}
.vocal-tracks .track .track__vocals .pm-icon-vocal {
  opacity: 1;
  display: -ms-flexbox !important;
  display: flex !important;
}
.vocal-tracks .track .track__vocals .pm-icon-instrumental {
  opacity: 0 !important;
  display: none;
}
.track .track__vocals .pm-icon-instrumental,
.track .track__vocals .pm-icon-vocal {
  opacity: 0;
  display: none;
}
.track .track__vocals .pm-icon-explicit {
  opacity: 1;
}
.deeplink-album-holder .download-popup,
.mat-album-details .download-popup {
  top: 0;
}
.pm-icon-premium-solid {
  display: inline-block !important;
  vertical-align: middle !important;
  font-size: 16px;
  margin-right: 2px;
  color: var(--pm-font-color-main-85);
  opacity: 1 !important;
}
.end-result {
  margin-top: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.end-result .end-result-text {
  color: var(--pm-font-color-main-85);
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  max-width: 200px;
}
.end-result img {
  margin-top: 18px;
}
.active-playlist-track::after {
  content: "";
  position: absolute;
  margin-top: -24px;
  right: -2px;
  width: 12px;
  height: 12px;
  background: url(/assets/icons/active-pl-bubble.svg) 0 0 / cover;
}
.remove-track-active-playlist .pm-icon-remove {
  position: relative;
}
.remove-track-active-playlist .pm-icon-remove::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(/assets/icons/active-pl-bubble.svg) 0 0 / cover;
  right: -4px;
  top: -4px;
  opacity: 0.85;
}
.outline-extra-width {
  min-width: 48px;
}
.track-mm {
  overflow: hidden;
  padding: 0;
}
.track-mm .track {
  position: relative;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) auto;
  grid-template-rows: 62px;
  grid-gap: 12px;
  padding: 0 8px;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 550px;
  min-width: 550px;
}
.track-mm .track .track__largest-column {
  display: none;
}
.track-mm .track .track__cover-img {
  width: 46px !important;
  height: 46px !important;
}
.track-mm .track-keywords {
  display: inline-block !important;
}
.track-mm .track-keywords i {
  display: none !important;
}
.track-mm .track__bpm,
.track-mm .track__highlighted-flag,
.track-mm .track__icons,
.track-mm .waveform {
  display: none;
}
.track-mm .track__length {
  display: -ms-flexbox;
  display: flex;
}
.track-mm .track-wrapper__main {
  margin-bottom: 0 !important;
}
.popup__details .track--expanded .waveform {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.track-wrapper__container .track-version-container {
  margin-bottom: 8px;
}
.ph-container__popup__versions .track-345 .track .out-line-wrap,
.pm-player__version-wrap-inner .track-345 .track .out-line-wrap {
  padding-left: 0;
  padding-right: 0;
}
.ph-container__popup__versions .track-345 .track .track__bpm,
.pm-player__version-wrap-inner .track-345 .track .track__bpm {
  display: none;
}
.icons-placement {
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.icons-placement .prompt-result-rating-icons {
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pm-body-wrap-IE .mat-form-field-outline:after {
  content: none !important;
}
.pm-screen-zoom-400 {
  zoom: 1;
}
.pm-screen-zoom-400 .login-wrap {
  padding-top: 313px !important;
}
.pm-screen-zoom-400 .mobile-bottom-nav .sidebar {
  height: 56px !important;
}
.pm-screen-zoom-400 .about,
.pm-screen-zoom-400 .genre-detail,
.pm-screen-zoom-400 .global-search__wrap,
.pm-screen-zoom-400 .label-detail,
.pm-screen-zoom-400 .mat-profile-holder__logout,
.pm-screen-zoom-400 .playlist-detail,
.pm-screen-zoom-400 .playlist__container,
.pm-screen-zoom-400 .search-music-matcher {
  margin-top: 64px !important;
}
.pm-screen-zoom-400 .global-search__wrap .wrapper {
  display: none;
}
.pm-screen-zoom-400 .mobile-bottom-nav .sidebar__nav-item {
  padding: 2px 24px !important;
}
.pm-screen-zoom-400 .guest-playlist .sub-container {
  height: auto !important;
}
.safari-wrap .login-form__container mat-form-field {
  width: 99%;
}
.safari-wrap .scrollbar-bg {
  background: 0 0 !important;
}
:focus {
  outline: 0 !important;
}
.pm-i18n-root-fr
  .track-wrapper__similar-tracks-wrap
  .track-wrapper__similar-label {
  margin-left: -4px;
}
.pm-i18n-root-fr .album-info-header__header .factlist__label {
  -ms-flex: 0 0 204px !important;
  flex: 0 0 204px !important;
}
.pm-i18n-root-fr
  pm-home-real-human-support
  .home-real-human-support-section
  .home-real-human-support-section-images
  .top {
  background-position: initial;
}
.pm-i18n-root-fr .login-container {
  min-width: 680px !important;
}
.pm-i18n-root-de .album-info-header__header .factlist__text {
  margin-left: 16px !important;
}
.pm-i18n-root-de .pm-info-box__container h2 {
  margin-top: 8px !important;
}
.pm-i18n-root-de
  .pm-confirm-box
  .confirm-box-content__invite-collaborators
  .special-role {
  left: 244px;
}
.pm-i18n-root-de .playlist__copy-name h2 {
  text-align: center;
}
.pm-i18n-root-de .inner-input {
  width: 250px !important;
}
.playlist-detail__empty-search span.no-tracks {
  font-size: 100px;
  line-height: 100px;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
}
.no-data-available .nda-title {
  font-size: 28px;
  line-height: 30px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
.mat-tab-label,
.mat-tab-label-active .mat-tab-label-content,
.mat-tab-label-content {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.8px;
  font-weight: 700;
  text-transform: uppercase;
}
.cdk-overlay-container .mat-tab-label-active .mat-tab-label-content,
.cdk-overlay-container .mat-tab-label-content,
.deeplink-album-holder .mat-tab-label-active .mat-tab-label-content,
.deeplink-album-holder .mat-tab-label-content,
.deeplink-track-holder .mat-tab-label-active .mat-tab-label-content,
.deeplink-track-holder .mat-tab-label-content,
.login-container .mat-tab-label-active .mat-tab-label-content,
.login-container .mat-tab-label-content,
.pm-i18n-root-fr
  .track-wrapper__similar-tracks-wrap
  .track-wrapper__similar-label,
.pm-i18n-root-nl
  .track-wrapper__similar-tracks-wrap
  .track-wrapper__similar-label {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.6px;
  font-weight: 700;
  text-transform: uppercase;
}
.cms-content b,
.cms-content strong {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.5px;
  font-weight: 700;
  text-transform: uppercase;
}
.small-tab .mat-tab-label-content {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.5px;
  font-weight: 700;
  text-transform: uppercase;
}
.sync-list-wrap .sync-outer-wrap .sync-inner-wrap,
.tooltip-light {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  font-weight: 700;
}
.ngx-toastr .toaster-text-wrap a {
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.find__vocal-filter.deactivate .coming-soon {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0;
  font-weight: bolder;
  text-transform: uppercase;
  text-align: center;
}
.cms-content,
.cms-content a,
.cms-content p,
.track__info .track-title {
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.5px;
  font-weight: 300;
}
.track__bpm,
.track__length,
.track__version-indicator--with-icon.has-stem::before {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.5px;
  font-weight: 300;
}
.ngx-toastr .toaster-text-wrap,
.ngx-toastr .toaster-text-wrap span,
.pm-transparent-button,
.track__version-indicator,
.track__version-indicator--with-icon,
.track__version-indicator--with-icon.stem-only {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.5px;
  font-weight: 300;
}
.pm-disclaimer {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.5px;
  font-weight: 200;
}
.track__info .track-keywords,
.track__info .track__keywords-item-wrap {
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.5px;
  font-weight: 200;
}
::ng-deep
  .mat-form-field-appearance-outline
  .mat-form-field-hint-wrapper
  .mat-hint,
::ng-deep mat-error {
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  font-weight: 200;
}
.pm-i18n-root-nl
  .track-wrapper__similar-tracks-wrap
  .track-wrapper__similar-label {
  margin-left: -4px;
}
.pm-i18n-root-nl .contact-team-members .each-team-member--name span {
  max-width: 120px !important;
}
@media screen and (min-width: 992px) {
  .pm-i18n-root-es .sidebar__actions .separator {
    margin-top: 24px !important;
  }
  .pm-i18n-root-es .sidebar__actions .live-chat-label {
    margin-top: 16px;
  }
  .pm-i18n-root-es .sidebar__actions .login-register-label {
    height: 64px;
  }
}
.pm-i18n-root-es
  .sidebar__actions
  .login-register-label
  .show-login-border
  .sidebar__nav-item-text {
  white-space: pre-wrap;
}
body {
  margin: 0;
  background-color: var(--pm-bg-1);
  color: var(--pm-font-color-main);
  font-family: var(--cf-font-type), Graphik, sans-serif;
  font-weight: 300;
  overflow: hidden;
}
body.block-scroll {
  overflow: hidden;
}
.app-icon {
  width: 16px;
  height: 16px;
  transition: 0.3s ease-out;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.app-icon:hover {
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
.bold-text {
  font-weight: 700 !important;
}
.normal-text {
  font-weight: 300 !important;
}
.pm-container {
  position: relative;
}
.pm-container .pm-bg-deeplink,
.pm-container .pm-module-wrap {
  margin-left: 240px !important;
  width: calc(100% - 244px);
  z-index: 100;
  position: relative;
}
.pm-container .deeplink-wrap.pm-module-wrap {
  position: initial !important;
}
.pm-container .add-edit-playlist {
  left: 240px;
}
.pm-container.sidebar-collapsed .other-search-wrap {
  margin-left: 68px;
}
.pm-container.sidebar-collapsed .about-tab__poster {
  left: 68px !important;
}
.pm-container.sidebar-collapsed .about-tab__poster img {
  width: calc(100vw - 72px) !important;
}
.pm-container.sidebar-collapsed .fs__wrap.open .fs__left-wrap {
  opacity: 0;
}
.pm-container.sidebar-collapsed .global-search__wrap {
  width: calc(100% - 108px) !important;
}
.pm-container.sidebar-collapsed .search__wrap {
  padding-left: 84px !important;
}
.pm-container.sidebar-collapsed .global-search__wrap.other-page {
  width: calc(100% - 108px) !important;
}
.pm-container.sidebar-collapsed .home-page-holder.pm-module-wrap {
  margin-left: 68px !important;
}
@media screen and (max-width: 992px) {
  .pm-container.sidebar-collapsed .home-page-holder.pm-module-wrap {
    margin-left: 0 !important;
  }
}
.pm-container.sidebar-collapsed
  .other-search-wrap
  .global-search__wrap.other-page {
  margin-left: 0 !important;
  width: 100% !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 103;
}
.pm-container.sidebar-collapsed
  .other-search-wrap
  .global-search__wrap.other-page
  .global-search-container {
  width: calc(100% - 118px) !important;
}
.pm-container.sidebar-collapsed .other-search-wrap .wrapper {
  margin-left: 24px !important;
  width: calc(100% - 118px) !important;
}
.pm-container.sidebar-collapsed .other-search-wrap .advanced-search__show {
  margin-left: 25px;
  z-index: 102;
}
.pm-container.sidebar-collapsed
  .playlist-detail-page
  .global-search__wrap.other-page,
.pm-container.sidebar-collapsed .playlist-page .global-search__wrap.other-page,
.pm-container.sidebar-collapsed .profile-page .global-search__wrap.other-page {
  background: rgba(18, 18, 18, 0.5) !important;
  height: 50px;
}
.pm-container.sidebar-collapsed .add-edit-playlist {
  left: 70px !important;
}
.pm-container.sidebar-collapsed .pm-bg-deeplink {
  margin-left: 0 !important;
  width: 100% !important;
}
.pm-container.sidebar-collapsed .pm-gen-grid {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  grid-gap: 40px;
}
.pm-container .other-search-wrap .global-search__wrap.other-page {
  width: 100% !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  z-index: 103;
  max-height: 48px;
}
.pm-container
  .other-search-wrap
  .global-search__wrap.other-page
  .global-search-container {
  margin-left: 24px !important;
  width: calc(100% - 288px) !important;
  background: var(--pm-font-color-main-15);
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15);
  transition: 0.3s ease-in-out;
}
.pm-container .other-search-wrap .advanced-search__show {
  margin-left: 25px;
  z-index: 101;
}
.pm-container .about-page .global-search__wrap.other-page,
.pm-container .discover-page .global-search__wrap.other-page {
  background: rgba(18, 18, 18, 0.7) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.pm-container .playlist-detail-page .global-search__wrap.other-page,
.pm-container .playlist-page .global-search__wrap.other-page,
.pm-container .profile-page .global-search__wrap.other-page {
  background: rgba(18, 18, 18, 0.5) !important;
  height: 48px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.pm-gen-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  grid-gap: 40px;
}
.extra-tab-space .mat-tab-body-wrapper {
  min-height: 800px;
}
.extra-tab-space .tracks-end {
  padding-bottom: 200px;
}
.find__vocal-filter.deactivate {
  opacity: 0.7;
  position: relative;
  cursor: not-allowed;
}
.find__vocal-filter.deactivate::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  content: "";
}
@media only screen and (max-width: 1300px) {
  .album__description {
    max-height: 56px !important;
  }
  .big-view {
    display: none;
  }
}
@media only screen and (min-width: 1300px) {
  .small-view {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  body {
    -webkit-text-size-adjust: auto !important;
  }
  mat-hint p {
    line-height: 20px !important;
  }
  .pm-container {
    margin-bottom: 100px;
  }
  .pm-container .guest-playlist,
  .pm-container .pm-bg-deeplink,
  .pm-container .pm-module-wrap,
  .pm-container .tc-page {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .global-search__wrap {
    width: calc(100% - 2rem) !important;
  }
  .playlist__sidebar-buttons {
    bottom: 85px !important;
    padding: 0 10px 16px 16px !important;
  }
  .genre-detail ::ng-deep .pm-footer {
    margin-top: 200px;
  }
  .deeplink-album-holder__container .download-popup .download-track-versions,
  .deeplink-track-holder__container .download-popup .download-track-versions,
  .popup__details .download-popup .download-track-versions {
    padding: 24px 24px 20px 50px;
  }
  .deeplink-album-holder__container
    .album-info-header__header
    .download-container,
  .deeplink-album-holder__container
    .track-info-header__header
    .download-container,
  .deeplink-track-holder__container
    .album-info-header__header
    .download-container,
  .deeplink-track-holder__container
    .track-info-header__header
    .download-container,
  .popup__details .album-info-header__header .download-container,
  .popup__details .track-info-header__header .download-container {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .deeplink-album-holder__container
    .album-info-header__header
    .download-container
    .download-popup,
  .deeplink-album-holder__container
    .track-info-header__header
    .download-container
    .download-popup,
  .deeplink-track-holder__container
    .album-info-header__header
    .download-container
    .download-popup,
  .deeplink-track-holder__container
    .track-info-header__header
    .download-container
    .download-popup,
  .popup__details
    .album-info-header__header
    .download-container
    .download-popup,
  .popup__details
    .track-info-header__header
    .download-container
    .download-popup {
    right: unset !important;
    margin-left: 20px;
  }
  .deeplink-album-holder__container
    .track-info-header__actions
    .playlist-flyout,
  .deeplink-track-holder__container
    .track-info-header__actions
    .playlist-flyout,
  .popup__details .track-info-header__actions .playlist-flyout {
    top: 60px;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
  }
  .deeplink-album-holder__container .recently-used-playlistList-popup i,
  .deeplink-track-holder__container .recently-used-playlistList-popup i,
  .popup__details .recently-used-playlistList-popup i {
    visibility: visible;
  }
  .playlist-flyout i {
    visibility: visible !important;
  }
  .mat-tab-header-pagination-controls-enabled .mat-tab-header-pagination {
    margin-bottom: 40px;
  }
  .sub-hub-page {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .home-page-holder {
    zoom: 1.5;
    margin-left: 0 !important;
  }
  .contact__map-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100% !important;
  }
  .contact__map-wrap .map-list-wrap {
    position: relative !important;
    top: 20px !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 90vw !important;
    margin: 0 auto;
  }
  .contact__map-wrap .map-list-wrap .selected-map .img-wrap {
    position: relative !important;
  }
  .contact__map-wrap .map-list-wrap .selected-map .img-wrap img {
    width: 100% !important;
    max-width: unset !important;
  }
  .contact__map-wrap .map-list-wrap .selected-map .img-wrap:after {
    width: 440px !important;
    bottom: 4px !important;
    top: unset !important;
  }
  .contact__map-wrap .map-list-wrap .selected-map .text-wrap {
    position: relative !important;
    top: 10px !important;
  }
  .about .triangle {
    display: none !important;
  }
  .about .about-tab__logo-wrap {
    margin-top: 100px !important;
  }
  .about .about-tab__other {
    padding-left: 16px !important;
    padding-right: 16px !important;
    height: 840vw !important;
  }
  .about .about-tab__other-content-wrap {
    height: 300vh !important;
  }
  .about .about-tab__other-content-wrap .content-holder {
    background: 0 0 !important;
    box-shadow: none !important;
  }
  .about .about-tab__other-content-wrap .loc1,
  .about .about-tab__other-content-wrap .loc2,
  .about .about-tab__other-content-wrap .loc3,
  .about .about-tab__other-content-wrap .loc4,
  .about .about-tab__other-content-wrap .loc5,
  .about .about-tab__other-content-wrap .loc6,
  .about .about-tab__other-content-wrap .loc7,
  .about .about-tab__other-content-wrap .loc9 {
    width: 100vw !important;
    height: 100vw !important;
    -ms-transform: none !important;
    transform: none !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .about .about-tab__other-content-wrap .loc1 img,
  .about .about-tab__other-content-wrap .loc2 img,
  .about .about-tab__other-content-wrap .loc3 img,
  .about .about-tab__other-content-wrap .loc4 img,
  .about .about-tab__other-content-wrap .loc5 img,
  .about .about-tab__other-content-wrap .loc6 img,
  .about .about-tab__other-content-wrap .loc7 img,
  .about .about-tab__other-content-wrap .loc9 img {
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    position: absolute;
    right: 0;
  }
  .about .about-tab__other-content-wrap .loc1 {
    right: 0 !important;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
  }
  .about .about-tab__other-content-wrap .loc2 {
    top: calc(100vw - 40px) !important;
  }
  .about .about-tab__other-content-wrap .loc3 {
    left: auto !important;
    right: 0 !important;
    top: calc(200vw - 180px) !important;
  }
  .about .about-tab__other-content-wrap .loc4 {
    top: 360vw !important;
    right: auto !important;
  }
  .about .about-tab__other-content-wrap .loc8 {
    width: 100% !important;
    left: 0 !important;
    top: 150vh !important;
  }
  .about .about-tab__other-content-wrap .loc5 {
    top: calc(500vw - 300px) !important;
    left: auto !important;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 0;
  }
  .about .about-tab__other-content-wrap .loc6 {
    top: calc(520vw - 60px) !important;
    right: auto !important;
  }
  .about .about-tab__other-content-wrap .loc7 {
    top: calc(640vw - 190px) !important;
    left: auto !important;
    right: 0;
  }
  .about .about-tab__other-content-wrap .loc9 {
    top: calc(700vw - 80px) !important;
    left: 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 851px) {
  .about .about-tab__other-content-wrap .loc1 {
    right: 0 !important;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
  }
  .about .about-tab__other-content-wrap .loc2 {
    top: calc(125vw - 40px) !important;
  }
  .about .about-tab__other-content-wrap .loc3 {
    left: auto !important;
    right: 0 !important;
    top: calc(253vw - 180px) !important;
  }
  .about .about-tab__other-content-wrap .loc4 {
    top: 360vw !important;
    right: auto !important;
  }
  .about .about-tab__other-content-wrap .loc8 {
    width: 100% !important;
    left: 0 !important;
    top: 150vh !important;
  }
  .about .about-tab__other-content-wrap .loc5 {
    top: calc(530vw - 300px) !important;
    left: auto !important;
    -ms-flex-pack: end;
    justify-content: flex-end;
    right: 0;
  }
  .about .about-tab__other-content-wrap .loc6 {
    top: calc(545vw - 60px) !important;
    right: auto !important;
  }
  .about .about-tab__other-content-wrap .loc7 {
    top: calc(690vw - 190px) !important;
    left: auto !important;
    right: 0;
  }
  .about .about-tab__other-content-wrap .loc9 {
    top: calc(700vw - 80px) !important;
    left: 0;
  }
}
@media screen and (max-width: 992px) {
  .about .about-tab__other-footer {
    padding-top: 150px;
    padding-bottom: 0 !important;
    position: absolute !important;
    bottom: 0;
  }
  .about .about-tab__other-footer:before {
    width: 150vh;
    top: 200px !important;
  }
}
@media screen and (max-width: 500px) {
  body {
    zoom: 50%;
  }
  @supports not (-webkit-touch-callout: none) {
    .popup__scroll-wrap {
      max-height: calc(100vh * 2) !important;
    }
  }
}
@media screen and (min-width: 501px) and (max-width: 992px) {
  body {
    zoom: 70%;
  }
  @supports not (-webkit-touch-callout: none) {
    .popup__scroll-wrap {
      max-height: calc(100vh * 1.42) !important;
    }
  }
}
@media screen and (min-width: 993px) {
  .sidebar-collapsed .pm-module-wrap {
    margin-left: 68px !important;
    width: calc(100% - 70px) !important;
  }
}