.dtstack{display:grid;grid-template-columns:1fr;gap:var(--s6)}@media(min-width:901px){.dtstack{grid-template-columns:1fr 1fr}}.dtviz-wrap{height:100%}.dtviz{position:sticky;top:90px}.dtviz svg{width:100%;max-width:480px;height:auto;display:block;margin:0 auto}.dtsteps .dtstep{max-width:52ch}@media(min-width:901px){.dtsteps .dtstep{min-height:72vh;display:flex;flex-direction:column;justify-content:center}}@media(max-width:900px){.dtviz{position:static}.dtsteps .dtstep{padding-block:var(--s5)}}.dtsteps .dtstep p{margin:var(--s3) 0 0}.dtstep-head{display:flex;align-items:center;gap:14px}.dtstep-head img{width:44px;height:auto}.dtstep-h{font-size:var(--fs-h3);margin-top:var(--s2)}.dtstep-note{font-size:var(--fs-sm)}.dtphotos{position:relative;aspect-ratio:602 / 650;transition:aspect-ratio .5s ease;background:var(--court-soft, var(--paper));overflow:hidden;margin-bottom:var(--s4)}.dtphoto{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.dtphoto img{width:100%;height:100%;object-fit:cover;display:block}.dtphoto--video{display:grid;place-items:center}.dtphoto--video video{width:100%;height:100%;object-fit:contain;display:block;background:var(--ink)}.dtstack .dtphoto{pointer-events:none}.dtstack[data-active="1"] .dtphoto[data-step="1"],.dtstack[data-active="2"] .dtphoto[data-step="2"],.dtstack[data-active="3"] .dtphoto[data-step="3"],.dtstack[data-active="4"] .dtphoto[data-step="4"]{pointer-events:auto}.dtstack[data-active="1"] .dtphoto[data-step="1"],.dtstack[data-active="2"] .dtphoto[data-step="2"],.dtstack[data-active="3"] .dtphoto[data-step="3"],.dtstack[data-active="4"] .dtphoto[data-step="4"]{opacity:1}.dtviz.has-photos .dtphotos{max-height:72vh;margin-bottom:0}@media(prefers-reduced-motion:reduce){.dtphoto{transition:none}}.dtl{cursor:pointer;outline:none;opacity:.3}.dtl .fill{fill:var(--white, #fff);stroke:var(--ink);stroke-width:2.5;transition:transform .6s cubic-bezier(.22,.8,.3,1),opacity .45s,fill .45s,stroke .45s}.dtl .dot,.dtl .hatch,.dtl .groove{fill:none;stroke:var(--ink);stroke-width:2;transition:opacity .45s,stroke .45s}.dtl .dot{stroke-width:2}.dtl .tnum{font-family:var(--display);font-weight:700;font-size:15px;fill:var(--muted);transition:opacity .45s,fill .45s}.dtl .tlab{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;fill:var(--ink);opacity:0;transition:opacity .45s}.dtl:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.dtl:focus-visible .fill{stroke-width:3.5}.dtstack[data-active="1"] .dtl[data-step="1"],.dtstack[data-active="2"] .dtl[data-step="2"],.dtstack[data-active="3"] .dtl[data-step="3"],.dtstack[data-active="4"] .dtl[data-step="4"]{opacity:1}.dtstack[data-active="1"] .dtl[data-step="1"] .fill,.dtstack[data-active="2"] .dtl[data-step="2"] .fill,.dtstack[data-active="3"] .dtl[data-step="3"] .fill,.dtstack[data-active="4"] .dtl[data-step="4"] .fill{fill:var(--court);stroke:var(--court-deep);transform:translate(14px)}.dtstack[data-active="1"] .dtl[data-step="1"] .groove,.dtstack[data-active="2"] .dtl[data-step="2"] .hatch,.dtstack[data-active="3"] .dtl[data-step="3"] .dot{stroke:var(--bone)}.dtstack[data-active="1"] .dtl[data-step="1"] .tlab,.dtstack[data-active="2"] .dtl[data-step="2"] .tlab,.dtstack[data-active="3"] .dtl[data-step="3"] .tlab,.dtstack[data-active="4"] .dtl[data-step="4"] .tlab{opacity:1}.dtstack[data-active="1"] .dtl[data-step="1"] .tnum,.dtstack[data-active="2"] .dtl[data-step="2"] .tnum,.dtstack[data-active="3"] .dtl[data-step="3"] .tnum,.dtstack[data-active="4"] .dtl[data-step="4"] .tnum{fill:var(--ink)}@media(prefers-reduced-motion:reduce){.dtl .fill,.dtl .dot,.dtl .hatch,.dtl .groove,.dtl .tnum,.dtl .tlab{transition:none}}@media(prefers-reduced-motion:reduce){.dtphotos{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/daps-tech-stack.css.map */