/** Shopify CDN: Minification failed

Line 165:23 Expected ":"

**/
:root {
    --slider-track: e4e4e4;
    --slider-thumb: rgba(0,0,0,0);
    --slider-background: #b9b9b9;
    --slider-before: white;
    --slider-height: 20px;
    --slider-track-height: 10px;
    --box-shadow: white;
}

.alm-audio-clips {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    width: 100%;
    margin: 2rem 0;
}
.alm-audio-clips .clip-container {
  flex-basis: 25%;
  flex-grow: 1;
  min-width: min(200px, 100%);
}
.clip-container .clip {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.play-button {
    min-width: 0;
    aspect-ratio: 1 / 1;
    padding: 0;
    color: rgb(var(--gradient-background));
    margin-top: 0 !important;
}
.alm-audio-clips .button--secondary {
    margin: 0;
    flex-grow: 1;
}
.alm-audio-clip-title {
  display: inline-block;
  width: 100%;
  margin-top: 0.5rem;
  text-align: center;
}
.alm-audio-slider {
    flex-basis: 100%;
    flex-grow: 1;
    margin: -1px 0 0;
    border: 1px solid rgb(var(--color-button));
    background-color: var(--slider-background);
    height: var(--slider-height);
}
.alm-audio-clip-remaining {
    position: absolute;
    bottom: 0;
    right: 5px;
    display: flex;
    align-items: center;
    height: var(--slider-height);
    font-size: 15px;
    pointer-events: none;
}


/* HIDE SLIDER DEFAULTS */
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: var(--slider-track-height);
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: var(--slider-track);
  border-radius: 0;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: var(--slider-height);
  width: 39px;
  border-radius: 0;
  background: var(--slider-thumb);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -3.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--slider-track);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: var(--slider-track-height);
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: var(--slider-track);
  border-radius: 0;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: var(--slider-height);
  width: 39px;
  border-radius: 0;
  background: var(--slider-thumb);
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: var(--slider-track-height);
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: var(--slider-track);
  border: 0px solid #000101;
  border-radius: 0;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: var(--slider-track);
  border: 0px solid #000101;
  border-radius: 0;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: var(--slider-height);
  width: 39px;
  border-radius: 0;
  background: var(--slider-thumb);
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: var(--slider-track);
}
input[type=range]:focus::-ms-fill-upper {
  background: var(--slider-track);
}


/* NEW NEW NEW NEW */
:root {
  --slider-border: 5px;
  --slider-height: 40px;
  --slider-thumb-offset
}
.play-button {
    position: absolute;
    height: 100%;
    top: 1px;
    left: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: black;
}
.alm-audio-slider {
    border-width: var(--slider-border);
    border-radius: calc(var(--slider-height) / 2);
}
.alm-audio-clip-remaining {
    right: 15px;
    color: black;
}


/* Thumb Circle */
input[type="range"] {
  overflow: hidden;
}
input[type=range]::-moz-range-thumb {
  background: white;
  height: calc(calc(var(--slider-height) - calc(var(--slider-border) * 2)));
  width: calc(calc(var(--slider-height) - calc(var(--slider-border) * 2)));
  outline: none;
  border: none;
  border-radius: calc(var(--slider-height) / 2);
  box-shadow: calc(-400px - calc(var(--slider-height) / 3)) 0 0 400px;
}
input[type=range]::-webkit-slider-thumb {
  background: white;  
  height: calc(var(--slider-height) - calc(var(--slider-border) * 2));
  width: calc(var(--slider-height) - calc(var(--slider-border) * 2));
  outline: none;
  border: none;
  border-radius: calc(var(--slider-height) / 2);
  box-shadow: calc(-400px - calc(var(--slider-height) / 3)) 0 0 400px;
  margin-top: calc(-10px);
}
input[type=range]::-ms-thumb {
  background: white;
  height: calc(var(--slider-height) - calc(var(--slider-border) * 2));
  width: calc(var(--slider-height) - calc(var(--slider-border) * 2));
  outline: none;
  border: none;
  border-radius: calc(var(--slider-height) / 2);
  box-shadow: calc(-400px - calc(var(--slider-height) / 3)) 0 0 400px;
}