@keyframes shimmer-2a20112a {
  to {
    transform:translateX(100%)
  }
}
.progress-bar {
  animation:progress-bar-animation-2a20112a 2s linear infinite;
  backface-visibility:hidden;
  background-color:#fff;
  display:block;
  height:2px;
  left:-100%;
  position:absolute;
  top:0;
  width:100%;
  z-index:9999999999
}
.progress-bar__wrapper {
  height:2px;
  left:0;
  overflow:hidden;
  position:fixed;
  top:0;
  width:100%;
  z-index:9999999
}
@keyframes progress-bar-animation-2a20112a {
  0% {
    animation-timing-function:cubic-bezier(.15,0,.515058,.409685);
    transform:translateX(0)
  }
  25% {
    animation-timing-function:cubic-bezier(.31033,.284058,.8,.733712);
    transform:translateX(50%)
  }
  50% {
    animation-timing-function:cubic-bezier(.4,.627035,.6,.902026);
    transform:translateX(100%)
  }
  to {
    transform:translateX(200%)
  }
}
@keyframes shimmer {
  to {
    transform:translateX(100%)
  }
}
.music-player__popover {
  background:#242422!important;
  background-color:#242422!important;
  z-index:999
}
.music-player__popover .popover-body {
  color:#fff!important
}
.music-player__popover .arrow:after,
.music-player__popover .arrow:before {
  border-bottom-color:#242422!important;
  border-top-color:#242422!important
}
@keyframes shimmer-94cf01fe {
  to {
    transform:translateX(100%)
  }
}
.music-player {
  background-color: rgba(43, 39, 39, 1);
  bottom:0;
  box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
  left:0;
  margin:0;
  padding:15px 30px;
  position:fixed;
  right:0;
  transition:bottom .3s;
  z-index:99
}
@media(min-width:768px) {
  .music-player--overlay {
    border-radius:12px;
    bottom:16px;
    left:16px;
    right:16px
  }
}
@media only screen and (max-width:768px) {
  .music-player--hide {
    bottom:-62px
  }
}
.music-player--has-buttons .music-player__inner {
  -moz-column-gap:20px;
  column-gap:20px;
  grid-template:1fr/40px auto auto;
  grid-template-areas:"track-cover track-info track-actions"
}
@media only screen and (min-width:580px) {
  .music-player--has-buttons .music-player__inner {
    grid-template:1fr/40px auto minmax(85px,auto) auto;
    grid-template-areas:"track-cover track-info track-actions track-volume"
  }
}
@media only screen and (min-width:768px) {
  .music-player--has-buttons .music-player__inner {
    grid-template:1fr/40px 1fr auto minmax(85px,auto) auto;
    grid-template-areas:"track-cover track-info track-actions track-volume buttons" "track-range track-range track-range track-range track-range";
    position:relative
  }
}
.music-player--has-buttons .music-player__track-range {
  left:-20;
  position:absolute;
  right:0;
  top:15px;
  width:100%
}
@media only screen and (max-width:768px) {
  .music-player--has-buttons .music-player__track-range {
    bottom:72px;
    display:flex;
    top:auto
  }
}
@media only screen and (min-width:1101px) {
  .music-player--default {
    border-radius:16px;
    margin-right:20px;
    position:static;
    width:100%
  }
}
.music-player:before {
  content:none
}
.music-player__inner {
  grid-column-gap:20px;
  align-items:center;
  -moz-column-gap:20px;
  column-gap:20px;
  display:grid;
  grid-template:1fr/1fr auto;
  grid-template-areas:"track-info track-actions";
  justify-content:space-between
}
@media only screen and (min-width:580px) {
  .music-player__inner {
    grid-template:1fr/1fr auto auto;
    grid-template-areas:"track-info track-actions track-volume"
  }
}
@media only screen and (min-width:768px) {
  .music-player__inner {
    grid-template:1fr/40px minmax(100px,150px) 1fr auto 100px;
    grid-template-areas:"track-cover track-info track-range track-actions track-volume"
  }
}
@media only screen and (min-width:1100px) {
  .music-player__inner {
    grid-template:1fr/40px 100px 1fr auto 100px;
    grid-template-areas:"track-cover track-info track-range track-actions track-volume"
  }
}
@media only screen and (min-width:1165px) {
  .music-player__inner {
    grid-template:1fr/40px minmax(100px,150px) 1fr auto 100px;
    grid-template-areas:"track-cover track-info track-range track-actions track-volume"
  }
}
.music-player__track-cover {
  border-radius:100%;
  grid-area:track-cover
}
.music-player__buttons{
  display: none;
}
@media only screen and (min-width:768px) {
  .music-player__track-cover {
    display:block
  }
  .music-player__buttons{
    display: block;
  }
}
.music-player__track-cover--ads {
  filter:opacity(30%)
}
.music-player__track-ads-tag {
  align-items:center;
  background:#242422;
  border-radius:55px;
  bottom:-10px;
  color:#fff;
  display:flex;
  font-size:11px;
  justify-content:center;
  padding:4px 8px;
  position:absolute
}
@media only screen and (max-width:768px) {
  .music-player__track-ads-tag {
    bottom:0;
    margin-right:8px;
    position:relative
  }
}
.music-player__track-range {
  align-items:center;
  background:#808191;
  border-radius:1px;
  display:flex;
  grid-area:track-range;
  height:3px;
  max-width:100%!important;
  mix-blend-mode:normal;
  transition:height .3s;
  width:100%
}
@media only screen and (min-width:1101px) {
  .music-player__track-range:hover {
    height:6px
  }
}
@media only screen and (max-width:768px) {
  .music-player__track-range {
    left:-20;
    position:absolute;
    right:0;
    top:0;
    width:100%
  }
}
.music-player__track-range-point {
  background:#da9543;
  border-radius:100%;
  cursor:pointer;
  height:8px;
  transition:all .3s;
  width:8px
}
.music-player__track-range-point:hover {
  height:12px;
  width:12px
}
.music-player__track-range-progress {
  background-color:#da9543;
  height:100%
}
.music-player__actions {
  align-items:center;
  display:flex;
  grid-area:track-actions;
  justify-content:center
}
.music-player__volume {
  display:none;
  grid-area:track-volume
}
@media only screen and (min-width:580px) {
  .music-player__volume {
    align-items:center;
    display:flex
  }
}
.music-player__volume-icon {
  margin-right:11px
}
.music-player__volume-range {
  align-items:center;
  background:#808191;
  border-radius:1px;
  display:flex;
  height:2px;
  max-width:100%!important;
  mix-blend-mode:normal;
  width:100%
}
.music-player__next-icon,
.music-player__prev-icon {
  height:24px!important;
  width:24px!important
}
.music-player__play-action {
  align-items:center;
  background-color:#5b5b5b;
  border-radius:100%;
  cursor:pointer;
  display:flex;
  height:40px;
  justify-content:center;
  margin:0 12px;
  width:40px
}
body.dark .music-player__play-icon {
  fill:#242731
}
.music-player__dots {
  height:20px;
  width:20px
}
@media only screen and (min-width:1100px) {
  .music-player__dots {
    display:none
  }
}
.music-player__dots-icon {
  background-image:url(/_nuxt/img/601da7c.svg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  height:20px;
  width:20px
}
@media only screen and (min-width:580px) {
  .music-player__dots-icon {
    transform:rotate(90deg)
  }
}
.horizontal-menu {
  display:none
}
@media only screen and (min-width:768px) {
  .horizontal-menu {
    display:flex;
    justify-content:end
  }
}
.horizontal-menu .animated-like {
  margin:11px
}
.horizontal-menu__icon {
  height:24px;
  margin:11px;
  width:24px
}
.horizontal-menu__item {
  cursor:pointer;
  opacity:.6;
  transition:opacity .3s
}
.horizontal-menu__item:hover {
  opacity:1
}
.vertical-menu {
  grid-area:vertical-menu;
  height:24px;
  text-align:center;
  width:24px
}
@media only screen and (min-width:768px) {
  .vertical-menu {
    display:none
  }
}
.vertical-menu__items {
  background-color:#1a1a1a;
  border-radius:8px;
  bottom:85px;
  box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
  padding:10px 22px;
  position:absolute;
  right:0;
  width:180px
}
.vertical-menu__item {
  align-items:center;
  color:#d2d2d2;
  display:flex;
  margin-bottom:5px;
  padding:9.5px 0;
  transition:all .5s;
  width:100%
}
.vertical-menu__item:hover {
  color:#da9543;
  -webkit-text-decoration:none;
  text-decoration:none
}
.vertical-menu__icon {
  height:24px;
  width:24px
}
.vertical-menu__text {
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:20px;
  margin-left:12px
}
.icon {
  background-position:0;
  background-repeat:no-repeat;
  background-size:contain;
  height:24px;
  width:24px
}
.track-info {
  grid-area:track-info;
  min-width:50px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.track-info__name {
  color:#fff;
  font-size:13px;
  font-weight:600;
  line-height:20px
}
@media only screen and (max-width:768px) {
  .track-info__name {
    align-items:center;
    display:flex
  }
}
.track-info__name--animated {
  animation:nameSlide-94cf01fe 10s linear infinite alternate
}
@keyframes nameSlide-94cf01fe {
  0% {
    transform:translateX(calc(-10px - var(--track-name-width) + var(--track-info-width)))
  }
  to {
    transform:translateX(10px)
  }
}
.track-info__time {
  color:#808191;
  font-size:13px;
  font-weight:500;
  line-height:18px
}
.fill-asphalt {
  fill:#808191
}
.background-asphalt {
  background:#808191
}
body.dark .fill-asphalt {
  fill:#fff
}
body.dark .background-asphalt {
  background:#fff
}
body.dark .play-icon {
  fill:#808191
}
@keyframes shimmer-a01946f2 {
  to {
    transform:translateX(100%)
  }
}
.logo-container {
  display:inline-block;
  position:relative
}
.logo-icon {
  opacity:0
}
.logo-block-1 {
  fill:#ffbb61;
  transition:all .8s
}
.logo-block-2 {
  fill:#d19752;
  transition:all .8s
}
.logo-block-center {
  fill:#a67c52;
  transition:all .8s
}
.logo-block-1:hover,
.logo-block-2:hover,
.logo-block-center:hover {
  fill:#ffd4a9!important;
  transition:all .1s!important
}
.santa-hat {
  animation:hat-bounce-a01946f2 3s ease-in-out infinite;
  filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3));
  height:auto;
  left:-8px;
  position:absolute;
  top:-10px;
  transform:rotate(-15deg);
  width:28px;
  z-index:10
}
@keyframes hat-bounce-a01946f2 {
  0%,
  to {
    transform:rotate(-15deg) translateY(0)
  }
  50% {
    transform:rotate(-12deg) translateY(-2px)
  }
}
.logo-snowflakes {
  bottom:0;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0
}
.logo-snowflake {
  animation:snowflake-twinkle-a01946f2 3s ease-in-out infinite;
  color:hsla(0,0%,100%,.7);
  font-size:8px;
  position:absolute;
  text-shadow:0 0 3px hsla(0,0%,100%,.8)
}
@keyframes snowflake-twinkle-a01946f2 {
  0%,
  to {
    opacity:.3;
    transform:scale(.8) rotate(0deg)
  }
  50% {
    opacity:1;
    transform:scale(1.1) rotate(180deg)
  }
}
.logo-sparkles {
  bottom:0;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0
}
.logo-sparkle {
  animation:sparkle-pulse-a01946f2 2s ease-in-out infinite;
  color:gold;
  font-size:6px;
  position:absolute;
  text-shadow:0 0 4px gold,0 0 8px #ff6b6b
}
@keyframes sparkle-pulse-a01946f2 {
  0%,
  to {
    opacity:0;
    transform:scale(.5)
  }
  50% {
    opacity:1;
    transform:scale(1.2)
  }
}
.logo-container:hover .logo-icon {
  filter:drop-shadow(0 0 8px rgba(255,215,0,.6))
}
.logo-container:hover .santa-hat {
  animation:hat-wiggle-a01946f2 .5s ease-in-out
}
@keyframes hat-wiggle-a01946f2 {
  0%,
  to {
    transform:rotate(-15deg)
  }
  25% {
    transform:rotate(-20deg)
  }
  75% {
    transform:rotate(-10deg)
  }
}
@keyframes shimmer-1b0ee0cb {
  to {
    transform:translateX(100%)
  }
}
.sidebar {
  background-color:#191919;
  border-radius:18px;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  height:calc(100vh - 60px);
  justify-content:space-between;
  margin:30px auto;
  position:fixed;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  width:232px;
  z-index:9
}
.sidebar__inner {
  height:100vh;
  overflow-y:auto;
  position:sticky
}
.sidebar__inner::-webkit-scrollbar {
  width:0
}
.sidebar__divider {
  background-color:#242422;
  border:none;
  height:1px;
  margin:10px auto;
  max-width:180px;
  width:100%
}
.sidebar__logo {
  cursor:pointer;
  filter:drop-shadow(0 0 35px #da9543);
  padding-bottom:16px;
  padding-top:26px;
  transition:all .3s
}
.sidebar .btn-close-menu {
  display:none
}
@media(max-width:868px) {
  .sidebar {
    height:auto;
    left:-100%;
    position:fixed;
    transition:all .5s ease;
    width:100%
  }
  .sidebar .nav__item {
    opacity:0;
    transform:scale(1.15) translateX(-30px);
    transition:transform .5s cubic-bezier(.4,.01,.165,.99),opacity .6s cubic-bezier(.4,.01,.165,.99)
  }
  .sidebar .nav__item:first-child {
    transition-delay:.77s
  }
  .sidebar .nav__item:nth-child(2) {
    transition-delay:.7s
  }
  .sidebar .nav__item:nth-child(3) {
    transition-delay:.63s
  }
  .sidebar .nav__item:nth-child(4) {
    transition-delay:.56s
  }
  .sidebar .nav__item:nth-child(5) {
    transition-delay:.49s
  }
  .sidebar .nav__item:nth-child(6) {
    transition-delay:.42s
  }
  .sidebar .nav__item:nth-child(7) {
    transition-delay:.35s
  }
  .sidebar .nav__item:nth-child(8) {
    transition-delay:.28s
  }
  .sidebar .nav__item:nth-child(9) {
    transition-delay:.21s
  }
  .sidebar .nav__item:nth-child(10) {
    transition-delay:.14s
  }
  .sidebar .nav__item:nth-child(11) {
    transition-delay:.07s
  }
  .sidebar .nav__item:nth-child(12) {
    transition-delay:0s
  }
  .sidebar.active {
    border-radius:0;
    bottom:0;
    left:0;
    margin:0;
    overflow:auto;
    position:fixed;
    top:0;
    width:232px
  }
  .sidebar.active::-webkit-scrollbar {
    display:none
  }
  .sidebar.active .nav__item {
    opacity:1;
    transform:scale(1) translateX(0)
  }
  .sidebar.active .nav__item:first-child {
    transition-delay:.34s
  }
  .sidebar.active .nav__item:nth-child(2) {
    transition-delay:.48s
  }
  .sidebar.active .nav__item:nth-child(3) {
    transition-delay:.62s
  }
  .sidebar.active .nav__item:nth-child(4) {
    transition-delay:.76s
  }
  .sidebar.active .nav__item:nth-child(5) {
    transition-delay:.9s
  }
  .sidebar.active .nav__item:nth-child(6) {
    transition-delay:1.04s
  }
  .sidebar.active .nav__item:nth-child(7) {
    transition-delay:1.18s
  }
  .sidebar.active .nav__item:nth-child(8) {
    transition-delay:1.32s
  }
  .sidebar.active .nav__item:nth-child(9) {
    transition-delay:1.46s
  }
  .sidebar.active .nav__item:nth-child(10) {
    transition-delay:1.6s
  }
  .sidebar.active .nav__item:nth-child(11) {
    transition-delay:1.74s
  }
  .sidebar.active .nav__item:nth-child(12) {
    transition-delay:1.88s
  }
  .sidebar .btn-close-menu {
    display:block
  }
}
.sidebar__logo-wrapper {
  align-items:center;
  display:flex;
  justify-content:center;
  padding-top:10px
}
.logo-block-1 {
  fill:#ffbb61;
  transition:all .8s
}
.logo-block-2 {
  fill:#d19752;
  transition:all .8s
}
.logo-block-center {
  fill:#a67c52;
  transition:all .8s
}
.logo-block-1:hover,
.logo-block-2:hover,
.logo-block-center:hover {
  fill:#ffd4a9;
  transition:all .1s
}
@keyframes shimmer-245faff4 {
  to {
    transform:translateX(100%)
  }
}
.file-upload--dragover {
  border:2px dashed #da9543!important
}
@keyframes shimmer-53db5b46 {
  to {
    transform:translateX(100%)
  }
}
.modal {
  align-items:center;
  background-color:hsla(0,0%,4%,.8);
  color:#fff;
  display:flex;
  height:100%;
  justify-content:center;
  left:0;
  overflow-y:auto;
  padding:20px;
  position:fixed;
  top:0;
  width:100%;
  z-index:999999999
}
.modal__content {
  max-height:90vh
}
.modal-enter-active,
.modal-leave-active {
  transition:opacity 1s
}
.modal-enter,
.modal-leave-to {
  opacity:0
}
.modal-enter .modal__content,
.modal-leave-to .modal__content {
  opacity:0;
  transform:translateY(40%)
}
@keyframes shimmer-6bbcbb2a {
  to {
    transform:translateX(100%)
  }
}
.cookie {
  background-color:#191919;
  border-radius:16px;
  bottom:12px;
  box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
  color:#fff;
  display:flex;
  position:fixed;
  right:12px;
  transition:transform .3s;
  z-index:999999
}
@media(max-width:768px) {
  .cookie {
    bottom:8px;
    flex-direction:column;
    left:8px;
    right:8px
  }
}
.cookie__description {
  padding:20px 30px;
  width:500px
}
@media(max-width:768px) {
  .cookie__description {
    padding:10px 20px;
    width:100%
  }
}
.cookie__action {
  align-items:center;
  background-image:url(/_nuxt/img/b1cd63a.png);
  background-position:100% 100%;
  background-repeat:no-repeat;
  border-bottom-right-radius:16px;
  border-left:1px solid #242422;
  cursor:pointer;
  display:flex;
  font-size:24px;
  font-weight:500;
  justify-content:center;
  padding:20px 30px;
  width:200px
}
@media(max-width:768px) {
  .cookie__action {
    border-left:none;
    border-top:1px solid #242422;
    font-size:20px;
    padding:20px;
    width:100%
  }
}
.cookie-enter-active,
.cookie-leave-active {
  transition:transform .3s,opacity .3s
}
.cookie-enter,
.cookie-leave-to {
  opacity:.5;
  transform:translateY(100%)
}
.cookie:active {
  transform:scale(.97) translateY(2px)
}
@keyframes shimmer-ee234d18 {
  to {
    transform:translateX(100%)
  }
}
.notice-item {
  align-items:start;
  display:flex;
  padding:12px 24px;
  position:relative
}
.notice-item__close {
  cursor:pointer;
  height:12px;
  position:absolute;
  right:8px;
  top:8px;
  width:12px
}
.notice-item:not(:last-child) {
  border-bottom:1px solid #242422
}
.notice-item:hover {
  background:#242422
}
.notice-item--danger {
  border-left:1px solid #da4343
}
.notice-item--warning {
  border-left:1px solid #da9543
}
.notice-item--success {
  border-left:1px solid #43da49
}
.notice-item__badge {
  border-radius:50%;
  font-size:10px;
  font-weight:400;
  height:8px;
  left:18px;
  line-height:160%;
  position:absolute;
  top:6px;
  width:8px
}
.notice-item__avatar {
  height:40px;
  margin-right:16px;
  position:relative;
  width:40px;
  z-index:0
}
.notice-item__avatar-action {
  border-radius:100%;
  bottom:0;
  position:absolute;
  right:0;
  z-index:1
}
.notice-item__desc {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  font-size:12px;
  font-weight:500;
  line-height:160%
}
.notice-item__desc-name {
  font-weight:600
}
.notice-item__desc-message {
  font-weight:400;
  white-space:pre-wrap;
  word-break:break-word
}
.notice-item__desc-time {
  color:#808191;
  font-weight:400
}
@keyframes shimmer-35d09d5d {
  to {
    transform:translateX(100%)
  }
}
 .text-color-primary {
  color:#da9543
}
.notice-enter-active,
.notice-leave-active {
  transition:all .5s
}
.notice-enter,
.notice-leave-to {
  opacity:0;
  transform:translateY(-10px)
}
.notice {
  padding:3px;
  position:relative
}
.notice__close-all-action {
  color:#da9543;
  cursor:pointer;
  font-size:12px;
  font-weight:400
}
.notice__badge {
  align-items:center;
  background:#da9543;
  border-radius:50%;
  color:#fff;
  display:flex;
  font-size:9px;
  height:16px;
  justify-content:center;
  position:absolute;
  right:-4px;
  top:-4px;
  width:16px
}
.notice__popover {
  background:#191919;
  border-radius:8px;
  box-shadow:0 4px 50px rgba(0,0,0,.5);
  color:#fff;
  padding:16px 0;
  position:absolute;
  right:-176px;
  top:40px;
  transition:.5s;
  width:362px;
  z-index:999
}
@media(max-width:768px) {
  .notice__popover {
    left:12px;
    position:fixed;
    right:12px;
    top:80px;
    width:auto
  }
}
.notice__popover:before {
  background:#191919;
  content:"";
  height:20px;
  position:absolute;
  right:176px;
  top:-5px;
  transform:rotate(45deg);
  width:20px
}
@media(max-width:768px) {
  .notice__popover:before {
    right:223px
  }
}
@media(min-width:1101px) {
  .notice__popover:before {
    right:186px
  }
  .notice__popover {
    right:-186px;
    width:400px
  }
}
.notice__popover-title {
  align-items:center;
  border-bottom:1px solid #242422;
  display:flex;
  justify-content:space-between;
  padding:0 16px 16px
}
.notice__popover-title h1 {
  margin:0
}
.notice__popover-content {
  max-height:300px;
  overflow-x:hidden;
  overflow-y:scroll
}
.notice__popover-content::-webkit-scrollbar {
  width:2px
}
.notice__popover-content::-webkit-scrollbar-track {
  background:#191919;
  width:2px
}
.notice__popover-content::-webkit-scrollbar-thumb {
  background:#da9543;
  -webkit-box-shadow:inset 0 -2px 22px #ff9f38;
  cursor:pointer
}
.notice__popover-empty {
  align-items:center;
  display:flex;
  flex-direction:column
}










.modal-info .modal-dialog {
  max-width:400px
}
.modal-content {
  background-color:#1a1a1a;
  border-radius:8px
}
@keyframes shimmer-4d353803 {
  to {
    transform:translateX(100%)
  }
}
.music-player__track-range-point[data-v-4d353803] {
  background:#da9543;
  border-radius:100%;
  cursor:pointer;
  height:8px;
  transition:all .3s;
  width:8px
}
.music-player__track-range-point[data-v-4d353803]:hover {
  height:12px;
  width:12px
}
.music-player__track-range-progress[data-v-4d353803] {
  background-color:#da9543;
  height:100%
}
@keyframes shimmer-1fd087fa {
  to {
    transform:translateX(100%)
  }
}
.price {
  display:inline-block;
  position:absolute;
  white-space:nowrap
}
.price__wrapper {
  align-items:center;
  display:flex;
  margin-left:10px;
  position:relative
}
.price__hidden {
  display:inline-block;
  position:relative;
  visibility:hidden;
  white-space:nowrap
}
@media(max-width:1061px) {
  .price {
    min-width:auto!important
  }
}
@keyframes shimmer-49585d2e {
  to {
    transform:translateX(100%)
  }
}
.fade-enter-active,
.fade-leave-active {
  transition:all 1s;
  transition-delay:var(--delay)
}
.fade-enter,
.fade-leave-to {
  opacity:0;
  transform:translateY(5px)
}



.track-history-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 320px;           /* можно чуть шире, чем track-info__name */
  min-width: 180px;
  background: #1a1a1a;
  border: 1px solid #da9543;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.6);
  display: none;
  z-index: 15;
  overflow: hidden;
}
@media(max-width: 768px){
  .track-history-dropdown{
    top: unset !important;
    bottom: 100% !important;
  }
}
.track-info__name:hover + .track-history-dropdown,
.track-history-dropdown:hover {
  display: block;
}

.history-header {
  background: #242422;
  color: #da9543;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 12px;
  border-bottom: 1px solid #333;
  text-align: center;
  letter-spacing: 0.5px;
}

.history-list {
  list-style: none;
  margin: 0;
  padding: 6px 10px;
  max-height: 200px;
  overflow-y: auto;
}

.history-list li {
  font-size: 12px;
  color: #ccc;
  padding: 6px 4px;
  border-bottom: 1px solid #2a2a2a;
  line-height: 1.4;
}

.history-list li:last-child {
  border-bottom: none;
}

/* скроллбар в тёмной теме */
.history-list::-webkit-scrollbar {
  width: 4px;
}
.history-list::-webkit-scrollbar-track {
  background: #1a1a1a;
}
.history-list::-webkit-scrollbar-thumb {
  background: #da9543;
  border-radius: 2px;
}