.audio-player{display:grid;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border-radius:.5rem}@media (max-width:759px){.audio-player{grid-template-columns:1fr;grid-template-areas:"header" "meta" "controls" "playlist";grid-gap:1rem}}@media (min-width:760px){.audio-player{grid-template-columns:.375fr .625fr;grid-template-rows:.425fr .575fr auto;grid-template-areas:"meta header" "meta controls" "playlist playlist";grid-gap:1.5rem;max-width:720px;margin-left:auto;margin-right:auto}}.audio-player:focus-visible{outline-color:rgba(0,122,255,.2);outline-offset:.5rem;outline-style:solid;outline-width:.25rem}.audio-player__header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;grid-area:header;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:inherit;box-sizing:inherit;padding:1rem;background-color:#fff;border-radius:.5rem}.audio-player__title{-webkit-box-sizing:inherit;box-sizing:inherit;-ms-flex-negative:0;flex-shrink:0;margin:0 0 auto 0;width:100%;font-size:1.375rem;font-weight:400;line-height:2rem;overflow-x:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.audio-player__artist{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:auto;padding-right:1rem;width:calc(100% - 164px);font-size:1rem;font-weight:500;line-height:1.5rem;overflow-x:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;opacity:.56}.audio-player__meta{position:relative;grid-area:meta;-webkit-box-sizing:inherit;box-sizing:inherit}.audio-player__image{display:block;-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;width:100%;height:auto;border:none;border-radius:.5rem;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 50%;object-position:50% 50%}.audio-player__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-area:controls;-webkit-box-sizing:inherit;box-sizing:inherit;padding:1rem;background-color:#fff;border-radius:.5rem}.audio-player__progress{position:relative;display:block;-webkit-box-sizing:inherit;box-sizing:inherit;height:.875rem;background-color:rgba(0,0,0,.04)}.audio-player__progress-buffer,.audio-player__progress-runnable{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.audio-player__progress-buffer{background-color:rgba(0,122,255,.12)}.audio-player__progress-runnable{background-color:#007aff}.audio-player__time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:inherit;box-sizing:inherit;margin-top:.25rem;font-size:.75rem;font-weight:500;line-height:1rem;pointer-events:none}.audio-player__time-current{opacity:.76}.audio-player__time-duration{opacity:.56}.audio-player__transport{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-sizing:inherit;box-sizing:inherit}@media (max-width:759px){.audio-player__transport{margin:.875rem 0}}@media (min-width:760px){.audio-player__transport{margin:auto 0}}.audio-player__button .icon-button__icon{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform 120ms ease-in-out;transition:-webkit-transform 120ms ease-in-out;-o-transition:transform 120ms ease-in-out;transition:transform 120ms ease-in-out;transition:transform 120ms ease-in-out,-webkit-transform 120ms ease-in-out}#pause-icon{position:absolute}.audio-player:not(.audio-player--is-playing) #pause-icon{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.audio-player:is(.audio-player--is-playing) #pause-icon{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.audio-player:not(.audio-player--is-playing) #play-icon{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.audio-player:is(.audio-player--is-playing) #play-icon{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.audio-player__button[aria-label]::before{position:absolute;bottom:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:inherit;box-sizing:inherit;padding:.325rem .75rem;margin-bottom:.5rem;height:1.875rem;content:attr(aria-label);color:#fff;font-size:.6875rem;font-weight:400;letter-spacing:.113636em;line-height:1.25rem;white-space:nowrap;background-color:rgba(97,97,97,.94);border-radius:.93525rem;pointer-events:none;opacity:0;-webkit-transform:scale(.875);-ms-transform:scale(.875);transform:scale(.875);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-transition:opacity 60ms cubic-bezier(.4,0,.2,1) 60ms,-webkit-transform 0s cubic-bezier(.4,0,.2,1) 120ms;transition:opacity 60ms cubic-bezier(.4,0,.2,1) 60ms,-webkit-transform 0s cubic-bezier(.4,0,.2,1) 120ms;-o-transition:opacity 60ms cubic-bezier(.4,0,.2,1) 60ms,transform 0s cubic-bezier(.4,0,.2,1) 120ms;transition:opacity 60ms cubic-bezier(.4,0,.2,1) 60ms,transform 0s cubic-bezier(.4,0,.2,1) 120ms;transition:opacity 60ms cubic-bezier(.4,0,.2,1) 60ms,transform 0s cubic-bezier(.4,0,.2,1) 120ms,-webkit-transform 0s cubic-bezier(.4,0,.2,1) 120ms}.audio-player__button[aria-label]:focus-visible::before,.audio-player__button[aria-label]:hover::before{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:250ms,250ms;-o-transition-delay:250ms,250ms;transition-delay:250ms,250ms;-webkit-transition-duration:180ms,180ms;-o-transition-duration:180ms,180ms;transition-duration:180ms,180ms}.audio-player__volume{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:inherit;box-sizing:inherit}@media (max-width:759px){.audio-player__volume{display:none}}.audio-player__volume-slider{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:55%;max-width:100%;height:1.5rem;margin:0 auto;padding:0;background:0 0}.audio-player__volume-slider::-webkit-slider-runnable-track{height:.25rem;border:none;background-color:rgba(0,0,0,.06);border-radius:.25rem;-webkit-appearance:none;appearance:none}.audio-player__volume-slider::-moz-range-track{height:.25rem;border:none;background-color:rgba(0,0,0,.06);border-radius:.25rem;-moz-appearance:none;appearance:none}.audio-player__volume-slider::-moz-range-progress{height:.25rem;border:none;background-color:#007aff;border-radius:.25rem;-moz-appearance:none;appearance:none}.audio-player__volume-slider::-ms-track{height:.25rem;border:none;background-color:rgba(0,0,0,.06);border-radius:.25rem;appearance:none}.audio-player__volume-slider::-ms-fill-upper{height:.25rem;border:none;background-color:rgba(0,0,0,.06);border-radius:.25rem;appearance:none}.audio-player__volume-slider::-ms-fill-lower{height:.25rem;border:none;background-color:#007aff;border-radius:.25rem;appearance:none}.audio-player__volume-slider::-webkit-slider-thumb{-webkit-box-sizing:border-box;box-sizing:border-box;width:1rem;height:1rem;background-color:#007aff;border:none;border-radius:50%;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-box-shadow:0 .125rem .0625rem -.0625rem rgba(0,0,0,.2),0 .0625rem .0625rem 0 rgba(0,0,0,.14),0 .0625rem .1875rem 0 rgba(0,0,0,.12);box-shadow:0 .125rem .0625rem -.0625rem rgba(0,0,0,.2),0 .0625rem .0625rem 0 rgba(0,0,0,.14),0 .0625rem .1875rem 0 rgba(0,0,0,.12)}.audio-player__volume-slider::-moz-range-thumb{box-sizing:border-box;width:1rem;height:1rem;background-color:#007aff;border:none;border-radius:50%;cursor:pointer;-moz-appearance:none;appearance:none;box-shadow:0 .125rem .0625rem -.0625rem rgba(0,0,0,.2),0 .0625rem .0625rem 0 rgba(0,0,0,.14),0 .0625rem .1875rem 0 rgba(0,0,0,.12)}.audio-player__volume-slider::-ms-thumb{box-sizing:border-box;width:1rem;height:1rem;background-color:#007aff;border:none;border-radius:50%;cursor:pointer;appearance:none;box-shadow:0 .125rem .0625rem -.0625rem rgba(0,0,0,.2),0 .0625rem .0625rem 0 rgba(0,0,0,.14),0 .0625rem .1875rem 0 rgba(0,0,0,.12)}.audio-player__volume-slider:focus-visible{outline-color:rgba(0,122,255,.2);outline-offset:.125rem;outline-style:solid;outline-width:.125rem}.audio-player__playlist{grid-area:playlist;-webkit-box-sizing:inherit;box-sizing:inherit;padding:0;max-width:100%;height:100%;overflow:hidden;background-color:#fff;border-radius:.5rem}.audio-player__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain}.audio-player__menu::-webkit-scrollbar{width:8px;background-color:rgba(0,0,0,0)}.audio-player__menu::-webkit-scrollbar-track{background:rgba(0,122,255,0)}.audio-player__menu::-webkit-scrollbar-thumb{background-color:#007aff;border:0;border-radius:0}@supports (scrollbar-width:thin){.audio-player__menu{scrollbar-width:thin;scrollbar-color:#007aff rgba(0,122,255,0)}}.audio-player__item{position:relative;z-index:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-sizing:inherit;box-sizing:inherit;height:100%;padding:1rem;cursor:pointer}.audio-player__item:not(:last-child){scroll-snap-align:start}.audio-player__item:last-child{scroll-snap-align:end}@media (max-width:759px){.audio-player__item{width:42.857167%}}@media (min-width:760px){.audio-player__item{width:30.000012%}}.audio-player__item::before{position:absolute;top:2rem;left:2rem;width:0;height:0;content:"";border-top:.5rem solid transparent;border-bottom:.5rem solid transparent;border-left:.75rem solid currentColor;border-right:0;opacity:0;-webkit-transition:opacity 180ms cubic-bezier(.4,0,.2,1);-o-transition:opacity 180ms cubic-bezier(.4,0,.2,1);transition:opacity 180ms cubic-bezier(.4,0,.2,1)}.audio-player__item::after{position:absolute;top:0;left:0;z-index:-1;height:100%;width:100%;content:"";background-color:currentColor;border-radius:inherit;pointer-events:none;opacity:0;will-change:opacity;-webkit-transition:opacity 180ms cubic-bezier(.4,0,.2,1);-o-transition:opacity 180ms cubic-bezier(.4,0,.2,1);transition:opacity 180ms cubic-bezier(.4,0,.2,1)}.audio-player__item:hover::after{opacity:.04}.audio-player__item:focus::after{opacity:.12}.audio-player__item:active::after{opacity:.16}.audio-player__item[aria-selected=true]{color:#007aff;pointer-events:none}.audio-player__item[aria-selected=true]::before{opacity:.56}.audio-player__item[aria-selected=true]::after{opacity:.16}.audio-player--is-playing .audio-player__item[aria-selected=true]::before{opacity:.84}.audio-player__item-image{grid-area:image;-webkit-box-sizing:inherit;box-sizing:inherit;margin:0 0 .75rem 0;width:100%;height:auto;border:none;border-radius:.5rem;pointer-events:none}.audio-player__item-artist,.audio-player__item-title{-webkit-box-sizing:inherit;box-sizing:inherit;width:100%;overflow-x:hidden;overflow-y:initial;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.audio-player__item-title{display:block;grid-area:title;font-size:1rem;line-height:1.375}.audio-player__item-artist{display:block;grid-area:artist;font-size:.75rem;font-weight:500;line-height:1.5;opacity:.56}.audio-player__item-separator{display:block;-ms-flex-negative:0;flex-shrink:0;margin:0 .5rem;width:.125rem;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(0,122,255,0)),color-stop(50%,rgba(0,122,255,.36)),color-stop(90%,rgba(0,122,255,0)));background-image:-o-linear-gradient(top,rgba(0,122,255,0) 10%,rgba(0,122,255,.36) 50%,rgba(0,122,255,0) 90%);background-image:linear-gradient(to bottom,rgba(0,122,255,0) 10%,rgba(0,122,255,.36) 50%,rgba(0,122,255,0) 90%);background-repeat:no-repeat;background-position:50% 50%}
/*# sourceMappingURL=audio-player.min.css.map */