/*
 * Mixins for titles
 */
/*
 * Mixins for blocks width
 */
.block-video {
  position: relative;
  display: block;
  margin-bottom: 1.5rem;
}
.block-video:where(:not(.is_preview)) {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .block-video:where(:not(.is_preview)):where(:not(.alignwide):not(.alignfull)) {
    width: 83.3333333333%;
  }
}
@media (min-width: 992px) {
  .block-video:where(:not(.is_preview)):where(:not(.alignwide):not(.alignfull)) {
    width: 66.6666666667%;
  }
}
@media (min-width: 1200px) {
  .block-video:where(:not(.is_preview)):where(:not(.alignwide):not(.alignfull)) {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .block-video:where(:not(.is_preview)).alignwide {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .block-video:where(:not(.is_preview)).alignwide {
    width: 83.3333333333%;
  }
}
.block-video:where(:not(.is_preview)).alignfull {
  width: 100%;
}
.block-video div video {
  width: 100%;
  height: auto;
}
.block-video div.ratio video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 575.98px) {
  .block-video div.ratio-mobile {
    position: relative;
    width: 100%;
  }
  .block-video div.ratio-mobile:before {
    display: block;
    content: "";
    padding-top: 177.7777777778% !important;
  }
}
.block-video div .spinner-container {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
  position: absolute;
}
.block-video figcaption {
  text-align: center;
  text-transform: uppercase;
  font-family: var(--bs-font-monospace);
  font-size: 0.8333333333rem;
}
.block-video figcaption p {
  margin-top: 0.4166666667rem;
  margin-bottom: 0;
}
.block-video .block-video-controls {
  position: absolute;
  display: flex;
  align-items: center;
  top: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
  height: auto !important;
  width: auto !important;
  opacity: 0.5;
  transition: opacity 0.15s linear;
  bottom: 0.5rem;
}
.block-video .block-video-controls button {
  text-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  padding: 0.25rem;
}
.block-video .block-video-controls button.play i {
  font-size: 1.25rem;
}
.block-video .block-video-controls button.volume i {
  font-size: 1.7rem;
}
.block-video .block-video-controls button.reload i {
  font-size: 1.25rem;
}
.block-video .block-video-controls button i {
  width: 2rem;
  height: 2rem;
  display: block;
  line-height: 2rem;
}
.block-video:hover .block-video-controls {
  opacity: 1;
}

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