product-stories{display:block}product-stories .stories-container{display:flex;overflow-x:auto;padding:10px;gap:15px}product-stories .story-item{display:flex;flex-direction:column;align-items:center;cursor:pointer}product-stories .story-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);padding:2px;overflow:hidden;position:relative}product-stories .story-circle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-radius:50%;z-index:-1;opacity:0;transition:opacity .3s ease}product-stories .story-circle.clicked:before{animation:rotate-gradient 1.5s linear infinite;opacity:1}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}product-stories .story-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid white}product-stories .story-title{font-size:12px;margin-top:5px;text-align:center}product-stories .stories-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;z-index:1000;justify-content:center;align-items:center;isolation:isolate}product-stories .stories-modal-content{max-width:calc(100% - 20px);height:100%;max-height:calc(100% - 60px);position:absolute;z-index:1005}product-stories .stories-modal-content .story-slide-wrapper{overflow:hidden;height:100%;border-radius:15px}product-stories .stories-modal-content video{width:100%}product-stories .story-slide{width:100%;height:100%;display:none}product-stories .story-slide.active{display:block}product-stories .story-media{width:100%;height:100%;object-fit:fill}product-stories .story-circle .story-media{object-fit:cover;border-radius:50%}product-stories .stories-close{position:absolute;top:15px;right:15px;color:#fff;font-size:30px;cursor:pointer;z-index:1010}product-stories .story-nav{position:absolute;top:50%;z-index:1005;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;cursor:pointer}product-stories .story-nav svg{width:30px;height:30px}product-stories .change-story-prev svg,product-stories .change-story-next svg{width:40px;height:40px}product-stories .story-prev{left:-80px;padding-right:6px}product-stories .story-next{right:-80px;padding-left:6px}product-stories .change-story-prev{left:-170px;background:none}product-stories .change-story-next{right:-170px;background:none;transform:rotate(180deg)}product-stories .story-progress{position:absolute;top:10px;left:0;width:100%;display:flex;gap:5px;padding:0 10px}product-stories .story-progress-bar{height:2px;background-color:#fff6;flex-grow:1;border-radius:2px}product-stories .story-progress-bar-fill{height:100%;width:0%;background-color:#fff;transition:none}.action-button{display:flex;align-items:center;justify-content:center;width:4.2em;height:4.2em;border-radius:50%;background-color:#0000004d;cursor:pointer;transition:background-color .2s ease-in-out;margin-bottom:20px;pointer-events:all;-webkit-backdrop-filter:blur(6.5px);backdrop-filter:blur(6.5px);z-index:40}.action-button svg{width:22.84px;height:22.84px}.desktop .action-button{width:max(min(3.3em,50px),20px);height:max(min(3.3em,50px),20px);margin-bottom:1.8em}.desktop .action-button svg{width:max(min(2.08em,28px),15px);height:max(min(2.08em,28px),15px)}.story-title-content img{width:32.5px;height:32.5px;border-radius:50%;margin-right:10px}.actions-wrapper{position:absolute;width:100%;z-index:1011}.story-header{padding:24px 15px 15px;display:flex;justify-content:space-between;align-items:center}.story-title-content{display:flex;justify-content:center;align-items:center}product-stories .hidden{display:none}.story-slide-close{cursor:pointer;display:flex;padding-right:11px}.action-list{display:flex;flex-direction:column;align-items:flex-end;padding:0 15px}.action-list button{width:36.25px;height:36.25px}.play-button,.mute-button{display:none}.product-stories-wrapper{display:flex;gap:5px;flex-wrap:wrap}.stories-modal-wrapper{display:flex;height:inherit;justify-content:center;align-items:center;transition:all .5s}.mobile-story-nav{display:none}@media screen and (max-width: 432px){product-stories .stories-modal{perspective:300vw}.stories-modal-wrapper{transform-style:preserve-3d;transform:translateZ(-50vw) rotateY(0)}product-stories .stories-modal-content{position:absolute;max-width:100%;width:calc(100% - 40px);transform:rotateY(0) translateZ(calc(50vw - 20px))}.stories-modal-content.prev{transform:rotateY(-90deg) translateZ(calc(50vw - 20px));z-index:0}.stories-modal-content.next{transform:rotateY(90deg) translateZ(calc(50vw - 20px));z-index:0}product-stories .story-nav{display:none}product-stories .mobile-story-nav{display:flex;position:absolute;width:100%;height:100%;z-index:1006;-webkit-tap-highlight-color:transparent}product-stories .mobile-story-nav>.story-nav{display:flex;position:static;width:50%;height:100%;background:none}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/component-pdp-stories.css.map */