/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/post-teaser/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/**
 * SCSS Variables.
 *
 * Please use variables from this sheet to ensure consistency across the UI.
 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 */
/**
*  Converts a hex value into the rgb equivalent.
*
* @param {string} hex - the hexadecimal value to convert
* @return {string} comma separated rgb values
*/
/**
 * Colors
 */
/**
 * Fonts & basic variables.
 */
/**
 * Grid System.
 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 */
/**
 * Dimensions.
 */
/**
 * Shadows.
 */
/**
 * Editor widths.
 */
/**
 * Block & Editor UI.
 */
/**
 * Block paddings.
 */
/**
 * React Native specific.
 * These variables do not appear to be used anywhere else.
 */
.wp-block-popmat-post-teaser img {
  aspect-ratio: 16/10;
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-popmat-post-teaser a {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.wp-block-popmat-post-teaser a h3,
.wp-block-popmat-post-teaser a img,
.wp-block-popmat-post-teaser a p {
  color: var(--wp--preset--color--black);
  margin: 0;
}
.wp-block-popmat-post-teaser a h3::before {
  content: url(data:image/svg+xml;base64,PCEtLSBUaGlzIHN2ZyBpcyB1c2VkIGFzIHRoZSBmYXZpY29uIC0tPgo8c3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogICAgPGNpcmNsZSBjeD0nMjU2JyBjeT0nMjU2JyByPScyNTYnIGZpbGw9J2N5YW4nIC8+Cjwvc3ZnPgo=);
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  padding-right: 7px;
}
.wp-block-popmat-post-teaser a img {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.wp-block-group.has-blue-background-color .wp-block-popmat-post-teaser, .wp-block-group.has-light-blue-background-color .wp-block-popmat-post-teaser {
  background-color: var(--wp--preset--color--white);
}
.wp-block-group.has-blue-background-color .wp-block-popmat-post-teaser img, .wp-block-group.has-light-blue-background-color .wp-block-popmat-post-teaser img {
  order: -1;
}
.wp-block-group.has-blue-background-color .wp-block-popmat-post-teaser p,
.wp-block-group.has-blue-background-color .wp-block-popmat-post-teaser h3, .wp-block-group.has-light-blue-background-color .wp-block-popmat-post-teaser p,
.wp-block-group.has-light-blue-background-color .wp-block-popmat-post-teaser h3 {
  margin-left: 10px;
  margin-right: 10px;
}
.wp-block-group.has-blue-background-color .wp-block-popmat-post-teaser p, .wp-block-group.has-light-blue-background-color .wp-block-popmat-post-teaser p {
  margin-bottom: 20px;
  color: var(--wp--preset--color--black);
}

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