.bearpaw-ugc{display:block;--ugc-gap: .8rem;--ugc-per-view: 2.4;--ugc-gutter: 1.5rem}@media screen and (min-width:750px){.bearpaw-ugc{--ugc-gap: 1.2rem;--ugc-per-view: 4.4;--ugc-gutter: 5rem}}@media screen and (min-width:990px){.bearpaw-ugc{--ugc-per-view: 6.4;--ugc-gutter: 0rem}}.bearpaw-ugc__header{margin-bottom:1.2rem;padding-inline:var(--ugc-gutter)}.bearpaw-ugc__heading{margin:0}.bearpaw-ugc__subline{margin:.4rem 0 0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.bearpaw-ugc__header{margin-bottom:1.6rem}.bearpaw-ugc__subline{font-size:1.6rem}}.bearpaw-ugc__list{display:flex;gap:var(--ugc-gap);margin:0;padding:0}.bearpaw-ugc__item{flex:0 0 auto;width:calc((100% - (var(--ugc-per-view) - 1) * var(--ugc-gap)) / var(--ugc-per-view))}.bearpaw-ugc__list.slider .bearpaw-ugc__item:first-of-type{margin-left:var(--ugc-gutter)}.bearpaw-ugc__list.slider:after{content:"";flex:0 0 var(--ugc-gutter);margin-left:calc(-1 * var(--ugc-gap))}.bearpaw-ugc__item.slider__slide{scroll-snap-align:start}@media screen and (max-width:749px){.bearpaw-ugc--fits-mobile .slider-buttons{display:none}}@media screen and (min-width:750px)and (max-width:989px){.bearpaw-ugc--fits-tablet .slider-buttons{display:none}}@media screen and (min-width:990px){.bearpaw-ugc--fits-desktop .slider-buttons{display:none}}.bearpaw-ugc__media{position:relative;border-radius:var(--ugc-radius, 0);height:0;padding-bottom:var(--ugc-ratio, 100%);overflow:hidden;background-color:rgba(var(--color-foreground),.04)}.bearpaw-ugc__image,.bearpaw-ugc__video,.bearpaw-ugc__media video,.bearpaw-ugc__media video img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bearpaw-ugc .slider-buttons{margin-top:.4rem}.bearpaw-ugc--bordered .bearpaw-ugc__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:var(--ugc-border-width, .2rem) solid rgb(var(--color-foreground));border-radius:inherit;pointer-events:none}.bearpaw-ugc__open{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:zoom-in}.bearpaw-ugc__open:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.5rem}.bearpaw-ugc__image{transition:transform var(--duration-long) ease}@media(hover:hover){.bearpaw-ugc__open:hover .bearpaw-ugc__image{transform:scale(1.03)}}.bearpaw-ugc-locked{overflow:hidden}.bearpaw-ugc__lightbox{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.bearpaw-ugc__lightbox::backdrop{background:transparent}.bearpaw-ugc__lb-track{display:flex;height:100%;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.bearpaw-ugc__lb-track::-webkit-scrollbar{display:none}.bearpaw-ugc__lb-slide{display:flex;flex:0 0 100%;align-items:center;justify-content:center;box-sizing:border-box;padding:6.4rem 1.5rem 8rem;scroll-snap-align:center;container-type:size}@media screen and (min-width:750px){.bearpaw-ugc__lb-slide{padding:6.4rem 10rem}}.bearpaw-ugc__lb-image{box-sizing:border-box;width:min(100cqw,100cqh * var(--ratio, 1));height:auto;aspect-ratio:var(--ratio, 1);object-fit:cover;border:var(--ugc-border-width, 0) solid rgb(var(--color-foreground));border-radius:var(--ugc-radius, 0);background-color:rgba(var(--color-foreground),.04)}.bearpaw-ugc__lb-close,.bearpaw-ugc__lb-prev,.bearpaw-ugc__lb-next{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.bearpaw-ugc__lb-close{position:absolute;top:1rem;right:1rem;z-index:1}.bearpaw-ugc__lb-close .icon{width:2rem;height:2rem}.bearpaw-ugc__lb-prev .icon,.bearpaw-ugc__lb-next .icon{width:1.4rem;height:auto}.bearpaw-ugc__lb-prev .icon{transform:rotate(90deg)}.bearpaw-ugc__lb-next .icon{transform:rotate(-90deg)}.bearpaw-ugc__lb-prev:disabled,.bearpaw-ugc__lb-next:disabled{opacity:.3;cursor:default}.bearpaw-ugc__lb-controls{position:absolute;bottom:1.6rem;left:50%;display:flex;align-items:center;gap:1.2rem;transform:translate(-50%)}.bearpaw-ugc__lb-counter{min-width:4.8rem;margin:0;text-align:center}@media screen and (min-width:750px){.bearpaw-ugc__lb-controls{position:static;transform:none}.bearpaw-ugc__lb-prev,.bearpaw-ugc__lb-next{position:absolute;top:50%;transform:translateY(-50%)}.bearpaw-ugc__lb-prev{left:2.4rem}.bearpaw-ugc__lb-next{right:2.4rem}.bearpaw-ugc__lb-counter{position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.bearpaw-ugc__image{transition:none}.bearpaw-ugc__open:hover .bearpaw-ugc__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bearpaw-ugc.css.map */