.hxp-reels{--hxpr-card-w: 232px;--hxpr-card-w-mobile: 158px;--hxpr-gap: 16px;--hxpr-gap-mobile: 12px;--hxpr-ratio: 9 / 16;--hxpr-radius: 10px;--hxpr-edge: 24px;--hxpr-edge-mobile: 20px;--hxpr-arrow-size: 44px;--hxpr-arrow-bg: #ffffff;--hxpr-arrow-fg: #1c1613;--hxpr-arrow-shadow: 0 2px 12px rgba(0, 0, 0, .16);--hxpr-badge-bg: rgba(0, 0, 0, .58);--hxpr-badge-fg: #ffffff;--hxpr-badge-size: 11px;--hxpr-label-size: 14px;--hxpr-label-color: #ffffff;--hxpr-card-veil: rgba(0, 0, 0, .28);--hxpr-backdrop: rgba(0, 0, 0, .92);--hxpr-stage: #000000;--hxpr-ctrl-size: 40px;--hxpr-ctrl-bg: rgba(0, 0, 0, .42);--hxpr-ctrl-bg-hover: rgba(0, 0, 0, .66);--hxpr-ctrl-fg: #ffffff;--hxpr-dot: rgba(255, 255, 255, .38);--hxpr-dot-on: #ffffff;--hxpr-viewer-max: 460px;--hxpr-panel-w: 560px;--hxpr-panel-bg: #ffffff;--hxpr-panel-fg: #1c1613;--hxpr-panel-muted: #615a54;--hxpr-panel-line: #e4dfde;--hxpr-panel-title-size: 20px;--hxpr-panel-cols: 2;--hxpr-panel-gap: 20px;--hxpr-prog: rgba(255, 255, 255, .3);--hxpr-prog-on: #ffffff;--hxpr-prog-h: 3px;--hxpr-pc-bg: #ffffff;--hxpr-pc-fg: #1c1613;--hxpr-pc-muted: #615a54;--hxpr-pc-radius: 8px;--hxpr-pc-btn-bg: #411b11;--hxpr-pc-btn-fg: #ffffff;--hxpr-pc-title-size: 14px;--hxpr-pc-price-size: 13px;--hxpr-ease: cubic-bezier(.22, .61, .36, 1)}.hxp-reels .hxp-reels__ic,.hxp-reels .hxp-reels__ic *{fill:none!important;stroke:currentColor!important;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.hxp-reels .hxp-reels__ic--solid,.hxp-reels .hxp-reels__ic--solid *{fill:currentColor!important;stroke:none!important}.hxp-reels .hxp-reels__ic{width:100%;height:100%;display:block;vertical-align:middle}.hxp-ugc{background:var(--hxp-bg);overflow:hidden}.hxp-ugc__inner{margin:0 auto;padding:0 var(--hxp-pad-x)}.hxp-ugc__head{margin-bottom:26px}.hxp .hxp-ugc__eyebrow{margin:0 0 10px;font-family:var(--hxp-font-body);font-size:var(--hxp-eyebrow-size);letter-spacing:.14em;text-transform:uppercase;color:var(--hxp-ink-soft)}.hxp-ugc__heading{margin:0;font-family:var(--hxp-font-head);font-weight:400;line-height:1.18;color:var(--hxp-ink)}.hxp-ugc__body{margin:12px auto 0;max-width:60ch;font-family:var(--hxp-font-body);font-size:var(--hxp-body-size);line-height:1.65;color:var(--hxp-ink-soft)}.hxp .hxp-ugc__body p{color:inherit;font-weight:inherit;margin:0 0 .6em}.hxp .hxp-ugc__body p:last-child{margin-bottom:0}.hxp-ugc__head--left .hxp-ugc__body{margin-left:0}@media(max-width:749px){.hxp-ugc__inner{padding:0 var(--hxp-pad-x-mobile)}.hxp-ugc__head{margin-bottom:20px}.hxp-ugc__eyebrow{font-size:var(--hxp-eyebrow-size-mobile)}.hxp-ugc__body{font-size:var(--hxp-body-size-mobile)}}.hxp-reels__rail-wrap{position:relative}.hxp-reels__rail{display:flex;justify-content:var(--hxpr-rail-justify, safe center);gap:var(--hxpr-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px var(--hxpr-edge);margin:0 calc(var(--hxpr-edge) * -1);scroll-padding-left:var(--hxpr-edge);-webkit-overflow-scrolling:touch;scrollbar-width:none}.hxp-reels__rail::-webkit-scrollbar{display:none}.hxp-reels__card{flex:0 0 var(--hxpr-card-w);width:var(--hxpr-card-w);scroll-snap-align:start;position:relative;display:block;padding:0;border:0;background:none;border-radius:var(--hxpr-radius);overflow:hidden;cursor:pointer;aspect-ratio:var(--hxpr-ratio);text-align:left;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}.hxp-reels__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--hxpr-ease)}.hxp-reels__card:hover .hxp-reels__poster{transform:scale(1.04)}.hxp-reels__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s var(--hxpr-ease)}.hxp-reels__preview.is-ready{opacity:1}.hxp-reels__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--hxpr-card-veil) 0%,transparent 46%);pointer-events:none}.hxp-reels__play{position:absolute;top:10px;left:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--hxpr-badge-bg);color:var(--hxpr-badge-fg);pointer-events:none}.hxp-reels__play .hxp-reels__ic{width:13px;height:13px}.hxp-reels__badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:100px;background:var(--hxpr-badge-bg);color:var(--hxpr-badge-fg);font-size:var(--hxpr-badge-size);font-weight:600;letter-spacing:.04em;line-height:1.2;pointer-events:none}.hxp-reels__label{position:absolute;left:12px;right:12px;bottom:11px;margin:0;color:var(--hxpr-label-color);font-size:var(--hxpr-label-size);line-height:1.35;font-weight:500;pointer-events:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hxp .hxp-reels__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:var(--hxpr-arrow-size);height:var(--hxpr-arrow-size);display:grid;place-items:center;border:0;border-radius:50%;background:var(--hxpr-arrow-bg);color:var(--hxpr-arrow-fg);box-shadow:var(--hxpr-arrow-shadow);cursor:pointer;transition:opacity .2s var(--hxpr-ease),visibility .2s var(--hxpr-ease)}.hxp .hxp-reels__arrow .hxp-reels__ic{width:38%;height:38%}.hxp-reels__arrow--prev{left:-8px}.hxp-reels__arrow--next{right:-8px}.hxp-reels__arrow[disabled]{opacity:0;visibility:hidden;pointer-events:none}.hxp-reels__modal{width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;padding:0;margin:0;border:0;overflow:hidden;background:var(--hxpr-stage);color:#fff}.hxp-reels__modal::backdrop{background:var(--hxpr-backdrop)}.hxp-reels__modal[open]{display:grid}.hxp-reels__shell{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden}.hxp-reels__stage{position:relative;width:100%;max-width:var(--hxpr-viewer-max);height:100vh;height:100dvh;background:var(--hxpr-stage);overflow:hidden}.hxp-reels__track{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hxp-reels__track::-webkit-scrollbar{display:none}.hxp-reel{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:var(--hxpr-stage)}.hxp-reel__media,.hxp-reel__video,.hxp-reel__still{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hxp-reel__video,.hxp-reel__still{object-fit:cover;display:block}.hxp-reel__still{z-index:0}.hxp-reel__video{z-index:1}.hxp-reels__modal[data-fit=contain] .hxp-reel__video,.hxp-reels__modal[data-fit=contain] .hxp-reel__still{object-fit:contain}.hxp-reel__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.45) 0,transparent 22%),linear-gradient(to top,rgba(0,0,0,.55) 0,transparent 38%)}.hxp .hxp-reel__caption{position:absolute;z-index:3;left:16px;right:76px;bottom:calc(16px + env(safe-area-inset-bottom));margin:0;font-size:14px;line-height:1.4;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none}.hxp-reel.has-products .hxp-reel__caption{bottom:calc(94px + env(safe-area-inset-bottom))}.hxp .hxp-reels__btn{width:var(--hxpr-ctrl-size);height:var(--hxpr-ctrl-size);display:grid;place-items:center;border:0;border-radius:50%;background:var(--hxpr-ctrl-bg);color:var(--hxpr-ctrl-fg);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s var(--hxpr-ease);-webkit-tap-highlight-color:transparent}.hxp .hxp-reels__btn:hover{background:var(--hxpr-ctrl-bg-hover)}.hxp .hxp-reels__btn .hxp-reels__ic{width:44%;height:44%}.hxp-reels__btn[hidden]{display:none}.hxp-reels__close{position:absolute;z-index:5;top:calc(12px + env(safe-area-inset-top));left:12px}.hxp-reels__util{position:absolute;z-index:5;top:calc(12px + env(safe-area-inset-top));right:12px;display:flex;flex-direction:column;gap:10px}.hxp-reels__nav{position:absolute;z-index:5;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px}.hxp-reels__btn[disabled]{opacity:.3;pointer-events:none}.hxp-reels__dots{position:absolute;z-index:5;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;pointer-events:none}.hxp-reels__dot{width:5px;height:5px;border-radius:50%;background:var(--hxpr-dot);transition:background .25s var(--hxpr-ease),height .25s var(--hxpr-ease)}.hxp-reels__dot.is-on{background:var(--hxpr-dot-on);height:14px;border-radius:3px}.hxp-reels__stage:has(.hxp-reels__nav) .hxp-reels__dots{right:calc(var(--hxpr-ctrl-size) + 20px)}.hxp-reel__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.hxp-reel__shelf{position:absolute;z-index:4;left:0;right:0;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;padding:0 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.hxp-reel__shelf::-webkit-scrollbar{display:none}.hxp-reel__product{flex:0 0 min(300px,84%);scroll-snap-align:center;display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--hxpr-pc-radius);background:var(--hxpr-pc-bg);color:var(--hxpr-pc-fg);text-decoration:none}.hxp-reel__product img{flex:0 0 auto;width:46px;height:46px;object-fit:cover;border-radius:5px;display:block}.hxp-reel__pinfo{min-width:0;flex:1 1 auto}.hxp .hxp-reel__ptitle{margin:0;font-size:var(--hxpr-pc-title-size);font-weight:500;line-height:1.3;color:var(--hxpr-pc-fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hxp .hxp-reel__pprice{margin:2px 0 0;font-size:var(--hxpr-pc-price-size);color:var(--hxpr-pc-muted)}.hxp .hxp-reel__pprice s{opacity:.7;margin-left:5px}.hxp-reel__pcta{flex:0 0 auto;padding:8px 16px;border-radius:100px;background:var(--hxpr-pc-btn-bg);color:var(--hxpr-pc-btn-fg);font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.hxp-reels__prog{position:absolute;z-index:6;top:calc(8px + env(safe-area-inset-top));left:10px;right:10px;display:flex;gap:4px;pointer-events:none}.hxp-reels__prog-seg{flex:1 1 0;height:var(--hxpr-prog-h);border-radius:100px;background:var(--hxpr-prog);overflow:hidden}.hxp-reels__prog-fill{display:block;width:0%;height:100%;border-radius:100px;background:var(--hxpr-prog-on)}.hxp-reels__prog-seg.is-done .hxp-reels__prog-fill{width:100%}.hxp-reels__stage:has(.hxp-reels__prog) .hxp-reels__close,.hxp-reels__stage:has(.hxp-reels__prog) .hxp-reels__util{top:calc(22px + env(safe-area-inset-top))}.hxp-reels__panel{position:absolute;z-index:7;left:0;right:0;bottom:0;height:min(70%,560px);display:flex;flex-direction:column;min-height:0;background:var(--hxpr-panel-bg);color:var(--hxpr-panel-fg);border-radius:16px 16px 0 0;transform:translateY(101%);visibility:hidden;transition:transform .34s var(--hxpr-ease),visibility .34s var(--hxpr-ease)}.hxp-reels__modal[data-panel=open] .hxp-reels__panel{transform:none;visibility:visible}.hxp-reels__sheet-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#00000073;opacity:0;visibility:hidden;transition:opacity .34s var(--hxpr-ease),visibility .34s var(--hxpr-ease)}.hxp-reels__modal[data-panel=open] .hxp-reels__sheet-veil{opacity:1;visibility:visible}.hxp-reels__panel-grip{flex:0 0 auto;width:40px;height:4px;border-radius:100px;background:var(--hxpr-panel-line);margin:9px auto 0}.hxp .hxp-reels__panel-close{position:absolute;top:14px;right:14px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--hxpr-panel-muted);cursor:pointer}.hxp .hxp-reels__panel-close .hxp-reels__ic{width:15px;height:15px}.hxp-reels__panel-head{flex:0 0 auto;padding:22px 24px 16px;border-bottom:1px solid var(--hxpr-panel-line)}.hxp .hxp-reels__panel-title{margin:0;font-size:var(--hxpr-panel-title-size);font-weight:600;line-height:1.3;color:var(--hxpr-panel-fg)}.hxp-reels__panel-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 28px;display:grid;grid-template-columns:repeat(var(--hxpr-panel-cols),minmax(0,1fr));gap:var(--hxpr-panel-gap);align-content:start}.hxp .hxp-reels__panel-empty{grid-column:1 / -1;margin:0;color:var(--hxpr-panel-muted);font-size:14px}.hxp-reels__pcard{display:flex;flex-direction:column;text-decoration:none;color:inherit}.hxp-reels__pcard-media{display:block;width:100%;aspect-ratio:1 / 1;background:#f4f2f1;overflow:hidden;border-radius:var(--hxpr-pc-radius)}.hxp-reels__pcard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--hxpr-ease)}.hxp-reels__pcard:hover .hxp-reels__pcard-media img{transform:scale(1.04)}.hxp-reels__pcard-title{margin:12px 0 0;font-size:15px;font-weight:500;line-height:1.35;color:var(--hxpr-panel-fg);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hxp-reels__pcard-price{margin:8px 0 0;font-size:15px;line-height:1.4}.hxp-reels__pcard-was{display:block;color:var(--hxpr-panel-muted);text-decoration:line-through}.hxp-reels__pcard-now{display:block;font-weight:600;color:var(--hxpr-panel-fg)}.hxp-reels__pcard-cta{margin-top:12px;padding:12px 18px;border-radius:var(--hxpr-pc-radius);background:var(--hxpr-pc-btn-bg);color:var(--hxpr-pc-btn-fg);font-size:14px;font-weight:600;line-height:1;text-align:center}.hxp-reels__pcard{height:100%}.hxp-reels__pcard-cta{margin-top:auto}@media(max-width:749px){.hxp-reels{--hxpr-card-w: var(--hxpr-card-w-mobile);--hxpr-gap: var(--hxpr-gap-mobile);--hxpr-edge: var(--hxpr-edge-mobile)}.hxp-reels__arrow{display:none}.hxp-reels__stage{max-width:none}}@media(min-width:750px){.hxp-reels__nav{right:-14px;transform:translate(100%,-50%)}.hxp-reels__stage:has(.hxp-reels__nav) .hxp-reels__dots{right:8px}}@media(min-width:990px){.hxp-reels__stage{overflow:visible}.hxp-reels__shell{grid-template-columns:minmax(0,1fr)}.hxp-reels__modal[data-panel=open] .hxp-reels__shell{grid-template-columns:minmax(0,1fr) minmax(320px,var(--hxpr-panel-w))}.hxp-reels__stage{justify-self:center}.hxp-reels__panel{position:static;height:100%;max-height:100dvh;border-radius:0;transform:none;visibility:hidden;transition:visibility .34s var(--hxpr-ease)}.hxp-reels__modal[data-panel=open] .hxp-reels__panel{visibility:visible}.hxp-reels__panel-grip,.hxp-reels__sheet-veil,.hxp-reels__modal[data-shelf=off] .hxp-reel__shelf{display:none}.hxp-reels__modal[data-shelf=off] .hxp-reel.has-products .hxp-reel__caption{bottom:calc(16px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.hxp-reels__rail,.hxp-reels__track,.hxp-reel__shelf{scroll-behavior:auto}.hxp-reels__poster,.hxp-reels__preview,.hxp-reels__dot,.hxp-reels__btn{transition:none}.hxp-reels__card:hover .hxp-reels__poster{transform:none}}.hxp-reels__card:focus-visible,.hxp .hxp-reels__arrow:focus-visible,.hxp .hxp-reels__btn:focus-visible,.hxp-reel__product:focus-visible,.hxp-reel__tap:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px #00000080}.hxp-reels__card:focus-visible,.hxp .hxp-reels__arrow:focus-visible{outline-color:var(--hxpr-arrow-fg);box-shadow:none}.hxp-reels-locked{overflow:hidden!important}.hxp-reel__playbadge{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#00000075;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--hxpr-ease),transform .2s var(--hxpr-ease),visibility .2s}.hxp-reel.is-paused .hxp-reel__playbadge{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.hxp-reel__playbadge .hxp-reels__ic{width:26px;height:26px;margin-left:3px}.hxp-reels__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:989px){.hxp-reels__panel-grip,.hxp-reels__panel-head{touch-action:none}}.hxp-reel__video::-webkit-media-text-track-container{transform:translateY(-30px)}.hxp-reel.has-products .hxp-reel__video::-webkit-media-text-track-container{transform:translateY(-104px)}.hxp-reel__video::cue{background:#000000a8;color:#fff;font-size:.88em;line-height:1.35}@media(prefers-reduced-motion:reduce){.hxp-reel__playbadge{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/hxp-reels.css.map */