@property --tprl-a{syntax: "<color>"; inherits: true; initial-value: rgb(255,226,208);}@property --tprl-b{syntax: "<color>"; inherits: true; initial-value: rgb(255,214,228);}html.tprl-lock{overflow:hidden;overscroll-behavior:none}.tprl{--tprl-red: #b52736;--tprl-ink: #1d1f24;--tprl-w: min(440px, calc((100dvh - 32px)*.56) );position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#fff8f3;color:var(--tprl-ink);overflow:hidden;overscroll-behavior:contain;font-family:var(--tp-font, "Bricolage Grotesque", system-ui, sans-serif);transition:--tprl-a .8s ease,--tprl-b .8s ease;-webkit-tap-highlight-color:transparent}.tprl::backdrop{background:transparent}.tprl *,.tprl *:before,.tprl *:after{box-sizing:border-box}.tprl button,.tprl a{font-family:inherit;-webkit-tap-highlight-color:transparent}.tprl-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120% 68% at 10% -6%,var(--tprl-a),transparent 64%),radial-gradient(110% 66% at 104% 104%,var(--tprl-b),transparent 62%),radial-gradient(60% 40% at 50% 50%,rgb(255 255 255 / .55),transparent 70%)}.tprl-shell{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}@media(min-width:760px)and (min-height:560px){.tprl-shell{top:16px;bottom:16px;left:50%;right:auto;width:var(--tprl-w);transform:translate(-50%);border-radius:34px;background:#ffffff61;box-shadow:0 40px 90px -30px #78283c73,0 0 0 1px #ffffffb3 inset}}.tprl-top{position:absolute;z-index:6;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 0 10px;pointer-events:none}.tprl-top>*{pointer-events:auto}.tprl-x{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:#ffffffdb;color:var(--tprl-ink);box-shadow:0 6px 16px -6px #3c141e59;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.tprl-x svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.tprl-x:active{transform:scale(.88)}.tprl-tabs{position:relative;flex:1 1 auto;min-width:0;display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:2px 8px 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 16px),transparent)}.tprl-tabs::-webkit-scrollbar{display:none}.tprl-tab{flex:0 0 auto;position:relative;border:0;background:transparent;padding:10px 12px;border-radius:999px;cursor:pointer;font:700 14px/1 var(--tp-font, system-ui, sans-serif);color:#1d1f2480;transition:color .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.tprl-tab.is-on{color:var(--tprl-ink);transform:scale(1.06)}.tprl-ind{position:absolute;left:0;bottom:4px;height:3px;width:20px;border-radius:3px;background:linear-gradient(90deg,#ff8a3d,#ff4d8d);will-change:transform,width;pointer-events:none;display:block!important}.tprl-panes{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none}.tprl-panes::-webkit-scrollbar{display:none}.tprl-pane{position:relative;flex:0 0 100%;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;overscroll-behavior-x:auto;scrollbar-width:none}.tprl-pane::-webkit-scrollbar{display:none}.tprl-slide{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;padding:calc(env(safe-area-inset-top,0px) + 58px) 12px calc(env(safe-area-inset-bottom,0px) + 12px)}.tprl-card{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;border-radius:30px;background:#fff;overflow:hidden;box-shadow:0 24px 50px -22px #6e1e2d80,0 2px #ffffffe6 inset;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}.tprl-photo{position:relative;flex:1 1 auto;min-height:0;transform:perspective(1100px) rotateY(calc(var(--tx, 0) * 6deg)) rotateX(calc(var(--ty, 0) * -5deg));transform-origin:50% 55%}.tprl-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:min(1,(var(--tx, 0) * var(--tx, 0) + var(--ty, 0) * var(--ty, 0)) * 3.2);background:linear-gradient(112deg,transparent calc(34% + var(--tx, 0) * 38%),rgb(255 196 150 / .14) calc(48% + var(--tx, 0) * 38%),rgb(255 255 255 / 0) calc(58% + var(--tx, 0) * 38%),transparent calc(66% + var(--tx, 0) * 38%))}.tprl-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:30px 14px 6px;opacity:0;mix-blend-mode:multiply;transform:scale(1.07);pointer-events:none;translate:calc(var(--tx, 0) * -12px) calc(var(--ty, 0) * -9px);transition:opacity .55s ease,transform 2.9s cubic-bezier(.2,.7,.2,1);-webkit-user-drag:none}.tprl-photo img.is-on{opacity:1;transform:none}.tprl-vendor{position:absolute;z-index:3;left:14px;bottom:10px;font:800 11px/1 var(--tp-font, system-ui, sans-serif);letter-spacing:.14em;text-transform:uppercase;color:var(--tprl-red);background:#fffc;padding:7px 10px;border-radius:999px;box-shadow:0 0 0 1px #b5273624 inset}.tprl-segs{position:absolute;z-index:3;top:12px;left:14px;right:14px;display:flex;gap:4px}.tprl-segs i{position:relative;flex:1;height:3px;border-radius:3px;background:#1d1f241f;overflow:hidden;display:block!important}.tprl-segs i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#ff8a3d,#ff4d8d);transform:scaleX(0);transform-origin:left center}.tprl-segs i.is-done:after{transform:none}.tprl-segs i.is-run:after{animation:tprl-fill 2.6s linear forwards}.tprl-slide.is-hold .tprl-segs i.is-run:after{animation-play-state:paused}@keyframes tprl-fill{to{transform:none}}.tprl-rail{position:absolute;z-index:4;right:10px;bottom:10px;display:flex;flex-direction:column;gap:10px}.tprl-rail button{width:46px;height:46px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#ffffffeb;color:var(--tprl-ink);box-shadow:0 8px 20px -8px #3c141e73,0 0 0 1px #0000000d inset;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}.tprl-rail svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.tprl-rail button:active{transform:scale(.86)}.tprl-like.is-on{background:#fff;color:#e11d48}.tprl-like.is-on svg{fill:currentColor;stroke:currentColor}.tprl-like.is-pop svg{animation:tprl-beat .55s cubic-bezier(.34,1.56,.64,1)}@keyframes tprl-beat{0%{transform:scale(1)}35%{transform:scale(1.5) rotate(-8deg)}70%{transform:scale(.92)}to{transform:scale(1)}}.tprl-pop{position:absolute;z-index:5;left:50%;top:42%;width:112px;height:112px;margin:-56px 0 0 -56px;display:grid;place-items:center;color:#ff3d77;pointer-events:none;opacity:0}.tprl-pop svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 12px 22px rgb(225 29 72 / .45))}.tprl-pop.is-on{animation:tprl-pop .95s cubic-bezier(.2,.8,.2,1) forwards}@keyframes tprl-pop{0%{opacity:0;transform:scale(.3) rotate(-14deg)}22%{opacity:1;transform:scale(1.18) rotate(4deg)}40%{transform:scale(.96)}70%{opacity:1;transform:scale(1.04) translateY(-6px)}to{opacity:0;transform:scale(1.3) translateY(-34px)}}.tprl-pause{position:absolute;z-index:4;left:50%;top:42%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#1d1f248c;opacity:0;transform:scale(.7);pointer-events:none;transition:opacity .2s,transform .2s}.tprl-pause svg{fill:currentColor}.tprl-slide.is-hold .tprl-pause{opacity:0}.tprl-meta{flex:0 0 auto;padding:4px 18px 18px}.tprl-title{margin:0;font:800 19px/1.2 var(--tp-font, system-ui, sans-serif);letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tprl-price{display:flex;align-items:baseline;gap:10px;margin-top:8px}.tprl-price b{font:800 24px/1 var(--tp-font, system-ui, sans-serif);color:var(--tprl-red);letter-spacing:-.01em}.tprl-price s{font:600 14px/1 var(--tp-font, system-ui, sans-serif);color:#1d1f2473}.tprl-buy{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;margin:0}.tprl-opts{display:flex;flex-direction:column;gap:8px;min-width:0}.tprl-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:3px 2px 6px;margin:-3px -2px -6px;scroll-snap-type:x proximity;touch-action:pan-x}.tprl-row::-webkit-scrollbar{display:none}.tprl-chip{flex:0 0 auto;min-width:46px;height:44px;padding:0 13px;border:0;border-radius:15px;cursor:pointer;scroll-snap-align:center;background:#ffffffd1;color:var(--tprl-ink);font:800 15px/1 var(--tp-font, system-ui, sans-serif);box-shadow:0 0 0 1px #1d1f240f inset;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s}.tprl-chip--txt{font-weight:700;font-size:14px}.tprl-chip.is-on{background:var(--tprl-ink);color:#fff;transform:translateY(-3px);box-shadow:0 10px 18px -10px #0009}.tprl-chip.is-off{opacity:.38;text-decoration:line-through}.tprl-chip:active{transform:scale(.92)}.tprl-row.is-shake{animation:tprl-shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes tprl-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.tprl-actions{display:flex;gap:10px}.tprl-cta{position:relative;flex:1 1 auto;height:56px;border:0;border-radius:19px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--tprl-red);color:#fff;font:800 16px/1 var(--tp-font, system-ui, sans-serif);letter-spacing:.005em;box-shadow:0 16px 28px -14px #b52736bf;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease;text-decoration:none}.tprl-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .28) 50%,transparent 70%);transform:translate(-120%)}.tprl-slide.is-active .tprl-cta:not(.is-need):after{animation:tprl-sheen 3.6s ease-in-out 1.2s infinite}@keyframes tprl-sheen{0%,62%{transform:translate(-120%)}to{transform:translate(120%)}}.tprl-cta:active{transform:scale(.96)}.tprl-cta.is-need:after{display:none}.tprl-cta.is-busy{pointer-events:none;opacity:.8}.tprl-cta.is-ok{background:#16a34a;box-shadow:0 16px 28px -14px #16a34ab3;animation:tprl-okpop .5s cubic-bezier(.34,1.56,.64,1)}.tprl-cta svg{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}@keyframes tprl-okpop{0%{transform:scale(.94)}60%{transform:scale(1.04)}to{transform:scale(1)}}.tprl-view{flex:0 0 56px;height:56px;border-radius:19px;display:grid;place-items:center;background:#ffffffe6;color:var(--tprl-ink);text-decoration:none;box-shadow:0 0 0 1px #1d1f2412 inset,0 10px 20px -12px #3c141e80;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tprl-view svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tprl-view:active{transform:scale(.9)}.tprl-skel .tprl-card{background:#ffffffb3;animation:tprl-pulse 1.3s ease-in-out 3}.tprl-skel .tprl-buy{gap:10px}.tprl-skel .tprl-buy i{display:block!important;height:52px;border-radius:18px;background:#ffffffb3}@keyframes tprl-pulse{50%{opacity:.55}}.tprl-end,.tprl-err{align-items:center;justify-content:center}.tprl-endcard{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:28px 22px;max-width:340px}.tprl-endcard b{font:800 24px/1.15 var(--tp-font, system-ui, sans-serif);letter-spacing:-.01em}.tprl-endcard span{color:#1d1f24a6;font-size:15px}.tprl-endcard .tprl-cta{flex:0 0 auto;width:100%}.tprl-ghost{color:var(--tprl-ink);font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:4px;padding:10px}.tprl-hint{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top,0px) + 128px);transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:999px;background:#1d1f24d1;color:#fff;font:700 13px/1 var(--tp-font, system-ui, sans-serif);pointer-events:none;white-space:nowrap;animation:tprl-hint 2.2s ease-in-out 1.1s infinite;transition:opacity .35s}.tprl-hint svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tprl-hint span{display:grid;place-items:center}.tprl-hint.is-gone{opacity:0;animation:none;visibility:hidden}@keyframes tprl-hint{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-12px)}}.tprl-toast{position:absolute;z-index:8;left:50%;top:calc(env(safe-area-inset-top,0px) + 80px);transform:translate(-50%,-14px) scale(.96);opacity:0;pointer-events:none;padding:11px 18px;border-radius:999px;background:#1d1f24e6;color:#fff;font:700 14px/1 var(--tp-font, system-ui, sans-serif);white-space:nowrap;transition:opacity .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}.tprl-toast.is-on{opacity:1;transform:translate(-50%) scale(1)}.tprl-nav{position:absolute;z-index:9;top:50%;right:calc(50% - var(--tprl-w) / 2 - 72px);transform:translateY(-50%);display:none;flex-direction:column;gap:12px}.tprl-nav button{width:48px;height:48px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#ffffffe6;color:var(--tprl-ink);box-shadow:0 10px 24px -10px #3c141e80;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}.tprl-nav button svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tprl-nav button:hover{background:#fff;transform:scale(1.08)}.tprl-nav button:active{transform:scale(.9)}@media(min-width:760px)and (min-height:560px)and (hover:hover){.tprl-nav{display:flex}}.tprl button:focus-visible,.tprl a:focus-visible{outline:3px solid #ff4d8d;outline-offset:2px}@supports (animation-timeline: view()){.tprl-slide{view-timeline:--tprl-s block}.tprl:not(.tprl-rm) .tprl-card{animation:tprl-card-depth linear both;animation-timeline:--tprl-s}@keyframes tprl-card-depth{0%{transform:translateY(46px) scale(.88);opacity:.4}40%,60%{transform:none;opacity:1}to{transform:translateY(-46px) scale(.88);opacity:.4}}.tprl:not(.tprl-rm) .tprl-buy{animation:tprl-buy-depth linear both;animation-timeline:--tprl-s}@keyframes tprl-buy-depth{0%{transform:translateY(96px);opacity:0}34%,66%{transform:none;opacity:1}to{transform:translateY(-64px);opacity:0}}.tprl:not(.tprl-rm) .tprl-pane{animation:tprl-pane-depth linear both;animation-timeline:view(inline);transform-origin:50% 60%}@keyframes tprl-pane-depth{0%{transform:perspective(900px) translate(14%) rotateY(-16deg) scale(.88);opacity:.3}50%{transform:none;opacity:1}to{transform:perspective(900px) translate(-14%) rotateY(16deg) scale(.88);opacity:.3}}}@media(prefers-reduced-motion:reduce){.tprl-card,.tprl-buy,.tprl-pane{animation:none!important}.tprl *,.tprl *:before,.tprl *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tprl-photo img{transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.tp-pdp-gallery .tp-pdp-slide{animation:tprl-cover linear both;animation-timeline:view(inline)}@keyframes tprl-cover{0%{transform:perspective(900px) translate(16%) rotateY(-16deg) scale(.88);opacity:.3}50%{transform:none;opacity:1}to{transform:perspective(900px) translate(-16%) rotateY(16deg) scale(.88);opacity:.3}}}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/tp-reels.css.map */