/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].use[3]!../../node_modules/glob-import-loader/index.js!./src/styles/block_styles/term-badges.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Title: Badges
 * Slug: term-badges
 * Block Types: core/post-terms
 * Is Default: false
 * Description: Display terms as gold badges.
 */
/**
 * Round corners by specifying a radius slug from theme.json
 * settings.custom.radius or a literal value. If a literal value is passed,
 * you must also pass `true` as the 3rd argument.
 *
 * The second argument is the corner(s) to round. It accepts the following:
 * - all
 * - top
 * - right
 * - bottom
 * - left
 * - top-right
 * - top-left
 * - bottom-right
 * - bottom-left
 * - leaf (top-right and bottom-left)
 */
/**
 * Creates a colored corner cutout that mimics an overlap effect.
 */
/**
 * This mixin assumes that each typography preset includes a style property for
 * each of the following properties:
 * - font-family
 * - font-size
 * - font-style
 * - font-weight
 * - letter-spacing
 * - line-height
 * - text-decoration
 * - text-transform
 */
.is-style-term-badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--md);
}
.is-style-term-badges > *:where(:not(.wp-block-post-terms__prefix, .wp-block-post-terms__suffix)) {
  --badge-color: var(--wp--custom--palette--bg--brand--primary);
  --badge-text-color: var(--wp--preset--color--text-on-light-primary);
  border-bottom-left-radius: var(--wp--custom--radius--md);
  border-top-right-radius: var(--wp--custom--radius--md);
  padding: var(--wp--preset--spacing--sm) var(--wp--preset--spacing--md);
  font-family: var(--wp--custom--typography-preset--body-sm-strong--style--font-family);
  font-size: var(--wp--custom--typography-preset--body-sm-strong--style--font-size);
  font-style: var(--wp--custom--typography-preset--body-sm-strong--style--font-style);
  font-weight: var(--wp--custom--typography-preset--body-sm-strong--style--font-weight);
  letter-spacing: var(--wp--custom--typography-preset--body-sm-strong--style--letter-spacing);
  line-height: var(--wp--custom--typography-preset--body-sm-strong--style--line-height);
  -webkit-text-decoration: var(--wp--custom--typography-preset--body-sm-strong--style--text-decoration);
          text-decoration: var(--wp--custom--typography-preset--body-sm-strong--style--text-decoration);
  text-transform: var(--wp--custom--typography-preset--body-sm-strong--style--text-transform);
  background-color: var(--badge-color);
  color: var(--badge-text-color);
  display: block;
  max-width: 100%;
  text-wrap: balance;
  width: -moz-max-content;
  width: max-content;
}
.is-style-term-badges > a:where(:not(.wp-block-post-terms__prefix, .wp-block-post-terms__suffix)) {
  transition: opacity var(--wp--custom--duration--200) var(--wp--custom--ease--default);
  -webkit-text-decoration: none;
  text-decoration: none;
}
.is-style-term-badges > a:where(:not(.wp-block-post-terms__prefix, .wp-block-post-terms__suffix)):hover {
  color: var(--badge-text-color);
  opacity: 0.8;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.is-style-term-badges > a:where(:not(.wp-block-post-terms__prefix, .wp-block-post-terms__suffix)):focus {
  color: var(--badge-text-color);
  opacity: 0.8;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.is-style-term-badges > .has-term-badge {
  background-color: transparent;
  padding: 0;
}
.is-style-term-badges > .has-term-badge img {
  display: block;
  height: var(--term-badge-height, 38px);
  width: auto;
}
.is-style-term-badges .wp-block-post-terms__separator {
  display: none;
}

/*# sourceMappingURL=term-badges.css.map*/