.ugc-gallery{--ugc-gap: 1.2rem;--ugc-radius: calc(var(--card-radius) * .6);--ugc-card: calc((100% - var(--ugc-gap)) / 1.45)}@media(min-width:750px){.ugc-gallery{--ugc-gap: 1.6rem;--ugc-card: calc((100% - 3 * var(--ugc-gap)) / 3.3)}}@media(min-width:990px){.ugc-gallery{--ugc-card: calc((100% - var(--ugc-per-view, 5) * var(--ugc-gap)) / (var(--ugc-per-view, 5) + .2))}}.ugc-gallery .ugc-gallery__heading{margin-bottom:2rem}@media(min-width:750px){.ugc-gallery .ugc-gallery__heading{margin-bottom:2.4rem}}.ugc-gallery__carousel{position:relative;display:block}.ugc-gallery__viewport{position:relative}.ugc-gallery .ugc-gallery__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:var(--ugc-card);gap:var(--ugc-gap);margin:0 calc(-1 * var(--page-padding));padding:.4rem var(--page-padding) 1.2rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-padding);scrollbar-width:none;list-style:none;-webkit-overflow-scrolling:touch}.ugc-gallery__track::-webkit-scrollbar{display:none}.ugc-gallery__track:focus-visible{outline-offset:-2px}.ugc-gallery__slide{min-width:0;scroll-snap-align:start}@media(hover:hover)and (pointer:fine){.ugc-gallery__carousel.is-scrollable .ugc-gallery__track{cursor:grab}}.ugc-gallery__carousel.is-dragging .ugc-gallery__track{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.ugc-gallery__carousel.is-dragging .ugc-gallery__card{pointer-events:none}.ugc-gallery__arrow{--icon-size: 2rem;position:absolute;top:calc(50% - .4rem);z-index:2;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;color:rgb(var(--brand-text));background:rgb(var(--brand-surface));border:1px solid rgba(var(--brand-text),.08);border-radius:50%;box-shadow:0 6px 18px rgba(var(--brand-text),.14);cursor:pointer;transform:translateY(-50%);transition:color var(--duration) var(--ease),background-color var(--duration) var(--ease),opacity var(--duration) var(--ease)}.ugc-gallery__arrow .icon{stroke-width:2.25}.ugc-gallery__arrow--prev{left:max(-6rem,calc(.8rem - var(--outer-gutter, var(--page-padding))))}.ugc-gallery__arrow--next{right:max(-6rem,calc(.8rem - var(--outer-gutter, var(--page-padding))))}.ugc-gallery__arrow[aria-disabled=true]{opacity:.5;cursor:default}@media(hover:hover){.ugc-gallery__arrow:not([aria-disabled=true]):hover{color:rgb(var(--color-button-text));background:rgb(var(--color-button));border-color:rgb(var(--color-button))}}@media(min-width:750px){.ugc-gallery__arrow{display:inline-flex}.ugc-gallery__arrow[hidden]{display:none}}.ugc-gallery__card{position:relative}.ugc-gallery .video-embed,.ugc-gallery__static{border-radius:var(--ugc-radius);box-shadow:0 6px 18px rgba(var(--brand-text),.08)}.ugc-gallery__static{position:relative;display:block;overflow:hidden;background:rgb(var(--brand-primary-soft));aspect-ratio:var(--ratio, 2/3)}.ugc-gallery__poster-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-gallery__static .yc-illustration{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;border-radius:0;aspect-ratio:auto}.ugc-gallery .video-embed__poster-image{transition:transform var(--duration) var(--ease)}@media(hover:hover){.ugc-gallery .video-embed__poster:hover .video-embed__poster-image{transform:scale(1.02)}}.ugc-gallery .video-embed__play{width:4.8rem;height:4.8rem;color:rgb(var(--brand-surface));background:rgba(var(--brand-text),.3);border:2px solid rgba(var(--brand-surface),.92);box-shadow:0 4px 16px rgba(var(--brand-text),.2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ugc-gallery .video-embed__play .icon{--icon-size: 2rem;margin-left:.3rem;fill:currentColor;stroke:currentColor}.ugc-gallery__caption{position:absolute;bottom:1.2rem;left:1.2rem;z-index:2;max-width:calc(100% - 2.4rem);margin:0;padding:.5rem 1.1rem;font-size:calc(1.3rem * var(--font-body-scale, 1));font-weight:var(--font-body-weight-bold);line-height:1.3;color:rgb(var(--brand-text));background:rgb(var(--brand-surface));border-radius:.8rem;box-shadow:0 4px 12px rgba(var(--brand-text),.12);pointer-events:none}@media(min-width:990px){.ugc-gallery__caption{font-size:calc(1.4rem * var(--font-body-scale, 1))}}.ugc-gallery__card:has(.video-embed.is-loaded) .ugc-gallery__caption{display:none}.ugc-gallery__flag{position:absolute;top:.8rem;right:.8rem;left:.8rem;z-index:3;padding:.4rem .8rem;font-size:1.2rem;line-height:1.3;text-align:center;color:rgb(var(--brand-danger-text));background:rgb(var(--brand-surface));border:1px dashed rgb(var(--brand-danger-text));border-radius:.8rem;pointer-events:none}.ugc-gallery__notice{position:absolute;bottom:.6rem;left:.8rem;z-index:3;max-width:min(64rem,calc(100% - 1.6rem));margin:0;padding:.2rem .8rem;font-size:1.15rem;line-height:1.35;color:rgb(var(--brand-text));background:rgba(var(--brand-surface),.94);border:1px dashed rgba(var(--brand-text),.4);border-radius:.8rem;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-ugc-gallery.css.map */