.vh-ugc{overflow:hidden;--vh-ugc-cell:260px;--vh-ugc-gutter:20px}.vh-ugc__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.vh-ugc__lede{margin-top:12px;max-width:52ch}.vh-ugc__lede p{margin:0}.vh-ugc__pause{display:inline-flex;align-items:center;gap:8px;flex:none;height:44px;padding:0 16px;border:1px solid var(--vh-line);border-radius:999px;background:var(--vh-surface);color:var(--vh-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--vh-t),background var(--vh-t)}.vh-ugc__pause:hover{border-color:var(--vh-accent);background:var(--vh-accent-soft)}.vh-ugc__pause:focus-visible{outline:2px solid var(--vh-accent);outline-offset:3px}.vh-ugc__ico{width:15px;height:15px;flex:none}.vh-ugc__ico--play,.vh-ugc__pause[aria-pressed=true] .vh-ugc__ico--pause{display:none}.vh-ugc__pause[aria-pressed=true] .vh-ugc__ico--play{display:block}.vh-ugc__viewport{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.vh-ugc--full .vh-ugc__viewport{width:100vw;margin-left:calc(50% - 50vw)}.vh-ugc__track{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:vh-ugc-marquee var(--vh-ugc-dur,40s) linear infinite;will-change:transform}@keyframes vh-ugc-marquee{0%{transform:translateZ(0)}to{transform:translate3d(var(--vh-ugc-shift,-50%),0,0)}}.vh-ugc__viewport:hover .vh-ugc__track,.vh-ugc__viewport:focus-within .vh-ugc__track,.vh-ugc.is-idle .vh-ugc__track,.vh-ugc.is-stopped .vh-ugc__track{animation-play-state:paused}.vh-ugc__cell{flex:0 0 auto;width:var(--vh-ugc-cell,260px);margin-right:var(--vh-ugc-gutter,20px)}.vh-ugc__frame{position:relative;aspect-ratio:var(--vh-ugc-ratio,4/5);overflow:hidden;border:1px solid var(--vh-line);border-radius:var(--vh-radius-lg);background:var(--vh-bg-wash)}.vh-ugc__frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 32%}.vh-ugc__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vh-muted)}@media(max-width:989px){.vh-ugc{--vh-ugc-cell:230px;--vh-ugc-gutter:16px}}@media(max-width:749px){.vh-ugc{--vh-ugc-cell:62vw;--vh-ugc-gutter:12px}.vh-ugc__head{display:block}.vh-ugc__pause{margin-top:18px}}@media(prefers-reduced-motion:reduce){.vh-ugc__track{animation:none;width:auto}.vh-ugc__cell--clone{display:none}.vh-ugc__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.vh-ugc__viewport::-webkit-scrollbar{display:none}.vh-ugc__cell{scroll-snap-align:start}.vh-ugc__pause{display:none}.vh-ugc--full .vh-ugc__viewport{padding-inline:5vw}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/vh-ugc.css.map */