@shopify/polaris/build/esnext/components/VideoThumbnail/VideoThumbnail.out.css

Shopify’s admin product component library

.Polaris-VideoThumbnail__Thumbnail_15hj1{
  position:relative;
  padding-bottom:56.25%;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  width:100%;
  height:100%;
}

.Polaris-VideoThumbnail__ThumbnailContainer_gq5vb{
  position:relative;
  height:100%;
}

.Polaris-VideoThumbnail__PlayButton_1336l{
  --pc-play-button-focused-state-overlay:rgba(223, 227, 232, 0.3);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:0;
  border:none;
  background:transparent;
  transition:opacity var(--p-motion-duration-200) var(--p-motion-ease-in);
  cursor:pointer;
}

.Polaris-VideoThumbnail__PlayButton_1336l:focus{
    outline:none;
    box-shadow:inset 0.125rem 0 0 var(--p-color-border-focus);
    background-image:linear-gradient(
      var(--pc-play-button-focused-state-overlay),
      var(--pc-play-button-focused-state-overlay)
    );
  }

.Polaris-VideoThumbnail__PlayButton_1336l:focus .Polaris-VideoThumbnail__Timestamp_1tkqb{
      background-color:var(
        --p-color-video-thumbnail-play-button-bg-fill-hover
      );
    }

.Polaris-VideoThumbnail__PlayButton_1336l:hover .Polaris-VideoThumbnail__Timestamp_1tkqb{
    background-color:var(--p-color-video-thumbnail-play-button-bg-fill-hover);
  }

.Polaris-VideoThumbnail__PlayIcon_1moni{
  fill:var(--p-color-video-thumbnail-play-button-text-on-bg-fill);
}

.Polaris-VideoThumbnail__Timestamp_1tkqb{
  position:absolute;
  bottom:0;
  padding:var(--p-space-100) var(--p-space-200) var(--p-space-100) var(--p-space-100);
  margin-bottom:var(--p-space-400);
  margin-left:var(--p-space-400);
  border-radius:var(--p-border-radius-200);
  color:var(--p-color-video-thumbnail-play-button-text-on-bg-fill);
  background-color:var(--p-color-video-thumbnail-play-button-bg-fill);
  text-align:center;
  transition:background-color var(--p-motion-duration-200) var(--p-motion-ease-in);
}

.Polaris-VideoThumbnail__Progress_ixe53{
  position:absolute;
  bottom:0;
  width:100%;
  background-color:var(--p-color-bg-surface);
  height:0.375rem;
  overflow:hidden;
}

.Polaris-VideoThumbnail__Indicator_dw7mr{
  height:inherit;
  width:100%;
  transform-origin:left;
  transform:scaleX(0);
  background-color:var(--p-color-bg-fill-brand);
  transition:transform var(--p-motion-duration-500) var(--p-motion-ease);
}

.Polaris-VideoThumbnail__ProgressBar_17609,
.Polaris-VideoThumbnail__Label_2vd36{
  position: absolute !important;
  top: 0;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}