body {
  width: 100vw !important;
  min-height: 100vh !important; 
  background-color: #000000 !important;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}
.range-wrp,
.rangeslider {
  position: relative;
}
.rangeslider,
.rangeslider__fill {
  display: block;
}
.range-wrp {
  width: 100%;
  margin-bottom: 10px;
}
.rangeslider--horizontal {
  height: 18px;
  width: 100%;
  border-radius: 1px;
}
.rangeslider--horizontal:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  top: 8px;
}
.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}
.rangeslider--disabled {
  filter: alpha(Opacity=40);
  opacity: 0.4;
}
.rangeslider__fill {
  position: absolute;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}
.rangeslider__fill.red,
.rangeslider__handle.red {
  background-color: #47b877;
}
.rangeslider__handle:active {
  background-size: 100%;
  background-image: -webkit-linear-gradient(
    rgba(0, 0, 0, 0.1),
    rgba(0, 0, 0, 0.12)
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.1)),
    to(rgba(0, 0, 0, 0.12))
  );
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}
.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}
input[type="range"]:focus + .rangeslider .rangeslider__handle {
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}
@font-face {
  font-family: datedropper;
  font-display: swap;
  src: url(/webfonts/datedropper.eot);
  src:
    url(/webfonts/datedropper.eot?#iefix) format("embedded-opentype"),
    url(/webfonts/datedropper.woff) format("woff"),
    url(/webfonts/datedropper.ttf) format("truetype"),
    url(/webfonts/datedropper.svg#datedropper) format("svg");
  font-weight: 400;
  font-style: normal;
}
[class*=" pick-i-"]:before,
[class^="pick-i-"]:before {
  font-family: datedropper !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pick-i-lng:before {
  content: "\6a";
}
.pick-i-lkd:before {
  content: "\62";
}
.pick-i-ckd:before {
  content: "\65";
}
.pick-i-r:before {
  content: "\66";
}
.pick-i-l:before {
  content: "\68";
}
.pick-i-min:before {
  content: "\61";
}
.pick-i-exp:before {
  content: "\63";
}
.picker-input {
  cursor: text;
}
.picker-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99988;
  opacity: 1;
  visibility: visible;
  -webkit-transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
  -moz-transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
  -ms-transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
  -o-transition:
    opacity 0.4s ease,
    visibility 0.4s ease;
}
.picker-modal-overlay.tohide,
div.datedropper {
  opacity: 0;
  visibility: hidden;
}
div.datedropper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  line-height: 1;
  font-family: sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  margin-top: -8px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
div.datedropper:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) rotate(45deg);
  -o-transform: translateX(-50%) rotate(45deg);
  border-top-left-radius: 4px;
}
div.datedropper.picker-focus {
  opacity: 1;
  visibility: visible;
  margin-top: 8px;
}
div.datedropper.picker-modal {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  position: fixed !important;
  margin: 0 !important;
}
div.datedropper.picker-modal:before {
  display: none;
}
div.datedropper .picker {
  overflow: hidden;
}
div.datedropper .picker ul {
  margin: 0;
  padding: 0;
  list-style: none;
  cursor: pointer;
}
div.datedropper .picker ul.pick {
  position: relative;
  overflow: hidden;
  max-height: 100px;
}
div.datedropper .picker ul.pick:nth-of-type(2) {
  -webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px rgba(0, 0, 0, 0.06);
}
div.datedropper .picker ul.pick li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0.5;
  display: block;
}
div.datedropper .picker ul.pick li.pick-afr {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
}
div.datedropper .picker ul.pick li.pick-bfr {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
}
div.datedropper .picker ul.pick li.pick-sl {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  z-index: 1;
}
div.datedropper .picker ul.pick li span {
  font-size: 16px;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  bottom: 24px;
}
div.datedropper .picker ul.pick .pick-arw {
  position: absolute;
  top: 0;
  height: 100%;
  width: 25%;
  font-size: 10px;
  text-align: center;
  display: block;
  z-index: 10;
  cursor: pointer;
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
div.datedropper .picker ul.pick .pick-arw i {
  line-height: 0;
  top: 50%;
  position: relative;
  display: block;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
div.datedropper .picker ul.pick .pick-arw.pick-arw-s1:hover {
  opacity: 1;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
div.datedropper .picker ul.pick .pick-arw.pick-arw-r,
div.datedropper .picker ul.pick .pick-arw.pick-arw-r i {
  right: 0;
}
div.datedropper .picker ul.pick .pick-arw.pick-arw-l,
div.datedropper .picker ul.pick .pick-arw.pick-arw-l i {
  left: 0;
}
div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-r {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
}
div.datedropper .picker ul.pick .pick-arw.pick-arw-s2.pick-arw-l {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
}
@media only screen and (max-width: 480px) {
  div.datedropper .picker ul.pick .pick-arw {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 0.4;
  }
}
div.datedropper .picker ul.pick.pick-l,
div.datedropper .picker ul.pick.pick-m,
div.datedropper .picker ul.pick.pick-y {
  height: 60px;
  line-height: 60px;
}
div.datedropper .picker ul.pick.pick-m {
  font-size: 25px;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl,
div.datedropper .picker ul.pick.pick-y {
  font-size: 24px;
}
div.datedropper
  .picker
  ul.pick.pick-y.pick-jump
  .pick-arw.pick-arw-s1.pick-arw-r
  i {
  right: 16px;
}
div.datedropper
  .picker
  ul.pick.pick-y.pick-jump
  .pick-arw.pick-arw-s1.pick-arw-l
  i {
  left: 16px;
}
div.datedropper
  .picker
  ul.pick.pick-y.pick-jump
  .pick-arw.pick-arw-s2.pick-arw-l,
div.datedropper
  .picker
  ul.pick.pick-y.pick-jump
  .pick-arw.pick-arw-s2.pick-arw-r {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}
div.datedropper .picker ul.pick.pick-y.pick-jump .pick-arw:hover {
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6);
  -ms-transform: scale(1.6);
  -o-transform: scale(1.6);
}
div.datedropper .picker ul.pick.pick-d {
  height: 100px;
  line-height: 80px;
  font-size: 64px;
  font-weight: 700;
}
div.datedropper .picker ul.pick.pick-l {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  font-size: 18px;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(32px);
  -moz-transform: translateY(32px);
  -ms-transform: translateY(32px);
  -o-transform: translateY(32px);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
div.datedropper .picker .pick-btns .pick-btn:after,
div.datedropper .picker .pick-btns .pick-submit:after {
  font-family: datedropper !important;
  font-weight: 400 !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
div.datedropper .picker ul.pick.pick-l.visible {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
div.datedropper .picker ul.pick:hover .pick-arw {
  opacity: 0.6;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
div.datedropper .picker ul.pick.pick-d:hover,
div.datedropper .picker ul.pick.pick-y:hover {
  background-color: rgba(0, 0, 0, 0.02);
}
div.datedropper .picker .pick-lg {
  z-index: 1;
  margin: 0 auto;
  max-height: 0;
  overflow: hidden;
}
div.datedropper .picker .pick-lg.down {
  -webkit-animation: down 0.8s ease;
  animation: down 0.8s ease;
}
div.datedropper .picker .pick-lg .pick-h {
  opacity: 0.4;
}
div.datedropper .picker .pick-lg ul:after {
  content: "";
  display: table;
  clear: both;
}
div.datedropper .picker .pick-lg ul li {
  float: left;
  text-align: center;
  width: 14.285714286%;
  line-height: 36px;
  height: 36px;
  font-size: 14px;
}
div.datedropper .picker .pick-lg ul.pick-lg-h {
  padding: 0 16px;
}
div.datedropper .picker .pick-lg ul.pick-lg-b {
  padding: 16px;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li {
  cursor: pointer;
  position: relative;
  z-index: 1;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 48px;
  height: 48px;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  border-radius: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -o-transform: translate(-50%, -50%) scale(0);
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-v:hover {
  text-decoration: underline;
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-lk:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  right: 4px;
  height: 1px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
div.datedropper .picker .pick-lg ul.pick-lg-b li.pick-sl:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
}
div.datedropper .picker .pick-btns {
  margin: -1px;
  position: relative;
  z-index: 2;
  height: 56px;
}
div.datedropper .picker .pick-btns div {
  cursor: pointer;
  line-height: 0;
}
div.datedropper .picker .pick-btns .pick-submit {
  margin: 0 auto;
  width: 56px;
  height: 56px;
  line-height: 64px;
  border-radius: 56px 56px 0 0;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  position: relative;
  top: 0;
}
div.datedropper .picker .pick-btns .pick-submit:after {
  font-style: normal !important;
  line-height: 60px;
  content: "\65";
}
div.datedropper .picker .pick-btns .pick-submit:hover {
  top: 4px;
  -webkit-box-shadow:
    0 0 0 16px rgba(0, 0, 0, 0.04),
    0 0 0 8px rgba(0, 0, 0, 0.04);
  box-shadow:
    0 0 0 16px rgba(0, 0, 0, 0.04),
    0 0 0 8px rgba(0, 0, 0, 0.04);
}
div.datedropper .picker .pick-btns .pick-btn {
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: 0;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  margin: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.03);
}
div.datedropper.leaf .pick-l,
div.datedropper.primary .pick-l,
div.datedropper.vanilla .pick-l {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
div.datedropper .picker .pick-btns .pick-btn:hover {
  background: #fff;
  -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
}
div.datedropper .picker .pick-btns .pick-btn:after {
  font-style: normal !important;
  line-height: 1;
}
div.datedropper .picker .pick-btns .pick-btn.pick-btn-sz {
  right: 0;
  -webkit-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  transform-origin: right bottom;
}
div.datedropper .picker .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\63";
}
div.datedropper .picker .pick-btns .pick-btn.pick-btn-lng {
  left: 0;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
}
div.datedropper .picker .pick-btns .pick-btn.pick-btn-lng:after {
  content: "\6a";
}
div.datedropper.picker-lg {
  width: 300px !important;
}
div.datedropper.leaf,
div.datedropper.primary,
div.datedropper.vanilla {
  border-radius: 6px;
  width: 180px;
}
div.datedropper.picker-lg ul.pick.pick-d {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  max-height: 0 !important;
}
div.datedropper.picker-lg .pick-lg {
  max-height: 320px;
}
div.datedropper.picker-lg .pick-btns .pick-btn.pick-btn-sz:after {
  content: "\61";
}
@media only screen and (max-width: 480px) {
  div.datedropper.picker-lg {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    margin: 0;
  }
  div.datedropper.picker-lg:before {
    display: none;
  }
}
@-webkit-keyframes picker_locked {
  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0);
  }
}
@keyframes picker_locked {
  0%,
  100% {
    -webkit-transform: translateX(-50%) translate3d(0, 0, 0);
    -moz-transform: translateX(-50%) translate3d(0, 0, 0);
    -ms-transform: translateX(-50%) translate3d(0, 0, 0);
    -o-transform: translateX(-50%) translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(-2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(-2px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(-50%) translate3d(2px, 0, 0);
    -moz-transform: translateX(-50%) translate3d(2px, 0, 0);
    -ms-transform: translateX(-50%) translate3d(2px, 0, 0);
    -o-transform: translateX(-50%) translate3d(2px, 0, 0);
  }
}
@-webkit-keyframes picker_locked_large_mobile {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
  }
}
@keyframes picker_locked_large_mobile {
  0%,
  100% {
    -webkit-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(-2px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -moz-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -ms-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
    -o-transform: translate(-50%, -50%) translate3d(2px, 0, 0);
  }
}
div.datedropper.picker-rmbl {
  -webkit-animation: picker_locked 0.4s ease;
  animation: picker_locked 0.4s ease;
}
div.datedropper.picker-lkd .pick-submit {
  background-color: rgba(0, 0, 0, 0.04) !important;
  color: rgba(0, 0, 0, 0.2) !important;
}
div.datedropper.picker-lkd .pick-submit:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
div.datedropper.leaf .picker,
div.datedropper.primary .picker,
div.datedropper.vanilla .picker {
  border-radius: 6px;
  -webkit-box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
}
div.datedropper.picker-lkd .pick-submit:after {
  content: "\62" !important;
}
div.datedropper.picker-fxs {
  -webkit-transition:
    width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    opacity 0.2s ease,
    visibility 0.2s ease,
    margin 0.2s ease;
  -moz-transition:
    width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    opacity 0.2s ease,
    visibility 0.2s ease,
    margin 0.2s ease;
  -ms-transition:
    width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    opacity 0.2s ease,
    visibility 0.2s ease,
    margin 0.2s ease;
  -o-transition:
    width 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    opacity 0.2s ease,
    visibility 0.2s ease,
    margin 0.2s ease;
}
div.datedropper.picker-fxs ul.pick.pick-d {
  -webkit-transition:
    top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    background-color 0.4s ease;
  -moz-transition:
    top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    background-color 0.4s ease;
  -ms-transition:
    top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    background-color 0.4s ease;
  -o-transition:
    top 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    transform 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37),
    background-color 0.4s ease;
}
div.datedropper.picker-fxs ul.pick.pick-y {
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -ms-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
}
div.datedropper.picker-fxs ul.pick li {
  -webkit-transition:
    transform 0.4s ease,
    opacity 0.4s ease;
  -moz-transition:
    transform 0.4s ease,
    opacity 0.4s ease;
  -ms-transition:
    transform 0.4s ease,
    opacity 0.4s ease;
  -o-transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}
div.datedropper.picker-fxs ul.pick .pick-arw {
  -webkit-transition:
    transform 0.2s ease,
    opacity 0.2s ease;
  -moz-transition:
    transform 0.2s ease,
    opacity 0.2s ease;
  -ms-transition:
    transform 0.2s ease,
    opacity 0.2s ease;
  -o-transition:
    transform 0.2s ease,
    opacity 0.2s ease;
}
div.datedropper.picker-fxs ul.pick .pick-arw i {
  -webkit-transition:
    right 0.2s ease,
    left 0.2s ease;
  -moz-transition:
    right 0.2s ease,
    left 0.2s ease;
  -ms-transition:
    right 0.2s ease,
    left 0.2s ease;
  -o-transition:
    right 0.2s ease,
    left 0.2s ease;
}
div.datedropper.picker-fxs .pick-lg {
  -webkit-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37);
  -moz-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37);
  -ms-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37);
  -o-transition: max-height 0.8s cubic-bezier(1, -0.55, 0.2, 1.37);
}
div.datedropper.picker-fxs .pick-lg .pick-lg-b li:before {
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
}
div.datedropper.picker-fxs .pick-btns .pick-submit {
  -webkit-transition:
    top 0.2s ease,
    box-shadow 0.4s ease,
    background-color 0.4s ease;
  -moz-transition:
    top 0.2s ease,
    box-shadow 0.4s ease,
    background-color 0.4s ease;
  -ms-transition:
    top 0.2s ease,
    box-shadow 0.4s ease,
    background-color 0.4s ease;
  -o-transition:
    top 0.2s ease,
    box-shadow 0.4s ease,
    background-color 0.4s ease;
}
div.datedropper.picker-fxs .pick-btns .pick-btn {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}
@media only screen and (max-width: 480px) {
  div.datedropper.picker-rmbl.picker-lg {
    -webkit-animation: picker_locked_large_mobile 0.4s ease;
    animation: picker_locked_large_mobile 0.4s ease;
  }
  div.datedropper.picker-fxs {
    -webkit-transition:
      opacity 0.2s ease,
      visibility 0.2s ease,
      margin 0.2s ease;
    -moz-transition:
      opacity 0.2s ease,
      visibility 0.2s ease,
      margin 0.2s ease;
    -ms-transition:
      opacity 0.2s ease,
      visibility 0.2s ease,
      margin 0.2s ease;
    -o-transition:
      opacity 0.2s ease,
      visibility 0.2s ease,
      margin 0.2s ease;
  }
  div.datedropper.picker-fxs .pick-lg,
  div.datedropper.picker-fxs ul.pick.pick-d {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
  }
}
div.datedropper.vanilla .pick-lg-b .pick-sl:before,
div.datedropper.vanilla .pick-lg-h,
div.datedropper.vanilla .pick-m,
div.datedropper.vanilla .pick-submit,
div.datedropper.vanilla:before {
  background-color: #feac92;
}
div.datedropper.vanilla .pick-l,
div.datedropper.vanilla .picker,
div.datedropper.vanilla.picker-tiny .pick-m,
div.datedropper.vanilla.picker-tiny:before {
  background-color: #fff;
}
div.datedropper.vanilla .pick li span,
div.datedropper.vanilla .pick-btn,
div.datedropper.vanilla .pick-lg-b .pick-wke,
div.datedropper.vanilla .pick-y.pick-jump {
  color: #feac92;
}
div.datedropper.vanilla .pick-arw,
div.datedropper.vanilla .pick-l,
div.datedropper.vanilla .picker {
  color: #9ed7db;
}
div.datedropper.vanilla .pick-lg-b .pick-sl,
div.datedropper.vanilla .pick-lg-h,
div.datedropper.vanilla .pick-m,
div.datedropper.vanilla .pick-m .pick-arw,
div.datedropper.vanilla .pick-submit {
  color: #faf7f4;
}
div.datedropper.vanilla.picker-tiny .pick-m,
div.datedropper.vanilla.picker-tiny .pick-m .pick-arw {
  color: #9ed7db;
}
div.datedropper.leaf .pick-lg-b .pick-sl:before,
div.datedropper.leaf .pick-lg-h,
div.datedropper.leaf .pick-m,
div.datedropper.leaf .pick-submit,
div.datedropper.leaf:before {
  background-color: #1ecd80;
}
div.datedropper.leaf .pick-l,
div.datedropper.leaf .picker,
div.datedropper.leaf.picker-tiny .pick-m,
div.datedropper.leaf.picker-tiny:before {
  background-color: #fefff2;
}
div.datedropper.leaf .pick li span,
div.datedropper.leaf .pick-btn,
div.datedropper.leaf .pick-lg-b .pick-wke,
div.datedropper.leaf .pick-y.pick-jump {
  color: #1ecd80;
}
div.datedropper.leaf .pick-arw,
div.datedropper.leaf .pick-l,
div.datedropper.leaf .picker {
  color: #528971;
}
div.datedropper.leaf .pick-lg-b .pick-sl,
div.datedropper.leaf .pick-lg-h,
div.datedropper.leaf .pick-m,
div.datedropper.leaf .pick-m .pick-arw,
div.datedropper.leaf .pick-submit {
  color: #fefff2;
}
div.datedropper.leaf.picker-tiny .pick-m,
div.datedropper.leaf.picker-tiny .pick-m .pick-arw {
  color: #528971;
}
div.datedropper.primary .pick-lg-b .pick-sl:before,
div.datedropper.primary .pick-lg-h,
div.datedropper.primary .pick-m,
div.datedropper.primary .pick-submit,
div.datedropper.primary:before {
  background-color: #fd4741;
}
div.datedropper.primary .pick-l,
div.datedropper.primary .picker,
div.datedropper.primary.picker-tiny .pick-m,
div.datedropper.primary.picker-tiny:before {
  background-color: #fff;
}
div.datedropper.primary .pick li span,
div.datedropper.primary .pick-btn,
div.datedropper.primary .pick-lg-b .pick-wke,
div.datedropper.primary .pick-y.pick-jump {
  color: #fd4741;
}
div.datedropper.primary .pick-arw,
div.datedropper.primary .pick-l,
div.datedropper.primary .picker {
  color: #4d4d4d;
}
div.datedropper.primary .pick-lg-b .pick-sl,
div.datedropper.primary .pick-lg-h,
div.datedropper.primary .pick-m,
div.datedropper.primary .pick-m .pick-arw,
div.datedropper.primary .pick-submit {
  color: #fff;
}
div.datedropper.primary.picker-tiny .pick-m,
div.datedropper.primary.picker-tiny .pick-m .pick-arw {
  color: #4d4d4d;
}
div.datedropper .null {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
div.datedropper.datedropper {
  border-radius: 2px;
  width: 195px;
}
div.datedropper.datedropper .picker {
  border-radius: 2px;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.17);
}
div.datedropper.datedropper .pick-l {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
div.datedropper.datedropper .pick-lg-b .pick-sl:before,
div.datedropper.datedropper .pick-lg-h,
div.datedropper.datedropper .pick-m,
div.datedropper.datedropper .pick-submit,
div.datedropper.datedropper:before {
  background-color: #3b71c9;
}
div.datedropper.datedropper .pick-l,
div.datedropper.datedropper .picker,
div.datedropper.datedropper.picker-tiny .pick-m,
div.datedropper.datedropper.picker-tiny:before {
  background-color: #fff;
}
div.datedropper.datedropper .pick li span,
div.datedropper.datedropper .pick-btn,
div.datedropper.datedropper .pick-lg-b .pick-wke,
div.datedropper.datedropper .pick-y.pick-jump {
  color: #3b71c9;
}
div.datedropper.datedropper .pick-arw,
div.datedropper.datedropper .pick-l,
div.datedropper.datedropper .picker {
  color: #272727;
}
div.datedropper.datedropper .pick-lg-b .pick-sl,
div.datedropper.datedropper .pick-lg-h,
div.datedropper.datedropper .pick-m,
div.datedropper.datedropper .pick-m .pick-arw,
div.datedropper.datedropper .pick-submit {
  color: #fff;
}
div.datedropper.datedropper.picker-tiny .pick-m,
div.datedropper.datedropper.picker-tiny .pick-m .pick-arw {
  color: #272727;
}
div.datedropper.datedropper.picker-lkd .pick-submit {
  background-color: #fff;
  color: #272727;
}
div.datedropper.lalamba {
  border-radius: 0;
  width: 200px;
}
div.datedropper.lalamba .picker {
  border-radius: 0;
  -webkit-box-shadow: 0 0 22px 9px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 22px 9px rgba(0, 0, 0, 0.04);
}
div.datedropper.lalamba .pick-l {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.datedropper.lalamba .pick-lg-b .pick-sl:before,
div.datedropper.lalamba .pick-lg-h,
div.datedropper.lalamba .pick-m,
div.datedropper.lalamba .pick-submit,
div.datedropper.lalamba:before {
  background-color: #75d0a4;
}
div.datedropper.lalamba .pick-l,
div.datedropper.lalamba .picker,
div.datedropper.lalamba.picker-tiny .pick-m,
div.datedropper.lalamba.picker-tiny:before {
  background-color: #fff;
}
div.datedropper.lalamba .pick li span,
div.datedropper.lalamba .pick-btn,
div.datedropper.lalamba .pick-lg-b .pick-wke,
div.datedropper.lalamba .pick-y.pick-jump {
  color: #75d0a4;
}
div.datedropper.lalamba .pick-arw,
div.datedropper.lalamba .pick-l,
div.datedropper.lalamba .picker {
  color: #f04c5e;
}
div.datedropper.lalamba .pick-lg-b .pick-sl,
div.datedropper.lalamba .pick-lg-h,
div.datedropper.lalamba .pick-m,
div.datedropper.lalamba .pick-m .pick-arw,
div.datedropper.lalamba .pick-submit {
  color: #fff;
}
div.datedropper.lalamba.picker-tiny .pick-m,
div.datedropper.lalamba.picker-tiny .pick-m .pick-arw {
  color: #f04c5e;
}
div.datedropper.lalamba.picker-lkd .pick-submit {
  background-color: #fff;
  color: #f04c5e;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-variant: petite-caps;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #56ccf2;
  text-shadow: none;
}
::selection {
  background: #56ccf2;
  text-shadow: none;
}
:focus {
  outline: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
input,
textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
a {
  text-decoration: none;
}
@font-face {
  font-family: "ProximaNova";
  src:
    url(../webfonts/ProximaNova-Regular.eot?#iefix) format("embedded-opentype"),
    url(../webfonts/ProximaNova-Regular.otf) format("opentype"),
    url(../webfonts/ProximaNova-Regular.woff) format("woff"),
    url(../webfonts/ProximaNova-Regular.ttf) format("truetype"),
    url(../webfonts/ProximaNova-Regular.svg#ProximaNova-Regular) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src:
    url(../webfonts/ProximaNova-Semibold.eot?#iefix) format("embedded-opentype"),
    url(../webfonts/ProximaNova-Semibold.otf) format("opentype"),
    url(../webfonts/ProximaNova-Semibold.woff) format("woff"),
    url(../webfonts/ProximaNova-Semibold.ttf) format("truetype"),
    url(../webfonts/ProximaNova-Semibold.svg#ProximaNova-Semibold) format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ProximaNova";
  src:
    url(../webfonts/ProximaNova-Bold.eot?#iefix) format("embedded-opentype"),
    url(../webfonts/ProximaNova-Bold.otf) format("opentype"),
    url(../webfonts/ProximaNova-Bold.woff) format("woff"),
    url(../webfonts/ProximaNova-Bold.ttf) format("truetype"),
    url(../webfonts/ProximaNova-Bold.svg#ProximaNova-Bold) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bebas Neue";
  src:
    url(../webfonts/BebasNeueBold/BebasNeueBold.eot?#iefix)
      format("embedded-opentype"),
    url(../webfonts/BebasNeueBold/BebasNeueBold.otf) format("opentype"),
    url(../webfonts/BebasNeueBold/BebasNeueBold.woff) format("woff"),
    url(../webfonts/BebasNeueBold/BebasNeueBold.ttf) format("truetype"),
    url(../webfonts/BebasNeueBold/BebasNeueBold.svg#BebasNeueBold) format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Infra;
  font-style: normal;
  font-weight: 400;
  src:
    url(../webfonts/Infra/Infra-Regular.woff2) format("woff2"),
    url(../webfonts/Infra/Infra-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Infra;
  font-style: normal;
  font-weight: 700;
  src:
    url(../webfonts/Infra/Infra-Bold.woff2) format("woff2"),
    url(../webfonts/Infra/Infra-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Infra;
  font-style: normal;
  font-weight: 500;
  src:
    url(../webfonts/Infra/Infra-Medium.woff2) format("woff2"),
    url(../webfonts/Infra/Infra-Medium.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Infra;
  font-style: normal;
  font-weight: 600;
  src:
    url(../webfonts/Infra/Infra-SemiBold.woff2) format("woff2"),
    url(../webfonts/Infra/Infra-SemiBold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Infra;
  font-style: normal;
  font-weight: 100;
  src:
    url(../webfonts/Infra/Infra-Thin.woff2) format("woff2"),
    url(../webfonts/Infra/Infra-Thin.woff) format("woff");
  font-display: swap;
}
body, html {
  font: 16px ProximaNova, Helvetica, Helvetica Neue, Arial;
  cursor: default;
  font-weight: 400;
  letter-spacing: -0.4px;
  overflow: auto;  /* Default: allow scrolling and pull-to-refresh */
}

/* Only when installed as PWA (standalone mode), disable pull-to-refresh */
@media all and (display-mode: standalone) {
  body, html {
    overflow: hidden;  /* App-like behavior when installed */
  }
}
b {
  font-weight: 700;
}
.g_preloader._hide {
  opacity: 0;
}
.g_radio {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.g_radio._error + .g_label {
  color: #f04c5e !important;
}
.g_radio._error + .g_label:before {
  border-color: #f04c5e !important;
}
.g_radio:checked + .g_label {
  color: #485465;
}
.g_radio:checked + .g_label:before {
  -webkit-box-shadow: 0 2px 10px 0 #f04c5e;
  box-shadow: 0 2px 10px 0 #f04c5e;
  background-color: #f04c5e;
  border-color: #f04c5e;
}
.g_radio:checked + .g_label:after {
  -webkit-transform: none;
  transform: none;
}
.g_label {
  padding-left: 30px;
  font-size: 0.88em;
  cursor: pointer;
  padding-top: 1px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #90a4ae;
}
.g_label:hover {
  color: #667283;
}
.g_label:hover:before {
  border-color: #667283;
}
.g_label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: solid 1px rgba(72, 84, 101, 0.5);
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.g_label:after {
  background-color: #f04c5e;
  border: 2px solid #fff;
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  left: 3px;
  top: 3px;
  content: "";
  -webkit-transition: -webkit-transform 0.225s;
  transition: -webkit-transform 0.225s;
  transition: transform 0.225s;
  transition:
    transform 0.225s,
    -webkit-transform 0.225s;
  -webkit-transform: scaleZ(0) scaleY(0) scaleX(0);
  transform: scaleZ(0) scaleY(0) scaleX(0);
}
.g_input {
  position: relative;
}
.g_input small {
  display: block;
  position: absolute;
  font-size: 0.87em;
  color: rgba(72, 84, 101, 0.7);
  left: 15px;
  top: 12px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: -1;
  letter-spacing: 0.5px;
}
.g_input small._active {
  -webkit-transform: translateY(-27px) translateX(-15px);
  transform: translateY(-27px) translateX(-15px);
  font-size: 0.66rem;
}
.g_input input,
.g_input textarea {
  border: none;
  width: 100%;
  font-weight: 700;
  border: 0.063rem solid rgba(80, 73, 97, 0.2);
  background-color: rgba(207, 216, 220, 0.1);
  border-radius: 2px;
  padding: 0 15px;
  min-height: 40px;
  font-family: infra;
  border-radius: 8px;
  display: inline-block;
  color: #0b0026;
}
.g_input input:focus,
.g_input textarea:focus {
  border-color: #75d0a4;
}
.g_input input:focus + small,
.g_input textarea:focus + small {
  -webkit-transform: translateY(-27px) translateX(-15px);
  transform: translateY(-27px) translateX(-15px);
  font-size: 0.66rem;
}
.g_input input._active + small,
.g_input textarea._active + small {
  -webkit-transform: translateY(-27px) translateX(-15px);
  transform: translateY(-27px) translateX(-15px);
  font-size: 0.66rem;
}
.g_input input._error,
.g_input textarea._error {
  border-color: #f04c5e !important;
}
.g_input._textarea textarea {
  max-width: 100%;
  min-height: 70px;
  padding-top: 5px;
}
.g_input._textarea:focus {
  border-color: #75d0a4;
}
.g_input._textarea:focus + small {
  -webkit-transform: translateY(-30px) translateX(-21px) scale(0.8);
  transform: translateY(-30px) translateX(-21px) scale(0.8);
}
.g_input .alert {
  position: absolute;
  left: 0;
  top: 100%;
  color: #f04c5e;
  text-transform: lowercase;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.g_select {
  position: relative;
}
.g_select._error .g_select__head {
  border-color: #f04c5e !important;
}
.g_select._error .g_select__head small {
  border-color: #f04c5e !important;
}
.g_select:nth-of-type(1) {
  z-index: 5;
}
.g_select:nth-of-type(2) {
  z-index: 4;
}
.g_select:nth-of-type(3) {
  z-index: 3;
}
.g_select:nth-of-type(4) {
  z-index: 2;
}
.g_select:nth-of-type(5) {
  z-index: 1;
}
.g_select > input {
  position: absolute;
  -webkit-transform: scale(0.00001);
  transform: scale(0.00001);
  opacity: 0;
  visibility: hidden;
  left: 0;
  bottom: 0;
  pointer-events: none;
  z-index: -66;
}
.g_select__head {
  border: 0.063rem solid #cfd8dc;
  background-color: rgba(207, 216, 220, 0.1);
  padding: 0 15px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(72, 84, 101, 0.7);
  cursor: pointer;
  letter-spacing: 0.5px;
  font-size: 0.87em;
}
.g_select__head svg {
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.g_select__head._active svg {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.g_select__head small {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #cfd8dc;
  padding-left: 15px;
}
.g_select__body {
  position: absolute;
  width: 100%;
  border: 1px solid #cfd8dc;
  border-radius: 2px;
  z-index: 55;
  margin-bottom: 40px;
  max-height: 253px;
  overflow: auto;
  top: 100%;
  left: 0;
  margin-top: -1px;
  display: none;
  -webkit-box-shadow: 0 4px 10px -3px rgba(72, 84, 101, 0.3);
  box-shadow: 0 4px 10px -3px rgba(72, 84, 101, 0.3);
}
.g_select__body._active {
  display: block;
  z-index: 98;
}
.g_select__body._active a:nth-of-type(1) {
  -webkit-animation: down 0.12s !important;
  animation: down 0.12s !important;
}
.g_select__body._active a:nth-of-type(2) {
  -webkit-animation: down 0.24s !important;
  animation: down 0.24s !important;
}
.g_select__body._active a:nth-of-type(3) {
  -webkit-animation: down 0.36s !important;
  animation: down 0.36s !important;
}
.g_select__body._active a:nth-of-type(4) {
  -webkit-animation: down 0.48s !important;
  animation: down 0.48s !important;
}
.g_select__body._active a:nth-of-type(5) {
  -webkit-animation: down 0.6s !important;
  animation: down 0.6s !important;
}
.g_select__body._active a:nth-of-type(6) {
  -webkit-animation: down 0.72s !important;
  animation: down 0.72s !important;
}
.g_select__body._active a:nth-of-type(7) {
  -webkit-animation: down 0.84s !important;
  animation: down 0.84s !important;
}
.g_select__body._active a:nth-of-type(8) {
  -webkit-animation: down 0.96s !important;
  animation: down 0.96s !important;
}
.g_select__body._active a:nth-of-type(9) {
  -webkit-animation: down 1.08s !important;
  animation: down 1.08s !important;
}
.g_select__body._active a:nth-of-type(10) {
  -webkit-animation: down 1.2s !important;
  animation: down 1.2s !important;
}
.g_select__body._active a:nth-of-type(11) {
  -webkit-animation: down 1.32s !important;
  animation: down 1.32s !important;
}
.g_select__body._active a:nth-of-type(12) {
  -webkit-animation: down 1.44s !important;
  animation: down 1.44s !important;
}
.g_select__body._active a:nth-of-type(13) {
  -webkit-animation: down 1.56s !important;
  animation: down 1.56s !important;
}
.g_select__body._active a:nth-of-type(14) {
  -webkit-animation: down 1.68s !important;
  animation: down 1.68s !important;
}
.g_select__body._active a:nth-of-type(15) {
  -webkit-animation: down 1.8s !important;
  animation: down 1.8s !important;
}
.g_select__body._active a:nth-of-type(16) {
  -webkit-animation: down 1.92s !important;
  animation: down 1.92s !important;
}
.g_select__body._active a:nth-of-type(17) {
  -webkit-animation: down 2.04s !important;
  animation: down 2.04s !important;
}
.g_select__body._active a:nth-of-type(18) {
  -webkit-animation: down 2.16s !important;
  animation: down 2.16s !important;
}
.g_select__body._active a:nth-of-type(19) {
  -webkit-animation: down 2.28s !important;
  animation: down 2.28s !important;
}
.g_select__body._active a:nth-of-type(20) {
  -webkit-animation: down 2.4s !important;
  animation: down 2.4s !important;
}
.g_select__body._active a:nth-of-type(21) {
  -webkit-animation: down 2.52s !important;
  animation: down 2.52s !important;
}
.g_select__body._active a:nth-of-type(22) {
  -webkit-animation: down 2.64s !important;
  animation: down 2.64s !important;
}
.g_select__body._active a:nth-of-type(23) {
  -webkit-animation: down 2.76s !important;
  animation: down 2.76s !important;
}
.g_select__body._active a:nth-of-type(24) {
  -webkit-animation: down 2.88s !important;
  animation: down 2.88s !important;
}
.g_select__body._active a:nth-of-type(25) {
  -webkit-animation: down 3s !important;
  animation: down 3s !important;
}
.g_select__body._active a:nth-of-type(26) {
  -webkit-animation: down 3.12s !important;
  animation: down 3.12s !important;
}
.g_select__body._active a:nth-of-type(27) {
  -webkit-animation: down 3.24s !important;
  animation: down 3.24s !important;
}
.g_select__body._active a:nth-of-type(28) {
  -webkit-animation: down 3.36s !important;
  animation: down 3.36s !important;
}
.g_select__body._active a:nth-of-type(29) {
  -webkit-animation: down 3.48s !important;
  animation: down 3.48s !important;
}
.g_select__body._active a:nth-of-type(30) {
  -webkit-animation: down 3.6s !important;
  animation: down 3.6s !important;
}
.g_select__body._active a:nth-of-type(31) {
  -webkit-animation: down 3.72s !important;
  animation: down 3.72s !important;
}
.g_select__body._active a:nth-of-type(32) {
  -webkit-animation: down 3.84s !important;
  animation: down 3.84s !important;
}
.g_select__body._active a:nth-of-type(33) {
  -webkit-animation: down 3.96s !important;
  animation: down 3.96s !important;
}
.g_select__body::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}
.g_select__body::-webkit-scrollbar-track {
  background-color: #fdfdfd;
  border-left: 1px solid #ddd;
}
.g_select__body::-webkit-scrollbar-thumb {
  background: #cfd8dc;
  border-left: 1px solid transparent;
  border-left-color: #f2994a;
}
.g_select__body::-webkit-scrollbar-thumb:hover {
  background-color: #b2c0c6;
  border-color: #f2994a;
}
.g_select__body::-webkit-scrollbar-thumb:active {
  background-color: #94a8b1;
}
.g_select__body a {
  color: rgba(72, 84, 101, 0.7);
  font-size: 0.875rem;
  display: block;
  padding: 12px 15px;
  background-color: #fff;
}
.g_select__body a._current {
  font-weight: 700;
  color: #75d0a4;
  cursor: default;
}
.g_select__body a._current:hover {
  color: #75d0a4;
}
.g_select__body a:hover {
  color: #f04c5e;
}
.g_select__body a:not(:last-of-type) {
  border-bottom: 1px solid #cfd8dc;
}
.g_upload,
.g_upload_POSTER {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.g_upload__zone {
  background-color: #f04c5e;
  text-align: center;
  border-radius: 3px;
  padding: 15px;
  min-width: 100px;
  margin-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.g_upload__zone_thumb,
.g_upload__zone_thumb_POSTER {
  position: absolute;
  left: 0;
  z-index: 3;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid #75d0a4;
}
.g_upload__zone p {
  font-weight: 700;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.01rem;
  margin-top: 10px;
}
.g_upload__info,
.g_upload__info_POSTER {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.g_upload__info h6,
.g_upload__info_POSTER h6 {
  color: rgba(72, 84, 101, 0.7);
  margin-bottom: 7px;
  font-size: 0.75rem;
}
.g_upload__btn {
  border-radius: 0.188rem;
  border: 0.063rem solid #cfd8dc;
  background-color: rgba(207, 216, 220, 0.1);
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3px 15px;
  cursor: pointer;
  color: rgba(72, 84, 101, 0.7);
  font-size: 0.875rem;
}
.g_upload__btn:hover {
  border-color: #f04c5e;
}
.g_upload__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
  position: relative;
}
.g_upload__item:first-of-type i {
  display: none;
}
.g_upload__item_name {
  color: #485465;
  font-size: 0.805rem;
  white-space: nowrap;
  max-width: calc(100% - 70px);
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.g_upload__item > small {
  color: #485465;
  font-size: 0.675rem;
  letter-spacing: 0.002rem;
  white-space: nowrap;
  font-weight: 600;
  margin-left: auto;
}
.g_upload__item_progress {
  position: absolute;
  left: 0;
  bottom: -2px;
  height: 2px;
  background-color: #75d0a4;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.g_upload__item > i {
  font-size: 27px;
  line-height: 0.6;
  opacity: 0.5;
  font-weight: 700;
  margin-left: 15px;
  cursor: pointer;
}
.g_upload__item > i:hover {
  color: #f04c5e;
  opacity: 1;
}
.g_wrp:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}
.g_wrp__img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -2;
  -webkit-transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
  transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.g_wrp__img._current {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
}
.header {
  padding: 28px 28px 28px 30px;
  width: 100%;
  position: relative;
  z-index: 555;
  pointer-events: none;
}
.header__logo {
  pointer-events: all;
  position: relative;
  transition: all 0.2s;
}
.header__logo._active {
  margin-left: 40px;
}
.header__logo:hover tspan {
  fill: #75d0a4;
}
.header__logo:hover span {
  -webkit-transform: translateX(-66%);
  transform: translateX(-66%);
  opacity: 1;
  pointer-events: all;
  font-size: 15px;
}
.header__logo span {
  position: absolute;
  top: 100%;
  margin-top: 3px;
  left: 100%;
  font-weight: bold;
  white-space: nowrap;
  color: #56ccf2;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  -webkit-transform: translateX(-96%) translateY(-15px);
  transform: translateX(-96%) translateY(-15px);
  opacity: 0;
  pointer-events: none;
}
.header__hamb {
  margin-right: 40px;
  height: 20px;
  cursor: pointer;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition:
    transform 0.15s,
    -webkit-transform 0.15s;
  pointer-events: all;
  padding-left: 15px;
  margin-left: -15px;
}
.header__hamb:not(._close):hover span:nth-of-type(2) {
  width: 24px;
}
.header__hamb._close:hover span {
  background-color: #f04c5e;
}
.header__hamb._close span:nth-of-type(1) {
  -webkit-transform: rotate(-45deg) translate(-11px);
  transform: rotate(-45deg) translate(-11px);
}
.header__hamb._close span:nth-of-type(2) {
  width: 0;
}
.header__hamb._close span:nth-of-type(3) {
  -webkit-transform: rotate(45deg) translate(-11px);
  transform: rotate(45deg) translate(-11px);
}
.header__hamb span {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition:
    transform 0.3s,
    -webkit-transform 0.3s;
  height: 4px;
  background-color: #fff;
}
.header__hamb span:nth-of-type(1) {
  width: 24px;
}
.header__hamb span:nth-of-type(2) {
  width: 15px;
  -webkit-transition:
    width 0.15s,
    -webkit-transform 0.075s;
  transition:
    width 0.15s,
    -webkit-transform 0.075s;
  transition:
    transform 0.075s,
    width 0.15s;
  transition:
    transform 0.075s,
    width 0.15s,
    -webkit-transform 0.075s;
}
.header__hamb span:nth-of-type(3) {
  width: 24px;
}
.header .header__login {
    margin-left: auto;
    pointer-events: all;
    font-size: 0.88em;
    font-weight: 700;
    color: #fff;
    width: 177px;
    height: 40px;
    border-radius: 1px;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.header .header__login span {
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.header .header__login:hover span {
  transform: translate(0);
}
.header .header__login:after {
  content: "";
  position: absolute;
  background: #504961;
  height: 20px;
  width: 1px;
  left: 48%;
  top: 10px;
}
.header__login span {
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.header__login svg {
  width: 20px;
  margin-right: -25px;
  margin-left: 5px;
  opacity: 0;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.header__login:hover {
  border-color: #f2994a;
  color: #75d0a4;
  background-color: rgba(117, 208, 164, 0.1);
}
.header__login:hover svg {
  opacity: 1;
}
.header__login:hover span,
.header__login:hover svg {
  -webkit-transform: translateX(-12px);
  transform: translateX(-12px);
}
.header__login:hover:before {
  opacity: 1;
}
.header__user {
  margin-left: auto;
  cursor: pointer;
  pointer-events: all;
  height: 43px;
}
.header__user_pop:hover .header__user_name {
  color: #75d0a4;
}
.header__user_pop:hover .header__user_img {
  border-color: #f04c5e;
}
.header__user_logout:hover path:first-of-type {
  fill: #f04c5e;
}
.header__user_logout:hover path:last-of-type {
  fill: #75d0a4;
}
.header__user_img {
  width: 35px;
  height: 35px;
  border: 2px solid #75d0a4;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.s_text {
  max-width: 1135px;
  margin-top: auto;
  padding-top: 9vh;
  width: 100%;
}
.s_text__info_ico {
  margin-right: 10px;
  width: 18px;
  margin-bottom: 5px;
  min-height: 20px;
}
.s_text__info_ico span {
  width: 2px;
  background-color: #fff;
  border-radius: 12px;
  margin-bottom: -1px;
}
.s_text__info_ico span:nth-of-type(1) {
  -webkit-animation: play 0.375s infinite;
  animation: play 0.375s infinite;
}
.s_text__info_ico span:nth-of-type(2) {
  -webkit-animation: play 0.75s infinite;
  animation: play 0.75s infinite;
}
.s_text__info_ico span:nth-of-type(3) {
  -webkit-animation: play 1.125s infinite;
  animation: play 1.125s infinite;
}
.s_text__info_ico span:nth-of-type(4) {
  -webkit-animation: play 1.5s infinite;
  animation: play 1.5s infinite;
}
.s_text__info_ico span:nth-of-type(5) {
  -webkit-animation: play 1.875s infinite;
  animation: play 1.875s infinite;
}
.s_text__info_ico span:nth-of-type(1) {
  height: 13px;
}
.s_text__info_ico span:nth-of-type(2) {
  height: 7px;
}
.s_text__info_ico span:nth-of-type(3) {
  height: 9px;
}
.s_text__info_ico span:nth-of-type(4) {
  height: 17px;
}
.s_text__info_ico span:nth-of-type(5) {
  height: 9px;
}
.s_text__info_ico.paused span {
  -webkit-animation: none !important;
  animation: none !important;
}
.s_text__info_now p {
  font-size: 0.88em;
  font-weight: 400 !important;
  color: #fff;
}
.s_text__info_numRight {
  position: absolute;
  width: 3px;
  height: 100%;
  border-radius: 3px;
  right: 0;
  top: 0;
}
.s_text__info_num:hover .s_text__info_tooltip {
  opacity: 1;
  -webkit-transform: translateY(-10px);
  transform: translateY(-12px);
}
.s_text__info_tooltip p {
  margin-bottom: 2px;
}
.s_text__info_tooltip .info_tool {
  display: inline;
  margin: 0 15px;
  font-family: infra;
  font-weight: 700;
}
.s_text__info_tooltip span {
  color: #56ccf2;
  font-weight: 700;
}
.s_text__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 0.7em;
}
.s_text h1 {
  font-size: 52px;
  font-weight: 700;
  letter-spacing: -1.5px;
  color: #fff;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.s_text h1:hover {
  color: #75d0a4;
}
.s_text h1:hover small {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.s_text h1:hover span {
  color: #fff;
}
.s_btns {
  margin-top: auto;
  margin-bottom: 10vh;
  -webkit-transition: -webkit-transform 0.375s;
  transition: -webkit-transform 0.375s;
  transition: transform 0.375s;
  transition:
    transform 0.375s,
    -webkit-transform 0.375s;
  flex-wrap: wrap;
}
.s_btns .s_text__tags {
  width: 100%;
  justify-content: center;
  margin-bottom: 40px;
}
.s_btns .s_text__tags a {
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  display: flex;
  align-items: center;
  letter-spacing: -0.4px;
  color: #fff;
  padding: 5px 20px;
  margin: 0 10px;
  border-radius: 12px;
  position: relative;
  z-index: 0;
  width: auto;
  height: auto;
}
.s_btns .s_text__tags > a:hover:not(.play_event) {
  background-color: #75d0a4cf;
  border-color: #56ccf2;
}
.s_text__tags .orange {
  background: linear-gradient(180deg, #f2994a 0%, #f07f1a 100%);
}
.s_text__tags .fiolet {
  background: linear-gradient(180deg, #9b51e0 0%, #8933da 100%);
}
.s_text__tags .green {
  background: #6fcf97;
}
.s_text__tags .bluesky {
  background: #56ccf2;
}
.s_text__tags a:after {
  opacity: 0;
  filter: blur(15px);
  border-radius: 8px;
  left: -2px;
  right: -2px;
  top: 40%;
  height: 38px;
  content: "";
  position: absolute;
  top: 50%;
  transition: all 0.3s ease;
  z-index: -1;
}
.s_text__tags .orange:after {
  background: linear-gradient(180deg, #f2994a 0%, #f07f1a 100%);
}
.s_text__tags .fiolet:after {
  background: #9b51e0;
}
.s_text__tags .green:after {
  background: #6fcf97;
}
.s_text__tags .bluesky:after {
  background: #56ccf2;
}
.s_text__tags a:hover:after {
  opacity: 0.5;
}
.s_btns > a {
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 50%;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}
.s_btns > a:hover:not(.play_event) {
  background-color: rgba(117, 208, 164, 0.1);
  border-color: #75d0a4;
}
.s_btns > a:hover:not(.play_event) i {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.s_btns a:hover:not(.play_event) path:last-of-type {
  fill: #75d0a4;
}
.s_btns a:hover small {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.s_btns a.play_event i {
  width: auto;
  font-size: 0;
}
.s_btns .repeat {
  display: none;
}
.s_btns .repeat:hover svg path {
  stroke: #75d0a4;
  fill: none !important;
}
.s_btns .repeat.active svg path {
  stroke: #f04c5e;
  fill: none;
}
.s_btns .repeat.active {
  background: #fff;
}
.s_btns a.play_event:hover {
  border-color: #75d0a4;
}
.s_btns a.play_event.paused {
  background-color: #75d0a4;
}
.s_btns .triangle-1 {
  border-left: 14px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 0;
  -webkit-transform: translate(1px, 0px) !important;
  transform: translate(1px, 0px) !important;
}
.s_btns a.play_event.paused .play-button {
  -webkit-transform: translateX(1px);
  transform: translateX(1px);
  width: 14px;
}
.s_btns a.play_event img {
  position: relative;
  z-index: 2;
}
.s_btns a.play_event.paused img {
  display: none;
}
.s_btns a.play_event.paused:hover {
  border-color: #f04c5e;
}
.s_btns a i {
  margin-top: -1px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.s_btns a._outline circle,
.s_btns a._outline text {
  -webkit-transition: 0.075s;
  transition: 0.075s;
}
.s_btns a._outline:hover text {
  fill: #f04c5e;
}
.s_btns a._outline:hover circle {
  stroke: #f04c5e;
}
.s_btns .repeat.repeat_active:hover {
  background-color: #fff;
}
.s_btns .repeat.repeat_active:hover path {
  fill: none !important;
  stroke: #f04c5e;
}
.s_btns .repeat.repeat_active path {
  fill: none !important;
  stroke: #f04c5e;
}
.s_btns .repeat:hover path {
  fill: #75d0a4;
}
.s_btns__like {
  position: relative;
}
.s_btns__like:hover .s_btns__like_tooltip {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.s_btns__like_tooltip {
  position: absolute;
  font-size: 0.9rem;
  bottom: 115%;
  left: 0;
  text-align: center;
  color: #75d0a4;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  font-weight: 400;
  opacity: 0;
  pointer-events: none;
  -webkit-transition:
    opacity 0.15s,
    -webkit-transform 0.3s;
  transition:
    opacity 0.15s,
    -webkit-transform 0.3s;
  transition:
    transform 0.3s,
    opacity 0.15s;
  transition:
    transform 0.3s,
    opacity 0.15s,
    -webkit-transform 0.3s;
}
.s_btns__like_tooltip b {
  font-weight: 700;
  color: #f04c5e;
}
.s_btns__like_tooltip span {
  color: #f04c5e;
  font-weight: 700;
}
.footer {
  padding: 0 32px;
  width: 100%;
}
.footer__volume {
  overflow: hidden;
  -webkit-transition: width 0.18s;
  transition: width 0.18s;
  width: 29px;
}
.footer__volume i {
  margin-bottom: -3px;
}
.footer__volume.footer__event_helper {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.footer__volume._active {
  width: 143px;
}
.footer__volume._active path:first-of-type {
  fill: #75d0a4;
}
.footer__volume._active .rangeslider__handle:hover {
  background-color: #75d0a4;
}
.footer__volume_range {
  min-width: 100px;
  margin-top: 2px;
  margin-left: 15px;
}
.footer__social {
  padding: 13px 20px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.footer__social._active {
  -webkit-transform: translateX(75px);
  transform: translateX(75px);
}
.footer__social a {
  display: inline-block;
  border-radius: 50%;
}
.footer__social a path {
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.footer__social a:hover circle {
  fill: #75d0a4;
}
.footer__social a:hover path {
  fill: #56ccf2;
}
.footer__social svg {
  width: 30px;
}
.footer__event_helper {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.menu._active {
  -webkit-transform: none;
  transform: none;
}
.menu._active .menu__filter_item:nth-of-type(1) {
  -webkit-animation: down 0.12s !important;
  animation: down 0.12s !important;
}
.menu._active .menu__filter_item:nth-of-type(2) {
  -webkit-animation: down 0.24s !important;
  animation: down 0.24s !important;
}
.menu._active .menu__filter_item:nth-of-type(3) {
  -webkit-animation: down 0.36s !important;
  animation: down 0.36s !important;
}
.menu._active .menu__filter_item:nth-of-type(4) {
  -webkit-animation: down 0.48s !important;
  animation: down 0.48s !important;
}
.menu._active .menu__filter_item:nth-of-type(5) {
  -webkit-animation: down 0.6s !important;
  animation: down 0.6s !important;
}
.menu._active .menu__filter_item:nth-of-type(6) {
  -webkit-animation: down 0.72s !important;
  animation: down 0.72s !important;
}
.menu._active .menu__filter_item:nth-of-type(7) {
  -webkit-animation: down 0.84s !important;
  animation: down 0.84s !important;
}
.menu._active .menu__filter_item:nth-of-type(8) {
  -webkit-animation: down 0.96s !important;
  animation: down 0.96s !important;
}
.menu._active .menu__filter_item:nth-of-type(9) {
  -webkit-animation: down 1.08s !important;
  animation: down 1.08s !important;
}
.menu._active .menu__filter_item:nth-of-type(10) {
  -webkit-animation: down 1.2s !important;
  animation: down 1.2s !important;
}
.menu._active .menu__filter_item:nth-of-type(11) {
  -webkit-animation: down 1.32s !important;
  animation: down 1.32s !important;
}
.menu._active .menu__filter_item:nth-of-type(12) {
  -webkit-animation: down 1.44s !important;
  animation: down 1.44s !important;
}
.menu._active .menu__filter_item:nth-of-type(13) {
  -webkit-animation: down 1.56s !important;
  animation: down 1.56s !important;
}
.menu._active .menu__filter_item:nth-of-type(14) {
  -webkit-animation: down 1.68s !important;
  animation: down 1.68s !important;
}
.menu._active .menu__filter_item:nth-of-type(15) {
  -webkit-animation: down 1.8s !important;
  animation: down 1.8s !important;
}
.menu._active .menu__filter_item:nth-of-type(16) {
  -webkit-animation: down 1.92s !important;
  animation: down 1.92s !important;
}
.menu._active .menu__filter_item:nth-of-type(17) {
  -webkit-animation: down 2.04s !important;
  animation: down 2.04s !important;
}
.menu._active .menu__filter_item:nth-of-type(18) {
  -webkit-animation: down 2.16s !important;
  animation: down 2.16s !important;
}
.menu._active .menu__filter_item:nth-of-type(19) {
  -webkit-animation: down 2.28s !important;
  animation: down 2.28s !important;
}
.menu._active .menu__filter_item:nth-of-type(20) {
  -webkit-animation: down 2.4s !important;
  animation: down 2.4s !important;
}
.menu._active .menu__filter_item:nth-of-type(21) {
  -webkit-animation: down 2.52s !important;
  animation: down 2.52s !important;
}
.menu._active .menu__filter_item:nth-of-type(22) {
  -webkit-animation: down 2.64s !important;
  animation: down 2.64s !important;
}
.menu._active .menu__filter_item:nth-of-type(23) {
  -webkit-animation: down 2.76s !important;
  animation: down 2.76s !important;
}
.menu._active .menu__filter_item:nth-of-type(24) {
  -webkit-animation: down 2.88s !important;
  animation: down 2.88s !important;
}
.menu._active .menu__filter_item:nth-of-type(25) {
  -webkit-animation: down 3s !important;
  animation: down 3s !important;
}
.menu._active .menu__filter_item:nth-of-type(26) {
  -webkit-animation: down 3.12s !important;
  animation: down 3.12s !important;
}
.menu._active .menu__filter_item:nth-of-type(27) {
  -webkit-animation: down 3.24s !important;
  animation: down 3.24s !important;
}
.menu._active .menu__filter_item:nth-of-type(28) {
  -webkit-animation: down 3.36s !important;
  animation: down 3.36s !important;
}
.menu._active .menu__filter_item:nth-of-type(29) {
  -webkit-animation: down 3.48s !important;
  animation: down 3.48s !important;
}
.menu._active .menu__filter_item:nth-of-type(30) {
  -webkit-animation: down 3.6s !important;
  animation: down 3.6s !important;
}
.menu._active .menu__filter_item:nth-of-type(31) {
  -webkit-animation: down 3.72s !important;
  animation: down 3.72s !important;
}
.menu._active .menu__filter_item:nth-of-type(32) {
  -webkit-animation: down 3.84s !important;
  animation: down 3.84s !important;
}
.menu._active .menu__filter_item:nth-of-type(33) {
  -webkit-animation: down 3.96s !important;
  animation: down 3.96s !important;
}
.menu__body {
  padding-top: 120px;
}
.menu__body .header__hamb {
  left: 25px;
  top: 42px;
}
.header .header__hamb._close {
  display: block;
}
.menu__tabs {
  padding: 0 30px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.menu__tabs_item {
  font-size: 0.75em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 600;
  letter-spacing: 0.5px;
  position: relative;
  font-family: infra;
}
.menu__tabs_item:before {
  content: "";
  height: 1px;
  width: 0;
  position: absolute;
  bottom: -16px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  pointer-events: none;
  left: 0;
  background-color: #f04c5e;
}
.menu__tabs_item._current {
  color: #fff;
  font-family: infra;
}
.menu__tabs_item._current:before {
  width: 100%;
  height: 4px;
}
.menu__tabs_item:hover {
  color: rgba(255, 255, 255, 0.78);
}
.menu__tabs_item:hover:before {
  width: 100%;
}
.menu__filter {
  padding: 30px;
  display: none;
  position: relative;
  max-height: 0;
  align-content: center;
}
.menu__filter._current {
  display: block;
}
.menu__filter_item:not(:last-of-type) {
  margin-bottom: 25px;
}
.menu__filter_item input[type="checkbox"] {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.menu__filter_item input[type="checkbox"]:checked + label {
  color: #fff;
}
.menu__filter_item input[type="checkbox"]:checked + label:before {
  background-image: radial-gradient(circle, #64dd9e, #64dd9e);
  border-radius: 3px
}
.menu__filter_item input[type="checkbox"]:checked + label:after {
  -webkit-transform: none;
  transform: none;
}
.menu__filter_item label {
  padding-left: 30px;
  font-size: 0.88em;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: rgba(255, 255, 255, 0.5);
}
.menu__filter_item label:hover {
  color: #fff;
}
.menu__filter_item label:hover:before {
  border-color: #fff;
  -webkit-transition: 0;
  transition: 0;
}
.menu__filter_item label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 10px;
  height: 10px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 3px;
}
.menu__bot {
  margin-top: auto;
  position: relative;
  z-index: 99;
}
.menu__bot_upload {
  background-color: transparent;
  overflow: hidden;
  margin-top: 0;
  position: relative;
  z-index: 5;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 42px;
  color: #fff;
  width: 190px;
  height: 40px;
  border-radius: 3px;
  text-transform: uppercase;
  background-color: #75d0a4;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}
.menu__bot_upload:before {
  content: "";
  position: absolute;
  background-image: url(../img/ico/upload.svg);
  width: 15px;
  height: 24px;
  background-repeat: no-repeat;
  top: 12px;
  left: 10px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.menu__bot_upload small {
  display: inline-block;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  margin-left: 35px;
  padding-top: 2px;
}
.menu__bot_upload:after {
  content: "";
  height: 70px;
  width: 70px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #f04c5e;
  position: absolute;
  left: 0;
  margin-left: -84px;
  margin-top: -35px;
  top: 50%;
  z-index: -1;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.menu__bot_upload:hover:before {
  left: 14px;
}
.menu__bot_upload:hover:after {
  margin-left: -40px;
}
.menu__bot_upload:hover small {
  -webkit-transform: translateX(15px);
  transform: translateX(15px);
}
.menu__now {
  background-color: #171e27;
  min-height: 62px;
  cursor: pointer;
}
.menu__now:hover p {
  color: #75d0a4;
}
.menu__now:hover p b {
  color: #f04c5e;
}
.menu__now:hover .s_text__info_ico span:nth-of-type(2n) {
  background-color: #f04c5e;
}
.menu__now:hover .s_text__info_ico span:nth-of-type(2n + 1) {
  background-color: #75d0a4;
}
.menu__now_img {
  width: 62px;
  height: 62px;
  min-width: 62px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.menu__now_txt {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-left: 15px;
  margin-right: 15px;
}
.menu__now_txt__ico {
  margin-right: 15px;
  min-height: 16px;
}
.menu__now_txt p {
  font-size: 0.88em;
  color: #fff;
}
.menu__panel {
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.menu__panel a {
  cursor: pointer;
}
.menu__panel a:not(:last-of-type) {
  margin-bottom: 20px;
}
.menu__panel a i {
  min-width: 28px;
  text-align: center;
  margin-right: 5px;
  margin-left: 3px;
}
.menu__panel a span {
  font-size: 0.88em;
  color: rgba(255, 255, 255, 0.48);
  font-weight: 600;
}
.menu__panel a:hover .a {
  fill: #fff;
}
.menu__panel a:hover g {
  opacity: 1;
}
.menu__panel a:hover span {
  color: #fff;
}
.rating,
.playlist {
  background-color: #485465;
  position: absolute;
  width: calc(100% - 325px);
  z-index: 5;
  right: 0;
  height: 100%;
  top: 0;
  display: none;
}
.rating._active,
.playlist._active {
  display: block;
}
.rating._active tr:nth-of-type(1),
.playlist._active tr:nth-of-type(1) {
  -webkit-animation: down 0.12s;
  animation: down 0.12s;
}
.rating._active tr:nth-of-type(2),
.playlist._active tr:nth-of-type(2) {
  -webkit-animation: down 0.24s;
  animation: down 0.24s;
}
.rating._active tr:nth-of-type(3),
.playlist._active tr:nth-of-type(3) {
  -webkit-animation: down 0.36s;
  animation: down 0.36s;
}
.rating._active tr:nth-of-type(4),
.playlist._active tr:nth-of-type(4) {
  -webkit-animation: down 0.48s;
  animation: down 0.48s;
}
.rating._active tr:nth-of-type(5),
.playlist._active tr:nth-of-type(5) {
  -webkit-animation: down 0.6s;
  animation: down 0.6s;
}
.rating._active tr:nth-of-type(6),
.playlist._active tr:nth-of-type(6) {
  -webkit-animation: down 0.72s;
  animation: down 0.72s;
}
.rating._active tr:nth-of-type(7),
.playlist._active tr:nth-of-type(7) {
  -webkit-animation: down 0.84s;
  animation: down 0.84s;
}
.rating._active tr:nth-of-type(8),
.playlist._active tr:nth-of-type(8) {
  -webkit-animation: down 0.96s;
  animation: down 0.96s;
}
.rating._active tr:nth-of-type(9),
.playlist._active tr:nth-of-type(9) {
  -webkit-animation: down 1.08s;
  animation: down 1.08s;
}
.rating._active tr:nth-of-type(10),
.playlist._active tr:nth-of-type(10) {
  -webkit-animation: down 1.2s;
  animation: down 1.2s;
}
.rating._active tr:nth-of-type(11),
.playlist._active tr:nth-of-type(11) {
  -webkit-animation: down 1.32s;
  animation: down 1.32s;
}
.rating._active tr:nth-of-type(12),
.playlist._active tr:nth-of-type(12) {
  -webkit-animation: down 1.44s;
  animation: down 1.44s;
}
.rating._active tr:nth-of-type(13),
.playlist._active tr:nth-of-type(13) {
  -webkit-animation: down 1.56s;
  animation: down 1.56s;
}
.rating._active tr:nth-of-type(14),
.playlist._active tr:nth-of-type(14) {
  -webkit-animation: down 1.68s;
  animation: down 1.68s;
}
.rating._active tr:nth-of-type(15),
.playlist._active tr:nth-of-type(15) {
  -webkit-animation: down 1.8s;
  animation: down 1.8s;
}
.rating._active tr:nth-of-type(16),
.playlist._active tr:nth-of-type(16) {
  -webkit-animation: down 1.92s;
  animation: down 1.92s;
}
.rating._active tr:nth-of-type(17),
.playlist._active tr:nth-of-type(17) {
  -webkit-animation: down 2.04s;
  animation: down 2.04s;
}
.rating._active tr:nth-of-type(18),
.playlist._active tr:nth-of-type(18) {
  -webkit-animation: down 2.16s;
  animation: down 2.16s;
}
.rating._active tr:nth-of-type(19),
.playlist._active tr:nth-of-type(19) {
  -webkit-animation: down 2.28s;
  animation: down 2.28s;
}
.rating._active tr:nth-of-type(20),
.playlist._active tr:nth-of-type(20) {
  -webkit-animation: down 2.4s;
  animation: down 2.4s;
}
.rating._active tr:nth-of-type(21),
.playlist._active tr:nth-of-type(21) {
  -webkit-animation: down 2.52s;
  animation: down 2.52s;
}
.rating._active tr:nth-of-type(22),
.playlist._active tr:nth-of-type(22) {
  -webkit-animation: down 2.64s;
  animation: down 2.64s;
}
.rating._active tr:nth-of-type(23),
.playlist._active tr:nth-of-type(23) {
  -webkit-animation: down 2.76s;
  animation: down 2.76s;
}
.rating._active tr:nth-of-type(24),
.playlist._active tr:nth-of-type(24) {
  -webkit-animation: down 2.88s;
  animation: down 2.88s;
}
.rating._active tr:nth-of-type(25),
.playlist._active tr:nth-of-type(25) {
  -webkit-animation: down 3s;
  animation: down 3s;
}
.rating._active tr:nth-of-type(26),
.playlist._active tr:nth-of-type(26) {
  -webkit-animation: down 3.12s;
  animation: down 3.12s;
}
.rating._active tr:nth-of-type(27),
.playlist._active tr:nth-of-type(27) {
  -webkit-animation: down 3.24s;
  animation: down 3.24s;
}
.rating._active tr:nth-of-type(28),
.playlist._active tr:nth-of-type(28) {
  -webkit-animation: down 3.36s;
  animation: down 3.36s;
}
.rating._active tr:nth-of-type(29),
.playlist._active tr:nth-of-type(29) {
  -webkit-animation: down 3.48s;
  animation: down 3.48s;
}
.rating._active tr:nth-of-type(30),
.playlist._active tr:nth-of-type(30) {
  -webkit-animation: down 3.6s;
  animation: down 3.6s;
}
.rating._active tr:nth-of-type(31),
.playlist._active tr:nth-of-type(31) {
  -webkit-animation: down 3.72s;
  animation: down 3.72s;
}
.rating._active tr:nth-of-type(32),
.playlist._active tr:nth-of-type(32) {
  -webkit-animation: down 3.84s;
  animation: down 3.84s;
}
.rating._active tr:nth-of-type(33),
.playlist._active tr:nth-of-type(33) {
  -webkit-animation: down 3.96s;
  animation: down 3.96s;
}
.rating__head,
.playlist__head {
  padding: 40px 45px;
}
.rating__head a,
.playlist__head a {
  font-size: 1.13em;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  font-weight: 600;
  z-index: 5555;
  cursor: pointer;
}
.rating__head a:before,
.playlist__head a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: -38px;
  left: 0;
  background-color: #56ccf2;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.rating__head a:hover:before,
.playlist__head a:hover:before {
  width: 100%;
  height: 1px;
}
.rating__head a._current,
.playlist__head a._current {
  color: #fff;
  cursor: default;
}
.rating__head a._current:before,
.playlist__head a._current:before {
  height: 4px;
  width: 100%;
}
.rating__head a:not(:last-of-type),
.playlist__head a:not(:last-of-type) {
  margin-right: 60px;
}
.rating__table,
.playlist__table {
  width: 100%;
  margin-top: 47px;
  display: none;
}
.rating__table._current,
.playlist__table._current {
  display: table;
}
.rating__table_wrp,
.playlist__table_wrp {
  position: relative;
  display: block;
  overflow: auto;
}
.rating__table_wrp .no-tracks,
.playlist__table_wrp .no-tracks {
  text-align: center !important;
}
.rating__table thead,
.playlist__table thead {
  border-radius: 1px;
  background-color: #3b4758;
  position: fixed;
  top: 101px;
  width: calc(100% - 325px);
  right: 0;
  z-index: 55;
}
.rating__table thead th,
.playlist__table thead th {
  font-size: 1.1em;
  height: 49px;
  color: rgba(255, 255, 255, 0.5);
  text-align: left;
  cursor: pointer;
}
.rating__table thead th:hover,
.playlist__table thead th:hover {
  color: #56ccf2;
}
.rating__table thead th:hover span:before,
.rating__table thead th:hover span:after,
.playlist__table thead th:hover span:before,
.playlist__table thead th:hover span:after {
  border-bottom-color: #f2994a;
  border-top-color: #f2994a;
}
.rating__table thead th.headerSortUp span:before,
.playlist__table thead th.headerSortUp span:before {
  opacity: 0;
}
.rating__table thead th.headerSortUp span:after,
.playlist__table thead th.headerSortUp span:after {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}
.rating__table thead th.headerSortDown span:after,
.playlist__table thead th.headerSortDown span:after {
  opacity: 0;
}
.rating__table thead th.headerSortDown span:before,
.playlist__table thead th.headerSortDown span:before {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.rating__table thead th span,
.playlist__table thead th span {
  position: relative;
}
.rating__table thead th span:before,
.playlist__table thead th span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid rgba(255, 255, 255, 0.5);
  right: -17px;
  bottom: 2px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.rating__table thead th span:after,
.playlist__table thead th span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid rgba(255, 255, 255, 0.5);
  right: -17px;
  top: 2px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.rating__table tbody tr,
.playlist__table tbody tr {
  border-bottom: 1px solid rgba(239, 239, 239, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 0;
}
.rating__table tbody tr:hover,
.playlist__table tbody tr:hover {
  -webkit-box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.15);
  position: relative;
}
.rating__table tbody tr:hover td:nth-of-type(1) .play-button,
.playlist__table tbody tr:hover td:nth-of-type(1) .play-button {
  -webkit-transform: none;
  transform: none;
}
.rating__table tbody tr:hover td:nth-of-type(1) > span,
.playlist__table tbody tr:hover td:nth-of-type(1) > span {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.rating__table tbody tr._active,
.playlist__table tbody tr._active {
  background-color: #75d0a4;
}
.rating__table tbody tr._active td:nth-of-type(1) .play-button,
.playlist__table tbody tr._active td:nth-of-type(1) .play-button {
  -webkit-transform: none;
  transform: none;
}
.rating__table tbody tr._active td:nth-of-type(1) > span,
.playlist__table tbody tr._active td:nth-of-type(1) > span {
  -webkit-transform: scale(0);
  transform: scale(0);
}
.rating__table tbody td,
.playlist__table tbody td {
  vertical-align: middle;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.rating__table th.t_number,
.rating__table td.t_number,
.playlist__table th.t_number,
.playlist__table td.t_number {
  min-width: 6%;
  padding-left: 1.5vw;
  position: relative;
}
.rating__table th.t_number > span,
.rating__table td.t_number > span,
.playlist__table th.t_number > span,
.playlist__table td.t_number > span {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
}
.rating__table th.t_number .play-button,
.rating__table td.t_number .play-button,
.playlist__table th.t_number .play-button,
.playlist__table td.t_number .play-button {
  position: absolute;
  left: 1.5vw;
  top: -1px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.15s;
  transition: 0.15s;
  cursor: pointer;
}
.rating__table th.t_number .triangle-1,
.rating__table th.t_number .triangle-2,
.rating__table td.t_number .triangle-1,
.rating__table td.t_number .triangle-2,
.playlist__table th.t_number .triangle-1,
.playlist__table th.t_number .triangle-2,
.playlist__table td.t_number .triangle-1,
.playlist__table td.t_number .triangle-2 {
  border-right-color: #485465;
}
.rating__table th.t_img,
.rating__table td.t_img,
.playlist__table th.t_img,
.playlist__table td.t_img {
  min-width: 88px;
  max-width: 88px;
}
.rating__table th.t_track,
.rating__table td.t_track,
.playlist__table th.t_track,
.playlist__table td.t_track {
  min-width: 23%;
  max-width: 23%;
  padding-right: 20px;
}
.rating__table th.t_artist,
.rating__table td.t_artist,
.playlist__table th.t_artist,
.playlist__table td.t_artist {
  min-width: 19%;
  max-width: 19%;
  padding-right: 20px;
}
.rating__table th.t_genre,
.rating__table td.t_genre,
.playlist__table th.t_genre,
.playlist__table td.t_genre {
  min-width: 10%;
  max-width: 10%;
  padding-right: 20px;
}
.rating__table th.t_lang,
.rating__table td.t_lang,
.playlist__table th.t_lang,
.playlist__table td.t_lang {
  min-width: 11%;
  max-width: 11%;
  padding-right: 20px;
}
.rating__table th.t_mood,
.rating__table td.t_mood,
.playlist__table th.t_mood,
.playlist__table td.t_mood {
  min-width: 12%;
  max-width: 12%;
  padding-right: 20px;
}
.rating__table th.t_rank,
.rating__table td.t_rank,
.playlist__table th.t_rank,
.playlist__table td.t_rank {
  min-width: 8%;
  max-width: 8%;
  padding-right: 20px;
}
.rating__table th.t_rank small,
.rating__table td.t_rank small,
.playlist__table th.t_rank small,
.playlist__table td.t_rank small {
  font-size: 0.1em;
  visibility: hidden;
  color: transparent;
  position: absolute;
  left: -99999px;
}
.rating__table th.t_del,
.rating__table td.t_del,
.playlist__table th.t_del,
.playlist__table td.t_del {
  margin-right: 1.4vw;
  margin-left: auto;
}
.rating__table th.t_del._active path,
.rating__table td.t_del._active path,
.playlist__table th.t_del._active path,
.playlist__table td.t_del._active path {
  fill: #f04c5e;
  stroke-width: 1px;
}
.rating__table th.t_del svg,
.rating__table td.t_del svg,
.playlist__table th.t_del svg,
.playlist__table td.t_del svg {
  cursor: pointer;
  width: 22px;
  height: auto;
}
.rating__table th.t_del:hover path,
.rating__table td.t_del:hover path,
.playlist__table th.t_del:hover path,
.playlist__table td.t_del:hover path {
  fill: #f04c5e;
  opacity: 1;
}
.rating__table th.t_del .t_action__shuffle path,
.rating__table td.t_del .t_action__shuffle path,
.playlist__table th.t_del .t_action__shuffle path,
.playlist__table td.t_del .t_action__shuffle path {
  fill: #fff;
}
.rating__table th .t_action,
.rating__table td .t_action,
.playlist__table th .t_action,
.playlist__table td .t_action {
  position: relative;
}
.rating__table th .t_action__shuffle,
.rating__table td .t_action__shuffle,
.playlist__table th .t_action__shuffle,
.playlist__table td .t_action__shuffle {
  padding: 7px 10px;
  background-color: rgba(117, 208, 164, 0.1);
  border-radius: 3px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.rating__table th .t_action__shuffle_tooltip,
.rating__table td .t_action__shuffle_tooltip,
.playlist__table th .t_action__shuffle_tooltip,
.playlist__table td .t_action__shuffle_tooltip {
  position: absolute;
  bottom: 100%;
  white-space: nowrap;
  margin-bottom: 5px;
  font-size: 0.78rem;
  line-height: 12px;
  width: 100px;
  z-index: 9;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.rating__table th .t_action__shuffle._active,
.rating__table td .t_action__shuffle._active,
.playlist__table th .t_action__shuffle._active,
.playlist__table td .t_action__shuffle._active {
  background-color: #f04c5e;
}
.rating__table th .t_action__shuffle._active g,
.rating__table td .t_action__shuffle._active g,
.playlist__table th .t_action__shuffle._active g,
.playlist__table td .t_action__shuffle._active g {
  fill: #fff;
}
.rating__table th .t_action__edit,
.rating__table td .t_action__edit,
.playlist__table th .t_action__edit,
.playlist__table td .t_action__edit {
  cursor: pointer;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
  margin-right: 10px;
}
.rating__table th .t_action__del,
.rating__table td .t_action__del,
.playlist__table th .t_action__del,
.playlist__table td .t_action__del {
  cursor: pointer;
}
.rating__table th .t_action__del:hover path,
.rating__table td .t_action__del:hover path,
.playlist__table th .t_action__del:hover path,
.playlist__table td .t_action__del:hover path {
  fill: #f04c5e;
  opacity: 1;
}
.rating__table th.t_action,
.rating__table td.t_action,
.playlist__table th.t_action,
.playlist__table td.t_action {
  position: relative;
  margin-left: auto;
  margin-right: 1.4vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 60px;
  max-width: 60px;
  gap: 8px;
}
.rating__table th.t_action:hover .t_action__shuffle_tooltip,
.rating__table td.t_action:hover .t_action__shuffle_tooltip,
.playlist__table th.t_action:hover .t_action__shuffle_tooltip,
.playlist__table td.t_action:hover .t_action__shuffle_tooltip {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  color: rgba(255, 255, 255, 0.5);
}
.rating__table th.t_expl,
.rating__table td.t_expl,
.playlist__table th.t_expl,
.playlist__table td.t_expl {
  min-width: 6%;
  max-width: 6%;
  color: rgba(255, 255, 255, 0.5);
}
.rating__table th.t_added,
.rating__table td.t_added,
.playlist__table th.t_added,
.playlist__table td.t_added {
  padding-left: 2.5%;
  max-width: 10.6%;
  min-width: 10.6%;
}
.rating__table td,
.playlist__table td {
  font-size: 1em;
  color: #fff;
}
.rating__table td:first-of-type,
.playlist__table td:first-of-type {
  font-size: 0.88em;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}
.rating__table td:nth-of-type(3),
.playlist__table td:nth-of-type(3) {
  font-weight: 600;
}
.rating__table_img,
.playlist__table_img {
  width: 68px;
  height: 46px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.rating__table_my th.t_track,
.rating__table_my td.t_track,
.playlist__table_my th.t_track,
.playlist__table_my td.t_track {
  min-width: 15%;
  max-width: 15%;
}
.rating__table_my th.t_artist,
.rating__table_my td.t_artist,
.playlist__table_my th.t_artist,
.playlist__table_my td.t_artist {
  min-width: 13%;
  max-width: 13%;
}
.rating__table_my th.t_lang,
.rating__table_my td.t_lang,
.playlist__table_my th.t_lang,
.playlist__table_my td.t_lang {
  min-width: 12%;
  max-width: 12%;
}
.rating__btn,
.playlist__btn {
  display: none;
}
.rating {
  width: 100% !important;
  z-index: 559 !important;
}
.rating__close {
  font-size: 3.2em;
  line-height: 0.6;
  color: #f2994a;
  margin-left: auto;
  margin-right: 20px;
  cursor: pointer;
  font-weight: 700;
  position: absolute;
  top: 38px;
  right: 31px;
  z-index: 9;
}
.rating__close:hover {
  color: #75d0a4;
}
.rating__head {
  position: relative;
}
.rating__head a:not(:last-of-type) {
  margin-right: 2.5vw;
}
.rating__table thead {
  width: 100%;
}
.rating__table th.t_track,
.rating__table td.t_track {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  max-width: 38%;
  min-width: 25%;
  padding-right: 20px;
  margin-right: auto;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition:
    opacity 0.45s,
    visibility 0.6s;
  transition:
    opacity 0.45s,
    visibility 0.6s;
}
.overlay._visible {
  visibility: visible;
  opacity: 0.6;
  pointer-events: all;
  -webkit-transform: none;
  transform: none;
}
.popup {
  position: absolute;
  top: 0;
  z-index: 9999;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 20px 0 #485465;
  box-shadow: 0 3px 20px 0 #485465;
  border-radius: 3px;
  visibility: hidden;
  max-width: 100%;
  opacity: 0;
  display: none;
}
.popup._visible {
  display: block;
  visibility: visible;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  left: 50%;
}
.popup._visible {
    max-height: 85vh !important;
    top: 50% !important;
    margin: 0 !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    overflow-y: auto;
    overflow-x: hidden;
	border-radius: 8px;
}
.popup ._close_pop {
  font-size: 34px;
  line-height: 0.6;
  opacity: 0.5;
  font-weight: 700;
  cursor: pointer;
}
.popup_report .popup__btn {
  margin: auto;
}
.popup_lalamba ._close_pop,
.popup_like ._close_pop,
.popup_likeLimit ._close_pop,
.popup_ua ._close_pop,
.popup_about ._close_pop,
.popup_privacy_policy ._close_pop,
.popup_help_text ._close_pop {
  position: absolute;
  top: 0;
  right: -30px;
  color: #f2994a;
  font-weight: 700;
  opacity: 1;
}
.popup ._close_pop:hover {
  color: #75d0a4;
  opacity: 1;
}
.popup_report {
  width: 265px;
  padding: 22px 32px 25px;
  max-height: 95vh !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  left: 50% !important;
  margin: 0 !important;
}
.popup_report form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.popup_report._visible .g_label:nth-of-type(1) {
  -webkit-animation: down 0.12s;
  animation: down 0.12s;
}
.popup_report._visible .g_label:nth-of-type(2) {
  -webkit-animation: down 0.24s;
  animation: down 0.24s;
}
.popup_report._visible .g_label:nth-of-type(3) {
  -webkit-animation: down 0.36s;
  animation: down 0.36s;
}
.popup_report._visible .g_label:nth-of-type(4) {
  -webkit-animation: down 0.48s;
  animation: down 0.48s;
}
.popup_report._visible .g_label:nth-of-type(5) {
  -webkit-animation: down 0.6s;
  animation: down 0.6s;
}
.popup_report._visible .g_label:nth-of-type(6) {
  -webkit-animation: down 0.72s;
  animation: down 0.72s;
}
.popup_report._visible .g_label:nth-of-type(7) {
  -webkit-animation: down 0.84s;
  animation: down 0.84s;
}
.popup_report._visible .g_label:nth-of-type(8) {
  -webkit-animation: down 0.96s;
  animation: down 0.96s;
}
.popup_report._visible .g_label:nth-of-type(9) {
  -webkit-animation: down 1.08s;
  animation: down 1.08s;
}
.popup_report._visible .g_label:nth-of-type(10) {
  -webkit-animation: down 1.2s;
  animation: down 1.2s;
}
.popup_report._visible .g_label:nth-of-type(11) {
  -webkit-animation: down 1.32s;
  animation: down 1.32s;
}
.popup_report._visible .g_label:nth-of-type(12) {
  -webkit-animation: down 1.44s;
  animation: down 1.44s;
}
.popup_report._visible .g_label:nth-of-type(13) {
  -webkit-animation: down 1.56s;
  animation: down 1.56s;
}
.popup_report._visible .g_label:nth-of-type(14) {
  -webkit-animation: down 1.68s;
  animation: down 1.68s;
}
.popup_report._visible .g_label:nth-of-type(15) {
  -webkit-animation: down 1.8s;
  animation: down 1.8s;
}
.popup_report._visible .g_label:nth-of-type(16) {
  -webkit-animation: down 1.92s;
  animation: down 1.92s;
}
.popup_report._visible .g_label:nth-of-type(17) {
  -webkit-animation: down 2.04s;
  animation: down 2.04s;
}
.popup_report._visible .g_label:nth-of-type(18) {
  -webkit-animation: down 2.16s;
  animation: down 2.16s;
}
.popup_report._visible .g_label:nth-of-type(19) {
  -webkit-animation: down 2.28s;
  animation: down 2.28s;
}
.popup_report._visible .g_label:nth-of-type(20) {
  -webkit-animation: down 2.4s;
  animation: down 2.4s;
}
.popup_report._visible .g_label:nth-of-type(21) {
  -webkit-animation: down 2.52s;
  animation: down 2.52s;
}
.popup_report._visible .g_label:nth-of-type(22) {
  -webkit-animation: down 2.64s;
  animation: down 2.64s;
}
.popup_report._visible .g_label:nth-of-type(23) {
  -webkit-animation: down 2.76s;
  animation: down 2.76s;
}
.popup_report._visible .g_label:nth-of-type(24) {
  -webkit-animation: down 2.88s;
  animation: down 2.88s;
}
.popup_report._visible .g_label:nth-of-type(25) {
  -webkit-animation: down 3s;
  animation: down 3s;
}
.popup_report._visible .g_label:nth-of-type(26) {
  -webkit-animation: down 3.12s;
  animation: down 3.12s;
}
.popup_report._visible .g_label:nth-of-type(27) {
  -webkit-animation: down 3.24s;
  animation: down 3.24s;
}
.popup_report._visible .g_label:nth-of-type(28) {
  -webkit-animation: down 3.36s;
  animation: down 3.36s;
}
.popup_report._visible .g_label:nth-of-type(29) {
  -webkit-animation: down 3.48s;
  animation: down 3.48s;
}
.popup_report._visible .g_label:nth-of-type(30) {
  -webkit-animation: down 3.6s;
  animation: down 3.6s;
}
.popup_report._visible .g_label:nth-of-type(31) {
  -webkit-animation: down 3.72s;
  animation: down 3.72s;
}
.popup_report._visible .g_label:nth-of-type(32) {
  -webkit-animation: down 3.84s;
  animation: down 3.84s;
}
.popup_report._visible .g_label:nth-of-type(33) {
  -webkit-animation: down 3.96s;
  animation: down 3.96s;
}
.popup_report__head {
  margin-bottom: 30px;
}
.popup_report__head h3 {
  color: #485465;
  font-size: 1.25em;
  line-height: 1;
}
.popup_report__head ._close_pop {
  color: #485465;
  margin-bottom: -3px;
  margin-right: -10px;
}
.popup_report__options .g_label {
  display: block;
}
.popup_report__options .g_label:not(:last-of-type) {
  margin-bottom: 20px;
}
.popup_report__options ._textarea {
  border-radius: 3px;
  border: solid 1px transparent;
  width: 100%;
  max-width: 100%;
  padding: 0 15px;
  font-size: 0.75em;
  height: 0;
  max-height: 0;
  -webkit-transition:
    padding 0.3s,
    border 0.45s,
    margin-top 0.15s;
  transition:
    padding 0.3s,
    border 0.45s,
    margin-top 0.15s;
  visibility: hidden;
}
.popup_report__options ._textarea._visible {
  display: block;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  visibility: visible;
  min-height: 80px;
  margin-top: 15px !important;
  max-height: 299px;
  border-color: rgba(144, 164, 174, 0.2);
}
.popup_user,
.popup_login {
  width: 405px;
}
.popup_user._visible .g_input:nth-of-type(1),
.popup_login._visible .g_input:nth-of-type(1) {
  -webkit-animation: down 0.12s;
  animation: down 0.12s;
}
.popup_user._visible .g_input:nth-of-type(2),
.popup_login._visible .g_input:nth-of-type(2) {
  -webkit-animation: down 0.24s;
  animation: down 0.24s;
}
.popup_user._visible .g_input:nth-of-type(3),
.popup_login._visible .g_input:nth-of-type(3) {
  -webkit-animation: down 0.36s;
  animation: down 0.36s;
}
.popup_user._visible .g_input:nth-of-type(4),
.popup_login._visible .g_input:nth-of-type(4) {
  -webkit-animation: down 0.48s;
  animation: down 0.48s;
}
.popup_user._visible .g_input:nth-of-type(5),
.popup_login._visible .g_input:nth-of-type(5) {
  -webkit-animation: down 0.6s;
  animation: down 0.6s;
}
.popup_user._visible .g_input:nth-of-type(6),
.popup_login._visible .g_input:nth-of-type(6) {
  -webkit-animation: down 0.72s;
  animation: down 0.72s;
}
.popup_user._visible .g_input:nth-of-type(7),
.popup_login._visible .g_input:nth-of-type(7) {
  -webkit-animation: down 0.84s;
  animation: down 0.84s;
}
.popup_user._visible .g_input:nth-of-type(8),
.popup_login._visible .g_input:nth-of-type(8) {
  -webkit-animation: down 0.96s;
  animation: down 0.96s;
}
.popup_user._visible .g_input:nth-of-type(9),
.popup_login._visible .g_input:nth-of-type(9) {
  -webkit-animation: down 1.08s;
  animation: down 1.08s;
}
.popup_user._visible .g_input:nth-of-type(10),
.popup_login._visible .g_input:nth-of-type(10) {
  -webkit-animation: down 1.2s;
  animation: down 1.2s;
}
.popup_user._visible .g_input:nth-of-type(11),
.popup_login._visible .g_input:nth-of-type(11) {
  -webkit-animation: down 1.32s;
  animation: down 1.32s;
}
.popup_user._visible .g_input:nth-of-type(12),
.popup_login._visible .g_input:nth-of-type(12) {
  -webkit-animation: down 1.44s;
  animation: down 1.44s;
}
.popup_user._visible .g_input:nth-of-type(13),
.popup_login._visible .g_input:nth-of-type(13) {
  -webkit-animation: down 1.56s;
  animation: down 1.56s;
}
.popup_user._visible .g_input:nth-of-type(14),
.popup_login._visible .g_input:nth-of-type(14) {
  -webkit-animation: down 1.68s;
  animation: down 1.68s;
}
.popup_user._visible .g_input:nth-of-type(15),
.popup_login._visible .g_input:nth-of-type(15) {
  -webkit-animation: down 1.8s;
  animation: down 1.8s;
}
.popup_user._visible .g_input:nth-of-type(16),
.popup_login._visible .g_input:nth-of-type(16) {
  -webkit-animation: down 1.92s;
  animation: down 1.92s;
}
.popup_user._visible .g_input:nth-of-type(17),
.popup_login._visible .g_input:nth-of-type(17) {
  -webkit-animation: down 2.04s;
  animation: down 2.04s;
}
.popup_user._visible .g_input:nth-of-type(18),
.popup_login._visible .g_input:nth-of-type(18) {
  -webkit-animation: down 2.16s;
  animation: down 2.16s;
}
.popup_user._visible .g_input:nth-of-type(19),
.popup_login._visible .g_input:nth-of-type(19) {
  -webkit-animation: down 2.28s;
  animation: down 2.28s;
}
.popup_user._visible .g_input:nth-of-type(20),
.popup_login._visible .g_input:nth-of-type(20) {
  -webkit-animation: down 2.4s;
  animation: down 2.4s;
}
.popup_user._visible .g_input:nth-of-type(21),
.popup_login._visible .g_input:nth-of-type(21) {
  -webkit-animation: down 2.52s;
  animation: down 2.52s;
}
.popup_user._visible .g_input:nth-of-type(22),
.popup_login._visible .g_input:nth-of-type(22) {
  -webkit-animation: down 2.64s;
  animation: down 2.64s;
}
.popup_user._visible .g_input:nth-of-type(23),
.popup_login._visible .g_input:nth-of-type(23) {
  -webkit-animation: down 2.76s;
  animation: down 2.76s;
}
.popup_user._visible .g_input:nth-of-type(24),
.popup_login._visible .g_input:nth-of-type(24) {
  -webkit-animation: down 2.88s;
  animation: down 2.88s;
}
.popup_user._visible .g_input:nth-of-type(25),
.popup_login._visible .g_input:nth-of-type(25) {
  -webkit-animation: down 3s;
  animation: down 3s;
}
.popup_user._visible .g_input:nth-of-type(26),
.popup_login._visible .g_input:nth-of-type(26) {
  -webkit-animation: down 3.12s;
  animation: down 3.12s;
}
.popup_user._visible .g_input:nth-of-type(27),
.popup_login._visible .g_input:nth-of-type(27) {
  -webkit-animation: down 3.24s;
  animation: down 3.24s;
}
.popup_user._visible .g_input:nth-of-type(28),
.popup_login._visible .g_input:nth-of-type(28) {
  -webkit-animation: down 3.36s;
  animation: down 3.36s;
}
.popup_user._visible .g_input:nth-of-type(29),
.popup_login._visible .g_input:nth-of-type(29) {
  -webkit-animation: down 3.48s;
  animation: down 3.48s;
}
.popup_user._visible .g_input:nth-of-type(30),
.popup_login._visible .g_input:nth-of-type(30) {
  -webkit-animation: down 3.6s;
  animation: down 3.6s;
}
.popup_user._visible .g_input:nth-of-type(31),
.popup_login._visible .g_input:nth-of-type(31) {
  -webkit-animation: down 3.72s;
  animation: down 3.72s;
}
.popup_user._visible .g_input:nth-of-type(32),
.popup_login._visible .g_input:nth-of-type(32) {
  -webkit-animation: down 3.84s;
  animation: down 3.84s;
}
.popup_user._visible .g_input:nth-of-type(33),
.popup_login._visible .g_input:nth-of-type(33) {
  -webkit-animation: down 3.96s;
  animation: down 3.96s;
}
.popup_user ._close_pop,
.popup_login ._close_pop {
  position: absolute;
  top: 0;
  right: -30px;
  color: #fff;
  font-weight: 400;
  opacity: 1;
}
.popup_user__head_item,
.popup_login__head_item {
  width: 50%;
  height: 53px;
  padding-top: 6px;
  font-size: 1.06em;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase;
  color: #9ba9bc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgba(155, 169, 188, 0.2);
  border-bottom: 1px solid rgba(155, 169, 188, 0.33);
}
.popup_user__head_item:first-of-type,
.popup_login__head_item:first-of-type {
  border-right: 1px solid rgba(155, 169, 188, 0.33);
  border-top-left-radius: 3px;
}
.popup_user__head_item:last-of-type,
.popup_login__head_item:last-of-type {
  border-top-right-radius: 3px;
}
.popup_user__head_item span:before,
.popup_login__head_item span:before {
  -webkit-transition: 0.225s;
  transition: 0.225s;
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  height: 2px;
  background-color: #75d0a4;
}
.popup_user__head_item:hover span,
.popup_login__head_item:hover span {
  position: relative;
  color: #75d0a4;
}
.popup_user__head_item:hover span:before,
.popup_login__head_item:hover span:before {
  width: 100%;
}
.popup_user__head_item._current,
.popup_login__head_item._current {
  color: #485465;
  cursor: default;
  background-color: #fff;
  pointer-events: none;
}
.popup_user__options,
.popup_login__options {
  border-bottom: 1px solid rgba(155, 169, 188, 0.2);
  padding: 20px 25px 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.popup_user__options .g_label,
.popup_login__options .g_label {
  font-weight: 600;
  color: #485465;
  font-size: 0.95rem;
  letter-spacing: 0.033rem;
}
.popup_user__options .g_label:not(:last-of-type),
.popup_login__options .g_label:not(:last-of-type) {
  margin-right: 20px;
}
.popup_user__options_artist,
.popup_login__options_artist {
  display: none;
}
.popup_user__options_artist > :not(:last-child),
.popup_login__options_artist > :not(:last-child) {
  margin-bottom: 30px;
}
.popup_user__options_artist._visible,
.popup_login__options_artist._visible {
  display: block;
}
.popup_user__options_artist._visible > :nth-child(1),
.popup_login__options_artist._visible > :nth-child(1) {
  -webkit-animation: down 0.12s;
  animation: down 0.12s;
}
.popup_user__options_artist._visible > :nth-child(2),
.popup_login__options_artist._visible > :nth-child(2) {
  -webkit-animation: down 0.24s;
  animation: down 0.24s;
}
.popup_user__options_artist._visible > :nth-child(3),
.popup_login__options_artist._visible > :nth-child(3) {
  -webkit-animation: down 0.36s;
  animation: down 0.36s;
}
.popup_user__tab,
.popup_login__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none !important;
}
.popup_user__tab._current,
.popup_login__tab._current {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.popup_user h6,
.popup_login h6 {
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 0.8em;
  color: #90a4ae;
  margin-bottom: 30px;
  margin-top: -15px;
}
.popup_user h6 a,
.popup_login h6 a {
  color: #485465;
  font-weight: 700;
  cursor: pointer;
}
.popup_user h6 a:hover,
.popup_login h6 a:hover {
  color: #75d0a4;
}
.popup_user__share a,
.popup_login__share a {
  cursor: pointer;
}
.popup_user__share a path,
.popup_login__share a path {
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
.popup_user__share a:hover circle,
.popup_login__share a:hover circle {
  fill: #75d0a4;
}
.popup_user__share a:hover path,
.popup_login__share a:hover path {
  fill: #f04c5e;
}
.popup_user__share svg,
.popup_login__share svg {
  width: 35px;
  margin-right: 17px;
}
.zeroMarginRight {
  margin-right: 0 !important;
}
.popup_lalamba,
.popup_help_text,
.popup_like,
.popup_likeLimit,
.popup_ua,
.popup_about,
.popup_privacy_policy {
  width: 605px;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(2),
.popup_help_text._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(2),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(2),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(2),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(2),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(2) {
  -webkit-animation: down 0.24s;
  animation: down 0.24s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(3),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(3),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(3),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(3),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(3) {
  -webkit-animation: down 0.36s;
  animation: down 0.36s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(4),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(4),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(4),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(4),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(4) {
  -webkit-animation: down 0.48s;
  animation: down 0.48s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(5),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(5),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(5),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(5),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(5) {
  -webkit-animation: down 0.6s;
  animation: down 0.6s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(6),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(6),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(6),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(6),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(6) {
  -webkit-animation: down 0.72s;
  animation: down 0.72s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(7),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(7),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(7),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(7),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(7) {
  -webkit-animation: down 0.84s;
  animation: down 0.84s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(8),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(8),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(8),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(8),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(8) {
  -webkit-animation: down 0.96s;
  animation: down 0.96s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(9),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(9),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(9),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(9),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(9) {
  -webkit-animation: down 1.08s;
  animation: down 1.08s;
}
.popup_lalamba._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(10),
.popup_like._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(10),
.popup_likeLimit._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(10),
.popup_ua._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(10),
.popup_about._visible .popup_about__txt:not(.ps-scrollbar-y):nth-child(10) {
  -webkit-animation: down 1.2s;
  animation: down 1.2s;
}
.popup_lalamba ._close_pop,
.popup_help_text ._close_pop,
.popup_like ._close_pop,
.popup_likeLimit ._close_pop,
.popup_ua ._close_pop,
.popup_about ._close_pop,
.popup_privacy_policy ._close_pop {
  position: absolute;
  top: 0;
  right: -30px;
  color: #fff;
  font-weight: 400;
  opacity: 1;
}
.popup_lalamba h2,
.popup_help_text h2,
.popup_like h2,
.popup_likeLimit h2,
.popup_ua h2,
.popup_about h2,
.popup_privacy_policy h2 {
  height: 75px;
  font-size: 1.06em;
  font-weight: 700;
  text-transform: uppercase;
  color: #485465;
  -webkit-box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.2);
}
.popup_lalamba__img,
.popup_help_text__img,
.popup_like__img,
.popup_likeLimit__img,
.popup_ua__img,
.popup_about__img {
  height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: -25px -25px 20px;
}
.popup_lalamba__txt,
.popup_help_text__txt,
.popup_like__txt,
.popup_likeLimit__txt,
.popup_ua__txt,
.popup_about__txt {
  padding: 25px;
  max-height: 525px;
  position: relative;
}
.popup_lalamba__txt:hover.ps-container > .ps-scrollbar-y-rail,
.popup_like__txt:hover.ps-container > .ps-scrollbar-y-rail,
.popup_likeLimit__txt:hover.ps-container > .ps-scrollbar-y-rail,
.popup_ua__txt:hover.ps-container > .ps-scrollbar-y-rail,
.popup_about__txt:hover.ps-container > .ps-scrollbar-y-rail {
  border-left-color: #ccc !important;
}
.popup_lalamba__txt:hover.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.popup_like__txt:hover.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.popup_likeLimit__txt:hover.ps-container
  > .ps-scrollbar-y-rail
  > .ps-scrollbar-y,
.popup_ua__txt:hover.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.popup_about__txt:hover.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #444;
}
.popup_lalamba__txt h3,
.popup_like__txt h3,
.popup_likeLimit__txt h3,
.popup_ua__txt h3,
.popup_about__txt h3 {
  font-size: 1.06em;
  color: #f04c5e;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.popup_lalamba__txt h4,
.popup_like__txt h4,
.popup_likeLimit__txt h4,
.popup_ua__txt h4,
.popup_about__txt h4 {
  font-size: 1.06em;
  color: #485465;
  font-weight: 700;
  margin-bottom: 10px;
}
.popup_lalamba__txt a,
.popup_like__txt a,
.popup_likeLimit__txt a,
.popup_ua__txt a,
.popup_about__txt a {
  border-bottom: 2px solid #75d0a4;
  color: #75d0a4;
}
.popup_lalamba__txt a:hover,
.popup_like__txt a:hover,
.popup_likeLimit__txt a:hover,
.popup_ua__txt a:hover,
.popup_about__txt a:hover {
  color: #f04c5e;
}
.popup_lalamba__txt h5,
.popup_like__txt h5,
.popup_likeLimit__txt h5,
.popup_ua__txt h5,
.popup_about__txt h5 {
  font-size: 0.95em;
  color: #f04c5e;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.popup_lalamba__txt h5 span,
.popup_like__txt h5 span,
.popup_likeLimit__txt h5 span,
.popup_ua__txt h5 span,
.popup_about__txt h5 span {
  color: #75d0a4;
}
.popup_lalamba__txt strong,
.popup_lalamba__txt b,
.popup_like__txt strong,
.popup_like__txt b,
.popup_likeLimit__txt strong,
.popup_likeLimit__txt b,
.popup_ua__txt strong,
.popup_ua__txt b,
.popup_about__txt strong,
.popup_about__txt b {
  font-weight: 700;
}
.popup_lalamba__txt p,
.popup_like__txt p,
.popup_likeLimit__txt p,
.popup_ua__txt p,
.popup_about__txt p {
  font-size: 0.94em;
  line-height: 1.32;
  color: #90a4ae;
  margin-bottom: 20px;
}
.popup_lalamba__txt ul,
.popup_like__txt ul,
.popup_likeLimit__txt ul,
.popup_ua__txt ul,
.popup_about__txt ul {
  margin-bottom: 30px;
}
.popup_lalamba__txt ul li,
.popup_like__txt ul li,
.popup_likeLimit__txt ul li,
.popup_ua__txt ul li,
.popup_about__txt ul li {
  font-size: 0.94em;
  color: #485465;
  position: relative;
  padding-left: 15px;
}
.popup_lalamba__txt ul li:before,
.popup_like__txt ul li:before,
.popup_likeLimit__txt ul li:before,
.popup_ua__txt ul li:before,
.popup_about__txt ul li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #75d0a4;
}
.popup_lalamba__txt ul li:not(:last-of-type),
.popup_like__txt ul li:not(:last-of-type),
.popup_likeLimit__txt ul li:not(:last-of-type),
.popup_ua__txt ul li:not(:last-of-type),
.popup_about__txt ul li:not(:last-of-type) {
  margin-bottom: 10px;
}
.popup_ua {
  z-index: 10002;
}
.popup_ua ._close_pop {
  right: 8px;
  top: 8px;
  color: #485465;
}
.popup_message {
  position: fixed;
  right: 10px;
  bottom: 10px;
  max-width: 430px;
  z-index: 10050;
  pointer-events: none;
}
.popup_message__item {
  pointer-events: all;
  padding: 0 25px;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  max-height: 0;
  overflow: hidden;
  transition: 0.15s;
}
.popup_message__item._visible {
  padding: 21px 25px 20px;
  max-height: 150px;
  margin-top: 15px;
}
.popup_message__item._red {
  background-color: #f04c5e;
}
.popup_message__item._green {
  background-color: #75d0a4;
}
.popup_message__item._blue {
  background-color: #4a90e2;
}
.popup_message__item._white {
  background-color: #fff;
}
.popup_message__item._white h6 {
  color: #0b0026;
}
.popup_message__item._white .popup_message__item_close {
  color: #0b0026 !important;
}
.popup_message__item h6 {
  margin-right: auto;
  font-weight: 700;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.025rem;
}
.popup_message__item i {
  margin-right: 20px;
}
.popup_message__item_close {
  position: static;
  color: #fff;
  font-weight: 400;
  opacity: 1;
  font-size: 46px;
  line-height: 0.5;
  margin-bottom: -5px;
  margin-left: 20px;
  cursor: pointer;
}
.popup_message__item_close:hover {
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
}
.popup_message__item.copied__popup {
  background: #ff585b;
  border-radius: 4px;
  color: #fff;
  padding: 8px 20px;
  display: inline-flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
}
.popup_message__item.copied__popup._visible {
  opacity: 1;
  visibility: visible;
}
.popup_message__item.copied__popup .popup_message__item_close {
  font-size: 0;
  height: 12px;
  width: 12px;
  margin-bottom: 0;
}
.popup_message__item.copied__popup h6 {
  color: #fff;
}
.popup_like,
.popup_likeLimit {
  width: 415px;
  text-align: center;
  padding: 20px 45px 40px;
}
.popup_like h3,
.popup_likeLimit h3 {
  color: #485465;
  margin-bottom: 15px;
}
.popup_like h4,
.popup_likeLimit h4 {
  font-weight: 700;
  color: #75d0a4;
  font-size: 1.063rem;
  text-transform: uppercase;
}
.popup_like__copy,
.popup_likeLimit__copy {
  color: #4a90e2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  font-size: 1rem;
}
.popup_like__copy._copy,
.popup_likeLimit__copy._copy {
  pointer-events: none;
}
.popup_like__copy._copy small,
.popup_likeLimit__copy._copy small {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 1;
}
.popup_like__copy i,
.popup_likeLimit__copy i {
  margin-left: 20px;
  cursor: pointer;
  margin-right: -30px;
  position: relative;
}
.popup_like__copy:hover,
.popup_likeLimit__copy:hover {
  color: #75d0a4;
}
.popup_like__copy:hover i path,
.popup_likeLimit__copy:hover i path {
  fill: #f04c5e;
}
.popup_like__copy:hover i polygon,
.popup_likeLimit__copy:hover i polygon {
  fill: #75d0a4;
}
.popup_like__copy:hover i rect,
.popup_likeLimit__copy:hover i rect {
  fill: #4a90e2;
}
.popup_like__copy:hover span,
.popup_likeLimit__copy:hover span {
  border-color: #f04c5e;
}
.popup_like__copy small,
.popup_likeLimit__copy small {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  padding-top: 1px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
  -webkit-transition: 0.225s;
  transition: 0.225s;
}
.popup_like__copy span,
.popup_likeLimit__copy span {
  border-bottom: 1px solid #75d0a4;
}
.popup_like__txt,
.popup_likeLimit__txt {
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}
.popup_like .popup__btn,
.popup_likeLimit .popup__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup_like .popup__btn svg,
.popup_likeLimit .popup__btn svg {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  margin-right: 15px;
  margin-left: -10px;
}
.popup_like .popup__btn:hover svg,
.popup_like .popup__btn:hover span,
.popup_likeLimit .popup__btn:hover svg,
.popup_likeLimit .popup__btn:hover span {
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
}
.popup__btn {
  min-width: 120px;
  border-radius: 3px;
  background-color: #56ccf2;
  border: none;
  height: 50px;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 600;
  color: #fff;
  font-size: 0.875rem;
  text-transform: uppercase;
  padding-top: 2px;
  margin-left: auto;
  cursor: pointer;
}
.popup__btn._outline {
  background: none;
  color: #485465;
  border: 2px solid #e0e6ef;
}
.popup__btn._outline:hover {
  background-color: #f04c5e;
  border-color: #f04c5e;
}
.popup__btn._outline:hover span {
  -webkit-transform: none;
  transform: none;
  color: #fff;
}
.popup__btn svg {
  margin-top: -2px;
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0);
  margin-right: -16px;
  opacity: 0;
  -webkit-transition:
    opacity 0.15s,
    -webkit-transform 0.15s;
  transition:
    opacity 0.15s,
    -webkit-transform 0.15s;
  transition:
    opacity 0.15s,
    transform 0.15s;
  transition:
    opacity 0.15s,
    transform 0.15s,
    -webkit-transform 0.15s;
}
.popup__btn span {
  display: inline-block;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}
.popup__btn:hover {
  background-color: #75d0a4;
}
.popup__btn:hover svg {
  opacity: 1;
  -webkit-transform: translate3d(-7px, 0, 0);
  transform: translate3d(-7px, 0, 0);
}
.popup__btn:hover span {
  -webkit-transform: translateX(-10px) translateZ(0);
  transform: translateX(-10px) translateZ(0);
}
.popup_user {
  text-align: center;
}
.popup_user__img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.popup_user h5 {
  font-weight: 700;
  margin-bottom: 5px;
}
.popup_user h5 + .g_input {
  margin-top: 25px;
}
.popup_user .g_label {
  margin-top: 15px;
  display: block;
  text-align: left;
  margin-bottom: 35px;
}
.popup_user .g_upload {
  margin-top: 20px;
  text-align: left;
}
.popup_user .g_upload__zone {
  min-width: 130px;
  height: 130px;
}
.popup_user .g_upload h6 {
  margin-bottom: 5px;
  margin-top: 0;
}
.popup_user .popup__fields .g_upload__info {
  width: 200px;
}
.popup_user .popup__fields:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  font-size: 2rem;
  color: #ccc;
  z-index: -5;
  background-color: rgba(117, 208, 164, 0.39);
  opacity: 0;
}
.popup_user .popup__btn {
  margin-left: 0;
}
.popup_user .popup__btn._outline {
  margin-left: auto;
  margin-right: 20px;
}
.popup_user__form {
  position: relative;
}
.popup_user__form._over .popup__fields:before {
  z-index: 5;
  opacity: 1;
}
.popup_still,
.popup_freeLimit,
.popup_wrongCategory {
  width: 405px;
  padding: 45px 30px 30px;
  text-align: center;
}
.popup_still h4,
.popup_freeLimit h4,
.popup_wrongCategory h4 {
  font-weight: 700;
  color: #485465;
  font-size: 1.063rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.popup_still ._close_pop,
.popup_freeLimit ._close_pop,
.popup_wrongCategory ._close_pop {
  position: absolute;
  top: 0;
  right: -30px;
  color: #fff;
  font-weight: 400;
  opacity: 1;
}
.popup_still .popup__btn,
.popup_freeLimit .popup__btn,
.popup_wrongCategory .popup__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.popup_reset {
  padding: 40px 25px 20px;
  width: 405px;
}
.popup_reset h4 {
  font-weight: 700;
  color: #485465;
  font-size: 1.063rem;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}
.popup_reset ._close_pop {
  position: absolute;
  top: 0;
  right: -30px;
  color: #fff;
  font-weight: 400;
  opacity: 1;
}
.popup_reset p {
  line-height: 1.4;
  font-weight: 400;
  color: #485465;
  font-size: 0.875rem;
  margin-bottom: 40px;
  text-align: center;
}
.popup_reset__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
.popup_reset__form .g_input {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  margin-right: -1px;
}
.popup_reset__form .g_input input {
  border-right: none;
}
.popup_reset__form .popup__btn {
  height: 40px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.popup_reset .popup__outline {
  color: #485465;
  font-size: 0.8rem;
  border: 1px solid #f04c5e;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}
.popup_reset .popup__outline b {
  color: #f04c5e;
}
.popup__fields {
  padding: 35px 25px 5px;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 60vh;
  border-bottom: 1px solid #cfd8dc;
}
.popup__fields::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.popup__fields::-webkit-scrollbar-track {
  background-color: #fff;
  border-left: 1px solid rgba(155, 169, 188, 0.2);
}
.popup__fields::-webkit-scrollbar-thumb {
  background: #f2994a;
  border-left: 1px solid transparent;
  border-left-color: #fff;
}
.popup__fields::-webkit-scrollbar-thumb:hover {
  background-color: #75d0a4;
  border-color: #75d0a4;
}
.popup__fields::-webkit-scrollbar-thumb:active {
  background-color: #94a8b1;
}
.popup__fields > * {
  margin-bottom: 30px;
}
.popup__bot {
  padding: 24px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup_upload {
  width: 420px;
}
.popup_upload._visible .popup__fields > :nth-child(1) {
  -webkit-animation: down 0.12s;
  animation: down 0.12s;
}
.popup_upload._visible .popup__fields > :nth-child(2) {
  -webkit-animation: down 0.24s;
  animation: down 0.24s;
}
.popup_upload._visible .popup__fields > :nth-child(3) {
  -webkit-animation: down 0.36s;
  animation: down 0.36s;
}
.popup_upload._visible .popup__fields > :nth-child(4) {
  -webkit-animation: down 0.48s;
  animation: down 0.48s;
}
.popup_upload._visible .popup__fields > :nth-child(5) {
  -webkit-animation: down 0.6s;
  animation: down 0.6s;
}
.popup_upload._visible .popup__fields > :nth-child(6) {
  -webkit-animation: down 0.72s;
  animation: down 0.72s;
}
.popup_upload._visible .popup__fields > :nth-child(7) {
  -webkit-animation: down 0.84s;
  animation: down 0.84s;
}
.popup_upload._visible .popup__fields > :nth-child(8) {
  -webkit-animation: down 0.96s;
  animation: down 0.96s;
}
.popup_upload._visible .popup__fields > :nth-child(9) {
  -webkit-animation: down 1.08s;
  animation: down 1.08s;
}
.popup_upload._visible .popup__fields > :nth-child(10) {
  -webkit-animation: down 1.2s;
  animation: down 1.2s;
}
.popup_upload._visible .popup__fields > :nth-child(11) {
  -webkit-animation: down 1.32s;
  animation: down 1.32s;
}
.popup_upload._visible .popup__fields > :nth-child(12) {
  -webkit-animation: down 1.44s;
  animation: down 1.44s;
}
.popup_upload._visible .popup__fields > :nth-child(13) {
  -webkit-animation: down 1.56s;
  animation: down 1.56s;
}
.popup_upload._visible .popup__fields > :nth-child(14) {
  -webkit-animation: down 1.68s;
  animation: down 1.68s;
}
.popup_upload._visible .popup__fields > :nth-child(15) {
  -webkit-animation: down 1.8s;
  animation: down 1.8s;
}
.popup_upload._visible .popup__fields > :nth-child(16) {
  -webkit-animation: down 1.92s;
  animation: down 1.92s;
}
.popup_upload._visible .popup__fields > :nth-child(17) {
  -webkit-animation: down 2.04s;
  animation: down 2.04s;
}
.popup_upload._visible .popup__fields > :nth-child(18) {
  -webkit-animation: down 2.16s;
  animation: down 2.16s;
}
.popup_upload._visible .popup__fields > :nth-child(19) {
  -webkit-animation: down 2.28s;
  animation: down 2.28s;
}
.popup_upload._visible .popup__fields > :nth-child(20) {
  -webkit-animation: down 2.4s;
  animation: down 2.4s;
}
.popup_upload._visible .popup__fields > :nth-child(21) {
  -webkit-animation: down 2.52s;
  animation: down 2.52s;
}
.popup_upload._visible .popup__fields > :nth-child(22) {
  -webkit-animation: down 2.64s;
  animation: down 2.64s;
}
.popup_upload._visible .popup__fields > :nth-child(23) {
  -webkit-animation: down 2.76s;
  animation: down 2.76s;
}
.popup_upload._visible .popup__fields > :nth-child(24) {
  -webkit-animation: down 2.88s;
  animation: down 2.88s;
}
.popup_upload._visible .popup__fields > :nth-child(25) {
  -webkit-animation: down 3s;
  animation: down 3s;
}
.popup_upload._visible .popup__fields > :nth-child(26) {
  -webkit-animation: down 3.12s;
  animation: down 3.12s;
}
.popup_upload._visible .popup__fields > :nth-child(27) {
  -webkit-animation: down 3.24s;
  animation: down 3.24s;
}
.popup_upload._visible .popup__fields > :nth-child(28) {
  -webkit-animation: down 3.36s;
  animation: down 3.36s;
}
.popup_upload._visible .popup__fields > :nth-child(29) {
  -webkit-animation: down 3.48s;
  animation: down 3.48s;
}
.popup_upload._visible .popup__fields > :nth-child(30) {
  -webkit-animation: down 3.6s;
  animation: down 3.6s;
}
.popup_upload._visible .popup__fields > :nth-child(31) {
  -webkit-animation: down 3.72s;
  animation: down 3.72s;
}
.popup_upload._visible .popup__fields > :nth-child(32) {
  -webkit-animation: down 3.84s;
  animation: down 3.84s;
}
.popup_upload._visible .popup__fields > :nth-child(33) {
  -webkit-animation: down 3.96s;
  animation: down 3.96s;
}
.popup_upload__head {
  background-color: #f04c5e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 25px;
  border-radius: 3px 3px 0 0;
}
.popup_upload__head span {
  font-weight: 600;
  color: #fff;
  font-size: 1.063rem;
  text-transform: uppercase;
  letter-spacing: 0.033rem;
}
.popup_upload__head i {
  margin-left: -30px;
  margin-right: 20px;
}
.popup_upload ._close_pop {
  position: absolute;
  top: 0;
  right: -30px;
  color: #fff;
  font-weight: 400;
  opacity: 1;
}
.popup_upload .popup__fields .g_upload__info {
  width: 240px;
}
.popup_upload .popup__btn {
  margin-left: 0;
}
.popup_upload .popup__btn._outline {
  margin-left: auto;
  margin-right: 20px;
}
.popup_upload__form {
  position: relative;
}
.popup_upload__form._over .popup__fields:before {
  z-index: 5;
  opacity: 1;
}
.popup_upload__options ._open_pop {
  cursor: pointer;
}
.popup_upload__options ._open_pop:hover b {
  border-color: #75d0a4;
}
.popup_upload__options .g_label {
  padding-left: 27px;
}
.popup_upload__options small {
  color: #485465;
  font-size: 0.75rem;
  margin-right: 20px;
  letter-spacing: 0.02rem;
}
.popup_upload__options small b {
  color: #f04c5e;
  font-weight: 400;
  border-bottom: 1px solid #f04c5e;
}
.popup::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.popup::-webkit-scrollbar-track {
  background-color: #fff;
  border-left: 1px solid rgba(155, 169, 188, 0.2);
}
.popup::-webkit-scrollbar-thumb {
  background: #f2994a;
  border-left: 1px solid transparent;
  border-left-color: #fff;
}
.popup::-webkit-scrollbar-thumb:hover {
  background-color: #75d0a4;
  border-color: #75d0a4;
}
.popup::-webkit-scrollbar-thumb:active {
  background-color: #94a8b1;
}
.play-button {
  height: 17px;
  width: 14px;
  display: block;
  overflow: hidden;
  position: relative;
}
.left {
  height: 100%;
  background-color: #fff;
  width: 5px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  overflow: hidden;
}
.triangle-1 {
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.triangle-2 {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
.triangle-1,
.triangle-2 {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  width: 0;
  height: 0;
  border-right: 20px solid #75d0a4;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition:
    transform 0.25s ease,
    -webkit-transform 0.25s ease;
}
.right {
  height: 100%;
  width: 5px;
  background-color: #fff;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.paused .left {
  width: 50%;
}
.paused .right {
  width: 50%;
}
.paused .triangle-1 {
  -webkit-transform: translate(0, -12px);
  transform: translate(0, -12px);
}
.paused .triangle-2 {
  -webkit-transform: translate(0, 10px);
  transform: translate(0, 10px);
}
._scroll {
  overflow: auto;
}
@media only screen and (max-width: 1599.5px) {
  .rating__table th.t_track,
  .rating__table td.t_track,
  .playlist__table th.t_track,
  .playlist__table td.t_track {
    padding-right: 10px;
    padding-left: 10px;
  }
  .rating__table th.t_img,
  .rating__table td.t_img,
  .playlist__table th.t_img,
  .playlist__table td.t_img {
    min-width: 68px;
    width: 68px;
  }
  .rating__table_my td.t_lang,
  .rating__table_my th.t_lang,
  .playlist__table_my td.t_lang,
  .playlist__table_my th.t_lang {
    min-width: 10%;
    max-width: 10%;
  }
  .rating__table_my td.t_mood,
  .rating__table_my th.t_mood,
  .playlist__table_my td.t_mood,
  .playlist__table_my th.t_mood {
    min-width: 9%;
    max-width: 9%;
  }
  .rating__table_my td.t_added,
  .rating__table_my th.t_added,
  .playlist__table_my td.t_added,
  .playlist__table_my th.t_added {
    min-width: 12%;
    max-width: 12%;
  }
  .rating__table_my td.t_action svg,
  .rating__table_my th.t_action svg,
  .playlist__table_my td.t_action svg,
  .playlist__table_my th.t_action svg {
    width: 20px;
  }
  .rating__table_my td.t_added,
  .playlist__table_my td.t_added {
    font-size: 0.8rem;
  }
  .rating__table thead th,
  .playlist__table thead th {
    font-size: 0.95rem;
  }
  .rating__table td,
  .playlist__table td {
    font-size: 0.85rem;
  }
}
@media only screen and (max-width: 1199.5px) {
  .s_text {
    padding-left: 30px;
  }
  .menu {
    width: 290px;
  }
  .menu__tabs {
    padding-left: 20px;
    padding-right: 20px;
  }
  .menu__filter {
    padding-left: 20px;
    padding-right: 20px;
  }
  .playlist {
    width: calc(100% - 290px);
  }
  .playlist__table thead {
    width: calc(100% - 290px);
  }
  .playlist__table thead th {
    font-size: 0.85rem;
  }
  .playlist__table th.t_artist,
  .playlist__table td.t_artist {
    min-width: 13%;
    max-width: 13%;
  }
}
@media only screen and (max-width: 991.5px) {
  .playlist {
    z-index: 56;
    width: 100%;
    padding-top: 60px;
  }
  .playlist__table thead {
    width: 100%;
    margin-top: 40px;
  }
  .playlist__table_wrp {
    max-height: calc(100% - 80px);
  }
  .playlist__head {
    padding-bottom: 20px;
  }
  .playlist__head a:before {
    bottom: -18px;
  }
  .popup_message {
    right: 6%;
    top: 2%;
    bottom: inherit;
  }
}
@media only screen and (max-width: 768.5px) {
  .header {
    padding: 15px;
  }
  .header__hamb {
    margin-right: 20px;
  }
  .footer {
    padding-left: 15px;
    padding-right: 15px;
  }
  .s_text {
    padding: 15px;
  }
  .s_text h1 {
    font-size: 38px;
  }
  .s_text h1 small {
    display: none;
  }
  .s_text__info {
    margin-bottom: 15px;
  }
  .s_btns {
    margin-bottom: 5vh;
  }
  .menu {
    width: 100%;
    font-size: 22px;
	min-width: fit-content;
  }
  .menu__filter_item label:before {
    top: 0.2em;
  }
  .menu__filter_item label:after {
    top: 0.4em;
  }
  .menu__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .menu__panel a i {
    min-width: 24px;
    margin-left: -5px;
  }
  .rating,
  .playlist {
    height: 100vh;
    overflow: hidden;
  }
  .rating__table td.t_genre,
  .rating__table td.t_lang,
  .rating__table td.t_mood,
  .rating__table td.t_added,
  .rating__table td.t_expl,
  .rating__table td.t_rank,
  .rating__table th.t_genre,
  .rating__table th.t_lang,
  .rating__table th.t_mood,
  .rating__table th.t_added,
  .rating__table th.t_expl,
  .rating__table th.t_rank,
  .playlist__table td.t_genre,
  .playlist__table td.t_lang,
  .playlist__table td.t_mood,
  .playlist__table td.t_added,
  .playlist__table td.t_expl,
  .playlist__table td.t_rank,
  .playlist__table th.t_genre,
  .playlist__table th.t_lang,
  .playlist__table th.t_mood,
  .playlist__table th.t_added,
  .playlist__table th.t_expl,
  .playlist__table th.t_rank {
    display: none;
  }
  .rating__table td.t_number,
  .rating__table th.t_number,
  .playlist__table td.t_number,
  .playlist__table th.t_number {
    min-width: 50px;
    padding: 0 10px;
    text-align: center;
  }
  .rating__table td.t_number .play-button,
  .rating__table th.t_number .play-button,
  .playlist__table td.t_number .play-button,
  .playlist__table th.t_number .play-button {
    left: 20px;
  }
  .rating__table td.t_img,
  .rating__table th.t_img,
  .playlist__table td.t_img,
  .playlist__table th.t_img {
    width: 68px;
  }
  .rating__table td.t_artist,
  .rating__table th.t_artist,
  .playlist__table td.t_artist,
  .playlist__table th.t_artist {
    min-width: calc(30% - 58px) !important;
    max-width: calc(30% - 58px) !important;
  }
  .rating__table td.t_track,
  .rating__table th.t_track,
  .playlist__table td.t_track,
  .playlist__table th.t_track {
    min-width: 0;
    max-width: calc(100% - 190px);
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
  .rating__table td.t_del,
  .rating__table th.t_del,
  .playlist__table td.t_del,
  .playlist__table th.t_del {
    width: 40px;
  }
  .rating {
    -webkit-transition: -webkit-transform 0.15s;
    transition: -webkit-transform 0.15s;
    transition: transform 0.15s;
    transition:
      transform 0.15s,
      -webkit-transform 0.15s;
  }
  .rating__head {
    padding: 12px 15px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .rating__head a {
    text-align: left;
    margin-bottom: 10px;
    font-size: 1em;
  }
  .rating__head a:before {
    bottom: -1px;
  }
  .rating__head a._current:before {
    height: 2px;
  }
  .rating__head a:not(:last-of-type) {
    margin-right: 16px;
  }
  .rating__head a span {
    display: none;
  }
  .rating__btn {
    top: 13px;
    right: 15px;
  }
  .rating__table thead {
    top: 43px;
    margin-top: 0;
  }
  .rating__table_wrp {
    max-height: 100vh;
  }
  .rating__close {
    margin-top: 0;
    margin-right: 0;
    position: fixed;
    top: 7px;
    right: 9px;
    z-index: 99;
  }
  .rating__filter {
    display: block;
    position: fixed;
    bottom: 15px;
    right: 9px;
    z-index: 99;
  }
  .popup {
    border-radius: 0;
  }
  .popup_login ._close_pop,
  .popup_lalamba ._close_pop,
  .popup_help_text ._close_pop,
  .popup_about ._close_pop,
  .popup_privacy_policy ._close_pop,
  .popup_user ._close_pop {
    top: 25px;
    right: 25px;
    color: #f2994a;
  }
  .popup_login__txt,
  .popup_lalamba__txt,
  .popup_help_text__txt,
  .popup_about__txt,
  .popup_user__txt {
    max-height: calc(100vh - 75px);
  }
  .popup_login ._close_pop,
  .popup_lalamba ._close_pop,
  .popup_help_text ._close_pop,
  .popup_about ._close_pop,
  .popup_user ._close_pop,
  .popup_privacy_policy ._close_pop {
    top: 25px;
    right: 25px;
    color: #485465;
  }
  .popup_user,
  .popup_login {
    overflow-y: auto;
    font-size: 17px;
  }
  .popup_user__options,
  .popup_login__options {
    padding: 15px 24px 11px;
  }
  .popup_user__head_item,
  .popup_login__head_item {
    height: 45px;
    padding-bottom: 3px;
    font-size: 0.9em;
    letter-spacing: 1px;
    margin-top: 33px;
    border-top: 1px solid rgba(155, 169, 188, 0.33);
  }
  .popup_user ._close_pop,
  .popup_login ._close_pop {
    top: 5px;
    right: 10px;
    color: #485465;
  }
  .popup ._close_pop {
    font-size: 48px;
  }
  .popup_upload {
    position: fixed;
    height: 100%;
  }
  .popup_upload__head {
    padding: 13px 20px;
    border-bottom: 1px solid #fff;
    border-radius: 0;
  }
  .popup_upload .popup__bot {
    padding-right: 30px;
    padding-left: 30px;
  }
  .popup_upload .popup__btn {
    margin-right: 0;
    height: 40px;
  }
  .popup__btn {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    height: 42px;
  }
  .popup__bot {
    padding: 13px 50px;
  }
  .popup__fields {
    padding: 24px 20px 5px;
  }
  .playlist__head {
    position: relative;
    padding: 40px 15px 20px;
  }
  .playlist__btn {
    display: block;
    position: absolute;
    top: 33px;
    right: 15px;
  }
}
.popup__bot {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 480.5px) {
  .header__hamb {
    margin-right: 10px;
  }
  .header__login {
    width: 110px;
    font-size: 0.68em;
    height: 37px;
  }
  .header__user_pop {
    position: relative;
  }
  .footer__volume {
    display: none;
  }
  .footer__social {
    padding: 13px 10px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer__social a:not(:last-of-type) {
    margin-right: 14px;
  }
  .footer__social._active {
    -webkit-transform: none;
    transform: none;
  }
  .s_text h1 {
    font-size: 32px;
  }
  .s_text h1 small {
    display: none;
  }
  .s_text__tags a {
    font-size: 3vw;
    min-width: 0;
    padding: 5px 10px;
  }
  .s_btns a {
    width: 44px;
    height: 44px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .menu {
    max-height: 100%;
  }
  .menu__body {
    padding-top: 70px;
  }
  .menu__tabs {
    padding: 0 15px 14px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .menu__tabs_item {
    margin: 5px 0;
    font-size: 0.9rem;
    text-align: center;
  }
  .menu__tabs_item:before {
    bottom: -1px;
  }
  .menu__tabs_item._current:before {
    height: 2px;
  }
  .menu__filter {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .menu__filter_item {
    font-size: 1.3rem;
    letter-spacing: 1px;
  }
  .menu__filter_item:not(:last-of-type) {
    margin-bottom: 1.2rem;
  }
  .menu__filter_item label {
    padding-top: 2px;
  }
  .playlist__head a,
  .rating__head a {
    font-size: 0.9rem;
    letter-spacing: 1px;
  }
  .playlist__table td.t_artist,
  .playlist__table th.t_artist,
  .rating__table td.t_artist,
  .rating__table th.t_artist {
    display: none;
  }
  .playlist__head {
    padding: 14px 15px 5px;
  }
  .playlist__head a:not(:last-of-type) {
    margin-right: 20px;
  }
  .playlist__head a:before {
    bottom: -12px;
  }
  .playlist__table_wrp {
    margin-top: 10px;
    max-height: calc(100% - 50px);
  }
  .playlist__table thead {
    margin-top: 4px;
  }
  .playlist__btn {
    top: 8px;
    right: 15px;
  }
  .popup_about ._close_pop,
  .popup_lalamba ._close_pop,
  .popup_help_text ._close_pop,
  .popup_privacy_policy ._close_pop {
    top: 20px;
    right: 10px;
  }
  .popup_like {
    width: 94%;
    left: 3%;
    max-width: 100%;
  }
  .popup_user__tab:last-of-type > .g_input,
  .popup_login__tab:last-of-type > .g_input {
    width: 100%;
  }
  .popup_user ._close_pop,
  .popup_login ._close_pop {
    font-size: 50px;
  }
  .popup_upload .popup__btn,
  .popup_user .popup__btn {
    margin-left: auto;
  }
  .popup_upload .popup__btn._outline,
  .popup_user .popup__btn._outline {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .popup_upload .g_upload,
  .popup_user .g_upload {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .popup_upload .g_upload__zone,
  .popup_user .g_upload__zone {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .popup_upload .g_upload__info,
  .popup_user .g_upload__info {
    width: 100% !important;
  }
  .popup_login__share svg {
    margin-right: 8px;
  }
  .popup_message {
    width: 100%;
    right: 0;
    top: 0;
    bottom: inherit;
    border-radius: 0;
    padding-top: 52px;
    overflow: hidden;
  }
  .popup__bot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .popup__btn {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 0.8rem;
  }
  .popup_login__share {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 1rem;
  }
  .popup_report,
  .popup_upload {
    margin-left: 0 !important;
    left: 50% !important;
    top: 50% !important;
    overflow: auto;
    border-radius: 0;
    max-height: 95vh;
  }
  .popup_report ._close_pop,
  .popup_upload ._close_pop {
    top: 6px;
    right: 6px;
    z-index: 99;
  }
  .popup_like {
    padding-left: 20px;
    padding-right: 20px;
  }
  .popup_like ._close_pop {
    color: #485465;
    top: 10px;
    right: 10px;
  }
  .popup_reset {
    width: 100%;
    margin-left: 0 !important;
    left: 0 !important;
    top: 0 !important;
    overflow: auto;
    height: 100vh;
    border-radius: 0;
  }
  .popup_reset h4 {
    font-size: 1.4rem;
  }
  .popup_reset p {
    margin-bottom: 1.2rem;
  }
  .popup_reset p br {
    display: none;
  }
  .popup_reset__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .popup_reset__form .g_input {
    margin-bottom: 2rem;
  }
  .popup_reset__form .g_input input {
    border-right: 0.063rem solid #cfd8dc;
  }
  .popup_reset__form button {
    border-radius: 3px !important;
  }
  .popup_reset ._close_pop {
    top: 10px;
    right: 10px;
    color: #485465;
  }
  .popup_upload .popup__bot {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 20px;
  }
  .popup_upload .popup__bot .popup__btn._outline {
    margin-top: 0;
    margin-left: 17px;
  }
}
@media only screen and (max-width: 370.5px) {
  .s_text h1 {
    font-size: 12vw;
  }
  .s_text h1 span {
    font-size: 6vw;
  }
  .s_text__tags a small {
    display: none;
  }
  .s_text__tags a:not(:last-of-type) {
    margin-right: 6px;
  }
}
@media only screen and (max-height: 360px) {
  .s_text {
    padding-top: 0;
  }
  .s_text h1 {
    font-size: 30px;
  }
  .s_text h1 span {
    font-size: 1rem;
  }
  .s_text__info {
    margin-bottom: 2px;
  }
  .s_btns a {
    width: 39px;
    height: 39px;
  }
  .menu__body {
    padding-top: 75px;
  }
  .menu__filter_item:not(:last-of-type) {
    margin-bottom: 0.5rem;
  }
}
progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 44px;
  height: 5px;
  border-radius: 3.5px;
  position: relative;
  color: #f04c5e;
}
progress[value]::-moz-progress-bar {
  background-color: #f04c5e;
  border-radius: 3.5px;
}
progress[value]::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3.5px;
}
progress[value]::-webkit-progress-value {
  background-color: #f04c5e;
  border-radius: 3.5px;
}
.progress_bar {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3.5px;
  width: 44px;
  height: 5px;
}
.progress_bar span {
  background-color: #f04c5e;
  border-radius: 3.5px;
  display: block;
}
::-webkit-file-upload-button {
  cursor: pointer !important;
}
._flex_sb_fs,
.header__hamb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
._flex_sb_fe,
.s_text__info_ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
._flex_sb_c,
.menu__tabs,
.menu__now,
.popup_report__head,
.popup_user__head,
.popup_login__head,
.play-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._flex_sb_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
._flex_sa_fs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
._flex_sa_fe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
._flex_sa_c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._flex_c_fs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
._flex_c_fe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
._flex_c_c,
.header__login,
.s_btns,
.s_btns a,
.popup_user__head_item,
.popup_login__head_item,
.popup_lalamba h2,
.popup_help_text h2,
.popup_like h2,
.popup_likeLimit h2,
.popup_ua h2,
.popup_about h2,
.popup_privacy_policy h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._flex_fs_c,
.header,
.header__user,
.header__user_pop,
.s_text__info,
.footer,
.footer__volume,
.menu__now_txt,
.menu__panel a,
.rating__table thead tr,
.playlist__table thead tr,
.rating__table thead th,
.playlist__table thead th,
.rating__head_wrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
._flex_fs_fs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
._flex_fs_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
._flex_fe_fe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
._flex_fe_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
._flex_fe_fe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
._flex_fe_fs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@-webkit-keyframes down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes play {
  from {
    height: 17px;
  }
  to {
    height: 0;
  }
}
@keyframes play {
  from {
    height: 17px;
  }
  to {
    height: 0;
  }
}
::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
::-webkit-scrollbar-track {
  background-color: #242d39;
  border-left: 1px solid rgba(72, 84, 101, 0.7);
}
::-webkit-scrollbar-thumb {
  background: #f2994a;
  border-left: 1px solid transparent;
  border-left-color: #fff;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #75d0a4;
  border-color: #75d0a4;
}
::-webkit-scrollbar-thumb:active {
  background-color: #94a8b1;
}
@media print {
  *,
  :before,
  :after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.tags-new {
  padding-left: 45px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.tags-new li {
  display: inline-block;
  font-size: 0;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
}
.tags-new li:not(:last-child) {
  margin-right: 35px;
}
.tags-new a {
  display: block;
}
.popup.popup_profile {
  max-width: 420px;
  width: 100%;
}
.user_modal .popup__fields {
  padding: 0;
  margin-right: -32px;
  padding-right: 21px;
  border: 0;
  max-height: none;
  overflow: visible;
}
.user_modal {
  padding: 30px 32px 20px;
  max-height: 85vh;
  overflow: auto;
}
.user_modal .title {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.096px;
  color: #485465;
  font-weight: 900;
  margin-bottom: 35px;
}
.user_modal .swich {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 35px;
}
.user_modal .swich_check {
  background: rgba(207, 216, 220, 0.1);
  border: 1px solid #cfd8dc;
  box-sizing: border-box;
  border-radius: 47px;
  width: 37px;
  height: 20px;
  display: inline-block;
  margin-right: 13px;
  position: relative;
  box-sizing: border-box;
}
.user_modal .swich_check:after {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 2px;
  top: 1px;
  content: "";
  border-radius: 50%;
  background: #cfd8dc;
  transition: all 0.3s ease;
}
.user_modal input:checked + .swich_check:after {
  background: #f04c5e;
  right: 17px;
}
._visible .user_modal .form-group label,
._visible .user_modal .form-control {
  -webkit-animation: down 0.32s;
  animation: down 0.32s;
}
.user_modal .swich_text {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.096px;
  color: #485465;
}
.user_modal .form-control {
  width: 100%;
  background: rgba(207, 216, 220, 0.1);
  border: 1px solid #cfd8dc;
  box-sizing: border-box;
  border-radius: 3px;
  height: 40px;
}
.user_modal .form-control[readonly] {
  border: 0;
  background: rgba(207, 216, 220, 0.1);
  border-radius: 3px;
  padding-left: 42px;
  font-weight: 600;
  color: #485465;
  font-size: 16px;
}
.user_modal .form-group {
  margin-bottom: 23px;
  font-size: 0;
}
.user_modal .form-group label {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.072px;
  color: #485465;
  margin-bottom: 7px;
  display: block;
}
.user_modal .form-control.name {
  background: rgba(207, 216, 220, 0.1) url(../img/user.svg) calc(0px + 13px)
    center no-repeat;
}
.user_modal .form-control.email {
  background: rgba(207, 216, 220, 0.1) url(../img/mail.svg) calc(0px + 13px)
    center no-repeat;
}
.user_modal hr {
  background: rgba(207, 216, 220, 0.5);
  border: 0;
  margin: 0 0 20px;
}
.user_modal h4 {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.096px;
  color: #485465;
  font-weight: 600;
  margin-bottom: 22px;
}
.user_modal .form-control.password {
  padding-left: 45px;
  color: #504961;
  font-size: 20px;
  letter-spacing: 2px;
  background: rgba(207, 216, 220, 0.1) url(../img/lock.svg) calc(0px + 16px)
    center no-repeat;
  padding-bottom: 3px;
}
.user_modal .form-control.password::placeholder {
  letter-spacing: -0.072px;
  color: #485465;
  font-size: 12px;
}
.user_modal .info-artist {
  margin-bottom: 0;
}
.user_modal .info-artist .form-group:last-child {
  margin-bottom: 0;
}
.user_modal .title-input {
  padding-left: 42px;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -0.096px;
  background: rgba(207, 216, 220, 0.1) url(../img/user.svg) calc(0px + 14px)
    center no-repeat;
  font-weight: 600;
}
.user_modal .title-input::placeholder {
  letter-spacing: -0.072px;
  color: rgba(72, 84, 101, 0.7);
  font-weight: 400;
}
.user_modal .message {
  height: 123px;
  resize: none;
  padding: 11px 16px;
  font-size: 14px;
  line-height: 16px;
  color: #485465;
}
.user_modal .message::placeholder {
  letter-spacing: -0.072px;
  color: rgba(72, 84, 101, 0.7);
}
.user_modal .popup_bottom {
  display: flex;
  justify-content: space-between;
  font-size: 0;
  padding-top: 24px;
}
.user_modal .popup_bottom .btn {
  width: calc(50% - 15px);
  height: 50px;
  background: #fafbfb;
  border-radius: 3px;
  border: 0;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: #485465;
  font-weight: 600;
  transition: all 0.3s;
}
.user_modal .popup_bottom .btn:hover {
  background: #f4f4f4;
}
.user_modal .popup_bottom .btn-save {
  background: #56ccf2;
  color: #fff;
}
.user_modal .popup_bottom .btn-save:hover {
  background: #75d0a4;
}
.info-artist .g_upload,
.info-artist .g_upload_POSTER {
  height: 119px;
  background: #fafbfb;
  margin-bottom: 18px;
}
.info-artist .g_upload__info,
.info-artist .g_upload__info_POSTER {
  text-align: center;
  cursor: pointer;
  padding-top: 50px;
}
.info-artist .g_upload__btn {
  border: 0;
  padding: 0;
  display: inline-block;
  font-size: 0;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  height: auto;
  margin-bottom: 13px;
}
.info-artist .g_upload__btn span {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.072px;
  color: #0b0026;
  font-weight: 500;
  margin-left: 15px;
}
.info-artist .g_upload__zone {
  margin: 0;
  margin-bottom: 18px;
  background: #fafbfb;
  border: 0;
  position: relative;
  height: 120px;
  display: none;
}
.info-artist .g_upload__zone_thumb,
.info-artist .g_upload__zone_thumb_POSTER {
  border: 0;
  height: 120px;
  background-size: cover;
  background-position: center;
}
.info-artist .delete-image {
  width: 24px;
  height: 24px;
  background: #f04c5e;
  border-radius: 2px;
  right: 12px;
  top: 12px;
  position: absolute;
  z-index: 5;
}
.info-artist .modal-delete {
  background: #fff;
  box-shadow: 0 2px 6px rgba(11, 0, 38, 0.2);
  border-radius: 3px;
  position: absolute;
  z-index: 5;
  width: 130px;
  padding: 5px 15px 10px;
  right: 45px;
  top: 12px;
  display: none;
}
.info-artist .modal-delete p {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.342857px;
  color: #1b222b;
  font-weight: 400;
  text-align: left;
  margin-bottom: 6px;
}
.info-artist .modal-delete .row {
  display: flex;
  justify-content: space-between;
}
.info-artist .row .btn {
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.342857px;
  font-weight: 600;
  color: #f04c5e;
  border: 0;
  background-color: transparent;
}
.popup_like h4 {
  text-transform: inherit;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #504961;
  margin-bottom: 10px;
}
.popup_like {
  max-width: 400px;
}
.popup_like .popup__btn svg {
  margin-right: 25px;
}
.popup_like .popup__btn {
  text-transform: inherit;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  letter-spacing: -0.4px;
  color: #fff;
  border-radius: 8px;
}
.popup.popup_privacy {
  max-width: 605px;
  margin: 0 !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  width: 100%;
  left: 50%;
}
.popup_privacy ._close_pop {
  top: 10px;
  right: 10px;
  font-size: 48px;
  color: #485465;
  position: absolute;
}
.popup_privacy h2 {
  height: 75px;
  font-size: 1.06em;
  font-weight: 700;
  text-transform: uppercase;
  color: #485465;
  -webkit-box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 15px -3px rgba(0, 0, 0, 0.2);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 930px) {
  .playlist__table td.t_rank {
    padding-right: 0;
  }
  .popup__fields {
    overflow: visible;
    max-height: inherit !important;
  }
}
@media (max-width: 630px) {
  .tags-new li:not(:last-child) {
    margin-right: 20px;
  }
  .s_btns {
    margin-bottom: 3vh;
  }
  .popup_message__item.copied__popup {
    right: 0;
    padding: 21px 25px 20px;
    max-height: 150px;
    margin-top: 15px;
    border-radius: 8px;
    width: 100%;
  }
  .copyright {
    display: none;
  }
}
@media (max-width: 540px) {
  .popup_about__txt._scroll {
    overflow: visible !important;
  }
  .footer__social {
    padding-left: 0px !important;
  }

  .menu__body .header__hamb {
    top: 30px;
    left: 20px;
    z-index: 200;
  }
  .s_text h1 span {
    font-size: 1.15rem;
  }
  .s_text__info {
    flex-wrap: wrap;
  }
  .tags-new {
    padding: 15px 0 0;
    width: 100%;
    justify-content: flex-start;
  }
  .s_btns .s_text__tags {
    margin-bottom: 25px;
    margin-top: 0;
  }
  .s_btns .s_text__tags a {
    font-size: 14px;
    margin: 0 5px;
    padding: 5px 12px;
  }
  .popup.popup_profile {
    max-width: 100%;
    max-height: 100vh;
    overflow: auto;
  }
  .header .header__login {
    width: 130px;
    /*padding: 0 14px;*/
    font-size: 14px;
  }
  .header .header__login:after {
    left: 45%;
  }
  .header__logo svg {
    width: 110px;
  }
}
@media (max-width: 830px) and (max-height: 420px) {
  .s_btns {
    transform: none !important;
  }
}
@media (max-width: 590px) and (max-height: 360px) {
  .s_btns .s_text__tags {
    margin-bottom: 15px;
    margin-top: 0;
  }
  .s_btns .s_text__tags a {
    font-size: 15px;
    padding: 3px 16px;
  }
}
@media (max-width: 680px) and (max-height: 390px) {
  .s_btns .s_text__tags {
    margin-bottom: 15px;
    margin-top: 0;
  }
  .s_btns .s_text__tags a {
    font-size: 16px;
    padding: 3px 20px;
  }
  .s_btns > a {
    height: 46px;
    width: 46px;
    margin: 0 10px;
  }
  .s_text h1 {
    font-size: 33px;
  }
  .s_text h1 span {
    font-size: 18px;
  }
}
@media (max-height: 425px) {
  .header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .s_text {
    padding-top: 1vh;
  }
  .s_text h1 {
    font-size: 35px;
    padding-top: 5px;
  }
  .s_btns .s_text__tags {
    margin-bottom: 15px;
  }
  .s_btns {
    margin-bottom: 3vh;
  }
  .s_text h1 span {
    font-size: 0.9rem;
  }
  .s_btns > a {
    height: 36px;
    width: 36px;
    margin: 0 10px;
  }
  ._scroll {
    overflow: visible;
  }
  .menu__body ._scroll {
    overflow: auto;
  }
  .popup_lalamba ._close_pop,
  .popup_help_text ._close_pop,
  .popup_like ._close_pop,
  .popup_likeLimit ._close_pop,
  .popup_ua ._close_pop,
  .popup_about ._close_pop {
    right: 15px;
    color: #000;
    top: 15px;
  }
}
.copyright {
  position: relative;
  top: -15px;
  text-decoration: underline;
  cursor: pointer;
}
.copyright a {
  color: #fff;
  font-size: 12px;
}
.header__hamb._close {
  -webkit-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px);
}
.hide {
  display: none !important;
}
.s_text h1 .a_name {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1.5px;
  color: #fff;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media only screen and (min-height: 360px) {
  .s_text h1 .a_name {
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -1.5px;
    color: #fff;
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
}
#ArtistSection .g_input {
  margin-bottom: 20px;
}
.play_event:hover .s_btns__like_tooltip,
.s_btns__next:hover .s_btns__like_tooltip {
  opacity: 1;
  left: unset;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.rating__table td.t_number .stop_song .triangle-1,
.rating__table td.t_number .stop_song .triangle-2,
.playlist__table td.t_number .stop_song .triangle-1,
.playlist__table td.t_number .stop_song .triangle-2 {
}

.popup_privacy_policy {
  width: 605px;
}
.copyright a {
  color: #fff;
  font-size: 12px;
  color: #fff;
  font-size: 12px;
}
@media screen and (max-width: 600px) {
  .copyright a {
    display: none;
  }
}
@media screen and (max-height: 400px) {
  .s_btns {
    margin-bottom: 0;
  }
  footer {
    margin-top: -5vh;
  }
}
.talkToUs {
  font-size: 0.88em;
  padding-top: 1px;
  position: relative;
  color: #90a4ae;
  margin-top: 20px;
  margin-bottom: 20px;
}
.popup_login h6 a.normalWeight {
  font-weight: 500;
}
.bold {
  font-weight: 700 !important;
}
.popup_user .g_upload_POSTER {
  margin-top: 20px;
  text-align: left;
}
.popup_user .g_upload__zone_POSTER {
  min-width: 130px;
  height: 130px;
}
.g_upload__zone_POSTER {
  background-color: #f04c5e;
  text-align: center;
  border-radius: 3px;
  padding: 15px;
  min-width: 100px;
  margin-right: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
}
.g_upload__zone_thumb_POSTER {
  position: absolute;
  left: 0;
  z-index: 3;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border: 2px solid #75d0a4;
}
a.btn,
#copyLink {
  cursor: pointer;
}
tbody.playlist__table_wrp._scroll {
  overflow: auto;
}
img.helpIcon {
  height: 30px;
  margin-right: 5px;
  cursor: pointer;
}
td.ignore {
  margin: auto;
  padding: 10px;
}
.green {
  background-color: #75d0a4;
}

.croppie-container {
  width: 100%;
  height: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/***** STYLING RANGE INPUT ***********/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

.cr-slider:focus {
  outline: none;
}

.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent; /*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}

/* Rotation Tools */
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: "↺";
}
.cr-rotate-r i:before {
  content: "↻";
}

.menu__panel_playlist {
  background-color: transparent;
  overflow: hidden;
  margin-top: 0;
  position: relative;
  z-index: 5;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  line-height: 42px;
  color: #fff;
  width: 190px;
  height: 40px;
  border-radius: 3px;
  text-transform: uppercase;
  background-color: #75d0a4;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: background 0.15s;
  transition: background 0.15s;
}

.menu__panel_playlist:hover i {
  margin-left: 10px;
}

.menu__panel_playlist:hover:after {
  margin-left: -26px;
}

.menu__panel_playlist:after {
  content: "";
  height: 70px;
  width: 70px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #f04c5e;
  position: absolute;
  left: 0;
  margin-left: -84px;
  margin-top: -35px;
  top: 50%;
  z-index: -1;
  -webkit-transition: 0.15s;
  transition: 0.15s;
}

.user_modal .title {
  line-height: 40px;
}

/* Fix header layout shift on login/logout */
.header .header__login,
.header .header__user {
    width: 177px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
}

.header .header__login {
    justify-content: space-between !important;
}

.header .header__user {
    justify-content: flex-end !important;
    gap: 4px !important;
}

.header .header__user_pop {
    flex: 0 1 auto !important;
    max-width: calc(100% - 29px) !important; /* 25px (logout) + 4px (gap) */
    overflow: hidden !important;
}

.header .header__user_name {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 12px !important;
    max-width: 100% !important;
}

.header .header__user_logout {
    flex-shrink: 0 !important;
    width: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
}

.header .header__user_logout svg {
    width: 25px !important;
    height: auto !important;
}

.header .header__login.hide,
.header .header__user.hide {
    display: none !important;
}

/* Login button hover effect - matching player buttons */
.header__login:hover {
    transform: scale(1.05) !important;
    filter: brightness(1.05) !important;
    transition: all 0.2s ease !important;
}

/* Google button hover effect - matching player buttons */
#google_login:hover {
    transform: scale(1.05) !important;
    filter: brightness(1.05) !important;
    transition: all 0.2s ease !important;
}

/* Login button - match player buttons exactly */
.header__login {
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.header__login:hover {
    transform: scale(1.05) !important;
    filter: brightness(1.05) !important;
}

/* Google button - match player buttons exactly */
#google_login {
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}

#google_login:hover {
    transform: scale(1.05) !important;
    filter: brightness(1.05) !important;
}

/* Artist/Track title hover - color and brightness only */
.s_text h1 {
    transition: all 0.2s ease !important;
    display: inline-block !important;
}

.s_text h1:hover {
    transform: none !important;
    filter: brightness(1.05) !important;
    color: #75d0a4 !important;
}

.s_text h1:hover span {
    color: #75d0a4 !important;
}

.s_text h1:hover #a_name,
.s_text h1:hover #t_name {
    color: #75d0a4 !important;
}

/* Fix white space above tabs on mobile */
@media (max-width: 768px) {
    .popup_login__head {
        margin-top: -33px !important;
    }
}

/* Fix player tooltip - hap-player-left */
.hap-player-left {
    position: relative !important;
}