.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:var(--hz-fs-small);font-weight:var(--hz-fw-bold);line-height:1.25;color:var(--hz-on-dark)}.hz-ugc__caption{font-size:var(--hz-fs-pill);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}.hz-ugc__grid>.hz-ugc__item{flex:0 1 300px;display:flex;flex-direction:column;gap:14px}.hz-ugc__meta{padding:0 4px;text-align:left}.hz-ugc__who{margin:0;display:flex;flex-direction:column;gap:2px;font-size:var(--hz-fs-small);color:var(--hz-ink)}.hz-ugc__who b{font-weight:var(--hz-fw-bold)}.hz-ugc__who span{font-size:var(--hz-fs-caption);color:var(--hz-muted)}.hz-ugc__quote{margin:10px 0 0;padding:0;font-size:var(--hz-fs-body);line-height:1.5;color:var(--hz-ink)}@media(max-width:749px){.hz-ugc__grid>.hz-ugc__item{flex:0 0 72vw;scroll-snap-align:start}}.hz-ugc__carousel{position:relative;margin-top:var(--hz-s7)}.hz-ugc__carousel .hz-ugc__grid{margin:0;max-width:none;display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px}.hz-ugc__carousel .hz-ugc__grid::-webkit-scrollbar{display:none}.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start}.hz-ugc__arrow{position:absolute;top:34%;z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--hz-ink);box-shadow:0 4px 16px #1a1a1a26;cursor:pointer;transition:opacity .2s ease}.hz-ugc__arrow svg{width:20px;height:20px}.hz-ugc__arrow--prev{left:-14px}.hz-ugc__arrow--next{right:-14px}.hz-ugc__arrow:disabled{opacity:0;pointer-events:none}.hz-ugc__quote{border:0;padding:0;font-style:normal;quotes:none}.hz-ugc__quote:before,.hz-ugc__quote:after{content:none}@media(max-width:989px){.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex-basis:calc((100% - 20px) / 2.3)}}@media(max-width:749px){.hz-ugc__carousel .hz-ugc__grid{gap:14px;margin-inline:calc(var(--hz-gutter) * -1);padding-inline:var(--hz-gutter);scroll-padding-left:var(--hz-gutter)}.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex-basis:72vw}.hz-ugc__arrow{display:none}}.hz-ugc__carousel{max-width:1080px;margin-inline:auto;padding-inline:32px}.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex-basis:calc((100% - 40px) / 3.25)}.hz-ugc__arrow{width:52px;height:52px;background:var(--hz-ink);color:var(--hz-on-dark);box-shadow:0 8px 22px #1a1a1a47}.hz-ugc__arrow:hover{transform:scale(1.06)}.hz-ugc__arrow svg{width:22px;height:22px}.hz-ugc__arrow--prev{left:-8px}.hz-ugc__arrow--next{right:-8px}@media(max-width:989px){.hz-ugc__carousel{padding-inline:0}.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex-basis:calc((100% - 20px) / 2.3)}}@media(max-width:749px){.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex-basis:72vw}}.hz-ugc__sound{position:absolute;left:12px;bottom:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 10px;border-radius:999px;background:#1a1a1ab8;color:#fffdfa;font-size:var(--hz-fs-pill);font-weight:var(--hz-fw-medium);pointer-events:none;transition:opacity .2s ease}.hz-ugc__sound svg{width:16px;height:16px}.hz-ugc__tile.is-sound .hz-ugc__sound{opacity:0}.hz-ugc__tile.is-playing:not(.is-sound) .hz-ugc__play{opacity:1}.hz-ugc{padding-top:calc(var(--hz-section-py) * .5)}.hz-ugc{padding-bottom:calc(var(--hz-section-py) * .5)}.hz-ugc__carousel{max-width:none;width:100vw;margin-inline:calc(50% - 50vw);padding-inline:0}.hz-ugc__carousel .hz-ugc__grid{scroll-snap-type:none;padding-inline:0;margin-inline:0;scroll-padding-left:0}.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex:0 0 300px;scroll-snap-align:none}.hz-ugc__arrow--prev{left:24px}.hz-ugc__arrow--next{right:24px}@media(max-width:989px){.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex-basis:260px}}@media(max-width:749px){.hz-ugc__carousel .hz-ugc__grid>.hz-ugc__item{flex-basis:64vw}}.hz-ugc__play{top:12px;right:12px;left:auto;transform:none;width:40px;height:40px}.hz-ugc__tile:hover .hz-ugc__play{transform:scale(1.06)}.hz-ugc__play svg{width:16px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hz-ugc.css.map */