.section--ugc-stories .section__header{margin-bottom:2rem}.ugc-stories__row{gap:1.6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1rem .6rem 1.2rem;margin:0 -.6rem;scroll-snap-type:x proximity}.ugc-stories__row::-webkit-scrollbar{display:none}.ugc-stories__row--center{justify-content:safe center}.ugc-stories__thumb{flex:0 0 auto;width:var(--ugc-thumb-size, 88px);max-width:var(--ugc-thumb-size, 88px);height:auto;min-height:0;line-height:1;padding:0;border:0;border-radius:0;background:none;cursor:pointer;color:inherit;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.ugc-stories__thumb-media{position:relative;display:block;flex:0 0 auto;width:100%;aspect-ratio:1;border-radius:50%;overflow:visible;box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 var(--ugc-ring-w, 4px) var(--ugc-ring, #c75038);transition:transform .25s ease}.ugc-stories__thumb:hover .ugc-stories__thumb-media,.ugc-stories__thumb:focus-visible .ugc-stories__thumb-media{transform:scale(1.04)}.ugc-stories__thumb-img,.ugc-stories__thumb-media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.ugc-stories__thumb-play{position:absolute;z-index:2;right:0;bottom:0;width:28%;height:28%;min-width:2rem;min-height:2rem;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--ugc-ring, #c75038)}.ugc-stories__thumb-play .icon{width:55%;height:55%;margin-left:8%}.ugc-stories__thumb-caption{font-size:1.2rem;line-height:1.3;text-align:center;max-width:100%}.ugc-stories__modal{--ugc-modal-max-h: calc(100vh - 6rem) ;--ugc-modal-max-h: calc(100dvh - 6rem) ;z-index:50}.ugc-stories__modal .drawer__inner.ugc-stories__inner{--modal-width: none;max-width:none;width:min(92vw,calc(var(--ugc-modal-max-h) * var(--ugc-ratio, .5625)));background:#000;color:#fff;border-radius:1.6rem;overflow:visible}.ugc-stories__modal .ugc-stories__close{position:absolute;top:-1.4rem;right:-1.4rem;z-index:5;width:3.6rem;height:3.6rem;min-width:0;min-height:0;padding:0;margin:0;line-height:0;border-radius:50%;border:0;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000040}.ugc-stories__modal .ugc-stories__close svg{display:block;width:1.6rem;height:1.6rem;color:#000;stroke:#000}.ugc-stories__modal .ugc-stories__close:hover{background:#f4effc}.ugc-stories__slider{position:relative;border-radius:1.6rem;overflow:hidden}.ugc-stories__slide{width:100%}.ugc-stories__media{position:relative;width:100%;aspect-ratio:var(--ugc-ratio, .5625);max-height:var(--ugc-modal-max-h);background:#000}.ugc-stories__video,.ugc-stories__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border:0;display:block;background:#000}.ugc-stories__meta{position:absolute;left:0;right:0;bottom:0;padding:3.2rem 1.6rem 5.6rem;background:linear-gradient(to top,#000000a6,#0000);color:#fff;pointer-events:none;display:flex;flex-direction:column;gap:.2rem;font-size:1.3rem;line-height:1.35}.ugc-stories__name{font-weight:var(--font-body-weight-bold)}.ugc-stories__pagination{position:absolute;left:0;right:0;bottom:.8rem;z-index:3;--swiper-pagination-color: #fff;--swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, .5);--swiper-pagination-bullet-inactive-opacity: 1;--swiper-pagination-bullet-size: .6rem}.ugc-stories__nav.swiper-button-prev,.ugc-stories__nav.swiper-button-next{position:absolute;top:50%;z-index:3;width:3.4rem;height:3.4rem;margin-top:-1.7rem;border-radius:50%;background:#ffffffe6;color:#000;display:flex;align-items:center;justify-content:center;opacity:.9}.ugc-stories__nav.swiper-button-prev{left:.8rem}.ugc-stories__nav.swiper-button-next{right:.8rem}.ugc-stories__nav.swiper-button-disabled{opacity:0;pointer-events:none}@media(min-width:768px){.ugc-stories__row{gap:2.4rem}.ugc-stories__nav.swiper-button-prev{left:-5.2rem;background:#fff}.ugc-stories__nav.swiper-button-next{right:-5.2rem;background:#fff}}.ugc-stories__modal .fixed-overlay,.ugc-stories__modal .drawer__inner.ugc-stories__inner{transition-duration:.25s}.ugc-stories__modal .ugc-stories__unmute{position:absolute;left:50%;top:1.6rem;transform:translate(-50%);z-index:4;height:auto;min-height:0;padding:.6rem 1.2rem;border:0;border-radius:999px;background:#fffffff2;color:#000;font-size:1.3rem;font-weight:var(--font-body-weight-bold);line-height:1.2;cursor:pointer;box-shadow:0 2px 8px #00000040}.ugc-stories__modal .ugc-stories__unmute[hidden]{display:none}@media(max-width:767.98px){.ugc-stories__row{gap:calc(var(--ugc-gap-visual, 5px) + 2 * var(--ugc-ring-w, 4px))}.ugc-stories__thumb{flex:1 1 0;min-width:4.8rem;max-width:var(--ugc-thumb-size-mobile, 72px)}}.ugc-stories__video{cursor:pointer}.ugc-stories__slide.is-paused .ugc-stories__media:after{content:"";position:absolute;top:50%;left:50%;z-index:3;width:6.4rem;height:6.4rem;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffe6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") 55% 50% / 2.6rem no-repeat;box-shadow:0 2px 8px #00000040;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/216/assets/section-ugc-stories.css.map */