.ugc{--ugc-ratio: 9 / 16;--ugc-card-width: 260px;--ugc-gap: 1.6rem;padding-block:6.4rem}.ugc__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2.4rem;margin-bottom:3.2rem}.ugc__kicker{margin:0 0 .8rem;font-size:1.248rem;letter-spacing:.16em;text-transform:uppercase;opacity:.72}.ugc__heading{margin:0;text-wrap:balance}.ugc__subheading{margin-top:1.2rem;max-width:46ch;opacity:.8}.ugc__subheading>*:last-child{margin-bottom:0}.ugc__nav{display:none;gap:.8rem;flex-shrink:0}.ugc__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.ugc__arrow:hover:not(:disabled){background:rgba(var(--color-foreground),.07)}.ugc__arrow:disabled{opacity:.3;cursor:default}.ugc__arrow svg{width:1.12rem}[data-ugc-prev] svg{transform:rotate(90deg)}[data-ugc-next] svg{transform:rotate(-90deg)}.ugc__track{display:flex;gap:var(--ugc-gap);margin:0;padding:0 var(--full-bleed-gutter) .8rem;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--full-bleed-gutter);scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.ugc__track::-webkit-scrollbar{display:none}.ugc__track:not(.ugc__track--bleed){max-width:var(--page-width);margin-inline:auto}.ugc__item{flex:0 0 var(--ugc-card-width);scroll-snap-align:start}.ugc-card{display:flex;flex-direction:column;gap:0;height:100%}.ugc-card__media,.ugc-card__video{background-color:var(--brand-green)}.ugc-card__media{position:relative;z-index:1;aspect-ratio:var(--ugc-ratio);overflow:hidden;border-radius:8px}.ugc-card__video,.ugc-card__poster{width:100%;height:100%;object-fit:cover;display:block}.ugc-card__toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);display:grid;place-items:center;width:5.2rem;height:5.2rem;border:0;border-radius:50%;background:#ffffffeb;color:#183316;cursor:pointer;opacity:0;transition:opacity .2s ease,transform .2s ease;padding:0}.ugc-card__icon{display:block}.ugc-card__icon--play{margin-left:3px}.ugc-card__icon--pause,.ugc-card[data-playing] .ugc-card__icon--play{display:none}.ugc-card[data-playing] .ugc-card__icon--pause{display:block}.ugc-card:not([data-playing]) .ugc-card__toggle{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(hover:hover){.ugc-card:hover .ugc-card__toggle,.ugc-card:focus-within .ugc-card__toggle{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(hover:none){.ugc-card__toggle{pointer-events:none}}.ugc-card__meta{display:flex;flex-direction:column;gap:.24rem;margin-bottom:1.2rem;font-size:1.408rem;line-height:1.35}a.ugc-card__creator,.ugc-card__creator{font-weight:600;color:inherit;text-decoration:none}a.ugc-card__creator:hover,a.ugc-card__creator:focus-visible{text-decoration:none;opacity:.7}.ugc-card__caption{opacity:.7}.ugc-card__product{align-self:flex-start;position:relative;z-index:0;display:flex;align-items:center;gap:.8rem;margin-top:-8px;padding:1.2rem 1.6rem .4rem;background-color:transparent;border-radius:0 0 8px 8px;color:inherit;text-decoration:none;transition:background-color .2s ease}.ugc-card__product:hover,.ugc-card__product:focus-visible{background-color:#fff}.ugc-card__product-image{width:4rem;aspect-ratio:4 / 5;height:auto;object-fit:cover;flex-shrink:0;border-radius:2px}.ugc-card__product-text{display:flex;flex-direction:column;min-width:0}.ugc-card__product-label{font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6;line-height:1.3}.ugc-card__product-name{font-size:1.4rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ugc__footer{margin-top:4rem;text-align:center}@media screen and (min-width:750px){.ugc{padding-block:8.8rem}.ugc__nav{display:flex}.ugc__track{padding-inline:var(--full-bleed-gutter);--ugc-gap: 2rem}.ugc__track--bleed{padding-inline:var(--full-bleed-gutter);scroll-padding-inline-start:var(--full-bleed-gutter)}}@media(prefers-reduced-motion:reduce){.ugc__track{scroll-behavior:auto}.ugc-card__toggle{transition:none}}.ugc__inner.page-width{padding-inline:var(--full-bleed-gutter)}.ugc--bleed .ugc__inner.page-width{max-width:none}.ugc--split .ugc__header{display:block;margin-bottom:0}.ugc--split .ugc__nav{display:none}.ugc--split .ugc__cta{margin-top:3.2rem}.ugc--split .ugc__inner.page-width{padding-inline:0;max-width:none}@media screen and (min-width:990px){.ugc--split .ugc__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6rem;align-items:center}.ugc--split .ugc__carousel{display:block;min-width:0}.ugc--split .ugc__track{padding-inline:0;scroll-padding-inline-start:0}}@media screen and (max-width:989px){.ugc--split .ugc__inner{margin-bottom:3.2rem}.ugc--split .ugc__carousel{display:block}.ugc--split .ugc__track{padding-inline:0;scroll-padding-inline-start:0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/custom-ugc-carousel.css.map */