.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:2.5rem;padding:15px 5px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.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%)}span.join-play-icon svg{fill:#fff}span.join-play-icon svg path{fill:none!important;stroke-width:2;stroke:#fff!important}.story-bubble--clicked{animation:pushDown .3s ease-in-out forwards}.story-title p{text-align:center;margin:10px 0;line-height:1}.story-bubble img{border-radius:50%;position:relative;overflow:hidden;cursor:pointer;z-index:3;object-fit:cover}.story-bubble:before{content:"";background-color:#fff;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.story-bubble:after{content:"";background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.story-bubble--seen:after{background:#ccc}.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}.stories-bubbles{padding:15px 10px}.story-bubble:hover{transform:scale(1.05)}.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}deployer-stories{padding-left:0!important;display:block}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{padding:5px;gap:2.5rem}.story-title p{text-align:center;margin:10px 0;line-height:1}.join-play-icon svg{width:14px;height:14px}.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/2/assets/component-deployer-stories.css.map */