/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.103.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.6_webpack@5.103.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.94.1_webpack@5.103.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/audio-player/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Styles for Plyr audio player block
 * These styles are applied both in the editor and on the front-end
 */
.wp-block-carhop-blocks-audio-player .plyr__controls {
  padding: 2rem 0 !important;
}
.wp-block-carhop-blocks-audio-player {
  --plyr-color-main: var(--wp--preset--color--primary);
  --plyr-menu-border-color: var(--wp--preset--color--carhop-green);
  --plyr-menu-border-shadow-color: var(--wp--preset--color--carhop-green);
  --plyr-control-icon-size: 20px;
  --plyr-audio-control-color: var(--wp--preset--color--primary);
  --plyr-audio-range-track-background: var(
  	--wp--preset--color--carhop-green--200
  );
  border: 1px solid var(--wp--preset--color--primary);
  padding: 2rem;
}
.wp-block-carhop-blocks-audio-player button[data-plyr=play],
.wp-block-carhop-blocks-audio-player button[data-plyr=mute] {
  border-radius: 50%;
  border: 1px solid var(--wp--preset--color--primary);
  padding: 2rem;
}
.wp-block-carhop-blocks-audio-player button[data-plyr=mute] {
  padding: 1rem;
}
.wp-block-carhop-blocks-audio-player .audio-player__title {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--wp--preset--color--primary);
  margin: 0;
}
.wp-block-carhop-blocks-audio-player .audio-player__details__label {
  margin-left: 0.5rem;
  text-transform: uppercase;
}