* {
  margin: 0;
  padding: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}
html:where(.wp-block) {
  margin: 0;
}
a {
  color: inherit;
}
a,
input,
button,
textarea,
select {
  outline: none !important;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-family: inherit;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.container {
  max-width: 1120px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  padding: 7.5px 40px;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  width: max-content;
  white-space: nowrap;
  height: 30px;
  gap: 4px;
  transition: 0.3s;
  border-radius: 4px;
}
.btn-block {
  width: 100%;
}
.btn:disabled,
.btn[disabled] {
  pointer-events: none;
  opacity: 0.4;
}
.btn-primary {
  background: #ebb62c;
  color: #4b4c4d;
}
.btn-primary:hover {
  color: #ededed;
}
.top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 0;
  gap: 50px;
}
.top-panel {
  background: #3a3a3a;
}
.sticly-panel {
  position: sticky;
  top: 0;
  z-index: 100;
}
.top-menu {
  display: flex;
  align-items: center;
  gap: 32px;
}
.top-menu-item {
  color: #cacaca;
  font-size: 12px;
  cursor: pointer;
  background: none;
  border: none;
  position: relative;
}

.top-menu-item:hover {
  color: #fff;
}

.top-menu-item + .top-menu-item::before {
  content: "";
  width: 1px;
  background: #afafaf;
  display: block;
  left: -16px;
  top: 0;
  bottom: 0;
  position: absolute;
}

.account-menu {
  display: flex;
  align-items: center;
  gap: 13px;
}
.account-menu-item {
  color: #ffa007;
  font-size: 13px;
  cursor: pointer;
  background: none;
  border: none;
  position: relative;
}
.account-menu-item:hover {
  color: #fccd52;
}
.account-menu-item + .account-menu-item::before {
  content: "";
  width: 1px;
  background: #e3e3e3;
  display: block;
  left: -7px;
  top: 0;
  bottom: 0;
  position: absolute;
}
#search {
  flex-grow: 1;
}
#searchform {
  position: relative;
  width: 100%;
}
#searchsubmit {
  position: absolute;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: transparent;
  border: none;
  cursor: pointer;
}
#s {
  width: 100%;
  border-radius: 4px;
  border: 1px solid rgba(227, 227, 227, 0.5);
  background: #3a3a3a;
  height: 25px;
  padding: 0 10px 0 40px;
  color: #fff;
  font-size: 11px;
  font-family: inherit;
}
#s:focus {
  background: #535353;
}
header {
  background: #cacaca;
  padding: 7px 0;
}
.header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  background: #e8e8e8;
  padding: 4px;
}
.header-menu {
  display: flex;
  align-items: center;
  padding-left: 22px;
  gap: 52px;
}
.header-menu-item {
  cursor: pointer;
  background: none;
  border: none;
  position: relative;
  color: #404040;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  padding: 5px 0;
}
.header-menu-item + .header-menu-item::before {
  content: "";
  width: 1px;
  background: #afafaf;
  display: block;
  left: -26px;
  top: 0;
  bottom: 0;
  position: absolute;
}
.header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.common-stat {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
.reset-info {
  color: #898989;
  font-size: 10px;
}
.reset-info b {
  font-weight: 700;
}
.stat-top {
  display: flex;
  align-items: center;
  gap: 33px;
}
.stat-item-top {
  color: #515151;
  font-size: 11px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
.stat-item-top > b {
  min-width: 16px;
}
.stat-item-top + .stat-item-top::before {
  content: "";
  width: 1px;
  background: #5b5b5b;
  display: block;
  left: -17px;
  top: 0;
  bottom: 0;
  position: absolute;
}
.common-select {
  position: relative;
}
.common-wishlist-outer {
  width: 149px;
}
.common-select-content {
  position: absolute;
  top: calc(100% - 1px);
  padding: 4px 8px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #212025;
  border-top: none;
  background: #e8e8e8;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 3;
}
.common-select-outer {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.js-wishlist {
  color: #212025;
  font-size: 13px;
  cursor: pointer;
  background: none;
  border: none;
  text-align: left;
}
.common-select-btn {
  color: #8c8c8c;
  font-family: Inter;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 4px;
  border: 1px solid #212025;
  background: #e8e8e8;
  padding: 4px 8px;
  cursor: pointer;
  position: relative;
}
.common-select-btn:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L3.33333 3.33333L6.66667 0H0Z' fill='black'/%3E%3C/svg%3E%0A");
  width: 7px;
  height: 4px;
  position: absolute;
  right: 12px;
  top: calc(50% - 2px);
  transition: 0.3s;
}
.common-select.active .common-select-btn {
  border-radius: 4px 4px 0 0;
  border-bottom-color: transparent;
}
.common-select.active .common-select-btn::after {
  transform: rotate(180deg);
}
.common-select.active .common-select-content {
  opacity: 1;
  visibility: visible;
}
.common-mute {
  display: flex;
  align-items: center;
  gap: 2px;
}
.mute-slider {
  min-width: 56px;
  flex: 0 0 56px;
}
.mute-btn {
  background: none;
  padding: 0;
  border: none;
  cursor: pointer;
  min-width: 24px;
  flex: 0 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mute-btn.active svg:first-child,
.mute-btn:not(.active) svg:last-child {
  display: none;
}

.modal-bg {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000001;
  display: none;
}

.modal {
  position: fixed;
  width: 843px;
  max-width: 98%;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  z-index: 1000002;
  bottom: 0;
  height: max-content;
  display: none;
}
.modal-content {
  border-radius: 4px;
  border: 1px solid rgba(175, 175, 175, 0.3);
  background-color: #e8e8e8;
  padding: 32px;
  max-height: calc(100vh - 20px);
  overflow: auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='243' height='652' viewBox='0 0 243 652' fill='none'%3E%3Cg opacity='0.1'%3E%3Cpath d='M243 0C152.635 0 79.1173 73.1218 79.1173 163V195.6H65.5531C48.1673 195.6 31.4936 202.469 19.2 214.697C6.90646 226.924 0 243.508 0 260.8V586.8C0 604.092 6.90646 620.676 19.2 632.903C31.4936 645.131 48.1673 652 65.5531 652H243V521.6H210.223V389.042C190.721 377.762 177.447 356.964 177.447 332.872C177.447 315.58 184.353 298.996 196.647 286.769C208.941 274.541 225.614 267.672 243 267.672V195.6H144.67V163C144.67 109.08 188.788 65.2 243 65.2V0Z' fill='%23FFA007'/%3E%3Cpath d='M210.223 389.042V521.6H243V396.842C240.252 396.693 235.823 396.232 230.804 395.325C224.134 394.12 216.421 392.129 210.223 389.042Z' fill='%23FFA007'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 80%;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.btn-modal-close {
  cursor: pointer;
  background: transparent;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-title {
  color: #404040;
  font-family: "Roboto Mono";
  font-size: 20px;
  font-weight: 700;
}
.modal .description {
  padding-right: 20px;
}
.description {
  color: #212025;
  font-size: 16px;
  line-height: normal;
}
.description ul,
.description ol {
  padding-left: 1rem;
}
.description b {
  font-weight: 600;
}
.description h3 {
  color: #404040;
  font-family: "Roboto Mono";
  font-size: 24px;
  font-weight: 700;
}
.description a {
  color: #212025;
  font-family: "Roboto Mono";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-decoration: underline;
}
.referal-copy {
  display: block;
  margin-top: 10px;
  position: relative;
}
.referal-copy-link {
  word-break: break-all;
}
.referal-copy-notice {
  border-radius: 3px;
  background: #404040;
  color: #ededed;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  line-height: 1.3;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-2px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
  position: absolute;
  bottom: 100%;
  left: 0;
}
.referal-copy-notice.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.description h4 {
  font-family: "Roboto Mono";
  font-size: 20px;
  font-weight: 400;
}
#dlr {
  width: 407px;
}
.description li + li {
  margin-top: 8px;
}
#dlr .description {
  max-width: 290px;
}
.form-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 10px;
}
.modal-account {
  width: 370px;
}
.form-group label {
  color: #212025;
  font-size: 12px;
  font-weight: 400;
}
.form-group label small {
  color: #616161;
  font-size: 10px;
  line-height: 99.971%;
  display: block;
}
.form-control {
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  background: #fff;
  width: 100%;
  height: 36px;
  padding: 0 10px;
}
.form-control:focus {
  border-color: #404040;
}
.reg-info {
  margin: 10px 0;
}
.forgotten {
  color: #4b4c4d;
  text-align: center;
  font-size: 11px;
  text-decoration: underline;
  cursor: pointer;
}
.form-group + .btn {
  margin-top: 20px;
}
.fer-r {
  color: red;
  font-size: 11px;
  margin-bottom: 10px;
}
.modal-account {
  width: 370px;
}
.modal-text-success {
  color: #404040;
  font-family: "Roboto Mono";
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.modal-footer {
  margin-top: 20px;
}
.account-menu-edit {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #e3e3e3;
}
.main-grid {
  display: flex;
  gap: 4px;
  flex-direction: row-reverse;
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  padding: 6px;
}
#sidebar {
  min-width: 217px;
  flex: 0 0 217px;
}
.widget {
  border-radius: 4px;
  border: 1px solid rgba(175, 175, 175, 0.3);
  background: #ededed;
  padding: 5px;
}
.widget + .widget {
  margin-top: 4px;
}
.widget-title {
  color: #212025;
  font-family: "Roboto Mono";
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  margin: 4px 0;
}
.main-content {
  margin-top: 9px;
}
.categories {
  display: flex;
  flex-direction: column;
}
.cat-item {
  color: #3b3b3b;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  padding: 5px 4px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.cat-item:hover,
.keys button:hover span {
  border-color: #cecece;
  background: #d9d9d9;
}
.cat-item.active,
.keys button.active span {
  border-color: #d8d8d8;
  background: #cacaca;
}

.keys {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 0;
}
.keys button {
  color: #515151;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20%;
  flex: 0 0 20%;
  cursor: pointer;
}
.keys button span {
  border-radius: 4px;
  padding: 5px;
}

#key_wrap {
  margin: 10px 0;
}
.noui-inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.noui-inputs input {
  width: 24px;
  background: none;
  color: #515151;
  font-size: 12px;
  font-weight: 600;
  border: none;
}
.noui-inputs input + input {
  text-align: right;
}
.clear_btn {
  margin-top: 10px;
  width: 100%;
}
.main-column {
  min-width: 100%;
  flex: 100%;
}
#sidebar + .main-column {
  min-width: calc(100% - 221px);
  flex: calc(100% - 221px);
}

.text-empty {
  color: #404040;
  font-family: "Roboto Mono";
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
}
.releases-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 5px 0;
}
.ajax-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.track-item {
  display: flex;
  background: #ededed;
  border: 1px solid rgba(175, 175, 175, 0.3);
  border-radius: 4px;
  align-items: center;
  transition: 0.3s;
  position: relative;
}
.loading .track-item {
  pointer-events: none;
  filter: blur(1.5px);
}

.track-item:hover {
  border-color: rgba(0, 0, 0, 0.5);
}
.track-main-info {
  display: flex;
  align-items: center;
  padding: 0 7px;
  flex-grow: 1;
}
.track-image {
  border-radius: 3px;
  overflow: hidden;
  min-width: 47px;
  height: 47px;
  flex: 0 0 47px;
}
.track-image img {
  transition: 0.3s;
}
.track-image:hover img {
  transform: scale(1.05);
}
.played .track-title,
.played .track-desc,
.played .track-param {
  color: #8f8f8f;
}
.downloaded .btn-download {
  color: #8f8f8f;
}
.downloaded .btn-download:not(.btn-unlocked):before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12L3 7L4.4 5.55L7 8.15V0H9V8.15L11.6 5.55L13 7L8 12ZM2 16C1.45 16 0.979333 15.8043 0.588 15.413C0.196666 15.0217 0.000666667 14.5507 0 14V11H2V14H14V11H16V14C16 14.55 15.8043 15.021 15.413 15.413C15.0217 15.805 14.5507 16.0007 14 16H2Z' fill='%238F8F8F'/%3E%3C/svg%3E%0A");
}
.js-play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M1 1L9.01876 6.01172L1 11.0234V1Z' fill='%23404040' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  min-width: 24px;
  flex: 0 0 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.wishlist {
  min-width: 24px;
  flex: 0 0 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  background: transparent;
  border: none;
  cursor: pointer;
}
.wishlist:after,
.wishlist:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath d='M0 10V0H8V1.74316H2.55457V4.12598H7.46903V5.86914H2.55457V10H0Z' fill='%23404040'/%3E%3C/svg%3E");
  width: 8px;
  height: 10px;
  position: absolute;
  display: block;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wishlist:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10' fill='none'%3E%3Cpath d='M0 10V0H8V1.74316H2.55457V4.12598H7.46903V5.86914H2.55457V10H0Z' fill='%23EBB62C'/%3E%3C/svg%3E");
  transition: 0.3s;
  z-index: 2;
  opacity: 0;
}
.wishlist.active:before,
.wishlist:hover:before {
  opacity: 1;
}
.track-name {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
  gap: 1px;
  max-width: 425px;
}
.release-search .track-name {
  max-width: 630px;
}
.track-title {
  width: 100%;
  color: #313131;
  font-family: "Roboto Mono";
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines to show */
  -webkit-box-orient: vertical;
}
.track-desc {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Number of lines to show */
  -webkit-box-orient: vertical;
  color: #878787;
  font-family: "Roboto Mono";
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
}
.track-param {
  color: #313131;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.track-genre {
  min-width: 117px;
  flex: 0 0 117px;
  padding-right: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.track-key {
  min-width: 51px;
  flex: 0 0 51px;
}
.track-bpm {
  min-width: 42px;
  flex: 0 0 42px;
}
.track-download-block {
  min-width: 104px;
  flex: 0 0 104px;
  border-left: 1px solid rgba(175, 175, 175, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.btn-download {
  color: #2b7eb2;
  font-family: Inter;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
  background: transparent;
  height: 30px;
  width: 100%;
}
.btn-download:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 12L3 7L4.4 5.55L7 8.15V0H9V8.15L11.6 5.55L13 7L8 12ZM2 16C1.45 16 0.979333 15.8043 0.588 15.413C0.196666 15.0217 0.000666667 14.5507 0 14V11H2V14H14V11H16V14C16 14.55 15.8043 15.021 15.413 15.413C15.0217 15.805 14.5507 16.0007 14 16H2Z' fill='%232B7EB2'/%3E%3C/svg%3E");
  min-width: 16px;
  flex: 0 0 16px;
  height: 16px;
}
.btn-unlocked {
}
.btn-unlocked:before {
  background-image: url("data:image/svg+xml,%3Csvg width='65' height='15' viewBox='0 0 65 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60.0319 11.9525L60.0272 10.0123H60.2973L62.8675 7.27309H64.8371L61.6755 10.6294H61.3263L60.0319 11.9525ZM58.4954 14.0924V5H60.1809V14.0924H58.4954ZM62.9839 14.0924L60.6558 10.9891L61.7919 9.85695L65.0001 14.0924H62.9839Z' fill='%234B4B4B'/%3E%3Cpath d='M54.0474 14.2256C53.3335 14.2256 52.7204 14.0761 52.2082 13.7772C51.6992 13.4782 51.3065 13.0653 51.0302 12.5385C50.7571 12.0087 50.6205 11.399 50.6205 10.7094C50.6205 10.0168 50.7602 9.40562 51.0395 8.87582C51.3189 8.34307 51.7131 7.9287 52.2222 7.63273C52.7344 7.33379 53.3397 7.18433 54.0381 7.18433C54.6186 7.18433 55.1323 7.28644 55.5793 7.49066C56.0294 7.69192 56.388 7.97754 56.6549 8.34751C56.9219 8.71452 57.074 9.14368 57.1112 9.635H55.5002C55.435 9.30647 55.2798 9.03269 55.0346 8.81367C54.7924 8.59169 54.468 8.4807 54.0614 8.4807C53.7169 8.4807 53.4142 8.56949 53.1535 8.74707C52.8927 8.9217 52.6894 9.17328 52.5435 9.50181C52.4007 9.83034 52.3293 10.224 52.3293 10.6827C52.3293 11.1474 52.4007 11.547 52.5435 11.8814C52.6863 12.2129 52.8865 12.469 53.1441 12.6495C53.4049 12.8271 53.7106 12.9159 54.0614 12.9159C54.3097 12.9159 54.5317 12.8715 54.7272 12.7827C54.9259 12.6909 55.092 12.5592 55.2255 12.3876C55.3589 12.2159 55.4505 12.0072 55.5002 11.7616H57.1112C57.0709 12.244 56.9219 12.6717 56.6642 13.0446C56.4066 13.4146 56.0558 13.7047 55.6119 13.9148C55.168 14.122 54.6465 14.2256 54.0474 14.2256Z' fill='%234B4B4B'/%3E%3Cpath d='M46.0703 14.2256C45.3718 14.2256 44.7665 14.0791 44.2544 13.786C43.7422 13.493 43.3448 13.0831 43.0624 12.5563C42.783 12.0294 42.6433 11.4138 42.6433 10.7094C42.6433 10.005 42.783 9.38786 43.0624 8.85806C43.3448 8.32827 43.7422 7.91686 44.2544 7.62385C44.7665 7.33083 45.3718 7.18433 46.0703 7.18433C46.7687 7.18433 47.374 7.33083 47.8862 7.62385C48.3984 7.91686 48.7941 8.32827 49.0735 8.85806C49.356 9.38786 49.4972 10.005 49.4972 10.7094C49.4972 11.4138 49.356 12.0294 49.0735 12.5563C48.7941 13.0831 48.3984 13.493 47.8862 13.786C47.374 14.0791 46.7687 14.2256 46.0703 14.2256ZM46.0796 12.9381C46.4583 12.9381 46.7749 12.8389 47.0294 12.6406C47.284 12.4394 47.4733 12.17 47.5975 11.8326C47.7248 11.4952 47.7884 11.1193 47.7884 10.7049C47.7884 10.2876 47.7248 9.91026 47.5975 9.57284C47.4733 9.23247 47.284 8.96166 47.0294 8.76039C46.7749 8.55913 46.4583 8.4585 46.0796 8.4585C45.6916 8.4585 45.3687 8.55913 45.1111 8.76039C44.8566 8.96166 44.6656 9.23247 44.5384 9.57284C44.4142 9.91026 44.3521 10.2876 44.3521 10.7049C44.3521 11.1193 44.4142 11.4952 44.5384 11.8326C44.6656 12.17 44.8566 12.4394 45.1111 12.6406C45.3687 12.8389 45.6916 12.9381 46.0796 12.9381Z' fill='%234B4B4B'/%3E%3Cpath d='M41.2173 5V14.0924H39.5317V5H41.2173Z' fill='%234B4B4B'/%3E%3Cpath d='M33.2274 10.0967V14.0924H31.5419V7.27312H33.1529V8.43186H33.2367C33.4012 8.05005 33.6635 7.74668 34.0236 7.52174C34.3868 7.2968 34.8354 7.18433 35.3693 7.18433C35.8628 7.18433 36.2927 7.28496 36.659 7.48622C37.0284 7.68748 37.314 7.97902 37.5158 8.36083C37.7206 8.74263 37.8215 9.20583 37.8184 9.75043V14.0924H36.1329V9.99905C36.1329 9.54325 36.0087 9.1866 35.7604 8.9291C35.5152 8.6716 35.1753 8.54285 34.7407 8.54285C34.4458 8.54285 34.1835 8.60501 33.9538 8.72931C33.7272 8.85066 33.5487 9.02677 33.4183 9.25763C33.291 9.48849 33.2274 9.76819 33.2274 10.0967Z' fill='%234B4B4B'/%3E%3Cpath d='M28.0111 5H29.7386V10.9402C29.7386 11.5914 29.5772 12.1641 29.2543 12.6584C28.9346 13.1526 28.4845 13.5389 27.904 13.8171C27.3236 14.0924 26.6453 14.23 25.8693 14.23C25.0902 14.23 24.4104 14.0924 23.8299 13.8171C23.2494 13.5389 22.7993 13.1526 22.4796 12.6584C22.1599 12.1641 22 11.5914 22 10.9402V5H23.7274V10.8026C23.7274 11.1814 23.8144 11.5188 23.9882 11.8148C24.1651 12.1108 24.4135 12.3431 24.7332 12.5118C25.0529 12.6776 25.4316 12.7605 25.8693 12.7605C26.307 12.7605 26.6857 12.6776 27.0054 12.5118C27.3282 12.3431 27.5766 12.1108 27.7504 11.8148C27.9242 11.5188 28.0111 11.1814 28.0111 10.8026V5Z' fill='%234B4B4B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.64706 6.71053V4.34211C2.64706 2.89474 3.61765 0 7.5 0C11.3824 0 12.3529 2.89474 12.3529 4.34211V5.13158H10.5882V4.34211C10.5882 3.42105 9.97059 1.57895 7.5 1.57895C5.02941 1.57895 4.41176 3.42105 4.41176 4.34211V6.71053H13.2353C13.8235 6.71053 15 7.02632 15 8.28947V10.6579V11.0526V13.4211C15 14.6842 13.8235 15 13.2353 15H1.76471C1.17647 15 0 14.6842 0 13.4211V11.0526V10.6579V8.28947C0 7.02632 1.17647 6.71053 1.76471 6.71053H2.64706ZM6.61765 13.4211V11.4474C6.32353 11.3158 5.29412 10.8158 5.29412 9.86842C5.29412 8.92105 6.17647 8.28947 7.5 8.28947C8.82353 8.28947 9.70588 8.92105 9.70588 9.86842C9.70588 10.8158 8.67647 11.3158 8.38235 11.4474V13.4211H6.61765Z' fill='%234B4B4B'/%3E%3C/svg%3E%0A");
  min-width: 65px;
  flex: 0 0 65px;
  height: 15px;
}
.releases-header .common-select {
  width: 220px;
}
.releases-header-format .common-select {
  width: 104px;
}
.track-head-select-btn {
  color: #212025;
  font-size: 12px;
  border: 1px solid #d8d8d8;
  background: #fff;
}
.releases-header .common-select-content {
  background-color: #fff;
  border-color: #d8d8d8;
}
.releases-header .common-select-outer button {
  color: #212025;
  font-size: 12px;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.head-param {
  color: #5e5e5e;
  font-size: 12px;
}
.releases-header-title {
  flex-grow: 1;
  color: #0d0d0d;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}
body {
  padding-bottom: 11px;
}
.hidden {
  display: none;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.pagination > button {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 5px;
  color: #4b4c4d;
  font-size: 11px;
  cursor: pointer;
}

.btn-download {
  position: relative;
}
.btn-download.downloading {
  pointer-events: none;
}
.btn-download.downloading:before {
  background-image: url("images/downloading.svg");
}
.downloaded .btn-download.downloading:before {
  background-image: url("images/downloading_downloded.svg");
}
.released-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #8f8f8f;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
}
.btn-menu {
  color: #404040;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  width: calc(100% + 10px);
  cursor: pointer;
  padding: 6px;
  margin: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-menu.active {
  background: #cacaca;
  color: #0d0d0d;
  font-weight: 500;
}
.top-100 {
  display: flex;
  overflow: auto;
  gap: 13px;
  padding-bottom: 4px;
}
.top-100::-webkit-scrollbar {
  height: 5px;
}
.top-100::-webkit-scrollbar-thumb {
  background-color: #3a3a3a;
  border-radius: 3px;
}
.top-100::-webkit-scrollbar-track {
  background-color: #cacaca;
  border-radius: 3px;
}
.top-100-item {
  border-radius: 4px;
  min-width: 139px;
  flex: 0 0 139px;
  overflow: hidden;
  cursor: pointer;
}
.top-100-item img {
  transition: 0.3s;
}
.top-100-item:hover img {
  transform: scale(1.05);
}
.top-100-inner {
  border-radius: 4px;
  border: 1px solid #d8d8d8;
  background: #ededed;
  padding: 13px 18px;
}
.section-title {
  color: #5e5e5e;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-title span {
  position: relative;
  z-index: 2;
  background: #ededed;
  padding: 0 4px;
}
.section-title:before {
  content: "";
  background: #d8d8d8;
  height: 1px;
  width: 100%;
  left: 0;
  position: absolute;
  top: 50%;
}
.top-100-section {
  margin-top: 4px;
}
.track-header {
  color: #212025;
  font-family: "Roboto Mono";
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 4px;
  border-bottom: 1px solid #dbdbdb;
  margin: 4px 0 1px 0;
}
.release-inner {
  border: none;
  padding: 0;
  margin-top: 20px;
}
.release-block {
  margin-bottom: 10px;
}
.release-block {
  display: flex;
  gap: 10px;
}
.release-block-left {
  min-width: 278px;
  flex: 0 0 278px;
}
.release-block-right {
  flex-grow: 1;
}
.release-title {
  color: #404040;
  font-family: "Roboto Mono";
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(175, 175, 175, 0.5);
}
.release-infos {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.release-info {
  display: flex;
  gap: 4px;
  color: #878787;
  font-family: "Roboto Mono";
  font-size: 14px;
  font-weight: 700;
}
.release-info-value {
  color: #404040;
}

.releated-block {
  margin-top: 20px;
}
.releated-title {
  color: #404040;
  font-family: "Roboto Mono";
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.wish-toggle-content {
  position: absolute;
  bottom: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 10;
  border-radius: 4px;
  border: 1px solid #212025;
  background: #e8e8e8;
}
.wish-toggle-outer {
  gap: 20px 40px;
  align-items: flex-start;
  display: grid;
  grid-template-columns: repeat(2, auto);
  padding: 10px 18px;
}
.wish-list-title {
  color: #404040;
  font-family: "Roboto Mono";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
}
.wish-list-inputs {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 172px;
  overflow: auto;
  padding: 1px;
  padding-right: 3px;
}
.wl-input input {
  display: none;
}
.wl-input label {
  display: flex;
  color: #313131;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  gap: 6px;
  align-items: center;
  text-transform: none;
  cursor: pointer;
}
.wish-list-arts {
  grid-area: 1 / 2 / 3 / 3;
}
.wl-input label:before {
  content: "";
  box-sizing: border-box;
  min-width: 11px;
  flex: 0 0 11px;
  height: 11px;
  box-shadow: 0 0 0 1px #ebb62c;
  border: 2px solid #e8e8e8;
  border-radius: 1px;
}
.wl-input input:checked + label:before {
  background: #ebb62c;
}
.track-item.wishlist_open {
  z-index: 102;
}
.track-item.wishlist_open .wish-toggle-content {
  opacity: 1;
  visibility: visible;
}
.wishlist-btn.active,
.js-wishlist.active {
  animation: pulsate 1.2s linear infinite;
}
@keyframes pulsate {
  50% {
    color: #ffa007;
  }
}
.release-image {
  border-radius: 4px;
  overflow: hidden;
}
.referal-copy-link {
  color: #ffa007 !important;
  margin-top: 10px;
}
.widget-referal .description,
.widget-referal .description a {
  font-size: 12px;
}
.widget-referal .widget-title {
  font-size: 15px;
  margin-bottom: 10px;
}