/* Base spacing for internal use */
/* Default transition */
/* -----------------------------------------------------------------------------
 * 
 * # GTM Terms
 * 
 * -------------------------------------------------------------------------- */
.wp-block-gtm-terms .wp-block-gtm-terms__image:before {
  opacity: 0.2;
}

.wp-block-gtm-terms li:hover .wp-block-gtm-terms__image:after {
  opacity: 0.7;
}

.wp-block-gtm-terms.is-style-breadly--gtm-terms--themed li {
  position: relative;
}
.wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__list {
  gap: var(--gtm--space--xs);
}
@media (max-width: 767.98px) {
  .wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__list {
    gap: var(--gtm--space--3xs);
  }
}
.wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__image {
  height: 230px;
  border-radius: var(--gtm-block-radius);
}
.wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__image:before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%);
  opacity: 0.6;
}
.wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__term {
  position: absolute;
  bottom: 0;
  left: 0%;
  padding: var(--gtm--space--xs) var(--gtm--space--sm);
  color: #fff;
}
@media (max-width: 767.98px) {
  .wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__term {
    padding: var(--gtm--space--3xs) var(--gtm--space--2xs);
  }
}
.wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__name {
  font-size: var(--wp--preset--font-size--lg);
}
@media (max-width: 767.98px) {
  .wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__name {
    font-size: var(--wp--preset--font-size--sm);
  }
}
.wp-block-gtm-terms.is-style-breadly--gtm-terms--themed .wp-block-gtm-terms__image--no-image {
  background-color: var(--wp--preset--color--primary-text);
}