.block-group {
  position: relative;
  overflow: hidden;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-background));
}

.block-group:has(.sticky-element),
.block-group.allow-overflow,
.block-group.allow-sticky {
  overflow: visible;
}

.block-group__background-image,
.block-group__background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.block-group__background-image img,
.block-group__background-image svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block-group__background-video theme-video-media,
.block-group__background-video .theme-video-media,
.block-group__background-video .theme-video-media__media,
.block-group__background-video video,
.block-group__background-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
}

.block-group__background-video .theme-video-media__play-button {
  display: none !important;
}

.block-group> :not(.block-group__background-image):not(.block-group__background-video) {
  position: relative;
  z-index: 2;
}

.block-group>.url {
  position: absolute !important;
  inset: 0;
  display: block;
  z-index: 3 !important;
}

.block-group.page-width {
  width: 100% !important;
  max-width: calc(var(--page-padding) * 2 + var(--page-width)) !important;
  margin-inline: auto !important;
}

.block-group.block-height--auto {
  height: fit-content;
}

.block-group.block-height--full {
  min-height: max(620px, calc(100svh - var(--header-height)))
}