.vgrid{display:grid;grid-template-columns:repeat(var(--vgrid-cols, 4),minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}.vcard{position:relative}.vcard__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:var(--color-bg-secondary)}.vcard__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.play{position:absolute;z-index:3;left:16px;bottom:16px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fffffff0;border:0;color:var(--color-brown);transition:transform var(--t-med) var(--ease),background var(--t-fast)}.play:hover{transform:scale(1.06)}.play .icon{width:20px;height:20px}.play .icon--pause,.vcard.is-playing .play .icon--play{display:none}.vcard.is-playing .play .icon--pause{display:block}.vcard__progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;background:#ffffff80;opacity:0}.vcard__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-brown);transform:scaleX(0);transform-origin:left}.vcard.is-playing .vcard__progress{opacity:1}.vcard.is-playing .vcard__progress:after{animation:vprog 8s linear infinite}.vcard.is-playing .vcard__media img{animation:vpan 8s ease-in-out infinite alternate}.vcard__player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.vcard__player--embed{inset:0 auto 0 50%;width:auto;aspect-ratio:16 / 9;transform:translate(-50%)}.vcard.is-real.is-playing .vcard__progress:after{animation:none;transform:scaleX(var(--vp, 0))}.vcard.is-real.is-playing .vcard__media img{animation:none}.vcard.is-embed.is-playing .vcard__progress{opacity:0}@keyframes vprog{to{transform:scaleX(1)}}@keyframes vpan{to{transform:scale(1.06)}}.vcard__dur{position:absolute;z-index:3;top:14px;right:14px}.vcard h3{margin-top:14px;font-size:1rem;font-weight:650}.vcard p{font-size:.8125rem;color:var(--color-text-secondary);margin-top:2px}@media(max-width:1023px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}@media(max-width:767px){.vgrid.scroller--mobile{display:flex;gap:12px}.vgrid.scroller--mobile>*{flex-basis:70%}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-media.css.map */