.video-card{flex-shrink:0;width:var(--card-width, 300px);scroll-snap-align:start;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#000;cursor:pointer}.video-card__video-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;background:#000;overflow:hidden}.video-card__poster-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2;transition:opacity .3s ease}.video-card.is-playing .video-card__poster-image{opacity:0;pointer-events:none}.video-card__video-element{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}.video-card__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;background:#ffffffe6;border:none;border-radius:var(--radius-full);width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 12px #0000004d}.video-card.is-playing .video-card__play-button{opacity:0;pointer-events:none}.video-card__play-button:hover{transform:translate(-50%,-50%) scale(1.1);background:#fff}.video-card__play-button:active{transform:translate(-50%,-50%) scale(.95)}.video-card__play-button svg{width:24px;height:24px;fill:#000}.video-card__title{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 16px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.6) 50%,transparent 100%);z-index:2;color:#fff;transition:opacity .3s ease}.video-card.is-playing .video-card__title{opacity:0;pointer-events:none}.video-card__title h1,.video-card__title h2,.video-card__title h3,.video-card__title h4,.video-card__title h5,.video-card__title h6,.video-card__title p,.video-card__title span{margin:0;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media(max-width:749px){.video-card__play-button{width:56px;height:56px}.video-card__play-button svg{width:20px;height:20px}.video-card__title h1,.video-card__title h2,.video-card__title h3,.video-card__title h4,.video-card__title h5,.video-card__title h6,.video-card__title p,.video-card__title span{font-size:.875em}}.video-card__video-element::-webkit-media-controls-panel{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.video-card__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000080;color:#fff;z-index:1}.video-card__placeholder svg{width:48px;height:48px;fill:#fff;opacity:.7;margin-bottom:12px}.video-card__placeholder p{margin:0;font-size:14px;font-weight:500;opacity:.9}
/*# sourceMappingURL=/cdn/shop/t/79/assets/css/snippets-video-card.css.map */