.video-showcase__grid{display:grid;grid-template-columns:1fr;gap:12px}.video-showcase__grid[data-video-count="1"]{max-width:70%;margin:0 auto}.video-showcase__grid:not([data-video-count="1"]){grid-template-columns:1fr 1fr}@media(min-width:768px){.video-showcase__grid[data-video-count="1"]{max-width:340px}.video-showcase__grid:not([data-video-count="1"]):not([data-video-count="2"]){grid-template-columns:repeat(3,1fr)}}.video-showcase__card{position:relative;border-radius:var(--card-border-radius, 8px);overflow:hidden;aspect-ratio:9 / 16;background:#fff}@media(min-width:768px){.video-showcase__card{aspect-ratio:3 / 4}}.video-showcase__grid[data-video-count]:not([data-video-count="1"]) .video-showcase__card{cursor:pointer}.video-showcase__player{width:100%;height:100%;object-fit:cover}.video-showcase__play-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.video-showcase__play-hint-circle{width:52px;height:52px;border-radius:50%;background:#ffffff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.4);transition:border-color .3s ease,opacity .3s ease;animation:videoPlayHintFade 2.5s ease-out forwards}.video-showcase__play-hint-circle svg{width:18px;height:18px;margin-left:2px}@keyframes videoPlayHintFade{0%,60%{opacity:.8}to{opacity:0}}@media(hover:hover){.video-showcase__card:hover .video-showcase__play-hint-circle{animation:none;opacity:.9;border-color:#1a1a1a}}.video-showcase__card[data-paused] .video-showcase__play-hint-circle{animation:none;opacity:.8}
/*# sourceMappingURL=/cdn/shop/t/5/assets/video-showcase.css.map */