/* All work-card playback controls: a compact icon in the upper-right corner. */
#worksView .video-frame .video-play,
#studioView .video-frame .video-play {
  left: auto !important;
  right: 10px !important;
  top: 10px !important;
  width: 26px !important;
  height: 26px !important;
  min-height: 26px !important;
  display: grid;
  place-items: center;
  padding: 0 !important;
  transform: none !important;
  position: relative;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: rgba(255, 255, 255, 0.78) !important;
  box-shadow: none !important;
  backdrop-filter: none;
}

#worksView .video-frame .video-play:hover,
#studioView .video-frame .video-play:hover {
  transform: scale(1.06) !important;
  background: transparent !important;
}

#worksView .video-frame .video-play:active,
#studioView .video-frame .video-play:active {
  transform: scale(0.94) !important;
}

#worksView .video-frame .video-play-icon,
#studioView .video-frame .video-play-icon {
  position: relative;
  z-index: 1;
  width: 22px;
  height: 22px;
  margin-left: 1px;
  fill: currentColor;
}

#worksView .video-frame .video-play::before,
#studioView .video-frame .video-play::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  pointer-events: none;
}

#worksView .video-frame.cover-failed .video-play::after,
#studioView .video-frame.cover-failed .video-play::after {
  display: none !important;
}

/* Works cards open fullscreen from the whole picture; duplicate buttons are unnecessary. */
#worksView .video-frame .video-play,
#worksView .video-frame .video-fullscreen,
#worksView .video-frame .video-pause-indicator {
  display: none !important;
}