.ugc-stories{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:calc(var(--circle-size-desktop, 80px) + 16px)}@media(max-width:749px){.ugc-stories{min-height:calc(var(--circle-size-mobile, 70px) + 16px)}}.ugc-stories__arrow{display:none}.ugc-stories__track{display:flex;gap:var(--circle-gap, 12px);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:8px;flex:1;touch-action:pan-x;overscroll-behavior-x:contain;min-height:calc(var(--circle-size-desktop, 80px) + 8px)}@media(max-width:749px){.ugc-stories__track{min-height:calc(var(--circle-size-mobile, 70px) + 8px)}}.ugc-stories__track::-webkit-scrollbar{display:none}.ugc-stories__circle{flex-shrink:0;width:var(--circle-size-desktop, 80px);height:var(--circle-size-desktop, 80px);border-radius:50%;overflow:hidden;border:none;padding:0;cursor:pointer;position:relative;background:#0000001a;transition:transform .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;-webkit-touch-callout:none}.ugc-stories__circle:hover{transform:scale(1.05)}.ugc-stories__circle:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:transparent}.ugc-stories__circle--ring{box-shadow:0 0 0 1.5px var(--ring-color, #000)}@media(max-width:749px){.ugc-stories__circle{width:var(--circle-size-mobile, 70px);height:var(--circle-size-mobile, 70px)}.ugc-stories__circle--ring{box-shadow:0 0 0 1px var(--ring-color, #000)}}.ugc-stories__preview{width:100%;height:100%;object-fit:cover;pointer-events:none}.ugc-stories-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease;background:#000000eb!important}.ugc-stories-modal[aria-hidden=false]{opacity:1!important;visibility:visible!important;pointer-events:auto}.ugc-stories-modal__overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:transparent!important;cursor:pointer;z-index:1}.ugc-stories-modal__container{position:relative;height:60vh;max-height:80vh;aspect-ratio:9 / 16;background:#000!important;border-radius:12px;overflow:hidden;z-index:2;box-shadow:0 25px 80px #00000080}@media(max-width:749px){.ugc-stories-modal__container{height:75vh;max-height:85vh;border-radius:12px}}.ugc-stories-modal__progress{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px;z-index:10}.ugc-stories-modal__progress-bar{flex:1;height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.ugc-stories-modal__progress-fill{display:block!important;height:100%;width:0%;background:#ffffffe6;border-radius:2px;transition:width .1s linear}.ugc-stories-modal__progress-bar.is-completed .ugc-stories-modal__progress-fill{width:100%!important}.ugc-stories-modal__progress-bar.is-active .ugc-stories-modal__progress-fill{background:#fff}.ugc-stories-modal.is-paused .ugc-stories-modal__progress-bar.is-active .ugc-stories-modal__progress-fill{animation:ugc-progress-pulse 1s ease-in-out infinite}@keyframes ugc-progress-pulse{0%,to{opacity:1}50%{opacity:.5}}.ugc-stories-modal.is-paused .ugc-stories-modal__media-wrapper:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#00000080;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='6' y='5' width='4' height='14' rx='1'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E");background-size:30px;background-repeat:no-repeat;background-position:center;pointer-events:none;z-index:20}.ugc-stories-modal__close{position:absolute;top:24px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;z-index:10;color:#fff;transition:background .2s ease,transform .2s ease}.ugc-stories-modal__close:hover{background:#000000b3;transform:scale(1.1)}.ugc-stories-modal__close svg{width:16px;height:16px}.ugc-stories-modal__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;z-index:15;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;transition:background .2s ease,transform .2s ease,opacity .2s ease;opacity:.7}.ugc-stories-modal__nav:hover{background:#ffffff4d;opacity:1;transform:translateY(-50%) scale(1.1)}.ugc-stories-modal__nav--prev{left:-60px}.ugc-stories-modal__nav--next{right:-60px}.ugc-stories-modal__nav svg{width:20px;height:20px}.ugc-stories-modal__nav--prev svg{transform:rotate(180deg)}.ugc-stories-modal__nav--prev.is-hidden,.ugc-stories-modal__nav--next.is-hidden{opacity:0;pointer-events:none}@media(max-width:749px){.ugc-stories-modal__nav{width:36px;height:36px}.ugc-stories-modal__nav--prev{left:8px}.ugc-stories-modal__nav--next{right:8px}.ugc-stories-modal__nav svg{width:16px;height:16px}}.ugc-stories-modal__media-wrapper{position:relative;width:100%;height:100%}.ugc-stories-modal__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ugc-stories-modal__slide.is-active{opacity:1;visibility:visible}.ugc-stories-modal__video,.ugc-stories-modal__image{width:100%;height:100%;object-fit:cover}.ugc-stories-modal__mute{position:absolute;bottom:24px;right:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;cursor:pointer;z-index:10;color:#fff;transition:background .2s ease}.ugc-stories-modal__mute:hover{background:#000000b3}.ugc-stories-modal__mute-icon{display:none;width:18px;height:18px}.ugc-stories-modal__mute-icon svg{width:18px;height:18px}.ugc-stories-modal__mute-icon--off{display:flex}.ugc-stories-modal.is-unmuted .ugc-stories-modal__mute-icon--off{display:none}.ugc-stories-modal.is-unmuted .ugc-stories-modal__mute-icon--on{display:flex}.ugc-stories-modal.is-image-slide .ugc-stories-modal__mute{display:none}
/*# sourceMappingURL=/cdn/shop/t/186/assets/ugc-stories.css.map */