.diagram{margin:2rem 0}.diagram__art{border:1px solid var(--seam);border-radius:var(--radius-stage);background:var(--paper);width:100%;height:auto;font-family:var(--text);padding:.75rem;display:block}.diagram__caption{color:var(--heather);margin-top:.75rem;font-size:.95rem}.diagram__caption strong{color:var(--ink)}.diagram__legend{margin:.5rem 0 0;padding-left:1.4rem}.diagram__legend li+li{margin-top:.25rem}.guide-steps{padding-left:1.4rem}.guide-steps li+li{margin-top:.6rem}.guide-faq h3{margin-top:1.75rem}.diagram__art path,.diagram__art rect,.diagram__art circle{vector-effect:non-scaling-stroke}.d-frame{stroke:var(--seam)}.d-check-a{fill:#fff}.d-check-b{fill:#e6e7e4}.d-check-a-dark{fill:#8c9097}.d-check-b-dark{fill:#767a81}.d-paper{fill:var(--cotton)}.d-black{fill:#15171a}.d-white{fill:#fff}.d-cloth{fill:#fff;stroke:var(--seam-strong);stroke-width:1.2px}.d-cloth--front{fill:#fbfbfa}.d-cloth--back{fill:#e9ebe6}.d-navy{fill:var(--navy)}.d-wood{fill:#c99561;stroke:#a8743f;stroke-width:1px}.d-fold{fill:none;stroke:#d9dbd6;stroke-width:1.4px;stroke-linecap:round}.d-fold--dark{stroke:#2d3c60}.d-ink-fold{fill:none;stroke:#00000029;stroke-width:3px;stroke-linecap:round}.d-grid-fine{fill:none;stroke:#e1e3df;stroke-width:.8px}.d-grid{fill:none;stroke:var(--seam-strong);stroke-width:1px}.d-ghost{fill:#eef1fb}.d-trace{fill:none;stroke:var(--cobalt);stroke-width:2.4px;stroke-linejoin:round}.d-edge{fill:none;stroke:var(--ink);stroke-width:1.4px;stroke-linejoin:round}.d-seam{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.d-seam--closed{stroke:var(--cobalt);stroke-width:2.6px}.d-open{fill:none;stroke:#e2572b;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.d-open-key{fill:none;stroke:#e2572b;stroke-width:4px;stroke-linecap:round}.d-arrow,.d-cut{fill:none;stroke:var(--heather);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.d-cut{stroke:#e2572b;stroke-dasharray:5 4}.d-axis{fill:none;stroke:var(--seam-strong);stroke-width:1px;stroke-dasharray:4 4}.d-depth{fill:#dfe5fb;stroke:var(--cobalt);stroke-width:2px;stroke-linejoin:round}.d-depth--open{fill:none}.d-band0{fill:#f3f5fd}.d-band1{fill:#dfe5fb}.d-band2{fill:#bfcaf5}.d-band3{fill:#94a6ee}.d-band4{fill:#6880e6}.d-band5{fill:#3f5bdc}.d-band6{fill:var(--cobalt-deep)}.d-empty circle{fill:#fff;stroke:var(--seam-strong);stroke-width:1.2px}.d-dots circle{fill:var(--ink)}.d-rings circle{fill:#fff;stroke:var(--cobalt);stroke-width:2.4px}.d-mesh-fill{fill:#eef1fb}.d-mesh{fill:none;stroke:#8fa0ea;stroke-width:1px;stroke-linejoin:round}.d-core{fill:none;stroke:#2a2d33;stroke-width:5px;stroke-linecap:round}.d-seam-meet{fill:none;stroke:var(--cobalt);stroke-width:1.4px;stroke-dasharray:3 3}.d-area{fill:#2645d61f;stroke:#fff;stroke-width:1.2px;stroke-dasharray:4 3}.d-area-edit{fill:#2645d61f;stroke:var(--cobalt);stroke-width:1.4px;stroke-dasharray:5 3}.d-handle{fill:var(--cobalt);stroke:#fff;stroke-width:1.5px}.d-shade{fill:#b9bab7}.d-shade-fold{fill:none;stroke:#8e8f8c;stroke-width:6px;stroke-linecap:round}.d-sun-disc{fill:#ff7d48}.d-sun{fill:#ffd65c}.d-sea{fill:#c7366f}.d-type{fill:#fff}.d-op{fill:var(--heather);font-size:26px;font-weight:600}.d-label{fill:var(--ink);font-size:15px;font-weight:600}.d-small{fill:var(--heather);font-size:13px}.d-mark{fill:var(--ink)}.d-mark__n{fill:#fff;text-anchor:middle;font-size:15px;font-weight:700}.d-panel{fill:#fff;stroke:#c3c4c7}.d-rule{stroke:#c3c4c7}.d-box{fill:#fff;stroke:#dcdcde}.d-ui-head{fill:#1d2327;font-size:14px;font-weight:600}.d-ui-strong{fill:#1d2327;font-size:13px;font-weight:600}.d-ui{fill:#3c434a;font-size:12px}.d-ui-link{fill:#2271b1;font-size:12px;font-weight:600}.d-ui-on{fill:#fff;font-size:13px;font-weight:600}.d-tick{fill:#3858e9}.d-tick-mark{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.d-button{fill:#fff;stroke:#2271b1}.d-input{fill:#fff;stroke:#8c8f94}.d-stage{fill:#f1f1ee}.d-seg{fill:#e9e9e6}.d-seg-on-soft{fill:#fff}.d-seg-active{fill:var(--ink)}.d-rail{fill:none;stroke:#a9adb3;stroke-width:4px;stroke-linecap:round}.d-rail-cap{fill:#c5c8cc}.d-hook{fill:none;stroke:#a9adb3;stroke-width:2.5px;stroke-linecap:round}.d-pointer{fill:#fff;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.d-turn-arrow{fill:none;stroke:var(--cobalt);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.d-hint{fill:var(--heather);text-anchor:middle;font-size:13px}.d-cta{fill:var(--cobalt)}.d-sw-white{fill:#f6f6f4;stroke:#c9ccc6}.d-sw-black{fill:#1c1c1e}.d-sw-grey{fill:#a7aaae}.d-sw-navy{fill:var(--navy)}.d-sw-green{fill:#1f4d3a}.d-sw-red{fill:#a5312b}.d-sw-on{stroke:var(--ink);stroke-width:2.5px}.d-tool{fill:#3a3f47}.d-head{fill:#2a2d33}.d-rail-thin{fill:none;stroke:#a9adb3;stroke-width:3px;stroke-linecap:round}.d-ink-drop{fill:none;stroke:#2a2d33;stroke-width:2px;stroke-linecap:round}.d-spray circle{fill:#b8c6f2}.d-white-layer{fill:#fff;stroke:#c9ccc6;stroke-width:1px}.d-film{fill:#d6e4f5cc;stroke:#8fadd4;stroke-width:1.2px}.d-peel{stroke-linejoin:round}.d-powder circle{fill:#fff;stroke:#9a9d98;stroke-width:.8px}.d-press{fill:#8f949b}.d-press-handle{fill:none;stroke:#5f646b;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.d-heat{fill:none;stroke:#e2572b;stroke-width:2px;stroke-linecap:round}.d-screen{fill:none;stroke:#a8743f;stroke-width:4px}.d-screen-mesh{fill:#f0ece2b3;stroke:#d8d1c2;stroke-width:.8px}.d-squeegee{fill:#2a2d33}@media (prefers-reduced-motion:no-preference){.diagram[data-motion] :is(.d-fade,.d-draw,.d-pop,.d-grow,.d-slide-front,.d-slide-back,.d-drop,.d-resize,.d-turn,.d-hand){transform-box:fill-box;transform-origin:50%;animation-duration:.9s;animation-timing-function:var(--ease-out);animation-play-state:paused;animation-fill-mode:both}.diagram[data-motion=play] :is(.d-fade,.d-draw,.d-pop,.d-grow,.d-slide-front,.d-slide-back,.d-drop,.d-resize,.d-turn,.d-hand){animation-play-state:running}.diagram[data-motion] .d-fade{animation-name:d-fade}.diagram[data-motion] .d-draw{stroke-dasharray:1;animation-name:d-draw;animation-duration:1.4s}.diagram[data-motion] .d-pop{animation-name:d-pop;animation-duration:.6s;animation-timing-function:var(--ease-spring)}.diagram[data-motion] .d-grow{animation-name:d-grow;animation-duration:1.2s}.diagram[data-motion] .d-slide-front{animation-name:d-slide-front;animation-duration:1.4s}.diagram[data-motion] .d-slide-back{animation-name:d-slide-back;animation-duration:1.4s}.diagram[data-motion] .d-drop{animation-name:d-drop;animation-duration:1s}.diagram[data-motion] .d-resize{transform-origin:0 0;animation-name:d-resize;animation-duration:1.4s}.diagram[data-motion] .d-turn{animation-name:d-turn;animation-duration:2.6s;animation-timing-function:ease-in-out}.diagram[data-motion] .d-hand{animation-name:d-hand;animation-duration:2.6s;animation-timing-function:ease-in-out}.diagram[data-motion] .d-s1{animation-delay:.4s}.diagram[data-motion] .d-s2{animation-delay:.8s}.diagram[data-motion] .d-s3{animation-delay:1.2s}.diagram[data-motion] .d-s4{animation-delay:1.6s}.diagram[data-motion] .d-s5{animation-delay:2s}.diagram[data-motion] .d-s6{animation-delay:2.4s}.diagram[data-motion] .d-s7{animation-delay:2.8s}}@keyframes d-fade{0%{opacity:0}}@keyframes d-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes d-pop{0%{opacity:0;transform:scale(.2)}}@keyframes d-grow{0%{transform:scaleY(.02)}}@keyframes d-slide-front{0%{transform:translate(-70px)}}@keyframes d-slide-back{0%{transform:translate(70px)}}@keyframes d-drop{0%{opacity:0;transform:translateY(-40px)}}@keyframes d-resize{0%{transform:scale(.7)}}@keyframes d-turn{0%{transform:scaleX(1)}35%{transform:scaleX(.78)}70%{transform:scaleX(1.03)}to{transform:scaleX(1)}}@keyframes d-hand{0%{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(0)}55%{transform:translate(-130px)}to{opacity:1;transform:translate(0)}}