.ugc__subtitle{color:rgb(var(--color-foreground));opacity:.75;margin-top:.5rem;margin-bottom:2rem}.ugc-grid{display:grid;gap:.8rem;grid-template-columns:repeat(var(--ugc-columns, 4),1fr)}@media screen and (min-width:750px){.ugc-grid{gap:1.6rem}}.ugc-carousel{position:relative;display:block}.ugc-carousel__track{display:flex;gap:1.6rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;scrollbar-width:none}.ugc-carousel__track::-webkit-scrollbar{display:none}.ugc-carousel__item{flex:0 0 auto;width:62%;scroll-snap-align:start}@media screen and (min-width:600px){.ugc-carousel__item{width:33%}}@media screen and (min-width:990px){.ugc-carousel__item{width:23%}}.ugc-carousel__nav{display:none}@media screen and (min-width:990px){.ugc-carousel__nav{display:flex;align-items:center;justify-content:center;position:absolute;top:40%;transform:translateY(-50%);width:4rem;height:4rem;border-radius:50%;border:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 1px 4px #0003;cursor:pointer;z-index:2}.ugc-carousel__nav:hover{opacity:.85}.ugc-carousel__nav--prev{left:-1.8rem}.ugc-carousel__nav--next{right:-1.8rem}}.ugc-grid__item{position:relative}.ugc-grid__trigger{position:relative;display:block;width:100%;aspect-ratio:9 / 16;border:none;border-radius:var(--variant-border-radius, 8px);overflow:hidden;padding:0;cursor:pointer;background:rgb(var(--color-background))}.ugc-grid__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-grid__video{border:none;pointer-events:none;background:#000}.ugc-grid__cover--placeholder{background:rgba(var(--color-foreground),.06)}.ugc-grid__expand{position:absolute;top:1rem;right:1rem;width:3.2rem;height:3.2rem;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center}.ugc-grid__author{position:absolute;bottom:1rem;left:1rem;padding:.3rem .8rem;border-radius:999px;background:#0000008c;color:#fff;font-size:1.2rem}@media screen and (max-width:749px){.ugc-grid__author{bottom:.5rem;left:.5rem;padding:.2rem .6rem;font-size:1rem}.ugc-grid__expand{top:.5rem;right:.5rem;width:2.4rem;height:2.4rem}.ugc-grid__expand svg{width:12px;height:12px}}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.ugc-modal[hidden]{display:none}.ugc-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c}.ugc-modal__content{position:relative;z-index:1;width:min(92vw,420px)}.ugc-modal__close{position:absolute;top:-4rem;right:0;width:3.6rem;height:3.6rem;border-radius:50%;border:none;background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.ugc-modal__video{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background:#000}.ugc-modal__player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:none}.ugc-modal__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.ugc-modal__empty p{color:#fff9;margin-top:1rem;font-size:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-ugc-video.css.map */