@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 200;
  src: url(../../fonts/Noto_Sans/NotoSans-ExtraLight.woff2) format("woff2");
  unicode-range: "U+000-5FF, U+1E00-1FFF, U+0400-04FF";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 200;
  src: url(../../fonts/Noto_Sans_Armenian/NotoSansArmenian-ExtraLight.woff2) format("woff2");
  unicode-range: "U+0530-058F, U+FB13-FB17";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: url(../../fonts/Noto_Sans/NotoSans-Light.woff2) format("woff2");
  unicode-range: "U+000-5FF, U+1E00-1FFF, U+0400-04FF";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  src: url(../../fonts/Noto_Sans/NotoSans-LightItalic.woff2) format("woff2");
  unicode-range: "U+000-5FF, U+1E00-1FFF, U+0400-04FF";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  src: url(../../fonts/Noto_Sans_Armenian/NotoSansArmenian-Light.woff2) format("woff2");
  unicode-range: "U+0530-058F, U+FB13-FB17";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  src: url(../../fonts/Noto_Sans_Armenian/NotoSansArmenian-Light.woff2) format("woff2");
  unicode-range: "U+0530-058F, U+FB13-FB17";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/Noto_Sans/NotoSans-Regular.woff2) format("woff2");
  unicode-range: "U+000-5FF, U+1E00-1FFF, U+0400-04FF";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url(../../fonts/Noto_Sans_Armenian/NotoSansArmenian-Regular.woff2) format("woff2");
  unicode-range: "U+0530-058F, U+FB13-FB17";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url(../../fonts/Noto_Sans/NotoSans-Bold.woff2) format("woff2");
  unicode-range: "U+000-5FF, U+1E00-1FFF, U+0400-04FF";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url(../../fonts/Noto_Sans_Armenian/NotoSansArmenian-Bold.woff2) format("woff2");
  unicode-range: "U+0530-058F, U+FB13-FB17";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 800;
  src: url(../../fonts/Noto_Sans/NotoSans-ExtraBold.woff2) format("woff2");
  unicode-range: "U+000-5FF, U+1E00-1FFF, U+0400-04FF";
}
@font-face {
  font-display: swap;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 800;
  src: url(../../fonts/Noto_Sans_Armenian/NotoSansArmenian-ExtraBold.woff2) format("woff2");
  unicode-range: "U+0530-058F, U+FB13-FB17";
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: -1;
  /* Скрываем, пока не активен */
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px) scale(0.95);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}

.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}

.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}

.daterangepicker.active {
  z-index: 3001;
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.daterangepicker.opensleft:before {
  right: 9px;
}

.daterangepicker.opensleft:after {
  right: 10px;
}

.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}

.daterangepicker.opensright:before {
  left: 9px;
}

.daterangepicker.opensright:after {
  left: 10px;
}

.daterangepicker.drop-up {
  margin-top: -7px;
}

.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}

.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none;
}

.daterangepicker.single .drp-selected {
  display: none;
}

.daterangepicker.show-calendar .drp-calendar {
  display: block;
}

.daterangepicker.show-calendar .drp-buttons {
  display: block;
}

.daterangepicker.auto-apply .drp-buttons {
  display: none;
}

.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}

.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}

.daterangepicker .drp-calendar.right {
  padding: 8px;
}

.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid var(--grey_Blue);
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}

.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background: #eee;
  border-color: transparent;
  color: inherit;
}

.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background: #fff;
  border-color: transparent;
  color: #999;
  color: var(--grey_Blue-Light);
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  background: var(--base_Grey-BG-1);
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background: #357ebd;
  background: var(--base_Grey-4);
  border-color: transparent;
  color: #fff;
}

.daterangepicker th.month {
  width: auto;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}

.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}

.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}

.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}

.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}

.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}

.daterangepicker .ranges li:hover {
  background: #eee;
}

.daterangepicker .ranges li.active {
  background: #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.driver-active .driver-overlay, .driver-active * {
  pointer-events: none;
}

.driver-active .driver-active-element, .driver-active .driver-active-element *, .driver-popover, .driver-popover * {
  pointer-events: auto;
}

@keyframes animate-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.driver-fade .driver-overlay {
  animation: animate-fade-in 0.2s ease-in-out;
}

.driver-fade .driver-popover {
  animation: animate-fade-in 0.2s;
}

.driver-popover {
  all: unset;
  box-sizing: border-box;
  color: #2d2d2d;
  margin: 0;
  padding: 15px;
  border-radius: 5px;
  min-width: 250px;
  max-width: 300px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  z-index: 1000000000;
  position: fixed;
  top: 0;
  right: 0;
  background: #fff;
}

.driver-popover * {
  font-family: Helvetica Neue, Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif;
}

.driver-popover-title {
  font: 19px/normal sans-serif;
  font-weight: 700;
  display: block;
  position: relative;
  line-height: 1.5;
  zoom: 1;
  margin: 0;
}

.driver-popover-close-btn {
  all: unset;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 28px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  color: #d2d2d2;
  z-index: 1;
  text-align: center;
  transition: color;
  transition-duration: 0.2s;
}

.driver-popover-close-btn:hover, .driver-popover-close-btn:focus {
  color: #2d2d2d;
}

.driver-popover-title[style*=block] + .driver-popover-description {
  margin-top: 5px;
}

.driver-popover-description {
  margin-bottom: 0;
  font: 14px/normal sans-serif;
  line-height: 1.5;
  font-weight: 400;
  zoom: 1;
}

.driver-popover-footer {
  margin-top: 15px;
  text-align: right;
  zoom: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.driver-popover-progress-text {
  font-size: 13px;
  font-weight: 400;
  color: #727272;
  zoom: 1;
}

.driver-popover-footer button {
  all: unset;
  display: inline-block;
  box-sizing: border-box;
  padding: 3px 7px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  background: #fff;
  color: #2d2d2d;
  font: 12px/normal sans-serif;
  cursor: pointer;
  outline: 0;
  zoom: 1;
  line-height: 1.3;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.driver-popover-footer .driver-popover-btn-disabled {
  opacity: 0.5;
  pointer-events: none;
}

:not(body):has(> .driver-active-element) {
  overflow: hidden !important;
}

.driver-no-interaction, .driver-no-interaction * {
  pointer-events: none !important;
}

.driver-popover-footer button:hover, .driver-popover-footer button:focus {
  background: #f7f7f7;
}

.driver-popover-navigation-btns {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.driver-popover-navigation-btns button + button {
  margin-left: 4px;
}

.driver-popover-arrow {
  content: "";
  position: absolute;
  border: 5px solid #fff;
}

.driver-popover-arrow-side-over {
  display: none;
}

.driver-popover-arrow-side-left {
  left: 100%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.driver-popover-arrow-side-right {
  right: 100%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.driver-popover-arrow-side-top {
  top: 100%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.driver-popover-arrow-side-bottom {
  bottom: 100%;
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
}

.driver-popover-arrow-side-center {
  display: none;
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-start, .driver-popover-arrow-side-right.driver-popover-arrow-align-start {
  top: 15px;
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-start, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-start {
  left: 15px;
}

.driver-popover-arrow-align-end.driver-popover-arrow-side-left, .driver-popover-arrow-align-end.driver-popover-arrow-side-right {
  bottom: 15px;
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-end, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-end {
  right: 15px;
}

.driver-popover-arrow-side-left.driver-popover-arrow-align-center, .driver-popover-arrow-side-right.driver-popover-arrow-align-center {
  top: 50%;
  margin-top: -5px;
}

.driver-popover-arrow-side-top.driver-popover-arrow-align-center, .driver-popover-arrow-side-bottom.driver-popover-arrow-align-center {
  left: 50%;
  margin-left: -5px;
}

.driver-popover-arrow-none {
  display: none;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s, visibility 0s linear 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity 0.25s, visibility 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  text-align: center;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block;
}

.fancybox-slide--next {
  z-index: 99995;
}

.fancybox-slide--image {
  overflow: visible;
  padding: 44px 0;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px 6px 0;
}

.fancybox-slide--iframe {
  padding: 44px 44px 0;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 6px;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  padding: 24px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  margin: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-drag .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-dragging .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image, .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--html .fancybox-content {
  margin-bottom: 6px;
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content {
  height: 100%;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
  height: calc(100% - 44px);
  margin-bottom: 44px;
}

.fancybox-iframe, .fancybox-video {
  background: transparent;
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  vertical-align: top;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  outline: none;
  padding: 10px;
  transition: color 0.2s;
  vertical-align: top;
  width: 44px;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
  color: #ccc;
}

.fancybox-button:focus, .fancybox-button:hover {
  color: #fff;
}

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
}

.fancybox-button svg {
  display: block;
  overflow: visible;
  position: relative;
  shape-rendering: geometricPrecision;
}

.fancybox-button svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3;
}

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
  display: none;
}

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path {
  fill: currentColor;
}

.fancybox-button--share svg path {
  stroke-width: 1;
}

.fancybox-navigation .fancybox-button {
  height: 38px;
  opacity: 0;
  padding: 6px;
  position: absolute;
  top: 50%;
  width: 38px;
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
  transition: opacity 0.25s, visibility 0s, color 0.25s;
}

.fancybox-navigation .fancybox-button:after {
  content: "";
  left: -25px;
  padding: 50px;
  position: absolute;
  top: -25px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  right: 6px;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #555;
  cursor: pointer;
  height: 44px;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10;
}

.fancybox-close-small svg {
  fill: transparent;
  opacity: 0.8;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: stroke 0.1s;
}

.fancybox-close-small:focus {
  outline: none;
}

.fancybox-close-small:hover svg {
  opacity: 1;
}

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small {
  color: #ccc;
  padding: 5px;
  right: -12px;
  top: -44px;
}

.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg {
  background: transparent;
  color: #fff;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none;
}

.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px;
  right: 0;
}

.fancybox-caption:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1;
}

.fancybox-caption:after {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
  content: "";
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

.fancybox-loading {
  -webkit-animation: a 0.8s infinite linear;
  animation: a 0.8s infinite linear;
  background: transparent;
  border: 6px solid hsla(0, 0%, 39%, 0.5);
  border-radius: 100%;
  border-top-color: #fff;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: 0.6;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 99999;
}

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-1turn);
  transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scaleX(1) translateZ(0);
  transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:link, .fancybox-share__button:visited {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

.fancybox-thumbs {
  background: #fff;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs > ul {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x > ul {
  overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs > ul > li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1);
}

.fancybox-thumbs > ul > li {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.fancybox-thumbs > ul > li:before {
  border: 4px solid #4ea7f9;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs .fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px);
  }
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized, .splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}

.splide__arrow:hover:not(:disabled) {
  opacity: 0.9;
}

.splide__arrow:disabled {
  opacity: 0.3;
}

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__arrow--prev {
  left: 1em;
}

.splide__arrow--prev svg {
  transform: scaleX(-1);
}

.splide__arrow--next {
  right: 1em;
}

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__pagination {
  bottom: 0.5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1;
}

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: 0.7;
  padding: 0;
  position: relative;
  transition: transform 0.2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1;
}

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: 0.9;
}

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__progress__bar {
  background: #ccc;
  height: 3px;
}

.splide__slide {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.splide__slide:focus {
  outline: 0;
}

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.splide__toggle {
  cursor: pointer;
}

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px;
}

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000;
}

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em;
}

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1);
}

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto;
}

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1);
}

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%);
}

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em;
}

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg);
}

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto;
}

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg);
}

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 0.5em;
  top: 0;
}

:root {
  --yoga_Black: #1D1D1F;
  --base_Grey-BG-0: #F5F5F5;
  --base_Black: #20292F;
  --base_Red-Darker: #E64245;
  --base_Red: #FF3639;
  --base_Green: #8FD23E;
  --base_Green-Dark: #08B364;
  --base_Orange: #FF6800;
  --base_Grey-0: #D9D9D9;
  --base_Grey-1: #CDCDCD;
  --base_Grey-BG-1: #F0F0F0;
  --base_Grey-2: #94999C;
  --base_Grey-3: #686D76;
  --base_Grey-4: #383A3D;
  --base_Grey-5: #2B2B2E;
  --base_Crimson: #7D2527;
  --pale_Orange: #FFF0E6;
  --pale_Salad: #F4FBEC;
  --pale_Blue: #EEF7FF;
  --pale_Red: #FFEFF1;
  --salad_Green-Dark: #6AC000;
  --salad_Green: #8FD23E;
  --grey_Blue-Pale: #C4D0D7;
  --grey_Blue-Light: #95A0A6;
  --grey_Blue-Darker: #23313A;
  --grey_Blue-Dark: #3E4E58;
  --grey_Blue-More: #273F4F;
  --grey_Blue: #506673;
  --grey_Blue-BG-1: #DBE1E5;
  --grey_Blue-BG-0: #EDF0F2;
  --cornflower_Blue-Light: #59B1FF;
  --cornflower_Blue: #4690FF;
  --clear_White: #FFFFFF;
  --clear_Black: #000000;
  --light_Red: #F6586B;
  --dirty_Red: #974954;
}

::selection {
  background: var(--yoga_Black);
  color: var(--clear_White);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scrollbar-color: var(--grey_Blue-Pale) var(--clear_White);
  scrollbar-width: thin;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans";
  font-weight: 700;
  line-height: 110%;
  color: var(--yoga_Black);
}

h1 {
  font-size: 2.2068965517rem;
}
@media (min-width: 1200px) {
  h1 {
    font-size: 2.7586206897rem;
  }
}

h2 {
  font-size: 1.6551724138rem;
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2.2068965517rem;
  }
}

h3 {
  font-size: 1.3793103448rem;
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.6551724138rem;
  }
}

h4 {
  font-size: 1.2413793103rem;
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.3793103448rem;
  }
}

p {
  font-family: "Noto Sans";
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: "Noto Sans";
  font-size: 100%;
  font-weight: 400;
  scroll-behavior: smooth;
  scroll-padding-top: 5.5172413793rem;
}

@media (max-width: 1200px) {
  html {
    font-size: calc(max(0.5vw, 0.35rem) + max(0.55vh, 0.35rem));
  }
}
@media (min-width: 1200px) {
  html {
    font-size: calc(max(0.5vw, 0.25rem) + max(0.5vh, 0.25rem));
  }
}
@media (min-width: 2600px) and (min-height: 1000px) {
  html {
    font-size: calc(max(0.2vw, 0.25rem) + max(1.1vh, 0.3125rem));
  }
}
body {
  font-family: "Noto Sans";
  color: var(--base_Black);
  background: var(--base_Grey-BG-0);
  overflow-x: clip;
  min-width: 17.9310344828rem;
}

.body-cursor {
  background: url('data:image/svg+xml;utf8,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><rect width="12" height="12" fill="%23F5F5F5" rx="0"/></svg>') repeat;
}

.hidden,
.display_none {
  display: none !important;
}

.orange {
  color: #f97316;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes opacityPreloader {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.1;
    transform: scale(0.99);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.opacityPreloader {
  animation: opacityPreloader 2s infinite ease-in;
}

.page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page__grow {
  flex-grow: 1;
  min-height: 42.7586206897rem;
}
@media (min-width: 1200px) {
  .page__grow {
    min-height: 70.3448275862rem;
  }
}

.page__header {
  margin-top: 2.7586206897rem;
  margin-bottom: 0.9655172414rem;
  gap: 1.1034482759rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .page__header {
    flex-direction: row;
  }
}
.page__header .page__link span {
  color: var(--grey_Blue-More);
  font-size: 1.6551724138rem;
  font-weight: 500;
  line-height: 100%;
}
.page__header .page__back {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-width: 2.7586206897rem;
  width: 2.7586206897rem;
  height: 3.0344827586rem;
}
@media (hover: hover) and (pointer: fine) {
  .page__header .page__back:hover i {
    background: var(--grey_Blue);
  }
}
.page__header .page__back i {
  background: var(--grey_Blue-Light);
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  transition: 0.2s;
}
.page__header .page__title {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  color: var(--grey_Blue-Dark);
  font-size: 1.1034482759rem;
  font-weight: 400;
  letter-spacing: 0.0689655172rem;
  line-height: 125%;
  text-decoration: none;
  text-transform: uppercase;
}
@media (hover: hover) and (pointer: fine) {
  .page__header .page__title:hover i {
    background: var(--grey_Blue);
  }
}
.page__header .page__title i {
  background: var(--grey_Blue-Light);
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  transition: 0.2s;
}
.page__header .title {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}

.page__subHeader {
  color: var(--base_Black);
  font-size: 1.1034482759rem;
  line-height: 140%;
  padding: 0.5517241379rem 1.1034482759rem;
  margin-bottom: 2.7586206897rem;
}

.page__stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.1034482759rem;
}
@media (min-width: 1200px) {
  .page__stats {
    justify-content: flex-start;
  }
}
.page__stats.gap-8 {
  gap: 0.5517241379rem;
}
.page__stats-finances {
  color: var(--grey_Blue-More);
}
.page__stats-finances .page__stat {
  font-size: 1.1034482759rem;
  line-height: 100%;
  font-weight: 400;
}
.page__stats-finances .page__stat .stat-text,
.page__stats-finances .page__stat .balance-span {
  color: var(--grey_Blue-More);
}
.page__stats-playlist {
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .page__stats-playlist {
    flex-direction: row;
    align-items: center;
  }
}
.page__stats-playlist .page__stat {
  text-align: center !important;
}
@media (min-width: 640px) {
  .page__stats-playlist .page__stat {
    text-align: left !important;
  }
}
.page__stats-playlist .page__stat-w122 {
  color: var(--grey_Blue-More);
  font-size: 1.1034482759rem;
  font-weight: 400;
  line-height: 100%;
  max-width: 8.4137931034rem;
  text-align: right;
  width: 100%;
}
.page__stats-playlist .page__stat-w175 {
  color: var(--grey_Blue-More);
  font-size: 1.1034482759rem;
  font-weight: 400;
  line-height: 100%;
  max-width: 12.0689655172rem;
  text-align: right;
  width: 100%;
}
.page__stats-playlist i:not(.Divider) {
  background: var(--grey_Blue-Light);
  height: 1.3793103448rem;
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
}
.page__stats-playlist .stat-info {
  color: var(--grey_Blue-More);
  font-size: 1.6551724138rem;
  font-weight: 500;
  line-height: 100%;
  justify-content: center;
}
@media (min-width: 640px) {
  .page__stats-playlist .stat-info {
    justify-content: flex-start;
  }
}
.page__stats-playlist .stat-info i {
  background: var(--grey_Blue-Light);
  height: 0.9655172414rem;
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
}
.page__stats-dark .stat-info,
.page__stats-dark .count {
  color: var(--yoga_Black) !important;
}
.page__stats .page__stat {
  display: flex;
  flex-direction: column;
}
.page__stats .stat-info {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.page__stats .stat-info i {
  min-width: 1.5172413793rem;
  width: 1.5172413793rem;
  height: 1.5172413793rem;
  background: var(--grey_Blue-Light);
}
.page__stats .stat-info .count {
  color: var(--grey_Blue-More);
  font-family: Noto Sans;
  font-size: 1.6551724138rem;
  font-weight: 500;
  line-height: 100%;
}
.page__stats .stat-info.stat-spinner {
  position: relative;
}
.page__stats .stat-info.stat-spinner .balance-span {
  font-size: 0;
}
.page__stats .stat-info.stat-spinner::after {
  content: "";
  border: 0.1379310345rem solid #fff;
  border-radius: 50%;
  border-top: 0.1379310345rem solid #FF6800;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  animation: spinner 2s linear infinite;
}
.page__stats .balance-span {
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
  font-weight: 500;
}
.page__stats .balance-span__cents {
  font-weight: 300;
}
.page__stats .stat-text {
  color: var(--grey_Blue-Dark);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
  padding-left: 1.7931034483rem;
}
.page__stats .btn {
  height: auto;
  color: var(--grey_Blue-Dark);
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
}
@media (hover: hover) and (pointer: fine) {
  .page__stats .btn:hover i {
    transform: translateX(0.275862069rem);
  }
}
.page__stats .btn i {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Dark);
}

.wrapper {
  max-width: 99.3103448276rem;
  margin: 0 auto;
  padding: 0 0.6896551724rem;
}
@media (min-width: 1200px) {
  .wrapper {
    padding: 0 1.3793103448rem;
  }
}
.wrapper__col {
  display: flex;
  flex-direction: column;
}
.wrapper__col.gap-16 {
  gap: 1.1034482759rem;
}
.wrapper__col.gap-40 {
  gap: 2.7586206897rem;
}
.wrapper__col .page__header {
  margin-bottom: 0;
}

.block {
  background: var(--clear_White);
  border: 0.275862069rem solid var(--clear_White);
  border-radius: 1.1034482759rem;
  corner-shape: round;
  width: 100%;
  position: relative;
  z-index: 1;
  animation: fadeInUp 0.6s ease-out forwards;
}
.block.block__hidden {
  overflow: hidden;
}
.block .block__slide {
  cursor: pointer;
}
.block .block__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5517241379rem;
}
.block .block__title.gap4 {
  gap: 0.275862069rem;
}
.block .block__title span {
  color: var(--base_Black);
  font-family: Noto Sans;
  font-size: 1.0344827586rem;
  font-weight: 400;
  line-height: 140%;
}
.block .block__title span.fz20 {
  font-size: 1.3793103448rem;
  color: var(--yoga_Black);
}
.block .block__header {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.8275862069rem;
  align-items: center;
  min-height: 4.4137931034rem;
  padding: 0.8275862069rem 0.8275862069rem 0.8275862069rem;
}
@media (min-width: 640px) {
  .block .block__header {
    flex-direction: row;
  }
}
.block .block__header:empty {
  min-height: 0.8275862069rem;
  padding: 0;
}
.block .block__header_center {
  justify-content: center;
}
.block .block__header .row {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  flex: 1;
}
.block .block__header .row .select2 {
  width: 9.6551724138rem;
}
.block .block__header .row .small {
  color: var(--grey_Blue-Darker);
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.block .block__header + .block__sub {
  padding-top: 0;
  margin-bottom: 0.8275862069rem;
}
.block .block__header + .block__sub .block__sub__text {
  display: flex;
  gap: 0.5517241379rem;
}
.block .block__header + .block__sub .block__sub__text .all {
  display: flex;
  gap: 0.1379310345rem;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
}
.block .block__header + .block__sub .block__sub__text .all i {
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
  height: 0.9655172414rem;
  background: var(--grey_Blue-Light);
  position: relative;
  top: 0.1379310345rem;
}
.block .block__header + .block__sub .block__sub__text .list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.275862069rem;
  list-style-type: none;
}
.block .block__header + .block__sub .block__sub__text .list li {
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue-Darker);
  position: relative;
  padding-right: 0.8275862069rem;
}
.block .block__header + .block__sub .block__sub__text .list li:first-child {
  padding-right: 0;
}
.block .block__header + .block__sub .block__sub__text .list li:first-child::after {
  display: none;
}
.block .block__header + .block__sub .block__sub__text .list li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.6896551724rem;
  height: 1.1034482759rem;
  background: url(/images/icons/Divider.svg);
}
.block .block__link {
  color: var(--grey_Blue-Dark);
  display: flex;
  font-size: 1.1034482759rem;
  font-weight: 400;
  letter-spacing: 0.0689655172rem;
  line-height: 125%;
  text-decoration: none;
  text-transform: uppercase;
  align-items: center;
  gap: 0.275862069rem;
}
.block .block__link i {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Dark);
}
@media (hover: hover) and (pointer: fine) {
  .block .block__link:hover i {
    transform: translateX(0.275862069rem);
  }
  .block .block__link:hover i.Chevron-Up {
    transform: translateY(-0.275862069rem);
  }
  .block .block__link:hover i.Chevron-Down {
    transform: translateY(0.275862069rem);
  }
}
.block .block__sub {
  padding: 0.275862069rem 0.8275862069rem;
  margin-bottom: 0.275862069rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.1034482759rem;
}
.block .block__sub .stats-title {
  font-weight: 700;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
  padding: 0.8275862069rem 0.8275862069rem;
}
.block .block__sub_end {
  justify-content: flex-end;
}
.block .block__content {
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  overflow: hidden;
  position: relative;
}
.block .block__content.bg-gray {
  padding: 1.1034482759rem;
  background: var(--base_Grey-BG-0);
}
.block .block__content:has(.full-screen) {
  overflow: visible;
}
.block .block__content:has(.responsive-table) {
  overflow-x: auto;
}
.block .block__content.scrollable-y {
  max-height: 35.4482758621rem;
  overflow-y: auto;
}
.block .block__content .empty {
  background: var(--base_Grey-BG-0);
  padding: 1.6551724138rem;
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
}
.block .block__content .empty__inner {
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  color: var(--grey_Blue-Darker);
  font-family: Noto Sans;
  font-size: 1.1034482759rem;
  font-weight: 700;
  letter-spacing: 0.0689655172rem;
  line-height: 125%;
  margin: 0 auto;
  max-width: fit-content;
  padding: 0.5517241379rem 1.1034482759rem;
  text-align: center;
  text-transform: uppercase;
}
.block .block__content .empty__inner a {
  color: var(--base_Black);
  text-decoration: underline;
}
.block__transparent {
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 1.6551724138rem;
}
.block__transparent .block__header {
  border: 0.275862069rem solid var(--clear_White);
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
}

.block-message .release-empty__content-text p {
  margin-bottom: 1.2413793103rem;
}
.block-message .release-empty__content-text p:last-of-type {
  margin-bottom: 0;
}

.stats-block {
  display: grid;
  gap: 1.6551724138rem;
  padding: 1.6551724138rem;
  background: var(--base_Grey-BG-0);
}
@media (min-width: 768px) {
  .stats-block {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 991px) {
  .stats-block {
    grid-template-columns: repeat(3, 1fr);
  }
}
.stats-block__item {
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  padding: 1.6551724138rem 2.2068965517rem;
}
.stats-block__title {
  margin-bottom: 1.1034482759rem;
}

.cover-200 {
  background: url(/images/Cover-Empty.png) no-repeat 50%/cover;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
  border-radius: 0.5517241379rem;
  height: 8.8275862069rem;
  width: 8.8275862069rem;
  min-width: 8.8275862069rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1200px) {
  .cover-200 {
    height: 13.7931034483rem;
    width: 13.7931034483rem;
    min-width: 13.7931034483rem;
  }
}
.cover-200 img {
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.cover-128 {
  background: url(/images/Cover-Empty.png) no-repeat 50%/cover;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
  border-radius: 0.5517241379rem;
  height: 5.5172413793rem;
  width: 5.5172413793rem;
  min-width: 5.5172413793rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1200px) {
  .cover-128 {
    height: 8.8275862069rem;
    width: 8.8275862069rem;
    min-width: 8.8275862069rem;
  }
}
.cover-128-rounded {
  border-radius: 50%;
}
.cover-128 img {
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.cover-128 .play-music {
  position: absolute;
  top: 0;
  right: 0;
}

.cover-32 {
  background: url(/images/icons/Storefront.svg) no-repeat 50%/22px, url(/images/bg/gg.png) no-repeat 50%/cover;
  border-radius: 50%;
  height: 2.2068965517rem;
  width: 2.2068965517rem;
  overflow: hidden;
  position: relative;
}
.cover-32 img {
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.music-header-cover {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.artist-cover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAsCAMAAADVT4H5AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAfJQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wqO2VgAAAKZ0Uk5TAAI7dZabh1gUBGrg//qnIx7H+CTkvWg4M0+Q7YgWu+hgE95AD5eqw/7F1LPmWzzwISh8zeGNOW4tg/XCVRL97AkBNNzTgVev4niMyHMgG6WAwG0ajiKxnDCwJqgvmD4VB/YxSts6vFoDSecGieplRNhUCCVBF57899LjzEPverVLpPTEk/sfyp02+awRKQXQcky/DVzpZEifDIrdtM6rUPEZYycuXWbJLJUAAAK5SURBVHic5ZP7S1RREMe/g+LjJ5WFSLuGYmhgSukPCSq6QpYS4qOXSbZZVpKx4iswrZBWK0zRNrMMLBXRVCrEUCqkdyKsRWlkD7SVEqlAFB8rdDt79+E9N7M/oPnlzMz9nPnOnHsOgTOy2rwiLQ9c2XcbPPU3yp0W7b7T/OzylMqs42pRZJXcx+G94EI0ylG+NAlx9SfJX0ffAC+iccD7HUf5f8XaaaM1cBPGLI4PvZFTwZ/hR68kdxPRe8lZTzQgcn0FjiGwn61hNPXFso3oqbL7SDKEsq5HAvqlMIymXy4zY+xzhP9UWTYHrJoYBGc2Kv6xZRX8iLosbgLRHQXFJgRCVESd9gI7ehDXzlO77mHLM2cjZLa7G9tbeSq1CwktfDNpd5HYzFP7biO5kafCXyPlJk9tHoK/gYM01B76SNF9xi1EdXPUwTaE9yooHGpFar2cOtyCtKtKikl6R9UtQVlNSKfLSip6gKDR2yG39AZk1EBJQTtoQFLHnCUIjmjE3g99Smqjj08Pu3OqZKoE8j4+ZCnRpK3gqAKyt5BNdVl2Je1k/RJVPNUgBTuFKuvnEAP8jCb28z1c+qyU54yIAx5DGy4iaCtdIBSyi1Ze6Pj9rVrHKvT2SdR5KsVpyoebg+mUQx57RnOVVIKzOYB6dlhE0AszFe3QD0/BXNfJCWu8zE7iAwQMS9NWF4tCZD2j4p6gbFg6zksVP3AuG9gTVB4yMmE/bK0OVOl84pjRemdqC81v1ay3rcM6hjpWh6MVdKUAXiO2lGPK/U6zXkTSEdthsAexsEjXcpFpm18ypged1h7m3jBVZdL1HBQVySBXvRY1GbLEyWohnjwWUZorSzYch572yxLsrsdQVQlm5IIxA2JtOnhK/QeFpu5W/JtS2n9D1RTpNStSdfnCKDVris+sSJX98k37Dcrt5KpJuKbFAAAAAElFTkSuQmCC) no-repeat 50%/26px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
}

.play-music {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  height: 2.2068965517rem;
  width: 2.2068965517rem;
  cursor: pointer;
  transition: 0.4s;
}
.play-music i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}
@media (hover: hover) and (pointer: fine) {
  .play-music:hover {
    transform: scale(1.1);
  }
}
.play-music__w64 {
  height: 4.4137931034rem;
  width: 4.4137931034rem;
}
.play-music__w64 i {
  min-width: 4.4137931034rem;
  width: 4.4137931034rem;
  height: 4.4137931034rem;
}
.play-music__w48 {
  height: 3.3103448276rem;
  width: 3.3103448276rem;
}
.play-music__w48 i {
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
}

.track-album {
  color: var(--base_Black);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.track-album__und {
  text-decoration: underline;
}

.track {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.track.line {
  position: relative;
}
.track.line::after {
  background: var(--grey_Blue-Light);
  content: "";
  height: 1.1034482759rem;
  left: -0.9655172414rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0689655172rem;
}
@media screen and (max-width: 640px) {
  .track.line::after {
    transform: rotate(90deg) translateX(-50%);
    top: -0.9655172414rem;
    left: 50% !important;
  }
}
.track.line-mid::after {
  left: -0.8275862069rem;
}
.track .track-cover,
.track .artist-cover,
.track .playlist-cover {
  background: url(/images/Cover-Empty.png) no-repeat 50%/cover;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
  border-radius: 0.6896551724rem;
  height: 3.3103448276rem;
  min-width: 3.3103448276rem !important;
  overflow: hidden;
  position: relative;
  width: 3.3103448276rem;
}
.track .track-cover_white,
.track .artist-cover_white,
.track .playlist-cover_white {
  background: var(--clear_White);
}
.track .track-cover img,
.track .artist-cover img,
.track .playlist-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.track .artist-cover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAsCAMAAADVT4H5AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAfJQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wqO2VgAAAKZ0Uk5TAAI7dZabh1gUBGrg//qnIx7H+CTkvWg4M0+Q7YgWu+hgE95AD5eqw/7F1LPmWzzwISh8zeGNOW4tg/XCVRL97AkBNNzTgVev4niMyHMgG6WAwG0ajiKxnDCwJqgvmD4VB/YxSts6vFoDSecGieplRNhUCCVBF57899LjzEPverVLpPTEk/sfyp02+awRKQXQcky/DVzpZEifDIrdtM6rUPEZYycuXWbJLJUAAAK5SURBVHic5ZP7S1RREMe/g+LjJ5WFSLuGYmhgSukPCSq6QpYS4qOXSbZZVpKx4iswrZBWK0zRNrMMLBXRVCrEUCqkdyKsRWlkD7SVEqlAFB8rdDt79+E9N7M/oPnlzMz9nPnOnHsOgTOy2rwiLQ9c2XcbPPU3yp0W7b7T/OzylMqs42pRZJXcx+G94EI0ylG+NAlx9SfJX0ffAC+iccD7HUf5f8XaaaM1cBPGLI4PvZFTwZ/hR68kdxPRe8lZTzQgcn0FjiGwn61hNPXFso3oqbL7SDKEsq5HAvqlMIymXy4zY+xzhP9UWTYHrJoYBGc2Kv6xZRX8iLosbgLRHQXFJgRCVESd9gI7ehDXzlO77mHLM2cjZLa7G9tbeSq1CwktfDNpd5HYzFP7biO5kafCXyPlJk9tHoK/gYM01B76SNF9xi1EdXPUwTaE9yooHGpFar2cOtyCtKtKikl6R9UtQVlNSKfLSip6gKDR2yG39AZk1EBJQTtoQFLHnCUIjmjE3g99Smqjj08Pu3OqZKoE8j4+ZCnRpK3gqAKyt5BNdVl2Je1k/RJVPNUgBTuFKuvnEAP8jCb28z1c+qyU54yIAx5DGy4iaCtdIBSyi1Ze6Pj9rVrHKvT2SdR5KsVpyoebg+mUQx57RnOVVIKzOYB6dlhE0AszFe3QD0/BXNfJCWu8zE7iAwQMS9NWF4tCZD2j4p6gbFg6zksVP3AuG9gTVB4yMmE/bK0OVOl84pjRemdqC81v1ay3rcM6hjpWh6MVdKUAXiO2lGPK/U6zXkTSEdthsAexsEjXcpFpm18ypged1h7m3jBVZdL1HBQVySBXvRY1GbLEyWohnjwWUZorSzYch572yxLsrsdQVQlm5IIxA2JtOnhK/QeFpu5W/JtS2n9D1RTpNStSdfnCKDVris+sSJX98k37Dcrt5KpJuKbFAAAAAElFTkSuQmCC) no-repeat 50%/26px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
}
.track .playlist-cover {
  background: url(/images/no-img.png) no-repeat 50%/24px, url(/images/playlists-cover.png) no-repeat 50%/cover;
}
.track .place-cover {
  background: url(/images/icons/Storefront.svg) no-repeat 50%/24px, url(/images/bg/gg.png) no-repeat 50%/cover;
  border-radius: 50%;
}
.track .track-play {
  background: transparent;
  border: none;
  display: flex;
  height: 2.2068965517rem;
  left: 50%;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.2068965517rem;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: 0.2s;
}
.track .track-play i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}
@media (hover: hover) and (pointer: fine) {
  .track .track-play:hover {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.track .track-title {
  font-family: Noto Sans;
  font-weight: 600;
  font-size: 1.5172413793rem;
  line-height: 100%;
  color: var(--yoga_Black);
  padding-bottom: 0.275862069rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
}
@media (min-width: 640px) {
  .track .track-title {
    white-space: nowrap;
  }
}
.track .track-title.underline {
  text-decoration: underline !important;
}
.track .track-author {
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  max-width: 100%;
}
@media (min-width: 640px) {
  .track .track-author {
    white-space: nowrap;
  }
}
.track .track-author__big {
  color: var(--base_Black);
  font-weight: 400;
  font-size: 1.1034482759rem;
}
.track.track__small .track-title {
  color: var(--yoga_Black);
  font-size: 1.2413793103rem;
  font-weight: 700;
  line-height: 100%;
}
.track.track__small .track-author {
  color: var(--grey_Blue);
  font-size: 0.8275862069rem;
  font-weight: 500;
  line-height: 125%;
  margin-top: 0.275862069rem;
}

.radio-cover {
  border-radius: 0;
  height: 3.3103448276rem;
  min-width: 6.8965517241rem;
  text-align: center;
  width: 6.8965517241rem;
  overflow: hidden;
}
.radio-cover img {
  height: 2.8965517241rem;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

.filter__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.1034482759rem;
}

.chart-container {
  height: 26.2068965517rem;
  padding-bottom: 0.9655172414rem;
  top: 0;
  left: 0;
  right: 0;
  transition: opacity 0.4s ease-in-out;
  position: relative;
}
@media (min-width: 1200px) {
  .chart-container {
    height: 33.1034482759rem;
  }
}
.chart-container.abs {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}
.chart-container canvas {
  width: 100%;
  height: 33.1034482759rem;
}

.streaming-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5517241379rem;
  padding: 1.3793103448rem 0.5517241379rem 0.5517241379rem;
  position: relative;
}
.streaming-filters.hidden {
  display: none;
}
.streaming-filters__noneAfter {
  padding: 0.8275862069rem 0;
}
.streaming-filters__noneAfter::after {
  display: none;
}
.streaming-filters::after {
  background: var(--base_Grey-BG-0);
  content: "";
  height: 0.5517241379rem;
  left: -0.5517241379rem;
  position: absolute;
  top: 0;
  width: calc(100% + 1.1034482759rem);
}
.streaming-filters .Globe-Simple {
  background: var(--grey_Blue-Darker);
}
.streaming-filters .btn-filter {
  display: flex;
  align-items: center;
  gap: 0.7586206897rem;
  padding: 0.8275862069rem 0.6896551724rem;
  height: 2.4827586207rem;
  border-radius: 0.5517241379rem;
  background: transparent;
  border: 0.0689655172rem solid transparent;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 100%;
  color: var(--base_Black);
  cursor: pointer;
  transition: all 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .streaming-filters .btn-filter:hover {
    border-color: var(--base_Grey-0);
  }
}
.streaming-filters .btn-filter[data-filter*=all]::before, .streaming-filters .btn-filter[data-filter*="All streamings"]::before, .streaming-filters .btn-filter[data-filter*="Все стриминги"]::before {
  display: none;
}
.streaming-filters .btn-filter__beforeNone::before {
  display: none !important;
}
.streaming-filters .btn-filter::before {
  content: "";
  display: block;
  width: 0.6896551724rem;
  height: 0.275862069rem;
  border-radius: 0.275862069rem;
  background: var(--data-color);
}
.streaming-filters .btn-filter.active {
  border-color: var(--yoga_Black);
}
.streaming-filters__big .Globe-Simple {
  background: var(--salad_Green);
}
.streaming-filters__big .btn-filter {
  font-size: 1.2413793103rem;
}

@media (hover: hover) and (pointer: fine) {
  .anim-logo:hover .anim-logo-rect {
    transform: translateX(100%);
  }
}

.anim-logo-rect {
  transform: translateX(-100%);
  transition: transform 0.4s;
}

.icons {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.icons .icon {
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  border-radius: 0.5517241379rem;
  height: 2.2068965517rem;
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icons .icon i {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Darker);
}
.icons .icon i.Play-Contrast {
  background: transparent;
  background-image: url(/images/icons/Play-Contrast.svg);
  background-size: cover;
}
.icons .icon i.Pause-Contrast {
  background: transparent;
  background-image: url(/images/icons/Pause-Contrast.svg);
  background-size: cover;
}
.icons .icon.orange {
  background: var(--pale_Orange);
  border-color: var(--base_Orange);
}
.icons .icon.orange i {
  background: var(--base_Orange);
}
.icons .icon.green {
  background: var(--pale_Salad);
  border-color: var(--salad_Green-Dark);
}
.icons .icon.green i {
  background: var(--salad_Green-Dark);
}
.icons .icon.blue {
  background: var(--pale_Blue);
  border-color: var(--cornflower_Blue);
}
.icons .icon.blue i {
  background: var(--cornflower_Blue);
}
.icons .icon.bblue {
  background: var(--cornflower_Blue);
  border-color: var(--pale_Blue);
}
.icons .icon.bblue i {
  background: var(--pale_Blue);
}

.contract-history .status {
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.contract-history .status i {
  background: currentColor;
  min-width: 0.6896551724rem;
  width: 0.6896551724rem;
  height: 0.6896551724rem;
}
.contract-history .status.active {
  color: var(--base_Green-Dark);
}
.contract-history .status.inactive {
  color: var(--base_Red-Darker);
}
.contract-history .status.processing {
  color: var(--cornflower_Blue);
}

.contract-status {
  text-align: center;
}
@media (min-width: 640px) {
  .contract-status {
    text-align: left;
  }
}
.contract-status span {
  color: var(--grey_Blue-Dark);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
}
.contract-status .status {
  font-family: Noto Sans;
  font-size: 1.6551724138rem;
  margin-top: 0.1379310345rem;
  font-weight: 500;
  line-height: 100%;
}
.contract-status .status i {
  background: currentColor;
}
.contract-status .status.active {
  color: var(--base_Green-Dark);
}
.contract-status .status.inactive {
  color: var(--base_Red-Darker);
}
.contract-status .status.processing {
  color: var(--cornflower_Blue);
}
.contract-status__base span {
  font-size: 1.1034482759rem;
  line-height: 100%;
  color: var(--grey_Blue-More);
}
.contract-status__base .status {
  font-size: 1.1034482759rem;
  font-weight: 700;
}

.full-screen {
  height: 48.275862069rem;
  margin: 0 auto;
  position: relative;
  width: 90vw;
  margin-left: calc(-45vw + 50%);
}
.full-screen #pdf {
  width: 100% !important;
  height: 100% !important;
  border-radius: 1.1034482759rem;
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
}

.bg-white {
  background: var(--clear_White);
}

.cursor-pointer {
  cursor: pointer;
}

.flag-container {
  min-width: 1.5172413793rem;
  width: 1.5172413793rem;
  height: 1.1724137931rem;
  overflow: hidden;
  position: relative;
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  border-radius: 0.1379310345rem;
}
.flag-container.dark {
  border-color: var(--grey_Blue-Darker);
  border-radius: 0.275862069rem;
}
.flag-container .flag {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 1.7931034483rem;
  width: 1.7931034483rem;
  height: 1.3793103448rem;
  object-fit: contain;
  object-position: center;
  transform-origin: center;
  margin: 0 !important;
}
.flag-container-w16 {
  min-width: 1.2413793103rem;
  width: 1.2413793103rem;
  height: 0.9655172414rem;
}
.flag-container-w16 .flag {
  min-width: 1.2413793103rem;
  width: 1.2413793103rem;
  height: 1.5172413793rem;
}
.flag-container-w24 {
  min-width: 1.7931034483rem;
  width: 1.7931034483rem;
  height: 1.2413793103rem;
}
.flag-container-w24 .flag {
  min-width: 1.7931034483rem;
  width: 1.7931034483rem;
  height: 1.9310344828rem;
}
.flag-container-w32 {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 1.5172413793rem;
}
.flag-container-w32 .flag {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.7586206897rem;
}
.flag-container-w48 {
  min-width: 3.1724137931rem;
  width: 3.1724137931rem;
  height: 2.3448275862rem;
  border-radius: 0.275862069rem;
}
.flag-container-w48 .flag {
  min-width: 3.1724137931rem;
  width: 3.1724137931rem;
  height: 3.724137931rem;
}

.start-tour-btn {
  background: var(--light_Red);
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  position: fixed;
  top: 4.1379310345rem;
  left: 2.7586206897rem;
  z-index: 100;
  padding: 0.275862069rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.start-tour-btn .Question {
  background: var(--clear_White);
}

.block__content.abs {
  opacity: 0;
  height: 0;
  visibility: hidden;
}

.block__content {
  transition: opacity 0.4s ease-in-out;
  position: relative;
}

.upload_form_mb {
  display: flex;
  flex-direction: column;
  gap: 2.7586206897rem;
}

.ul_album_slist {
  list-style-type: none;
}

#distribution_error {
  color: #E64245;
  text-align: center;
}

.chart-tooltip {
  z-index: 99;
}

.streaming-filters.chart.chart-items .btn-filter::before {
  display: none;
}

.Divider {
  background-image: url("/images/icons/Divider.svg");
  width: 0.6896551724rem;
  min-width: 0.6896551724rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Divider-X {
  --svg-icon: url('/images/icons/Divider-X.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Divider-X.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Divider-Y {
  --svg-icon: url('/images/icons/Divider-Y.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Divider-Y.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Chevron-Down {
  --svg-icon: url('/images/icons/Chevron-Down.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Chevron-Down.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s ease-in-out;
}

.Chevron-Up {
  --svg-icon: url('/images/icons/Chevron-Up.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Chevron-Up.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s ease-in-out;
}

.Chevron-Right {
  --svg-icon: url('/images/icons/Chevron-Right.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Chevron-Right.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s ease-in-out;
}

.Chevron-Left {
  --svg-icon: url('/images/icons/Chevron-Left.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Chevron-Left.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s ease-in-out;
}

.Chart-Line {
  --svg-icon: url('/images/icons/Chart-Line.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Chart-Line.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Shopping-Bag {
  --svg-icon: url('/images/icons/Shopping-Bag.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Shopping-Bag.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Lightning {
  --svg-icon: url('/images/icons/Lightning.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Lightning.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Checks {
  --svg-icon: url('/images/icons/Checks.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Checks.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Sound-Wave {
  --svg-icon: url('/images/icons/Sound-Wave.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Sound-Wave.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Music-Playlist {
  --svg-icon: url('/images/icons/Music-Playlist.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Music-Playlist.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.User {
  --svg-icon: url('/images/icons/User.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/User.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Shield-Check {
  --svg-icon: url('/images/icons/Shield-Check.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Shield-Check.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Recall {
  --svg-icon: url('/images/icons/Arrow-Recall.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Arrow-Recall.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Close {
  --svg-icon: url('/images/icons/Close.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Close.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Currency-Dollar {
  --svg-icon: url('/images/icons/Currency-Dollar.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Currency-Dollar.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Currency-Euro {
  --svg-icon: url('/images/icons/Currency-Euro.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Currency-Euro.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Rub {
  --svg-icon: url('/images/icons/Rub.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Rub.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Percent {
  --svg-icon: url('/images/icons/Percent.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Percent.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Bank {
  --svg-icon: url('/images/icons/Bank.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Bank.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Withdraw {
  --svg-icon: url('/images/icons/Withdraw.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Withdraw.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Replenish {
  --svg-icon: url('/images/icons/Replenish.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Replenish.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Artist {
  --svg-icon: url('/images/icons/Artist.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Artist.svg");
  width: 0.8965517241rem;
  min-width: 0.8965517241rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Micro {
  --svg-icon: url('/images/icons/Micro.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Micro.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Headshake {
  --svg-icon: url('/images/icons/Headshake.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Headshake.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Disk {
  --svg-icon: url('/images/icons/Disk.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Disk.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Info2 {
  --svg-icon: url('/images/icons/Info2.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Info2.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Socials {
  --svg-icon: url('/images/icons/Socials.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Socials.svg");
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Globe {
  --svg-icon: url('/images/icons/Globe.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Globe.svg");
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Lists {
  --svg-icon: url('/images/icons/Lists.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Lists.svg");
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.House-Line {
  --svg-icon: url('/images/icons/House.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/House.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.TV {
  --svg-icon: url('/images/icons/TV.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/TV.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Church {
  --svg-icon: url('/images/icons/Church.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Church.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Globe-Hemisphere-West {
  --svg-icon: url('/images/icons/Globe-Hemisphere-West.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Globe-Hemisphere-West.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Asterisk {
  --svg-icon: url('/images/icons/Asterisk.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Asterisk.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Copy-Simple {
  --svg-icon: url('/images/icons/Copy-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Copy-Simple.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Globe-Simple {
  --svg-icon: url('/images/icons/Globe-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Globe-Simple.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Check {
  --svg-icon: url('/images/icons/Check.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Check.svg");
  background: currentColor;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Thumbs-Down {
  --svg-icon: url('/images/icons/Thumbs-Down.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Thumbs-Down.svg");
  background: currentColor;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Storefront {
  --svg-icon: url('/images/icons/Storefront.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Storefront.svg");
  background: currentColor;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Thumbs-Up {
  --svg-icon: url('/images/icons/Thumbs-Up.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Thumbs-Up.svg");
  background: currentColor;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Map-Pin-Line {
  --svg-icon: url('/images/icons/Map-Pin-Line.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Map-Pin-Line.svg");
  background: currentColor;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Upload-Simple {
  --svg-icon: url('/images/icons/Upload-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Upload-Simple.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Chat-Teardrop-Dots {
  --svg-icon: url('/images/icons/Chat-Teardrop-Dots.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Chat-Teardrop-Dots.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Envelope-Simple-Open {
  background-image: url("/images/icons/Envelope-Simple-Open.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Phone {
  background-image: url("/images/icons/Phone.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Go-Up {
  background-image: url("/images/icons/Go-Up.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Shield-Warning {
  background-image: url("/images/icons/Shield-Warning.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Cookies {
  background-image: url("/images/icons/Cookies.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Telegram {
  background-image: url("/images/icons/Telegram.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Vk {
  background-image: url("/images/icons/Vk.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Instagram {
  background-image: url("/images/icons/Instagram.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Eye-Open {
  background-image: url("/images/icons/Eye-Open.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Eye-Closed {
  --svg-icon: url('/images/icons/Eye-Closed.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Eye-Closed.svg");
  background: currentColor;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Eye-Closed2 {
  --svg-icon: url('/images/icons/Eye-Closed2.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Eye-Closed.svg");
  background: currentColor;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Info {
  --svg-icon: url('/images/icons/Info.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Info.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Line-Right {
  --svg-icon: url('/images/icons/Arrow-Line-Right.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Arrow-Line-Right.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Line-Left {
  --svg-icon: url('/images/icons/Arrow-Line-Left.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Arrow-Line-Left.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Paperclip {
  --svg-icon: url('/images/icons/Paperclip.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Paperclip.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.PaperPlane {
  --svg-icon: url('/images/icons/PaperPlane.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/PaperPlane.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.File-Arrow-Down {
  --svg-icon: url('/images/icons/File-Arrow-Down.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/File-Arrow-Down.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Incomplete {
  --svg-icon: url('/images/icons/Incomplete.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Incomplete.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Broadcast-Station {
  --svg-icon: url('/images/icons/Broadcast-Station.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Broadcast-Station.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Megaphone {
  --svg-icon: url('/images/icons/Megaphone.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Megaphone.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Down {
  --svg-icon: url('/images/icons/Arrow-Down.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Arrow-Down.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Hourglass-Medium {
  --svg-icon: url('/images/icons/Hourglass-Medium.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Hourglass-Medium.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Hourglass {
  --svg-icon: url('/images/icons/Hourglass.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Hourglass.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Cloud-Moon {
  --svg-icon: url('/images/icons/Cloud-Moon.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Cloud-Moon.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Cloud-Check {
  --svg-icon: url('/images/icons/Cloud-Check.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Cloud-Check.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Cloud-Arrow-Up {
  --svg-icon: url('/images/icons/Cloud-Arrow-Up.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Cloud-Arrow-Up.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Magnifying-Glass {
  --svg-icon: url('/images/icons/Magnifying-Glass.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Magnifying-Glass.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Check-Circle-Winged {
  --svg-icon: url('/images/icons/Check-Circle-Winged.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Check-Circle-Winged.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Folders-Simple {
  --svg-icon: url('/images/icons/Folders-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Folders-Simple.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.X {
  --svg-icon: url('/images/icons/X.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/X.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrows-Out-Line-Vertical {
  --svg-icon: url('/images/icons/Arrows-Out-Line-Vertical.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Arrows-Out-Line-Vertical.svg");
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Pencil-Line {
  --svg-icon: url('/images/icons/Pencil-Line.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Pencil-Line.svg");
  width: 1.1034482759rem;
  min-width: 1.1034482759rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Dot {
  --svg-icon: url('/images/icons/Dot.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Dot.svg");
  width: 0.6896551724rem;
  min-width: 0.6896551724rem;
  height: 0.6896551724rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Shopping-Cart {
  --svg-icon: url('/images/icons/Shopping-Cart.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Shopping-Cart.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.File-Text {
  --svg-icon: url('/images/icons/File-Text.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/File-Text.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Coffee {
  --svg-icon: url('/images/icons/Coffee.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Coffee.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Heartbeat {
  --svg-icon: url('/images/icons/Heartbeat.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Heartbeat.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Barbell {
  --svg-icon: url('/images/icons/Barbell.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Barbell.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Gift {
  --svg-icon: url('/images/icons/Gift.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Gift.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Bed {
  --svg-icon: url('/images/icons/Bed.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Bed.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Car-Simple {
  --svg-icon: url('/images/icons/Car-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Car-Simple.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Carnaval-Mask {
  --svg-icon: url('/images/icons/Carnaval-Mask.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Carnaval-Mask.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Counter-Clockwise {
  --svg-icon: url('/images/icons/Arrow-Counter-Clockwise.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Arrow-Counter-Clockwise.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Coat-Of-Arms-Simple {
  --svg-icon: url('/images/icons/Coat-Of-Arms-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Coat-Of-Arms-Simple.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Download-Simple {
  --svg-icon: url('/images/icons/Download-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Download-Simple.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Heart {
  --svg-icon: url('/images/icons/Heart.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Heart.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Text-Plus {
  --svg-icon: url('/images/icons/Text-Plus.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Text-Plus.svg");
  width: 1.1034482759rem;
  min-width: 1.1034482759rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Text {
  --svg-icon: url('/images/icons/Text.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Text.svg");
  width: 1.1034482759rem;
  min-width: 1.1034482759rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Isrc {
  --svg-icon: url('/images/icons/Isrc.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Isrc.svg");
  width: 1.1034482759rem;
  min-width: 1.1034482759rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Calendar-Check {
  --svg-icon: url('/images/icons/Calendar-Check.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Calendar-Check.svg");
  width: 1.1034482759rem;
  min-width: 1.1034482759rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Plus {
  --svg-icon: url('/images/icons/Plus.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Plus.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Warning {
  --svg-icon: url('/images/icons/Warning.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Warning.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Trash-Simple {
  --svg-icon: url('/images/icons/Trash-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Trash-Simple.svg");
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Calendar-Blank {
  --svg-icon: url('/images/icons/Calendar-Blank.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Calendar-Blank.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Calendar-Blank-3 {
  --svg-icon: url('/images/icons/Calendar-Blank-3.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Calendar-Blank-3.svg");
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Calendar-Blank-6 {
  --svg-icon: url('/images/icons/Calendar-Blank-6.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Calendar-Blank-6.svg");
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Calendar-Blank-12 {
  --svg-icon: url('/images/icons/Calendar-Blank-12.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Calendar-Blank-12.svg");
  width: 1.8rem;
  min-width: 1.8rem;
  height: 1.8rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Dots-Three-Vertical {
  --svg-icon: url('/images/icons/Dots-Three-Vertical.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Dots-Three-Vertical.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Certificate {
  --svg-icon: url('/images/icons/Certificate.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Certificate.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Question-Simple {
  --svg-icon: url('/images/icons/Question-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Question-Simple.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Clock {
  --svg-icon: url('/images/icons/Clock.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background: currentColor;
  background-image: url("/images/icons/Clock.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Play-Contrast {
  background-image: url("/images/icons/Play-Contrast.svg");
  width: 3.0344827586rem;
  min-width: 3.0344827586rem;
  height: 3.0344827586rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Pause-Contrast {
  background-image: url("/images/icons/Pause-Contrast.svg");
  width: 3.0344827586rem;
  min-width: 3.0344827586rem;
  height: 3.0344827586rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Folder-Simple {
  --svg-icon: url('/images/icons/Folder-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Folder-Simple.svg");
  width: 2.2068965517rem;
  min-width: 2.2068965517rem;
  height: 2.2068965517rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Map-Pin {
  --svg-icon: url('/images/icons/Map-Pin.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Map-Pin.svg");
  width: 2.2068965517rem;
  min-width: 2.2068965517rem;
  height: 2.2068965517rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Crown {
  --svg-icon: url('/images/icons/Crown.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Crown.svg");
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Circle {
  --svg-icon: url('/images/icons/Circle.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Circle.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Headphones {
  --svg-icon: url('/images/icons/Headphones.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Headphones.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Globe-Hemisphere-East {
  --svg-icon: url('/images/icons/Globe-Hemisphere-East.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Globe-Hemisphere-East.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Circle-Ghost {
  --svg-icon: url('/images/icons/Circle-Ghost.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Circle-Ghost.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Play-Circle-Tape {
  --svg-icon: url('/images/icons/Play-Circle-Tape.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Play-Circle-Tape.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Star {
  --svg-icon: url('/images/icons/Star.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Star.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Star-Fill {
  --svg-icon: url('/images/icons/Star-Fill.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Star-Fill.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Asterisk-Uppercase {
  --svg-icon: url('/images/icons/Asterisk-Uppercase.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Asterisk-Uppercase.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Music-Notes {
  --svg-icon: url('/images/icons/Music-Notes.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Music-Notes.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.City {
  --svg-icon: url('/images/icons/City.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/City.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Link-Simple {
  --svg-icon: url('/images/icons/Link-Simple.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Link-Simple.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Up-Right {
  --svg-icon: url('/images/icons/Arrow-Up-Right.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Arrow-Up-Right.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Check-Circle {
  --svg-icon: url('/images/icons/Check-Circle.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Check-Circle.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Share-Network {
  --svg-icon: url('/images/icons/Share-Network.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Share-Network.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Ai {
  --svg-icon: url('/images/icons/Ai.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Ai.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Music-Note {
  --svg-icon: url('/images/icons/Music-Note.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Music-Note.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Play-Circle {
  --svg-icon: url('/images/icons/Play-Circle.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Play-Circle.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Skip-Back {
  --svg-icon: url('/images/icons/Skip-Back.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Skip-Back.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Skip-Forward {
  --svg-icon: url('/images/icons/Skip-Forward.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Skip-Forward.svg");
  background: currentColor;
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Left {
  --svg-icon: url('/images/icons/Arrow-Left.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Arrow-Left.svg");
  background: currentColor;
  width: 2.7586206897rem;
  min-width: 2.7586206897rem;
  height: 2.7586206897rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Up {
  --svg-icon: url('/images/icons/Arrow-Up.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Arrow-Up.svg");
  background: currentColor;
  width: 2.7586206897rem;
  min-width: 2.7586206897rem;
  height: 2.7586206897rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Arrow-Right {
  --svg-icon: url('/images/icons/Arrow-Right.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Arrow-Right.svg");
  background: currentColor;
  width: 2.7586206897rem;
  min-width: 2.7586206897rem;
  height: 2.7586206897rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Logo {
  --svg-icon: url('/images/icons/Logo.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Logo.svg");
  background: currentColor;
  width: 27.7931034483rem;
  min-width: 27.7931034483rem;
  height: 7.7931034483rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Question {
  --svg-icon: url('/images/icons/Question.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Question.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Copyright {
  --svg-icon: url('/images/icons/Copyright.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Copyright.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Phonogram {
  --svg-icon: url('/images/icons/Phonogram.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Phonogram.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Notes-Cover {
  --svg-icon: url('/images/icons/Notes-Cover.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Notes-Cover.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Whatsapp-Logo {
  --svg-icon: url('/images/icons/Whatsapp-Logo.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Whatsapp-Logo.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Telegram-Logo {
  --svg-icon: url('/images/icons/Telegram-Logo.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Telegram-Logo.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.VK-Logo {
  --svg-icon: url('/images/icons/VK-Logo.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/VK-Logo.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Y-Logo {
  --svg-icon: url('/images/icons/Y-Logo.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Y-Logo.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Instagram-Logo {
  --svg-icon: url('/images/icons/Instagram-Logo.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Instagram-Logo.svg");
  background: currentColor;
  width: 1.6551724138rem;
  min-width: 1.6551724138rem;
  height: 1.6551724138rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Mandala2 {
  --svg-icon: url('/images/icons/Mandala.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background-image: url("/images/icons/Mandala.svg");
  width: 2.7586206897rem;
  min-width: 2.7586206897rem;
  height: 2.7586206897rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
}

.Mandala {
  --svg-icon: url('/images/bg/Mandala.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  background-image: url("/images/bg/Mandala.svg");
  background: #fff;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  min-height: 62.0689655172rem;
}

.icon-favorite {
  background-color: transparent;
  border: none;
  width: 70px;
  height: 50px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAMAAADJPRQhAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAARpQTFRFAAAA/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pC/4pCD02yigAAAF50Uk5TAGk2H/Woev/wJxnmm4zyLDH4jpfnGAQ1THD0oDwOI2iKrc7j/fHZvZVvXDcgz6UXzKQMGgUd06EH0bMQHtv+hQKr+zAJ0kYW62WZWrbctZMoE9XH96Ihi+XgxUOP7kk3vLkAAAD8SURBVHicY2RAAoyM/5A4SBLMjIy/scuwMTIyfscmw8X4h4H1CzYZ3l8MDOyMHzFlBBi/AUnud5gywmCDeBlfI8uIfeEFWv4WLCDC+FbkMVhGjhEMHiPsg4ow6jDeYsAG1BkZ9BmvY5HQYgTaY/z+KaYE8xmQC0wZL6JJGDCegLhNTvocioQx41GYf2wYTyHEzRkZDyB86ngMIWPNuBfuUwYXxkNIhtnvQsi4M+5HknHajpBx/n8UScZ5G0LGew+IZLdjBJvjvgkh4wW0868344bArax/gOqenYDJiNlu8WW8dhXEDGNkXC9nuAom4y7EyLgUZoupOuNLkKEAub42o3VcPQ8AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
}

.icon-unfavorite {
  background-color: transparent;
  border: none;
  width: 70px;
  height: 50px;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAMAAADJPRQhAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAARpQTFRFAAAA0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSVVDGOgAAAF50Uk5TAGk2H/Woev/wJxnmm4zyLDH4jpfnGAQ1THD0oDwOI2iKrc7j/fHZvZVvXDcgz6UXzKQMGgUd06EH0bMQHtv+hQKr+zAJ0kYW62WZWrbctZMoE9XH96Ihi+XgxUOP7kk3vLkAAAD8SURBVHicY2RAAoyM/5A4SBLMjIy/scuwMTIyfscmw8X4h4H1CzYZ3l8MDOyMHzFlBBi/AUnud5gywmCDeBlfI8uIfeEFWv4WLCDC+FbkMVhGjhEMHiPsg4ow6jDeYsAG1BkZ9BmvY5HQYgTaY/z+KaYE8xmQC0wZL6JJGDCegLhNTvocioQx41GYf2wYTyHEzRkZDyB86ngMIWPNuBfuUwYXxkNIhtnvQsi4M+5HknHajpBx/n8UScZ5G0LGew+IZLdjBJvjvgkh4wW0868344bArax/gOqenYDJiNlu8WW8dhXEDGNkXC9nuAom4y7EyLgUZoupOuNLkKEAub42o3VcPQ8AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
}

.btn {
  font-family: "Noto Sans";
  font-weight: 400;
  font-size: 1.1034482759rem;
  height: 3.3103448276rem;
  line-height: 100%;
  padding: 0.9655172414rem 1.1034482759rem;
  border: none;
  border-radius: 0.5517241379rem;
  corner-shape: round;
  background: transparent;
  cursor: pointer;
  transition: 0.2s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  gap: 0.275862069rem;
  text-decoration: none;
  min-width: 8.275862069rem;
}
.btn i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
.btn:disabled {
  background: var(--base_Grey-1) !important;
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  color: var(--base_Grey-3);
  cursor: default;
}
.btn:disabled i {
  background: var(--base_Grey-3);
}
.btn.btn_small {
  height: 2.4827586207rem;
  padding: 0.5517241379rem 1.1034482759rem;
}
.btn.btn_dark {
  background: var(--base_Grey-4);
  color: var(--clear_White);
}
@media (hover: hover) and (pointer: fine) {
  .btn.btn_dark:hover {
    background: var(--clear_Black);
  }
}
.btn.btn_white {
  background: var(--clear_White);
  color: var(--grey_Blue-Dark);
}
.btn.btn_white i {
  background: var(--base_Grey-3);
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .btn.btn_white:hover {
    color: var(--yoga_Black);
  }
  .btn.btn_white:hover i {
    background: var(--base_Black);
  }
}
.btn.btn_border {
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
}
@media (hover: hover) and (pointer: fine) {
  .btn.btn_border:hover {
    border-color: var(--grey_Blue-Light);
  }
}
.btn.btn_red {
  background: var(--yoga_Black);
  color: var(--light_Red);
}
@media (hover: hover) and (pointer: fine) {
  .btn.btn_red:hover {
    background: var(--base_Grey-4);
  }
}
.btn.btn_36 {
  height: 2.4827586207rem;
}
.btn.btn_32 {
  height: 2.2068965517rem;
  padding: 0.6206896552rem 0.6896551724rem;
  font-size: 0.9655172414rem;
}
.btn.btn_150 {
  min-width: 10.3448275862rem;
}
.btn.btn_spinner {
  cursor: default;
  position: relative;
}
.btn.btn_spinner i {
  background: var(--grey_Blue-Pale);
}
.btn.btn_spinner::after {
  content: "";
  position: absolute;
  margin: auto;
  animation: spinner 2s linear infinite;
  border: 0.1379310345rem solid #fff;
  border-radius: 50%;
  border-top: 0.1379310345rem solid #FF6800;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}
.btn.btn_spinner.btn_white {
  color: var(--grey_Blue-Pale);
}
.btn.btn_spinner.btn_dark {
  color: #6a6a6a;
}

label.radio {
  display: flex;
  gap: 0.4137931034rem;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding: 0.275862069rem 0.5517241379rem;
  user-select: none;
}
@media (hover: hover) and (pointer: fine) {
  label.radio:hover .radio-custom {
    box-shadow: 0 0 0 0.2068965517rem var(--grey_Blue-Pale);
  }
}
label.radio input[type=radio] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
label.radio input[type=radio]:checked ~ .radio-custom::before {
  transform: translate(-50%, -50%) scale(1);
}
label.radio input[type=radio]:checked ~ .radio-custom::before {
  transform: translate(-50%, -50%) scale(1);
}
label.radio input[type=radio]:checked ~ .radio-custom::after {
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.16s, opacity 0.34s cubic-bezier(0.22, 0.68, 0.7, 1.2);
}
label.radio .radio-custom {
  position: relative;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  border-radius: 50%;
  background: var(--clear_White);
  box-shadow: 0 0 0 0.1379310345rem var(--grey_Blue-Pale);
  transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
label.radio .radio-custom::before, label.radio .radio-custom::after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.32s cubic-bezier(0.22, 0.68, 0.7, 1.2), opacity 0.2s;
}
label.radio .radio-custom::before {
  border: 0.1379310345rem solid var(--base_Grey-4);
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  transform: translate(-50%, -50%) scale(1);
}
label.radio .radio-custom::after {
  background: var(--base_Grey-4);
  width: 0.8275862069rem;
  height: 0.8275862069rem;
  z-index: 0;
}
label.radio .radio-label {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.2413793103rem;
  line-height: 100%;
  color: var(--base_Black);
}

.checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.5517241379rem;
  padding: 0.5517241379rem;
  cursor: pointer;
  position: relative;
  user-select: none;
}
.checkbox-label input[type=checkbox] {
  display: none;
}
.checkbox-label input[type=checkbox]:checked + .checkbox-custom {
  background: var(--base_Grey-4);
}
.checkbox-label input[type=checkbox]:checked + .checkbox-custom::after {
  opacity: 1;
}
.checkbox-label .checkbox-custom {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  border-radius: 0.4137931034rem;
  background: var(--clear_White);
  border: 0.1379310345rem solid var(--base_Grey-4);
  position: relative;
  box-shadow: 0 0 0 0.1379310345rem var(--grey_Blue-Pale);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s cubic-bezier(0.5, 0.7, 0.4, 1);
}
.checkbox-label .checkbox-custom::after {
  content: "";
  display: block;
  width: 0.9655172414rem;
  height: 0.6896551724rem;
  background: url(/images/icons/Check.svg) no-repeat center;
  transition: 0.2s cubic-bezier(0.5, 0.7, 0.4, 1);
  opacity: 0;
}

.tabs,
.tabs-link {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background: var(--base_Grey-BG-1);
  border-radius: 0.6896551724rem;
  padding: 0.275862069rem;
  width: fit-content;
}
.tabs__flex,
.tabs-link__flex {
  width: 100%;
}
.tabs__flex .sort,
.tabs-link__flex .sort {
  margin-left: auto;
}
.tabs__flex .sort .select2,
.tabs-link__flex .sort .select2 {
  width: 17.9310344828rem;
}
.tabs__item,
.tabs-link__item {
  position: relative;
  z-index: 1;
  padding: 0.5517241379rem 0.8275862069rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 100%;
  color: var(--yoga_Black);
  border-radius: 0.5517241379rem;
  cursor: pointer;
  transition: 0.2s;
  user-select: none;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .tabs__item:hover,
  .tabs-link__item:hover {
    background: var(--clear_White);
  }
}
.tabs__item.active,
.tabs-link__item.active {
  color: var(--clear_White);
  background: var(--base_Grey-4);
}
.tabs a.tabs-link__item,
.tabs-link a.tabs-link__item {
  cursor: pointer;
  color: var(--yoga_Black);
}
.tabs a.tabs-link__item.active,
.tabs-link a.tabs-link__item.active {
  background: var(--base_Grey-4);
  color: var(--clear_White);
}

.tabs-link {
  gap: 0.275862069rem;
  background: transparent;
}
.tabs-link__item {
  background: var(--base_Grey-BG-1);
  color: var(--base_Grey-2);
  font-size: 1.1034482759rem;
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  .tabs-link__item:hover {
    background: var(--clear_White);
  }
}
.tabs-link__item.active {
  background: var(--base_Grey-4);
  cursor: default;
}

.tabs__slider {
  position: absolute;
  top: 0.275862069rem;
  left: 0;
  height: calc(100% - 0.5517241379rem);
  background: var(--base_Grey-4);
  border-radius: 0.5517241379rem;
  transition: transform 0.35s cubic-bezier(0.7, 0.8, 0.35, 1.15), width 0.35s cubic-bezier(0.7, 0.8, 0.35, 1.15);
  z-index: 0;
}

.subtas {
  display: flex;
  align-items: center;
  gap: 1.1034482759rem;
}
.subtas__item {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 100%;
  color: var(--grey_Blue-Darker);
  user-select: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  padding-bottom: 0.5517241379rem;
  cursor: pointer;
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .subtas__item:hover:not(.active) {
    transform: translateY(-0.0689655172rem);
    color: var(--yoga_Black);
    border-bottom: 0.0689655172rem solid var(--grey_Blue-Light);
  }
  .subtas__item:hover:not(.active) i {
    background: var(--yoga_Black);
  }
}
.subtas__item i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--grey_Blue);
}
.subtas__item.active {
  color: var(--yoga_Black);
  border-bottom: 0.0689655172rem solid var(--yoga_Black);
}
.subtas__item.active i {
  background: var(--yoga_Black);
}

.has-x .form-input {
  padding: 1.3103448276rem 2.7586206897rem 0.4137931034rem 0.8275862069rem;
}

.form-input {
  font-family: "Noto Sans";
  width: 100%;
  padding: 1.2413793103rem 0.8275862069rem 0.4137931034rem;
  padding: 1.3793103448rem 0.8275862069rem 0.5517241379rem;
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  border-radius: 0.5517241379rem;
  background: var(--clear_White);
  color: var(--yoga_Black);
  font-size: 1.1034482759rem;
  line-height: 100%;
  transition: border-color 0.2s;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.form-input::placeholder {
  font-weight: 300;
  color: var(--base_Grey-3);
  font-style: italic;
  transition: 0.4s cubic-bezier(0.5, 0.7, 0.4, 1);
}
.form-input:focus {
  outline: none;
  border-color: var(--grey_Blue-Dark);
}
.form-input:focus::placeholder {
  transform: translateX(-200%);
  transition: 0.4s cubic-bezier(0.5, 0.7, 0.4, 1);
}
.form-input:disabled {
  background: var(--base_Grey-BG-0);
  color: var(--yoga_Black);
  font-weight: 300;
}
.form-input:disabled + .action {
  background-color: transparent;
}
.form-input.h-48 {
  height: 3.3103448276rem;
  cursor: auto;
}

.form-button {
  padding: 0.5517241379rem 0.7586206897rem;
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue);
  height: 2.4827586207rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.form-button i {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}

.form-without {
  padding: 0.5517241379rem 0.7586206897rem;
  font-size: 1.1034482759rem;
  line-height: 100%;
  color: var(--grey_Blue);
  color: var(--yoga_Black);
  height: 2.4827586207rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.form-without i {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}

textarea.h-100 {
  height: 6.8965517241rem !important;
}
textarea.h-132 {
  height: 9.1034482759rem !important;
}
textarea.h-172 {
  height: 11.8620689655rem !important;
}
textarea.h-312 {
  height: 21.5172413793rem !important;
}
textarea.form-input {
  height: 23.724137931rem;
  resize: none;
  overflow-y: auto;
  white-space: pre-wrap;
}
textarea.form-input + .form-label {
  background: var(--clear_White);
  z-index: 1;
  border-radius: 0.275862069rem;
}
textarea.form-input + .form-label::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -0.2068965517rem;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clear_White);
  padding-right: 0.6896551724rem;
  padding-bottom: 0.4137931034rem;
}

.form-label {
  font-family: "Noto Sans";
  font-weight: 800;
  position: absolute;
  left: 0.8275862069rem;
  top: 0.3448275862rem;
  color: var(--grey_Blue);
  font-size: 0.6896551724rem;
  line-height: 140%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  pointer-events: none;
  transition: all 0.2s ease;
}

.password-input {
  position: relative;
}
.password-input .form-input {
  padding-right: 2.6206896552rem;
}
.password-input .toggle-password {
  position: absolute;
  right: 0;
}

.toggle-password {
  position: absolute;
  right: 0.8275862069rem;
  top: 50%;
  width: 2.8965517241rem;
  height: 2.2068965517rem;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  text-align: center;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle-password::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.4827586207rem;
  width: 0.0689655172rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Pale);
}

.form-group {
  position: relative;
  width: 100%;
}
.form-group.w-1\/2 {
  width: 50%;
}
.form-group .copy {
  display: flex;
  align-items: center;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
  cursor: pointer;
  justify-content: center;
  padding-left: 0.275862069rem;
  position: absolute;
  right: 0.8275862069rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-group .copy i {
  background: var(--base_Black);
}
.form-group .isrc {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.8275862069rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-group .isrc:has(+ .clear-input-btn) {
  right: 2.4827586207rem;
}
.form-group .isrc i {
  background: var(--base_Black);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
.form-group .action {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0.8275862069rem;
  top: 50%;
  transform: translateY(-50%);
  background: var(--clear_White);
  height: 3.0344827586rem;
}
.form-group .action button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  position: relative;
  cursor: pointer;
  height: 3.3103448276rem;
  width: 1.6551724138rem;
}
.form-group .action button:first-child::after {
  display: none;
}
.form-group .action button::after {
  background: var(--grey_Blue-Pale);
  content: "";
  height: 1.3793103448rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0689655172rem;
}
.form-group .action button i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--base_Black);
}

.form-group--error .form-label {
  color: var(--base_Crimson);
}
.form-group--error .form-input {
  border-color: var(--light_Red);
}

.form-group-col .form-label {
  position: relative;
  left: 0;
  top: 0;
  line-height: 100%;
  padding: 0.5517241379rem 0;
  display: block;
}
.form-group-col .form-input {
  padding: 0.9655172414rem 0.8275862069rem 0.7586206897rem;
}
.form-group-col .hint {
  padding-top: 0.5517241379rem;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
}

.select-label {
  position: relative;
}
.select-label .form-label {
  z-index: 1;
}
.select-label .select2-container .select2-selection.h-48 .select2-selection__rendered {
  height: 3.1724137931rem !important;
  padding-top: 1.0344827586rem !important;
}

.clear-input-btn {
  position: absolute;
  top: 0.9655172414rem;
  right: 0.8275862069rem;
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  border: none;
  background: none;
  cursor: pointer;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.275862069rem;
}
.clear-input-btn i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--base_Black);
}

.select2-container .select2-selection--single.dark {
  background: var(--yoga_Black);
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  border-radius: 0.5517241379rem;
  height: 2.4827586207rem;
}
.select2-container .select2-selection--single.dark .select2-selection__rendered {
  color: var(--clear_White);
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.1034482759rem;
  line-height: 1.9310344828rem;
  height: 2.4827586207rem;
  padding-left: 0.8275862069rem;
  padding-right: 2.0689655172rem;
  padding-top: 0.2068965517rem;
}
.select2-container .select2-selection--single.dark .lang-row {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.select2-container .select2-selection--single.dark .select2-selection__arrow {
  height: 1.3793103448rem;
  width: 1.3793103448rem;
  top: 50%;
  right: 0.6896551724rem;
  transform: translateY(-50%);
}
.select2-container .select2-selection--single.dark .select2-selection__arrow b {
  background-image: url(/images/icons/Chevron-Down.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  border: none;
  position: relative;
  left: 0.1379310345rem;
  top: 0.1379310345rem;
  margin: 0;
  transition: 0.2s;
}
.select2-container .select2-selection--single.white {
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  border-radius: 0.5517241379rem;
  height: 2.2068965517rem;
}
.select2-container .select2-selection--single.white .select2-selection__rendered {
  color: var(--yoga_Black);
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
  height: 2.2068965517rem;
  line-height: 1.9310344828rem;
  padding-left: 0.8275862069rem;
  padding-right: 2.0689655172rem;
  padding-top: 0.0689655172rem;
}
.select2-container .select2-selection--single.white .lang-row {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.select2-container .select2-selection--single.white .lang-row img {
  width: 1.6551724138rem;
  height: 1.2413793103rem;
  object-fit: cover;
  border-radius: 0.275862069rem;
}
.select2-container .select2-selection--single.white .select2-selection__arrow {
  height: 1.3793103448rem;
  width: 1.3793103448rem;
  top: 50%;
  right: 0.6896551724rem;
  transform: translateY(-50%);
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
  padding-left: 0.275862069rem;
}
.select2-container .select2-selection--single.white .select2-selection__arrow b {
  background: var(--base_Black);
  --svg-icon: url('/images/icons/Chevron-Down.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  display: block;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  border: none;
  position: relative;
  left: 0.1379310345rem;
  top: 0.1379310345rem;
  margin: 0;
  transition: 0.2s;
}
.select2-container .select2-selection.h-48 {
  height: 3.3103448276rem;
}
.select2-container .select2-selection.h-48 .select2-selection__rendered {
  font-size: 1.1034482759rem !important;
  padding-top: 0.5517241379rem !important;
  padding-right: 3.0344827586rem;
}
.select2-container .select2-selection.h-48 .select2-selection__arrow {
  right: 1.2413793103rem;
}

.select2-container--open .select2-selection__arrow b {
  transform: rotate(180deg);
}
.select2-container--open .select2-dropdown--below {
  border-top: none !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-color: transparent !important;
}

.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-color: transparent !important;
}

.select2-dropdown {
  z-index: 99999;
}
.select2-dropdown.dark {
  background: var(--yoga_Black);
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  color: var(--clear_White);
  border-radius: 0.5517241379rem;
  overflow: hidden;
}
.select2-dropdown.dark .select2-results__option {
  padding: 0.4137931034rem 0.8275862069rem;
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.1034482759rem;
}
.select2-dropdown.dark .select2-results__option .lang-row {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.select2-dropdown.dark .select2-results__option--selected {
  background: transparent;
}
.select2-dropdown.dark .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--base_Grey-BG-1);
  color: var(--yoga_Black);
}
.select2-dropdown.white {
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  color: var(--base_Black);
  border-radius: 0.5517241379rem;
  overflow: hidden;
}
.select2-dropdown.white .select2-results__option {
  padding: 0.4137931034rem 0.8275862069rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
}
.select2-dropdown.white .select2-results__option .lang-row {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.select2-dropdown.white .select2-results__option .lang-row img {
  width: 1.6551724138rem;
  height: 1.2413793103rem;
  object-fit: cover;
  border-radius: 0.275862069rem;
}
.select2-dropdown.white .select2-results__option--selected {
  background: transparent;
}
.select2-dropdown.white .select2-results__option--highlighted.select2-results__option--selectable {
  background: var(--grey_Blue-BG-1);
  color: var(--yoga_Black);
}
.select2-dropdown.h-48 .select2-results__option {
  padding: 0.8275862069rem 0.8275862069rem;
  font-size: 1.1034482759rem !important;
  font-weight: 300 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.1034482759rem;
  line-height: 100%;
  color: var(--base_Grey-3);
  font-style: italic;
}

.select2-selection__clear {
  position: absolute;
  top: 50%;
  right: 3.1724137931rem;
  transform: translateY(-50%);
  margin-right: 0 !important;
}
.select2-selection__clear span {
  --svg-icon: url('/images/icons/X.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 1.1034482759rem;
  min-width: 1.1034482759rem;
  height: 1.1034482759rem;
  background-size: contain;
  background-repeat: no-repeat;
  user-select: none;
  transition: transform 0.2s;
  display: block;
  font-size: 0;
  background: var(--base_Black);
}

.select2-container--disabled .select2-selection {
  background: var(--base_Grey-BG-0) !important;
  color: var(--yoga_Black) !important;
  font-weight: 300;
}
.select2-container--disabled .select2-selection__rendered {
  font-weight: 300 !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 13.7931034483rem;
}

.fancybox-bg {
  background: var(--clear_Black);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.5;
}

.modal {
  display: none;
  flex-direction: column;
  width: 34.4827586207rem;
  background: var(--base_Grey-BG-0);
  border-radius: 1.1034482759rem;
  outline: 0.275862069rem solid var(--clear_White);
  outline-offset: -0.275862069rem;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  padding: 0;
  margin: 0;
}
.modal .fancybox-close-small {
  color: var(--base_Grey-3);
  min-width: 2.7586206897rem;
  width: 2.7586206897rem;
  height: 2.7586206897rem;
  z-index: 11;
}
.modal .fancybox-close-small svg {
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
}

.modal__header {
  border-bottom: 0.275862069rem solid var(--clear_White);
}

.modal__subheader {
  padding: 0.5517241379rem 1.1034482759rem;
  line-height: 120%;
}
.modal__subheader.white {
  background: var(--clear_White);
  padding: 0.8965517241rem 1.1034482759rem;
  font-size: 1.2413793103rem;
}

.modal__title {
  font-family: Noto Sans;
  font-weight: 600;
  font-size: 1.3793103448rem;
  line-height: 120%;
  color: var(--yoga_Black);
  padding: 1.1034482759rem;
}
.modal__title .track-art {
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
  border-radius: 0.5517241379rem;
  height: 3.3103448276rem;
  min-width: 3.3103448276rem;
  position: relative;
  width: 3.3103448276rem;
}
.modal__title .track-art img {
  width: 100%;
  height: 100%;
  border-radius: 0.5517241379rem;
  object-fit: cover;
}

.modal__title_cover {
  display: flex;
  gap: 0.5517241379rem;
  align-items: center;
  font-weight: 700;
  font-size: 2.2068965517rem;
}

.modal__title_map .track-text__title {
  font-size: 1.6551724138rem;
  color: var(--yoga_Black);
  margin-bottom: 0.5517241379rem;
  font-weight: 700;
}
.modal__title_map .track-text__title.mb0 {
  margin-bottom: 0;
}
.modal__title_map .track-text__desc {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  font-size: 1.0344827586rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--base_Black);
}

.modal__title_track {
  display: flex;
  gap: 0.5517241379rem;
  align-items: center;
}
.modal__title_track .track-art {
  border-radius: 50%;
  overflow: hidden;
}
.modal__title_track .track-text__title {
  margin-bottom: 0.275862069rem;
}
.modal__title_track .track-text__desc {
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue);
}

.modal__subcontent {
  padding: 0.8275862069rem 1.1034482759rem;
  background: var(--clear_White);
}

.modal__content {
  border-bottom: 0.275862069rem solid var(--clear_White);
  padding: 0.5517241379rem 1.1034482759rem;
}
.modal__content-p0 {
  padding: 0;
}
.modal__content.px-0 {
  padding-left: 0.8275862069rem;
  padding-right: 0.8275862069rem;
}
@media (min-width: 640px) {
  .modal__content.px-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
.modal__content.pb-0 {
  padding-bottom: 0;
}
.modal__content .py-8 {
  padding: 0.5517241379rem 0px;
}
.modal__content .description {
  font-size: 0.9655172414rem;
  line-height: 125%;
  padding-top: 0.5517241379rem;
}
.modal__content .help-block {
  margin: 0;
  margin-top: -0.5517241379rem;
  border-radius: 0;
}
.modal__content a {
  color: var(--yoga_Black);
}

.modal__img {
  width: 5.5172413793rem;
  height: 5.5172413793rem;
  object-fit: cover;
  border-radius: 50%;
}

.modal__row {
  display: flex;
  align-items: flex-start;
  gap: 1.1034482759rem;
}
.modal__row.items-center {
  align-items: center;
}

.modal__text p {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 140%;
}

.modal__text300 p {
  font-weight: 300;
}
.modal__text300 span {
  font-weight: 700;
}

.modal__text_gap8 {
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
}

.modal__footer {
  padding: 1.1034482759rem;
  display: flex;
  justify-content: flex-end;
}
.modal__footer-gap {
  gap: 0.5517241379rem;
}

.modal--dark {
  outline-color: var(--dirty_Red);
  background: var(--yoga_Black);
}
.modal--dark .modal__title {
  color: var(--clear_White);
}
.modal--dark p {
  color: var(--clear_White);
}
.modal--dark .between button {
  width: 100%;
  justify-content: center;
}

.modal--dark .modal__content,
.modal--dark .modal__header {
  border-color: var(--dirty_Red);
}

.modal--success {
  outline-color: var(--base_Grey-5);
}

.modal--success .modal__header,
.modal--success .modal__content {
  border-color: var(--base_Grey-5);
}

.modal--red {
  outline-color: var(--base_Crimson);
}

.modal--red .modal__content,
.modal--red .modal__header {
  border-color: var(--base_Grey-5);
}

.modal--280 {
  width: 20rem;
}

.modal--420 {
  width: 28.9655172414rem;
}

.modal--720 {
  width: 49.6551724138rem;
}

.modal--840 {
  width: 57.9310344828rem;
}

.modal--1000 {
  width: 68.9655172414rem;
}

.modal-list {
  max-height: 60vh;
  overflow-y: auto;
}

#sendAlbumPopup .modal__footer {
  flex-wrap: wrap;
  justify-content: center;
}

#sendAlbumPopup .modal__footer .btn {
  white-space: normal;
  height: auto;
  min-height: 2.2068965517rem;
  text-align: center;
  max-width: 100%;
  box-sizing: border-box;
  flex-shrink: 1;
  line-height: 1.3;
  padding-top: 0.4827586207rem;
  padding-bottom: 0.4827586207rem;
}

[data-tooltip] {
  cursor: help !important;
}

.custom-tooltip {
  position: absolute;
  z-index: 99999;
  padding: 1.1034482759rem 0;
  border-radius: 0.5517241379rem;
  font-size: 0.9655172414rem;
  line-height: 1.4;
  opacity: 0;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  background: var(--yoga_Black);
  border-color: var(--yoga_Black);
  color: var(--clear_White);
  transition: opacity 0.2s, transform 0.2s;
}
.custom-tooltip__content {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  padding: 0.5517241379rem 1.6551724138rem;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 120%;
  max-width: 17.9310344828rem;
}
.custom-tooltip__content a {
  text-decoration: underline;
  color: var(--clear_White);
}
.custom-tooltip i {
  min-width: 1.2413793103rem;
  width: 1.2413793103rem;
  height: 1.2413793103rem;
  background: currentColor;
}
.custom-tooltip p {
  color: var(--clear_White);
}
.custom-tooltip--show {
  opacity: 1;
  transform: translateY(0) !important;
}
.custom-tooltip--theme-red {
  background: #e93c3c;
  color: #fff;
  border-color: #e93c3c;
}
.custom-tooltip::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.custom-tooltip--top::after {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0.5517241379rem 0.5517241379rem 0 0.5517241379rem;
  border-color: inherit;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.custom-tooltip--bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 0.5517241379rem 0.5517241379rem 0.5517241379rem;
  border-color: inherit;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}
.custom-tooltip--left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-width: 0.5517241379rem 0 0.5517241379rem 0.5517241379rem;
  border-color: inherit;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.custom-tooltip--right::after {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-width: 0.5517241379rem 0.5517241379rem 0.5517241379rem 0;
  border-color: inherit;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.input-container {
  display: flex;
  align-items: center;
  position: relative;
  background: var(--base_Grey-BG-1);
  border-radius: 0.6896551724rem;
  width: fit-content;
  padding: 0.0689655172rem 0.275862069rem;
}
.input-container__full {
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  height: 3.3103448276rem;
  padding: 0.9655172414rem 0.3448275862rem;
  width: 100%;
}
.input-container__full .date-range,
.input-container__full .date-one {
  width: 100% !important;
}
.input-container__full .date-one {
  padding-left: 0.275862069rem;
}
.input-container:has(input:disabled) {
  background: var(--base_Grey-BG-0) !important;
}
.input-container .date-range {
  width: 13.6551724138rem;
}
.input-container .date-input {
  background: var(--base_Grey-BG-1);
  border: none;
  padding: 0.275862069rem;
  outline: none;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--yoga_Black);
}
.input-container .date-input:disabled {
  background: var(--base_Grey-BG-0) !important;
  color: var(--yoga_Black) !important;
  font-weight: 300;
}
.input-container label {
  display: flex;
  gap: 0.6896551724rem;
  align-items: center;
  cursor: pointer;
  padding: 0.3448275862rem 0.275862069rem;
}
.input-container label .X {
  background: var(--base_Black);
}
.input-container label .icon {
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.input-container label .icon i {
  min-width: 1.1034482759rem !important;
  width: 1.1034482759rem !important;
  height: 1.1034482759rem !important;
  background: var(--base_Black);
}
.input-container label .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.275862069rem;
  width: 0.0689655172rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Pale);
}
.input-container.white {
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
}
.input-container.white .form-input {
  background: transparent;
  border: none;
}

.humburger {
  display: block;
  z-index: 1;
  user-select: none;
}
@media (min-width: 1200px) {
  .humburger {
    display: none;
  }
}
.humburger span {
  display: block;
  width: 2.275862069rem;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: #D9D9D9;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}
.humburger span:nth-child(3) {
  transform-origin: 0% 100%;
}
.humburger.active span {
  opacity: 1;
  transform: rotate(45deg) translate(1px, 1px);
  background: white;
}
.humburger.active span:nth-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.humburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(-1px, 2px);
}

table.responsive-table {
  width: 100%;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0 0rem;
  text-align: left;
  background: var(--clear_White);
}
table.responsive-table thead {
  background: var(--base_Grey-BG-0);
  border-bottom: 0.1379310345rem solid var(--clear_White);
  position: sticky;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 640px) {
  table.responsive-table thead {
    display: none;
  }
}
table.responsive-table thead.p8 th:first-child {
  padding-left: 0.5517241379rem;
}
table.responsive-table thead.p8 th:last-child {
  padding-right: 0.5517241379rem;
}
table.responsive-table thead.p16 th:first-child {
  padding-left: 1.1034482759rem;
}
table.responsive-table thead.p16 th:last-child {
  padding-right: 1.1034482759rem;
}
table.responsive-table thead th {
  color: var(--grey_Blue);
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  border-bottom: 0.0689655172rem solid var(--clear_White);
  padding: 0.8275862069rem 0.6896551724rem;
}
table.responsive-table thead th:first-child {
  padding-left: 2.2068965517rem;
}
table.responsive-table thead th:last-child {
  padding-right: 2.2068965517rem;
}
table.responsive-table thead th.tar {
  text-align: right;
}
table.responsive-table thead th.tac {
  text-align: center;
}
table.responsive-table thead th.pl12 {
  padding-left: 1.6551724138rem !important;
}
table.responsive-table thead th.pl24 {
  padding-left: 4.5517241379rem !important;
}
table.responsive-table thead th.pl48 {
  padding-left: 5.2413793103rem !important;
}
table.responsive-table thead th.pl48.pl40 {
  padding-left: 4.1379310345rem !important;
}
table.responsive-table thead th.plLabel {
  padding-left: 5.5172413793rem !important;
}
table.responsive-table tbody {
  font-size: 0.9655172414rem;
  line-height: 125%;
}
table.responsive-table tbody.p8 td:first-child {
  padding-left: 0.5517241379rem;
}
table.responsive-table tbody.p8 td:last-child {
  padding-right: 0.5517241379rem;
}
table.responsive-table tbody.p16 td:first-child {
  padding-left: 1.1034482759rem;
}
table.responsive-table tbody.p16 td:last-child {
  padding-right: 1.1034482759rem;
}
table.responsive-table tbody .saleLine__info {
  padding-left: 0.6896551724rem !important;
}
table.responsive-table tbody tr {
  background: var(--base_Grey-BG-0);
  transition: background 0.4s;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr {
    display: block;
    border-bottom: 0.1379310345rem solid var(--clear_White);
    padding: 1.1034482759rem 0.5517241379rem;
  }
}
table.responsive-table tbody tr:has(input:not(.table-non-cheked):checked) td {
  background: var(--clear_White);
  border-top: 0.0689655172rem solid var(--grey_Blue-Dark);
  border-bottom: 0.0689655172rem solid var(--grey_Blue-Dark);
}
table.responsive-table tbody tr:has(input:not(.table-non-cheked):checked) td:first-child {
  border-left: 0.0689655172rem solid var(--grey_Blue-Dark);
  border-radius: 1.1034482759rem 0 0 1.1034482759rem;
}
table.responsive-table tbody tr:has(input:not(.table-non-cheked):checked) td:last-child {
  border-right: 0.0689655172rem solid var(--grey_Blue-Dark);
  border-radius: 0 1.1034482759rem 1.1034482759rem 0;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr:has(input:not(.table-non-cheked):checked) td:first-child {
    border-bottom: 0;
    border-left: 0.0689655172rem solid var(--grey_Blue-Dark);
    border-right: 0.0689655172rem solid var(--grey_Blue-Dark);
    border-radius: 0.5517241379rem 0.5517241379rem 0 0;
  }
  table.responsive-table tbody tr:has(input:not(.table-non-cheked):checked) td:last-child {
    border-top: 0;
    border-left: 0.0689655172rem solid var(--grey_Blue-Dark);
    border-right: 0.0689655172rem solid var(--grey_Blue-Dark);
    border-radius: 0 0 0.5517241379rem 0.5517241379rem;
  }
}
table.responsive-table tbody tr td {
  border-top: 0.0689655172rem solid var(--clear_White);
  border-bottom: 0.0689655172rem solid var(--clear_White);
}
table.responsive-table tbody tr td:first-child {
  border-left: 0.0689655172rem solid var(--clear_White);
}
table.responsive-table tbody tr td:last-child {
  border-right: 0.0689655172rem solid var(--clear_White);
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td {
    border-top: 0rem solid var(--clear_White);
    border-bottom: 0rem solid var(--clear_White);
  }
  table.responsive-table tbody tr td:first-child {
    border-bottom: 0;
    border-left: 0.0689655172rem solid var(--clear_White);
    border-right: 0.0689655172rem solid var(--clear_White);
  }
  table.responsive-table tbody tr td:last-child {
    border-top: 0;
    border-left: 0.0689655172rem solid var(--clear_White);
    border-right: 0.0689655172rem solid var(--clear_White);
  }
}
@media (hover: hover) and (pointer: fine) {
  table.responsive-table tbody tr.denied:hover {
    background: var(--pale_Red);
  }
}
table.responsive-table tbody tr.denied .request-number {
  color: var(--base_Red);
}
table.responsive-table tbody tr.denied .track-title {
  color: var(--base_Red);
  text-decoration: line-through;
}
table.responsive-table tbody tr.denied .track-title.underline {
  text-decoration: underline line-through !important;
}
table.responsive-table tbody tr.denied .track-cover {
  background: url(/images/icons/X-red.svg) no-repeat 50%/24px, #fff;
}
table.responsive-table tbody tr.denied .track-cover > * {
  display: none;
}
table.responsive-table tbody tr.denied .denied__text {
  color: var(--grey_Blue);
  font-size: 0.9655172414rem;
  line-height: 125%;
}
table.responsive-table tbody tr.denied .Question {
  background: var(--base_Black);
  height: 1.6551724138rem;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
}
table.responsive-table tbody tr:nth-child(1) .number-inc {
  font-weight: 700;
  font-size: 2.2068965517rem;
}
table.responsive-table tbody tr:nth-child(2) .number-inc {
  font-weight: 700;
  font-size: 1.7931034483rem;
}
table.responsive-table tbody tr:nth-child(3) .number-inc {
  font-weight: 700;
  font-size: 1.5172413793rem;
}
@media (hover: hover) and (pointer: fine) {
  table.responsive-table tbody tr:hover {
    background: var(--clear_White);
  }
}
table.responsive-table tbody tr:last-child {
  border-bottom: none;
}
table.responsive-table tbody tr td {
  height: 4.1379310345rem;
  padding: 0.3448275862rem 0.6896551724rem;
  color: var(--base_Black);
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: none !important;
    width: 100% !important;
    height: auto !important;
  }
  table.responsive-table tbody tr td .track {
    flex-direction: column;
    text-align: center;
  }
  table.responsive-table tbody tr td p {
    margin: 0 !important;
  }
}
table.responsive-table tbody tr td.tar {
  text-align: right;
}
table.responsive-table tbody tr td.tac {
  text-align: center;
}
table.responsive-table tbody tr td.tac .text-icon {
  justify-content: center;
}
table.responsive-table tbody tr td .feedback-number {
  font-size: 1.3793103448rem;
  line-height: 100%;
  font-weight: 500;
  color: var(--base_Black);
}
table.responsive-table tbody tr td label.radio,
table.responsive-table tbody tr td label.checkbox-label {
  display: flex;
  flex-direction: row;
  gap: 1.3793103448rem;
  align-items: center;
}
table.responsive-table tbody tr td label.radio.radio-x-0,
table.responsive-table tbody tr td label.checkbox-label.radio-x-0 {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td label.radio,
  table.responsive-table tbody tr td label.checkbox-label {
    flex-direction: column;
    gap: 0.9655172414rem;
  }
}
table.responsive-table tbody tr td label.checkbox-label__gap8 {
  gap: 0.5517241379rem;
}
table.responsive-table tbody tr td.line {
  position: relative;
}
table.responsive-table tbody tr td.line::after {
  background: var(--grey_Blue-Light);
  content: "";
  height: 1.1034482759rem;
  left: 0rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0689655172rem;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td.line::after {
    transform: rotate(90deg) translateX(-50%);
    top: -0.5517241379rem;
    left: 50% !important;
  }
}
table.responsive-table tbody tr td:first-child {
  padding-left: 2.2068965517rem;
}
table.responsive-table tbody tr td:last-child {
  padding-right: 2.2068965517rem;
}
table.responsive-table tbody tr td.w32 {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  padding-right: 0;
}
table.responsive-table tbody tr td.w60 {
  min-width: 4.1379310345rem;
  width: 4.1379310345rem;
}
table.responsive-table tbody tr td.w70 {
  min-width: 4.8275862069rem;
  width: 4.8275862069rem;
}
table.responsive-table tbody tr td.w80 {
  min-width: 5.5172413793rem;
  width: 5.5172413793rem;
}
table.responsive-table tbody tr td.w90 {
  min-width: 6.2068965517rem;
  width: 6.2068965517rem;
}
table.responsive-table tbody tr td.w95 {
  min-width: 6.5517241379rem;
  width: 6.5517241379rem;
}
table.responsive-table tbody tr td.w100 {
  min-width: 6.8965517241rem;
  width: 6.8965517241rem;
}
table.responsive-table tbody tr td.w112 {
  min-width: 7.724137931rem;
  width: 7.724137931rem;
}
table.responsive-table tbody tr td.w120 {
  min-width: 8.275862069rem;
  width: 8.275862069rem;
}
table.responsive-table tbody tr td.w128 {
  min-width: 8.8275862069rem;
  width: 8.8275862069rem;
}
table.responsive-table tbody tr td.w140 {
  min-width: 9.6551724138rem;
  width: 9.6551724138rem;
}
table.responsive-table tbody tr td.w152 {
  min-width: 10.4827586207rem;
  width: 10.4827586207rem;
}
table.responsive-table tbody tr td.w178 {
  min-width: 12.275862069rem;
  width: 12.275862069rem;
}
table.responsive-table tbody tr td.w200 {
  min-width: 13.7931034483rem;
  width: 13.7931034483rem;
}
table.responsive-table tbody tr td.w222 {
  min-width: 15.3103448276rem;
  width: 15.3103448276rem;
}
table.responsive-table tbody tr td.w246 {
  min-width: 16.9655172414rem;
  width: 16.9655172414rem;
}
table.responsive-table tbody tr td.w264 {
  min-width: 18.2068965517rem;
  width: 18.2068965517rem;
}
table.responsive-table tbody tr td.w388 {
  min-width: 26.7586206897rem;
  width: 26.7586206897rem;
}
table.responsive-table tbody tr td.w400 {
  min-width: 27.5862068966rem;
  width: 27.5862068966rem;
}
table.responsive-table tbody tr td.p-line {
  padding-left: 1.5172413793rem;
}
table.responsive-table tbody tr td.p-line::after {
  left: 0.8275862069rem;
}
table.responsive-table tbody tr td .number-balance {
  font-weight: 600;
  font-size: 1.5172413793rem;
  line-height: 100%;
  color: var(--yoga_Black);
}
table.responsive-table tbody tr td .number-and-date {
  display: flex;
  flex-direction: column;
  gap: 0.275862069rem;
}
table.responsive-table tbody tr td .number-and-date .link {
  color: var(--yoga_Black);
  font-weight: 600;
  font-size: 1.5172413793rem;
  line-height: 100%;
}
table.responsive-table tbody tr td .number-and-date .date {
  color: var(--grey_Blue);
  font-weight: 500;
  font-size: 0.9655172414rem;
  line-height: 125%;
}
table.responsive-table tbody tr td .link {
  color: var(--grey_Blue);
  font-size: 1.1034482759rem;
  line-height: 100%;
}
table.responsive-table tbody tr td .text-icon {
  display: flex;
  align-items: center;
  gap: 0.1379310345rem;
}
table.responsive-table tbody tr td .text-icon i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--grey_Blue-Light);
}
table.responsive-table tbody tr td .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1379310345rem;
}
table.responsive-table tbody tr td .top .top__button {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--base_Black);
  font-size: 1.1034482759rem;
  line-height: 125%;
  text-decoration: underline;
}
table.responsive-table tbody tr td .top .top__text {
  font-size: 0.9655172414rem;
  line-height: 100%;
  font-weight: 500;
  color: var(--grey_Blue);
}
table.responsive-table tbody tr td .track-isrc {
  display: flex;
  flex-direction: column;
  font-weight: 300;
  line-height: 125%;
}
table.responsive-table tbody tr td .track-isrc span {
  color: var(--grey_Blue);
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .track-isrc span {
    text-align: center;
  }
}
table.responsive-table tbody tr td .track-rights,
table.responsive-table tbody tr td .track-meta {
  display: flex;
  gap: 0.275862069rem;
  align-items: center;
  background: transparent;
  border: none;
  color: var(--base_Black);
  cursor: pointer;
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 300;
  line-height: 125%;
  padding: 0.8275862069rem 1.1034482759rem;
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .track-rights,
  table.responsive-table tbody tr td .track-meta {
    padding: 0rem 0.5517241379rem;
  }
}
table.responsive-table tbody tr td .track-rights i {
  background: var(--light_Red);
  width: 0.9655172414rem;
  height: 0.9655172414rem;
  min-width: 0.9655172414rem;
}
table.responsive-table tbody tr td .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
}
table.responsive-table tbody tr td .icon.icon__start {
  justify-content: flex-start;
}
table.responsive-table tbody tr td .icon.line-r {
  position: relative;
}
table.responsive-table tbody tr td .icon.line-r::after {
  background: var(--grey_Blue-Light);
  content: "";
  height: 1.1034482759rem;
  right: -0.5517241379rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0689655172rem;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .icon.line-r::after {
    transform: rotate(90deg) translateX(-50%);
    top: -0.5517241379rem;
    right: 50%;
  }
}
table.responsive-table tbody tr td .icon.line-l {
  position: relative;
}
table.responsive-table tbody tr td .icon.line-l::after {
  background: var(--grey_Blue-Light);
  content: "";
  height: 1.1034482759rem;
  left: -0.5517241379rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0689655172rem;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .icon.line-l::after {
    transform: rotate(90deg) translateX(-50%);
    top: -0.5517241379rem;
    left: 50%;
  }
}
table.responsive-table tbody tr td .icon i {
  background: var(--grey_Blue-Darker);
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
}
table.responsive-table tbody tr td .icon i.Micro, table.responsive-table tbody tr td .icon i.Disk, table.responsive-table tbody tr td .icon i.Headshake {
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
}
table.responsive-table tbody tr td .icon-gray i {
  background: var(--grey_Blue-Light);
}
table.responsive-table tbody tr td .request-flex {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
table.responsive-table tbody tr td .request-flex i {
  background: var(--grey_Blue-Light);
  min-width: 0.8275862069rem;
  width: 0.8275862069rem;
  height: 0.8275862069rem;
}
table.responsive-table tbody tr td .radio-link {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
  color: var(--base_Black);
}
table.responsive-table tbody tr td .radio-link.mt4 {
  margin-top: 0.275862069rem;
}
table.responsive-table tbody tr td .radio-link.center {
  justify-content: center;
}
table.responsive-table tbody tr td .radio-link a {
  color: currentColor;
}
table.responsive-table tbody tr td .radio-link i {
  background: var(--grey_Blue-Light);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
table.responsive-table tbody tr td .request-label {
  font-size: 1.2413793103rem;
  font-weight: 700;
  line-height: 120%;
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
table.responsive-table tbody tr td .request-label.mb {
  margin-bottom: 0.6896551724rem;
}
table.responsive-table tbody tr td .request-subLabel {
  margin-top: 0.275862069rem;
}
table.responsive-table tbody tr td .request-subLabel a {
  color: currentColor;
}
table.responsive-table tbody tr td .stats-number {
  font-size: 1.3793103448rem;
  line-height: 100%;
  color: var(--grey_Blue);
}
table.responsive-table tbody tr td .stats-number.dark {
  color: var(--base_Black);
}
table.responsive-table tbody tr td .balance-span {
  font-weight: 500;
}
table.responsive-table tbody tr td .balance-span.big {
  font-size: 1.1034482759rem;
  color: var(--yoga_Black);
}
table.responsive-table tbody tr td .balance-span.fz20 {
  font-size: 1.3793103448rem;
  color: var(--grey_Blue-More);
}
table.responsive-table tbody tr td .balance-span span {
  font-weight: 300;
}
table.responsive-table tbody tr td .tar {
  text-align: right;
}
table.responsive-table tbody tr td .number-inc {
  color: var(--grey_Blue);
  font-size: 1.3793103448rem;
  font-weight: 400;
  line-height: 100%;
  min-width: 2.2068965517rem;
  text-align: center;
}
table.responsive-table tbody tr td .w100 {
  min-width: 6.8965517241rem;
  width: 6.8965517241rem;
}
table.responsive-table tbody tr td .w95 {
  min-width: 6.5517241379rem;
  width: 6.5517241379rem;
}
table.responsive-table tbody tr td .w90 {
  min-width: 6.8965517241rem;
  width: 6.8965517241rem;
}
table.responsive-table tbody tr td .underline {
  text-decoration: underline;
}
table.responsive-table tbody tr td .text-center {
  text-align: center;
}
table.responsive-table tbody tr td .request-date-time {
  font-weight: 600;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
  text-align: right;
}
table.responsive-table tbody tr td .request-date-time.center {
  text-align: center;
}
table.responsive-table tbody tr td .request-date-time span {
  font-weight: 400;
}
table.responsive-table tbody tr td .request-time {
  font-size: 1.1034482759rem;
  line-height: 125%;
}
table.responsive-table tbody tr td .request-date {
  color: var(--grey_Blue);
  line-height: 125%;
}
table.responsive-table tbody tr td .request-status {
  font-weight: 500;
  color: var(--grey_Blue);
  font-size: 0.9655172414rem;
  line-height: 100%;
}
table.responsive-table tbody tr td .request-number {
  color: var(--grey_Blue);
  font-size: 1.3793103448rem;
  line-height: 100%;
}
table.responsive-table tbody tr td .request-number.text-center {
  text-align: center;
  display: block;
}
table.responsive-table tbody tr td .pl {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  max-width: 14.2068965517rem;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .pl {
    justify-content: center;
  }
}
table.responsive-table tbody tr td .pl__count {
  display: flex;
  gap: 0.275862069rem;
  cursor: pointer;
  user-select: none;
  min-width: 1.6551724138rem;
  border-right: 0.0689655172rem solid var(--grey_Blue-Light);
  padding-right: 0.5517241379rem;
  margin-right: 0.5517241379rem;
}
table.responsive-table tbody tr td .pl__count i {
  background: var(--grey_Blue);
  min-width: 0.8275862069rem;
  width: 0.8275862069rem;
  height: 0.8275862069rem;
  position: relative;
  top: 0.2068965517rem;
}
table.responsive-table tbody tr td .pl__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.275862069rem;
  max-width: 10.4137931034rem;
  height: 2.6206896552rem;
}
table.responsive-table tbody tr td .pl__list a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--base_Black);
  font-size: 0.9655172414rem;
  line-height: 125%;
  width: 100%;
  margin-bottom: 0.275862069rem;
}
table.responsive-table tbody tr td .pl__list a:last-child {
  margin-bottom: 0;
}
table.responsive-table tbody tr td .pl__dropdown {
  position: absolute;
  z-index: 1;
  top: 2.3448275862rem;
  left: -0.5517241379rem;
  width: 14.2068965517rem;
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  padding: 1.1034482759rem 0.5517241379rem;
  display: flex;
  gap: 0rem;
}
table.responsive-table tbody tr td .pl__dropdown .pl__list {
  height: auto;
}
table.responsive-table tbody tr td .pl__dropdown .pl__list a {
  color: var(--yoga_Black);
  font-weight: 300;
}
table.responsive-table tbody tr td .mymusic-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.275862069rem;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .mymusic-action {
    flex-direction: column;
    margin-top: 0.275862069rem;
    text-align: center;
  }
}
table.responsive-table tbody tr td .mymusic-action:has(.mymusic-action__end) {
  justify-content: flex-end;
}
table.responsive-table tbody tr td .mymusic-action:has(.track-meta-p0) {
  justify-content: flex-start;
}
table.responsive-table tbody tr td .mymusic-action .track-meta {
  font-weight: 400;
}
table.responsive-table tbody tr td .mymusic-action .track-meta-p0 {
  padding: 0;
  flex-direction: column;
}
table.responsive-table tbody tr td .mymusic-action .track-isrc {
  display: flex;
  color: var(--base_Black);
  flex-direction: column;
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
}
table.responsive-table tbody tr td .mymusic-action .track-isrc span {
  color: var(--grey_Blue);
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .mymusic-action .mymusic-action__row {
    flex-direction: column;
    margin-top: 0.275862069rem;
    text-align: center;
  }
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row .border-none {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row .border-none::after {
  display: none;
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row .icon {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 0.6896551724rem;
  padding-left: 0.6896551724rem;
  position: relative;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .mymusic-action .mymusic-action__row .icon {
    margin: 0;
    padding: 0;
  }
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row .icon::after {
  background: var(--grey_Blue-Light);
  content: "";
  height: 1.1034482759rem;
  left: -0.1379310345rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0689655172rem;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .mymusic-action .mymusic-action__row .icon::after {
    transform: rotate(90deg) translateX(-50%);
    top: -0.5517241379rem;
    left: 50% !important;
  }
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row .icon i {
  background: var(--grey_Blue-Darker);
  height: 1.6551724138rem;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row.without-line .icon {
  padding-left: 0;
  margin-left: 0;
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row.without-line .icon::after {
  display: none;
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row.without-line i {
  background: var(--grey_Blue-Darker);
  height: 3.4482758621rem;
  min-width: 3.4482758621rem;
  width: 3.4482758621rem;
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__row.without-line .stats-number {
  text-align: right;
}
table.responsive-table tbody tr td .mymusic-action .mymusic-action__end {
  justify-content: flex-end;
}
table.responsive-table tbody tr td .contract-loaded {
  display: flex;
  flex-direction: column;
}
table.responsive-table tbody tr td .contract-loaded .text {
  color: var(--grey_Blue);
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
}
table.responsive-table tbody tr td .contract-loaded .date {
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--base_Black);
}
table.responsive-table tbody tr td .type-business {
  display: flex;
  align-items: center;
  gap: 0.8275862069rem;
  color: var(--base_Black);
  font-size: 1.2413793103rem;
  line-height: 120%;
}
table.responsive-table tbody tr td .type-business i {
  background: var(--grey_Blue-Light);
  min-width: 1.5172413793rem;
  width: 1.5172413793rem;
  height: 1.5172413793rem;
}
table.responsive-table tbody tr td .bussiness .flag {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  margin-bottom: 0.275862069rem;
}
table.responsive-table tbody tr td .bussiness .flag .city {
  color: var(--grey_Blue);
  font-size: 0.9655172414rem;
  line-height: 110%;
}
table.responsive-table tbody tr td .bussiness .type {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  color: var(--grey_Blue-Darker);
  font-size: 0.8275862069rem;
  line-height: 125%;
}
@media screen and (max-width: 640px) {
  table.responsive-table tbody tr td .bussiness .type {
    justify-content: center;
  }
}
table.responsive-table tbody tr td .bussiness .type i {
  background: var(--grey_Blue-Light);
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
  height: 0.9655172414rem;
}
table.responsive-table tbody tr td .flag-block {
  display: flex;
  align-items: center;
  gap: 1.1034482759rem;
  color: var(--base_Black);
  font-size: 1.2413793103rem;
  line-height: 120%;
}
table.responsive-table tbody tr td .flag-block.fz14 {
  font-size: 0.9655172414rem;
  gap: 0.5517241379rem;
}

.table-70 td {
  padding-top: 0.8275862069rem !important;
  padding-bottom: 0.8275862069rem !important;
}

@media (min-width: 640px) {
  td:has(.track) {
    max-width: 1px;
    max-width: 18rem;
    width: 100%;
  }
}
@media (min-width: 640px) {
  td:has(.track) .track {
    min-width: 0;
  }
  td:has(.track) .track > div {
    min-width: 0;
    overflow: hidden;
  }
}

.help-block {
  position: relative;
  background: var(--base_Grey-4);
  color: var(--grey_Blue-Pale);
  border-radius: 1.1034482759rem;
}
.help-block__hide {
  position: absolute;
  top: 0.5517241379rem;
  right: 0.5517241379rem;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  color: var(--grey_Blue-Pale);
  cursor: pointer;
}
.help-block__hide .Eye-Closed2 {
  background: var(--grey_Blue-Pale);
}
.help-block__text {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.2413793103rem;
  line-height: 140%;
  color: var(--clear_White);
  min-height: 8.4137931034rem;
  display: flex;
  align-items: center;
  padding: 3.3103448276rem 1.6551724138rem;
}
@media (min-width: 640px) {
  .help-block__text {
    padding: 3.3103448276rem;
  }
}
.help-block__icon {
  display: none;
  align-items: center;
  gap: 0.6896551724rem;
  padding-right: 0.6896551724rem;
}
@media (min-width: 640px) {
  .help-block__icon {
    display: flex;
  }
}
.help-block__icon .divider {
  background: var(--grey_Blue-Pale);
  width: 0.0689655172rem;
  height: 1.724137931rem;
  border-radius: 0.0689655172rem;
}
.help-block__icon .Info {
  background: var(--grey_Blue-Light);
}

.load-more {
  display: flex;
  justify-content: center;
  padding: 0.9655172414rem 0.9655172414rem 0.6896551724rem;
}
.load-more .btn i {
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
  height: 0.9655172414rem;
  background: var(--base_Grey-3);
}
.load-more .btn_dark i {
  background: var(--clear_White);
}

.tracks-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--grey_Blue-BG-1);
  border-radius: 0.6896551724rem;
  margin: 0.9655172414rem auto;
  max-width: fit-content;
  padding: 0.275862069rem;
  list-style-type: none;
}
.tracks-pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-width: 2.2068965517rem;
  border-radius: 0.5517241379rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 100%;
  padding: 0.5517241379rem 0.8275862069rem;
  color: var(--yoga_Black);
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .tracks-pagination a:hover {
    background: var(--clear_White);
  }
}
.tracks-pagination a.active {
  background: var(--base_Grey-4);
  color: var(--clear_White);
}
.tracks-pagination a i {
  background: var(--base_Grey-3);
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
}

.notify {
  position: fixed;
  z-index: 99999;
  top: 6.8965517241rem;
  right: 2.7586206897rem;
  box-shadow: 0px 0px 0.275862069rem 0px rgba(0, 0, 0, 0.2509803922);
  background: var(--yoga_Black);
  border-radius: 0.5517241379rem;
  border-left: 0.5517241379rem solid #30C480;
  padding: 1.1034482759rem;
  max-width: 26.2068965517rem;
  width: 100%;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.notify.is-hidden {
  opacity: 0;
  transform: translateX(calc(100% + 2.7586206897rem));
  pointer-events: none;
}
.notify__container {
  display: flex;
  gap: 1.1034482759rem;
}
.notify__cover {
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5517241379rem;
  border: 0.0689655172rem solid #30C480;
}
.notify__text {
  color: var(--clear_White);
}
.notify__text h4 {
  color: var(--clear_White);
  line-height: 130%;
}
.notify__text p {
  padding-top: 0.1379310345rem;
  color: var(--base_Grey-1);
  font-weight: 500;
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.notify__close {
  position: absolute;
  top: 1.1034482759rem;
  right: 1.1034482759rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  cursor: pointer;
  background: transparent;
  border: none;
}
.notify__close .X {
  background: var(--clear_White);
}

.popup {
  position: fixed;
  z-index: 99999;
  top: 6.8965517241rem;
  right: 2.7586206897rem;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  background: var(--base_Grey-BG-0);
  border-radius: 1.1034482759rem;
  border: 0.275862069rem solid var(--clear_White);
  max-width: 34.4827586207rem;
  width: 100%;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.popup.is-hidden {
  opacity: 0;
  transform: translateX(calc(100% + 2.7586206897rem));
  pointer-events: none;
}
.popup__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.3103448276rem 1.1034482759rem;
  border-bottom: 0.275862069rem solid var(--clear_White);
}
.popup__header h3 {
  font-family: Noto Sans;
  font-weight: 600;
  font-size: 1.3793103448rem;
  line-height: 120%;
  color: var(--yoga_Black);
  max-width: calc(100% - 3.3103448276rem);
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.popup__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  cursor: pointer;
  background: transparent;
  border: none;
}
.popup__close .X {
  background: var(--base_Grey-3);
}
.popup__container {
  display: flex;
  gap: 1.1034482759rem;
  padding: 0.5517241379rem 1.1034482759rem;
}
.popup__cover {
  min-width: 5.5172413793rem;
  width: 5.5172413793rem;
  height: 5.5172413793rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup__text {
  color: var(--base_Black);
}
.popup__text p {
  color: var(--base_Black);
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 140%;
  margin-bottom: 1.5172413793rem;
}
.popup__text p:last-child {
  margin-bottom: 0;
}
.popup__text a {
  color: var(--base_Black);
}
.popup__bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.4137931034rem 1.1034482759rem;
  border-top: 0.275862069rem solid var(--clear_White);
}
.popup__bottom .btn {
  width: 8.275862069rem;
  justify-content: center;
}

.driver-popover.driverjs-theme {
  background: var(--clear_White);
  border: 2px solid rgba(0, 0, 0, 0.2509803922);
  box-shadow: none;
  border-radius: 16px;
  padding: 16px 20px;
  color: var(--clear_White);
  color: #000;
  max-width: 416px;
}

.driver-popover.driverjs-theme > .driver-popover-close-btn {
  display: none !important;
}

.driver-popover.driverjs-theme .driver-popover-title,
.driver-popover.driverjs-theme .driver-popover-description {
  color: var(--clear_White);
  color: #000;
  font-family: Noto Sans;
}

.driver-popover.driverjs-theme .driver-popover-title {
  color: var(--grey_Blue-BG-1);
  color: #000;
  font-weight: 700;
  font-size: 21px;
  line-height: 120%;
}

.driver-popover.driverjs-theme .driver-popover-description {
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  margin-top: 24px;
}
.driver-popover.driverjs-theme .driver-popover-description p {
  margin-bottom: 6px;
}
.driver-popover.driverjs-theme .driver-popover-description p b, .driver-popover.driverjs-theme .driver-popover-description p strong {
  font-weight: 700;
}

.driver-popover-footer {
  margin-top: 40px;
  gap: 8px;
}

.driver-popover.driverjs-theme .driver-popover-progress-text {
  background: var(--yoga_Black);
  border-radius: 10px;
  padding: 6px;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: var(--clear_White);
}

.driver-popover.driverjs-theme button {
  flex: 1;
  text-align: center;
  background: transparent;
  color: var(--clear_White);
  color: #000;
  border: 1px solid var(--yoga_Black);
  text-shadow: none;
  font-size: 14px;
  padding: 6px;
  border-radius: 8px;
  transition: 0.2s;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  width: fit-content;
  max-width: fit-content;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.driver-popover.driverjs-theme button i {
  background: var(--yoga_Black);
  pointer-events: none;
  min-width: 14px;
  width: 14px;
  height: 14px;
}
@media (hover: hover) and (pointer: fine) {
  .driver-popover.driverjs-theme button:hover {
    background: var(--yoga_Black);
    color: var(--clear_White);
    border-color: var(--yoga_Black);
  }
  .driver-popover.driverjs-theme button:hover i {
    background: var(--clear_White);
  }
}

.driver-popover.driverjs-theme .driver-popover-navigation-btns {
  justify-content: flex-end;
  gap: 8px;
}

.driver-popover.driverjs-theme .driver-popover-close-btn {
  color: var(--yoga_Black);
  border-color: transparent;
}
@media (hover: hover) and (pointer: fine) {
  .driver-popover.driverjs-theme .driver-popover-close-btn:hover {
    color: var(--clear_White);
  }
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {
  border-left-color: rgba(0, 0, 0, 0.2509803922);
  display: none !important;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {
  border-right-color: rgba(0, 0, 0, 0.2509803922);
  display: none !important;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow {
  border-top-color: rgba(0, 0, 0, 0.2509803922);
  display: none !important;
}

.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-bottom-color: rgba(0, 0, 0, 0.2509803922);
  display: none !important;
}

.spinner-small,
.sbl-circ2 {
  border: 0.1379310345rem solid #fff;
  border-radius: 50%;
  border-top: 0.1379310345rem solid #FF6800;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  animation: spinner 2s linear infinite;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-normal {
  border: 0.275862069rem solid #fff;
  border-radius: 50%;
  border-top: 0.275862069rem solid #FF6800;
  width: 2.7586206897rem;
  height: 2.7586206897rem;
  animation: spinner 2s linear infinite;
}

.spinner-center {
  margin: 1.6551724138rem auto;
}

#floatingCirclesG {
  position: relative;
  width: 8.6206896552rem;
  height: 8.6206896552rem;
  margin: auto;
  margin-top: 1.3793103448rem;
  margin-bottom: 1.3793103448rem;
  transform: scale(0.6);
}

.f_circleG {
  position: absolute;
  background-color: rgb(255, 255, 255);
  height: 1.5172413793rem;
  width: 1.5172413793rem;
  border-radius: 0.8275862069rem;
  animation-name: f_fadeG;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

.f_circleG:nth-child(1) {
  left: 0;
  top: 3.5172413793rem;
  animation-delay: 0.45s;
}

.f_circleG:nth-child(2) {
  left: 1.0344827586rem;
  top: 1.0344827586rem;
  animation-delay: 0.6s;
}

.f_circleG:nth-child(3) {
  left: 3.5172413793rem;
  top: 0;
  animation-delay: 0.75s;
}

.f_circleG:nth-child(4) {
  right: 1.0344827586rem;
  top: 1.0344827586rem;
  animation-delay: 0.9s;
}

.f_circleG:nth-child(5) {
  right: 0;
  top: 3.5172413793rem;
  animation-delay: 1.05s;
}

.f_circleG:nth-child(6) {
  right: 1.0344827586rem;
  bottom: 1.0344827586rem;
  animation-delay: 1.2s;
}

.f_circleG:nth-child(7) {
  left: 3.5172413793rem;
  bottom: 0;
  animation-delay: 1.35s;
}

.f_circleG:nth-child(8) {
  left: 1.0344827586rem;
  bottom: 1.0344827586rem;
  animation-delay: 1.5s;
}

@keyframes f_fadeG {
  0% {
    background-color: rgb(146, 153, 162);
  }
  100% {
    background-color: rgb(255, 255, 255);
  }
}
.header:not(p) {
  background: var(--yoga_Black);
  position: sticky;
  top: 0;
  z-index: 1000;
  user-select: none;
}
.header .Chevron-Down {
  background: var(--clear_White);
}
.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 4.1379310345rem;
  gap: 0.5517241379rem;
  background: var(--yoga_Black);
}
.header__left, .header__right, .header__nav-right {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.header__right {
  height: 4.1379310345rem;
}
@media (min-width: 460px) {
  .header__right {
    position: relative;
  }
}
@media (min-width: 1200px) {
  .header__right {
    display: none;
  }
}
.header__right.desctop {
  display: none;
}
@media (min-width: 1200px) {
  .header__right.desctop {
    display: flex;
  }
}
.header .mobile-menu {
  position: absolute;
  top: calc(100% + 0rem);
  right: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0.1379310345rem;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  background: var(--yoga_Black);
  padding: 0.5517241379rem 0;
  width: 100%;
  min-width: 16.5517241379rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.6896551724rem);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s;
  pointer-events: none;
}
.header .mobile-menu .header__nav-right {
  flex-direction: column;
}
.header .mobile-menu .header__action {
  white-space: nowrap;
  width: 100%;
  justify-content: center;
  height: auto;
  font-weight: 200;
  gap: 0.5517241379rem;
  padding: 0.4827586207rem 1.6551724138rem;
  font-size: 1.2413793103rem;
  transition: background 0.2s, color 0.2s;
}
.header .mobile-menu .wow-effect::after {
  display: none;
}
.header .mobile-menu .balance-dropdown__toggle {
  height: auto;
  padding: 0.4827586207rem 1.6551724138rem;
}
.header .mobile-menu .balance-dropdown__list {
  top: auto;
}
.header .mobile-menu .header__menu--balance {
  position: unset;
  width: 14.1379310345rem;
}
.header .mobile-menu .Divider {
  display: none;
}
.header .mobile-menu.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.header__menu {
  cursor: pointer;
  user-select: none;
}
@media (min-width: 460px) {
  .header__menu {
    position: relative;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header__menu:hover .header__name,
  .header__menu:hover .header__email {
    color: var(--clear_White);
  }
}
.header__menu.is-open .menu-dropdown__list,
.header__menu.is-open .profile-dropdown__list,
.header__menu.is-open .balance-dropdown__list {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.header__menu.is-open .Chevron-Down {
  transform: rotate(180deg);
}
.header__menu--empty .contract-dropdown__icons i {
  background: #95A0A6;
}
.header__menu--empty .contract-dropdown__number {
  color: var(--light_Red);
}
.header__avatar {
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  border-radius: 50%;
  overflow: hidden;
  border: 0.0689655172rem solid #95a0a6;
  background: url(/images/icons/User.svg) no-repeat 50%/22px, url(/images/bg/gg.png) no-repeat 50%/cover;
}
.header__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.header__info {
  display: none;
}
@media (min-width: 1200px) {
  .header__info {
    max-width: 18.7586206897rem;
    display: block;
  }
}
.header__name, .header__email {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 1.3793103448rem;
  color: var(--base_Grey-0);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s;
}
.header__email {
  font-weight: 300;
  font-size: 0.9655172414rem;
  line-height: 1.2413793103rem;
}
.header__action {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  padding: 0 0.5517241379rem;
  width: 6.7586206897rem;
  height: 4.1379310345rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 120%;
  text-decoration: none;
  color: var(--base_Grey-0);
  transition: color 0.2s;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .header__action:hover {
    color: var(--clear_White);
  }
}
.header__action.wow-effect {
  position: relative;
}
.header__action.wow-effect::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  top: 0.6896551724rem;
  left: 0;
  width: 3.9310344828rem;
  height: 3.9310344828rem;
  background: #3BC86D;
  filter: blur(0.6896551724rem);
  animation: half-spin 4s linear infinite;
}

@keyframes half-spin {
  0%, 100% {
    transform: rotate(55deg);
  }
  50%, 99.9% {
    transform: rotate(235deg);
  }
}
.menu-dropdown__toggle,
.profile-dropdown__toggle,
.balance-dropdown__toggle,
.contract-dropdown__toggle {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  padding: 0 0.5517241379rem;
  height: 4.1379310345rem;
}
.menu-dropdown__toggle svg,
.profile-dropdown__toggle svg,
.balance-dropdown__toggle svg,
.contract-dropdown__toggle svg {
  width: 4rem;
  height: 1.1034482759rem;
}
.menu-dropdown__toggle .Rub,
.profile-dropdown__toggle .Rub,
.balance-dropdown__toggle .Rub,
.contract-dropdown__toggle .Rub {
  background: var(--base_Grey-0);
}
.menu-dropdown__list,
.profile-dropdown__list,
.balance-dropdown__list,
.contract-dropdown__list {
  position: absolute;
  top: calc(100% + 0rem);
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 0.1379310345rem;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  background: var(--yoga_Black);
  padding: 0.5517241379rem 0;
  width: 100%;
  min-width: 16.5517241379rem;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.6896551724rem);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0.2s;
  pointer-events: none;
}
.menu-dropdown__item,
.profile-dropdown__item,
.balance-dropdown__item,
.contract-dropdown__item {
  list-style: none;
}
.menu-dropdown__divider,
.profile-dropdown__divider,
.balance-dropdown__divider,
.contract-dropdown__divider {
  border: none;
  border-bottom: 0.275862069rem solid #2B2B2E;
  margin: 0.1379310345rem 0;
}
.menu-dropdown__icon,
.profile-dropdown__icon,
.balance-dropdown__icon,
.contract-dropdown__icon {
  min-width: 1.2413793103rem;
  width: 1.2413793103rem;
  height: 1.2413793103rem;
  background: var(--base_Grey-1);
}
.menu-dropdown__icon.Artist,
.profile-dropdown__icon.Artist,
.balance-dropdown__icon.Artist,
.contract-dropdown__icon.Artist {
  min-width: 1.0344827586rem;
  width: 1.0344827586rem;
  height: 1.1724137931rem;
}
.menu-dropdown__link,
.profile-dropdown__link,
.balance-dropdown__link,
.contract-dropdown__link {
  font-family: Noto Sans;
  font-weight: 200;
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  padding: 0.4827586207rem 1.6551724138rem;
  color: var(--clear_White);
  font-size: 1.2413793103rem;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s, color 0.2s;
}
.menu-dropdown__link .Rub,
.menu-dropdown__link .Music-Playlist,
.profile-dropdown__link .Rub,
.profile-dropdown__link .Music-Playlist,
.balance-dropdown__link .Rub,
.balance-dropdown__link .Music-Playlist,
.contract-dropdown__link .Rub,
.contract-dropdown__link .Music-Playlist {
  background: var(--base_Grey-1);
}
@media (hover: hover) and (pointer: fine) {
  .menu-dropdown__link:hover,
  .profile-dropdown__link:hover,
  .balance-dropdown__link:hover,
  .contract-dropdown__link:hover {
    background: var(--base_Black);
  }
  .menu-dropdown__link:hover.exit i,
  .profile-dropdown__link:hover.exit i,
  .balance-dropdown__link:hover.exit i,
  .contract-dropdown__link:hover.exit i {
    background: var(--light_Red);
  }
}

.profile-dropdown__toggle .header__info {
  display: block;
  max-width: 10.3448275862rem;
}
@media (min-width: 768px) {
  .profile-dropdown__toggle .header__info {
    max-width: 27.5862068966rem;
  }
}

@media (hover: hover) and (pointer: fine) {
  .balance-dropdown__toggle:hover .balance-dropdown__label {
    color: var(--clear_White);
  }
}
.balance-dropdown__toggle .header__info {
  display: block;
}
.balance-dropdown__label {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.2413793103rem;
  line-height: 120%;
  transition: color 0.2s;
  color: var(--base_Grey-0);
}
@media (min-width: 1200px) {
  .balance-dropdown__label {
    font-size: 0.8275862069rem;
  }
}
.balance-dropdown__amount {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 0.9655172414rem;
  line-height: 120%;
  color: var(--clear_White);
}
.balance-dropdown__amount span {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 120%;
  color: var(--base_Grey-0);
}

.contract-dropdown__toggle {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .contract-dropdown__toggle:hover .contract-dropdown__label {
    color: var(--clear_White);
  }
}
.contract-dropdown__icons {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.contract-dropdown__icons .House-Line {
  background: var(--base_Orange);
}
.contract-dropdown__icons .TV {
  background: var(--cornflower_Blue-Light);
}
.contract-dropdown__icons .Globe-Simple {
  background: var(--salad_Green);
}
.contract-dropdown__info {
  max-width: 6.2068965517rem;
}
.contract-dropdown__label {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 120%;
  color: var(--base_Grey-0);
  transition: color 0.2s;
}
.contract-dropdown__number {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 0.9655172414rem;
  line-height: 120%;
  color: var(--clear_White);
  transition: color 0.2s;
}

.user-premium .header__avatar {
  border-color: #ff6541;
}
.user-premium .header__info .user-status:after {
  content: "PREMIUM";
  background-color: #ff6541;
}

.user-demo .header__avatar {
  border-color: #ff8a42;
}
.user-demo .header__info .user-status:after {
  content: "DEMO";
  background-color: #ff8a42;
}

.user-vip .header__avatar {
  border-color: #ff8a42;
}
.user-vip .header__info .user-status:after {
  content: "VIP";
  background-color: #ff6541;
}

.user-premium .header__info .user-status,
.user-demo .header__info .user-status,
.user-vip .header__info .user-status {
  max-width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.user-premium .header__info .user-status:after,
.user-demo .header__info .user-status:after,
.user-vip .header__info .user-status:after {
  color: #fff;
  font-size: 0.6896551724rem;
  line-height: 0.6896551724rem;
  padding: 0.2068965517rem 0.275862069rem 0.1379310345rem;
  border-radius: 0.275862069rem;
  text-transform: uppercase;
}

.user-premium .header__avatar,
.user-vip .header__avatar {
  position: relative;
  overflow: visible;
}
.user-premium .header__avatar::after,
.user-vip .header__avatar::after {
  content: "";
  position: absolute;
  bottom: 1.7931034483rem;
  left: 50%;
  transform: translateX(-50%);
  --svg-icon: url(/images/icons/Crown-Fill.svg);
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background: var(--base_Orange);
  width: 1.2413793103rem;
  height: 1.2413793103rem;
  background-repeat: no-repeat;
}

.footer {
  position: relative;
  background: var(--yoga_Black);
  color: var(--clear_White);
  margin-top: 4.4137931034rem;
  padding-bottom: 10.6896551724rem;
}
@media (min-width: 1200px) {
  .footer {
    margin-top: 18.2068965517rem;
    padding-bottom: 10.6896551724rem;
  }
}
.footer .center {
  position: relative;
  text-align: center;
}
.footer .wrapper {
  margin-top: -3.0344827586rem;
}
@media (min-width: 1200px) {
  .footer .wrapper {
    margin-top: -16.8275862069rem;
  }
}

.footer__logo {
  position: relative;
  transform: translateY(-50%);
  max-width: 121.4482758621rem;
  width: 100%;
  margin: 0 auto;
  pointer-events: none;
  user-select: none;
}
.footer__logo.absolute {
  position: absolute;
  z-index: -12;
  top: 0%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.footer__row {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  z-index: 1;
  gap: 1.6551724138rem;
  margin-top: -5.5172413793rem;
}
@media (min-width: 1200px) {
  .footer__row {
    grid-template-columns: 20.6896551724rem 1fr 20.6896551724rem;
    margin-top: 0;
    gap: 0;
  }
}

.footer__col:nth-of-type(1) {
  order: 2;
}
@media (min-width: 1200px) {
  .footer__col:nth-of-type(1) {
    order: 1;
  }
}
.footer__col:nth-of-type(2) {
  order: 1;
}
@media (min-width: 1200px) {
  .footer__col:nth-of-type(2) {
    order: 2;
  }
}
.footer__col:nth-of-type(3) {
  order: 3;
  text-align: center;
}
@media (min-width: 1200px) {
  .footer__col:nth-of-type(3) {
    order: 3;
    text-align: left;
  }
}
.footer__col .select2-lang {
  width: 11.0344827586rem !important;
}
.footer__col .select2 {
  width: 11.0344827586rem !important;
}
@media (min-width: 1200px) {
  .footer__col.up {
    transform: translateY(-5.5172413793rem);
  }
}

.footer__copyright {
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.1034482759rem;
  line-height: 150%;
  color: var(--base_Grey-0);
  text-align: center;
}
@media (min-width: 1200px) {
  .footer__copyright {
    text-align: left;
  }
}

.footer__call {
  margin-top: 1.6551724138rem;
}
@media (min-width: 1200px) {
  .footer__call {
    margin-top: 2.7586206897rem;
  }
}

.footer__call_item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.275862069rem;
  color: var(--base_Grey-0);
  text-decoration: none;
  transition: 0.2s;
}
@media (min-width: 1200px) {
  .footer__call_item {
    justify-content: flex-start;
  }
}
@media (hover: hover) and (pointer: fine) {
  .footer__call_item:hover {
    color: var(--clear_White);
  }
}

.footer__logo-link {
  display: block;
  margin-top: 1.6551724138rem;
}
.footer__logo-link svg {
  width: 3.8620689655rem;
  height: 1.1034482759rem;
}

.footer__nav {
  margin-top: 1.7931034483rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.5517241379rem;
}

.footer__nav_item {
  padding: 0.5517241379rem 0.275862069rem;
  color: var(--base_Grey-0);
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 120%;
  text-decoration: none;
  transition: color 0.2s;
}
@media (min-width: 1200px) {
  .footer__nav_item {
    padding: 0.8275862069rem 0.5517241379rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .footer__nav_item:hover {
    color: var(--clear_White);
  }
}

.footer__social {
  margin-top: 1.7931034483rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.3103448276rem;
}

.footer__social_item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}
.footer__social_item i {
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}

.footer__policy {
  margin-top: 1.6551724138rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  gap: 0.5517241379rem;
}
@media (min-width: 1200px) {
  .footer__policy {
    margin-top: 2.7586206897rem;
    align-items: flex-start;
  }
}
.footer__policy li {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.footer__policy a {
  display: flex;
  align-items: flex-start;
  gap: 0.5517241379rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--base_Grey-0);
  text-decoration: none;
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .footer__policy a:hover {
    color: var(--clear_White);
  }
}
.footer__policy a span {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.footer__policy a i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  position: relative;
  top: 0.0689655172rem;
}

#go-up {
  transition: 0.2s;
}
#go-up i {
  width: 1.1034482759rem;
  height: 2.2068965517rem;
}
@media (hover: hover) and (pointer: fine) {
  #go-up:hover {
    transform: translateY(-0.275862069rem);
  }
}

.cookieconsent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}

.cookieconsent__inner {
  margin: 0 auto;
  max-width: 99.3103448276rem;
  padding: 0 0.6896551724rem;
}
@media (min-width: 1200px) {
  .cookieconsent__inner {
    padding: 0 1.3793103448rem;
  }
}

.cookieconsent__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0rem;
  background: var(--yoga_Black);
  border: 0.275862069rem solid var(--base_Grey-5);
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 1.1034482759rem;
  padding: 0 0.8275862069rem 0.8275862069rem;
}
@media (min-width: 1200px) {
  .cookieconsent__row {
    padding: 0 1.6551724138rem;
    flex-direction: row;
    gap: 1.1034482759rem;
  }
}

.cookieconsent__img {
  width: 4.1379310345rem;
  height: 4.1379310345rem;
  object-fit: cover;
  display: none;
}
@media (min-width: 1200px) {
  .cookieconsent__img {
    width: 8.275862069rem;
    height: 8.275862069rem;
    display: block;
  }
}

.cookieconsent__text {
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--clear_White);
  position: relative;
  padding: 0.6896551724rem 0 0.6896551724rem 0;
  flex: 1;
}
@media (min-width: 1200px) {
  .cookieconsent__text {
    padding: 2.0689655172rem 3.0344827586rem 2.0689655172rem 0;
    font-size: 1.5172413793rem;
  }
}
.cookieconsent__text::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.275862069rem;
  height: 100%;
  background: var(--base_Grey-5);
  margin: 0 0.5517241379rem;
  display: none;
}
@media (min-width: 1200px) {
  .cookieconsent__text::after {
    display: block;
  }
}

.cookieconsent__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5.5172413793rem;
  gap: 0.5517241379rem;
}
@media (min-width: 1200px) {
  .cookieconsent__buttons {
    flex-direction: column;
    width: 9.3793103448rem;
    gap: 1.1034482759rem;
  }
}
.cookieconsent__buttons .btn {
  width: 5.5172413793rem;
  min-width: auto;
  justify-content: center;
}
@media (min-width: 1200px) {
  .cookieconsent__buttons .btn {
    width: 8.275862069rem;
  }
}

.tracks-playlists .title {
  margin-bottom: 1.6551724138rem;
}
.tracks-playlists__row {
  display: flex;
}
.tracks-playlists__item {
  min-width: 15.1724137931rem;
  width: 15.1724137931rem;
  height: 22.0689655172rem;
  background: var(--base_Grey-BG-0);
  padding: 2.2068965517rem 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1034482759rem;
  text-decoration: none;
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .tracks-playlists__item:hover {
    background: var(--clear_White);
  }
  .tracks-playlists__item:hover .tracks-playlists__cover {
    transform: scale(1.05);
  }
}
.tracks-playlists__cover {
  width: 12.4137931034rem;
  height: 12.4137931034rem;
  border-radius: 50%;
  box-shadow: 0px 0px 0.275862069rem 0px rgba(0, 0, 0, 0.2509803922);
  background: url(/images/Cover-Empty.png) no-repeat 50%/cover;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
  margin: 0 auto 1.1034482759rem;
  transition: 0.4s;
}
.tracks-playlists__cover img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.tracks-playlists__title {
  font-weight: 600;
  font-size: 1.5172413793rem;
  line-height: 1.5172413793rem;
  text-wrap: balance;
  width: 13.7931034483rem;
  min-height: 3.3103448276rem;
  text-align: center;
  margin: 0 auto;
  color: var(--base_Grey-4);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tracks-playlists__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.1034482759rem;
  gap: 0.5517241379rem;
}
.tracks-playlists__button .btn_white {
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
}
@media (hover: hover) and (pointer: fine) {
  .tracks-playlists__button .btn_white:hover {
    border-color: var(--yoga_Black);
  }
}
.tracks-playlists__button .btn_white i {
  background: var(--base_Grey-3);
}
.tracks-playlists__button .btn_white .icon {
  position: relative;
  width: 1.7931034483rem;
  height: 1.2413793103rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.tracks-playlists__button .btn_white .icon::after {
  background: var(--grey_Blue-Pale);
  content: "";
  height: 1.2413793103rem;
  left: 0.275862069rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0689655172rem;
}

.splide.block__content {
  overflow: visible;
}

.splide__track {
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
  overflow: hidden;
}

.splide__arrows {
  display: none;
}
@media (min-width: 1200px) {
  .splide__arrows {
    display: block;
  }
}

.splide__arrow {
  width: 5.5172413793rem;
  height: 5.5172413793rem;
  border-radius: 1.1034482759rem;
  border: 0.275862069rem solid var(--clear_White);
  background: var(--base_Grey-BG-0);
  opacity: 1;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .splide__arrow:hover:not(:disabled) {
    opacity: 1;
  }
}
.splide__arrow:disabled {
  opacity: 0;
  visibility: hidden;
}
.splide__arrow .Arrow-Left,
.splide__arrow .Arrow-Right {
  background: var(--grey_Blue);
}
.splide__arrow--next {
  right: -2.7586206897rem;
}
.splide__arrow--prev {
  left: -2.7586206897rem;
}

.tracks-playlists__disabled {
  background: var(--base_Grey-BG-1) !important;
  pointer-events: none;
}
.tracks-playlists__disabled .tracks-playlists__title {
  color: var(--grey_Blue-Light);
}

.playlist-list {
  display: grid;
  justify-content: center;
  gap: 1.1034482759rem;
  grid-template-columns: repeat(auto-fit, minmax(17.9310344828rem, 18.4137931034rem));
  animation: fadeInUp 0.6s ease-out forwards;
}
@media (min-width: 1200px) {
  .playlist-list {
    justify-content: flex-start;
  }
}
.playlist-list__box {
  text-align: center;
}
.playlist-list .choose {
  border-radius: 0 0 0.5517241379rem 0.5517241379rem;
  width: 13.7931034483rem;
  justify-content: center;
  margin: auto;
}
.playlist-list .choose i {
  background: var(--clear_White);
  height: 0.9655172414rem;
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
}
.playlist-list__item {
  border-radius: 1.1034482759rem;
  display: block;
  height: 20.6896551724rem;
  background: var(--clear_White);
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.playlist-list__item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 1.1034482759rem;
  background: var(--base_Grey-3);
  background-image: var(--tooltip-bg-image, var(--base_Grey-3));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mask: conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 0.1379310345rem;
  transition: padding 0.2s;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .playlist-list__item:hover::before {
    padding: 0.275862069rem;
  }
  .playlist-list__item:hover .playlist-list__cover:after {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.playlist-list__cover {
  width: 100%;
  height: 13.7931034483rem;
  position: relative;
  z-index: -2;
  background: url(/images/playlists-cover.png) no-repeat 50%/cover;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/playlists-cover.png) no-repeat 50%/cover;
}
.playlist-list__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.playlist-list__cover .play-music {
  left: 50%;
  position: absolute;
  z-index: 100;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
@media (hover: hover) and (pointer: fine) {
  .playlist-list__cover .play-music:hover {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.playlist-list__info {
  text-decoration: none;
  display: block;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 6.8965517241rem;
  padding: 0.8275862069rem 0.5517241379rem 0.5517241379rem;
}
.playlist-list__info .playlist-list__desc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5517241379rem;
}
.playlist-list__info .playlist-list__desc i:not(.Divider-Y) {
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--base_Grey-3);
}
.playlist-list__info .playlist-list__desc .song {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.playlist-list__info .playlist-list__desc .song i {
  background: var(--grey_Blue-Light);
}
.playlist-list__info .playlist-list__desc .song__text {
  font-family: Noto Sans;
  font-weight: 500;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--grey_Blue-More);
}
.playlist-list__info .playlist-list__desc .song__text span {
  color: var(--grey_Blue-Light);
  font-weight: 300;
}
.playlist-list__info .playlist-list__name {
  font-family: Noto Sans;
  font-weight: 600;
  font-size: 1.5172413793rem;
  line-height: 1.5862068966rem;
  text-align: center;
  color: var(--base_Grey-4);
  margin-top: 0.8275862069rem;
  text-wrap: balance;
  min-height: 3.3103448276rem;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.album-more {
  padding: 0.9655172414rem;
  text-align: center;
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  border: none;
  color: var(--grey_Blue-Dark);
  cursor: pointer;
  display: flex;
  width: 100%;
  font-family: Noto Sans;
  font-size: 1.1034482759rem;
  font-weight: 400;
  letter-spacing: 0.0689655172rem;
  line-height: 125%;
  text-transform: uppercase;
  align-items: center;
  gap: 0.275862069rem;
  justify-content: center;
  transition: 0.2s;
}
.album-more i {
  background: var(--grey_Blue-Dark);
  height: 1.3793103448rem;
  min-width: 1.3793103448rem;
  transition: 0.2s;
  width: 1.3793103448rem;
}
@media (hover: hover) and (pointer: fine) {
  .album-more:hover {
    color: var(--base_Black);
  }
  .album-more:hover i {
    background: var(--base_Black);
    transform: translateY(0.1379310345rem);
  }
}

.album-empty {
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  padding: 0.5517241379rem 1.1034482759rem;
  color: var(--grey_Blue-Darker);
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.1034482759rem;
  line-height: 125%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  margin: 1.1034482759rem auto;
  max-width: fit-content;
  text-align: center;
}

.albums-list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(17.9310344828rem, 18.4137931034rem));
  gap: 1.1034482759rem;
  animation: fadeInUp 0.6s ease-out forwards;
}
@media (min-width: 1200px) {
  .albums-list {
    justify-content: flex-start;
  }
}
.albums-list__box {
  text-align: center;
}
.albums-list__box.unfinished .albums-list__title {
  color: var(--base_Red-Darker);
}
.albums-list__box.unfinished .albums-list__cover {
  box-shadow: 0px 0px 0.275862069rem 0px var(--base_Red-Darker);
  background: #C4C4C4;
}
.albums-list__box.unfinished .icon {
  background: var(--base_Red-Darker);
}
.albums-list__box.unfinished .icon i {
  background: var(--clear_White);
}
.albums-list__item {
  display: block;
  height: 20.6896551724rem;
  padding: 0.5517241379rem;
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.albums-list__item::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 1.1034482759rem;
  background: var(--base_Grey-3);
  background-image: var(--tooltip-bg-image, var(--base_Grey-3));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mask: conic-gradient(#000 0 0) content-box, conic-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 0.1379310345rem;
  transition: padding 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .albums-list__item:hover::before {
    padding: 0.275862069rem;
  }
  .albums-list__item:hover .albums-list__cover img {
    transform: scale(1.1);
  }
}
.albums-list__titleContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.1034482759rem;
  max-height: 3.1034482759rem;
  margin: 0.6896551724rem 0;
}
.albums-list__title {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.3793103448rem;
  line-height: 120%;
  color: var(--yoga_Black);
  text-align: center;
  text-wrap: balance;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.albums-list__cover {
  background: var(--grey_Blue);
  width: 10.3448275862rem;
  height: 10.3448275862rem;
  border-radius: 0.5517241379rem;
  box-shadow: 0px 0px 0.275862069rem 0px rgba(0, 0, 0, 0.2509803922);
  margin: 0 auto;
  position: relative;
}
.albums-list__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5517241379rem;
  transition: 0.4s;
}
.albums-list__cover .icon-top {
  position: absolute;
  z-index: 1;
  top: 0.5517241379rem;
  left: -1.3793103448rem;
}
.albums-list__cover .icon-bottom {
  position: absolute;
  z-index: 1;
  bottom: 0.5517241379rem;
  left: -1.3793103448rem;
  display: flex;
  flex-direction: column;
  gap: 0.275862069rem;
}
.albums-list__cover .icon {
  width: 1.9310344828rem;
  height: 1.9310344828rem;
  border-radius: 0.5517241379rem;
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  display: flex;
  align-items: center;
  justify-content: center;
}
.albums-list__cover .icon i {
  background: var(--grey_Blue-Darker);
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}
.albums-list__cover .icon.orange {
  background: var(--pale_Orange);
  border-color: var(--base_Orange);
}
.albums-list__cover .icon.orange i {
  background: var(--base_Orange);
}
.albums-list__cover .icon.green {
  background: var(--pale_Salad);
  border-color: var(--salad_Green-Dark);
}
.albums-list__cover .icon.green i {
  background: var(--salad_Green-Dark);
}
.albums-list__cover .icon.blue {
  background: var(--pale_Blue);
  border-color: var(--cornflower_Blue);
}
.albums-list__cover .icon.blue i {
  background: var(--cornflower_Blue);
}
.albums-list__cover .icon.bblue {
  background: var(--cornflower_Blue);
  border-color: var(--pale_Blue);
}
.albums-list__cover .icon.bblue i {
  background: var(--pale_Blue);
}
.albums-list__info {
  padding: 0.6206896552rem 0 0;
  text-align: center;
}
.albums-list__info, .albums-list__info p {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue-Darker);
}
.albums-list__info span, .albums-list__info p span {
  color: var(--grey_Blue);
  padding-right: 0.1379310345rem;
}
.albums-list__info .red, .albums-list__info p .red {
  color: var(--base_Red-Darker);
}
.albums-list .choose {
  border-radius: 0 0 0.5517241379rem 0.5517241379rem;
  width: 13.7931034483rem;
  justify-content: center;
  margin: auto;
}
.albums-list .choose .icon {
  border-left: 0.0689655172rem solid var(--grey_Blue-Light);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding-left: 0.275862069rem;
}
.albums-list .choose i {
  background: var(--clear_White);
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
  height: 0.9655172414rem;
}

.music-header-flex {
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.1034482759rem;
  padding: 1.1034482759rem;
}
@media (min-width: 1024px) {
  .music-header-flex {
    flex-direction: row;
  }
}
.music-header-flex.gap-24 {
  gap: 1.6551724138rem;
}
.music-header-flex .cover-128 {
  display: none;
  margin: auto;
}
@media (min-width: 768px) {
  .music-header-flex .cover-128 {
    display: flex;
  }
}
@media (min-width: 1024px) {
  .music-header-flex .cover-128 {
    margin: 0;
  }
}
.music-header-flex .cover-128 .track-play {
  background: transparent;
  border: none;
  display: flex;
  height: 3.3103448276rem;
  position: absolute;
  right: 0;
  top: 0;
  outline: none;
  width: 3.3103448276rem;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: 0.2s;
}
.music-header-flex .cover-128 .track-play i {
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
}
@media (hover: hover) and (pointer: fine) {
  .music-header-flex .cover-128 .track-play:hover {
    transform: scale(1.1);
  }
}
.music-header-flex .music-header-info {
  min-width: 0;
  max-width: 63.4482758621rem;
  flex: 1;
}
.music-header-flex .music-header-info.center {
  align-self: center;
}
.music-header-flex .music-header-info h2 {
  font-size: 2.7586206897rem;
  margin-bottom: 0.9655172414rem;
}
.music-header-flex .icons {
  margin-bottom: 0.9655172414rem;
}
.music-header-flex .music-time-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.1034482759rem;
}
.music-header-flex .music-time-flex .release-delete {
  background: var(--pale_Red);
  color: var(--base_Crimson);
  border-radius: 0.1379310345rem;
  padding: 0.1379310345rem 0.5517241379rem;
}
.music-header-flex .finances-streaming-time-flex .music-time span {
  color: var(--grey_Blue-Light);
}
.music-header-flex .music-time {
  display: flex;
  align-items: center;
  color: var(--grey_Blue);
  font-family: Noto Sans;
  font-size: 1.2413793103rem;
  font-weight: 400;
  gap: 0.275862069rem;
  line-height: 100%;
}
.music-header-flex .music-time__small {
  font-size: 1.1034482759rem;
  line-height: 140%;
  color: var(--base_Black);
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: pre-wrap;
}
.music-header-flex .music-time i {
  background: var(--grey_Blue-Light);
  height: 1.1034482759rem;
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
}
.music-header-flex .music-meta {
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
  padding: 0 0 0 1.6551724138rem;
}
.music-header-flex .music-meta .music-meta-label {
  color: var(--grey_Blue);
  font-size: 0.8275862069rem;
  font-weight: 700;
  line-height: 100%;
  margin-bottom: 0.5517241379rem;
}
.music-header-flex .music-meta .music-meta-count {
  display: flex;
  align-items: center;
  color: var(--yoga_Black);
  font-size: 4.4137931034rem;
  font-weight: 300;
  gap: 0.275862069rem;
  line-height: 100%;
}
.music-header-flex .music-meta .music-meta-count strong {
  font-weight: 700;
}
.music-header-flex .music-meta .music-meta-count i {
  background: var(--grey_Blue-Light);
  height: 1.3793103448rem;
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
}
.music-header-flex .music-meta .music-meta-desc {
  color: var(--grey_Blue);
  font-size: 0.8275862069rem;
  line-height: 125%;
  max-width: 10.7586206897rem;
  width: 100%;
}
.music-header-flex .music-meta__album {
  padding: 0.4827586207rem 1.1034482759rem 0.4827586207rem 1.6551724138rem;
  display: flex;
  flex-direction: column;
  gap: 0.275862069rem;
}
.music-header-flex .music-meta__album .music-meta-label {
  font-size: 1.1034482759rem;
  font-weight: 400;
}
.music-header-flex .music-meta__album .music-meta-line {
  font-size: 1.1034482759rem;
}
.music-header-flex .music-meta__album .music-meta-line .red {
  color: var(--base_Red-Darker);
}
.music-header-flex .music-meta__album .music-meta-line.fz14 {
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.music-header-flex .music-meta__album .music-meta-line.fz14 .music-meta-label {
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.music-header-flex .music-more {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: flex-start;
  min-width: 21.7931034483rem;
}
@media (min-width: 1024px) {
  .music-header-flex .music-more {
    align-items: flex-end;
  }
}
.music-header-flex .music-more__btn {
  background: none;
  border: none;
  cursor: pointer;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue-Dark);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.275862069rem;
  transition: 0.2s;
}
@media (min-width: 1024px) {
  .music-header-flex .music-more__btn {
    margin-left: auto;
  }
}
.music-header-flex .music-more__btn i {
  background: var(--grey_Blue-Dark);
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  transition: 0.2s;
}
.music-header-flex .music-more__info {
  display: flex;
  gap: 0.5517241379rem;
  margin: 1.6551724138rem 0;
  transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out, max-height 0.4s ease-in-out, visibility 0s 0.4s;
  max-height: 0;
  opacity: 0;
  transform: translateX(1.3793103448rem);
  visibility: hidden;
}
.music-header-flex .music-more__info .items {
  max-width: 21.7931034483rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
}
.music-header-flex .music-more__info .items .mb-16 {
  margin-bottom: 0.5517241379rem;
}
.music-header-flex .music-more__info .items .item h4 {
  font-family: Noto Sans;
  font-weight: 600;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--base_Grey-4);
}
.music-header-flex .music-more__info .items .item h4.blue {
  color: var(--grey_Blue);
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  padding-bottom: 0.275862069rem;
}
.music-header-flex .music-more__info .items .item .album-title {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--yoga_Black);
}
.music-header-flex .music-more__info .items .item p {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--yoga_Black);
}
.music-header-flex .music-more.is-open .music-more__info {
  max-height: 1000px;
  opacity: 1;
  transform: translateX(0);
  visibility: visible;
  transition-delay: 0s;
}
.music-header-flex .music-more.is-open .music-more__btn i {
  transform: rotate(180deg);
}
.music-header-flex .music-more__price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.1034482759rem;
  margin-top: 1.6551724138rem;
}
.music-header-flex .music-more__price p {
  max-width: 5.724137931rem;
  max-width: 11.0344827586rem;
  text-align: right;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 100%;
  color: var(--grey_Blue-More);
}
.music-header-flex .music-more__price .icons {
  margin-bottom: 0;
}
.music-header-flex .music-more__price .price-info p {
  max-width: none;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
}
.music-header-flex .music-more__price .price-info .price-value {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  font-family: Noto Sans;
  font-weight: 500;
  font-size: 1.3793103448rem;
  line-height: 100%;
  color: var(--grey_Blue-More);
}
.music-header-flex .music-more__price .price-info .price-value i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--grey_Blue-Light);
}
.music-header-flex .music-more__price .icons {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.music-header-flex .music-more__price .icons .icon {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  border-radius: 0.5517241379rem;
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  display: flex;
  align-items: center;
  justify-content: center;
}
.music-header-flex .music-more__price .icons .icon i {
  background: var(--grey_Blue-Darker);
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}
.music-header-flex .music-more__price .icons .icon.orange {
  background: var(--pale_Orange);
  border-color: var(--base_Orange);
}
.music-header-flex .music-more__price .icons .icon.orange i {
  background: var(--base_Orange);
}
.music-header-flex .music-more__price .icons .icon.green {
  background: var(--pale_Salad);
  border-color: var(--salad_Green-Dark);
}
.music-header-flex .music-more__price .icons .icon.green i {
  background: var(--salad_Green-Dark);
}
.music-header-flex .music-more__price .icons .icon.blue {
  background: var(--pale_Blue);
  border-color: var(--cornflower_Blue);
}
.music-header-flex .music-more__price .icons .icon.blue i {
  background: var(--cornflower_Blue);
}
.music-header-flex .music-more__price .icons .icon.bblue {
  background: var(--cornflower_Blue);
  border-color: var(--pale_Blue);
}
.music-header-flex .music-more__price .icons .icon.bblue i {
  background: var(--pale_Blue);
}

.radio-list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(14.6896551724rem, 15.1724137931rem));
  gap: 1.1034482759rem;
  animation: fadeInUp 0.6s ease-out forwards;
}
@media (min-width: 1200px) {
  .radio-list {
    justify-content: flex-start;
  }
}
.radio-list__item {
  text-align: center;
  background: var(--base_Grey-BG-0);
  box-shadow: 0px 0px 0 0.1379310345rem var(--clear_White);
  border-radius: 1.1034482759rem;
  padding: 1.0344827586rem 0.5517241379rem 1.3793103448rem;
  height: 16.8275862069rem;
  transition: 0.4s;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) and (pointer: fine) {
  .radio-list__item:hover {
    background: var(--clear_White);
  }
  .radio-list__item:hover .radio-list__cover {
    transform: scale(1.1);
  }
}
.radio-list__cover {
  width: 10.3448275862rem;
  height: 7.3793103448rem;
  margin: auto;
  flex: 1;
  transition: 0.4s;
}
.radio-list__cover img {
  max-width: 100%;
  height: 7.3793103448rem;
  object-fit: contain;
  width: auto;
}
.radio-list__name {
  margin-top: 0.9655172414rem;
  font-weight: 600;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--yoga_Black);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}
.radio-list__city {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1379310345rem;
  margin-top: 0.5517241379rem;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
}
.radio-list__city span {
  color: var(--grey_Blue-Darker);
}
.radio-list__city i {
  min-width: 1.2413793103rem;
  width: 1.2413793103rem;
  height: 1.2413793103rem;
  background: var(--grey_Blue-Light);
}
.radio-list__link {
  margin-top: 0.275862069rem;
  display: block;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
}

.legend-section {
  background: var(--base_Grey-4);
  border-radius: 1.1034482759rem;
  padding: 0.8275862069rem;
  position: relative;
}
.legend-section .legend-header {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
  gap: 0.275862069rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue-BG-1);
}
.legend-section .legend-header i {
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-BG-1);
}
.legend-section.collapsed i.Chevron-Down {
  transform: rotate(180deg);
}
.legend-section.collapsed .legend-body {
  max-height: 0;
  opacity: 0;
  padding-top: 0;
}
.legend-section .legend-body {
  transition: max-height 0.24s, opacity 0.19s;
  overflow: hidden;
  max-height: 68.9655172414rem;
  opacity: 1;
}
.legend-section .legend-list {
  display: grid !important;
  background: var(--base_Grey-4);
  gap: 0 1.6551724138rem;
  grid-template-columns: 19.3103448276rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media (min-width: 640px) {
  .legend-section .legend-list {
    grid-template-columns: 19.3103448276rem 19.3103448276rem;
  }
}
.legend-section .legend-item {
  display: flex;
  flex-wrap: nowrap !important;
  align-items: center;
  text-align: center;
  gap: 0.5517241379rem;
  max-width: 19.3103448276rem;
  width: 100%;
  background: var(--base_Grey-4) !important;
  color: var(--grey_Blue-BG-1) !important;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue-BG-1);
  padding: 1.1034482759rem !important;
}
@media (min-width: 640px) {
  .legend-section .legend-item {
    text-align: left;
  }
}
.legend-section .legend-item:nth-child(1), .legend-section .legend-item:nth-child(2) {
  border-bottom: 0.0689655172rem solid var(--grey_Blue);
}
.legend-section .legend-item .icon {
  min-width: 1.9310344828rem !important;
  width: 1.9310344828rem !important;
  height: 1.9310344828rem !important;
  border-radius: 0.5517241379rem !important;
  border: 0.0689655172rem solid var(--cornflower_Blue-Light) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.legend-section .legend-item .icon i {
  width: 1.3793103448rem !important;
  min-width: 1.3793103448rem !important;
  height: 1.3793103448rem !important;
  background: var(--pale_Blue) !important;
}

.streaming-services__welcome {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6551724138rem;
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  padding: 1.6551724138rem;
}
@media (min-width: 768px) {
  .streaming-services__welcome {
    flex-wrap: nowrap;
  }
}
.streaming-services__welcome img {
  min-width: 5.5172413793rem;
  width: 5.5172413793rem;
  height: 5.5172413793rem;
}
@media (min-width: 1200px) {
  .streaming-services__welcome img {
    min-width: 9.6551724138rem;
    width: 9.6551724138rem;
    height: 9.6551724138rem;
  }
}
.streaming-services__welcome .text__title {
  font-weight: 600;
  font-size: 1.3793103448rem;
  line-height: 120%;
  color: var(--yoga_Black);
  margin-bottom: 1.1034482759rem;
}
.streaming-services__welcome .text__row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6551724138rem;
}
@media (min-width: 768px) {
  .streaming-services__welcome .text__row {
    flex-wrap: nowrap;
  }
}
.streaming-services__welcome .text__row p {
  font-weight: 400;
  font-size: 1.0344827586rem;
  line-height: 140%;
  color: var(--base_Black);
  width: 100%;
}

.release-available__content {
  display: grid;
  gap: 0.1379310345rem;
  grid-template-columns: repeat(auto-fit, minmax(15.5862068966rem, 1fr));
}

.release-available__item {
  background: var(--base_Grey-BG-0);
  border: 0.1379310345rem solid var(--clear_White);
  padding: 1.1034482759rem;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .release-available__item:hover {
    background: var(--clear_White);
  }
  .release-available__item:hover .release-available__cover {
    transform: scale(1.1);
  }
}

.release-available__cover {
  background: var(--clear_White);
  padding: 1.6551724138rem;
  border-radius: 0.5517241379rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
}
.release-available__cover img {
  max-width: 100%;
  width: 17.9310344828rem;
  height: 6.2068965517rem;
  object-fit: contain;
}

.release-available__name {
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.8275862069rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue-Dark);
  text-align: center;
  margin-top: 0.5517241379rem;
}

.platforms-modal {
  background: var(--base_Grey-BG-1);
  display: flex;
  gap: 1.1034482759rem;
  align-items: center;
  border-bottom: 0.1379310345rem solid var(--clear_White);
  padding: 2.0689655172rem 1.6551724138rem;
  transition: 0.2s;
}
.platforms-modal:last-child {
  border-bottom: none;
}
@media (hover: hover) and (pointer: fine) {
  .platforms-modal:hover {
    background: var(--clear_White);
  }
  .platforms-modal:hover .platforms-modal__cover {
    transform: scale(1.1);
  }
}
.platforms-modal__cover {
  min-width: 10.2068965517rem;
  width: 10.2068965517rem;
  height: 6.1379310345rem;
  border-radius: 0.5517241379rem;
  overflow: hidden;
  background: var(--clear_White);
  transition: 0.4s;
}
.platforms-modal__cover img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 0.6896551724rem;
}
.platforms-modal__text {
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
}
.platforms-modal__text .platforms-modal__title {
  font-weight: 700;
  font-size: 1.1034482759rem;
  line-height: 120%;
  color: var(--yoga_Black);
}
.platforms-modal__text .platforms-modal__desc {
  font-weight: 400;
  font-size: 1.0344827586rem;
  line-height: 140%;
  color: var(--yoga_Black);
}

.ftp-platforms__alert {
  background: var(--base_Grey-BG-0);
  padding: 1.1034482759rem;
  display: flex;
  gap: 1.1034482759rem;
}
.ftp-platforms__alert i {
  min-width: 2.7586206897rem;
  width: 2.7586206897rem;
  height: 2.7586206897rem;
  background: var(--grey_Blue-Light);
}
.ftp-platforms__alert p {
  font-size: 1.2413793103rem;
  line-height: 140%;
  color: var(--yoga_Black);
}
.ftp-platforms__alert p a {
  color: var(--yoga_Black);
}
.ftp-platforms__row {
  background: var(--base_Grey-BG-0);
  padding: 2.7586206897rem 2.7586206897rem 0.5517241379rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6551724138rem;
}
@media (min-width: 768px) {
  .ftp-platforms__row {
    flex-wrap: nowrap;
  }
}
.ftp-platforms__item {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ftp-platforms__title {
  font-weight: 700;
  font-size: 1.1034482759rem;
  line-height: 100%;
  color: var(--grey_Blue-Darker);
  margin-bottom: 0.5517241379rem;
  padding-left: 1.6551724138rem;
}
.ftp-platforms__box {
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  padding: 1.1034482759rem 1.6551724138rem;
  flex: 1;
}
.ftp-platforms__el {
  font-weight: 700;
  font-size: 1.0344827586rem;
  line-height: 140%;
  color: var(--grey_Blue);
  margin-bottom: 0.275862069rem;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.ftp-platforms__el:last-child {
  margin-bottom: 0;
}
.ftp-platforms__el i:not(.Divider-Y) {
  width: 1.2413793103rem;
  min-width: 1.2413793103rem;
  height: 1.2413793103rem;
  background: var(--grey_Blue-Light);
}
.ftp-platforms__el span {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  color: var(--base_Black);
  font-weight: 400;
}
.ftp-platforms__el.copy span {
  border-bottom: 0.0689655172rem dotted var(--base_Black);
  cursor: pointer;
}
.ftp-platforms__auth {
  background: var(--base_Grey-BG-0);
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  padding: 0.5517241379rem 4.4137931034rem 2.7586206897rem;
}

.holder__input.form-input {
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  padding: 0.8275862069rem 0.5517241379rem;
}
.holder__percent {
  display: flex;
  align-items: center;
  position: relative;
}
.holder__percent input {
  text-align: right;
  padding-right: 1.6551724138rem !important;
}
.holder__percent input::-webkit-outer-spin-button, .holder__percent input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
}
.holder__percent label {
  position: absolute;
  top: 50%;
  right: 0.6896551724rem;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--yoga_Black);
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.1034482759rem;
  line-height: 100%;
}
.holder_button_container {
  padding: 1.1034482759rem;
}
.holder_add {
  background: var(--base_Grey-BG-0);
}
.holder_add .select2 {
  height: 3.3103448276rem;
  width: 100% !important;
}
@media (min-width: 640px) {
  .holder_add .select2 {
    max-width: 27.2413793103rem;
  }
}
.holder_add .holder__percent {
  width: 100%;
}
@media (min-width: 640px) {
  .holder_add .holder__percent {
    min-width: 5.5172413793rem;
    width: 5.5172413793rem;
  }
}
.holder_add i {
  background: var(--grey_Blue-Pale);
  height: 0.9655172414rem;
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
}
.holder__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1034482759rem;
  padding: 0.8275862069rem 1.1034482759rem;
}
@media (min-width: 640px) {
  .holder__item {
    flex-direction: row;
  }
}
.holder__item .w-full {
  width: 100%;
}
.holder__remove {
  width: 3.8620689655rem;
  height: 3.3103448276rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
}
.holder__remove .X,
.holder__remove .Question {
  background: var(--grey_Blue-Darker);
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
}

.artist-role {
  margin-top: 2.7586206897rem;
}
.artist-role .artist-role__title {
  background: var(--base_Grey-BG-0);
  border-bottom: 0.275862069rem solid var(--clear_White);
  padding: 1.1034482759rem;
}
.artist-role .artist-role__content {
  background: var(--base_Grey-BG-0);
  display: flex;
  flex-direction: column;
  padding: 1.1034482759rem;
  gap: 2;
}
.artist-role .artist-role__item {
  display: flex;
  align-items: center;
  color: var(--grey_Blue-Darker);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
}
.artist-role .artist-role__item span {
  display: flex;
  align-items: center;
  color: var(--grey_Blue);
}

.links-release__bottom {
  padding: 1.1034482759rem;
}

.setting-block {
  display: grid;
  gap: 0.1379310345rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .setting-block {
    grid-template-columns: 1fr 1fr;
  }
}
.setting-block .setting-block__item {
  display: flex;
  align-items: center;
  background: var(--base_Grey-BG-0);
  gap: 1.1034482759rem;
  padding: 0.8275862069rem 1.1034482759rem;
  transition: 0.4s;
}
.setting-block .setting-block__item:first-child {
  grid-column: 1/-1;
}
.setting-block .setting-block__item .title {
  color: var(--yoga_Black);
  font-family: Noto Sans;
  font-size: 1.2413793103rem;
  font-weight: 700;
  line-height: 120%;
  flex: 1;
}
.setting-block .setting-block__item .checkbox-label {
  font-size: 0.8275862069rem;
  line-height: 120%;
  max-width: 11.0344827586rem;
  width: 100%;
  align-items: center;
}
.setting-block .setting-block__item .select-label {
  width: 100%;
  position: relative;
}
.setting-block .setting-block__item .form-label {
  color: var(--grey_Blue);
  font-family: Noto Sans;
  font-size: 0.6896551724rem;
  font-weight: 800;
  left: 0.8275862069rem;
  letter-spacing: 0.0689655172rem;
  line-height: 140%;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  top: 0.3448275862rem;
  transition: all 0.4s ease;
  flex: 1;
}
.setting-block .setting-block__item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.setting-block .setting-block__item .icon i {
  background: var(--grey_Blue-Darker);
  height: 1.6551724138rem;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
}

.promotion-block {
  padding: 1.1034482759rem;
  background: var(--base_Grey-BG-0);
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  display: flex;
  gap: 1.6551724138rem;
}
.promotion-block__cover {
  min-width: 8.275862069rem;
  width: 8.275862069rem;
  height: 8.4827586207rem;
  border-radius: 0.5517241379rem;
  overflow: hidden;
}
.promotion-block__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.promotion-block__flex {
  display: flex;
  align-items: center;
  gap: 5.5172413793rem;
}
.promotion-block__title {
  font-size: 1.6551724138rem;
  line-height: 140%;
  color: var(--yoga_Black);
  margin-bottom: 0.5517241379rem;
}
.promotion-block__desc p {
  font-weight: 300;
  font-size: 1.3793103448rem;
  line-height: 140%;
  color: var(--yoga_Black);
  margin-bottom: 0.5517241379rem;
}
.promotion-block__desc p:last-child {
  margin-bottom: 0;
}
.promotion-block__price {
  padding-left: 1.6551724138rem;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
}
.promotion-block__price .btn {
  white-space: nowrap;
  margin-top: 1.6551724138rem;
  gap: 0.8275862069rem;
}
.promotion-block__price .btn i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--clear_White);
}
.promotion-block__span {
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue-Dark);
}
.promotion-block__cost {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  font-weight: 500;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
}
.promotion-block__cost i {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Light);
}

.release-empty {
  background: var(--base_Grey-BG-0);
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  display: flex;
  padding: 2.275862069rem;
}
.release-empty .icon {
  display: flex;
  align-items: flex-start;
  border-right: 0.0689655172rem solid var(--grey_Blue-Pale);
  justify-content: center;
  margin-right: 0.5517241379rem;
  padding-right: 0.5517241379rem;
}
.release-empty .icon i {
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  background: var(--grey_Blue-Light);
}
.release-empty__content-text p {
  font-size: 1.2413793103rem;
  line-height: 140%;
  color: var(--yoga_Black);
}
.release-empty__content-text a {
  color: currentColor;
}
.release-empty-p0 {
  padding: 0;
  padding: 0.8275862069rem;
  background: none;
  max-width: 46.8965517241rem;
}
.release-empty-p0 .release-empty__content-text {
  display: flex;
  align-items: center;
}
.release-empty-p0 .release-empty__content-text p {
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--base_Black);
}
.release-empty-p0 .release-empty__content-text.col {
  flex-direction: column;
  align-items: flex-start;
}
.release-empty-flex {
  padding: 0;
  background: none;
  padding-top: 1.6551724138rem;
  position: relative;
}
.release-empty-flex::after {
  background: var(--base_Grey-BG-0);
  content: "";
  height: 0.5517241379rem;
  left: -0.8275862069rem;
  position: absolute;
  top: 0;
  width: calc(100% + 1.6551724138rem);
}
.release-empty-flex .release-empty__content-text {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1034482759rem;
  align-items: center;
}
@media (min-width: 768px) {
  .release-empty-flex .release-empty__content-text {
    flex-wrap: nowrap;
  }
}
.release-empty-flex .release-empty__content-text p {
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--base_Black);
}
.release-empty-profile {
  padding: 0;
  padding-top: 1.6551724138rem;
  background: none;
  position: relative;
  width: 100%;
}
.release-empty-profile::after {
  background: var(--base_Grey-BG-0);
  content: "";
  height: 0.5517241379rem;
  left: -0.8275862069rem;
  position: absolute;
  top: 0;
  width: calc(100% + 1.6551724138rem);
}
.release-empty-profile .release-empty__content-text {
  display: flex;
  align-items: center;
}
.release-empty-profile .release-empty__content-text p {
  font-size: 0.9655172414rem;
  line-height: 125%;
}

.info-block {
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  padding: 1.1034482759rem;
  display: flex;
}
.info-block .icon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-right: 0.0689655172rem solid var(--grey_Blue-Pale);
  padding-right: 0.5517241379rem;
  margin-right: 0.5517241379rem;
}
.info-block .icon i {
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  background: var(--grey_Blue-Light);
}
.info-block.icon-center .icon {
  align-items: center;
}
.info-block__text {
  align-self: center;
}
.info-block__text p {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 160%;
  color: var(--base_Black);
  padding-bottom: 0.275862069rem;
}
.info-block__text p:last-of-type {
  padding-bottom: 0;
}
.info-block__text a {
  color: var(--base_Black);
}
.info-block__grid {
  display: grid;
  align-items: center;
  gap: 2.2068965517rem;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .info-block__grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.info-block .info-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.275862069rem;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
  padding-left: 1.1034482759rem;
}
.info-block .info-item {
  color: var(--grey_Blue);
  font-size: 0.9655172414rem;
  line-height: 125%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.275862069rem;
}
.info-block .info-item i:not(.Divider) {
  background: var(--grey_Blue-Light);
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
  height: 0.9655172414rem;
}
.info-block .info-item .text-dark {
  color: var(--grey_Blue-Darker);
}
.info-block .info-item .text-blue {
  color: var(--grey_Blue);
}

.modal-list__title {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.2413793103rem;
  line-height: 120%;
  color: var(--yoga_Black);
  padding: 0.8965517241rem 1.1034482759rem;
  background: var(--clear_White);
}
.modal-list__container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5517241379rem;
  padding: 1.1034482759rem 1.6551724138rem;
}
.modal-list__item {
  width: 15.7931034483rem;
}
.modal-list__item.flex3 {
  width: 21.2413793103rem;
}
.modal-list__item .iso-code {
  color: var(--base_Black);
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 0.9655172414rem;
  line-height: 120%;
}
.modal-list__item .Divider {
  transform: rotate(60deg);
}

.audio-player {
  position: fixed;
  right: 2.0689655172rem;
  bottom: 2.0689655172rem;
  width: 18.7586206897rem;
  background: var(--base_Grey-4);
  color: var(--clear_White);
  border-radius: 1.1034482759rem;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  z-index: 99999;
  overflow: hidden;
  user-select: none;
  padding: 0.5517241379rem 1.1034482759rem 1.1034482759rem 1.1034482759rem;
}
.audio-player .player-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.275862069rem;
  height: 1.3793103448rem;
  cursor: grab;
}
.audio-player .player-header i {
  background: var(--grey_Blue-Pale);
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}
.audio-player .player-mini {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.audio-player .player-logo {
  cursor: default;
}
.audio-player .player-logo svg {
  width: 2.4827586207rem;
  height: 0.6896551724rem;
}
.audio-player .player-close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.audio-player .player-cover {
  width: 16.5517241379rem;
  height: 16.5517241379rem;
  border-radius: 0.5517241379rem;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
}
.audio-player .player-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5517241379rem;
}
.audio-player .player-title {
  font-family: Noto Sans;
  font-weight: 600;
  font-size: 1.3793103448rem;
  line-height: 100%;
  margin-top: 0.5517241379rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.audio-player .player-artist {
  font-family: Noto Sans;
  font-weight: 500;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue-Pale);
  margin-top: 0.275862069rem;
}
.audio-player .player-progress {
  width: 100%;
  margin-top: 1.1034482759rem;
  position: relative;
}
.audio-player .player-progress .bar {
  position: relative;
  width: 100%;
  display: flex;
  margin-bottom: 0.8275862069rem;
}
.audio-player .player-progress .bar-bg {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
  border-radius: 3.4482758621rem;
  background: var(--yoga_Black);
  height: 0.275862069rem;
}
.audio-player .player-progress .progress-bar {
  position: relative;
  appearance: none;
  z-index: 1;
  cursor: pointer;
  border-radius: 3.4482758621rem;
  background: transparent;
  background-image: linear-gradient(#D9D9D9, #D9D9D9);
  background-size: 0% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 0.275862069rem;
  outline: none;
}
.audio-player .player-progress .progress-bar::-webkit-slider-thumb {
  appearance: none;
  border-radius: 0.6896551724rem;
  background: transparent;
  width: 0.5517241379rem;
  height: 1.1034482759rem;
  border: none;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.5019607843);
  background: var(--clear_White);
  transition: opacity 0.3s;
}
.audio-player .player-progress .progress-bar::-moz-range-thumb {
  appearance: none;
  border-radius: 0.6896551724rem;
  background: transparent;
  width: 0.5517241379rem;
  height: 1.1034482759rem;
  border: none;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.5019607843);
  background: var(--clear_White);
  transition: opacity 0.3s;
}
.audio-player .player-progress .progress-bar::-ms-thumb {
  appearance: none;
  border-radius: 0.6896551724rem;
  background: transparent;
  width: 0.5517241379rem;
  height: 1.1034482759rem;
  border: none;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.5019607843);
  background: var(--clear_White);
  transition: opacity 0.3s;
}
.audio-player .player-current,
.audio-player .player-duration {
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  text-align: left;
}
.audio-player .player-duration {
  text-align: right;
}
.audio-player .player-controls {
  width: 11.3103448276rem;
  display: flex;
  margin: 0.2068965517rem auto 0;
  align-items: center;
}
.audio-player .player-prev,
.audio-player .player-next {
  width: 3.4482758621rem;
  height: 3.4482758621rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--grey_Blue-Pale);
  background: transparent;
  border: none;
}
.audio-player .player-prev i,
.audio-player .player-next i {
  background: var(--grey_Blue-Pale);
}
.audio-player .player-play {
  width: 4.4137931034rem;
  height: 4.4137931034rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
}
.audio-player .player-play i {
  min-width: 4.4137931034rem;
  width: 4.4137931034rem;
  height: 4.4137931034rem;
}

.premium-chart-block {
  position: relative;
  overflow: hidden;
  min-height: 15.1724137931rem;
}

.premium-chart-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.premium-chart-bg svg {
  width: 100%;
  height: 100%;
  display: block;
}

.without-premium {
  pointer-events: none;
}
.without-premium::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(245, 245, 245, 0.4);
  z-index: 10;
  border-radius: 1.1034482759rem;
  backdrop-filter: blur(0.5517241379rem);
}
.without-premium .splide__arrows {
  display: none;
}
.without-premium .block__link,
.without-premium .block__title {
  position: relative;
  z-index: 12;
  pointer-events: all;
}
.without-premium .premium-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
  pointer-events: all;
  padding: 1.3793103448rem;
}
.without-premium .premium-overlay__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8275862069rem;
  text-align: center;
  max-width: 20.6896551724rem;
}
.without-premium .premium-overlay__content i {
  background: var(--base_Orange);
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}
.without-premium .premium-overlay__content p {
  color: var(--yoga_Black);
  font-weight: 500;
  font-size: 1.1034482759rem;
  text-shadow: 0 0 2.0689655172rem var(--base_Grey-BG-0);
}

.enter {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 5.1724137931rem;
  margin-top: 5.1724137931rem;
  padding-top: 1.6551724138rem;
}
@media (min-width: 1200px) {
  .enter {
    margin-bottom: 21.0344827586rem;
    margin-top: 13.7931034483rem;
  }
}

.enter__logo {
  margin-bottom: 3.8620689655rem;
  text-align: center;
}
.enter__logo a {
  display: block;
  width: 13.8620689655rem;
  height: 3.7931034483rem;
}
.enter__logo a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.enter__form {
  width: 100%;
  padding: 0 0.6896551724rem;
  display: flex;
  flex-direction: column;
  gap: 1.6551724138rem;
  justify-content: center;
}
@media (min-width: 640px) {
  .enter__form {
    width: 28.9655172414rem;
  }
}
.enter__form .sub-header {
  background: var(--clear_White);
  border-radius: 1.1034482759rem 1.1034482759rem 0 0;
  color: var(--yoga_Black);
  padding: 0.9655172414rem;
  text-align: center;
  width: 100%;
  font-size: 1.3793103448rem;
  font-weight: 700;
  line-height: 100%;
}

.enter__center {
  text-align: center;
}
.enter__center .btn {
  min-width: 11.0344827586rem;
}
.enter__center .btn i {
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Dark);
}
.enter__center .enter__btn {
  margin-top: 2.2068965517rem;
}

.enter__forgot-password {
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  line-height: 125%;
}

.bg-animation {
  height: 49.5172413793rem;
  max-width: 131.1724137931rem;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
  display: none;
}
@media (min-width: 768px) {
  .bg-animation {
    display: block;
  }
}

.home-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.1034482759rem;
  width: 100%;
}
@media (min-width: 1200px) {
  .home-stats {
    flex-wrap: nowrap;
  }
}
.home-stats .home-stats__col {
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  width: 100%;
}

.legend-pie-chart {
  position: absolute;
  left: 3.2413793103rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  display: none;
}
.legend-pie-chart.rel {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  transform: none;
  width: 9.6551724138rem;
  height: 9.6551724138rem;
}
@media (min-width: 768px) {
  .legend-pie-chart {
    display: block;
  }
}
.legend-pie-chart:before {
  background: var(--clear_White);
  border-radius: 100%;
  content: "";
  height: 3.4482758621rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 3.4482758621rem;
  z-index: -1;
}
.legend-pie-chart canvas {
  width: 9.6551724138rem;
  height: 9.6551724138rem;
}
.legend-pie-chart__big {
  left: 3.2413793103rem;
}
@media (min-width: 1200px) {
  .legend-pie-chart__big {
    left: 20%;
  }
}
.legend-pie-chart__big:before {
  width: 6.8965517241rem;
  height: 6.8965517241rem;
}
.legend-pie-chart__big canvas {
  width: 8.275862069rem;
  height: 8.275862069rem;
}
.legend-pie-chart__big + .legend-list .legend-item,
.legend-pie-chart__big + .legend-list .legend-total {
  padding: 0.6896551724rem 0.6896551724rem;
}
@media (min-width: 768px) {
  .legend-pie-chart__big + .legend-list .legend-item,
  .legend-pie-chart__big + .legend-list .legend-total {
    padding: 0.4137931034rem 0.6896551724rem 0.4137931034rem calc(50% + 0.6896551724rem);
  }
}
@media (max-width: 640px) {
  .legend-pie-chart__big + .legend-list .legend-item,
  .legend-pie-chart__big + .legend-list .legend-total {
    flex-direction: row;
  }
}

.legend-list {
  display: flex;
  flex-direction: column;
  background: var(--clear_White);
  gap: 0.1379310345rem;
  width: 100%;
}
.legend-list .legend-item {
  font-family: Noto Sans;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.7931034483rem;
  width: 100%;
  padding: 0.6896551724rem 0.6896551724rem;
  position: relative;
  background: var(--base_Grey-BG-0);
  transition: 0.4s;
  cursor: pointer;
}
@media (min-width: 768px) {
  .legend-list .legend-item {
    padding-left: 16.1379310345rem;
  }
}
@media (min-width: 640px) {
  .legend-list .legend-item {
    flex-direction: row;
    align-items: center;
  }
}
.legend-list .legend-item-container {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  flex: 1;
  max-width: 19.3103448276rem;
  width: 100%;
}
.legend-list .legend-item i:not(.Divider) {
  background: var(--grey_Blue-Light);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
.legend-list .legend-item .Globe-Simple,
.legend-list .legend-item .House-Line,
.legend-list .legend-item .TV {
  background: var(--base_Grey-2);
}
@media (hover: hover) and (pointer: fine) {
  .legend-list .legend-item:hover {
    background: var(--clear_White);
  }
}
.legend-list .legend-dot {
  width: 1.6551724138rem;
  height: 1.3793103448rem;
  border-radius: 0.4137931034rem;
  background: var(--clear_White);
  position: relative;
}
.legend-list .legend-dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--data-color);
  width: 0.6896551724rem;
  height: 0.275862069rem;
  border-radius: 0.275862069rem;
}
.legend-list .legend-label {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 100%;
}
.legend-list .legend-sum {
  width: 8.275862069rem;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 0.1379310345rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.legend-list .legend-item.active .legend-label {
  font-weight: 600;
  font-size: 0.9655172414rem;
}
.legend-list .legend-item.active .Globe-Simple,
.legend-list .legend-item.active .House-Line,
.legend-list .legend-item.active .TV {
  background: var(--base_Black);
}
.legend-list .legend-total {
  display: flex;
  flex-direction: column;
  gap: 1.7931034483rem;
  padding: 0.6896551724rem 0.6896551724rem;
  position: relative;
  background: var(--base_Grey-BG-0);
  transition: 0.4s;
}
@media (min-width: 768px) {
  .legend-list .legend-total {
    padding-left: 16.1379310345rem;
  }
}
@media (min-width: 640px) {
  .legend-list .legend-total {
    flex-direction: row;
    align-items: center;
  }
}
.legend-list .legend-total-container {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  flex: 1;
  max-width: 19.3103448276rem;
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .legend-list .legend-total:hover {
    background: var(--clear_White);
  }
}

.latest-list {
  display: flex;
  flex-direction: column;
  background: var(--clear_White);
  gap: 0.1379310345rem;
  width: 100%;
}
.latest-list .latest-rentals {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--base_Grey-BG-0);
  border-radius: 0.1379310345rem;
  gap: 1.1034482759rem;
  padding: 1.1034482759rem;
  transition: 0.4s ease-in-out;
}
@media (min-width: 640px) {
  .latest-list .latest-rentals {
    flex-direction: row;
  }
}
@media (hover: hover) and (pointer: fine) {
  .latest-list .latest-rentals:hover {
    background: var(--clear_White);
  }
}
.latest-list .latest-rentals__info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 640px) {
  .latest-list .latest-rentals__info {
    align-items: flex-start;
  }
}
.latest-list .latest-rentals__title {
  margin-bottom: 0.1379310345rem;
  text-decoration: none;
  font-size: 1.2413793103rem;
  color: var(--yoga_Black);
  font-family: "Noto Sans";
  font-weight: 700;
  line-height: 110%;
}
@media (min-width: 1200px) {
  .latest-list .latest-rentals__title {
    font-size: 1.3793103448rem;
  }
}
.latest-list .latest-rentals__author {
  color: var(--grey_Blue);
  font-family: Noto Sans;
  font-size: 1.1034482759rem;
  font-weight: 500;
  line-height: 125%;
  margin-bottom: 0.275862069rem;
  text-decoration: none;
}
.latest-list .latest-rentals__date {
  color: var(--grey_Blue);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0rem;
  margin-bottom: 0.5517241379rem;
}
@media (min-width: 640px) {
  .latest-list .latest-rentals__date {
    justify-content: flex-start;
    gap: 0.8275862069rem;
  }
}
.latest-list .latest-rentals__date i {
  background: var(--grey_Blue-Light);
  height: 0.9655172414rem;
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
}
.latest-list .latest-rentals__container {
  display: flex;
  align-items: center;
  gap: 0.1379310345rem;
}
.latest-list .rentals-info__place {
  margin-top: 0.8275862069rem;
  display: flex;
}
@media (min-width: 640px) {
  .latest-list .rentals-info__place {
    margin-top: 0.275862069rem;
  }
}
.latest-list .rentals-info__row {
  display: flex;
  gap: 0.5517241379rem;
  align-items: center;
}
.latest-list .rentals-info__row .cover-32 {
  display: none;
}
.latest-list .rentals-info__col {
  display: flex;
  flex-direction: column;
  gap: 0.1379310345rem;
}
.latest-list .rentals-info__obj {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  color: var(--grey_Blue);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
}
.latest-list .rentals-info__obj i {
  height: 0.8275862069rem;
  min-width: 0.8275862069rem;
  width: 0.8275862069rem;
  background: var(--grey_Blue-Light);
}

.responsive-table-home tbody tr:nth-child(1) .track-title {
  font-size: 1.5172413793rem;
}
.responsive-table-home tbody tr:nth-child(2) .track-title,
.responsive-table-home tbody tr:nth-child(3) .track-title {
  font-size: 1.3793103448rem;
}
.responsive-table-home .track-title {
  text-decoration: none;
  font-size: 1.2413793103rem;
}

.responsive-table-inc .track-title {
  text-decoration: none;
  font-size: 1.2413793103rem;
}

.welcome {
  padding-top: 2.7586206897rem;
}
.welcome__sub {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.welcome__sub .Check {
  background: var(--grey_Blue);
}
.welcome__header {
  padding-top: 0.5517241379rem;
  padding-bottom: 2.7586206897rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 0.275862069rem;
  margin-top: 1.6551724138rem;
}
@media (min-width: 768px) {
  .welcome__header {
    flex-direction: row;
    margin-top: 0;
    padding-bottom: 5.5172413793rem;
  }
}
.welcome__header .dynamics__link {
  height: 1.3793103448rem;
}
.welcome__header .dynamics__link .Chevron-Right {
  background: var(--grey_Blue-Dark);
}
.welcome .steps {
  display: flex;
  flex-direction: column;
  gap: 2.0689655172rem;
  justify-content: center;
  align-items: center;
  min-height: 17.9310344828rem;
}
@media (min-width: 768px) {
  .welcome .steps {
    flex-direction: row;
  }
}
.welcome .step {
  width: 100%;
  position: relative;
  transition: 0.2s;
  box-shadow: 0px 0px 0.275862069rem 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 1.1034482759rem;
}
@media (hover: hover) and (pointer: fine) {
  .welcome .step:hover::after {
    width: 11.724137931rem;
    height: 11.724137931rem;
  }
  .welcome .step:hover::before {
    background: var(--base_Black);
    width: 8.8275862069rem;
    height: 8.8275862069rem;
  }
  .welcome .step:hover .Logo {
    background: var(--base_Black);
  }
  .welcome .step:hover:not(.step--active) .Mandala2 {
    width: 19.3103448276rem;
    height: 19.3103448276rem;
  }
}
.welcome .step::after {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 11.0344827586rem;
  height: 11.0344827586rem;
  border-radius: 100%;
  background: var(--base_Grey-2);
  z-index: 0;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .welcome .step::after {
    display: block;
  }
}
.welcome .step::before {
  content: "";
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8.275862069rem;
  height: 8.275862069rem;
  border-radius: 100%;
  background: var(--base_Grey-3);
  border: 0.1379310345rem solid var(--base_Grey-0);
  z-index: 1;
  transition: 0.2s;
}
@media (min-width: 768px) {
  .welcome .step::before {
    display: block;
  }
}
.welcome .step .Mandala2 {
  width: 17.9310344828rem;
  height: 17.9310344828rem;
  background: var(--grey_Blue-Light);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}
@media (min-width: 768px) {
  .welcome .step .Mandala2 {
    display: block;
  }
}
.welcome .step .Logo {
  width: 27.6551724138rem;
  min-width: 27.6551724138rem;
  height: 7.6551724138rem;
  background: var(--clear_White);
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.2s;
}
@media (min-width: 768px) {
  .welcome .step .Logo {
    display: block;
  }
}
.welcome .step--active .Mandala2 {
  width: 27.5862068966rem;
  height: 27.5862068966rem;
}
.welcome .step--active .step__header {
  border-radius: 1.1034482759rem 1.1034482759rem 0 0;
}
.welcome .step--active .step__body {
  display: flex;
}
.welcome .step--active .step__bottom {
  display: flex;
}
.welcome .step--active .step__bottom .Chevron-Right {
  background: var(--grey_Blue-Dark);
}
.welcome .step--active .Chevron-Down {
  transform: rotate(180deg);
}
.welcome .step__header {
  cursor: pointer;
  background: var(--clear_White);
  height: 4.4137931034rem;
  border-radius: 1.1034482759rem;
  padding: 1.3793103448rem 1.1034482759rem;
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  position: relative;
  z-index: 1;
  user-select: none;
}
.welcome .step__num {
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
}
.welcome .step__title {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
  flex: 1;
}
.welcome .step .Chevron-Down {
  background: var(--yoga_Black);
}
.welcome .step__body {
  position: relative;
  z-index: 1;
  background: linear-gradient(180deg, #506673 0%, #293A43 100%);
  padding: 0.5517241379rem 1.1034482759rem;
  height: 8rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.2413793103rem;
  line-height: 120%;
  color: var(--clear_White);
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.welcome .step__bottom {
  position: relative;
  z-index: 1;
  height: 4.4137931034rem;
  padding: 1.3793103448rem 1.1034482759rem;
  background: var(--clear_White);
  border-radius: 0 0 1.1034482759rem 1.1034482759rem;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.welcome .step__bottom .btn {
  padding: 0;
}

.metric-block {
  border-radius: 1.1034482759rem;
  padding: 5.5172413793rem;
  max-width: 54.4137931034rem;
  margin: 3.3103448276rem auto 0;
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  position: relative;
  z-index: 1;
}
.metric-block__title {
  font-size: 2.7586206897rem;
  text-align: center;
}
.metric-block__text {
  font-size: 1.6551724138rem;
  color: var(--yoga_Black);
  text-align: center;
}
.metric-block::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin-left: calc(-50vw + 50%);
  width: 100vw;
  height: 3.8620689655rem;
  background: url(/images/logo-gray.svg) var(--clear_White);
  background-size: 29px 0.5517241379rem;
  background-repeat: repeat-x;
  background-position: center;
}
.metric-block::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--base_Grey-BG-1);
  border: 0.5517241379rem solid var(--clear_White);
  border-radius: 1.1034482759rem;
}

.welcome-tab {
  margin-top: 0;
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  .welcome-tab {
    margin-top: -1.9310344828rem;
  }
}
.welcome-tab__header {
  display: flex;
  justify-content: center;
  margin-bottom: 2.7586206897rem;
}
@media (min-width: 768px) {
  .welcome-tab__header {
    margin-bottom: 8.275862069rem;
  }
}
.welcome-tab__item {
  flex: 1 1 0;
  padding: 1.6551724138rem 0.8275862069rem;
  background: transparent;
  color: var(--yoga_Black);
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 120%;
  text-align: center;
  cursor: pointer;
  display: flex;
  gap: 1.1034482759rem;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: background 0.2s, color 0.2s, outline 0.2s;
  height: 9.2413793103rem;
  user-select: none;
  position: relative;
  overflow: hidden;
  outline: 0.1379310345rem solid transparent;
  outline-offset: -0.1379310345rem;
  transition: outline-color 0.2s;
}
.welcome-tab__item span {
  display: none;
}
@media (min-width: 768px) {
  .welcome-tab__item {
    padding: 2.0689655172rem 0.8275862069rem 3.3103448276rem;
    font-size: 2.4827586207rem;
    gap: 2.2068965517rem;
    flex-direction: column;
    height: 22.0689655172rem;
    min-width: 20.6896551724rem;
  }
  .welcome-tab__item span {
    display: block;
  }
}
.welcome-tab__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1379310345rem;
  transition: 0.2s;
  z-index: -1;
}
@media (hover: hover) and (pointer: fine) {
  .welcome-tab__item:hover::after {
    height: 1.1034482759rem;
  }
}
.welcome-tab__item i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}
.welcome-tab__item .Chevron-Down {
  background: var(--yoga_Black);
}
.welcome-tab__item.active {
  color: var(--clear_White);
}
.welcome-tab__item.active::after {
  height: 100%;
}
.welcome-tab__item.active .House-Line,
.welcome-tab__item.active .TV,
.welcome-tab__item.active .Globe-Simple,
.welcome-tab__item.active .Chevron-Down {
  background: var(--clear_White) !important;
}
.welcome-tab__item.active .Chevron-Down {
  transform: rotate(180deg);
}
.welcome-tab__item:nth-child(1) {
  --data-color: var(--base_Orange);
  border-color: var(--base_Orange);
  border-radius: 1.1034482759rem 0 0 1.1034482759rem;
}
.welcome-tab__item:nth-child(1) .House-Line {
  background: var(--base_Orange);
}
.welcome-tab__item:nth-child(1)::after {
  background: var(--base_Orange);
}
@media (hover: hover) and (pointer: fine) {
  .welcome-tab__item:nth-child(1):hover {
    outline-color: var(--base_Orange);
  }
}
.welcome-tab__item:nth-child(2) {
  --data-color: var(--base_Green);
  border-color: var(--base_Green);
}
.welcome-tab__item:nth-child(2) .Globe-Simple {
  background: var(--base_Green);
}
.welcome-tab__item:nth-child(2)::after {
  background: var(--base_Green);
}
@media (hover: hover) and (pointer: fine) {
  .welcome-tab__item:nth-child(2):hover {
    outline-color: var(--base_Green);
  }
}
.welcome-tab__item:nth-child(3) {
  --data-color: var(--cornflower_Blue);
  border-color: var(--cornflower_Blue);
  border-radius: 0 1.1034482759rem 1.1034482759rem 0;
}
.welcome-tab__item:nth-child(3) .TV {
  background: var(--cornflower_Blue);
}
.welcome-tab__item:nth-child(3)::after {
  background: var(--cornflower_Blue);
}
@media (hover: hover) and (pointer: fine) {
  .welcome-tab__item:nth-child(3):hover {
    outline-color: var(--cornflower_Blue);
  }
}
.welcome-tab .welcome-tabs__content {
  position: relative;
}
.welcome-tab__content {
  display: none;
}
.welcome-tab__content.visible {
  display: block;
}
.welcome-tab .features__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.0344827586rem 1.3793103448rem;
}
@media (min-width: 768px) {
  .welcome-tab .features__container {
    gap: 6.0689655172rem 2.7586206897rem;
  }
}
.welcome-tab .features__row {
  flex: 1 1 auto;
  box-shadow: 0px 0px 0.275862069rem 0px var(--active-tab-color, var(--base_Orange));
  border-radius: 1.1034482759rem;
  background: var(--clear_White);
  display: flex;
  align-items: center;
  gap: 1.7931034483rem;
  padding: 0 1.7931034483rem 0 1.7931034483rem;
  min-height: 9.6551724138rem;
  max-width: 45.5172413793rem;
}
@media (hover: hover) and (pointer: fine) {
  .welcome-tab .features__row:hover .features__icon {
    min-width: 12.275862069rem;
    width: 12.275862069rem;
    height: 12.275862069rem;
    margin-top: -0.7586206897rem;
    margin-left: -0.7586206897rem;
    background: url(/images/bg/gg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .welcome-tab .features__row:hover .features__icon::after {
    opacity: 1;
  }
}
.welcome-tab .features__icon {
  min-width: 10.7586206897rem;
  width: 10.7586206897rem;
  height: 10.7586206897rem;
  border-radius: 50%;
  background: var(--grey_Blue);
  border: 0.275862069rem solid var(--grey_Blue-Light);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  position: absolute;
  transition: 0.2s;
}
.welcome-tab .features__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --svg-icon: url('/images/icons/Mandala.svg');
  mask-image: var(--svg-icon);
  mask-size: cover;
  mask-repeat: no-repeat;
  background: var(--active-tab-color, var(--base_Orange));
  width: 19.0344827586rem;
  height: 19.0344827586rem;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s;
}
.welcome-tab .features__icon i:not(.Mandala2) {
  background: var(--clear_White);
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
}
.welcome-tab .features__text {
  display: flex;
  flex-direction: column;
  padding-left: 12.5517241379rem;
}
.welcome-tab .features__title {
  line-height: 1.5172413793rem;
  margin-bottom: 0.8275862069rem;
}
.welcome-tab .features__desc {
  font-size: 1.3793103448rem;
}

.welcome-demo {
  margin-top: 17.1034482759rem;
  margin-bottom: 12.4137931034rem;
  background: var(--clear_White);
  padding: 1.9310344828rem 0 1.5862068966rem;
  text-align: center;
  position: relative;
}
.welcome-demo img.img-logo {
  max-width: 79.724137931rem;
  width: 100%;
  max-height: 22.0689655172rem;
  display: block;
  position: absolute;
  top: -8.275862069rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.welcome-demo__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5517241379rem;
  margin: 0 auto;
  width: fit-content;
  transition: margin-bottom 0.4s ease;
  cursor: pointer;
  user-select: none;
}
.welcome-demo__header .Chevron-Down {
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  background: var(--yoga_Black);
}
.welcome-demo.is-open .welcome-demo__header .Chevron-Down {
  transform: rotate(180deg);
}
.welcome-demo__menu {
  list-style: none;
  display: flex;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 1.1034482759rem;
  border-bottom: 0.0689655172rem solid var(--base_Grey-1);
  margin-top: 2.2068965517rem;
}
.welcome-demo__menu .welcome-demo__li {
  display: inline-block;
  padding: 0 0.275862069rem;
}
.welcome-demo__link {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 100%;
  color: var(--base_Grey-4);
  padding: 0.1379310345rem 0 0.5517241379rem;
  text-decoration: none;
  display: block;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.welcome-demo__link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background: var(--base_Grey-BG-1);
  border-top: 0.0689655172rem solid transparent;
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .welcome-demo__link:hover {
    color: var(--yoga_Black);
  }
  .welcome-demo__link:hover::after {
    height: 0.275862069rem;
    border-color: var(--grey_Blue-Light);
  }
}
.welcome-demo__link.active {
  color: var(--yoga_Black);
}
.welcome-demo__link.active::after {
  height: 0.275862069rem;
  border-color: var(--yoga_Black);
}
.welcome-demo__content {
  position: relative;
  margin-top: 1.6551724138rem;
  display: none;
}
.welcome-demo__content img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  display: none;
  margin: auto;
}
.welcome-demo__content img.active {
  display: block;
}

.form-application {
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  padding: 1.1034482759rem;
  animation: fadeInUp 0.6s ease-out forwards;
}
.form-application .form-application__inner {
  display: grid;
  grid-template-columns: 1fr;
  flex-wrap: wrap;
  gap: 1.1034482759rem;
}
@media (min-width: 1024px) {
  .form-application .form-application__inner {
    flex-wrap: nowrap;
    grid-template-columns: 1fr 1fr;
  }
}
.form-application .music-header-flex {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}
@media (min-width: 1200px) {
  .form-application .music-header-flex {
    width: auto;
  }
}
.form-application .music-header-row {
  flex-direction: column;
  align-items: center;
  gap: 1.1034482759rem;
}
@media (min-width: 640px) {
  .form-application .music-header-row {
    flex-direction: row;
  }
}
.form-application .form-application__title {
  color: var(--grey_Blue-Darker);
  font-size: 1.1034482759rem;
  font-weight: 700;
  letter-spacing: 0.0689655172rem;
  line-height: 125%;
  text-transform: uppercase;
}
.form-application .form-application__desc {
  color: var(--grey_Blue-More);
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.form-application .form-application__form {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  border-radius: 1.1034482759rem;
  gap: 0.5517241379rem;
  margin-top: 0.6896551724rem;
  padding: 1.1034482759rem;
  max-width: 100%;
}
@media (min-width: 768px) {
  .form-application .form-application__form {
    flex-direction: row;
  }
}
.form-application .form-application__form .select-label {
  position: relative;
  width: 100%;
}
.form-application .music-header-info h2 {
  font-size: 1.6551724138rem;
  line-height: 110%;
  margin-bottom: 0.4827586207rem;
}
@media (min-width: 1200px) {
  .form-application .music-header-info h2 {
    font-size: 2.7586206897rem;
    margin-bottom: 0.9655172414rem;
  }
}
.form-application .music-header-info .music-time-flex {
  display: flex;
  flex-wrap: wrap;
  align-content: inherit;
  gap: 0.275862069rem;
}
@media (min-width: 1200px) {
  .form-application .music-header-info .music-time-flex {
    gap: 1.1034482759rem;
  }
}
.form-application .music-header-info .music-time-col {
  display: flex;
  flex-direction: column;
  gap: 0.1379310345rem;
}
.form-application .music-header-info .music-time-col .music-time {
  display: flex;
  align-items: center;
  gap: 0.1379310345rem;
  color: var(--base_Black);
  font-size: 1.1034482759rem;
  line-height: 100%;
}
.form-application .music-header-info .music-time-col .music-time span {
  color: var(--grey_Blue);
}
.form-application .music-header-info .music-time {
  display: flex;
  align-items: center;
  color: var(--grey_Blue);
  font-size: 1.1034482759rem;
  font-weight: 400;
  gap: 0.275862069rem;
  line-height: 100%;
}
@media (min-width: 1200px) {
  .form-application .music-header-info .music-time {
    font-size: 1.2413793103rem;
  }
}
.form-application .music-header-info .music-time i {
  background: var(--grey_Blue-Light);
  height: 1.3793103448rem;
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
}

.select-summary {
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  border: 0.275862069rem solid var(--clear_White);
}
.select-summary .select-summary__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.1034482759rem;
}
@media (min-width: 640px) {
  .select-summary .select-summary__header {
    justify-content: center;
  }
}
.select-summary .select-summary__label {
  width: 24.1379310345rem;
  font-size: 1.1034482759rem;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue);
}
@media (min-width: 640px) {
  .select-summary .select-summary__label:nth-child(1) {
    text-align: right;
  }
}
.select-summary .select-summary__label:nth-child(3) {
  text-align: right;
}
@media (min-width: 640px) {
  .select-summary .select-summary__label:nth-child(3) {
    text-align: left;
  }
}
.select-summary .select-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.1034482759rem;
  background: var(--base_Grey-BG-0);
  padding: 0.5517241379rem;
}
@media (min-width: 640px) {
  .select-summary .select-summary__row {
    justify-content: center;
  }
}
.select-summary .select-summary__track,
.select-summary .select-summary__playlist {
  width: 24.1379310345rem;
  display: flex;
  align-items: center;
}
.select-summary .select-summary__playlist {
  justify-content: flex-end;
  text-align: right;
}
@media (min-width: 640px) {
  .select-summary .select-summary__playlist {
    justify-content: flex-start;
    text-align: left;
  }
}
.select-summary .select-summary__track {
  text-align: left;
}
@media (min-width: 640px) {
  .select-summary .select-summary__track {
    justify-content: flex-end;
    text-align: right;
  }
}
.select-summary .track-info,
.select-summary .playlist-info {
  display: flex;
  align-items: center;
  gap: 0.6896551724rem;
}
.select-summary .track-cover,
.select-summary .playlist-cover {
  display: none;
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
  border-radius: 0.5517241379rem;
  object-fit: cover;
  background: url(/images/no-img.png) no-repeat 50%/24px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
}
@media (min-width: 640px) {
  .select-summary .track-cover,
  .select-summary .playlist-cover {
    display: block;
  }
}
.select-summary .track-cover img,
.select-summary .playlist-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5517241379rem;
}
.select-summary .playlist-cover {
  background: url(/images/no-img.png) no-repeat 50%/24px, url(/images/playlists-cover.png) no-repeat 50%/cover;
  border-radius: 50%;
  overflow: hidden;
}
.select-summary .track-title {
  font-size: 1.5172413793rem;
  line-height: 100%;
  font-weight: bold;
  font-weight: 700;
  text-decoration: underline;
  margin-bottom: 0.275862069rem;
  color: var(--yoga_Black);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-summary .track-artist {
  font-size: 0.9655172414rem;
  line-height: 125%;
  font-weight: 500;
  color: var(--grey_Blue);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-summary .playlist-title {
  font-size: 1.5172413793rem;
  line-height: 100%;
  font-weight: bold;
  font-weight: 700;
  text-decoration: underline;
  color: var(--yoga_Black);
}
.select-summary .select-summary__arrow {
  min-width: 4.4137931034rem;
  width: 4.4137931034rem;
  height: 4.4137931034rem;
  display: none;
  align-items: center;
  justify-content: center;
}
@media (min-width: 640px) {
  .select-summary .select-summary__arrow {
    display: flex;
  }
}
.select-summary .select-summary__arrow i {
  width: 1.9310344828rem;
  min-width: 1.9310344828rem;
  height: 1.9310344828rem;
  background: var(--base_Grey-3);
}
.select-summary .select-summary__button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.1034482759rem 0;
}
.select-summary .select-summary__button-wrap .btn {
  width: 9.9310344828rem;
  justify-content: space-between;
}
.select-summary .select-summary__button-wrap .btn i {
  width: 1.1034482759rem;
  min-width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--clear_White);
}

.playlist-cities-flags {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.724137931rem, 1fr));
  flex-wrap: wrap;
  align-items: center;
  background: var(--base_Grey-BG-0);
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
  overflow: hidden;
  margin-bottom: -0.1379310345rem;
}
.playlist-cities-flags .playlist-city-flag {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5517241379rem;
  padding: 1.3793103448rem 0.5517241379rem 0.8275862069rem;
  border-right: 0.1379310345rem solid var(--clear_White);
  border-bottom: 0.1379310345rem solid var(--clear_White);
  color: var(--grey_Blue);
  height: 7.0344827586rem;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .playlist-cities-flags .playlist-city-flag:hover {
    background: var(--clear_White);
  }
}
.playlist-cities-flags .playlist-city-flag p {
  font-size: 1.1034482759rem;
  line-height: 115%;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.playlist-cities-flags .flag-container {
  transition: transform 0.4s;
}

[class$="--map-copyrights"],
[class*="--map-copyrights "] {
  display: none !important;
}

.map-playlist #map {
  background-color: #faf7f0;
}

.map-playlist,
.map-popup {
  height: 62.0689655172rem;
  margin: 0 auto;
  position: relative;
  width: 100vw;
  margin-top: -9.6551724138rem;
  margin-left: calc(-50vw + 50%);
}
.map-playlist.bg-white,
.map-popup.bg-white {
  background: var(--clear_White);
  height: auto;
}
.map-playlist.in-block,
.map-popup.in-block {
  margin-top: 0;
}
.map-playlist #map,
.map-playlist .chart-plugin,
.map-popup #map,
.map-popup .chart-plugin {
  width: 100%;
  height: 100%;
}
.marker-active {
  z-index: 1 !important;
}

.marker-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: 2.0689655172rem;
  height: 2.0689655172rem;
  transform: translate(-50%, -100%);
  animation: fadeIn 0.6s ease-out forwards;
}
.marker-container .marker-container.marker-active {
  z-index: 1000 !important;
}
.marker-container .marker-pin {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.marker-container .cluster-count {
  position: absolute;
  color: #ffffff;
  font-size: 0.8275862069rem;
  font-weight: 700;
  line-height: 1;
  top: 17%;
  pointer-events: none;
}
.marker-container .marker-text {
  position: absolute;
  bottom: 100%;
  margin-bottom: 0.6896551724rem;
}
.marker-container .marker-text.is-hidden {
  display: none;
}
.marker-container .marker-text__content {
  display: block !important;
  max-height: 13.7931034483rem;
  line-height: 1.4;
  text-align: center;
}
.marker-container .marker-pin.is-hover {
  transform: scale(1.1);
  transition: transform 0.2s ease;
}
.marker-container .marker-pin.is-hover .cluster-count {
  transform: scale(1, -1);
  top: 20%;
}
.marker-container .ymaps3x0--marker {
  pointer-events: none !important;
}
.marker-container .marker-container {
  pointer-events: none !important;
}
.marker-container .marker-pin {
  pointer-events: auto !important;
}
.marker-container .marker-text {
  pointer-events: auto !important;
}
.marker-container .marker-text__content {
  max-height: 10.3448275862rem;
  overflow-y: auto;
  padding: 0.8275862069rem 0.5517241379rem;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3137254902) transparent;
}
.marker-container .marker-text__content::-webkit-scrollbar {
  width: 0.3448275862rem;
}
.marker-container .marker-text__content::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.3137254902);
  border-radius: 0.6896551724rem;
}
.marker-container .marker-text {
  position: absolute;
  bottom: calc(110% + 0.3448275862rem);
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  background: var(--yoga_Black);
  border-color: var(--yoga_Black);
  color: var(--clear_White);
  padding: 1.1034482759rem 0;
  border-radius: 0.5517241379rem;
  font-size: 0.9655172414rem;
  line-height: 1.4;
  white-space: nowrap;
  transition: opacity 0.2s, transform 0.2s;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.3448275862rem);
  z-index: 1;
}
.marker-container .marker-text__content {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  padding: 0.5517241379rem 1.6551724138rem;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 120%;
}
.marker-container .marker-text::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0.5517241379rem 0.5517241379rem 0 0.5517241379rem;
  border-color: inherit;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.marker-container .marker-text:not(.is-hidden) {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.marker-container .marker-pin {
  width: 2.0689655172rem;
  height: 2.0689655172rem;
  transition: transform 0.3s ease-in-out;
}
.marker-container .marker-pin img {
  width: 100%;
  height: 100%;
}
.marker-container .marker-pin.is-hover {
  transform: scale(1, -1);
}

.map-popup {
  margin: 0;
  width: 100%;
  height: 41.3793103448rem;
}

.playing-now {
  margin-top: -8rem;
}
.playing-now .playing-now__inner {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  align-items: center;
  background: var(--base_Grey-BG-0);
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
  overflow: hidden;
  margin-bottom: -0.1379310345rem;
}
.playing-now .playing-now__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 0.1379310345rem solid var(--clear_White);
  border-bottom: 0.1379310345rem solid var(--clear_White);
  color: var(--grey_Blue);
  gap: 0.5517241379rem;
  height: 16.5517241379rem;
  justify-content: center;
  padding: 1.3793103448rem 0.5517241379rem 0.8275862069rem;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .playing-now .playing-now__item:hover {
    background: var(--clear_White);
  }
  .playing-now .playing-now__item:hover .playing-now__cover {
    transform: scale(1.1);
  }
}
.playing-now .playing-now__cover {
  background: url(/images/icons/Storefront.svg) no-repeat 50%/44px, url(/images/bg/gg.png) no-repeat 50%/cover;
  border-radius: 0.5517241379rem;
  height: 8.9655172414rem;
  margin-bottom: 0.6896551724rem;
  overflow: hidden;
  transition: transform 0.4s;
  width: 17.3103448276rem;
}
.playing-now .playing-now__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.playing-now .playing-now__title {
  color: var(--base_Black);
  font-weight: 700;
  font-size: 1.1034482759rem;
  line-height: 100%;
  max-width: 20rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.playing-now .playing-now__address {
  font-size: 1.1034482759rem;
  line-height: 100%;
  max-width: 20rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--grey_Blue-More);
}

.analysis-section {
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
}
@media (min-width: 768px) {
  .analysis-section {
    flex-direction: row;
  }
}

.analysis-ai .analysis-ai__content {
  background: var(--base_Grey-BG-0);
  padding: 1.5172413793rem 0.5517241379rem;
  min-height: 7.5862068966rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.1034482759rem;
}
.analysis-ai .analysis-ai__count {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 3.8620689655rem;
  line-height: 110%;
  color: var(--grey_Blue-Dark);
}
.analysis-ai .analysis-ai__text {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 120%;
  color: var(--grey_Blue-More);
}
.analysis-ai .analysis-ai__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5517241379rem;
}

.analysis-pitching .page__stat span {
  color: var(--grey_Blue-Light);
}
.analysis-pitching .analysis-pitching__content {
  background: var(--base_Grey-BG-0);
  padding: 0.9655172414rem 0.5517241379rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5517241379rem;
}
.analysis-pitching .analysis-pitching__text {
  text-align: center;
  color: var(--grey_Blue-More);
  font-size: 1.1034482759rem;
  line-height: 120%;
}
.analysis-pitching .analysis-pitching__price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.275862069rem;
}
.analysis-pitching .analysis-pitching__price .count {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 2.2068965517rem;
  line-height: 100%;
  color: var(--grey_Blue-Dark);
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.analysis-pitching .analysis-pitching__price .count i {
  width: 1.3793103448rem;
  min-width: 1.3793103448rem;
  height: 1.3793103448rem;
  background: var(--grey_Blue-Light);
}
.analysis-pitching .analysis-pitching__price .mounth {
  font-size: 1.5172413793rem;
  line-height: 100%;
  color: var(--grey_Blue-Dark);
}
.analysis-pitching .analysis-pitching__bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1034482759rem 0.5517241379rem;
}
.analysis-pitching .analysis-pitching__bottom i {
  width: 0.9655172414rem;
  min-width: 0.9655172414rem;
  height: 0.9655172414rem;
  background: var(--grey_Blue-Pale);
}

.streaming-options {
  background: var(--base_Grey-BG-0);
  display: flex;
  flex-wrap: wrap;
}
.streaming-options__flex {
  display: flex;
  align-items: center;
  color: var(--grey_Blue);
  font-family: Noto Sans;
  font-size: 1.3793103448rem;
  font-weight: 400;
  gap: 1.1034482759rem;
  line-height: 100%;
  padding: 1.2413793103rem 1.6551724138rem;
}
.streaming-options__flex span {
  color: var(--yoga_Black);
  font-size: 1.5172413793rem;
  font-weight: 600;
}
.streaming-options__flex .streaming-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.streaming-options__flex .streaming-icon i {
  background: var(--grey_Blue-Darker);
  height: 1.6551724138rem;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
}
.streaming-options .streaming-option {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 19.3103448276rem;
  flex: 1;
  border: 0.1379310345rem solid var(--clear_White);
  padding: 1.3793103448rem 1.1034482759rem;
  position: relative;
  transition: background 0.2s;
  cursor: pointer;
  user-select: none;
}
.streaming-options .streaming-option:has(input:checked) {
  background: var(--clear_White);
}
.streaming-options .streaming-option__col {
  flex-direction: column;
}
.streaming-options .streaming-option__box {
  display: flex;
  align-items: center;
  gap: 0.8275862069rem;
  width: 100%;
}
.streaming-options .streaming-option__name {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.275862069rem;
}
.streaming-options .streaming-option__name .streaming-label {
  color: var(--grey_Blue-Darker);
  font-family: Noto Sans;
  font-size: 1.1034482759rem;
  font-weight: 700;
  letter-spacing: 0.0689655172rem;
  line-height: 125%;
  text-transform: uppercase;
  max-width: 19.8620689655rem;
  width: 100%;
}
.streaming-options .streaming-info {
  display: flex;
  position: absolute;
  right: 1.1034482759rem;
  top: 0.8275862069rem;
  align-items: center;
  justify-content: center;
}
.streaming-options .streaming-info__rel {
  height: 1.6551724138rem;
  position: relative;
  right: 0;
  top: 0;
}
.streaming-options .streaming-desc {
  display: flex;
  align-items: center;
  border-top: 0.0689655172rem solid var(--grey_Blue-Pale);
  gap: 0.275862069rem;
  margin-left: 2.4827586207rem;
  padding-top: 0.275862069rem;
}
.streaming-options .streaming-desc i {
  background: var(--grey_Blue-Light);
  height: 1.2413793103rem;
  min-width: 1.2413793103rem;
  width: 1.2413793103rem;
}
.streaming-options .streaming-desc .balance-span {
  color: var(--yoga_Black);
  font-size: 1.3793103448rem;
  font-weight: 500;
  line-height: 100%;
}
.streaming-options .streaming-desc .balance-span .balance-span__cents {
  font-weight: 300;
}

.streaming-option__balance {
  min-width: auto !important;
}
.streaming-option__balance .radio-custom {
  align-self: flex-start;
  position: relative;
  top: 0.2068965517rem;
}
.streaming-option__balance .streaming-label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0.5517241379rem;
  color: var(--grey_Blue-More) !important;
  font-size: 1.6551724138rem !important;
  font-weight: 500;
  margin-bottom: 1.2413793103rem;
  max-width: 27.5862068966rem !important;
}
.streaming-option__balance .streaming-label .rel {
  position: relative;
}
.streaming-option__balance .streaming-label .rel span {
  color: var(--grey_Blue-Dark);
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  text-transform: none;
  position: absolute;
  top: 100%;
  left: 0;
}
.streaming-option__balance .images {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.1379310345rem;
}
@media (min-width: 340px) {
  .streaming-option__balance .images {
    gap: 0.5517241379rem;
  }
}
.streaming-option__balance .images img {
  min-width: 7.1724137931rem;
  width: 7.1724137931rem;
  height: 4rem;
  object-fit: contain;
}
@media (min-width: 340px) {
  .streaming-option__balance .images img {
    min-width: 7.3103448276rem;
    width: 7.3103448276rem;
    height: 4.275862069rem;
  }
}

.streaming-option__services .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}
.streaming-option__services .icon i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  background: var(--grey_Blue-Light);
}
.streaming-option__services .streaming-info {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
}
.streaming-option__services .streaming-info i {
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  background: var(--base_Black);
  background: var(--grey_Blue-Light);
}
.streaming-option__services:has(input:checked) .icon i {
  background: var(--base_Black);
}

.form-pay {
  max-width: 46.2068965517rem;
  margin: auto;
}

.buttons-colors .btn {
  justify-content: space-between;
}
.buttons-colors .btn i {
  background: var(--base_Grey-3);
  height: 0.9655172414rem;
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
}
.buttons-colors .btn_dark i {
  background: var(--clear_White);
}

.mymusic__filter {
  border-radius: 1.1034482759rem;
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  padding: 1.1034482759rem;
  margin-top: 2.7586206897rem;
  margin-bottom: 1.1034482759rem;
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
}
@media (min-width: 640px) {
  .mymusic__filter {
    flex-direction: row;
    align-items: center;
  }
}
.mymusic__filter > * {
  flex: 1;
}
.mymusic__filter .btn {
  max-width: 6.8965517241rem;
}
.mymusic__filter .btn i {
  background: var(--grey_Blue-Pale);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}

.mymusic-albums__description {
  padding: 1.1034482759rem;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.8275862069rem;
  margin: -2.7586206897rem 0;
}
@media (min-width: 640px) {
  .mymusic-albums__description {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.mymusic-albums__description.flex-end {
  justify-content: flex-end;
  padding-right: 0;
  padding-left: 0;
}
.mymusic-albums__description .mymusic-albums__text {
  flex: 1 1 100%;
  min-width: 0;
}
.mymusic-albums__description .mymusic-albums__text p {
  color: var(--base_Black);
  font-family: Noto Sans;
  font-size: 1.1034482759rem;
  font-weight: 400;
  line-height: 140%;
  word-break: break-word;
  overflow-wrap: break-word;
}
.mymusic-albums__description .mymusic-albums__row {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.mymusic-albums__description button {
  display: flex;
  align-items: center;
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  border-radius: 0.5517241379rem;
  cursor: pointer;
  color: var(--base_Black);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 400;
  justify-content: center;
  line-height: 100%;
  transition: 0.2s;
  user-select: none;
}
.mymusic-albums__description button i {
  background: var(--base_Grey-3);
  height: 0.9655172414rem;
  min-width: 0.9655172414rem;
  transition: 0.2s;
  width: 0.9655172414rem;
}
.mymusic-albums__description button.cert {
  gap: 0.275862069rem;
  height: 2.2068965517rem;
  padding: 0.6206896552rem 0.8275862069rem;
}
.mymusic-albums__description button.cert .icon {
  display: flex;
  align-items: center;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
  justify-content: center;
  margin-left: 0.5517241379rem;
  padding-left: 0.5517241379rem;
}
.mymusic-albums__description button.icon {
  height: 2.2068965517rem;
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
}

.track-stats__title {
  margin-bottom: 1.6551724138rem;
}
.track-stats .subtas {
  margin-top: 0.5517241379rem;
  margin-bottom: 0.5517241379rem;
  padding: 0 1.1034482759rem;
  position: relative;
  isolation: isolate;
}
.track-stats .subtas::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -0.4827586207rem;
  left: -0.275862069rem;
  width: calc(100% + 0.5517241379rem);
  height: 0.5517241379rem;
  background: var(--base_Grey-BG-0);
}
.track-stats .subtas__topAfter {
  margin-bottom: 0;
}
.track-stats .subtas__topAfter::after {
  bottom: 0;
  top: -0.4827586207rem;
}
.track-stats .empty {
  background: var(--base_Grey-BG-0);
  padding: 1.6551724138rem;
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
}
.track-stats .empty__inner {
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  color: var(--grey_Blue-Darker);
  font-family: Noto Sans;
  font-size: 1.1034482759rem;
  font-weight: 700;
  letter-spacing: 0.0689655172rem;
  line-height: 125%;
  margin: 0 auto;
  max-width: fit-content;
  padding: 0.5517241379rem 1.1034482759rem;
  text-align: center;
  text-transform: uppercase;
}
.track-stats .public-places {
  transition: opacity 0.4s ease-in-out;
}
.track-stats .public-places.hidden {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  display: block !important;
}
.track-stats .public-places__content {
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
  border-top: 0.5517241379rem solid var(--clear_White);
}
.track-stats .radio-services {
  transition: opacity 0.4s ease-in-out;
}
.track-stats .radio-services.hidden {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  display: block !important;
}
.track-stats .streaming-services {
  transition: opacity 0.4s ease-in-out;
}
.track-stats .streaming-services.hidden {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  display: block !important;
}

.block-after-line {
  position: relative;
}
.block-after-line::after {
  background: var(--base_Grey-BG-0);
  content: "";
  height: 0.5517241379rem;
  left: -0.275862069rem;
  position: absolute;
  top: -0.5517241379rem;
  width: calc(100% + 0.5517241379rem);
}

.smart-link {
  max-width: 33.1034482759rem;
  margin: 2% auto;
}
@media (min-width: 768px) {
  .smart-link {
    margin: 1.6551724138rem auto;
  }
}
.smart-link .bg {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  position: fixed;
}
.smart-link .bg__element {
  background-size: cover;
  background-position: center center;
  width: calc(100svw + 5.5172413793rem);
  height: calc(100svh + 5.5172413793rem);
  position: absolute;
  left: -2.7586206897rem;
  top: -2.7586206897rem;
  filter: blur(13px);
}
.smart-link .bg__element-mask {
  width: calc(100vw + 5.5172413793rem);
  height: calc(100vh + 5.5172413793rem);
  position: absolute;
  left: -2.7586206897rem;
  top: -2.7586206897rem;
  background: var(--base_Grey-5);
  opacity: 0.4;
}
.smart-link__content {
  position: relative;
  background: var(--base_Grey-4);
  border-radius: 2.7586206897rem;
  overflow: hidden;
}
.smart-link__content hr {
  border: 0;
  border-bottom: 0.5517241379rem solid var(--base_Grey-5);
}
.smart-link__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6551724138rem 2.2068965517rem 0.5517241379rem;
}
.smart-link__header .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.smart-link__header .icon i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  background: var(--grey_Blue-Pale);
}
.smart-link__share {
  position: absolute;
  right: 2.2068965517rem;
  top: 1.6551724138rem;
  background: var(--base_Grey-5);
  border-radius: 1.1034482759rem;
  padding-top: 0 !important;
  width: 22.0689655172rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.6896551724rem) scale(0.95);
  transform-origin: top right;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  pointer-events: none;
  overflow: hidden;
}
.smart-link__share.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.smart-link__share .smart-link__table-title {
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--grey_Blue-Pale);
  padding: 0.6896551724rem 1.1034482759rem;
}
.smart-link__share .smart-link__table-list {
  padding: 0;
}
.smart-link__share .smart-link__table-item {
  font-size: 1.6551724138rem;
  line-height: 125%;
  color: var(--grey_Blue-Pale);
  border-top: 0.0689655172rem solid var(--grey_Blue);
  border-bottom: 0;
  padding: 1.1034482759rem;
}
.smart-link__share .smart-link__table-item i {
  background: var(--grey_Blue-Light);
}
.smart-link__cover {
  border-radius: 1.1034482759rem;
  width: 28.6896551724rem;
  height: 28.6896551724rem;
  margin: 0 auto 1.6551724138rem;
  overflow: hidden;
  background: url(/images/no-img.png) no-repeat 50%/48px, url(/images/playlists-cover.png) no-repeat 50%/cover;
}
.smart-link__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.smart-link__song {
  padding: 0.5517241379rem 2.2068965517rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
}
.smart-link__name {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 2.7586206897rem;
  line-height: 110%;
  color: var(--clear_White);
}
@media (min-width: 768px) {
  .smart-link__name {
    font-size: 2.2068965517rem;
  }
}
.smart-link__artist {
  font-family: Noto Sans;
  font-weight: 500;
  font-size: 1.9310344828rem;
  line-height: 125%;
  color: var(--grey_Blue-Pale);
}
@media (min-width: 768px) {
  .smart-link__artist {
    font-size: 1.6551724138rem;
  }
}
.smart-link__progress {
  position: relative;
  width: 100%;
  padding: 1.6551724138rem 2.2068965517rem 0;
  margin-top: 0.5517241379rem;
}
.smart-link__progress .bar {
  display: flex;
  margin-bottom: 0.8275862069rem;
  position: relative;
  width: 100%;
}
.smart-link__progress .bar .progress-bar {
  appearance: none;
  background: transparent;
  background-image: linear-gradient(#d9d9d9, #d9d9d9);
  background-repeat: no-repeat;
  background-size: 0 100%;
  border-radius: 3.4482758621rem;
  cursor: pointer;
  height: 0.275862069rem;
  outline: none;
  position: relative;
  width: 100%;
  z-index: 1;
}
.smart-link__progress .bar .progress-bar::-webkit-slider-thumb {
  appearance: none;
  border-radius: 0.6896551724rem;
  background: transparent;
  width: 0.5517241379rem;
  height: 1.1034482759rem;
  border: none;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.5019607843);
  background: var(--clear_White);
  transition: opacity 0.3s;
}
.smart-link__progress .bar .progress-bar::-moz-range-thumb {
  appearance: none;
  border-radius: 0.6896551724rem;
  background: transparent;
  width: 0.5517241379rem;
  height: 1.1034482759rem;
  border: none;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.5019607843);
  background: var(--clear_White);
  transition: opacity 0.3s;
}
.smart-link__progress .bar .progress-bar::-ms-thumb {
  appearance: none;
  border-radius: 0.6896551724rem;
  background: transparent;
  width: 0.5517241379rem;
  height: 1.1034482759rem;
  border: none;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.5019607843);
  background: var(--clear_White);
  transition: opacity 0.3s;
}
.smart-link__progress .bar .bar-bg {
  background: var(--yoga_Black);
  border-radius: 3.4482758621rem;
  height: 0.275862069rem;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.smart-link__progress .smart-link-current,
.smart-link__progress .smart-link-duration {
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  font-weight: 800;
  letter-spacing: 0.0689655172rem;
  line-height: 100%;
  text-align: left;
  text-transform: uppercase;
  color: var(--clear_White);
}
.smart-link__progress .smart-link-duration {
  text-align: right;
}
.smart-link__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2.2068965517rem;
  width: 21.5172413793rem;
  margin: 0 auto 3.0344827586rem;
}
.smart-link__controls .smart-link-prev,
.smart-link__controls .smart-link-play,
.smart-link__controls .smart-link-next {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: transparent;
  border: none;
}
.smart-link__controls .smart-link-prev {
  height: 5.5172413793rem;
  width: 5.5172413793rem;
}
.smart-link__controls .smart-link-prev i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  background: var(--grey_Blue-Pale);
}
.smart-link__controls .smart-link-play {
  height: 8.275862069rem;
  width: 8.275862069rem;
}
.smart-link__controls .smart-link-play i {
  min-width: 8.275862069rem;
  width: 8.275862069rem;
  height: 8.275862069rem;
}
.smart-link__controls .smart-link-next {
  height: 5.5172413793rem;
  width: 5.5172413793rem;
}
.smart-link__controls .smart-link-next i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  background: var(--grey_Blue-Pale);
}
.smart-link__table {
  padding-top: 1.6551724138rem;
}
.smart-link__table-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.2068965517rem;
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.9310344828rem;
  line-height: 110%;
  color: var(--clear_White);
}
@media (min-width: 768px) {
  .smart-link__table-title {
    font-size: 1.6551724138rem;
  }
}
.smart-link__table-title .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.smart-link__table-title .icon i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  background: var(--grey_Blue-Pale);
}
.smart-link__table-list {
  padding: 1.6551724138rem 0;
}
.smart-link__table-item {
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 1.1034482759rem 2.2068965517rem;
  border-bottom: 0.0689655172rem solid var(--grey_Blue);
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .smart-link__table-item:hover {
    background: var(--grey_Blue);
  }
}
.smart-link__table-item:first-child {
  border-top: 0.0689655172rem solid var(--grey_Blue);
}
.smart-link__table-item i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  background: var(--grey_Blue-Pale);
}
.smart-link__table-item span {
  display: flex;
  align-items: center;
  gap: 1.1034482759rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.6551724138rem;
  line-height: 125%;
  color: var(--grey_Blue-Pale);
  flex: 1;
}
@media (min-width: 768px) {
  .smart-link__table-item span {
    font-size: 1.4482758621rem;
  }
}
.smart-link__table-item img {
  border-radius: 50%;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
  object-fit: contain;
}
.smart-link__qr {
  padding: 0 2.2068965517rem 1.6551724138rem;
}
.smart-link__qr-title {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.3793103448rem;
  line-height: 110%;
  color: var(--clear_White);
  padding-bottom: 1.6551724138rem;
}
.smart-link__qr img {
  max-width: 100%;
  height: auto;
}
.smart-link__footer {
  padding-top: 3.0344827586rem;
  padding-bottom: 2.7586206897rem;
  display: flex;
  flex-direction: column;
  gap: 1.3793103448rem;
}
.smart-link__footer-copyright {
  padding: 1.6551724138rem 2.7586206897rem 0;
  text-align: center;
}
.smart-link__footer-copyright .flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.275862069rem;
}
.smart-link__footer-copyright p {
  font-family: Noto Sans;
  font-weight: 300;
  font-size: 1.1034482759rem;
  line-height: 150%;
  color: var(--clear_White);
}
.smart-link__footer-copyright p i {
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
  background: var(--clear_White);
}
.smart-link__footer-contacts {
  padding: 0 2.7586206897rem;
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
}
.smart-link__footer-contacts a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.275862069rem;
  text-decoration: none;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--clear_White);
}
.smart-link__footer-contacts a i {
  min-width: 1.2413793103rem;
  width: 1.2413793103rem;
  height: 1.2413793103rem;
}

.theme-light .smart-link__content {
  outline: 3px solid var(--clear_White);
  outline-offset: -3px;
  background: var(--base_Grey-BG-0);
}
.theme-light .smart-link__content hr {
  border-bottom-color: var(--clear_White);
}
.theme-light #yoga-logo-shape {
  fill: var(--grey_Blue-Light);
}
.theme-light .icon i {
  background: var(--grey_Blue-Light);
}
.theme-light .smart-link__name {
  color: var(--yoga_Black);
}
.theme-light .smart-link__artist {
  color: var(--grey_Blue);
}
.theme-light .smart-link-current,
.theme-light .smart-link-duration {
  color: var(--grey_Blue-Light);
}
.theme-light .smart-link__table-item i {
  background: var(--grey_Blue-Light);
}
.theme-light .smart-link__table-title {
  color: var(--yoga_Black);
}
.theme-light .smart-link__table-item {
  border-top-color: var(--clear_White);
  border-bottom-color: var(--clear_White);
}
@media (hover: hover) and (pointer: fine) {
  .theme-light .smart-link__table-item:hover {
    background: var(--clear_White);
  }
}
.theme-light .smart-link__table-item span {
  color: var(--yoga_Black);
}
.theme-light .smart-link__qr-title {
  color: var(--yoga_Black);
}
.theme-light .smart-link__footer-copyright p {
  color: var(--yoga_Black);
}
.theme-light .smart-link__footer-contacts a {
  color: var(--yoga_Black);
}
.theme-light .smart-link-next i,
.theme-light .smart-link-prev i {
  background: var(--grey_Blue-Light);
}
.theme-light .smart-link__footer-copyright p i {
  background: var(--grey_Blue-Light);
}
.theme-light .smart-link__share {
  background: var(--base_Grey-BG-0);
  outline: 1px solid var(--clear_White);
}
.theme-light .smart-link__progress .bar .progress-bar {
  background-image: linear-gradient(#1D1D1F, #1D1D1F);
}
.theme-light .smart-link__progress .bar .bar-bg {
  background: #d9d9d9;
}
.theme-light .smart-link__show-more {
  color: inherit;
}

.social-list__hidden {
  display: none;
}

.smart-link__show-more {
  display: block;
  width: 100%;
  margin-top: -0.5517241379rem;
  margin-bottom: 1.6551724138rem;
  padding: 0.6896551724rem;
  background: transparent;
  border: 0;
  border-radius: 0.5517241379rem;
  color: var(--clear_White);
  font-size: 0.9655172414rem;
  cursor: pointer;
  text-align: center;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.smart-link__show-more:hover {
  opacity: 1;
}

.smart-link__show-more.is-hidden {
  display: none;
}

.stats-gap {
  display: grid;
  gap: 1.1034482759rem;
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .stats-gap {
    grid-template-columns: 1fr 2fr;
  }
}
.stats-gap__map {
  margin-top: -8rem;
}

@media (min-width: 1200px) {
  .stats-gap-reverse {
    grid-template-columns: 1.7fr 1fr;
  }
}

.city-select {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.city-select .select2 {
  width: 11.0344827586rem;
}

.profile-layout {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .profile-layout {
    flex-direction: row;
  }
}
.profile-layout__main {
  flex: 1;
}
.profile-layout__aside {
  background: var(--base_Grey-BG-0);
  border-left: 0.1379310345rem solid var(--clear_White);
  border-bottom: 0.1379310345rem solid var(--clear_White);
  border-top: 0.1379310345rem solid var(--clear_White);
  padding: 1.3793103448rem 1.6551724138rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .profile-layout__aside {
    width: auto;
  }
}

.cover-upload {
  width: 17.9310344828rem;
  height: 20.6896551724rem;
  border-radius: 1.1034482759rem;
  background: var(--clear_White);
  outline: 0.1379310345rem dashed var(--grey_Blue-Light);
  outline-offset: -0.1379310345rem;
  transition: outline-color 0.2s;
  margin: auto;
}
@media (hover: hover) and (pointer: fine) {
  .cover-upload:hover {
    outline-width: 0.275862069rem;
    outline-offset: -0.275862069rem;
    outline-color: var(--grey_Blue);
  }
  .cover-upload:hover .cover-container {
    transform: scale(1.07);
  }
}
.cover-container {
  width: 10.3448275862rem;
  height: 10.3448275862rem;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
  border-radius: 0.5517241379rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.0689655172rem;
  transition: 0.2s;
}
.cover-container img {
  width: 100%;
  height: 100%;
  border-radius: 0.5517241379rem;
  object-fit: cover;
}
.cover-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding-top: 5.1724137931rem;
  padding-bottom: 1.724137931rem;
}
.cover-caption {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--grey_Blue);
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.cover-caption .Plus {
  background: var(--grey_Blue);
}
.cover-caption .Trash-Simple {
  background: var(--light_Red);
}

.regional {
  background: var(--base_Grey-BG-0);
  padding: 0.8275862069rem 1.1034482759rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6551724138rem;
}
@media (min-width: 991px) {
  .regional {
    gap: 13.7931034483rem;
  }
}
.regional:last-child {
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
}
.regional__label {
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue);
}
.regional__name {
  font-family: Noto Sans;
  font-weight: 500;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--grey_Blue-More);
}

.select-zones label {
  color: var(--grey_Blue);
  display: block;
  font-family: Noto Sans;
  font-size: 0.6896551724rem;
  font-weight: 800;
  letter-spacing: 0.0689655172rem;
  line-height: 100%;
  margin-bottom: 0.5517241379rem;
  text-transform: uppercase;
}
.select-zones select {
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  border-radius: 0.5517241379rem;
  outline: none;
  width: 100%;
}
.select-zones option {
  color: var(--yoga_Black);
  font-family: Noto Sans;
  font-size: 1.1034482759rem;
  font-weight: 300;
  line-height: 100%;
  padding: 0.8275862069rem 1.1034482759rem;
}

.profile-block__group {
  background: var(--base_Grey-BG-0);
  padding: 0.8275862069rem 1.1034482759rem;
}

.profile-block {
  animation: fadeInUp 0.6s ease-out forwards;
}
.profile-block__border {
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  border-radius: 1.1034482759rem;
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
  padding: 1.1034482759rem;
}
@media (min-width: 768px) {
  .profile-block__border {
    flex-direction: row;
  }
}
.profile-block__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.7586206897rem;
  gap: 0.5517241379rem;
}

.certs-example__content {
  text-align: center;
  padding: 1.6551724138rem;
}
.certs-example__content img {
  height: auto;
  max-width: 100%;
  pointer-events: none;
}

.recall-form__content {
  padding: 0 1.1034482759rem 1.1034482759rem;
}
.recall-form__content .recall-form__search {
  display: flex;
  padding: 1.1034482759rem;
  align-items: center;
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  border-radius: 1.1034482759rem;
  gap: 0.5517241379rem;
}
.recall-form__content .w-full {
  width: 100%;
}

.selected-removal {
  margin-top: 2.7586206897rem;
  padding-top: 5.5172413793rem;
  padding-bottom: 5.5172413793rem;
  background: var(--grey_Blue-BG-0);
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.7586206897rem;
}
.selected-removal__mt0 {
  margin-top: 0;
}
.selected-removal:before {
  box-shadow: -34.4827586207rem 0 0 var(--grey_Blue-BG-0);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
}
.selected-removal:after {
  box-shadow: 34.4827586207rem 0 0 var(--grey_Blue-BG-0);
  content: "";
  height: 100%;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
  width: 100%;
}

.selected-removal__next {
  min-width: 12.4137931034rem;
  justify-content: space-between;
}
.selected-removal__next i {
  background: var(--clear_White);
  height: 1.1034482759rem;
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
}
.selected-removal__next.btn_white i {
  background: var(--base_Grey-3);
}

.publication-type {
  background: var(--clear_White);
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  border-radius: 1.1034482759rem;
  padding: 1.3793103448rem 1.1034482759rem;
  animation: fadeInUp 0.6s ease-out forwards;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8275862069rem;
}
@media (min-width: 991px) {
  .publication-type {
    flex-wrap: nowrap;
  }
}
.publication-type__text {
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.3793103448rem;
  line-height: 120%;
  color: var(--yoga_Black);
}
.publication-type .radio-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9655172414rem;
  font-family: "Noto Sans", sans-serif;
}
@media (min-width: 991px) {
  .publication-type .radio-group {
    flex-wrap: nowrap;
  }
}
.publication-type .radio-divider {
  width: 0.0689655172rem;
  height: 1.1034482759rem;
  background: var(--grey_Blue-Light);
  display: inline-block;
  border-radius: 0.0689655172rem;
}

.message-for-dist {
  animation: fadeIn 0.4s ease-out forwards;
}

.release-form {
  display: flex;
  gap: 1.6551724138rem;
  align-items: flex-start;
  flex-direction: column;
  animation: fadeInUp 0.6s ease-out forwards;
}
@media (min-width: 991px) {
  .release-form {
    flex-direction: row;
  }
}
.release-form.release-form-1\/2 {
  width: 100%;
}
@media (min-width: 991px) {
  .release-form.release-form-1\/2 {
    width: 65%;
  }
}
.release-form .release-form__cover {
  width: 100%;
}
@media (min-width: 991px) {
  .release-form .release-form__cover {
    width: auto;
  }
}
.release-form .cover-upload {
  height: auto !important;
  width: 100%;
}
@media (min-width: 991px) {
  .release-form .cover-upload {
    width: 17.9310344828rem;
  }
}
.release-form .cover-label {
  padding-top: 8.1379310345rem !important;
  padding-bottom: 3.9310344828rem !important;
}
.release-form .cover-label-mini {
  padding-top: 3.4482758621rem !important;
}
.release-form .input-container {
  height: 3.3103448276rem;
  width: 100%;
}
.release-form .fields-block {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  width: 100%;
}
@media (min-width: 991px) {
  .release-form .fields-block {
    width: auto;
  }
}
.release-form .release-info {
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  width: 100%;
}
@media (min-width: 991px) {
  .release-form .release-info {
    width: 22.6206896552rem;
  }
}
.release-form .release-info__row {
  display: flex;
  align-items: center;
  gap: 1.1034482759rem;
}
.release-form .release-info__help {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.release-form .release-info__help .Question {
  background: var(--base_Grey-3);
}
.release-form .release-info__hint {
  margin-top: 0.1379310345rem;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue);
}
.release-form .distribution-block {
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  padding: 1.1034482759rem;
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
  min-height: 21.5172413793rem;
}
.release-form .distribution-block .block-title {
  line-height: 120%;
  padding-bottom: 1.1034482759rem;
  border-bottom: 0.0689655172rem solid var(--grey_Blue-Pale);
}

.message_container_step2 {
  margin-bottom: 1.1034482759rem;
}

.music-main-block {
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  margin-bottom: 1.3793103448rem;
  animation: fadeInUp 0.6s ease-out forwards;
}
@media (min-width: 768px) {
  .music-main-block {
    flex-direction: row;
  }
}
.music-main-block .music-drop-box {
  flex: 3;
  min-height: 18.3448275862rem;
  outline: 0.1379310345rem dashed var(--grey_Blue-Light);
  outline-offset: -0.1379310345rem;
  border-radius: 1.1034482759rem;
  background: var(--clear_White);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.8620689655rem 0.5517241379rem;
  transition: outline-color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .music-main-block .music-drop-box:hover {
    outline-color: var(--grey_Blue);
    outline-width: 0.275862069rem;
    outline-offset: -0.275862069rem;
  }
}
.music-main-block .music-drop-box.is-dragging-over {
  outline-color: var(--salad_Green);
  background: var(--pale_Salad);
}
.music-main-block .upload-in-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5517241379rem;
  font-size: 0.9655172414rem;
  line-height: 120%;
}
.music-main-block .music-drop-or {
  align-self: center;
}
.music-main-block .music-drop-btn {
  border-radius: 0.5517241379rem;
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  padding: 0.6206896552rem 0.6896551724rem;
  color: var(--base_Black);
  font-size: 0.9655172414rem;
  line-height: 100%;
  background: var(--clear_White);
  cursor: pointer;
  transition: border-color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .music-main-block .music-drop-btn:hover {
    border-color: var(--base_Black);
  }
}
.music-main-block .music-requirements-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.music-main-block .music-requirements {
  flex: 2;
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  padding: 1.1034482759rem;
  font-size: 1.1034482759rem;
  min-width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .music-main-block .music-requirements {
    min-width: 22.6206896552rem;
    max-width: 22.6206896552rem;
  }
}
.music-main-block .music-requirements-formats .music-req-details {
  border-bottom: none;
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
}
.music-main-block .music-requirements-formats .music-req-details p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.music-main-block .music-req-title {
  line-height: 120%;
  padding-bottom: 1.1034482759rem;
  border-bottom: 0.0689655172rem solid var(--grey_Blue-Pale);
}
.music-main-block .music-req-details {
  border-bottom: 0.0689655172rem solid var(--grey_Blue-Pale);
  padding-bottom: 1.1034482759rem;
  padding-top: 1.1034482759rem;
}
.music-main-block .music-req-details p {
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--grey_Blue-Darker);
}
.music-main-block .music-req-details span {
  color: var(--grey_Blue);
}
.music-main-block .music-req-note {
  margin-top: 1.1034482759rem;
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.music-main-block .music-req-note a {
  color: var(--base_Black);
}

.tracks-bulk-panel {
  background: var(--clear_White);
  border-radius: 1.1034482759rem;
  box-shadow: 0 0 0 0.275862069rem var(--clear_White);
  animation: fadeInUp 0.6s ease-out forwards;
}
.tracks-bulk-panel .fl_del {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  order: -1;
}
@media (min-width: 768px) {
  .tracks-bulk-panel .fl_del {
    order: 0;
  }
}
.tracks-bulk-panel .fl_del i {
  background: var(--light_Red);
}
.tracks-bulk-panel .tracks-bulk-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5172413793rem;
  padding: 0.5517241379rem 1.1034482759rem;
}
@media (min-width: 768px) {
  .tracks-bulk-panel .tracks-bulk-header {
    flex-direction: row;
  }
}
.tracks-bulk-panel .tracks-bulk-header span {
  flex: 1;
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--base_Grey-4);
}
.tracks-bulk-panel .tracks-bulk-header .Divider {
  transform: rotate(-30deg);
  display: none;
}
@media (min-width: 768px) {
  .tracks-bulk-panel .tracks-bulk-header .Divider {
    display: block;
  }
}
.tracks-bulk-panel .tracks-bulk__container {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  background: var(--base_Grey-BG-0);
  border-radius: 0.6896551724rem;
  padding: 0.275862069rem;
}
.tracks-bulk-panel .tracks-bulk__container .select2 {
  width: 26.2068965517rem;
}
.tracks-bulk-panel .tracks-bulk-header button {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 125%;
  color: var(--base_Black);
  cursor: pointer;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.tracks-bulk-panel .tracks-bulk-header button i {
  background: var(--grey_Blue);
}
.tracks-bulk-panel .tracks-bulk-ok {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.8275862069rem;
  line-height: 100%;
  color: var(--base_Grey-4);
  padding: 0.4137931034rem 0.5517241379rem;
  transition: 0.2s;
  border-radius: 0.5517241379rem;
}
@media (hover: hover) and (pointer: fine) {
  .tracks-bulk-panel .tracks-bulk-ok:hover {
    background: var(--clear_Black);
    color: var(--clear_White);
  }
}
.tracks-bulk-panel .track-form__container {
  display: flex;
  flex-direction: column;
  gap: 0.275862069rem;
  border-radius: 1.1034482759rem;
  overflow: hidden;
  position: relative;
}
.tracks-bulk-panel .track-form-row {
  background: var(--base_Grey-BG-0);
  padding: 1.1034482759rem;
}
.tracks-bulk-panel .track-row-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5517241379rem;
  margin-bottom: 0.5517241379rem;
}
@media (min-width: 768px) {
  .tracks-bulk-panel .track-row-top {
    flex-wrap: nowrap;
  }
}
.tracks-bulk-panel .track-row-top .track-num {
  width: 2.7586206897rem;
  color: var(--grey_Blue);
  text-align: center;
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.3793103448rem;
  line-height: 100%;
}
.tracks-bulk-panel .track-row-top .track-sort button {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.tracks-bulk-panel .track-row-top .track-sort button i {
  background: var(--grey_Blue-Darker);
  height: 1.6551724138rem;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
}
.tracks-bulk-panel .track-row-top .track-art {
  position: relative;
  min-width: 3.3103448276rem;
  width: 3.3103448276rem;
  height: 3.3103448276rem;
  border-radius: 0.5517241379rem;
  background: url(/images/no-img.png) no-repeat 50%/40px, url(/images/Cover-Empty.png) no-repeat 50%/cover;
}
.tracks-bulk-panel .track-row-top .track-art img {
  width: 100%;
  height: 100%;
  border-radius: 0.5517241379rem;
  object-fit: cover;
}
.tracks-bulk-panel .track-row-top .track-art .track-play {
  background: transparent;
  border: none;
  display: flex;
  height: 2.2068965517rem;
  left: 50%;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.2068965517rem;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  transition: 0.2s;
}
.tracks-bulk-panel .track-row-top .track-art .track-play i {
  min-width: 2.2068965517rem;
  width: 2.2068965517rem;
  height: 2.2068965517rem;
}
@media (hover: hover) and (pointer: fine) {
  .tracks-bulk-panel .track-row-top .track-art .track-play:hover {
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.tracks-bulk-panel .track-row-top .track-length {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  padding: 0 0.275862069rem;
  color: var(--grey_Blue-Darker);
}
.tracks-bulk-panel .track-row-top .form-group {
  width: 100%;
}
.tracks-bulk-panel .track-row-middle {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5517241379rem;
}
@media (min-width: 991px) {
  .tracks-bulk-panel .track-row-middle {
    flex-wrap: nowrap;
  }
}
.tracks-bulk-panel .track-row-middle .form-group {
  width: 100%;
  background: var(--base_Grey-BG-0);
  border: 0.0689655172rem solid var(--grey_Blue-Light);
  border-radius: 0.5517241379rem;
  overflow: hidden;
}
.tracks-bulk-panel .track-row-middle .header-block {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  padding: 0.6206896552rem 0.5517241379rem;
  border-radius: 0.5517241379rem;
  color: var(--base_Grey-4);
  font-weight: 600;
  font-size: 0.9655172414rem;
  line-height: 125%;
  background: var(--clear_White);
}
.tracks-bulk-panel .track-row-middle .header-block p {
  flex: 1;
}
.tracks-bulk-panel .track-row-middle .header-block .icons {
  gap: 0.5517241379rem;
}
.tracks-bulk-panel .track-row-middle .header-block .icons .icon {
  background: transparent;
  border: 0;
  border-radius: 0;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.3793103448rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
}
.tracks-bulk-panel .track-row-middle .header-block .icons i {
  background: var(--base_Black);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
.tracks-bulk-panel .track-row-middle .content__header {
  color: var(--grey_Blue);
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.0689655172rem;
  padding: 0.8275862069rem 0.5517241379rem 0.5517241379rem;
}
.tracks-bulk-panel .track-row-middle .content-overflow {
  max-height: 20.9655172414rem;
  overflow: hidden;
  position: relative;
}
.tracks-bulk-panel .track-row-middle .content-overflow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2.7586206897rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  pointer-events: none;
}
.tracks-bulk-panel .track-row-middle .content__items {
  display: flex;
  flex-direction: column;
  gap: 0.275862069rem;
}
.tracks-bulk-panel .track-row-middle .content__item {
  background: var(--clear_White);
  color: var(--base_Black);
  font-weight: 400;
  font-size: 1.0344827586rem;
  line-height: 120%;
  padding: 0.2068965517rem 0.5517241379rem;
  display: flex;
  gap: 0.275862069rem;
}
.tracks-bulk-panel .track-row-middle .content__item .flag-container {
  position: relative;
  top: -0.1379310345rem;
}
.tracks-bulk-panel .track-row-middle .content__item span {
  font-weight: 600;
}
.tracks-bulk-panel .track-row-middle .form-button {
  justify-content: space-between;
  padding: 0;
  border: 0;
  height: auto;
}
.tracks-bulk-panel .track-row-middle .form-button .icon {
  width: 1.6551724138rem;
  height: 1.3793103448rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.5517241379rem;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
}
.tracks-bulk-panel .track-row-middle .form-button .Divider {
  transform: rotate(-30deg);
  min-width: 0.0689655172rem;
  width: 0.6896551724rem;
}
.tracks-bulk-panel .track-row-middle .form-button i {
  background: var(--base_Black);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
.tracks-bulk-panel .track-row-middle .form-button.has-content {
  padding: 0;
  border: 0;
  height: auto;
  color: var(--grey_Blue);
  font-size: 0.6896551724rem;
}
.tracks-bulk-panel .track-row-middle .form-button.has-content .icons {
  gap: 0.5517241379rem;
}
.tracks-bulk-panel .track-row-middle .form-button.has-content .icons .icon {
  background: transparent;
  border: 0;
  border-radius: 0;
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.3793103448rem;
  height: 1.1034482759rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
}
.tracks-bulk-panel .track-row-middle .form-button.has-content .icons i {
  background: var(--base_Black);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
.tracks-bulk-panel .track-row-divider {
  padding: 0.5517241379rem 0 0px;
}
.tracks-bulk-panel .track-row-divider button {
  height: 2.2068965517rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  position: relative;
  cursor: pointer;
}
.tracks-bulk-panel .track-row-divider button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: calc(50% - 1.6551724138rem);
  height: 0.0689655172rem;
  background: var(--grey_Blue-Pale);
}
.tracks-bulk-panel .track-row-divider button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: calc(50% - 1.6551724138rem);
  height: 0.0689655172rem;
  background: var(--grey_Blue-Pale);
}
.tracks-bulk-panel .track-row-divider button i {
  background: var(--base_Grey-5);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}

.feedback-form {
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  animation: fadeInUp 0.6s ease-out forwards;
}
.feedback-form .music-main-block {
  margin-bottom: 0;
}
.feedback-form .music-drop-box {
  padding: 1.5862068966rem 0.5517241379rem;
  min-height: 5.5172413793rem;
}
.feedback-form .feedback-files {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5517241379rem;
  margin-bottom: 1.3793103448rem;
}
.feedback-form .feedback-files__item {
  background: var(--grey_Blue-BG-1);
  padding: 0.6206896552rem 1.1034482759rem;
  border-radius: 0.5517241379rem;
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
  cursor: pointer;
  color: var(--grey_Blue-Dark);
  font-size: 0.9655172414rem;
  line-height: 100%;
  transition: 0.2s;
}
.feedback-form .feedback-files__item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0.275862069rem;
  margin-left: 0.5517241379rem;
  border-left: 0.0689655172rem solid var(--grey_Blue-Pale);
}
.feedback-form .feedback-files__item .icon i {
  background: var(--base_Black);
  min-width: 0.9655172414rem;
  width: 0.9655172414rem;
  height: 0.9655172414rem;
}
@media (hover: hover) and (pointer: fine) {
  .feedback-form .feedback-files__item:hover {
    color: var(--yoga_Black);
    border: 0.0689655172rem solid var(-grey_Blue-Pale);
  }
}
.feedback-form .btn {
  min-width: 11.0344827586rem;
  justify-content: space-between;
}

.feedback-history {
  margin-top: 4.1379310345rem;
}

.ticket {
  animation: fadeInUp 0.6s ease-out forwards;
}
.ticket-header {
  display: flex;
  flex-direction: column;
  gap: 1.6551724138rem;
  padding: 0.9655172414rem 1.1034482759rem;
  background: var(--clear_White);
  border-bottom: 0.0689655172rem solid var(--base_Grey-BG-1);
}
@media (min-width: 640px) {
  .ticket-header {
    flex-direction: row;
  }
}
.ticket .block__content {
  background: var(--base_Grey-BG-0);
}
.ticket-number {
  width: 13.1034482759rem;
}
.ticket-topic {
  flex: 1;
}
.ticket-number, .ticket-topic {
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  text-transform: uppercase;
  letter-spacing: 0.0689655172rem;
  color: var(--grey_Blue-Light);
}
.ticket-number span, .ticket-topic span {
  display: block;
  font-family: Noto Sans;
  font-weight: 700;
  font-size: 1.6551724138rem;
  margin-top: 0.275862069rem;
  line-height: 100%;
  color: var(--yoga_Black);
  text-transform: none;
}
.ticket-date {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--base_Black);
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.ticket .messages {
  padding: 2.7586206897rem 0.8275862069rem;
  height: 60vh;
  overflow-y: scroll;
}
@media (min-width: 1024px) {
  .ticket .messages {
    padding: 2.7586206897rem 15.8620689655rem;
  }
}
.ticket .message {
  display: flex;
  gap: 0.9655172414rem;
  margin-bottom: 1.6551724138rem;
}
.ticket .message.user {
  justify-self: flex-end;
}
.ticket .user .avatar,
.ticket .support .avatar {
  transform: translateY(22px);
  min-width: 2.7586206897rem;
  width: 2.7586206897rem;
  height: 2.7586206897rem;
  border-radius: 50%;
  background: url(/images/icons/User.svg) no-repeat 50%/22px, url(/images/bg/gg.png) no-repeat 50%/cover;
}
.ticket .user .avatar img,
.ticket .support .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.ticket .support .avatar {
  background: url(/images/Avatar-YO3.png) no-repeat 50%/cover;
}
.ticket .content {
  max-width: 41.3793103448rem;
  width: 100%;
}
.ticket .content__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5517241379rem;
}
.ticket .content__header .author {
  font-family: Noto Sans;
  font-weight: 400;
  font-size: 0.9655172414rem;
  line-height: 100%;
  color: var(--grey_Blue-Light);
}
.ticket .content__header .date {
  font-family: Noto Sans;
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  color: var(--grey_Blue-Light);
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.ticket .content__header .date i {
  min-width: 0.6896551724rem;
  width: 0.6896551724rem;
  height: 0.9655172414rem;
}
.ticket .content .text {
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  padding: 1.1034482759rem;
}
.ticket .ticket-form {
  max-width: 62.0689655172rem;
  margin: 0 auto;
  box-shadow: 0px 0px 0.6896551724rem 0px rgba(0, 0, 0, 0.2509803922);
  background: var(--base_Grey-4);
  border-radius: 1.1034482759rem 1.1034482759rem 0 0;
  padding: 1.1034482759rem 1.6551724138rem;
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.ticket .ticket-form button {
  min-width: 3.8620689655rem;
  width: 3.8620689655rem;
  height: 3.8620689655rem;
  border-radius: 0.5517241379rem;
  border: 0.0689655172rem solid var(--grey_Blue-Pale);
  background: var(--clear_White);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ticket .ticket-form button i {
  background: var(--grey_Blue);
}
.ticket .ticket-form .form-group {
  width: 100%;
}
.ticket .ticket-form .form-input {
  padding: 1.3793103448rem 1.1034482759rem;
  height: 3.8620689655rem;
  width: 100%;
}
.ticket .files {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5517241379rem;
  margin-top: 0.5517241379rem;
}
.ticket .files .file__item {
  background: var(--grey_Blue-BG-1);
  border-radius: 0.5517241379rem;
  color: var(--grey_Blue-Dark);
  cursor: pointer;
  gap: 0.5517241379rem;
  padding: 0.6206896552rem 1.1034482759rem;
  font-size: 0.9655172414rem;
  line-height: 100%;
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .ticket .files .file__item:hover {
    color: var(--yoga_Black);
  }
}
.ticket .files .file__item a {
  color: var(--grey_Blue-Dark);
  text-decoration: none;
  transition: 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .ticket .files .file__item a:hover {
    color: var(--yoga_Black);
  }
}

.balance-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1.1034482759rem;
}
.balance-container .block__content:has(.withdraw-section) {
  background: var(--base_Grey-BG-0);
  padding: 1.6551724138rem;
  border-radius: 1.1034482759rem;
}
.balance-container .block {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .balance-container .block {
    width: calc(50% - 0.5517241379rem);
  }
}
.balance-container .block.block-full {
  width: 100% !important;
}
.balance-container .block__content {
  flex: 1;
}
.balance-container .withdraw-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  position: relative;
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  padding: 1.6551724138rem 2.2068965517rem;
}
.balance-container .withdraw-title {
  font-weight: 700;
  font-size: 2.2068965517rem;
  line-height: 110%;
  color: var(--yoga_Black);
  margin-bottom: 0.5517241379rem;
}
.balance-container .withdraw-amount {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
}
.balance-container .withdraw-amount i {
  background: var(--grey_Blue-Light);
  min-width: 1.5172413793rem;
  width: 1.5172413793rem;
  height: 1.5172413793rem;
}
.balance-container .withdraw-amount .balance-span {
  font-weight: 500;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
}
.balance-container .withdraw-amount .balance-span span {
  font-weight: 300;
}
.balance-container .info-block {
  padding-left: 0;
  padding-right: 0;
  flex: 1;
}
.balance-container .btn {
  margin-top: 2.7586206897rem;
  min-width: 9.9310344828rem;
}
.balance-container .mt20 {
  margin-top: 1.3793103448rem;
}
.balance-container .details-grid {
  display: grid;
  background: var(--base_Grey-BG-0);
  padding: 1.6551724138rem;
  column-gap: 1.1034482759rem;
  height: 100%;
}
@media (min-width: 640px) {
  .balance-container .details-grid {
    grid-template-columns: 1fr 1.5fr;
  }
}
.balance-container .details-grid > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
}
.balance-container .details-grid > div div {
  display: flex;
  flex-direction: column;
}
.balance-container .details-grid .label {
  color: var(--grey_Blue);
  font-weight: 800;
  font-size: 0.6896551724rem;
  line-height: 100%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  margin-bottom: 0.5517241379rem;
}
.balance-container .details-grid .value {
  font-weight: 500;
  font-size: 1.6551724138rem;
  line-height: 2.2068965517rem;
  color: var(--grey_Blue-More);
}
.balance-container .withdraw-block {
  padding: 1.1034482759rem;
  container-type: inline-size;
}
.balance-container .withdraw-block .withdraw-block__header {
  margin-bottom: 1.1034482759rem;
}
.balance-container .withdraw-block .withdraw-block__title {
  color: var(--grey_Blue-Darker);
  font-weight: 700;
  font-size: 1.1034482759rem;
  line-height: 125%;
  letter-spacing: 0.0689655172rem;
  text-transform: uppercase;
  margin-bottom: 0.275862069rem;
}
.balance-container .withdraw-block .info-block {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.balance-container .withdraw-block .recall-form__content {
  padding: 0;
}
.balance-container .withdraw-block .btn {
  margin: 0;
}
.balance-container .withdraw-block .page__stats {
  flex-wrap: nowrap;
  padding-left: 1.1034482759rem;
  padding-right: 1.1034482759rem;
  flex: 1;
}
.balance-container .withdraw-block .page__stats .stat-text {
  text-wrap: balance;
}
.balance-container .withdraw-block .page__stats .stat-text.no-wrap {
  text-wrap: nowrap;
}
.balance-container .withdraw-block .page__stats .stat-text.long-text {
  min-width: 16.5517241379rem;
}
.balance-container .withdraw-block .search-inline-size {
  flex-direction: column;
}
@container (min-width: 700px) {
  .balance-container .withdraw-block .search-inline-size {
    flex-direction: row;
  }
}
.balance-container .withdraw-block .search-inline-size .w-full {
  min-width: 6.2068965517rem;
}
.balance-container .withdraw-block .search-inline-size .page__stats {
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}
@media (min-width: 640px) {
  .balance-container .withdraw-block .search-inline-size .page__stats {
    flex-wrap: nowrap;
    flex-direction: row;
    text-align: left;
    align-items: center;
    justify-content: flex-start;
  }
}
.balance-container .withdraw-block .search-inline-size .page__stats .page__stat {
  align-items: center;
}
@media (min-width: 640px) {
  .balance-container .withdraw-block .search-inline-size .page__stats .page__stat {
    align-items: flex-start;
  }
}

.balance-methods .block__sub {
  margin-bottom: 0 !important;
  position: relative;
  padding-top: 1.1034482759rem !important;
  padding-bottom: 0.8275862069rem;
}
.balance-methods .block__sub::after {
  content: "";
  position: absolute;
  top: 0;
  left: -0.275862069rem;
  width: calc(100% + 0.5517241379rem);
  height: 0.5517241379rem;
  background: var(--base_Grey-BG-0);
}
.balance-methods .block__sub .btn i {
  background: var(--clear_White);
}
.balance-methods .info-block {
  padding: 0;
}

.my-streaming-balance {
  padding: 1.6551724138rem;
  background: var(--base_Grey-BG-0);
  display: grid;
  gap: 1.6551724138rem;
}
@media (min-width: 640px) {
  .my-streaming-balance {
    grid-template-columns: repeat(auto-fit, minmax(28.9655172414rem, 1fr));
  }
}
.my-streaming-balance .my-streaming-balance__item {
  background: var(--clear_White);
  border-radius: 0.5517241379rem;
  padding: 1.6551724138rem;
}
.my-streaming-balance .my-streaming-balance__item .btn {
  margin-top: 1.1034482759rem;
}
.my-streaming-balance .my-streaming-balance__title {
  font-weight: 700;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
}
.my-streaming-balance .my-streaming-balance__amount {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  margin: 0.5517241379rem 0;
}
.my-streaming-balance .my-streaming-balance__amount i {
  background: var(--grey_Blue-Light);
  min-width: 1.5172413793rem;
  width: 1.5172413793rem;
  height: 1.5172413793rem;
}
.my-streaming-balance .my-streaming-balance__amount .balance-span {
  font-weight: 500;
  font-size: 1.6551724138rem;
  line-height: 100%;
  color: var(--yoga_Black);
}
.my-streaming-balance .my-streaming-balance__amount .balance-span span {
  font-weight: 300;
}

.currency-list .currency-list__item {
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  margin-top: 1.1034482759rem;
}
@media (min-width: 768px) {
  .currency-list .currency-list__item {
    flex-direction: row;
    margin-top: 0;
  }
}
.currency-list .currency-list__item:last-child .currency-list__block {
  border-bottom: none;
}
.currency-list .currency-list__item .legend-item-container {
  max-width: 100%;
}
@media (min-width: 1024px) {
  .currency-list .currency-list__item .legend-item-container {
    max-width: 60%;
  }
}
.currency-list .currency-list__item .legend-sum i {
  background: var(--grey_Blue);
}
.currency-list .currency-list__item .legend-item {
  padding: 0.8275862069rem 1.1034482759rem;
  flex-direction: row;
}
@media (min-width: 1024px) {
  .currency-list .currency-list__item .legend-item {
    padding: 0.8275862069rem 5.5172413793rem;
  }
}
.currency-list .currency-list__item .legend-item .legend-sum {
  width: auto;
}
.currency-list .currency-list__item .legend-item .legend-label {
  font-size: 1.2413793103rem;
  line-height: 100%;
  color: var(--base_Black);
  white-space: nowrap;
}
.currency-list .currency-list__item .legend-item .legend-link {
  font-size: 0.9655172414rem;
  line-height: 100%;
  color: var(--base_Black);
}
.currency-list .currency-list__item .legend-item .balance-span {
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--base_Black);
}
.currency-list .currency-list__item .legend-item .balance-span span {
  font-weight: 300;
}
.currency-list .currency-list__block {
  min-width: 24.8275862069rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.1034482759rem;
  padding: 0.8275862069rem 1.1034482759rem;
  padding: 0 1.1034482759rem 0.5517241379rem;
  margin-bottom: 0.8275862069rem;
  border-bottom: 0.0689655172rem solid var(--base_Grey-2);
  width: 100%;
}
@media (min-width: 768px) {
  .currency-list .currency-list__block {
    width: 33.1034482759rem;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }
}
.currency-list .currency-list__block canvas {
  transition: filter 0.3s ease;
}
.currency-list .currency-title {
  color: var(--yoga_Black);
  font-weight: 700;
  font-size: 1.1034482759rem;
  line-height: 100%;
  margin-bottom: 0.5517241379rem;
  text-align: center;
}
@media (min-width: 768px) {
  .currency-list .currency-title {
    text-align: left;
  }
}
.currency-list .currency-amount {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--yoga_Black);
  font-size: 1.3793103448rem;
  line-height: 100%;
  font-weight: 500;
}
@media (min-width: 768px) {
  .currency-list .currency-amount {
    justify-content: flex-start;
  }
}
.currency-list .currency-amount i {
  background: var(--grey_Blue-Light);
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}
.currency-list .currency-amount .balance-span {
  font-size: 1.3793103448rem;
  line-height: 100%;
  color: var(--base_Black);
}
.currency-list .currency-amount .balance-span span {
  font-weight: 300;
}

.balance-methods__box {
  padding: 1.1034482759rem;
}
.balance-methods__box .mymusic__filter {
  margin-top: 0;
}
.balance-methods__box .center {
  display: flex;
  justify-content: center;
}

.block-earned .currency-list {
  padding-top: 1.6551724138rem;
}
.block-earned .currency-list__block {
  padding: 0 1.1034482759rem 1.1034482759rem;
  margin-bottom: 1.6551724138rem;
}
.block-earned .currency-list .currency-list__block {
  border-color: var(--grey_Blue-Pale);
}

.payments_logo.cards {
  display: inline-block;
  width: 12.4137931034rem;
  height: 8.0689655172rem;
  background: url(../img/cards_mir.png) 50% 50% no-repeat;
}

.payments_logo.world {
  display: inline-block;
  width: 12.4137931034rem;
  height: 8.0689655172rem;
  background: url(../img/cards.png) 50% 50% no-repeat;
}

.payments_logo.qiwi {
  display: inline-block;
  width: 12.4137931034rem;
  height: 8.0689655172rem;
  background: url(../img/qiwi.png) 50% 50% no-repeat;
}

.payments_logo.yandex {
  display: inline-block;
  width: 12.4137931034rem;
  height: 8.0689655172rem;
  background: url(../img/yandex.png) 50% 50% no-repeat;
}

.contract-registry .contract-registry__sub {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: var(--grey_Blue-Dark);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  gap: 0.1379310345rem;
  font-weight: 400;
  line-height: 125%;
}
.contract-registry .contract-registry__sub span {
  color: var(--yoga_Black);
  display: block;
  font-family: Noto Sans;
  font-size: 1.6551724138rem;
  font-weight: 700;
  line-height: 100%;
}

.contract-view .btn i {
  background: var(--base_Red-Darker);
}
.contract-view .btn_red {
  background: none !important;
}
.contract-view .reason {
  padding: 2.2068965517rem 1.6551724138rem 0;
}
.contract-view .block__content {
  position: relative;
  padding: 1.6551724138rem 0;
}
.contract-view .block__content::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--clear_White);
}

.contracts-samples {
  margin-top: 80px;
}
.contracts-samples .contracts-title {
  font-size: 1.3793103448rem;
  line-height: 120%;
  color: var(--base_Grey-3);
  margin-bottom: 1.1034482759rem;
}
.contracts-samples .contracts-list {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
}
.contracts-samples .contracts-list li {
  display: flex;
  align-items: center;
  gap: 0.5517241379rem;
}
.contracts-samples .contracts-list li i {
  background: var(--grey_Blue-Light);
  min-width: 1.3793103448rem;
  width: 1.3793103448rem;
  height: 1.3793103448rem;
}
.contracts-samples .contracts-list li a {
  display: block;
  font-size: 1.1034482759rem;
  line-height: 125%;
  color: var(--grey_Blue);
}

.checkbox-list {
  list-style-type: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  background: var(--base_Grey-BG-0);
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
  overflow: hidden;
  margin-bottom: -0.1379310345rem;
}
.checkbox-list .checkbox-list__item {
  border-right: 0.1379310345rem solid var(--clear_White);
  border-bottom: 0.1379310345rem solid var(--clear_White);
  color: var(--grey_Blue);
  padding: 1.1034482759rem;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .checkbox-list .checkbox-list__item:hover {
    background: var(--clear_White);
  }
}
.checkbox-list .checkbox-list__item .flex-col {
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
}
.checkbox-list .checkbox-list__item .flex-col strong {
  font-weight: 700;
  font-size: 1.6551724138rem;
  line-height: 120%;
  color: var(--yoga_Black);
}
.checkbox-list .checkbox-list__item .flex-col .desc {
  font-size: 1.3793103448rem;
  line-height: 140%;
  color: var(--yoga_Black);
}
.checkbox-list .checkbox-list__item .flex-col .small {
  font-weight: 300;
  font-size: 1.2413793103rem;
  line-height: 140%;
  color: var(--yoga_Black);
}

.contract-sign-terms .block__sub {
  border-top: 0.5517241379rem solid var(--base_Grey-BG-0);
}

.sign-contract-label {
  padding: 0.8275862069rem 1.1034482759rem;
  background: var(--base_Grey-BG-0);
  border-radius: 0 0 0.8275862069rem 0.8275862069rem;
}

.block-signature {
  margin-top: -3.5862068966rem;
}

.signature-container {
  margin-top: -1.6551724138rem;
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
}
@media (min-width: 768px) {
  .signature-container {
    flex-direction: row;
  }
}

.signature-wrapper {
  outline: 0.1379310345rem dashed var(--grey_Blue-Light);
  outline-offset: -0.1379310345rem;
  border-radius: 1.1034482759rem;
  background: var(--clear_White);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 3.8620689655rem 0.5517241379rem;
  transition: outline-color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .signature-wrapper:hover {
    outline-color: var(--grey_Blue);
    outline-width: 0.275862069rem;
    outline-offset: -0.275862069rem;
  }
}
.signature-wrapper.is-dragging-over {
  outline-color: var(--salad_Green);
  background: var(--pale_Salad);
}
.signature-wrapper .signature-label {
  font-size: 0.9655172414rem;
  line-height: 120%;
  color: var(--base_Black);
}
.signature-wrapper .signature-or {
  font-size: 0.9655172414rem;
  line-height: 120%;
  color: var(--base_Black);
  position: relative;
  margin: 0.5517241379rem 0;
  padding-top: 0.5517241379rem;
}
.signature-wrapper .signature-or::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  right: 0;
  width: 6.8965517241rem;
  height: 0.0689655172rem;
  background: var(--grey_Blue-Pale);
}

.signature-canvas-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.1034482759rem;
  background: var(--base_Grey-BG-0);
  border: 0.275862069rem solid var(--clear_White);
  border-radius: 1.1034482759rem;
  position: relative;
}
.signature-canvas-wrapper .signature-canvas {
  display: block;
  width: 100%;
  height: 19.3103448276rem;
  border-radius: 0.5517241379rem;
  background: var(--clear_White);
  cursor: crosshair;
}
.signature-canvas-wrapper .signature-actions {
  position: absolute;
  bottom: 1.1034482759rem;
  left: 1.1034482759rem;
}

.contract-welcome {
  margin-top: 6.8965517241rem;
}
.contract-welcome .contract-welcome__title {
  text-align: center;
}
.contract-welcome .contract-welcome__title span {
  display: block;
}
.contract-welcome .contract-welcome__box {
  max-width: 41.3793103448rem;
  margin: 2.7586206897rem auto;
  border: 0.275862069rem solid var(--clear_White);
  padding: 1.6551724138rem;
  border-radius: 1.1034482759rem;
}
.contract-welcome .contract-welcome__content {
  display: flex;
  flex-direction: column;
  gap: 0.5517241379rem;
  background: var(--clear_White);
  padding: 3.3103448276rem 0;
  border-radius: 0.5517241379rem;
}
.contract-welcome .contract-welcome__text {
  padding: 0 2.7586206897rem;
  color: var(--base_Black);
  font-size: 1.2413793103rem;
  line-height: 125%;
}
.contract-welcome .contract-welcome__link {
  padding: 1.1034482759rem 2.7586206897rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 1.1034482759rem;
  color: var(--grey_Blue-Dark);
  font-weight: 700;
  font-size: 2.2068965517rem;
  line-height: 120%;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .contract-welcome .contract-welcome__link:hover {
    background: var(--grey_Blue-Dark);
    color: var(--grey_Blue-BG-1);
  }
  .contract-welcome .contract-welcome__link:hover i {
    transform: translateX(0.5517241379rem);
    background: var(--grey_Blue-BG-1);
  }
}
.contract-welcome .contract-welcome__link i {
  background: var(--grey_Blue);
  min-width: 1.6551724138rem;
  width: 1.6551724138rem;
  height: 1.6551724138rem;
  transition: 0.4s;
}

.artist-row .form-group {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.8275862069rem;
}
@media (min-width: 640px) {
  .artist-row .form-group {
    flex-direction: row;
  }
}
.artist-row .form-input,
.artist-row .btn {
  height: 2.2068965517rem;
  min-width: fit-content;
}
.artist-row .select2,
.artist-row .form-input {
  width: 17.2413793103rem !important;
}

.block-artists .block__sub {
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 640px) {
  .block-artists .block__sub {
    justify-content: space-between;
    flex-direction: row;
  }
}
.block-artists .stats-number {
  text-align: center !important;
}
@media (min-width: 640px) {
  .block-artists .stats-number {
    text-align: right !important;
  }
}
.block-artists .mymusic-action .mymusic-action__row {
  gap: 0.6896551724rem !important;
}
.block-artists .mymusic-action .mymusic-action__row .icon {
  transition: 0.2s;
  border-radius: 50%;
  padding: 0.275862069rem !important;
}
.block-artists .mymusic-action .mymusic-action__row .icon:hover {
  background: var(--grey_Blue-Darker);
}
.block-artists .mymusic-action .mymusic-action__row .icon:hover i {
  background: var(--clear_White);
}
.block-artists .mymusic-action .mymusic-action__row i {
  height: 2.7586206897rem !important;
  min-width: 2.7586206897rem !important;
  width: 2.7586206897rem !important;
}

.artistst-form .fields-block {
  gap: 0.275862069rem;
}
.artistst-form .selected-removal__next {
  justify-content: center;
}

.row-artists .block__title {
  flex: 1;
}
.row-artists .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.premium-block.bg-gray .block__content {
  background: #f5f5f5;
}
.premium-block.bg-gray .block__header {
  background: #fff;
}
.premium-block .block__header {
  position: relative;
  z-index: 12;
}
.premium-block .block__content {
  min-height: 20.6896551724rem;
}
.premium-block__sub {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: var(--grey_Blue-Dark);
  font-family: Noto Sans;
  font-size: 0.9655172414rem;
  gap: 0.1379310345rem;
  font-weight: 400;
  line-height: 125%;
}
.premium-block .status {
  color: var(--yoga_Black);
  display: block;
  font-family: Noto Sans;
  font-size: 1.6551724138rem;
  font-weight: 700;
  line-height: 100%;
}
.premium-block .status span {
  color: var(--base_Green-Dark);
}
.premium-block .status.gray span {
  color: var(--base_Grey-2);
}
.premium-block .mt20 {
  margin-top: 1.3793103448rem;
}
.premium-block .color-span .rub-text-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.premium-block .color-span .rub-text-container .rub-text {
  color: var(--grey_Blue-Light);
  font-family: Noto Sans;
  font-size: 0.6896551724rem;
  font-weight: 400;
  line-height: 125%;
  display: block;
  text-align: center;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.premium-block .page__stat_row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6896551724rem;
}
@media (min-width: 640px) {
  .premium-block .page__stat_row {
    justify-content: space-between;
  }
}
.premium-block .page__stat {
  width: 100%;
}
.premium-block .page__stat_disc {
  background: var(--base_Grey-4);
  color: var(--clear_White);
  border-radius: 0 0.5517241379rem 0 0.5517241379rem;
  padding: 0.1379310345rem 0.5517241379rem;
  font-size: 1.1034482759rem;
  font-weight: 500;
}
.premium-block .stats-block__title {
  position: relative;
  border: none;
  border-bottom: 0.1379310345rem solid var(--grey_Blue-Pale);
  width: 100%;
  margin-bottom: 1.1034482759rem;
  padding-bottom: 0.5517241379rem;
}
.premium-block .stats-block__title span {
  position: absolute;
  top: -1.6551724138rem;
  right: -2.2068965517rem;
  color: var(--grey_Blue-Darker);
  font-size: 0.9655172414rem;
  line-height: 125%;
  font-weight: 400;
  letter-spacing: 0.0344827586rem;
  text-transform: uppercase;
  background: var(--base_Grey-4);
  color: var(--clear_White);
  border-radius: 0 0.5517241379rem 0 0.5517241379rem;
  padding: 0.1379310345rem 0.5517241379rem;
}
.premium-block .page__stats-playlist {
  flex-direction: column;
  align-items: flex-start;
}
.premium-block .page__stats-playlist .stat-text {
  padding-left: 2.3448275862rem;
  margin-top: 0.2068965517rem;
}
.premium-block .page__stats-playlist .stat-info {
  gap: 0.8275862069rem;
}
.premium-block .small {
  color: var(--base_Grey-2);
  color: var(--grey_Blue-Light);
  font-size: 0.9655172414rem;
  line-height: 125%;
}
.premium-block .divider {
  border: none;
  border-bottom: 0.1379310345rem solid var(--grey_Blue-Pale);
  width: 100%;
  margin: 0.1379310345rem 0;
}

.radio-header {
  align-items: center;
}
.radio-header .music-header-info h2 {
  margin-bottom: 0.275862069rem;
}
.radio-header .radio-link {
  display: flex;
  align-items: center;
  gap: 0.275862069rem;
  font-size: 0.9655172414rem;
  font-weight: 400;
  line-height: 125%;
  color: var(--base_Black);
}
.radio-header .radio-link a {
  color: currentColor;
}
.radio-header .radio-link i {
  background: var(--grey_Blue-Light);
  min-width: 1.1034482759rem;
  width: 1.1034482759rem;
  height: 1.1034482759rem;
}
.radio-header .music-meta .music-meta-count {
  align-items: flex-end;
  gap: 0.5517241379rem;
  font-size: 2.2068965517rem;
  line-height: 2.2068965517rem;
}
.radio-header .music-meta .music-meta-count strong {
  font-size: 4.4137931034rem;
  line-height: 3.724137931rem;
}

.cities-block {
  background: var(--base_Grey-BG-0);
  margin: 1.724137931rem 0;
  padding: 1.1034482759rem;
}
.cities-block__list {
  position: relative;
  display: block;
  height: 1.724137931rem;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 3.8620689655rem;
}
.cities-block__list b {
  padding-right: 0.4137931034rem;
}
.cities-block__list i {
  display: inline-block;
  background: var(--base_Black);
  position: absolute;
  top: 0.275862069rem;
  right: 0;
  cursor: pointer;
}
.cities-block__list.active {
  height: auto;
  overflow: visible;
  white-space: unset;
}
.cities-block__list.active i {
  transform: rotate(180deg);
}

.text-pages {
  padding: 0.8275862069rem 0.8275862069rem 0.8275862069rem;
  font-size: 1.0344827586rem;
  position: relative;
}
.text-pages:not(.modal-list)::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 3.4482758621rem;
  left: 0;
  right: 0;
  bottom: 3.4482758621rem;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--clear_White);
}
.text-pages h1 {
  font-size: 1.6551724138rem;
  margin-bottom: 1.724137931rem;
}
.text-pages h2 {
  font-size: 1.6551724138rem;
  margin-bottom: 2.0689655172rem;
}
.text-pages h3 {
  font-size: 1.3103448276rem;
  margin-bottom: 1.1034482759rem;
  margin-top: 1.1034482759rem;
}
.text-pages h4 {
  font-size: 1.0344827586rem;
  margin-bottom: 0.6896551724rem;
}
.text-pages p {
  margin-bottom: 1.1034482759rem;
  display: block;
}
.text-pages p:last-of-type {
  margin-bottom: 0;
}
.text-pages .lists {
  margin-bottom: 0.4137931034rem;
}
.text-pages a {
  color: var(--yoga_Black);
  display: inline-block;
}
.text-pages ul,
.text-pages ol {
  margin-left: 2.0689655172rem;
  font-size: 1.0344827586rem;
  line-height: 1.3793103448rem;
  margin-bottom: 1.3793103448rem;
  margin-top: 1.1034482759rem;
}
.text-pages ul li,
.text-pages ol li {
  padding-bottom: 0.6896551724rem;
}
.text-pages ul {
  list-style: disc;
}
.text-pages img {
  max-width: 100%;
  height: auto;
}

/*# sourceMappingURL=main.css.map */