/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.booom-leden-card .block {
  display: block;
}
.booom-leden-card .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.booom-leden-card .booom-leden-card-link {
  text-decoration-line: none;
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container {
  position: relative;
  margin-bottom: 1rem;
  aspect-ratio: 1/1;
  height: auto;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container:hover .booom-leden-card-image {
  --tw-scale-x: 1.035;
  --tw-scale-y: 1.035;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container:hover .booom-leden-card-img-not-available {
  background-color: rgb(255 255 255 / 0.2);
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container:hover .booom-leden-card-img-not-available .sjoa-logo {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container:hover .booom-leden-card-img-not-available .user-icon {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container .booom-leden-card-img-not-available {
  position: absolute;
  inset: 0px;
  height: 100%;
  width: 100%;
  background-color: rgb(255 255 255 / 0.1);
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container .booom-leden-card-img-not-available .sjoa-logo {
  position: absolute;
  top: var(--wp--preset--spacing--xxxxl);
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container .booom-leden-card-img-not-available .user-icon {
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-scale-x: .9;
  --tw-scale-y: .9;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
@media (min-width: 768px) {
  .booom-leden-card .booom-leden-card-link .booom-leden-card-img-container .booom-leden-card-img-not-available .user-icon {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-img-container .booom-leden-card-image {
  will-change: transform;
  -o-object-position: 50% 30%;
     object-position: 50% 30%;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-content .booom-leden-card-name {
  margin-bottom: 0.5rem;
  margin-top: 0px;
  font-size: var(--wp--preset--font-size--lg);
}
.booom-leden-card .booom-leden-card-link .booom-leden-card-content .booom-leden-card-role {
  margin-top: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  text-transform: capitalize;
  color: var(--wp--preset--color--contrast);
}

/*# sourceMappingURL=styles.css.map*/