.ugc__inner{display:block}.ugc__header{margin-bottom:var(--gutter)}.ugc__subheading{margin:0 0 8px}.ugc__title{margin:0}.ugc__text{margin-top:12px}.ugc__text p{margin:0}.ugc__text p+p{margin-top:.6em}.ugc__products-wrap{position:relative;min-width:0}.ugc__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffffb3;color:#000;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-50%);transition:opacity .2s ease,background-color .2s ease}.ugc__arrow--prev{left:12px}.ugc__arrow--next{right:12px}.ugc__arrow svg{width:14px;height:18px}.ugc__arrow:disabled,.ugc__inner:not(.is-scrollable) .ugc__arrow{opacity:0;pointer-events:none}@media(hover:hover){.ugc__arrow:hover{background:#ffffffe6}}.ugc__arrow:focus-visible{outline:2px solid #000;outline-offset:2px}.ugc__layout{display:flex;flex-direction:column;gap:var(--gutter)}.ugc__media{position:relative;width:100%;min-width:0}.ugc__video{position:relative;display:block}.ugc__frame{position:relative;overflow:hidden;aspect-ratio:var(--ugc-ratio, 9 / 16);background:#000}.ugc__frame .ugc__poster,.ugc__frame .ugc__poster img,.ugc__frame video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;object-fit:cover}.ugc__frame video{z-index:1}.ugc__frame--mobile{display:none}.ugc__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.ugc__tap:focus-visible{outline:2px solid #fff;outline-offset:-4px}.ugc__play,.ugc__sound{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#ffffff80;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease}.ugc__play{top:50%;left:50%;width:56px;height:56px;transform:translate(-50%,-50%)}.ugc__play .icon{width:18px;height:18px;margin-left:2px;fill:currentColor;stroke:none}.ugc__play .icon path{fill:currentColor;stroke:none}.ugc__video:not(.is-paused) .ugc__play{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}.ugc__sound{right:12px;bottom:12px;width:40px;height:40px}.ugc__icon{width:18px;height:18px}.ugc__icon--on,.ugc__video.is-unmuted .ugc__icon--off{display:none}.ugc__video.is-unmuted .ugc__icon--on{display:block}@media(hover:hover){.ugc__play:hover,.ugc__sound:hover{background:#ffffffa6}}.ugc__play:focus-visible,.ugc__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}.ugc__frame--empty{display:flex;align-items:center;justify-content:center;padding:20px;background:#0000000f;color:inherit;font-size:13px;line-height:1.4;text-align:center}.ugc__frame--empty p{margin:0}.ugc__products{display:grid;grid-template-columns:repeat(var(--ugc-cols, 2),minmax(0,1fr));gap:var(--gutter);min-width:0}.ugc__slide{min-width:0}.ugc__slide .product-item{width:100%}@media only screen and (min-width:750px){.ugc__layout--grid{flex-direction:row;align-items:flex-start}.ugc__layout--grid .ugc__media{flex:0 0 var(--ugc-video-width, 30%);width:var(--ugc-video-width, 30%);position:sticky;top:calc(var(--header-sticky-height, 0px) + var(--gutter))}.ugc__layout--grid .ugc__frame{max-height:calc(100vh - var(--header-sticky-height, 0px) - 2 * var(--gutter))}.ugc__layout--grid .ugc__products-wrap{flex:1 1 auto}.ugc__layout--grid.ugc__layout--video-right .ugc__media{order:2}.ugc__layout--slider{display:grid;grid-template-columns:repeat(var(--ugc-tiles, 3),minmax(0,1fr));align-items:stretch}.ugc__layout--slider .ugc__media{grid-column:1}.ugc__layout--slider .ugc__products-wrap{grid-column:2 / -1}.ugc__layout--slider.ugc__layout--video-right .ugc__media{grid-column:-2 / -1}.ugc__layout--slider.ugc__layout--video-right .ugc__products-wrap{grid-column:1 / -2;grid-row:1}.ugc__layout--slider .ugc__video{position:absolute;top:0;right:0;bottom:0;left:0}.ugc__layout--slider .ugc__frame{height:100%;aspect-ratio:auto}.ugc__layout--slider .ugc__products{display:flex;flex-flow:row nowrap;gap:var(--gutter);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.ugc__layout--slider .ugc__products::-webkit-scrollbar{display:none}.ugc__layout--slider .ugc__slide{flex:0 0 calc((100% - (var(--ugc-cols, 2) - 1) * var(--gutter)) / var(--ugc-cols, 2));scroll-snap-align:start}}@media only screen and (max-width:749px){.ugc__products{display:flex;flex-flow:row nowrap;gap:0;margin-left:var(--outer-offset);margin-right:var(--outer-offset);padding-left:var(--outer);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:var(--outer);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ugc__products::-webkit-scrollbar{display:none}.ugc__products:after{content:"";flex:0 0 var(--outer)}.ugc__slide{flex:0 0 var(--ugc-slide-width, 70%);width:var(--ugc-slide-width, 70%);margin-right:var(--gutter);scroll-snap-align:start}.ugc__slide:last-child{margin-right:0}.ugc__slide:only-child{flex-basis:calc(100% - var(--outer));width:auto}.ugc__frame--desktop{display:none}.ugc__frame--mobile{display:block}.ugc__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/301/assets/section-ugc-video.css.map */