ugc-video-reel{display:block}.ugc-reel{--ugc-fg: #000;--ugc-rule: #000;--ugc-bg: #fff;--ugc-tag-bg: #FFF9C7;background:var(--ugc-bg);color:var(--ugc-fg);padding-top:var(--ugc-pt, 48px);padding-bottom:var(--ugc-pb, 64px);overflow:hidden}.ugc-reel--cream{--ugc-bg: #FFFCE4}.ugc-reel--black{--ugc-bg: #000;--ugc-fg: #fff;--ugc-rule: #fff}.ugc-reel__inner{max-width:1184px;margin:0 auto;padding:0 16px}.ugc-reel__header{padding-top:16px;margin-bottom:40px;border-top:.5px solid var(--ugc-rule)}.ugc-reel__eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.ugc-reel__heading{margin:0;max-width:14ch;font-family:Neue_Haas-55,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;font-size:48px;line-height:1;letter-spacing:-.01em;color:var(--ugc-fg)}.ugc-reel__grid{display:grid;gap:24px;margin:0;padding:0;list-style:none;align-items:start}.ugc-reel__card{position:relative;min-width:0}.ugc-reel__media-wrap{position:relative}.ugc-reel__media{position:relative;z-index:1;aspect-ratio:9 / 16;overflow:hidden;background:#111}.ugc-reel__video{display:block;width:100%;height:100%;object-fit:cover}.ugc-reel__frame{position:absolute;z-index:0;top:20px;left:20px;right:-20px;bottom:-20px;background-color:#fff;background-image:conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0);background-size:24px 24px;border:.5px solid #000;pointer-events:none}.ugc-reel--count-3 .ugc-reel__grid{grid-template-columns:1fr 1.3fr 1fr;gap:40px}.ugc-reel--count-3 .ugc-reel__card--1{order:2;z-index:2}.ugc-reel--count-3 .ugc-reel__card--2{order:1;margin-top:120px}.ugc-reel--count-3 .ugc-reel__card--3{order:3;margin-top:48px}.ugc-reel--count-3.ugc-reel--tilt .ugc-reel__card--2{transform:rotate(-3deg)}.ugc-reel--count-3.ugc-reel--tilt .ugc-reel__card--3{transform:rotate(2.5deg)}.ugc-reel--count-2 .ugc-reel__grid{grid-template-columns:1.2fr 1fr;gap:40px;max-width:760px;margin:0 auto}.ugc-reel--count-2 .ugc-reel__card--2{margin-top:96px}.ugc-reel--count-2.ugc-reel--tilt .ugc-reel__card--2{transform:rotate(2.5deg)}.ugc-reel--count-1 .ugc-reel__grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.ugc-reel__handle{position:absolute;z-index:2;top:12px;left:12px;font-size:14px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6);pointer-events:none}.ugc-reel__play{position:absolute;z-index:2;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:0;border:0;border-radius:999px;transform:translate(-50%,-50%);background:#fff;color:#000}.ugc-reel__card.is-playing .ugc-reel__play{display:none}.ugc-reel__shop-tag{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;background:var(--ugc-tag-bg);border:.5px solid #000;color:#000;font-size:12px;text-transform:uppercase;text-decoration:none}.ugc-reel__shop-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ugc-reel__shop-cta{flex-shrink:0}.ugc-reel__shop-cta:after{content:"\2192";margin-left:6px}.ugc-reel__caption{margin:12px 0 0;font-family:Neue_Haas-45,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.3;color:var(--ugc-fg)}.ugc-reel__play:focus-visible,.ugc-reel__shop-tag:focus-visible{outline:2px solid var(--ugc-fg);outline-offset:2px}@media(max-width:1024px){.ugc-reel__heading{font-size:40px}.ugc-reel--count-3 .ugc-reel__grid{gap:24px}.ugc-reel--count-3 .ugc-reel__card--2{margin-top:80px}.ugc-reel--count-3 .ugc-reel__card--3{margin-top:32px}}@media(max-width:768px){.ugc-reel__header{margin-bottom:24px}.ugc-reel__heading{font-size:32px}.ugc-reel .ugc-reel__card{margin-top:0!important;order:0!important}.ugc-reel__frame{top:10px;left:-10px;right:10px;bottom:-10px;background-size:16px 16px}.ugc-reel--count-3.ugc-reel--tilt .ugc-reel__card--2{transform:rotate(3deg)}.ugc-reel--count-3.ugc-reel--tilt .ugc-reel__card--3{transform:rotate(-2.5deg)}.ugc-reel--count-3 .ugc-reel__grid{grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:14px;align-items:stretch}.ugc-reel--count-3 .ugc-reel__card--1{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column}.ugc-reel--count-3 .ugc-reel__card--1 .ugc-reel__media-wrap{flex:1;display:flex;flex-direction:column}.ugc-reel--count-3 .ugc-reel__card--1 .ugc-reel__media{flex:1;min-height:0;aspect-ratio:auto}.ugc-reel--count-3 .ugc-reel__card--1 .ugc-reel__video{position:absolute;top:0;right:0;bottom:0;left:0}.ugc-reel--count-3 .ugc-reel__card--2{grid-column:2;grid-row:1}.ugc-reel--count-3 .ugc-reel__card--3{grid-column:2;grid-row:2}.ugc-reel--count-3 .ugc-reel__card--2 .ugc-reel__handle,.ugc-reel--count-3 .ugc-reel__card--3 .ugc-reel__handle,.ugc-reel--count-3 .ugc-reel__card--2 .ugc-reel__shop-tag,.ugc-reel--count-3 .ugc-reel__card--3 .ugc-reel__shop-tag,.ugc-reel--count-3 .ugc-reel__caption{display:none}.ugc-reel--count-3 .ugc-reel__card--2 .ugc-reel__play,.ugc-reel--count-3 .ugc-reel__card--3 .ugc-reel__play{width:36px;height:36px}.ugc-reel--count-2 .ugc-reel__grid{grid-template-columns:1fr 1fr;gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-ugc-video-reel.css.map */