.sd-ugc-gallery{--sd-ugc-gallery-accent: #f1b560;--sd-ugc-gallery-bg: var(--sd-color-surface-warm);--sd-ugc-gallery-heading-color: var(--sd-color-brand-primary);--sd-ugc-gallery-radius: var(--sd-radius-md);--sd-ugc-gallery-media-radius: var(--sd-radius-md);--sd-ugc-gallery-play-bg: var(--sd-ugc-gallery-accent);--sd-ugc-gallery-play-icon: var(--sd-color-brand-primary);--sd-ugc-gallery-padding-top-mobile: var(--sd-space-xl);--sd-ugc-gallery-padding-bottom-mobile: var(--sd-space-xl);--sd-ugc-gallery-padding-top-desktop: 0px;--sd-ugc-gallery-padding-bottom-desktop: var(--sd-space-4xl);overflow:hidden;background:var(--sd-ugc-gallery-bg);border-radius:var(--sd-ugc-gallery-radius);color:var(--sd-ugc-gallery-heading-color)}.sd-ugc-gallery__inner{padding:var(--sd-ugc-gallery-padding-top-mobile) 0 var(--sd-ugc-gallery-padding-bottom-mobile)}.sd-ugc-gallery__heading{margin:0;color:var(--sd-ugc-gallery-heading-color);font-family:var(--sd-font-family-heading);font-size:var(--sd-font-size-4xl);font-weight:var(--sd-font-weight-bold);letter-spacing:var(--sd-letter-spacing-t);text-align:center}.sd-ugc-gallery__viewport{margin-top:var(--sd-space-xl);overflow-x:auto;overflow-y:hidden;cursor:grab;scrollbar-width:none;scroll-snap-type:x mandatory;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.sd-ugc-gallery__viewport::-webkit-scrollbar{display:none}.sd-ugc-gallery__viewport.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.sd-ugc-gallery__viewport:focus-visible{outline:var(--sd-border-width-strong) solid var(--sd-border-focus);outline-offset:calc(var(--sd-space-xs) * -1)}.sd-ugc-gallery__track{display:flex;width:max-content;gap:var(--sd-space-sm);padding:0 var(--sd-space-sm)}.sd-ugc-gallery__item{width:66vw;height:100vw;scroll-snap-align:center}.sd-ugc-gallery__media{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:var(--sd-ugc-gallery-media-radius);background:var(--sd-color-surface-muted);color:inherit;text-decoration:none;-webkit-user-drag:none}button.sd-ugc-gallery__media{padding:0;border:0;cursor:pointer}.sd-ugc-gallery__image,.sd-ugc-gallery__placeholder{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sd-ugc-gallery__placeholder{background:var(--sd-color-surface-muted)}.sd-ugc-gallery__play{position:absolute;top:50%;left:50%;display:flex;width:var(--sd-space-4xl);height:var(--sd-space-4xl);align-items:center;justify-content:center;border-radius:var(--sd-radius-pill);background:var(--sd-ugc-gallery-play-bg);transform:translate(-50%,-50%)}.sd-ugc-gallery__play-icon{display:block;width:4rem;height:4rem;background:var(--sd-ugc-gallery-play-icon);clip-path:path("M48.1117 35.981C50.1766 34.4012 50.1766 31.3188 48.1117 29.739C41.8713 24.9647 34.903 21.2016 27.4677 18.5905L26.1094 18.1135C23.5107 17.2009 20.7658 18.9394 20.414 21.5917C19.431 29.0025 19.431 36.7174 20.414 44.1282C20.7658 46.7806 23.5107 48.519 26.1094 47.6065L27.4677 47.1295C34.903 44.5184 41.8713 40.7553 48.1117 35.981Z");transform-origin:center}.sd-ugc-gallery__pagination{display:flex;justify-content:center;gap:var(--sd-space-2xs);margin-top:var(--sd-space-xl);padding:0 var(--sd-space-lg)}.sd-ugc-gallery__dot{width:1.6rem;height:.5rem;padding:0;border:0;border-radius:var(--sd-radius-pill);background:#f1b56047;background:color-mix(in srgb,var(--sd-ugc-gallery-accent) 28%,transparent);cursor:pointer}.sd-ugc-gallery__dot.is-active,.sd-ugc-gallery__dot[aria-current=true]{background:var(--sd-ugc-gallery-accent)}.sd-ugc-gallery__dot:focus-visible{outline:var(--sd-border-width-strong) solid var(--sd-border-focus);outline-offset:var(--sd-space-2xs)}.sd-ugc-gallery__empty{width:min(100% - (var(--sd-space-lg) * 2),var(--sd-container-width));margin:var(--sd-space-4xl) auto 0;padding:var(--sd-space-3xl);border-radius:var(--sd-radius-md);background:var(--sd-color-surface);color:var(--sd-color-brand-primary);font-family:var(--sd-font-family-body);text-align:center}.sd-ugc-gallery__modal[hidden]{display:none}.sd-ugc-gallery__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;background:#000}.sd-ugc-gallery__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:transparent;cursor:pointer}.sd-ugc-gallery__modal-panel{position:relative;z-index:1;width:100vw;height:100dvh;overflow:hidden;background:#000}.sd-ugc-gallery__modal-close{position:absolute;top:var(--sd-space-xs);right:var(--sd-space-xs);z-index:2;display:inline-flex;width:2.8rem;height:2.8rem;align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--sd-radius-pill);background:#ffffff29;color:var(--sd-color-text-inverse);cursor:pointer}.sd-ugc-gallery__modal-close svg{width:1.4rem;height:1.4rem}.sd-ugc-gallery__modal-player,.sd-ugc-gallery__story-video{width:100%;height:100%}.sd-ugc-gallery__story-video{display:block;object-fit:cover}html.sd-ugc-gallery-story-open{overflow:hidden}@media screen and (min-width:750px){.sd-ugc-gallery{--sd-ugc-gallery-card-width: 28rem;--sd-ugc-gallery-card-height: 42rem}.sd-ugc-gallery__inner{padding:var(--sd-ugc-gallery-padding-top-desktop) 0 var(--sd-ugc-gallery-padding-bottom-desktop)}.sd-ugc-gallery__item{width:20vw;height:30vw}.sd-ugc-gallery__modal{background:#000000c7}.sd-ugc-gallery__modal-panel{width:min(90vw,48.375vh);height:auto;max-height:86vh;aspect-ratio:9 / 16;border-radius:var(--sd-radius-md);box-shadow:0 2rem 6rem #0000006b}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-sd-ugc-gallery.css.map */