.section--video-blog-cards{position:relative}.video-blog-card{display:flex;flex-direction:column;height:100%;background:rgb(var(--color-background));border-radius:var(--blocks-radius);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.video-blog-card__video-wrapper{position:relative;width:100%;overflow:hidden;background:#000}.video-blog-card__video{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;cursor:pointer}.video-blog-card__video video,.video-blog-card__video iframe,.video-blog-card__video img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-blog-card__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:none;border:none;cursor:pointer;padding:0;transition:transform .2s ease,opacity .2s ease;opacity:1}.video-blog-card__play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-blog-card__video.is-playing .video-blog-card__play-button{opacity:0;pointer-events:none}.video-blog-card__play-button svg{display:block;width:47px;height:47px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.video-blog-card__placeholder{width:100%;height:100%;object-fit:cover}.video-blog-card__content{display:flex;flex-direction:column;gap:12px;padding:16px;flex-grow:1}.video-blog-card__title{position:relative;margin:0;line-height:1.3}.video-blog-card__title a{color:currentColor;text-decoration:none}.video-blog-card__title a:hover{color:rgb(var(--color-link-hover))}.video-blog-card__excerpt{font-size:.875rem;line-height:1.5;color:var(--color-foreground-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-blog-card__tags{display:flex;flex-wrap:wrap;gap:8px}.video-blog-card__tag{display:inline-block;padding:4px 12px;background:var(--color-background-secondary);border-radius:12px;font-size:.75rem;font-weight:500;color:var(--color-foreground)}.video-blog-card__meta{display:flex;align-items:center;gap:1.6rem;margin-top:auto;padding-top:.8rem}.video-blog-card__meta-item{display:flex;align-items:center;gap:.6rem;font-size:calc(var(--font-body-size) * 1.1);color:rgb(var(--color-foreground));font-weight:500}.video-blog-card__meta-item svg{width:2.5rem;height:2.5rem;color:rgb(var(--color-link));flex-shrink:0}.video-blog-card__date{color:var(--color-foreground-secondary);font-size:.875rem}.video-blog-card__button{margin-top:8px;align-self:flex-start}@media(max-width:767px){.video-blog-card__content{padding:1.25rem;gap:10px}.video-blog-card__title{font-size:16px}.video-blog-card__excerpt{font-size:.8125rem}}@media(min-width:750px)and (max-width:989px){.f-grid-3-cols .video-blog-card__video,.f-grid-4-cols .video-blog-card__video,.f-grid-5-cols .video-blog-card__video{aspect-ratio:9 / 16}}@media(min-width:990px){.f-grid-4-cols .video-blog-card__video,.f-grid-5-cols .video-blog-card__video{aspect-ratio:9 / 16}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-video-blog-cards.css.map */