/** Shopify CDN: Minification failed

Line 32:78 The "+" operator only works if there is whitespace on both sides

**/
/*
|--------------------------------------------------------------------------
| Supernova Audio
|--------------------------------------------------------------------------
| @namespace: sec
|
*/
.sec-SupernovaAudio {
  --Audio_Offset: 15px;
  position: fixed;
  top: calc(
    (var(--Nav_Height) + var(--TopBar_Height) + var(--Announcement_Bar_Height)) +
      var(--MobileSearch_Height) + var(--Audio_Offset) + 17px
  );
  left: var(--Audio_Offset);
  z-index: 7;

  transition: top 0.5s ease;
}
@media (min-width: 768px) {
  .sec-SupernovaAudio {
    --Audio_Offset: 30px;
  }
}
.lyt-Site-condensedHeader .sec-SupernovaAudio {
  top: calc(
    var(--Nav_Height) + var(--TopBar_Height) + var(--Announcement_Bar_Height) +var(
        --Audio_Offset
      ) + 17px
  );
}
.lyt-Site-hiddenHeader .sec-SupernovaAudio {
  top: calc(
    var(--Nav_Height) + var(--TopBar_Height) + var(--Audio_Offset) + 7px
  );
}
@media (min-width: 768px) {
  .sec-SupernovaAudio {
    --Audio_Offset: 30px;
    top: calc(
      var(--Nav_Height) + var(--Announcement_Bar_Height) + var(--Audio_Offset)
    );
  }
  .lyt-Site-condensedHeader .sec-SupernovaAudio {
    top: calc(
      var(--Nav_Height) + var(--Announcement_Bar_Height) + var(--Audio_Offset)
    );
  }
  .lyt-Site-hiddenHeader .sec-SupernovaAudio {
    top: var(--Audio_Offset);
  }
}

.sec-SupernovaAudio_Player {
  visibility: hidden;
}

.sec-SupernovaAudio_Toggle {
  display: grid;
  width: 43px;
  height: 31px;
}

.sec-SupernovaAudio_ToggleBorder {
  grid-column: 1;
  grid-row: 1;

  width: 100%;
  height: 100%;
}
.sec-SupernovaAudio_ToggleBorder path {
  transition: fill 250ms ease;
}
.sec-SupernovaAudio_Toggle:hover .sec-SupernovaAudio_ToggleBorder path {
  fill: #fff;
}

.sec-SupernovaAudio_Equaliser {
  align-items: center;
  justify-content: center;

  grid-column: 1;
  grid-row: 1;

  display: flex;
  padding: 8px;
  gap: 2px;
}

.sec-SupernovaAudio_EqualiserLine {
  width: 1px;
  height: 2px;

  background-color: #fff;
  border-radius: 2px;
}
.sec-SupernovaAudio_Equaliser[data-playing='true']
  .sec-SupernovaAudio_EqualiserLine {
  height: 15px;

  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: equaliser;
}
.sec-SupernovaAudio_EqualiserLine:nth-child(2) {
  animation-delay: -1500ms;
}
.sec-SupernovaAudio_EqualiserLine:nth-child(3) {
  animation-delay: -1000ms;
}
.sec-SupernovaAudio_EqualiserLine:nth-child(4) {
  animation-delay: -2500ms;
}
.sec-SupernovaAudio_EqualiserLine:nth-child(5) {
  animation-delay: -500ms;
}
@keyframes equaliser {
  0% {
    transform: scaleY(1);
  }
  10% {
    transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(0.2);
  }
  30% {
    transform: scaleY(0.6);
  }
  40% {
    transform: scaleY(0.3);
  }
  50% {
    transform: scaleY(0.4);
  }
  60% {
    transform: scaleY(0.8);
  }
  70% {
    transform: scaleY(0.4);
  }
  80% {
    transform: scaleY(0.7);
  }
  90% {
    transform: scaleY(0.3);
  }
  100% {
    transform: scaleY(1);
  }
}