.product-video-carousel-section{--product-video-carousel-header-gap: var(--space-token-l);--product-video-carousel-controls-gap: var(--space-token-l);--product-video-carousel-card-width: 100%;--product-video-carousel-card-radius: var(--radius-s);--product-video-carousel-card-gap: var(--space-token-md);--product-video-carousel-card-inset: var(--space-token-md);--product-video-carousel-card-end: var(--space-token-l);--product-video-carousel-author-font: var(--font-xl-semibold);--product-video-carousel-title-font: var(--font-base-medium);--product-video-carousel-title-line-height: var(--line-height-base);--product-video-carousel-side-scale: .9;--product-video-carousel-side-opacity: var(--opacity-40);--product-video-carousel-speed: .4s;color:var(--color-text-primary);overflow-x:clip}@media screen and (min-width:768px){.product-video-carousel-section{--product-video-carousel-header-gap: var(--space-token-xl);--product-video-carousel-controls-gap: var(--space-token-xl);--product-video-carousel-card-width: 376px;--product-video-carousel-card-radius: var(--radius--base);--product-video-carousel-card-gap: var(--space-token-l);--product-video-carousel-card-inset: var(--space-token-l);--product-video-carousel-card-end: var(--space-token-xl);--product-video-carousel-author-font: var(--font-2xl-semibold);--product-video-carousel-title-font: var(--font-xl-medium);--product-video-carousel-title-line-height: var(--line-height-xl)}}@media screen and (min-width:1280px){.product-video-carousel-section{--product-video-carousel-card-width: 587px;--product-video-carousel-card-gap: var(--space-token-xl);--product-video-carousel-card-inset: var(--space-token-xl);--product-video-carousel-card-end: var(--space-token-2xl);--product-video-carousel-side-opacity: var(--opacity-50)}}.product-video-carousel-section .section-header{--header-out-margin: var(--product-video-carousel-header-gap);justify-content:start;justify-items:start;text-align:start}@media screen and (min-width:768px){.product-video-carousel-section .section-header{justify-content:center;justify-items:center;text-align:center}}.product-video-carousel{display:block}.product-video-carousel__viewport{overflow:visible}.product-video-carousel__track{display:flex;gap:var(--space-token-s);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.product-video-carousel__track::-webkit-scrollbar{display:none}.product-video-carousel[data-ready] .product-video-carousel__track{gap:0;overflow:visible;scroll-snap-type:none}.product-video-carousel__slide{display:flex;flex:0 0 var(--product-video-carousel-card-width);width:var(--product-video-carousel-card-width);height:auto;scroll-snap-align:start}@media screen and (min-width:768px){.product-video-carousel[data-ready] .product-video-carousel__slide{opacity:var(--product-video-carousel-side-opacity);transform:scale(var(--product-video-carousel-side-scale));transform-origin:right center;transition:transform var(--product-video-carousel-speed) ease,opacity var(--product-video-carousel-speed) ease}.product-video-carousel[data-ready] .swiper-slide-active~.product-video-carousel__slide{transform-origin:left center}.product-video-carousel[data-ready] .product-video-carousel__slide.swiper-slide-active{opacity:1;transform:none}}.product-video-card{display:flex;flex-direction:column;gap:var(--product-video-carousel-card-gap);width:100%;padding-block-end:var(--product-video-carousel-card-end);overflow:hidden;border-radius:var(--product-video-carousel-card-radius);background:var(--color-bg-gray)}.product-video-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--stroke-10)}.product-video-card__cover,.product-video-card__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.product-video-card__media .product-video-card__cover{display:block;height:100%;aspect-ratio:auto;object-fit:cover}.product-video-card__frame{border:0}.product-video-card__play{position:absolute;inset-block-end:var(--product-video-carousel-card-inset);inset-inline-start:var(--product-video-carousel-card-inset);display:grid;place-items:center;width:var(--size-13);height:var(--size-13);border-radius:var(--radius-full);background:var(--color-bg-icon-button-base);color:var(--color-text-primary);transition:background-color .2s ease-in}@media(hover:hover){.product-video-card__play:hover{background:var(--color-bg-white)}}.product-video-card__play:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.product-video-card[data-playing] .product-video-card__cover,.product-video-card[data-playing] .product-video-card__play{visibility:hidden}.product-video-card__body{display:flex;flex-direction:column;gap:var(--space-token-base);padding-inline:var(--product-video-carousel-card-inset)}.product-video-card__meta{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-token-xs);min-width:0}.product-video-card__tag{display:inline-flex;align-items:center;height:var(--size-9);padding-inline:var(--space-token-s);border:1px solid var(--mask-light-gray-sm);border-radius:var(--radius-xs);background:var(--mask-light-gray-s);-webkit-backdrop-filter:blur(var(--blur-base));backdrop-filter:blur(var(--blur-base));color:var(--color-text-tag-ghost);font:var(--font-sm-medium)}.product-video-card__author,.product-video-card__title{margin:0;color:var(--color-text-primary);letter-spacing:normal;text-transform:none}.product-video-card__author{max-width:100%;overflow:hidden;font:var(--product-video-carousel-author-font);text-overflow:ellipsis;white-space:nowrap}.product-video-card__title{display:-webkit-box;min-height:calc(var(--product-video-carousel-title-line-height) * 3);overflow:hidden;font:var(--product-video-carousel-title-font);-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.product-video-carousel__controls{display:flex;justify-content:center;margin-block-start:var(--product-video-carousel-controls-gap)}.product-video-carousel__controls[hidden]{display:none}.product-video-carousel__pager{display:inline-flex;gap:var(--space-token-xs);padding:var(--space-token-2xs);border-radius:var(--radius-full);background:var(--mask-light-gray-s)}.product-video-carousel__button{display:grid;place-items:center;width:var(--size-12);height:var(--size-12);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color .2s ease-in-out,opacity .2s ease-in-out}@media(hover:hover){.product-video-carousel__button:hover:not(:disabled){background:var(--mask-light-gray-s)}}.product-video-carousel__button:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.product-video-carousel__button:disabled{opacity:var(--opacity-40);cursor:default}@media(prefers-reduced-motion:reduce){.product-video-carousel-section{--product-video-carousel-speed: 0ms}.product-video-card__play,.product-video-carousel__button{transition:none}}.product-video-carousel-section .section-header .heading-h2{font:var(--font-2xl-semibold)}@media screen and (min-width:768px){.product-video-carousel-section .section-header .heading-h2{font:var(--font-3xl-semibold)}}@media screen and (min-width:1280px){.product-video-carousel-section .section-header .heading-h2{font:var(--font-6xl-semibold)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-product-video-carousel.css.map */