@shopify/polaris/dist/esnext/components/VideoThumbnail/VideoThumbnail.css

Shopify’s 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.2rem 0 0 var(--p-focused, #5c6ac4); 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:6rem; height:6rem; margin-top:-3rem; margin-left:-3rem; }

.Polaris-VideoThumbnail__Timestamp_1tkqb{ position:absolute; bottom:0; padding:0 0.4rem; margin-bottom:0.8rem; margin-left:0.8rem; border-radius:var(--p-border-radius-base, 3px); color:var(--p-text, #f9fafb); background-color:var(--p-surface, #212b36); opacity:0.8; text-align:center; }

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

.Polaris-VideoThumbnail__Progress_ixe53{ position:absolute; bottom:0; width:100%; background-color:white; height:0.6rem; overflow:hidden; }

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

.Polaris-VideoThumbnail__ProgressBar_17609, .Polaris-VideoThumbnail__Label_2vd36{ position:absolute !important; top:0; clip:rect(1px, 1px, 1px, 1px) !important; overflow:hidden !important; height:1px !important; width:1px !important; padding:0 !important; border:0 !important; }