.articlebody .tp-physical{border:1px solid #e1e6ed;background:#f6f7f9;border-radius:24px;padding:24px;margin:28px 0}.articlebody .tp-physical h3{font:700 22px/1.4 Arial;text-align:center;margin:0 0 20px}.tp-physical-art{max-width:740px;margin:auto}.tp-physical-art svg{width:100%;display:block}.tp-physical-ring{fill:none;stroke:#c8102e;stroke-width:4;stroke-dasharray:7 4}.tp-connect-popup{opacity:0}.tp-cable{opacity:.25}.tp-pencil-cap,.tp-cloth{transition:transform .5s}.tp-physical[data-step="1"] .tp-cable,.tp-physical[data-step="2"] .tp-cable{opacity:1}.tp-physical[data-step="0"] .tp-pencil-cap{transform:translateY(-30px)}.tp-physical[data-step="2"] .tp-connect-popup{opacity:1}.tp-physical[data-step="1"] .tp-cloth{transform:translate(50px,-100px)}.tp-physical[data-step="3"] .tp-physical-ring{stroke:#63a881}.articlebody .tp-physical-steps{padding:0;list-style:none;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;counter-reset:physical}.tp-physical-steps li{font:14px/1.5 Arial;border:1px solid #dce3eb;background:#fff;border-radius:10px;padding:12px;counter-increment:physical}.tp-physical-steps li:before{content:counter(physical)". ";font-weight:700;color:#c8102e}.tp-physical-steps li.is-current{outline:2px solid #c8102e;outline-offset:0}.tp-physical-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.tp-physical button{border:1px solid #d6dfea;border-radius:8px;background:#fff;padding:10px 14px;font:600 13px Arial;color:#374151;cursor:pointer}.tp-physical button:disabled{opacity:.4}.articlebody .tp-physical>p{font:11px/1.6 Arial;color:#7e8999;text-align:center;margin:17px 0 0}@media(max-width:600px){.articlebody .tp-physical{padding:18px 12px}.articlebody .tp-physical-steps{grid-template-columns:1fr}.articlebody .tp-physical h3{font-size:19px}}@media(prefers-reduced-motion:reduce){.tp-pencil-cap,.tp-cloth{transition:none}}

.tp-physical[data-physical-guide=pencil][data-step="0"] .tp-physical-ring{transform:translate(269px,-298px)}.tp-physical[data-physical-guide=pencil][data-step="2"] .tp-physical-ring{transform:translate(0,-143px)}

.tp-physical[data-physical-guide=airpods][data-step="1"] .tp-cloth{transform:translate(100px,-35px)}.tp-physical[data-physical-guide=airpods][data-step="1"] .tp-physical-ring{transform:translate(15px,119px)}.tp-physical[data-physical-guide=airpods][data-step="3"] .tp-physical-ring{transform:translate(181px,188px)}