.section-stories{padding-top:1.5rem;padding-bottom:1.5rem}.section-stories--header__title.h2 p{text-align:center}.stories-bubbles{display:flex;justify-content:flex-start;gap:1.6rem;overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;--grid-desktop-horizontal-spacing: 1.6rem;--grid-mobile-horizontal-spacing: 1.6rem;padding:.4rem 0 0 .4rem}.story-bubble-container.grid__item{flex-grow:unset}@media screen and (min-width:749px){.stories-bubbles--desk-centered{justify-content:center}}@media screen and (max-width:749px){.stories-bubbles--mob-centered{justify-content:center}}.story-bubble-container{display:flex;flex-direction:column;align-items:center;-ms-overflow-style:none;scrollbar-width:none}.stories-bubbles::-webkit-scrollbar{display:none}.story-bubble{border-radius:50%;position:relative;cursor:pointer;transition:all .2s ease-in-out}span.join-play-icon{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:23px}span.join-play-icon{color:#fff}.story-bubble--clicked{animation:pushDown .3s ease-in-out forwards}.story-title{width:100%}.story-title p{text-align:center;line-height:1.35em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1.2rem;margin-top:1.2rem}@media screen and (min-width:749px){.story-title p{font-size:1.4rem;margin-top:1.3rem}}.story-bubble img,.story-bubble video,.story-bubble__video{border-radius:5px;aspect-ratio:80/120;position:relative;overflow:hidden;cursor:pointer;z-index:3;object-fit:cover;display:block;width:100%;height:100%;transition:transform .2s ease-in-out}.story-bubble__video{width:100%}.story-bubble__video-content{width:100%;height:100%;object-fit:cover}@media screen and (min-width:749px){.story-bubble img,.story-bubble video,.story-bubble__video{aspect-ratio:90/135}}.story-bubble:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;border-radius:.9rem;border:.1rem solid #101010;pointer-events:none;z-index:1;transition:all .2s ease-in-out}.stories-slider-container{position:absolute;width:100dvw;height:100dvh;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:101;opacity:0;top:50%;left:50%;transform:scale(0) translate(-50%,-50%);overflow:hidden}.stories-slider-container__close{position:absolute;right:10px;top:10px;cursor:pointer;z-index:31}.stories-slider-container__close svg{fill:#fff;width:max(2vw,16px);height:max(2vw,16px)}.stories-slider-container--active{position:fixed;width:calc(100dvw + 1px);height:calc(100dvh + 1px);right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:101;opacity:1;top:50%;left:50%;transform:scale(1) translate(-50%,-50%);transition:all .3s ease-in-out}.stories-progress-container{position:fixed;top:9vh;left:50%;transform:translate(-50%);width:100%;max-width:350px;gap:5px;display:flex}.story-progress-bar{height:3px;background:#0000001a;flex:1;position:relative;overflow:hidden}.stories-progress-fill{display:block!important;position:absolute;top:0;left:0;height:100%;background:#fff;width:0;transition:width .3s ease}.stories-slider{height:100%}.stories-slider-arrow{width:32px!important;height:32px!important}.stories-slider-arrow:after{display:none!important}.stories-slider-arrow svg{fill:#fff}.story-slider-arrow{width:45px!important;height:45px!important;background:#fff;border-radius:50%;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.story-slider-arrow svg{width:18px!important;height:18px!important;fill:#000!important}.story-slider-arrow svg path{width:auto!important;height:18px!important;fill:#000!important}.story-slider-arrow:after{display:none!important}.swiper-button-next.button-next-slider.stories-slider-arrow{right:24vw}.swiper-button-prev.button-prev-slider.stories-slider-arrow{left:24vw}.story-slider{height:100%}@media screen and (min-width:768px){.section-stories .stories-bubbles{display:flex;justify-content:space-evenly}.story-bubble-container:hover .story-bubble video,.story-bubble-container:hover .story-bubble img{transform:scale(1.01)}.story-bubble-container:hover .story-bubble:after{border-color:gray;background:#ddd}.swiper-button-next.button-next-slider.story-slider-arrow{transform:rotate(270deg)}.swiper-button-prev.button-prev-slider.story-slider-arrow{transform:rotate(90deg)}}.swiper-button-next.button-next-slider.story-slider-arrow{right:28vw;top:49%;display:flex}.swiper-button-prev.button-prev-slider.story-slider-arrow{left:28vw;top:49%;display:flex}.story-container{visibility:hidden}.story-container.swiper-slide-active{visibility:visible}.story-slide-content{display:flex!important;align-items:center;justify-content:center;height:100%!important}.story-slide-video,.story-slide-image{height:80dvh;max-width:350px;display:flex;position:relative}.story-slide-video video,.story-slide-image img{max-width:100%;width:100%;max-height:100%;object-fit:cover}.rounded-slide,.rounded-slide img,.rounded-slide video{border-radius:10px}.product__info-container deployer-stories{padding-left:0!important;display:block;margin:2.5rem 0 2rem}deployer-stories-mobile{display:none}.mute-toggle{display:flex;position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;z-index:9999}.mute-toggle-icon--hidden{display:none}.story-media--cta{position:absolute;bottom:20px;width:100%;display:flex;justify-content:center}.story-media--cta .story-media--cta-link{width:70%}@media screen and (max-width:749px){.section-stories{padding-right:0!important;padding-left:0!important}deployer-stories-mobile{display:block;padding-right:0!important}.section-stories deployer-stories-mobile{display:block;padding-left:0!important;padding-right:0!important;margin-left:-1.5rem!important}.section-stories .story-bubble-container:first-child{margin-left:3rem}.section-stories .story-bubble-container:last-child{margin-right:3rem}.stories-bubbles{gap:1.6rem}.story-title p{text-align:center}.join-play-icon svg{width:20px;height:23px}.stories-slider-arrows{display:none}.stories-progress-container{padding:0 10px;max-width:calc(100vw - 15px);top:8vh}.story-slide-video,.story-slide-image{max-width:calc(100vw - 15px);width:100%}.story-slider-arrow svg{display:none}.swiper-button-prev.story-slider-arrow{width:45%!important;height:60dvh!important;left:15px!important;transform:translateY(-48%);top:50%!important;border-radius:0!important;background:transparent;opacity:1!important;box-shadow:none!important}.swiper-button-next.story-slider-arrow{width:45%!important;height:60dvh!important;right:15px!important;transform:translateY(-48%);top:50%!important;border-radius:0!important;background:transparent;opacity:1!important;box-shadow:none!important}.swiper-button-next.story-slider-arrow .flickity-button-icon{left:auto!important;right:0!important;width:20px!important;opacity:.1}.swiper-button-prev.story-slider-arrow .flickity-button-icon{left:0!important;right:auto!important;width:20px!important;opacity:.1}.story-media--cta .story-media--cta-link{width:95%}}@keyframes pushDown{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}deployer-stories-overlay .stories-bubbles{display:none}
/*# sourceMappingURL=/cdn/shop/t/59/assets/component-deployer-stories.css.map */