/*! Notes...

    Author: Jay George
    Author URI: https://jaygeorge.co.uk

    ABOUT THIS CSS
    ===================================================
    - Only edit filename-dev.css, then process with Laravel Mix (1. Configure with `webpack.mix.js` 2. `npm run production` will compile into prod/ on the server)

*/:root{--plyr-color-main:var(--colour-green);--plyr-audio-control-color-hover:var(--colour-green);--plyr-menu-background:var(--colour-black);--plyr-audio-control-background-hover:none;--plyr-audio-controls-background:transparent;--plyr-audio-control-color:var(--colour-green-white);--plyr-control-spacing:1em;--plyr-range-fill-background:var(--colour-green-white);--plyr-audio-progress-buffered-background:var(--colour-green-white-transparent)}.c-audio-plyr{padding-block-end:var(--spacing-l);position:relative;width:100%;.plyr__controls{&:before{border-radius:20px;box-shadow:var(--box-shadow-grain);content:"";filter:url(#grainy);inset:0;position:absolute;z-index:-1}@media (min-width:1024px){&:before{border-radius:50px;border-bottom-left-radius:20px;border-top-left-radius:20px}}}.plyr__control{color:var(--colour-green)}.plyr--audio .plyr__control:hover{background:none;color:var(--plyr-color-main)}&:is(.plyr__tooltip:before,.plyr__menu__container:after){content:normal}}.plyr__menu__container{font-family:var(--font-family-mono);font-weight:var(--font-family-mono-weight-strong)}@media (max-width:767px){.plyr__volume{display:none}}@media (max-width:1023px){.c-audio-plyr button{margin-inline-end:0}}