:is(.wp-block-image img) {
  width: 100%;
}

:is(lite-vimeo, lite-youtube) {
  aspect-ratio: 16 / 9;
  background-color: #000;
  position: relative;
  display: block;
  contain: content;
  background-position: center center;
  background-size: cover;
  cursor: pointer;
}

.wp-block-embed__wrapper :is(lite-vimeo, lite-youtube) a[href*="gdpr_cookie_modal"] {
  position: static;
}

:is(lite-vimeo, lite-youtube) > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}

:is(lite-vimeo, lite-youtube) > img {
  height: 100%;
  top: 0;
  right: auto;
  bottom: 0;
  left: 50%;
  object-fit: cover;
  position: absolute;
  aspect-ratio: var(--thumb_aspectratio, 16/9);
  transform: translateX(-50%);
}

:is(lite-vimeo, lite-youtube) > :is(.lty-playbtn, .ltv-playbtn) {
  font-size: 10px;
  padding: 0;
  width: 6.5em;
  height: 4em;
  background: rgba(23, 35, 34, .75);
  z-index: 1;
  opacity: .8;
  border-radius: .5em;
  transition: opacity .2s ease-out, background .2s ease-out;
  outline: 0;
  border: 0;
  cursor: pointer;
}

:is(lite-vimeo, lite-youtube):hover > :is(.lty-playbtn, .ltv-playbtn) {
  background-color: var(--wp--preset--color--base, rgb(0, 0, 0, 0.9));
  opacity: 1;
}

/* play button triangle */
:is(lite-vimeo, lite-youtube) > :is(.lty-playbtn, .ltv-playbtn)::before {
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #fff;
}

:is(lite-vimeo, lite-youtube) > :is(.lty-playbtn, .ltv-playbtn),
:is(lite-vimeo, lite-youtube) > :is(.lty-playbtn, .ltv-playbtn)::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

/* Post-click styles */
:is(lite-vimeo, lite-youtube)[class*="-activated"] {
  cursor: unset;
}

:is(lite-vimeo, lite-youtube)[class*="-activated"]::before,
:is(lite-vimeo, lite-youtube)[class*="-activated"] > :is(.lty-playbtn, .ltv-playbtn) {
  opacity: 0;
  pointer-events: none;
}

.lyt-visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}