/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./components/static/ProductCard/style.css ***!
  \*********************************************************************************************************************************************************************************************/
[name='ProductCard'] {
  position: relative;
  padding-block-end: var(--box-padding);
}
[name='ProductCard']:focus-visible {
    outline: 2px dashed var(--clr-secondary);
    outline-offset: 2px;
  }
[name='ProductCard']:focus-visible .icon {
      color: var(--clr-secondary);
    }
/* Remove outline on mouse click */
[name='ProductCard']:focus:not(:focus-visible) {
    outline: none;
  }
[name='ProductCard']:hover .icon {
      color: var(--clr-secondary);
    }
[name='ProductCard'] .wrapper {
    padding-block-start: 16px;
    padding-inline: var(--box-padding);
  }
[name='ProductCard'] .product-category {
    color: var(--clr-primary);
    font-size: 16px;
    font-style: normal;
    font-weight: var(--fw-medium);
    margin-block-end: 0;
    text-transform: uppercase;
  }
[name='ProductCard'] a {
    display: flex;
    align-items: center;
    text-decoration: none;
  }
:is([name='ProductCard'] a)::before {
      content: '';
      display: block;
      inset: 0;
      position: absolute;
    }
:is([name='ProductCard'] a) .read-more {
      display: inline-block;
      max-width: 0;
      opacity: 0;
      overflow: hidden;
      white-space: nowrap;
      transition:
        max-width calc(var(--transition-duration) * 2)
          var(--transition-timing-function),
        opacity 0.2s ease-out 0.1s;
      text-decoration: none;
    }
:is([name='ProductCard'] a) .icon {
      color: #ddd;
      transition:
        margin-inline-start calc(var(--transition-duration) * 2)
          var(--transition-timing-function),
        color 0.2s ease-out;
    }
:is([name='ProductCard'] a):hover,:is([name='ProductCard'] a):focus-within {
      text-decoration: none;
    }
:is(:is([name='ProductCard'] a):hover,:is([name='ProductCard'] a):focus-within) .read-more {
        max-width: 150px;
        opacity: 1;
        text-decoration: none;
      }
:is(:is([name='ProductCard'] a):hover,:is([name='ProductCard'] a):focus-within) .icon {
        margin-inline-start: 12px;
      }
[name='ProductCard'] .meta,[name='ProductCard'] h4,[name='ProductCard'] .title {
    margin: 0;
  }
[name='ProductCard'] .taxonomies {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-block: 24px;
  }
:is([name='ProductCard'] .taxonomies) .location,:is([name='ProductCard'] .taxonomies) .drive {
      flex-basis: 50%;
    }
[name='ProductCard'] .taxonomy {
    display: flex;
    flex-direction: column;
  }
:is([name='ProductCard'] .taxonomy) .headline {
      color: var(--clr-grey-dark-muted);
      font-size: 12px;
    }
:is([name='ProductCard'] .taxonomy) .value {
      color: var(--clr-grey-dark);
      font-size: 16px;
    }
[name='ProductCard'] .waste-type ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }


/*# sourceMappingURL=style.min.css.map*/