.ph-stage .m-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--t-accent, #60c655);box-shadow:0 0 0 3px color-mix(in srgb,var(--t-accent, #60c655) 22%,transparent),0 0 12px var(--t-accent, #60c655);vertical-align:middle}.ph-stage [data-m-led]{opacity:.25;transition:opacity .3s ease,filter .3s ease}.ph-stage [data-m-led].m-lit{opacity:1;filter:drop-shadow(0 0 6px var(--t-accent, #60c655))}.ph-stage .pm{position:relative;background-color:var(--t-mat-gun-base);color:var(--t-mat-gun-body);font-family:var(--t-font-body);--pm-W: var(--pm-vw, 100vw);--pm-D: calc((var(--pm-W) - var(--t-w-page)) / 4 + var(--t-gutter))}.ph-stage .pm *,.ph-stage .pm *:before,.ph-stage .pm *:after{box-sizing:border-box}.ph-stage .pm img{display:block;max-width:100%;height:auto}.ph-stage .pm a:hover{color:inherit}.ph-stage .pm a:not(.pt-btn){color:inherit;text-decoration:underline;text-decoration-color:var(--t-accent);text-decoration-thickness:1.5px;text-underline-offset:3px}.ph-stage .pm .pm-nw{white-space:nowrap}.ph-stage .pm .pm-lab{font-family:var(--t-font-mono);font-weight:var(--t-fw-mono);font-size:var(--t-fs-micro);line-height:1.45;letter-spacing:var(--t-track-mono);text-transform:uppercase;color:var(--t-mat-gun-mute)}.ph-stage .pm h2,.ph-stage .pm h3{color:var(--t-mat-gun-ink)}.ph-stage .pm .pm-plate .pm-lab{color:var(--t-panel-mute)}.ph-stage .pm-stage{height:var(--pm-len, 340vh);background-color:var(--t-mat-gun-base)}.ph-stage .pm.pm-stage{margin-bottom:calc(0px - var(--pm-sticky-h, 72px))}.ph-stage .pm-stage__pin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(75% 70% at 50% 48%,transparent 52%,color-mix(in srgb,var(--t-night) 70%,transparent) 100%);pointer-events:none}.ph-stage .pm-stage__pin{position:sticky;top:var(--pm-top, 0px);height:calc(100vh - var(--pm-top, 0px));overflow:hidden}.ph-stage .pm-stage__word{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;font-family:var(--t-font-head);font-weight:var(--t-fw-head);font-size:min(34vw,62vh);line-height:1;letter-spacing:-.05em;color:transparent;background-image:var(--t-mat-steel);-webkit-background-clip:text;background-clip:text;opacity:.1;white-space:nowrap}.ph-stage .pm-stage__film{position:absolute;left:50%;top:47%;width:min(70vh,86vw);aspect-ratio:1;margin:calc(min(70vh,86vw)/-2) 0 0 calc(min(70vh,86vw)/-2);z-index:2}.ph-stage .pm-stage__seq,.ph-stage .pm-stage__film img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:drop-shadow(0 24px 30px color-mix(in srgb,var(--t-night) 70%,transparent));-webkit-mask-image:linear-gradient(180deg,var(--t-ink) 58%,transparent 97%);mask-image:linear-gradient(180deg,var(--t-ink) 58%,transparent 97%)}.ph-stage .pm-stage__steps{position:absolute;z-index:3;left:calc(max(0px,(100% - var(--t-w-page)) / 2) + var(--t-gutter));top:50%;width:280px;height:220px;margin-top:-110px}.ph-stage .pm-step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;gap:10px}.m-js .ph-stage .pm-step{opacity:clamp(0,min((var(--m-p) - var(--a)) * 30,(var(--b) - var(--m-p)) * 30),1)}.ph-stage .pm-step b{font:var(--t-fw-head) var(--t-fs-h1)/1 var(--t-font-head);letter-spacing:var(--t-track-head);color:var(--t-mat-gun-ink)}.ph-stage .pm-step span:not(.pm-lab){font-size:var(--t-fs-body);line-height:var(--t-lh-body);color:var(--t-mat-gun-body)}.ph-stage .pm .pm-step .pm-lab{color:var(--t-accent)}.ph-stage .pm-stage__gauge{position:absolute;z-index:3;right:calc(max(0px,(100% - var(--t-w-page)) / 2) + var(--t-gutter));top:50%;height:240px;margin-top:-120px;width:128px;display:flex;gap:16px;align-items:stretch}.ph-stage .pm-stage__gauge i{width:2px;border-radius:2px;background:color-mix(in srgb,var(--t-mat-gun-ink) 12%,transparent);position:relative;overflow:hidden}.ph-stage .pm-stage__gauge i:after{content:"";position:absolute;left:0;right:0;top:0;height:calc(clamp(0,var(--m-p, 1) / .5,1)*100%);background:var(--t-accent);box-shadow:0 0 10px var(--t-accent)}.ph-stage .pm-stage__gauge ol{position:relative;flex:1;margin:0;padding:0;list-style:none}.ph-stage .pm-stage__gauge li{position:absolute;left:0;top:calc(max(0,var(--on))*2*100%);transform:translateY(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;opacity:clamp(.35,(var(--m-p, 1) - var(--on)) * 40 + .35,1)}.ph-stage .pm-stage__gauge li .m-led{width:6px;height:6px;opacity:clamp(0,(var(--m-p, 1) - var(--on)) * 40,1)}.ph-stage .pm .pm-stage__gauge .pm-lab{color:var(--t-mat-gun-body)}.ph-stage .pm-stage__tips{position:absolute;z-index:3;left:50%;bottom:15%;transform:translate(-50%);display:flex;align-items:flex-end;gap:clamp(12px,3vw,40px)}.ph-stage .pm-tip{width:clamp(100px,11vw,168px);display:flex;flex-direction:column;align-items:center;gap:10px}.ph-stage .pm-tip__pic{display:block;width:100%;aspect-ratio:480 / 381}.ph-stage .pm-tip img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 14px 18px color-mix(in srgb,var(--t-night) 70%,transparent))}.ph-stage .pm-tip .pm-lab{display:flex;align-items:center;gap:8px;color:var(--t-mat-gun-body);white-space:nowrap;line-height:16px}.ph-stage .pm-tip .m-led{width:7px;height:7px;opacity:clamp(.12,(var(--m-p, 1) - var(--on)) * 60,1)}.ph-stage .pm-stage__cap{position:absolute;z-index:3;right:calc(max(0px,(100% - var(--t-w-page)) / 2) + var(--t-gutter));top:14%;width:340px;display:flex;flex-direction:column;gap:12px}.m-js .ph-stage .pm-stage__cap{opacity:clamp(0,(var(--m-p) - .78) * 12,1);transform:translateY(calc(clamp(0,(.86 - var(--m-p)) * 12,1)*24px))}.ph-stage .pm .pm-stage__cap .pm-lab{color:var(--t-accent)}.ph-stage .pm-stage__cap p:not(.pm-lab){color:var(--t-mat-gun-body);font-size:var(--t-fs-body);line-height:var(--t-lh-body)}.m-js .ph-stage .pm-stage__gauge{opacity:clamp(0,(.6 - var(--m-p)) * 12,1)}.ph-stage .pm-use__frame figcaption .m-led{width:6px;height:6px}.ph-stage .pm .pm-chip .pm-lab{display:flex;align-items:center;gap:8px}.ph-stage .pm-chip .pm-lab i{display:none}@media(max-width:989px){.ph-stage .pm-chip .pm-lab i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--t-accent);color:var(--t-mat-gun-ink);font-size:10px;font-style:normal}}@media(max-width:749px){.ph-stage .pm .pm-chip .pm-lab{font-size:11px}.ph-stage .pm-stage__steps{left:var(--t-gutter);right:var(--t-gutter);width:auto;top:auto;bottom:calc(var(--pm-sticky-h, 72px) + 12px);margin-top:0;height:150px}.ph-stage .pm-step b{font-size:var(--t-fs-h2)}.ph-stage .pm-stage__film{top:40%;width:min(58vh,96vw);margin:calc(min(58vh,96vw)/-2) 0 0 calc(min(58vh,96vw)/-2)}.ph-stage .pm-stage__word{font-size:min(44vw,40vh);align-items:start;padding-top:10vh}.ph-stage .pm-stage__gauge{display:none}.ph-stage .pm-stage__tips{bottom:calc(var(--pm-sticky-h, 72px) + 232px)}.ph-stage .pm-stage__cap{left:var(--t-gutter);right:var(--t-gutter);width:auto;top:auto;bottom:calc(var(--pm-sticky-h, 72px) + 12px)}.ph-stage .pm-stage__cap h2{font-size:var(--t-fs-h2)}}.ph-stage .pm.tp4-l .pm-lab,.ph-stage [id$=__pm_compare] .pm .pm-lab,.ph-stage [id$=__pm_box] .pm .pm-lab,.ph-stage [id$=__pm_guarantee] .pm .pm-lab{color:var(--t-mute)}.ph-stage .pm-readout .pm-chip .pm-lab{font-family:var(--t-font-body)!important;font-size:12.5px!important;font-weight:600;letter-spacing:.02em!important;text-transform:none!important;color:#ffffffa8!important}.ph-stage .pm-readout .pm-chip .pm-lab i{display:inline-grid!important;place-items:center;width:22px;height:22px;border-radius:50%;border:0!important;outline:0!important;font:700 11px/22px var(--t-font-body);font-style:normal;color:#fff;background:linear-gradient(180deg,#4a5451,#2a312f);box-shadow:inset 0 1px #ffffff2e}.ph-stage .pm-stage__seq{object-fit:contain!important}@media(min-width:1800px){.ph-stage .pm-chip .pm-lab{font-size:calc(var(--t-fs-small) * var(--k))!important}}.ph-stage .pm-readout .pm-chip .pm-lab i{font-size:12px}@media(max-width:749px){.ph-stage .pm .pm-chip .pm-lab{font-size:12px}}@media(min-width:750px)and (max-width:989px){.ph-stage .pm-stage__steps{left:var(--t-gutter);right:var(--t-gutter);width:auto;top:auto;bottom:calc(var(--pm-sticky-h, 72px) + 12px);margin-top:0;height:150px}.ph-stage .pm-stage__film{top:40%;width:min(58vh,96vw);margin:calc(min(58vh,96vw)/-2) 0 0 calc(min(58vh,96vw)/-2)}.ph-stage .pm-stage__gauge{display:none}.ph-stage .pm-stage__tips{bottom:calc(var(--pm-sticky-h, 72px) + 232px)}.ph-stage .pm-stage__cap{left:var(--t-gutter);right:var(--t-gutter);width:auto;top:auto;bottom:calc(var(--pm-sticky-h, 72px) + 12px)}.ph-stage .pm-stage__cap h2{font-size:var(--t-fs-h2)}}@media(min-width:990px)and (max-width:1199px){.ph-stage .pm-stage__film{--pbs-band:calc(100vw - 2 * var(--t-gutter) - 472px);--pbs-fw:min(70vh, var(--pbs-band));left:calc(var(--t-gutter) + 312px + (var(--pbs-band) - var(--pbs-fw)) / 2);width:var(--pbs-fw);margin:calc(var(--pbs-fw) / -2) 0 0 0}}.ph-stage .pm-stage__gauge i{display:none}@media(min-width:990px)and (max-width:1199px){.ph-stage .pm-stage__cap{right:auto;left:calc(max(0px,(100% - var(--t-w-page)) / 2) + var(--t-gutter));width:296px}}.ph-stage{position:relative;color:var(--t-mat-gun-ink);--pm-top:0px;--pm-sticky-h:0px}.ph-stage :where(p,h1,h2,h3,ul,ol,figure,dl,dd){margin:0}.ph-stage :where(ul,ol){padding:0;list-style:none}.ph-stage .pm-stage{position:relative}.ph-stage .pm-stage__pin{position:absolute;left:0;right:0;top:0;height:100vh}.ph-stage .pm-stage__pin[data-phs-pin=on]{position:fixed;top:0}.ph-stage .pm-stage__pin[data-phs-pin=after]{top:auto;bottom:0}
/*# sourceMappingURL=/cdn/shop/t/298/assets/ppd-ph-stage.css.map */