.ugc{--ugc-side-opacity: .55;--ugc-ratio: 2 / 3;--ugc-card-max: 225px;--ugc-card-eff: min(var(--ugc-card-width), var(--ugc-card-max));--ugc-gap-eff: var(--ugc-gap);--ugc-radius-eff: min(var(--ugc-radius, 10px), 10px);position:relative;overflow:hidden}.ugc__head{max-width:46rem;margin-inline:auto;padding-inline:24px;text-align:center}.ugc__eyebrow{margin:0 0 12px;font-family:var(--font-body--family, inherit);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.ugc h2.ugc__title,.ugc h3.ugc__title{margin:0;font-family:var(--font-heading--family, inherit);font-size:var(--ugc-title-size, 1.5rem);font-weight:400;line-height:var(--ugc-title-lh, 1.25);text-wrap:balance}.ugc__sub{margin:14px auto 0;max-width:34rem;font-family:var(--font-body--family, inherit);font-size:.9375rem;line-height:1.6;opacity:.72;text-wrap:pretty}.ugc__viewport{margin-block-start:clamp(32px,4vw,56px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.ugc__viewport::-webkit-scrollbar{display:none}.ugc__viewport:focus-visible{outline:2px solid currentColor;outline-offset:4px}.ugc__track{display:flex;align-items:center;gap:var(--ugc-gap-eff);margin:0;padding:0;padding-inline:calc(50% - (var(--ugc-card-eff) / 2));padding-block:calc(var(--ugc-card-eff) * .2);list-style:none}.ugc__item{flex:0 0 var(--ugc-card-eff);scroll-snap-align:center}.ugc__card{position:relative;margin:0;transform:scale(.94);opacity:var(--ugc-side-opacity);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1)}.ugc__item[data-active] .ugc__card{transform:scale(var(--ugc-scale));opacity:1}.ugc__halo{position:absolute;top:-18%;right:-14%;bottom:-18%;left:-14%;z-index:0;border-radius:50%;background:radial-gradient(closest-side,var(--ugc-glow),transparent 72%);opacity:0;transition:opacity .7s ease;pointer-events:none}.ugc__item[data-active] .ugc__halo{filter:blur(28px);opacity:var(--ugc-glow-strength)}.ugc__frame{position:relative;z-index:1;display:block;overflow:hidden;border-radius:var(--ugc-radius-eff);box-shadow:0 2px 10px #0000000f;transition:box-shadow .6s ease}.ugc__item[data-active] .ugc__frame{box-shadow:0 18px 48px -18px #00000052}.ugc__img{display:block;width:100%;height:auto;aspect-ratio:var(--ugc-ratio);object-fit:cover;border-radius:var(--ugc-radius-eff);background:#0000000a}.ugc__caption{position:absolute;z-index:2;inset-inline:12px;inset-block-end:12px;display:grid;gap:2px;padding:10px 12px;border-radius:calc(var(--ugc-radius-eff) * .6);background:#00000075;color:#fff;font-family:var(--font-body--family, inherit);text-align:left;opacity:0;transition:opacity .5s ease}.ugc__item[data-active] .ugc__caption{opacity:1}.ugc__place{font-size:.75rem;font-weight:500}.ugc__author,.ugc__quote{font-size:.6875rem;opacity:.82}.ugc__nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-block-start:clamp(20px,2.5vw,32px);padding-inline:24px}.ugc__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;opacity:.55;cursor:pointer;transition:opacity .25s ease,transform .25s ease}.ugc__arrow svg{width:18px;height:18px}.ugc__arrow:hover:not(:disabled){opacity:1;transform:scale(1.06)}.ugc__arrow:disabled{opacity:.2;cursor:default}.ugc__counter{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-body--family, inherit);font-size:.8125rem;font-variant-numeric:tabular-nums}.ugc__count--total{opacity:.45}.ugc__rule{position:relative;display:block;width:clamp(48px,9vw,104px);height:1px;background:currentColor;opacity:.25}.ugc__rule-fill{position:absolute;inset-block:0;inset-inline-start:0;display:block;width:0;background:currentColor;transition:width .45s cubic-bezier(.22,1,.36,1)}.ugc__cta{margin-block-start:28px;padding-inline:24px;text-align:center;font-family:var(--font-body--family, inherit);font-size:.875rem}.ugc__cta a{color:inherit;text-underline-offset:4px}@media(max-width:989px){.ugc{--ugc-card-max: min(42vw, 210px)}}@media(max-width:749px){.ugc{--ugc-card-max: min(38vw, 190px);--ugc-gap-eff: 14px}.ugc__nav{gap:14px}}@media(prefers-reduced-motion:reduce){.ugc__card,.ugc__halo,.ugc__frame,.ugc__caption,.ugc__rule-fill{transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/ugc-gallery.css.map */