.tfp-video-stories__content{position:relative}.tfp-video-stories__items.f-grid{--tfp-vs-count: var(--tfp-vs-count-mobile);--tfp-vs-card: calc((100% - (var(--f-grid-columns) - 1) * var(--f-column-gap)) / var(--f-grid-columns));grid:auto-flow / repeat(var(--tfp-vs-count),var(--tfp-vs-card));justify-content:center}@media(min-width:768px){.tfp-video-stories__items.f-grid{--tfp-vs-count: var(--tfp-vs-count-md)}}@media(min-width:1024px){.tfp-video-stories__items.f-grid{--tfp-vs-count: var(--tfp-vs-count-lg)}}@media(min-width:1280px){.tfp-video-stories__items.f-grid{--tfp-vs-count: var(--tfp-vs-count-xl)}}@media(max-width:767.98px){.tfp-video-stories__items.f-grid.swipe-mobile__inner{grid:var(--slider-grid);justify-content:start}}@media(min-width:768px)and (max-width:1023.98px){.tfp-video-stories--slide-md:not(.swiper-initialized){overflow:hidden}.tfp-video-stories--slide-md:not(.swiper-initialized) .tfp-video-stories__items{grid:none / none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--f-grid-columns) - .5) * var(--f-column-gap)) / (var(--f-grid-columns) + .5));justify-content:start}}@media(min-width:1024px)and (max-width:1279.98px){.tfp-video-stories--slide-lg:not(.swiper-initialized){overflow:hidden}.tfp-video-stories--slide-lg:not(.swiper-initialized) .tfp-video-stories__items{grid:none / none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--f-grid-columns) - .5) * var(--f-column-gap)) / (var(--f-grid-columns) + .5));justify-content:start}}@media(min-width:1280px){.tfp-video-stories--slide-xl:not(.swiper-initialized){overflow:hidden}.tfp-video-stories--slide-xl:not(.swiper-initialized) .tfp-video-stories__items{grid:none / none;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--f-grid-columns) - .5) * var(--f-column-gap)) / (var(--f-grid-columns) + .5));justify-content:start}}@media(min-width:768px){.tfp-video-stories__content:not(.tfp-video-stories__content--slider) .tfp-video-stories__controls{display:none}}.tfp-video-stories__media{isolation:isolate}.tfp-video-stories__preview{border-radius:inherit}.tfp-video-stories__trigger{padding:0;border:0;background:transparent;cursor:pointer;color:#fff;border-radius:inherit}.tfp-video-stories__trigger:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.tfp-video-stories__play{--play-button-size: 6.4rem;--play-button-icon-size: 2.4rem;--play-background: 0, 0, 0;--play-button-opacity: .45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tfp-video-stories__play svg{margin-inline-start:.3rem}.tfp-video-stories__trigger:hover .tfp-video-stories__play,.tfp-video-stories__trigger:focus-visible .tfp-video-stories__play{--play-button-opacity: .65;transform:scale(1.1)}@media(max-width:767.98px){.tfp-video-stories__play{--play-button-size: 4.4rem;--play-button-icon-size: 1.8rem}}.tfp-video-stories__title{font-size:calc(var(--font-body-size) * .8);line-height:2rem}@media(min-width:768px){.tfp-video-stories__title{font-size:calc(var(--font-body-size) * .9);line-height:2.2rem}}.tfp-video-stories__swipe{position:relative}.tfp-video-stories__swipe:before,.tfp-video-stories__swipe:after{content:"";position:absolute;top:0;bottom:0;z-index:2;pointer-events:none;opacity:0;transition:opacity .3s ease}.tfp-video-stories__swipe:before{background:linear-gradient(to left,rgba(var(--color-background),0),rgba(var(--color-background),.6) 60%,rgba(var(--color-background),1))}.tfp-video-stories__swipe:after{background:linear-gradient(to right,rgba(var(--color-background),0),rgba(var(--color-background),.6) 60%,rgba(var(--color-background),1))}@media(max-width:767.98px){.tfp-video-stories__swipe:before,.tfp-video-stories__swipe:after{width:18vw}.tfp-video-stories__swipe:before{inset-inline-start:calc(var(--page-padding) * -1)}.tfp-video-stories__swipe:after{inset-inline-end:calc(var(--page-padding) * -1)}.tfp-video-stories__swipe.swipe--active:not(.swipe--end):after,.tfp-video-stories__swipe.swipe--active.swipe--end:not(.swipe--begin):before{opacity:1}}@media(min-width:768px){.tfp-video-stories__swipe--slider:before,.tfp-video-stories__swipe--slider:after{width:calc(100% / (var(--f-columns-md) + .5) * .65)}.tfp-video-stories__swipe--slider:before{inset-inline-start:0}.tfp-video-stories__swipe--slider:after{inset-inline-end:0}.tfp-video-stories__swipe--slider:not(.tfp-video-stories__swipe--end):after,.tfp-video-stories__swipe--slider.tfp-video-stories__swipe--end:before{opacity:1}}@media(min-width:1024px){.tfp-video-stories__swipe--slider:before,.tfp-video-stories__swipe--slider:after{width:calc(100% / (var(--f-columns-lg) + .5) * .65)}}@media(min-width:1280px){.tfp-video-stories__swipe--slider:before,.tfp-video-stories__swipe--slider:after{width:calc(100% / (var(--f-columns-xl) + .5) * .65)}}.tfp-video-stories__modal{--tfp-vs-ratio: 9 / 16;--tfp-vs-max-h: min( calc(100dvh - 8rem) , 92rem);--tfp-vs-max-w: calc(100vw - 3.2rem) }.tfp-video-stories__modal .fixed-overlay{background-color:#000000bf}.tfp-video-stories__modal .tfp-video-stories__modal-inner{width:min(var(--tfp-vs-max-w),calc(var(--tfp-vs-max-h) * (var(--tfp-vs-ratio))));max-width:none;height:auto;aspect-ratio:var(--tfp-vs-ratio);background-color:#000;color:#fff}.tfp-video-stories__modal .drawer__close-btn--fill{top:1.2rem;inset-inline-end:1.2rem;color:rgb(var(--color-foreground))}.tfp-video-stories__player,.tfp-video-stories__player-media{display:block;width:100%;height:100%;border:0}.tfp-video-stories__player video.tfp-video-stories__player-media{object-fit:contain;background-color:#000}@media(max-width:767.98px){.tfp-video-stories__modal{--tfp-vs-max-h: calc(100dvh - 6rem) ;--tfp-vs-max-w: calc(100vw - 2.4rem) }}.tfp-video-stories__button{display:flex;justify-content:flex-start}
/*# sourceMappingURL=/cdn/shop/t/11/assets/tfp-video-stories.css.map */