.psteps{--ps-gap: clamp(20px, 3vw, 40px)}.psteps__list{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;list-style:none}.psteps__step{display:grid;grid-template-columns:28px 1fr;column-gap:12px;align-content:start;padding:16px 0;border-top:1px solid var(--c-line);min-width:0}.psteps__step>:not(.psteps__n){grid-column:2}.psteps__n{grid-row:1 / span 3;font:400 12px/1.9 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);font-variant-numeric:tabular-nums}.psteps__title{margin:0 0 4px;font-family:var(--f-head);font-weight:var(--f-head-w);font-size:18px;line-height:1.2;letter-spacing:-.01em}.psteps__text{margin:0 0 10px;font-size:15px;line-height:1.45;color:var(--c-muted);max-width:38ch}.psteps__go{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.psteps__go:after{content:"\2192";display:inline-block;text-decoration:none;transition:transform .3s var(--ease)}.psteps__go:hover:after{transform:translate(3px)}.psteps__go[hidden],.psteps__pick[hidden]{display:none}.psteps__pick{justify-self:stretch;position:relative;display:block;max-width:320px;margin-top:2px}.psteps__pick:after{content:"";position:absolute;right:4px;top:50%;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}.psteps__pick select{appearance:none;-webkit-appearance:none;width:100%;min-height:44px;padding:0 24px 0 0;border:0;border-bottom:1px solid var(--c-ink);border-radius:0;background:transparent;color:var(--c-ink);font:600 15px/1.2 var(--f-body);cursor:pointer}.psteps__stuck{margin:0;padding-top:14px;border-top:1px solid var(--c-line);font-size:14px;line-height:1.5;color:var(--c-muted);overflow-wrap:anywhere}.psteps__stuck a{color:var(--c-ink)}.psteps__head{margin-bottom:clamp(16px,3vw,32px)}.psteps--slim{margin:0 0 16px;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}.psteps--slim .psteps__summary{display:flex;align-items:center;gap:12px;min-height:48px;cursor:pointer;list-style:none;font-size:15px;font-weight:600}.psteps--slim .psteps__summary::-webkit-details-marker{display:none}.psteps--slim .psteps__summary:after{content:"";margin-left:auto;margin-right:4px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease)}.psteps--slim [open]>.psteps__summary:after{transform:translateY(2px) rotate(-135deg)}.psteps--slim .psteps__summary .psteps__n{grid-row:auto;letter-spacing:.2em}.psteps--slim .psteps__step{padding:12px 0}.psteps--slim .psteps__title{font-size:16px}.psteps--slim .psteps__text{font-size:14px;margin-bottom:4px}.psteps--slim .psteps__go{font-size:14px}.psteps--slim .psteps__stuck{padding:12px 0 14px;font-size:13px}@media(min-width:768px){.psteps__list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--ps-gap)}.psteps__step{grid-template-columns:1fr;padding:18px 0 22px}.psteps__step>:not(.psteps__n){grid-column:1}.psteps__n{grid-row:auto;margin-bottom:14px;line-height:1}.psteps__stuck{border-top:0;padding-top:4px}.psteps--slim .psteps__summary{display:none}.psteps--slim .psteps__step{padding:14px 0 6px;border-top:0}.psteps--slim .psteps__n{margin-bottom:8px}.psteps--slim .psteps__stuck{padding:4px 0 14px}}.psteps__step>.psteps__media{grid-column:1 / -1;grid-row:1;margin:0 0 16px}.psteps--band .psteps__n{grid-row:2 / span 3}.psm{position:relative;aspect-ratio:4 / 3;width:100%;overflow:hidden;background:var(--c-paper-2);container-type:inline-size}.psm__stage{--u: calc(100cqw / 360);position:absolute;top:0;right:0;bottom:0;left:0;color:var(--c-ink)}.psm--1{background:var(--c-ink-2)}.psm__art{position:absolute;right:-4%;bottom:-10%;width:62%;color:var(--c-fog);opacity:.5}.psm__art svg{display:block;width:100%;height:auto}.psm__art svg g{stroke-width:.45}.psm__finder{position:absolute;left:7%;right:7%;top:13%;background:var(--c-paper);color:var(--c-ink);font-size:calc(13 * var(--u));line-height:1.2}.psm__q{display:flex;align-items:center;gap:calc(8 * var(--u));padding:calc(10 * var(--u)) calc(12 * var(--u));border-bottom:1px solid var(--c-line)}.psm__q svg{flex:none;width:calc(14 * var(--u));height:calc(14 * var(--u))}.psm__typed{font-family:var(--f-mono);font-size:calc(12.5 * var(--u));white-space:nowrap;overflow:hidden;width:9ch}.psm__caret{width:1px;height:calc(14 * var(--u));background:var(--c-ink)}.psm__kbd{margin-left:auto;font-family:var(--f-mono);font-size:calc(10 * var(--u));color:var(--c-muted);white-space:nowrap}.psm__lbl{font-family:var(--f-mono);font-size:calc(10 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);padding:calc(10 * var(--u)) calc(14 * var(--u)) calc(2 * var(--u))}.psm__res{list-style:none;margin:0;padding:calc(4 * var(--u)) calc(6 * var(--u)) calc(6 * var(--u))}.psm__res li{display:flex;justify-content:space-between;gap:calc(8 * var(--u));padding:calc(8 * var(--u));align-items:center;white-space:nowrap}.psm__sku{font-family:var(--f-mono);font-size:calc(11 * var(--u));color:var(--c-muted)}.psm__pick{background:var(--c-ink);color:var(--c-paper)}.psm__pick .psm__sku{color:var(--c-fog)}.psm--2{background:var(--c-paper)}.psm__dwg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:59.1% 66.6%;transform:scale(1.32)}.psm__hot{position:absolute;left:59.1%;top:66.6%;width:calc(34 * var(--u));height:calc(34 * var(--u));margin:calc(-17 * var(--u)) 0 0 calc(-17 * var(--u));border-radius:50%;border:1.5px solid var(--c-ink)}.psm__hot:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:50%;border:1.5px solid var(--c-ink);opacity:0}.psm__tag{position:absolute;left:calc(59.1% + 26 * var(--u));top:66.6%;transform:translateY(-50%);display:flex;align-items:center}.psm__tag i{display:block;width:calc(28 * var(--u));height:1px;background:var(--c-ink)}.psm__tag span{font-family:var(--f-mono);font-size:calc(10.5 * var(--u));letter-spacing:.06em;text-transform:uppercase;background:var(--c-ink);color:var(--c-paper);padding:calc(5 * var(--u)) calc(8 * var(--u));white-space:nowrap}.psm__src{position:absolute;left:calc(10 * var(--u));bottom:calc(8 * var(--u));font-family:var(--f-mono);font-size:calc(9.5 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);background:var(--c-paper);padding:calc(2 * var(--u)) calc(4 * var(--u))}.psm--3 .psm__stage{display:grid;align-content:center;gap:calc(8 * var(--u));padding:6% 7%}.psm__card{background:var(--c-paper);display:grid;grid-template-columns:31% minmax(0,1fr);gap:calc(12 * var(--u));padding:calc(10 * var(--u))}.psm__card img,.psm__ph{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block;background:#fff}.psm__meta{display:grid;gap:calc(3 * var(--u));align-content:start;min-width:0}.psm__ref,.psm__mono,.psm__pn{font-family:var(--f-mono);letter-spacing:.04em}.psm__ref{font-size:calc(10 * var(--u));letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}.psm__t{font-size:calc(15 * var(--u));font-weight:500;letter-spacing:-.01em;line-height:1.15}.psm__pn{font-size:calc(11 * var(--u))}.psm__fits{font-size:calc(12 * var(--u));color:var(--c-muted);line-height:1.25}.psm__row{display:flex;justify-content:space-between;align-items:center;gap:calc(8 * var(--u));margin-top:calc(6 * var(--u))}.psm__stock{display:flex;align-items:center;gap:calc(6 * var(--u));font-family:var(--f-mono);font-size:calc(10.5 * var(--u));color:var(--c-ok);white-space:nowrap}.psm__stock:before{content:"";width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:50%;background:currentColor}.psm__stock--order{color:var(--c-warn)}.psm__btn{position:relative;font-weight:600;font-size:calc(12 * var(--u));border-radius:999px;background:var(--c-ink);color:var(--c-paper);padding:calc(7 * var(--u)) calc(14 * var(--u));overflow:hidden;white-space:nowrap}.psm__a,.psm__b{display:block}.psm__b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0}.psm__ask{display:flex;justify-content:space-between;align-items:center;gap:calc(8 * var(--u));background:#f3f1ec8c;padding:calc(9 * var(--u)) calc(10 * var(--u));font-size:calc(12.5 * var(--u))}.psm__ask .psm__mono{color:var(--c-muted)}.psm__ask b{font-weight:600;font-size:calc(12 * var(--u));border:1px solid var(--c-ink);border-radius:999px;padding:calc(4 * var(--u)) calc(10 * var(--u));white-space:nowrap}.psteps[data-motion] .psm{--loop: 7s}.psteps[data-motion] .psm *,.psteps[data-motion] .psm *:after{animation-duration:var(--loop);animation-iteration-count:infinite;animation-timing-function:var(--ease);animation-play-state:paused}.psteps[data-motion].is-live .psm *,.psteps[data-motion].is-live .psm *:after{animation-play-state:running}.psteps[data-motion] .psm__typed{animation-name:ps-type;animation-timing-function:steps(9,end)}.psteps[data-motion] .psm__caret{animation-name:ps-caret;animation-timing-function:linear}.psteps[data-motion] .psm__lbl,.psteps[data-motion] .psm__res li:first-child{animation-name:ps-row}.psteps[data-motion] .psm__pick{animation-name:ps-row2,ps-pick}.psteps[data-motion] .psm__pick .psm__sku{animation-name:ps-pick-sku}.psteps[data-motion] .psm__dwg{animation-name:ps-zoom}.psteps[data-motion] .psm__hot{animation-name:ps-hot}.psteps[data-motion] .psm__hot:after{animation-name:ps-ping;animation-timing-function:ease-out}.psteps[data-motion] .psm__tag{animation-name:ps-tag}.psteps[data-motion] .psm__card{animation-name:ps-card}.psteps[data-motion] .psm__ask{animation-name:ps-ask}.psteps[data-motion] .psm__btn{animation-name:ps-press}.psteps[data-motion] .psm__a{animation-name:ps-add-out}.psteps[data-motion] .psm__b{animation-name:ps-added}@keyframes ps-type{0%,3%{width:0}20%,94%{width:9ch}to{width:0}}@keyframes ps-caret{0%,22%{opacity:1}26%,to{opacity:0}}@keyframes ps-row{0%,18%{opacity:0;transform:translateY(4px)}23%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ps-row2{0%,20%{opacity:0;transform:translateY(4px)}25%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ps-pick{0%,28%{background:transparent;color:var(--c-ink)}31%,94%{background:var(--c-ink);color:var(--c-paper)}to{background:transparent;color:var(--c-ink)}}@keyframes ps-pick-sku{0%,28%{color:var(--c-muted)}31%,94%{color:var(--c-fog)}to{color:var(--c-muted)}}@keyframes ps-zoom{0%,30%{transform:scale(1)}50%,94%{transform:scale(1.32)}to{transform:scale(1)}}@keyframes ps-hot{0%,40%{opacity:0;transform:scale(1.6)}45%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ps-ping{0%,45%{opacity:0;transform:scale(1)}47%{opacity:.7}60%,to{opacity:0;transform:scale(2)}}@keyframes ps-tag{0%,48%{opacity:0;clip-path:inset(0 100% 0 0)}55%,94%{opacity:1;clip-path:inset(0 0 0 0)}to{opacity:0}}@keyframes ps-card{0%,55%{opacity:0;transform:translateY(10px)}61%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ps-ask{0%,60%{opacity:0;transform:translateY(8px)}66%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes ps-press{0%,71%{transform:none}72.5%{transform:scale(.94)}74%,to{transform:none}}@keyframes ps-add-out{0%,72%{opacity:1}74%,94%{opacity:0}to{opacity:1}}@keyframes ps-added{0%,72%{opacity:0;transform:translateY(6px)}75%,94%{opacity:1;transform:none}to{opacity:0}}@media(prefers-reduced-motion:reduce){.psteps .psm *,.psteps .psm *:after{animation:none!important}}.psteps--slim .psteps__step{grid-template-columns:28px minmax(0,1fr) 112px}.psteps--slim .psteps__step>.psteps__media{grid-column:3;grid-row:1 / span 4;margin:2px 0 0 12px;align-self:start;width:auto}@media(min-width:768px){.psteps--band .psteps__n{grid-row:auto}.psteps__step>.psteps__media{margin-bottom:18px}.psteps--slim .psteps__step{grid-template-columns:minmax(0,1fr) 132px;column-gap:14px}.psteps--slim .psteps__step>.psteps__media{grid-column:2;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/parts-steps.css.map */