.video-showcase{gap:3.2rem}@media(min-width:768px){.video-showcase{gap:6rem}}.video-showcase .video-card__media{--video-controls-inset: 1rem;--video-controls-gap: .4rem;container-type:inline-size}.video-showcase__body{position:relative}@media(min-width:768px){.video-showcase__viewport{overflow:hidden}.video-showcase__row{display:flex;gap:var(--video-showcase-gap)}.video-showcase__row>.video-card{flex-shrink:0}.video-showcase__row:not(.swiper-wrapper)>.video-card{width:calc((100% - (var(--video-showcase-columns) - 1) * var(--video-showcase-gap)) / var(--video-showcase-columns))}.video-showcase:not([data-carousel=true]) .video-showcase__row{justify-content:center}.video-showcase__row.swiper-wrapper{gap:0}}@media(max-width:767.98px){.video-showcase__viewport.swipe-mobile{--gap-x: var(--video-showcase-gap-mobile)}.video-showcase .swipe-mobile__inner:has(>.video-card:only-child){justify-content:center}.video-showcase__viewport--grid .video-showcase__row{display:grid;grid-template-columns:repeat(var(--video-showcase-columns-mobile),minmax(0,1fr));gap:var(--video-showcase-gap-mobile)}}.video-showcase .video-card__caption{text-align:center}.video-showcase__arrows{position:absolute;inset-inline:var(--swiper-navigation-offset-x);inset-block-start:50%;z-index:3;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.video-showcase__arrows .carousel-arrow{background-color:rgb(var(--color-background));opacity:0;transition:transform .3s,opacity .25s linear .5s}.video-showcase__body:has(:focus-visible) .video-showcase__arrows .carousel-arrow{opacity:1;pointer-events:auto;transition:opacity .3s}@media(hover:hover){.video-showcase__body:hover .video-showcase__arrows .carousel-arrow{opacity:1;pointer-events:auto;transition:opacity .3s}}@container (max-width: 25.99rem){.video-showcase .video-card__product.card-product-mini{inset:auto 1rem 1rem;gap:.8rem;padding:.8rem}.video-showcase .video-card__product.card-product-mini .card-product-mini__media{width:4rem}.video-showcase .video-card__product.card-product-mini .card-product-mini__info{gap:.2rem}.video-showcase .video-card__product.card-product-mini .card-product-mini__title{font-size:calc(var(--font-pcard-title-size, 1.6rem) * .875)}.video-showcase .video-card__product.card-product-mini .card-product-mini__price{font-size:calc(var(--font-body-size) * .9)}.video-showcase .video-card__product.card-product-mini .card-product-mini__action{--buttons-width: 3.6rem}}@container (max-width: 19.99rem){.video-showcase .video-card__product :is(.card-product-mini__form,.card-product-mini__action){display:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-video-showcase.css.map */