/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/block-library/video/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.video__inner-container {
  position: relative;
}
.video-play {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: height 0.35s ease;
}
.video-play.has-background {
  -webkit-backdrop-filter: grayscale(1);
          backdrop-filter: grayscale(1);
}
.video-play .icon {
  width: 0.78rem;
  height: 0.78rem;
  color: #fff;
  background: transparent;
  box-shadow: 0 0 0 3px currentColor;
  border-radius: 50%;
  margin: auto auto 2em 2em;
}
@media only screen and (min-width: 1279px) {
  .video-play .icon {
    width: 3.453vw;
    height: 3.453vw;
    margin: auto auto 4em 4em;
  }
}
.video-play svg {
  fill: currentColor;
  transform: translateX(12%);
  width: 1.623rem;
  height: 1.623rem;
}
@media only screen and (min-width: 1279px) {
  .video-play svg {
    width: 1.27vw;
    height: 1.27vw;
  }
}
.video-play .background {
  background: #ff5123;
}
.video.is-paused .video-play {
  opacity: 1;
}
.video:hover .video-play, .video:focus-within .video-play {
  height: calc(100% - 4.8rem);
}
.video-source.is-cropped {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-controls {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  opacity: 0;
  background: rgba(19, 21, 19, 0.9);
  transition: opacity 0.35s ease;
  z-index: 1;
}
.video-controls__play, .video-controls__rewind, .video-controls__forward, .video-controls__mute, .video-controls__fullscreen {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  color: #fff;
  background: transparent;
  z-index: 0;
}
.video-controls__play > div, .video-controls__rewind > div, .video-controls__forward > div, .video-controls__mute > div, .video-controls__fullscreen > div {
  display: none;
}
.video-controls__play > div.is-active, .video-controls__rewind > div.is-active, .video-controls__forward > div.is-active, .video-controls__mute > div.is-active, .video-controls__fullscreen > div.is-active {
  display: block;
}
.video-controls__play:focus, .video-controls__rewind:focus, .video-controls__forward:focus, .video-controls__mute:focus, .video-controls__fullscreen:focus {
  z-index: 1;
}
.video-controls__play:first-child, .video-controls__rewind:first-child, .video-controls__forward:first-child, .video-controls__mute:first-child, .video-controls__fullscreen:first-child {
  width: 5.8rem;
  padding-left: 1rem;
}
.video-controls__play:last-child, .video-controls__rewind:last-child, .video-controls__forward:last-child, .video-controls__mute:last-child, .video-controls__fullscreen:last-child {
  width: 5.8rem;
  padding-right: 1rem;
}
.video-controls__timeline {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  z-index: 0;
}
.video-controls__progress {
  height: 100%;
  color: #fff;
  cursor: pointer;
}
.video-controls__progress::-moz-progress-bar {
  background: rgba(255, 255, 255, 0.35);
}
.video-controls__progress::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.35);
}
.video-controls__volume {
  width: 12.8rem;
  height: 4.8rem;
  padding: 0 2rem;
  z-index: 0;
}
.video-controls__volume .input-wrapper {
  height: 100%;
}
.video-controls__volume .input-range-appearance__thumb-knob {
  box-shadow: none;
}
.video-controls__volume .input-range-appearance__track {
  background: rgba(255, 255, 255, 0.35);
}
.video-controls__volume .input-range-appearance__track-fill {
  background: #fff;
}
.video:hover .video-controls, .video:focus-within .video-controls {
  opacity: 1;
}

.video .input-range:focus-visible + div .input-range-appearance__thumb-knob {
  box-shadow: 0 0 0 6px rgba(255, 219, 124, 0.75);
}

@supports not selector(:focus-visible) {
  .video .input-range:focus + div .input-range-appearance__thumb-knob {
    box-shadow: 0 0 0 6px rgba(255, 219, 124, 0.75);
  }
}

/*# sourceMappingURL=style-index.css.map*/