#featured-story-menu{padding-top:16px;padding-bottom:10px;display:none}.story_menu-item-wrapper{display:flex;flex-direction:row;gap:14px}.story_menu-item-video{border-radius:65px;width:65px;height:65px;position:relative;cursor:pointer}.story_menu-item-label{display:flex;justify-content:center;align-items:center;color:#001624;text-align:center;font-family:Sofia Regular;font-size:13px;font-style:normal;font-weight:400;line-height:normal;margin-top:5px}.story_menu-heading{color:#001624;font-family:Sofia Regular;font-size:17px;font-style:normal;font-weight:400;line-height:28.05px;margin-bottom:15px}.story_menu-item-video video{width:65px;height:65px;border-radius:65px;object-fit:cover;cursor:pointer}.story_menu-item-video .placeholder-icon{width:100%;height:100%;border-radius:65px}.story_play-icon{position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.outer_ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story_content{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.story_content-item{position:relative;width:100%;max-width:432px;height:100%;max-height:90vh;margin:20px;border-radius:12px}.story_content-item-video{position:relative;height:100%;background:#000;border-radius:12px;display:flex;overflow:hidden}.main-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px 12px 0 0;background:#d9d9d9}.story-image-title-wrapper{position:absolute;top:0;display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center;padding:24px 20px}.story-image{width:36px;height:36px;border-radius:36px;object-fit:cover}.button-wrapper{position:absolute;top:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;padding:24px 20px 20px}button.story-pause-button,button.story-play-button,button.story-mute-button,button.story-unmute-button{display:flex}.story-prev-icon.disabled,.story-next-icon.disabled{opacity:.5;pointer-events:auto;cursor:unset}.video-progress-container{position:absolute;top:0;left:0;width:100%;height:8px;background:#ffffff80;border-radius:12px 12px 0 0;overflow:hidden;z-index:10}.video-progress-bar{height:100%;width:0;background-color:#fff;transition:width .1s cubic-bezier(0,0,.2,1)}.story-close{top:16px;right:16px;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.story_menu-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.story_menu-item-wrapper{display:flex;flex-direction:row;gap:14px;justify-content:space-between}.story-close:before,.story-close:after{content:"";position:absolute;width:16px;height:2px;background-color:#fff}.story-close:before{transform:rotate(45deg)}.story-close:after{transform:rotate(-45deg)}.story-prev-icon,.story-next-icon{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.story-prev-icon{left:-70px}.story-next-icon{right:-70px}.story-prev-icon:before,.story-next-icon:before{content:"";width:10px;height:10px;border-style:solid;border-width:2px 2px 0 0;border-color:#000}.story-prev-icon:before{transform:rotate(-135deg);margin-left:4px}.story-next-icon:before{transform:rotate(45deg);margin-right:4px}.story-title{color:#fff;text-align:center;font-family:Sofia Regular;font-size:15px;font-style:normal;font-weight:700;line-height:24.75px}.hidden{display:none!important}@media(max-width:768px){#featured-story-menu{padding-top:12px;padding-bottom:24px}.story_content-item{margin:0}.story-close{width:16px;height:16px}button.story-play-button,button.story-pause-button{width:34px;height:34px;display:none}.story-mute-button,.story-unmute-button{width:34px;height:34px}.story-prev-icon{left:16px;width:40px;height:40px;background:#0006;color:#fff}.story-next-icon{right:16px;width:40px;height:40px;background:#0006;color:#fff}.story-prev-icon:before,.story-next-icon:before{border-color:#fff}.story-prev-icon.disabled,.story-next-icon.disabled{display:none}.button-wrapper{gap:14px}.story_menu-item-label{color:#001624;text-align:center;font-family:Sofia Regular;font-size:12px;font-style:normal;font-weight:400;line-height:normal}}
/*# sourceMappingURL=/cdn/shop/t/367/assets/featured-story-menu.css.map */