.sst-ugc__row{--sst-ugc-cols: 2;--sst-carousel-slide: calc((100% - (var(--sst-ugc-cols) - 1) * var(--sst-space-4)) / var(--sst-ugc-cols));padding-block:var(--sst-space-2)}.sst-ugc__carousel{position:relative}.sst-ugc__carousel-nav{align-items:center;background:var(--sst-color-cream);border:var(--sst-border-thin) solid var(--sst-color-gold);border-radius:var(--sst-radius-full);box-shadow:var(--sst-shadow-md);color:var(--sst-color-ink);cursor:pointer;display:flex;height:var(--sst-control-min-height);justify-content:center;padding:var(--sst-space-2);position:absolute;top:50%;transform:translateY(-50%);width:var(--sst-control-min-height);z-index:2}.sst-ugc__carousel-nav[hidden]{display:none}.sst-ugc__carousel-nav:disabled{opacity:.4}.sst-ugc__carousel-nav svg{height:1.8rem;width:1.8rem}.sst-ugc__carousel-nav--prev{left:calc(var(--sst-control-min-height) / -2);transform:translateY(-50%) rotate(180deg)}.sst-ugc__carousel-nav--next{right:calc(var(--sst-control-min-height) / -2)}.sst-ugc__row>.sst-ugc__card{scroll-snap-align:start}.sst-ugc__row>.sst-ugc__card:first-child{margin-inline-start:auto}.sst-ugc__row>.sst-ugc__card:last-child{margin-inline-end:auto}.sst-ugc__card{aspect-ratio:9 / 16;background:var(--sst-color-blush-deep);border:var(--sst-border-thin) solid var(--sst-color-gold);border-radius:var(--sst-radius-md);box-shadow:var(--sst-shadow-md);cursor:pointer;display:block;overflow:hidden;padding:0;position:relative;width:100%}.sst-ugc__card img{display:block;height:100%;object-fit:cover;width:100%}.sst-ugc__play{align-items:center;color:var(--sst-color-cream);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;pointer-events:none;position:absolute}.sst-ugc__play svg{background:#241a1f73;border-radius:var(--sst-radius-full);box-sizing:content-box;height:1.6rem;padding:var(--sst-space-3);width:1.6rem}.sst-ugc-modal{display:none}.sst-ugc-modal[open]{align-items:center;background:#241a1fcc;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding-inline:var(--sst-container-pad);position:fixed;z-index:1000}@media screen and (min-width:750px){.sst-ugc-modal[open]{justify-content:center;padding-right:clamp(2.4rem,6vw,6.4rem)}}.sst-ugc-modal__stage{background:var(--sst-color-ink);border-radius:var(--sst-radius-lg);height:min(80vh,72rem);outline:none;overflow:hidden;position:relative;width:min(45vh,40rem,92vw)}.sst-ugc-modal__clips,.sst-ugc-modal__clip{height:100%;width:100%}.sst-ugc-modal__clip{position:relative}.sst-ugc-modal__video{display:block;height:100%;object-fit:cover;width:100%}.sst-ugc-modal__shop{bottom:var(--sst-space-5);inset-inline:0;margin-inline:auto;position:absolute;width:fit-content;z-index:2}.sst-ugc-modal__btn{align-items:center;background:#241a1f73;border:0;border-radius:var(--sst-radius-full);color:var(--sst-color-cream);cursor:pointer;display:flex;height:var(--sst-control-min-height);justify-content:center;padding:var(--sst-space-2);position:absolute;transition:background-color var(--sst-transition-fast);width:var(--sst-control-min-height);z-index:3}.sst-ugc-modal__btn:hover{background:#241a1fa6}.sst-ugc-modal__btn:disabled{opacity:.4;pointer-events:none}.sst-ugc-modal__btn svg{height:1.8rem;width:1.8rem}.sst-ugc-modal__close{left:var(--sst-space-3);top:var(--sst-space-3)}.sst-ugc-modal__nav--prev{margin-top:calc((var(--sst-control-min-height) + var(--sst-space-1)) * -1);right:var(--sst-space-3);top:50%;transform:rotate(180deg)}.sst-ugc-modal__nav--next{margin-top:var(--sst-space-1);right:var(--sst-space-3);top:50%}.sst-ugc-modal__playpause{height:6rem;left:50%;opacity:0;pointer-events:none;top:50%;transform:translate(-50%,-50%);transition:opacity var(--sst-transition-fast);width:6rem}.sst-ugc-modal__playpause svg{height:2.4rem;width:2.4rem}.sst-ugc-modal__stage:hover .sst-ugc-modal__playpause,.sst-ugc-modal__btn.sst-ugc-modal__playpause:focus-visible{opacity:1;pointer-events:auto}.sst-ugc-modal__playpause .sst-ugc-modal__pause-icon,.sst-ugc-modal__playpause.is-paused .sst-ugc-modal__play-icon{display:block}.sst-ugc-modal__playpause .sst-ugc-modal__play-icon,.sst-ugc-modal__playpause.is-paused .sst-ugc-modal__pause-icon{display:none}.sst-ugc-modal__playpause.is-paused{opacity:1;pointer-events:auto}.sst-ugc-modal__mute{bottom:var(--sst-space-3);right:var(--sst-space-3)}.sst-ugc-modal__mute .sst-ugc-modal__mute-off,.sst-ugc-modal__mute.is-muted .sst-ugc-modal__mute-on{display:none}.sst-ugc-modal__mute.is-muted .sst-ugc-modal__mute-off{display:block}@media screen and (max-width:749px){.sst-ugc-modal[open]{padding-inline:0}.sst-ugc-modal__stage{border-radius:0;height:100dvh;width:100vw}.sst-ugc-modal__close{top:max(var(--sst-space-3),env(safe-area-inset-top))}.sst-ugc-modal__mute{bottom:max(var(--sst-space-3),env(safe-area-inset-bottom))}.sst-ugc-modal__playpause{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.sst-ugc-modal__btn{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/sst-ugc.css.map */