.ugc-videos{position:relative;width:100%;overflow-x:hidden}.ugc-videos__container{position:relative;width:100%}.ugc-videos__heading{font-family:var(--font-heading-family);font-weight:700;font-size:2.625rem;line-height:1.1;letter-spacing:.02em;color:rgb(var(--color-foreground));text-align:center;margin:0 0 3rem;padding:0 20px;max-width:100%}@media screen and (min-width:750px){.ugc-videos__heading{font-size:4.8rem;margin-bottom:4.8rem}}.ugc-videos__heading .ugc-videos__heading-highlight{font-family:var(--font-heading-family);font-weight:700;color:rgb(var(--color-foreground));background-image:linear-gradient(var(--my-bg, #DEFE36),var(--my-bg, #DEFE36));background-size:100% .32em;background-position:0 85%;background-repeat:no-repeat;padding:0 .1em;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:normal}.ugc-videos__carousel-wrapper{position:relative;width:100%}.ugc-videos__carousel-viewport{overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ugc-videos__carousel-viewport::-webkit-scrollbar{display:none}.ugc-videos__carousel-track{display:flex;gap:16px;padding-left:0;padding-right:0;transition:transform .5s cubic-bezier(.25,1,.5,1);width:max-content;min-width:100%}@media screen and (min-width:640px){.ugc-videos__carousel-track{gap:24px}}.ugc-videos__item{flex:0 0 calc(60% - 8px);aspect-ratio:9 / 16;position:relative;border-radius:24px;overflow:hidden;background-color:#e5e7eb;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:all .3s ease;transform:translateZ(0);flex-shrink:0;min-height:0;max-height:none}@media screen and (min-width:640px){.ugc-videos__item{flex:0 0 calc(50% - 12px)}}@media screen and (min-width:1024px){.ugc-videos__item{flex:0 0 calc(25% - 18px);max-width:320px}}.ugc-videos__item:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.ugc-videos__video{width:100%;height:100%;position:absolute;top:0;left:0;display:block;overflow:hidden}.ugc-videos__item:hover .ugc-videos__poster-image{transform:scale(1.05)}.ugc-videos__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000001a;transition:background-color .3s;pointer-events:none;z-index:1}.ugc-videos__item:hover .ugc-videos__card-overlay{background-color:#0003}.ugc-videos__play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s,visibility .3s;cursor:pointer;z-index:6}.ugc-videos__video.is-playing .ugc-videos__play-overlay{opacity:0;visibility:hidden;pointer-events:none}.ugc-videos__poster-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:4;transition:opacity .3s,visibility .3s;display:block}.ugc-videos__video.is-playing .ugc-videos__poster-image{opacity:0;visibility:hidden;pointer-events:none}.ugc-videos__play-circle-outer{width:64px;height:64px;border-radius:50%;background-color:#ffffff4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);transition:background-color .3s}.ugc-videos__item:hover .ugc-videos__play-circle-outer{background-color:#fff6}.ugc-videos__play-circle-inner{width:48px;height:48px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#defe36;box-shadow:0 10px 15px -3px #0000001a}.ugc-videos__play-circle-inner svg{width:20px;height:20px;fill:#defe36!important;color:#defe36!important}.ugc-videos__nav-button{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:transparent;border:1px solid rgba(14,32,15,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;z-index:20;color:#0e200f;padding:0}.ugc-videos__nav-button:hover{border-color:#0e200f;background-color:#defe36}.ugc-videos__nav-prev{left:-64px}.ugc-videos__nav-next{right:-64px}@media screen and (max-width:1024px){.ugc-videos__nav-button{display:none}}.ugc-videos__video video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:1;background:transparent;opacity:1;transition:opacity .3s}.ugc-videos__video.has-thumbnail:not(.is-playing) video{opacity:0}.ugc-videos__video.is-playing video{opacity:1;z-index:10;background:#000}.ugc-videos__placeholder-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;z-index:-1;opacity:0;visibility:hidden;pointer-events:none}@media screen and (max-width:768px){.ugc-videos__heading{font-size:2.625rem;margin-bottom:2rem;padding:0 16px}.ugc-videos__carousel-viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.ugc-videos__carousel-track{padding-left:0;padding-right:0;width:max-content}.ugc-videos__item{flex:0 0 calc(60% - 8px);flex-shrink:0}}@media(prefers-reduced-motion:reduce){.ugc-videos__carousel-track,.ugc-videos__item,.ugc-videos__poster-image,.ugc-videos__card-overlay,.ugc-videos__play-overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/section-ugc-videos.css.map */