/* ********* Essential Audio Player 2.1.1 CSS ********* */

/* ************************************** */

/*  */

/* Section 1: The Looks */

/*  */

/* ************************************** */

/* 1. The Main Container */

/* 2. The Player Button – General */

/* Set here how much the button exceeds the horizontal track limits: */

/* This must not be deleted! (but can be changed, of course) */

:root {
  --button-protrusion: 4px;
}

/* 2.a) The Player Button – Off */

/* 2.b) The Player Button – Loading */

/* 2.c) The Player Button – Playing */

/* 2.d) The Player Button – Dragging */

/* 2.e) The Player Button – Error */

/* 3. The Track */

/* 4. The Loading Progress Bar */

/* 5. The Click & Drag Sensor */

/* ************************************** */

/*  */

/* Section 2: Core Values */

/*  */

/* ************************************** */

/* 1. The Main Container + General Settings */

/* 2. The Player Button */

/* 2.a) Container for Player Button */

/* 3. The Track */

/* 4. The Loading Progress Bar */

/* 5. The Click & Drag Sensor */