.video-clip {
  --margin-bottom: 0;
  margin: 0 auto var(--margin-bottom);
  position: relative;
  width: 100%;
}
.video-clip__video {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
}
.video-clip__vimeo-video iframe {
  aspect-ratio: 16/9;
  display: block;
  height: 100%;
  scale: 1.0015;
  width: 100%;
}
.video-clip__vimeo-video__wrapper {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.video-clip__controls {
  bottom: 0;
  left: 0;
  padding: var(--space-16);
  position: absolute;
}
.video-clip__controls button {
  align-items: center;
  background-color: var(--theme-background);
  border-radius: 32px;
  display: flex;
  flex: 0 0 auto;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.video-clip__controls button svg {
  color: var(--theme-foreground);
}
main > .video-clip {
  --margin-bottom: var(--space-96);
}
.video-clip--rounded-corners .video-clip__video,
.video-clip--rounded-corners .video-clip__video iframe,
.video-clip--rounded-corners .video-clip__vimeo-video,
.video-clip--rounded-corners .video-clip__vimeo-video iframe {
  border-radius: var(--border-radius);
}
.video-clip--in-carousel .video-clip__vimeo-video iframe {
  pointer-events: none;
}
.video-clip--square-ratio .video-clip__vimeo-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.video-clip--square-ratio .video-clip__vimeo-video__wrapper {
  height: 0;
  left: 50%;
  padding-bottom: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1000%;
}
.video-clip--square-ratio .video-clip__vimeo-video__wrapper iframe {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 64rem) {
  .video-clip__controls {
    padding: var(--space-24);
  }
}