.hz-ugc__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;max-width:1198px;margin:var(--hz-s7) auto 0}.hz-ugc__tile{position:relative;display:block;appearance:none;-webkit-appearance:none;width:100%;margin:0;padding:0;border:0;font:inherit;text-align:inherit;aspect-ratio:280 / 467;border-radius:18px;overflow:hidden;isolation:isolate;background:#dbd9d4;color:inherit;text-decoration:none}.hz-ugc__grid>.hz-ugc__tile{flex:0 1 280px}button.hz-ugc__tile{cursor:pointer}.hz-ugc__tile:focus-visible{outline:2px solid var(--hz-ink);outline-offset:3px}.hz-ugc__media{position:absolute;top:0;right:0;bottom:0;left:0}.hz-ugc__media video,.hz-ugc__video,.hz-ugc__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--hz-dur-slow) var(--hz-ease)}.hz-ugc__img{z-index:1;transition:transform var(--hz-dur-slow) var(--hz-ease),opacity var(--hz-dur-fast) var(--hz-ease)}.hz-ugc__tile.is-playing .hz-ugc__img{opacity:0}.hz-ugc__tile:hover .hz-ugc__img,.hz-ugc__tile:hover .hz-ugc__video{transform:scale(1.03)}.hz-ugc__ph{position:absolute;top:0;right:0;bottom:0;left:0;background:#dbd9d4}.hz-ugc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:var(--hz-white);color:var(--hz-ink);border-radius:var(--hz-r-pill);box-shadow:0 2px 8px #1a1a1a24;transition:transform var(--hz-dur-fast) var(--hz-ease),opacity var(--hz-dur-fast) var(--hz-ease)}.hz-ugc__tile:hover .hz-ugc__play{transform:translate(-50%,-50%) scale(1.06)}.hz-ugc__tile.is-playing .hz-ugc__play{opacity:0}.hz-ugc__tile.is-playing:hover .hz-ugc__play{opacity:1}.hz-ugc__play svg{width:20px;height:22px}.hz-ugc__scrim{position:absolute;inset:auto 0 0 0;z-index:1;display:flex;flex-direction:column;gap:var(--hz-s2);padding:var(--hz-s7) 20px 20px;background:linear-gradient(to top,#0000008c,#0000 120px)}.hz-ugc__handle{font-size:.9375rem;font-weight:var(--hz-fw-bold);line-height:1.25;color:var(--hz-on-dark)}.hz-ugc__caption{font-size:.8125rem;font-weight:var(--hz-fw-regular);line-height:1.35;color:#e5e3de}@media(max-width:989px){.hz-ugc__grid{margin-top:var(--hz-s6)}.hz-ugc__grid>.hz-ugc__tile{flex:0 1 calc(50% - 13px)}}@media(max-width:749px){.hz-ugc__grid{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:var(--hz-s4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--hz-gutter);margin-inline:calc(var(--hz-gutter) * -1);padding-inline:var(--hz-gutter);padding-block:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hz-ugc__grid::-webkit-scrollbar{display:none}.hz-ugc__grid>.hz-ugc__tile{flex:0 0 62vw;scroll-snap-align:start}}.hz-ugc--scrim-plain .hz-ugc__scrim{background:none;text-shadow:0 1px 4px rgba(0,0,0,.65)}.hz-ugc--scrim-hidden .hz-ugc__scrim{display:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hz-ugc.css.map */