.lp-reels{--lp-reel-chrome: 54px;--lp-reels-count: 3;--lp-reels-height: 85vh;position:relative;overflow:hidden}.lp-reels .lp-section-header{margin-bottom:3.2rem}.lp-reels__wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:.4rem;background:#0f0d14}.lp-reels__panel{position:relative;width:100%;height:min(74vh,calc(100vw * 16 / 9));overflow:hidden;background:#0f0d14;color:#fff;isolation:isolate}@media screen and (min-width:990px){.lp-reels__wall{display:flex;overflow:hidden}.lp-reels__panel{flex:1 1 0;width:auto;height:var(--lp-reels-height);max-height:96rem}}.lp-reels__media{position:absolute;top:0;right:0;bottom:0;left:0}.lp-reels__video,.lp-reels__video video,.lp-reels__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.lp-reels__cover--empty{background:radial-gradient(circle at 70% 25%,rgba(0,194,180,.55),transparent 55%),radial-gradient(circle at 20% 80%,rgba(0,194,180,.25),transparent 50%),linear-gradient(170deg,#2e2a39,#14111b)}.lp-reels__embed{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.lp-reels__embed iframe{position:absolute;left:0;top:0;width:100%;height:300%;border:0;background:#000;transform-origin:50% 0}.lp-reels__facade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;color:#fff;z-index:2}.lp-reels__facade:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-4px}.lp-reels__play{position:absolute;left:50%;top:50%;width:6.4rem;height:6.4rem;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:#ffffffeb;color:#1a1722;transition:transform .35s cubic-bezier(.22,1,.36,1)}.lp-reels__facade:hover .lp-reels__play{transform:translate(-50%,-50%) scale(1.08)}.lp-reels__play .lp-icon{width:2.6rem;height:2.6rem;margin-left:.3rem}.lp-reels__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(10,8,14,.75) 0%,rgba(10,8,14,.25) 32%,transparent 55%,transparent 82%,rgba(10,8,14,.35) 100%)}.lp-reels__text{position:absolute;z-index:3;left:2rem;right:2rem;bottom:2rem;padding:1.6rem 1.8rem 1.8rem;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#0f0d1480;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),transform .45s cubic-bezier(.22,1,.36,1)}.lp-reels__panel.is-playing .lp-reels__text{opacity:0;transform:translateY(1rem)}@media(hover:hover){.lp-reels__panel.is-playing:hover .lp-reels__text{opacity:1;transform:none}}.lp-reels__chip{pointer-events:auto;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem 1rem .5rem .7rem;border-radius:100px;border:1px solid rgba(255,255,255,.35);background:#0f0d1459;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-body-family);font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background-color .3s,border-color .3s}.lp-reels__chip:hover{background:#fffffff2;color:#1a1722;border-color:#fff}.lp-reels__chip .lp-icon{width:1.5rem;height:1.5rem}.lp-reels__caption{margin:1.2rem 0 0;font-family:var(--font-heading-family);font-style:italic;font-size:clamp(1.9rem,1.4vw + 1rem,2.4rem);line-height:1.25;max-width:24ch}.lp-reels__chip{background:#ffffff1a;backdrop-filter:none;-webkit-backdrop-filter:none}.lp-reels__video{transition:transform 1.4s cubic-bezier(.22,1,.36,1),filter .6s}@media(hover:hover){.lp-reels__panel[data-lp-video]{cursor:pointer}.lp-reels__panel[data-lp-video]:hover .lp-reels__video{transform:scale(1.03)}}.lp-reels__panel[data-lp-video]:not(.is-inview) .lp-reels__video{filter:saturate(.85)}.lp-reels__progress{position:absolute;z-index:3;left:0;right:0;bottom:0;height:2px;background:#ffffff2e}.lp-reels__progress-bar{display:block;height:100%;width:100%;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left}.lp-reels__sound{position:absolute;z-index:3;top:2rem;right:2rem;width:4.2rem;height:4.2rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#0f0d1459;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;padding:0}.lp-reels__sound svg{width:2rem;height:2rem}.lp-reels__sound[aria-pressed=true] .lp-reels__sound-mute,.lp-reels__sound[aria-pressed=false] .lp-reels__sound-wave{display:none}.lp-reels__more{margin-top:3.2rem;margin-bottom:4rem;text-align:center}.lp-reels__more .lp-icon{width:1.6rem;height:1.6rem}@media(prefers-reduced-motion:reduce){.lp-reels__play{transition:none}}@media screen and (min-width:990px){.lp-reels__wall:has(.lp-reels__panel:only-child){justify-content:center;background:transparent}.lp-reels__wall .lp-reels__panel:only-child{flex:0 0 auto;width:min(52rem,100%);aspect-ratio:16 / 9;height:auto;max-height:none;border-radius:var(--media-radius, .6rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-lp-reels.css.map */