.stories-modal .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}.stories-modal .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.stories-modal .swiper-buttons{position:absolute;display:flex;justify-content:space-between;color:#000!important;z-index:1}@media screen and (max-width: 749px){.stories-modal .swiper-buttons{width:375px;padding:0 5px}}@media screen and (min-width: 750px){.stories-modal .swiper-buttons{width:500px}}.stories-modal .swiper-buttons .swiper-button-prev,.stories-modal .swiper-buttons .swiper-button-next{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000!important;font-size:35px;cursor:pointer;padding:5px;width:45px;height:45px;border-radius:50%}.stories-modal .swiper-buttons .swiper-button-prev:after,.stories-modal .swiper-buttons .swiper-button-next:after{font-size:25px;line-height:1}.stories-modal .swiper-buttons .swiper-button-prev:after{margin-right:4px}.stories-modal .swiper-buttons .swiper-button-next:after{margin-left:4px}.stories{display:flex}@media screen and (max-width: 749px){.stories{justify-content:space-evenly}}@media screen and (min-width: 750px){.stories{column-gap:30px}}.stories .story{min-width:100px;display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:5px}.stories .story .video{position:relative;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%!important;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;border:solid 2px #FFFFFF;box-sizing:border-box;overflow:hidden;cursor:pointer}.stories .story .video video{width:100%;height:auto;border-radius:50%!important;-webkit-border-radius:50%!important;-moz-border-radius:50%!important;box-sizing:border-box}.stories .story .video svg{position:absolute;color:#fff}.stories .story .description{font-size:14px;line-height:1.2}.stories-modal{display:none!important;background-color:#00000090;color:#fff;position:fixed!important;top:0;bottom:0;left:0;right:0;z-index:999!important;align-items:center;justify-content:center}.stories-modal[open]{display:flex!important}.stories-modal .swiper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}@media screen and (min-width: 750px){.stories-modal .swiper{max-width:350px;max-height:100vh}}.stories-modal .swiper .swiper-wrapper{height:unset}.stories-modal .story{position:relative}.stories-modal .story .video{display:flex}.stories-modal .story .video video{height:100%;width:100%}.stories-modal .story .story__header{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-direction:column;row-gap:10px;z-index:1}.stories-modal .story .story__header .informations{position:relative;display:flex;align-items:center;column-gap:10px}.stories-modal .story .story__header .image{width:40px;height:40px;overflow:hidden;border-radius:50%}.stories-modal .story .story__header .image video{width:100%;height:auto}.stories-modal .story .story__header .description{font-size:14px;font-weight:700}.stories-modal .story .progress-container{width:100%;height:3px;background-color:#ffffff50}.stories-modal .story .progress-container .progress-bar{height:100%;background-color:#fff;display:block;transition:1s}.stories-modal .story .story__contols{position:absolute;z-index:1;right:0;top:20px;padding:10px;display:flex;flex-direction:column;align-items:center;row-gap:10px}.stories-modal .story .story__contols .story__button{cursor:pointer;width:38px;height:38px;display:flex;align-items:center;justify-content:center}.stories-modal .story .story__contols .sound,.stories-modal .story .story__contols .playback{border-radius:50%;background-color:#00000070}.stories-modal .story .story__contols .sound svg{display:none}.stories-modal .story .story__contols .sound[data-state=on] svg#on{display:block}.stories-modal .story .story__contols .sound[data-state=off] svg#off{display:block}.stories-modal .story .story__contols .playback svg{display:none}.stories-modal .story .story__contols .playback[data-state=play] svg#play{display:block}.stories-modal .story .story__contols .playback[data-state=break] svg#break{display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/block-product-stories.css.map */