:root{--audio-player-play-background:var(--gold);--audio-player-play-color:#fff;--audio-player-play-border-radius:5px;--audio-player-slider-bar-color:rgba(0,0,0,.1);--audio-player-slider-bar-height:2px;--audio-player-slider-bar-front-color:var(--gold);--audio-player-slider-thumb-size:12px;--audio-player-slider-thumb-color:#fff;--audio-player-slider-thumb-shadow:var(--box-shadow_small);--audio-player-slider-play-thumb-size:20px;--audio-player-slider-play-bar-height:6px}.audio-player{--audio-player-runnable-track-height:44px;--audio-player-slider-bar-buffer-color:var(--audio-player-slider-bar-front-color);--seek-before-width:0%;--volume-before-width:100%;--buffered-width:0%;--focus-box-border-radius:10px}.audio-player__audio{display:none}.audio-player__title{margin-bottom:1.5rem}.audio-player__body{display:flex;flex-flow:column;gap:15px}.audio-player__main{align-items:center;display:flex;gap:15px}.audio-player__extras{align-items:stretch;display:flex;gap:15px}.audio-player__icon{display:block;height:25px;width:25px;fill:var(--text-color)}.audio-player__icon--hidden{display:none}.audio-player__button{background-color:transparent;border:none;border-radius:var(--audio-player-play-border-radius);cursor:pointer;line-height:1;padding:10px}.audio-player__button--play{background-color:var(--audio-player-play-background);--text-color:var(--audio-player-play-color)}.audio-player__time{font-variant-numeric:tabular-nums;white-space:nowrap}.audio-player__time--seperator{display:inline-block;margin-left:-5px;margin-right:-5px}.audio-player__slider{-webkit-appearance:none;background-color:transparent;flex:1;margin:0;padding:0;position:relative;width:100%}.audio-player__slider:before{background-color:var(--audio-player-slider-bar-buffer-color);opacity:.2;width:var(--buffered-width)}.audio-player__slider:after,.audio-player__slider:before{content:"";height:var(--audio-player-slider-bar-height);left:0;pointer-events:none;position:absolute;top:calc(var(--audio-player-runnable-track-height)/2 - var(--audio-player-slider-bar-height)/2)}.audio-player__slider:after{background-color:var(--audio-player-slider-bar-front-color);width:var(--seek-before-width)}.audio-player__slider::-webkit-slider-runnable-track{background:linear-gradient(180deg,transparent,transparent calc(var(--audio-player-runnable-track-height)/2 - var(--audio-player-slider-bar-height)/2),var(--audio-player-slider-bar-color) calc(var(--audio-player-runnable-track-height)/2 - var(--audio-player-slider-bar-height)/2),var(--audio-player-slider-bar-color) calc(var(--audio-player-runnable-track-height) - var(--audio-player-runnable-track-height)/2 + var(--audio-player-slider-bar-height)/2),transparent calc(var(--audio-player-runnable-track-height) - var(--audio-player-runnable-track-height)/2 + var(--audio-player-slider-bar-height)/2),transparent);cursor:pointer;height:var(--audio-player-runnable-track-height);width:100%}.audio-player__slider::-moz-range-track{background:linear-gradient(180deg,transparent,transparent calc(var(--audio-player-runnable-track-height)/2 - var(--audio-player-slider-bar-height)/2),var(--audio-player-slider-bar-color) calc(var(--audio-player-runnable-track-height)/2 - var(--audio-player-slider-bar-height)/2),var(--audio-player-slider-bar-color) calc(var(--audio-player-runnable-track-height) - var(--audio-player-runnable-track-height)/2 + var(--audio-player-slider-bar-height)/2),transparent calc(var(--audio-player-runnable-track-height) - var(--audio-player-runnable-track-height)/2 + var(--audio-player-slider-bar-height)/2),transparent);cursor:pointer;height:var(--audio-player-runnable-track-height);width:100%}.audio-player__slider::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--audio-player-slider-thumb-color);border:none;border-radius:50%;box-shadow:var(--audio-player-slider-thumb-shadow);box-sizing:content-box;cursor:pointer;height:var(--audio-player-slider-thumb-size);margin:0;margin-top:calc(var(--audio-player-runnable-track-height)/2 - var(--audio-player-slider-thumb-size)/2);position:relative;width:var(--audio-player-slider-thumb-size);z-index:1}.audio-player__slider::-moz-range-thumb{background-color:var(--audio-player-slider-thumb-color);border:none;border-radius:50%;box-shadow:var(--audio-player-slider-thumb-shadow);box-sizing:content-box;cursor:pointer;height:var(--audio-player-slider-thumb-size);margin:0;margin-top:calc(var(--audio-player-runnable-track-height)/2 - var(--audio-player-slider-thumb-size)/2);position:relative;width:var(--audio-player-slider-thumb-size);z-index:1}.audio-player__slider:active::-webkit-slider-thumb{transform:scale(1.2)}.audio-player__slider:active::-moz-range-thumb{transform:scale(1.2)}.audio-player__slider::-moz-range-progress{background-color:var(--audio-player-slider-bar-front-color)}.audio-player__slider::-moz-focus-outer{border:0}.audio-player__slider--seek{--audio-player-slider-thumb-size:var(--audio-player-slider-play-thumb-size);--audio-player-slider-bar-height:var(--audio-player-slider-play-bar-height)}.audio-player__slider--volume{margin-left:-10px}.audio-player__slider--volume:before{width:0}.audio-player__slider--volume:after{width:var(--volume-before-width)}.audio-player__speed{display:flex;position:relative}.audio-player__speed:after{border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:1px;content:"";display:block;height:8px;pointer-events:none;position:absolute;right:2px;top:calc(50% - 5px);transform:rotate(-45deg) translateY(-20%);width:8px}.audio-player__speed-select{-webkit-appearance:none;background:transparent;border:0;color:var(--text-color);cursor:pointer;overflow:visible;padding:5px 15px 5px 0;position:relative;text-align:right;width:6ch}@media (min-width:600px){.audio-player__body{flex-flow:row;gap:30px}.audio-player__main{flex:2}.audio-player__extras{flex:1}}@media (min-width:900px){.audio-player__main{flex:2.5}}