/**
 * Paragraphs Media Icons - CSS for displaying media icons in Paragraphs Previewer.
 */

/* Apply media icon as background image to the icon container */
.has-media-icon .paragraphs-button--icon.image-default {
  background-image: var(--paragraph-icon-url);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Ensure the icon overlay doesn't hide our icon */
.has-media-icon .paragraphs-button--icon.image-default .paragraphs-button--icon_overlay {
  display: none;
}