.ugc-videos-block{margin:3rem 0}.ugc-videos{display:flex;flex-direction:column;gap:1.5rem}.ugc-videos__heading{margin:0;font-weight:700}.ugc-videos__heading--left{text-align:left}.ugc-videos__heading--center{text-align:center}.ugc-videos__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ugc-videos__grid--slider{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3rem) / 3.5);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.ugc-videos__grid--slider::-webkit-scrollbar{display:none}.ugc-videos__grid--slider .ugc-videos__item{scroll-snap-align:start}.ugc-videos__item{margin:0;display:flex;flex-direction:column;gap:.75rem}.ugc-videos__card{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:none;overflow:hidden;background-color:rgba(var(--color-foreground),.04);color:#fff;border-radius:var(--media-radius, 1rem);cursor:pointer;transition:transform .2s ease}.ugc-videos__card:hover,.ugc-videos__card:focus-visible{transform:translateY(-2px)}.ugc-videos__card:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.ugc-videos__thumbnail{width:100%;height:100%;display:block;object-fit:cover}.ugc-videos__thumbnail--placeholder{background-color:rgba(var(--color-foreground),.08)}.ugc-videos__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;background-color:rgba(var(--color-foreground),.08)}.ugc-videos__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;border-radius:50%;background-color:#00000073;border:.2rem solid #fff;color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:none}.ugc-videos__play .svg-wrapper{width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;margin-left:.2rem}.ugc-videos__play svg{width:100%;height:100%;fill:currentColor}.ugc-videos__caption{margin:0;font-size:1.2rem;text-align:center;color:rgba(var(--color-foreground),.75)}.ugc-videos__modal[hidden]{display:none}.ugc-videos__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem}.ugc-videos__modal-body{width:min(47.8125vh,90vw);aspect-ratio:9 / 16;max-height:90vh;background-color:#000;border-radius:var(--media-radius, 1rem);overflow:hidden}.ugc-videos__video{display:block;width:100%;height:100%;object-fit:cover;background-color:#000}@media screen and (max-width:749px){.ugc-videos__modal{padding:1rem}.ugc-videos__modal-body{width:min(calc((100vh - 6rem)*.5625),92vw)}}.ugc-videos__modal-close{position:absolute;top:1.5rem;right:1.5rem;width:4rem;height:4rem;border:none;border-radius:50%;background-color:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.ugc-videos__modal-close:hover,.ugc-videos__modal-close:focus-visible{background-color:#ffffff4d}.ugc-videos__modal-close:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.ugc-videos__modal-close .svg-wrapper{width:1.8rem;height:1.8rem;display:inline-flex;align-items:center;justify-content:center}.ugc-videos__modal-close svg{width:100%;height:100%}body.ugc-videos-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-ugc-videos.css.map */