/*!*****************************************************************************************************************************************************************************************************!*\
  !*** 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/ProductCategoryCard/style.css ***!
  \*****************************************************************************************************************************************************************************************************/
[name='ProductCategoryCard'] {
  padding-block-end: var(--box-padding);
  position: relative;
}
[name='ProductCategoryCard']:focus-visible,[name='ProductCategoryCard']:focus-within {
    outline: 2px dashed var(--clr-secondary);
    outline-offset: 2px;
  }
:is([name='ProductCategoryCard']:focus-visible,[name='ProductCategoryCard']:focus-within) .icon {
      color: var(--clr-secondary);
    }
[name='ProductCategoryCard']:hover .icon {
      color: var(--clr-secondary);
    }
[name='ProductCategoryCard'] .box-padding {
    padding-block: 24px 0;
  }
[name='ProductCategoryCard'] .title {
    --underline-color: var(--clr-secondary);

    font-size: 32px;
    font-weight: var(--fw-bold);
    line-height: 1;
    margin-block: 0 16px;
    text-transform: uppercase;
  }
[name='ProductCategoryCard'] a {
    align-items: center;
    display: flex;
    text-decoration: none;
  }
:is([name='ProductCategoryCard'] a)::before {
      content: '';
      display: block;
      inset: 0;
      position: absolute;
    }
:is([name='ProductCategoryCard'] a) .read-more {
      display: inline-block;
      max-width: 0;
      opacity: 0;
      overflow: hidden;
      text-decoration: none;
      transition:
        max-width calc(var(--transition-duration) * 2)
          var(--transition-timing-function),
        opacity 0.2s ease-out 0.1s;
      white-space: nowrap;
    }
:is([name='ProductCategoryCard'] a) .icon {
      color: #ddd;
      transition:
        margin-inline-start calc(var(--transition-duration) * 2)
          var(--transition-timing-function),
        color 0.2s ease-out;
    }
:is([name='ProductCategoryCard'] a):hover,:is([name='ProductCategoryCard'] a):focus-within {
      text-decoration: none;
    }
:is(:is([name='ProductCategoryCard'] a):hover,:is([name='ProductCategoryCard'] a):focus-within) .read-more {
        max-width: 150px;
        opacity: 1;
        text-decoration: none;
      }
:is(:is([name='ProductCategoryCard'] a):hover,:is([name='ProductCategoryCard'] a):focus-within) .icon {
        margin-inline-start: 12px;
      }
[name='ProductCategoryCard'] .meta,[name='ProductCategoryCard'] h4 {
    margin: 0;
  }
[name='ProductCategoryCard'] .taxonomies {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-block-end: 16px;
  }
:is([name='ProductCategoryCard'] .taxonomies) .usage-type {
      flex-basis: 100%;
    }
[name='ProductCategoryCard'] .taxonomy {
    display: flex;
    flex-direction: column;
  }
:is([name='ProductCategoryCard'] .taxonomy) .headline {
      color: var(--clr-grey-dark-muted);
      font-size: 12px;
    }
:is([name='ProductCategoryCard'] .taxonomy) .value {
      color: var(--clr-grey-dark);
      font-size: 16px;
    }
[name='ProductCategoryCard'] .waste-type ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }


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