/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/blocks/media.scss ***!
  \**********************************************************************************************************************************************************************/
.visually-hidden {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption) {
  position: absolute !important;
}
.visually-hidden * {
  overflow: hidden !important;
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.section_media {
  overflow: hidden;
}
.section_media .section-media {
  display: flex;
  align-items: stretch;
  --gap: 10px;
  row-gap: var(--gap);
  flex-wrap: wrap;
  margin-inline: calc(var(--gap) * -0.5);
}
.section_media.section_gap_none .section-media {
  --gap: 0;
}
.section_media.section_gap_large .section-media {
  --gap: clamp(10px, 2vw, 40px);
}
.section_media .media-item {
  padding-inline: calc(var(--gap) / 2);
}
.section_media .media-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section_media .media-item iframe,
.section_media .media-item video {
  background: #000 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  height: 100% !important;
  width: 100% !important;
  border: 0 !important;
  max-height: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  aspect-ratio: 16/9 !important;
  object-fit: cover !important;
}
.section_media .media-item iframe,
.section_media .media-item img,
.section_media .media-item video {
  min-height: 700px !important;
  min-height: clamp(350px, 30vw, 700px) !important;
}
.section_media .media-item.width-100 {
  width: 100%;
}
.section_media .media-item.width-50 {
  width: 50%;
}
.section_media .media-item.width-50 iframe,
.section_media .media-item.width-50 video {
  aspect-ratio: 56/70 !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .section_media .media-item.width-50 {
    width: 100%;
  }
}
.section_media .media-item.width-33 {
  width: 33.33%;
}
.section_media .media-item.width-33 iframe,
.section_media .media-item.width-33 video {
  aspect-ratio: 56/70 !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .section_media .media-item.width-33 {
    width: 100%;
  }
}
.section_media .media-item.width-25 {
  width: 25%;
}
.section_media .media-item.width-25 iframe,
.section_media .media-item.width-25 video {
  aspect-ratio: 56/70 !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .section_media .media-item.width-25 {
    width: 100%;
  }
}
.section_media .media-item.width-20 {
  width: 20%;
}
.section_media .media-item.width-20 iframe,
.section_media .media-item.width-20 video {
  aspect-ratio: 56/70 !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .section_media .media-item.width-20 {
    width: 50%;
  }
}
.section_media .media-item.width-10 {
  width: 10%;
}
.section_media .media-item.width-10 iframe,
.section_media .media-item.width-10 video {
  aspect-ratio: 56/70 !important;
  object-fit: contain !important;
}
@media (max-width: 768px) {
  .section_media .media-item.width-10 {
    width: 50%;
  }
}
.section_media:has(+ .section) {
  padding-bottom: 0;
}

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