.ugc-stories{background:var(--ugc-bg, transparent);padding-top:var(--ugc-pt, 24px);padding-bottom:var(--ugc-pb, 24px)}.ugc-stories__heading{font-size:1.25rem;margin:0 0 12px}.ugc-stories__empty{opacity:.65;font-size:.9rem}.ugc-stories__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc-stories__track::-webkit-scrollbar{display:none}.ugc-story{scroll-snap-align:start;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;width:calc(var(--ugc-circle) + 12px);background:none;border:0;padding:0;cursor:pointer;font:inherit}.ugc-story__ring{width:var(--ugc-circle);height:var(--ugc-circle);border-radius:50%;padding:3px;display:block;transition:transform .15s ease}.ugc-story:hover .ugc-story__ring,.ugc-story:focus-visible .ugc-story__ring{transform:scale(1.05)}.ugc-story--ring-gradient .ugc-story__ring{background:linear-gradient(45deg,var(--ugc-ring-1),var(--ugc-ring-2))}.ugc-story--ring-solid .ugc-story__ring{background:var(--ugc-ring-solid)}.ugc-story--ring-none .ugc-story__ring{background:transparent}.ugc-story__thumb{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid var(--ugc-bg, #fff);background:#eee}.ugc-story__poster,.ugc-story__preview-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-story__preview-video{opacity:0;transition:opacity .2s ease}.ugc-story.is-hover-playing .ugc-story__preview-video{opacity:1}.ugc-story.is-hover-playing .ugc-story__poster{opacity:0}.ugc-story__play-icon{position:absolute;bottom:3px;right:3px;width:14px;height:14px;background:#0000008c;border-radius:50%}.ugc-story__play-icon:before{content:"";position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);border-style:solid;border-width:3px 0 3px 5px;border-color:transparent transparent transparent #fff}.ugc-story__label{font-size:.7rem;max-width:calc(var(--ugc-circle) + 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;opacity:.8}.ugc-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.ugc-viewer.is-open{display:block}.ugc-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6}.ugc-viewer__stage{position:relative;z-index:1;width:100%;height:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}.ugc-viewer__progress{position:absolute;top:10px;left:8px;right:8px;display:flex;gap:4px;z-index:3}.ugc-viewer__progress span{flex:1;height:2.5px;background:#ffffff59;border-radius:2px;overflow:hidden}.ugc-viewer__progress span i{display:block;height:100%;width:0%;background:#fff}.ugc-viewer__progress span.is-complete i{width:100%}.ugc-viewer__topbar{position:absolute;top:22px;left:12px;right:12px;z-index:3;display:flex;align-items:center;gap:10px;color:#fff}.ugc-viewer__brand{flex:1;font-size:.85rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.ugc-viewer__mute,.ugc-viewer__close{background:none;border:0;color:#fff;font-size:1.1rem;cursor:pointer;line-height:1;padding:4px}.ugc-viewer__nav{position:absolute;top:0;bottom:0;width:25%;z-index:2;background:none;border:0;color:#ffffffb3;font-size:2rem;cursor:pointer}.ugc-viewer__nav--prev{left:0;text-align:left;padding-left:8px}.ugc-viewer__nav--next{right:0;text-align:right;padding-right:8px}.ugc-viewer__media{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.ugc-viewer__media img,.ugc-viewer__media video{max-width:100%;max-height:100%;object-fit:contain}.ugc-viewer__footer{position:absolute;bottom:18px;left:12px;right:12px;z-index:3;color:#fff;text-align:center}.ugc-viewer__caption{font-size:.85rem;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ugc-viewer__cta{display:none;background:#fff;color:#111;border-radius:999px;padding:8px 18px;font-size:.85rem;font-weight:600;text-decoration:none}.ugc-viewer__cta.is-visible{display:inline-block}@media screen and (min-width:750px){.ugc-viewer__stage{max-width:380px;max-height:90vh;top:5vh;border-radius:12px;overflow:hidden}.ugc-viewer__backdrop{cursor:zoom-out}}
/*# sourceMappingURL=/cdn/shop/t/16/compiled_assets/styles.css.map?subset=AAAAAAAAAACA */