:root {
    --plyr-color-main: var(--primary);
    --plyr-audio-controls-background: transparent;
    --plyr-audio-control-color: var(--primary-dark);
    /* --plyr-audio-control-color-hover: white; */
    --plyr-audio-range-track-background: white;
    --plyr-range-fill-background: var(--accent);
    --plyr-range-thumb-background: var(--primary-dark);
    --plyr-control-icon-size: 24px;
    --plyr-font-size-time: 18px;
    --plyr-range-thumb-height: 20px;
    --plyr-range-track-height: 6px;
    --plyr-range-thumb-active-shadow-width: 8px;
}

.plyr {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}