@shopify/polaris/build/esnext/components/VideoThumbnail/VideoThumbnail.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__Thumbnail_15hj1.Polaris-VideoThumbnail__WithPlayer_14q5a { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: auto; }

.Polaris-VideoThumbnail__PlayButton_1336l { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: none; background: transparent; opacity: 0.8; transition: opacity 0.2s ease-in; cursor: pointer; }

.Polaris-VideoThumbnail__PlayButton_1336l:hover, .Polaris-VideoThumbnail__PlayButton_1336l:focus { opacity: 1; }

.Polaris-VideoThumbnail__PlayButton_1336l:focus { outline: none; box-shadow: inset 0.125rem 0 0 var(--p-focused); background-image: linear-gradient(rgba(223, 227, 232, 0.3), rgba(223, 227, 232, 0.3)); }

.Polaris-VideoThumbnail__PlayIcon_1moni { position: absolute; top: 50%; left: 50%; width: 3.75rem; height: 3.75rem; margin-top: -1.875rem; margin-left: -1.875rem; }

.Polaris-VideoThumbnail__Timestamp_1tkqb { position: absolute; bottom: 0; padding: 0 0.25rem; margin-bottom: 0.5rem; margin-left: 0.5rem; border-radius: var(--p-border-radius-base); color: var(--p-text); background-color: var(--p-surface); opacity: 0.8; text-align: center; }

.Polaris-VideoThumbnail--withProgress_1t20d { margin-bottom: 0.75rem; }

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

.Polaris-VideoThumbnail__Indicator_dw7mr { height: inherit; width: 100%; transform-origin: left; transform: scaleX(0); background-color: var(--p-border-highlight); transition: transform 500ms cubic-bezier(0.25, 0.1, 0.25, 1); }

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