.barrier-ugc__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid rgb(var(--color-foreground));cursor:grab}.barrier-ugc__track--grabbing{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none;-webkit-user-select:none}.barrier-ugc__track::-webkit-scrollbar{display:none}.barrier-ugc__slide{flex-shrink:0;width:35rem;height:60rem;scroll-snap-align:start;border-left:1px solid rgb(var(--color-foreground));overflow:hidden;display:flex;flex-direction:column}.barrier-ugc__media{flex:1;position:relative;overflow:hidden;filter:grayscale(1)}.barrier-ugc__yt,.barrier-ugc__video,.barrier-ugc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.barrier-ugc__yt iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.barrier-ugc__video{pointer-events:none}.barrier-ugc__placeholder{opacity:.25}.barrier-ugc__bar{flex-shrink:0;display:flex;align-items:center;height:3.5rem;border:1px solid rgb(var(--color-foreground));border-right:unset;border-left:unset;background:rgb(var(--color-background))}.barrier-ugc__name{flex:1;padding:0 3.5rem 0 .8rem;font-family:var(--font-barrier-display, "dunbar-tall", sans-serif);font-size:1.4rem;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:rgb(var(--color-foreground));text-align:center;direction:ltr;unicode-bidi:plaintext}.barrier-ugc__play-btn{flex-shrink:0;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border:1px solid rgb(var(--color-foreground));border-right:unset;background:transparent;cursor:pointer;padding:0;transition:opacity .2s ease;color:rgb(var(--color-foreground))}.barrier-ugc__play-btn:hover{opacity:.65}.barrier-ugc__play-btn svg.barrier-ugc__icon-pause{display:none}.barrier-ugc__play-btn svg{width:1rem;height:1rem;display:block;color:rgb(var(--color-foreground))}.barrier-ugc__slide--playing .barrier-ugc__play-btn svg.barrier-ugc__icon-play{display:none}.barrier-ugc__slide--playing .barrier-ugc__play-btn svg.barrier-ugc__icon-pause{display:block}.barrier-ugc__slide--playing .barrier-ugc__media{filter:none}@media screen and (max-width:749px){.barrier-ugc__track{scroll-padding-inline:calc((100vw - 20rem)/2)}.barrier-ugc__slide{width:20rem;height:35rem;scroll-snap-align:center}.barrier-ugc__bar{height:2.5rem}.barrier-ugc__name{font-size:1.2rem}.barrier-ugc__play-btn{width:2.5rem;height:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/barrier-ugc.css.map */