/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/*
Example markup

```
<figure class="
  wp-block-image
  size-large
  is-style-simple-history-image-screenshot
  simple_history_screenshot_alignment-top-left  
  "
>

<img
    class="wp-image-2365"

  />

  <figcaption class="wp-element-caption">Caption for the image</figcaption>
</figure>
```
*/
.is-style-simple-history-image-screenshot {
  --simple-history-image-screenshot-padding: 4rem;
  --simple-history-image-screenshot-bg-color: #ffb6c1;
  --simple-history-image-screenshot-radius: 0.25rem;
  background-color: var(--simple-history-image-screenshot-bg-color);
  border-radius: var(--simple-history-image-screenshot-radius);
}
.is-style-simple-history-image-screenshot.is-style-simple-history-image-screenshot:has(.wp-element-caption) {
  margin-bottom: 4rem;
}
.is-style-simple-history-image-screenshot .wp-element-caption {
  position: absolute;
  width: 100%;
  max-width: var(--wp--style--global--content-size);
  text-align: center;
  font-style: italic;
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-center-center img {
  padding: calc(var(--simple-history-image-screenshot-padding) / 2);
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-top-left img {
  padding-right: var(--simple-history-image-screenshot-padding);
  padding-bottom: var(--simple-history-image-screenshot-padding);
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-top-center img {
  padding-bottom: var(--simple-history-image-screenshot-padding);
  padding-left: calc(var(--simple-history-image-screenshot-padding));
  padding-right: calc(var(--simple-history-image-screenshot-padding));
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-top-right img {
  padding-left: var(--simple-history-image-screenshot-padding);
  padding-bottom: var(--simple-history-image-screenshot-padding);
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-center-right img {
  padding-top: calc(var(--simple-history-image-screenshot-padding));
  padding-left: var(--simple-history-image-screenshot-padding);
  padding-bottom: calc(var(--simple-history-image-screenshot-padding));
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-bottom-right img {
  padding-left: var(--simple-history-image-screenshot-padding);
  padding-top: var(--simple-history-image-screenshot-padding);
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-bottom-center img {
  padding-top: var(--simple-history-image-screenshot-padding);
  padding-left: calc(var(--simple-history-image-screenshot-padding));
  padding-right: calc(var(--simple-history-image-screenshot-padding));
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-bottom-left img {
  padding-right: var(--simple-history-image-screenshot-padding);
  padding-top: var(--simple-history-image-screenshot-padding);
}
.is-style-simple-history-image-screenshot.simple_history_screenshot_alignment-center-left img {
  padding-top: calc(var(--simple-history-image-screenshot-padding));
  padding-right: var(--simple-history-image-screenshot-padding);
  padding-bottom: calc(var(--simple-history-image-screenshot-padding));
}

/*# sourceMappingURL=index.css.map*/