.ugc-section{position:relative;width:100%;box-sizing:border-box;display:block}.ugc-section__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:3rem}.ugc-section__heading-group{max-width:80.8rem}.ugc-section__heading{margin:0 0 1rem}.ugc-section__subheading{margin:0;color:rgba(var(--color-foreground),.75)}.ugc-section__subheading p{margin:0}.ugc-section__tabs{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem;border-radius:999px;background:rgb(var(--clr-white));flex-shrink:0}.ugc-section__tab{display:inline-flex;align-items:center;gap:.8rem;justify-content:center;border:none;margin:0;cursor:pointer;white-space:nowrap;padding:1.799rem 5rem;border-radius:999px;font-size:1.4rem;font-weight:600;line-height:1;background:transparent;color:rgb(var(--color-foreground));transition:background-color .2s ease,color .2s ease}.ugc-section__tab-icon{display:flex;width:1.8rem;height:1.8rem;flex-shrink:0}.ugc-section__tab-icon svg{width:100%;height:100%;fill:currentColor}.ugc-section__tab.is-active{background:var(--ugc-tab-active-bg, rgb(var(--color-button)));color:var(--ugc-tab-active-color, rgb(var(--color-button-text)))}.ugc-section__track--wrap{display:grid;grid-template-columns:repeat(var(--ugc-columns-mobile, 1),minmax(0,1fr));gap:var(--ugc-gap, 1.6rem);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.ugc-section__track--wrap{grid-template-columns:repeat(var(--ugc-columns-desktop, 4),minmax(0,1fr))}}.ugc-section__slide[hidden]{display:none}.ugc-section__swiper-outer{position:relative}.ugc-section__swiper{overflow:hidden;padding-bottom:.5rem}.ugc-section__swiper .swiper-wrapper{align-items:stretch;padding:0}@media screen and (min-width:750px){.ugc-section__swiper .swiper-wrapper{padding-inline:max(5rem,calc((100vw - var(--page-width) + 8rem) / 2));--page-width: 184rem;margin-bottom:0}.ugc-section__tab{font-size:1.8rem}}.ugc-section__swiper .swiper-slide{height:auto}.ugc-section__nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.6rem}.ugc-section__nav-btn{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgba(var(--color-foreground),.75);cursor:pointer;padding:0}.ugc-section__nav-btn:hover{color:rgb(var(--color-foreground))}.ugc-section__nav-btn .icon{height:.7rem}.ugc-section__nav-btn--next .icon{transform:rotate(-90deg)}.ugc-section__nav-btn--prev .icon{transform:rotate(90deg)}.ugc-section__nav-btn.swiper-button-disabled{opacity:.35;cursor:not-allowed}.ugc-section__card{position:relative;display:block;width:100%;height:100%;border-radius:var(--ugc-radius, 1.6rem);overflow:hidden;background:rgb(var(--color-background));text-decoration:none;color:inherit}.ugc-section__media{position:relative;width:100%;aspect-ratio:var(--ugc-aspect-ratio, 9 / 16);overflow:hidden;background:rgba(var(--color-foreground),.06)}.ugc-section__image,.ugc-section__video{display:block;width:100%;height:100%;object-fit:cover}.ugc-section__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;border:none;padding:0;cursor:pointer;background:#00000073;color:#fff;transition:background-color .2s ease,opacity .2s ease}.ugc-section__play-btn:hover{background:#0009}.ugc-section__play-btn .icon-pause{display:none}.ugc-section__play-btn .svg-wrapper svg{width:1.8rem;height:1.8rem;fill:currentColor}.ugc-section__slide.is-playing .ugc-section__play-btn{opacity:0}.ugc-section__slide.is-playing .ugc-section__play-btn:hover,.ugc-section__slide.is-playing .ugc-section__play-btn:focus{opacity:1}.ugc-section__slide.is-playing .ugc-section__play-btn .icon-play{display:none}.ugc-section__slide.is-playing .ugc-section__play-btn .icon-pause{display:block}.ugc-section__caption{position:absolute;left:0;right:0;bottom:0;padding:1.6rem 1.4rem;font-size:1.3rem;font-weight:600;line-height:1.3;color:#fff;background:linear-gradient(to top,#000000a6,#0000);pointer-events:none}.ugc-section__empty{padding:3rem 0;text-align:center;color:rgba(var(--color-foreground),.6)}@media screen and (max-width:749px){.ugc-section__swiper .swiper-wrapper{margin-top:0}.ugc-section__tab{padding-block:1.3rem;padding-inline:3.5rem}.ugc-section__tabs{width:100%}.ugc-section__tab{flex:1}}
/*# sourceMappingURL=/cdn/shop/t/143/assets/section-ugc-section.css.map */