.ux-audio__container{background-color:#f8f8f8;border-radius:24px;margin-top:16px;padding:16px}.ux-audio__header{font-size:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:8px}.ux-audio__playlist-wrapper{position:relative}.ux-audio__playlist-wrapper:after{color:#fff;content:"";font-family:Font Awesome\ 5 Pro;font-size:16px;font-weight:400;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.ux-audio__playlist{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#000;border:none;border-radius:8px;color:#fff;font-weight:400;padding:8px 32px 8px 16px;position:relative}.ux-audio__playlist option{padding-right:8px}.ux-audio__playlist:focus{border:none;outline:none}.ux-audio__playlist.focus-visible{outline:2px solid #222;outline-offset:2px}.ux-audio__playlist:focus-visible{outline:2px solid #222;outline-offset:2px}.ux-audio__control{align-items:center;border-radius:100%;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;padding:16px}.ux-audio__play{background-color:#000;border:1px solid #222;color:#fff}.ux-audio__play:hover{background-color:#972960;border-color:#972960}.ux-audio__play.amplitude-playing .fa-play,.ux-audio__play .fa-pause{display:none}.ux-audio__play.amplitude-playing .fa-pause{display:inline}.ux-audio__next,.ux-audio__prev,.ux-audio__volume{background-color:#f8f8f8;border:1px solid #f8f8f8;color:#000;padding:8px}.ux-audio__next:hover,.ux-audio__prev:hover,.ux-audio__volume:hover{background-color:#000;border-color:#000;color:#fff}.audio-range{--range-track:#ddd;--range-fill:#222;--range-thumb:#222;--range-progress:0%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;height:24px;margin:0;padding:0;width:100%}.audio-range::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--range-fill) 0,var(--range-fill) var(--range-progress),var(--range-track) var(--range-progress),var(--range-track) 100%);border:0;border-radius:999px;height:4px}.audio-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--range-thumb);border:0;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);height:14px;margin-top:-5px;width:14px}.audio-range::-moz-range-track{background:var(--range-track);border:0;border-radius:999px;height:4px}.audio-range::-moz-range-progress{background:var(--range-fill);border:0;border-radius:999px;height:4px}.audio-range::-moz-range-thumb{background:var(--range-thumb);border:0;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.2);height:14px;width:14px}.audio-range.focus-visible{border-radius:4px;outline:2px solid var(--range-fill);outline-offset:3px}.audio-range:focus-visible{border-radius:4px;outline:2px solid var(--range-fill);outline-offset:3px}.audio-range:disabled{cursor:not-allowed;opacity:.4}.volume-control{display:inline-flex;position:relative}.volume-panel{background:#fff;border-radius:10px;bottom:calc(100% + 10px);box-shadow:0 4px 20px rgba(0,0,0,.15);display:flex;justify-content:center;left:50%;padding:16px 12px;position:absolute;transform:translateX(-50%);z-index:10}.volume-panel[hidden]{display:none}.volume-slider{accent-color:#222;cursor:pointer;direction:rtl;height:120px;margin:0;width:20px;-ms-writing-mode:bt-lr;writing-mode:vertical-lr}