.widde-wrapper{margin-top:var(--stories-margin-top, -24px);margin-bottom:var(--stories-margin-bottom, -24px);width:100%;overflow:hidden;display:block}.widde-container{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:2px;-webkit-overflow-scrolling:touch;justify-content:flex-start;scrollbar-width:none;-ms-overflow-style:none}.widde-container::-webkit-scrollbar{display:none}.widde-item{flex:0 0 auto;width:85px;height:140px;position:relative;cursor:pointer;border-radius:8px;padding:3px;box-sizing:border-box;transition:transform .2s ease;background:#fff;border:none}.widde-item .story-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:hidden;border-radius:8px}.story-ring .ring-track{fill:none;stroke:#7045f540;stroke-width:3}.story-ring .ring-progress{fill:none;stroke:#7045f5;stroke-width:3;stroke-linecap:round}.widde-item:hover{transform:scale(1.03)}.widde-content{width:100%;height:100%;border-radius:4px;overflow:hidden;position:relative;background:#000}.widde-media-thumb{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.widde-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.widde-play-icon svg{width:10px;height:10px;fill:#fff;margin-left:1px}.widde-title{font-size:14px;font-weight:700;margin-bottom:10px;display:block;color:var(--color-foreground, #333)}.story-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:99999;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;box-sizing:border-box}.story-modal-overlay.active{display:flex;animation:stories-widget-fade-in .2s ease-out}.story-modal-content{position:relative;width:auto;max-width:100%;height:auto;max-height:70vh;aspect-ratio:9 / 16;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #00000080}.story-modal-video{width:100%;height:100%;object-fit:cover;display:block}.story-close-btn{position:absolute;top:10px;right:10px;background:#00000080;border:none;color:#fff;font-size:20px;width:36px;height:36px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s;padding-bottom:2px}.story-close-btn:hover{background:#000c}@keyframes stories-widget-fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/stories-widget.css.map */