.reel-feed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;pointer-events:none;--reel-ui-gutter: 16px}.reel-feed[open]{pointer-events:auto}.reel-feed[hidden]{display:none}.reel-feed .fixed-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;transition:opacity .25s ease}.reel-feed[active] .fixed-overlay{opacity:1}.reel-feed__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;transform:translateY(2%);transition:opacity .25s ease,transform .25s ease}.reel-feed[active] .reel-feed__inner{opacity:1;transform:none}.reel-feed__topbar{position:absolute;top:0;inset-inline:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) var(--reel-ui-gutter) 12px;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent)}.reel-feed__brand{font-size:13px;font-weight:800;letter-spacing:.01em;color:var(--fp-cream);text-shadow:0 1px 3px rgba(0,0,0,.5)}.reel-feed__topbar-actions{display:flex;gap:8px;pointer-events:auto}.reel-feed__icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--fp-cream);cursor:pointer;transition:background .15s ease}.reel-feed__icon-btn:hover,.reel-feed__icon-btn:focus-visible{background:#ffffff42}.reel-feed__icon-btn svg{width:18px;height:18px}.reel-feed__icon-unmuted,.reel-feed--unmuted .reel-feed__icon-muted{display:none}.reel-feed--unmuted .reel-feed__icon-unmuted{display:block}.reel-feed__track{position:relative;z-index:2;flex:1;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reel-feed__track::-webkit-scrollbar{display:none}.reel-slide{position:relative;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:var(--fp-dz-bg);color:var(--fp-dz-text)}@supports not (height: 100dvh){.reel-slide{height:100vh}}.reel-slide__media{position:absolute;top:0;right:0;bottom:0;left:0}.reel-slide__poster,.reel-slide__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.reel-slide__video{z-index:1;opacity:0;transition:opacity .2s ease}.reel-slide.is-playing .reel-slide__video{opacity:1}.reel-slide__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.reel-slide__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:linear-gradient(to top,#000000d1,#00000073 26%,#0000 55%)}.reel-slide__ui{position:absolute;z-index:4;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:8px;padding:0 var(--reel-ui-gutter) calc(var(--reel-ui-gutter) + env(safe-area-inset-bottom));pointer-events:none}.reel-slide__ui>*{pointer-events:auto}.reel-slide__ui--center{top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;text-align:center;padding:0 32px}.reel-slide__creator{font-size:13px;font-weight:800;color:var(--fp-lime)}.reel-slide__title{margin:0;font-size:17px;font-weight:800;line-height:1.25;color:var(--fp-cream);text-transform:none}.reel-slide__caption{margin:0;font-size:13px;line-height:1.45;color:#f7f1e8d1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.reel-slide--live .reel-slide__poster{filter:brightness(.55)}.reel-slide--live .reel-slide__media{background:linear-gradient(160deg,var(--fp-lilac),#1c0940)}.reel-slide__live-tag{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;padding:4px 8px;border-radius:5px;background:#f35;color:#fff;font-size:10.5px;font-weight:800;text-transform:uppercase}.reel-slide__live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:reelPulse 1.4s ease-in-out infinite}@keyframes reelPulse{0%,to{opacity:1}50%{opacity:.3}}.reel-slide__watch{align-self:flex-start;margin-top:4px}.reel-buy{display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px;border-radius:14px;background:#141416b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.reel-buy__product{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none;color:inherit}.reel-buy__thumb{width:44px;height:44px;flex:0 0 44px;border-radius:10px;object-fit:cover;background:var(--fp-dz-surface-2)}.reel-buy__info{display:flex;flex-direction:column;gap:2px;min-width:0}.reel-buy__title{font-size:13px;font-weight:700;color:var(--fp-cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-buy__price{display:flex;align-items:baseline;gap:6px;font-size:12.5px;font-weight:700;color:#f7f1e8e6}.reel-buy__was{color:var(--fp-dz-dim);font-weight:500}.reel-buy__now{color:var(--fp-lime)}.reel-buy__variant{color:var(--fp-dz-muted);font-weight:500}.reel-buy__form,.reel-buy__form-el{margin:0;flex:0 0 auto}.reel-buy--stacked{flex-wrap:wrap;row-gap:8px}.reel-buy--stacked .reel-buy__product,.reel-buy--stacked .reel-buy__form{flex:1 1 100%}.reel-buy--stacked .reel-buy__form-el{display:flex;align-items:center;gap:8px}.reel-buy__select{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center}.reel-buy__variant-select{width:100%;min-width:0;appearance:none;-webkit-appearance:none;padding:10px 30px 10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff14;color:var(--fp-cream);font-size:12.5px;font-weight:600;line-height:1.2;text-overflow:ellipsis;cursor:pointer}.reel-buy__variant-select:focus-visible{outline:2px solid var(--fp-lime);outline-offset:1px}.reel-buy__variant-select option{color:#111;background:#fff}.reel-buy__select .icon-caret-down,.reel-buy__select svg{position:absolute;right:11px;width:12px;height:12px;pointer-events:none;color:var(--fp-cream);opacity:.75}.reel-buy__cta[aria-disabled=true],.reel-buy__cta:disabled{opacity:.5;pointer-events:none}.reel-buy__cta{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:96px;white-space:nowrap;padding:10px 16px;font-size:12.5px;transition:transform .12s ease,background-color .2s ease;-webkit-tap-highlight-color:transparent}.reel-buy__cta:active{transform:scale(.95)}.reel-buy__cta .loading__spinner{--loading-size: 1.6rem;top:0;right:0;bottom:0;left:0;margin:auto}.reel-buy__cta .loading__spinner .path{stroke:currentColor}.reel-buy__cta--added{background:var(--fp-lime);color:#0a0a0a;animation:reelAddPop .32s ease}@keyframes reelAddPop{0%{transform:scale(1)}45%{transform:scale(1.07)}to{transform:scale(1)}}.reel-buy__cta--soldout{color:var(--fp-dz-muted);border-color:var(--fp-dz-line);pointer-events:none}.reel-buy .product-form__error-message{flex-basis:100%;margin-top:6px;font-size:12px;color:#ff6b81}.reel-buy .product-form__error-message[hidden]{display:none}.reel-feed__rail{position:absolute;z-index:4;top:50%;right:6px;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;pointer-events:none}.reel-feed__rail-tick{width:3px;height:10px;border-radius:2px;background:#ffffff40;transition:background .2s ease,height .2s ease}.reel-feed__rail-tick.is-active{height:18px;background:var(--fp-lime)}body.reel-feed-open .mobile-sticky-bar{display:none}body.reel-feed-open .fp-toast{bottom:calc(96px + env(safe-area-inset-bottom))}@media screen and (min-width:750px){.reel-feed{--reel-ui-gutter: 18px;--reel-col-h: min( calc(100vh - 56px) , 880px);--reel-col-w: min(calc(var(--reel-col-h) * 9 / 16), 92vw)}.reel-feed__inner{align-items:center;justify-content:center}.reel-feed__track{flex:0 0 auto;width:var(--reel-col-w);height:var(--reel-col-h);border-radius:18px;box-shadow:0 24px 70px #0009}.reel-slide{height:var(--reel-col-h);border-radius:18px}.reel-feed__topbar{top:calc((100vh - var(--reel-col-h)) / 2);left:50%;transform:translate(-50%);width:var(--reel-col-w);border-radius:18px 18px 0 0}.reel-feed__rail{right:calc((100vw - var(--reel-col-w)) / 2 - 16px)}}@media screen and (min-width:750px)and (max-height:620px){.reel-feed{--reel-col-w: min(calc(var(--reel-col-h) * .66), 92vw)}}@media(prefers-reduced-motion:reduce){.reel-feed__inner,.reel-slide__video,.reel-feed__rail-tick{transition:none}.reel-slide__live-dot{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/component-reel-feed.css.map */