.ugc-widget{padding-top:var(--ugc-pt, 3.6rem);padding-bottom:var(--ugc-pb, 3.6rem);background-color:var(--ugc-bg, transparent);overflow:hidden}.ugc-widget.gradient{background-color:rgba(var(--color-background),1)}.ugc-widget[style*=--ugc-bg]{background-color:var(--ugc-bg)}.ugc-widget__container--full{width:100%;padding-inline:1.5rem}@media screen and (min-width:750px){.ugc-widget__container--full{padding-inline:3rem}}.ugc-widget__header{margin-bottom:2rem}.ugc-widget__title{margin:0 0 .5rem;color:rgba(var(--color-foreground),1)}.ugc-widget__subtitle{margin:0;font-size:1rem;color:rgba(var(--color-foreground),.75);line-height:1.6}.ugc-widget__track-wrap{position:relative}.ugc-widget__track{display:flex;gap:var(--ugc-item-gap, 12px);overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ugc-widget__track::-webkit-scrollbar{display:none}.ugc-widget__track-wrap:not(.ugc-widget__track-wrap--scrollable) .ugc-widget__track{flex-wrap:wrap}.ugc-widget__slide{flex:0 0 auto}.ugc-widget__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2.75rem;height:2.75rem;padding:0;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:rgba(var(--color-background),1);color:rgba(var(--color-foreground),1);cursor:pointer;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-button)}.ugc-widget__arrow:hover{background:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.28)}.ugc-widget__arrow:focus-visible{outline:var(--focus-outline-width, .2rem) solid rgba(var(--color-foreground),1);outline-offset:var(--focus-outline-offset, .3rem);box-shadow:0 0 0 .3rem rgba(var(--color-background),1)}.ugc-widget__arrow--prev{left:-1.4rem}.ugc-widget__arrow--next{right:-1.4rem}.ugc-widget__arrow.is-visible{display:flex}.ugc-widget__arrow[disabled]{opacity:.3;pointer-events:none}.ugc-widget__arrow--prev svg,.ugc-widget__arrow--next svg{display:block}.ugc-widget__arrow--prev svg{transform:rotate(90deg)}.ugc-widget__arrow--next svg{transform:rotate(-90deg)}.ugc-widget__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.2rem}.ugc-widget__dot{width:.375rem;height:.375rem;border-radius:50%;background:rgba(var(--color-foreground),.2);border:none;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease}.ugc-widget__dot.is-active{background:rgba(var(--color-foreground),1);transform:scale(1.4)}.ugc-media-item{position:relative;width:var(--ugc-item-width, 260px);height:var(--ugc-item-height, 420px);border-radius:var(--ugc-item-radius, 8px);overflow:hidden;cursor:pointer;flex-shrink:0;background:rgba(var(--color-foreground),.04);display:block}.ugc-media-item:focus-visible{outline:var(--focus-outline-width, .2rem) solid rgba(var(--color-foreground),1);outline-offset:var(--focus-outline-offset, .3rem)}.ugc-media-item__inner{position:relative;width:100%;height:100%}.ugc-media-item__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ugc-media-item:hover .ugc-media-item__img{transform:scale(1.03)}.ugc-media-item__poster{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .4s ease}.ugc-media-item:hover .ugc-media-item__poster{transform:scale(1.03)}.ugc-media-item__video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ugc-media-item__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.ugc-media-item__overlay--zoom{background:#0000;transition:background .25s ease}.ugc-media-item:hover .ugc-media-item__overlay--zoom{background:#0000002e}.ugc-media-item__play-icon,.ugc-media-item__zoom-icon{display:flex;transition:transform .2s ease,opacity .2s ease}.ugc-media-item__zoom-icon{opacity:0}.ugc-media-item:hover .ugc-media-item__zoom-icon{opacity:1;transform:scale(1.1)}.ugc-media-item:hover .ugc-media-item__play-icon{transform:scale(1.08)}.ugc-media-item--video.is-playing .ugc-media-item__play-icon{opacity:0}.ugc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.ugc-lightbox[hidden]{display:none}.ugc-lightbox__backdrop{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000}@keyframes ugcFadeIn{0%{opacity:0}to{opacity:1}}.ugc-lightbox__dialog{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:3rem 5rem;animation:ugcDialogIn .25s ease;background:#000000e0}@keyframes ugcDialogIn{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.ugc-lightbox__media-wrap{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.ugc-lightbox__media-wrap img,.ugc-lightbox__media-wrap video{max-width:100%;max-height:calc(100dvh - 8rem);border-radius:.4rem;display:block;object-fit:contain}.ugc-lightbox__close{position:absolute;top:1.5rem;right:1.5rem;width:2.8rem;height:2.8rem;border-radius:50%;background:#000000a6;border:1.5px solid rgba(255,255,255,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;z-index:10}.ugc-lightbox__close:hover{background:#000000e0}.ugc-lightbox__close:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}.ugc-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:50%;background:#0000008c;border:1.5px solid rgba(255,255,255,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;z-index:10}.ugc-lightbox__nav:hover{background:#000000d9}.ugc-lightbox__nav:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}.ugc-lightbox__nav--prev{left:1.5rem}.ugc-lightbox__nav--next{right:1.5rem}.ugc-lightbox__nav[hidden]{display:none}.ugc-lightbox__counter{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);color:#fff9;font-size:.8125rem;letter-spacing:.05em;pointer-events:none}@media(prefers-reduced-motion:reduce){.ugc-media-item__img,.ugc-media-item__poster,.ugc-media-item__play-icon,.ugc-media-item__zoom-icon{transition:none}.ugc-lightbox__backdrop,.ugc-lightbox__dialog{animation:none}.ugc-widget__track{scroll-behavior:auto}}@media screen and (max-width:749px){.ugc-lightbox__dialog{padding:3.5rem .75rem}.ugc-lightbox__nav--prev{left:.5rem}.ugc-lightbox__nav--next{right:.5rem}.ugc-widget__arrow{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ugc-media-widget.css.map */