/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.19_typescript@5.9.3_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.0_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/documenten/styles/src/documenten.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.documents{
  align-items:stretch;
  gap:1rem;
  margin-bottom:4rem;
}

.document,.documents{
  display:flex;
  flex-flow:row wrap;
}

.document{
  align-items:start;
  background-color:var(--color-green-700);
  border-radius:var(--border-radius-s);
  color:var(--color-green-100);
  gap:1.5rem .75rem;
  line-height:1.1;
  max-width:20rem;
  padding:2rem;
  text-decoration:none;
  transition:background-color .25s var(--ease-main);
}
.document>svg{
  height:2rem;
  margin-top:.15rem;
  -o-object-fit:contain;
     object-fit:contain;
  transition:transform .25s var(--ease-main);
  width:2rem;
}
.document p{
  margin-block:0;
}
.document__name{
  flex-basis:calc(100% - 3rem);
  flex-shrink:1;
  font-weight:400;
}
.document__info{
  align-items:center;
  display:flex;
  flex-basis:100%;
  flex-flow:row wrap;
  gap:.5rem;
  margin-top:auto;
}
.document__afzender,.document__date,.document__status{
  font-size:1rem;
}
.document__date{
  align-items:center;
  display:flex;
  flex-basis:100%;
  flex-direction:row;
  gap:.25rem;
}
.document__date svg{
  height:1em;
  width:1em;
}
.document__status{
  border:1px solid;
  border-radius:100vmax;
  margin-left:auto;
  max-width:-moz-max-content;
  max-width:max-content;
  padding:.25rem .5rem;
}
.document:hover{
  background-color:var(--color-green-600);
}
.document:hover svg{
  transform:scale(1.1);
}

/*! Add Soul */
/*# sourceMappingURL=documenten.css.map*/