.pht__heading{max-width:72rem;margin:0 0 clamp(2rem,5vw,3.5rem);text-wrap:balance}.pht__heading--center{margin-inline:auto;text-align:center}.pht__grid{display:flex;flex-direction:column;gap:var(--pht-gap, 4rem);align-items:center}.pht__media{order:var(--pht-mobile-media-order, 1);width:100%;min-width:0}.pht__steps{order:var(--pht-mobile-text-order, 2);width:100%;min-width:0}@media screen and (min-width:750px){.pht__grid{flex-direction:row;flex-wrap:nowrap}.pht__media{order:var(--pht-media-order, 2);width:calc(var(--pht-media-width, 50%) - var(--pht-gap, 4rem) / 2);flex:none}.pht__steps{order:var(--pht-text-order, 1);width:calc(100% - var(--pht-media-width, 50%) - var(--pht-gap, 4rem) / 2);flex:none}}.palpa-how-to[data-display=single] .pht__list{display:grid}.palpa-how-to[data-display=single] .pht__step{grid-area:1 / 1;padding:0;cursor:default;opacity:0;visibility:hidden;transform:translateY(.75rem);transition:opacity .45s ease,transform .45s ease,visibility .45s}.palpa-how-to[data-display=single] .pht__step[data-state=active]{opacity:1;visibility:visible;transform:none}.pht__step{display:flex;gap:1.25rem;align-items:flex-start;width:100%;height:auto;padding:.9rem 0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:normal;text-transform:none;letter-spacing:normal;opacity:var(--pht-idle-opacity, .35);transition:opacity .5s ease}.pht__step[data-state=active]{opacity:1}.pht__step[data-state=done]{opacity:max(var(--pht-idle-opacity, .35),.5)}.pht__step:hover{opacity:max(var(--pht-idle-opacity, .35),.75)}.pht__step:focus-visible{outline:2px solid var(--pht-accent, currentColor);outline-offset:4px;border-radius:.5rem;opacity:1}.pht__marker{position:relative;flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:2px solid currentColor;border-radius:50%;font-weight:600;line-height:1;transition:transform .4s ease,background-color .4s ease,border-color .4s ease,color .4s ease}.pht__step[data-state=active] .pht__marker{transform:scale(1.1);background-color:var(--pht-accent, currentColor);border-color:var(--pht-accent, currentColor);color:var(--pht-accent-text, #fff)}.pht__step[data-state=done] .pht__marker{border-color:var(--pht-accent, currentColor);color:var(--pht-accent, currentColor)}.pht__marker-num,.pht__marker-check{grid-area:1 / 1}.pht__marker-check{width:1.15rem;height:1.15rem}.pht__step:not([data-state=done]) .pht__marker-check,.pht__step[data-state=done] .pht__marker-num{display:none}.pht__marker-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(var(--pht-accent, currentColor) calc(var(--pht-progress, 0) * 360deg),transparent 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));opacity:0;transition:opacity .3s ease}.pht__step[data-state=active] .pht__marker-ring{opacity:1}.pht__step-copy{display:grid;gap:.35rem;min-width:0;padding-top:.15rem}.pht__step-label{color:var(--pht-accent, currentColor);opacity:0;transition:opacity .4s ease}.pht__step[data-state=active] .pht__step-label{opacity:1}.pht__step-title{margin:0}.pht__step-text{margin:0;opacity:.8}.pht__stage{position:relative;aspect-ratio:var(--pht-media-ar, 16 / 9);border-radius:var(--pht-radius, 2rem);overflow:hidden;perspective:1200px;background-color:rgb(var(--color-foreground, 0 0 0) / 4%)}.pht__panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translateY(12%) rotateX(-14deg);transition:opacity .5s ease,transform .5s ease;pointer-events:none;will-change:transform,opacity}.pht__panel.is-active{opacity:1;transform:none}.pht__panel.is-leaving{opacity:0;transform:translateY(-12%) rotateX(14deg)}.pht__video,.pht__panel video,.pht__panel img,.pht__panel svg{display:block;width:100%;height:100%;object-fit:var(--pht-fit, cover)}.pht__panel>.video-wrapper,.pht__panel>deferred-media{display:block;width:100%;height:100%;padding:0!important}.pht__nav{display:flex;align-items:center;gap:1.6rem;margin-top:2.4rem}.pht__arrow{flex:none;display:grid;place-items:center;width:4.4rem;height:4.4rem;min-height:0;padding:0;border:1px solid rgb(var(--color-foreground, 0 0 0) / 25%);border-radius:50%;background:none;color:inherit;cursor:pointer;transition:border-color .3s ease,color .3s ease}.pht__arrow svg{width:1.8rem;height:1.8rem}.pht__arrow:hover{border-color:var(--pht-accent, currentColor);color:var(--pht-accent, currentColor)}.pht__arrow:focus-visible{outline:2px solid var(--pht-accent, currentColor);outline-offset:3px}.pht__pips{display:flex;align-items:center}.pht__pip{display:grid;place-items:center;width:2.4rem;height:2.4rem;min-height:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.pht__pip:before{content:"";width:.7rem;height:.7rem;border-radius:50%;background-color:currentColor;opacity:.25;transition:opacity .3s ease,background-color .3s ease,transform .3s ease}.pht__pip:hover:before{opacity:.55}.pht__pip.is-active:before{background-color:var(--pht-accent, currentColor);opacity:1;transform:scale(1.3)}.pht__pip:focus-visible{outline:2px solid var(--pht-accent, currentColor);outline-offset:-2px;border-radius:50%}.pht__dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.pht__dot{width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor;opacity:.25;transition:opacity .3s ease,background-color .3s ease}.pht__dot.is-active{background-color:var(--pht-accent, currentColor);opacity:1}@media screen and (min-width:750px){.pht__dots{display:none}}@media screen and (max-width:749px){.pht__step{flex-direction:column;align-items:center;gap:1rem;text-align:center}.pht__step-copy{justify-items:center;padding-top:0}.pht__step-text{max-width:38ch}.pht__nav{justify-content:center}}.pht__cta{display:flex;justify-content:center;margin-top:clamp(2rem,4vw,3rem)}@media(prefers-reduced-motion:reduce){.pht__panel,.pht__step,.pht__marker,.pht__marker-ring,.pht__step-label,.pht__pip:before{transition:none}.palpa-how-to[data-display=single] .pht__step,.pht__panel,.pht__panel.is-leaving{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-palpa-how-to.css.map */