.video-stories-section{padding:var(--section-padding-top, 30px) 0 var(--section-padding-bottom, 30px)}.video-stories-section .section-header{margin-bottom:17px}.video-stories__title{font-weight:var(--title-font-weight, 600);text-transform:uppercase;font-size:var(--title-font-size, 50px);color:#000}.video-stories__grid{display:flex;flex-wrap:wrap;margin-inline:unset}.video-stories__grid .video-stories__item{text-align:center;width:25%;padding-inline:5px}.video-stories__grid .video-stories__item:nth-child(n+5){margin-top:30px}.video-stories__grid--columns-2 .video-stories__item{width:50%}.video-stories__grid--columns-3 .video-stories__item{width:33.3333%}.video-stories__grid--columns-4 .video-stories__item{width:25%}.view-less-icon{display:none}@media (min-width: 576px){.video-stories__grid .video-stories__item{width:auto;max-width:none;flex:0 0 auto}}.video-stories__media-wrap{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden;margin-bottom:10px}.video-stories__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.video-stories__play-btn{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.play-button-icon{transition:transform .3s ease}.video-stories__play-btn:hover .play-button-icon{transform:scale(1.1)}.video-stories__caption{margin-top:15px}.video-stories__caption h3{font-size:var(--caption-font-size, 24px);font-weight:var(--caption-font-weight, 400);margin:0;text-transform:uppercase;line-height:1.2;font-family:Poppins,sans-serif;color:#000;text-align:left}.video-stories__caption .arrow-icon svg,.arrow-icon svg{width:20px;position:relative;bottom:-1.5px;left:-7px}.video-stories__view-more .view-more-btn .arrow-icon svg{bottom:-3px;left:-3px}.video-stories__view-more .view-less-icon svg{left:0;transform:rotate(180deg)}.play-button-icon img{width:83px}.video-stories__view-more{text-align:center;margin-top:40px}.video-stories__view-more .btn{display:flex;margin-inline:auto;padding:12px 128px;border:1px solid #000;background:transparent;color:#000;text-transform:uppercase;font-weight:var(--button-font-weight, 400);transition:all .3s ease;font-family:Poppins,sans-serif;font-size:var(--button-font-size, 20px)}.video-stories__view-more .btn:hover{background:#000;color:#fff}.video-story-popup{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.fancybox__content{padding:0;background:transparent;max-width:1143px;padding-inline:20px;width:100%;height:100%;margin-top:60px}.video-title-bar{position:absolute;top:-82px;left:0;width:100%;color:#fff;padding-block:15px;text-align:left;max-width:1143px;font-family:Poppins,sans-serif;font-size:35px;font-style:normal;font-weight:600}.fancybox__slide:before{content:unset}.fancybox__content iframe{max-width:1143px;padding-inline:20px;width:100%}.fancybox__backdrop{background:#000000b3;-webkit-backdrop-filter:blur(12.5px);backdrop-filter:blur(12.5px)}@media (min-width: 768px){.fancybox__container .fancybox__carousel .fancybox__slide{padding:80px 0 0!important;// this is required as it is needed to overwrite fancybox css}}.fancybox__slide .fancybox__content iframe,.fancybox__slide .fancybox__content video{max-width:1143px;width:100%;height:100%;max-height:calc(100vh - 80px)}.fancybox-title{color:#fff;font-size:24px;font-weight:700;margin:0;padding:20px;text-transform:uppercase;position:absolute;top:0;left:0;width:100%;z-index:10;text-align:left;background:#00000080}.fancybox-content{background:transparent;padding:0;margin-top:60px}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{width:100%;height:calc(100% - 80px)}.fancybox-slide .video-controls{position:absolute;bottom:20px;left:0;width:100%;display:flex;align-items:center;padding:0 20px;z-index:10}.fancybox-button{background:#00000080}.fancybox-button--close{top:20px;right:20px;background:#00000080}.fancybox__content>.f-button.is-close-btn{border:1px solid #ffffff;border-radius:50%;opacity:1;top:-62px!important;// important ir required here as it is coming from js z-index: 99}.hidden-video{display:none}.view-more-btn{cursor:pointer}.view-more-btn:hover{background:#000;color:#fff}@media (max-width: 767px){.video-stories-section{padding:var(--section-padding-top-mobile, 20px) 0 var(--section-padding-bottom-mobile, 20px)}.video-stories__grid .video-stories__item:not(:first-child){margin-top:30px}.video-story-popup__title,.fancybox-title{font-size:18px;padding:15px}.fancybox__slide .fancybox__content iframe,.fancybox__slide .fancybox__content video,.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{max-height:calc(100vh - 60px)}.fancybox__slide:after{content:unset}.fancybox__carousel .fancybox__slide{justify-content:center}.fancybox__content,.video-stories__grid .video-stories__item{padding-inline:10px}.play-button-icon img{width:60px}.video-stories__caption h3{font-size:var(--caption-font-size-mobile, 18px);font-weight:var(--caption-font-weight-mobile, 400)}.video-stories__caption .arrow-icon svg,.arrow-icon svg{bottom:-3px}.video-stories__view-more .btn{padding:12px 50px;font-size:var(--button-font-size-mobile, 18px);font-weight:var(--button-font-weight-mobile, 400)}.video-stories__media-wrap{padding-bottom:56.25%}.video-stories__title{font-size:var(--title-font-size-mobile, 24px);font-weight:var(--title-font-weight-mobile, 600)}.video-stories__grid--mobile-2-cols .video-stories__item{width:50%;max-width:50%;flex:0 0 50%}.video-stories__item{flex:0 0 50%;max-width:50%}.video-title-bar{font-size:28px;top:-80px;width:88%}.video-stories__item{flex:0 0 100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/574/assets/video-stories.css.map */