.mxj{position:relative;width:100%;margin:0;background:var(--base);color:var(--text);font-family:Urbanist,sans-serif;scroll-margin-top:var(--navigation-height,44px)}.mxj.is-ready{height:var(--journey-height)}.mxj-pin{position:relative;padding:40px 24px}.mxj.is-ready .mxj-pin{position:sticky;top:var(--journey-top,44px);height:var(--journey-view);padding:0;display:grid;place-items:center;overflow:clip}.mxj.is-ready .mxj-canvas{position:absolute;left:50%;top:50%;width:1440px;height:916px;transform:translate(-50%,-50%) scale(var(--journey-scale,1));transform-origin:center}.mxj-copy{margin-bottom:32px}#hardware-journey .mxj-copy{height:auto;min-height:0}.mxj-copy .eyebrow{margin:0 0 20px;color:var(--lime);font-size:16px;line-height:24px}.mxj-copy h2{margin:0;font:700 48px/52px Urbanist,sans-serif;letter-spacing:-1px}.mxj-copy>p:last-child,.mxj-descriptions p{margin:20px 0 0;max-width:1000px;font:400 22px/30px Urbanist,sans-serif;color:var(--muted)}.mxj.is-ready .mxj-copy{position:absolute;left:48px;right:48px;top:40px;margin:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease;z-index:2}.mxj.is-ready .mxj-copy.is-current{opacity:1;visibility:visible}.mxj-titles,.mxj-descriptions{display:grid}.mxj-titles>*,.mxj-descriptions>*{grid-area:1/1}.mxj [data-separated]{opacity:0}.mxj-art{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mxj.is-ready .mxj-art{position:absolute;left:0;top:230px;width:1440px;height:500px;display:block;isolation:isolate}.mxj-module{position:relative;outline:none;min-width:0}.mxj.is-ready .mxj-module{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform,opacity}.mxj-surface{position:relative;width:100%;height:100%;transition:transform .22s linear;transform-origin:center}.mxj-image{display:block;width:100%;height:100%;max-width:none;object-fit:contain!important;pointer-events:none;-webkit-user-select:none;user-select:none}.mxj:not(.is-ready) .mxj-image{height:180px}.mxj:not(.is-ready) .mxj-surface{height:auto}.mxj-screen{position:absolute;left:6.2561%;top:3.5022%;width:83.871%;aspect-ratio:1;background:#080909;border-radius:3px;overflow:hidden;pointer-events:none}.mxj-screen img{position:absolute;left:1.25%;top:1.25%;width:97.5%;height:97.5%;object-fit:contain}.mxj:not(.is-ready) .mxj-screen{display:none}.mxj-label{text-align:center;color:var(--muted)}.mxj-label h3{margin:0;font-size:20px;line-height:26px;font-weight:600;color:var(--text)}.mxj-label p{margin:8px 0 0;font-size:14px;line-height:20px}.mxj.is-ready .mxj-label{position:absolute;left:50%;width:240px;transform:translate(-50%);transform-origin:50% 0;pointer-events:none}.mxj.is-ready[data-journey-phase="1"] .mxj-label p,.mxj.is-ready[data-journey-phase="2"] .mxj-label p{display:none}.mxj.is-ready[data-inspection=true] .mxj-module:is(:focus-visible,.is-inspecting){z-index:4}.mxj.is-ready[data-inspection=true] .mxj-module:is(:focus-visible,.is-inspecting) .mxj-surface{transform:scale(1.188)}.mxj-module:focus-visible .mxj-surface{outline:2px solid #a79bff;outline-offset:4px}@media(hover:hover)and (pointer:fine){.mxj[data-inspection=true] .mxj-module:hover{z-index:4}.mxj[data-inspection=true] .mxj-module:hover .mxj-surface{transform:scale(1.188)}}.mxj-keys{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;visibility:hidden}.mxj[data-journey-phase="1"] .mxj-keys{visibility:visible}.mxj-key{position:absolute;overflow:hidden;background:#111;border-radius:3px}.mxj-key img{position:absolute;max-width:none;transition:transform .15s ease,filter .15s ease}.mxj-key.is-pressed img{transform:translateY(2px);filter:brightness(.76)}.mxj-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:40px 0 0}.mxj.is-ready .mxj-packages{position:absolute;left:48px;right:48px;top:700px;margin:0;visibility:hidden;opacity:0;transition:opacity .18s ease}.mxj.is-ready[data-journey-phase="2"] .mxj-packages{visibility:visible;opacity:1}.mxj-packages button{display:flex;flex-direction:column;gap:10px;text-align:left;min-width:0;min-height:142px;padding:20px;border:1px solid var(--raised);border-radius:16px;background:var(--raised);color:var(--muted);font:400 16px/22px Urbanist,sans-serif;cursor:pointer;transition:background .18s ease,color .18s ease}.mxj-packages strong{font-size:22px;line-height:26px;font-weight:600;color:var(--text)}.mxj-packages small{font-size:12px;line-height:16px;color:var(--lime)}.mxj-packages button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:#141619}.mxj-packages button[aria-pressed=true] :is(strong,small){color:inherit}.mxj-footer{display:flex;align-items:center;justify-content:center;margin-top:32px}.mxj.is-ready .mxj-footer{position:absolute;left:48px;right:48px;bottom:20px;margin:0}.mxj-steps{display:none;gap:4px}.mxj.is-ready .mxj-steps{display:flex}.mxj-steps button{display:grid;place-items:center;width:44px;height:44px;border:0;padding:0;background:transparent;cursor:pointer}.mxj-steps span{display:block;width:32px;height:3px;background:var(--raised);border-radius:3px}.mxj-steps [aria-pressed=true] span{background:var(--lime)}.mxj button:focus-visible{outline:2px solid #a79bff;outline-offset:4px}.mxj.is-static .mxj-pin{position:relative;top:auto}@media(max-width:767px){.mxj.is-ready .mxj-canvas{width:390px;height:866px}.mxj.is-ready .mxj-copy{left:24px;right:24px;top:24px}.mxj-copy .eyebrow{font-size:13px;line-height:18px;margin-bottom:14px}.mxj-copy h2{font-size:30px;line-height:34px;letter-spacing:-.6px}.mxj-copy>p:last-child,.mxj-descriptions p{font-size:16px;line-height:22px;margin-top:14px}.mxj.is-ready .mxj-art{top:218px;width:390px;height:340px}.mxj-art{grid-template-columns:repeat(2,minmax(0,1fr))}.mxj.is-ready .mxj-label{width:166px}.mxj-label h3{font-size:18px;line-height:24px}.mxj-label p{font-size:12px;line-height:18px}.mxj-packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mxj.is-ready .mxj-packages{left:24px;right:24px;top:558px}.mxj-packages button{min-height:96px;padding:12px;gap:6px;font-size:12px;line-height:16px;border-radius:12px}.mxj-packages strong{font-size:17px;line-height:20px}.mxj-packages small{font-size:10px;line-height:14px}.mxj.is-ready .mxj-footer{left:24px;right:24px;bottom:20px;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.mxj *{transition:none!important}.mxj .mxj-surface{transform:none!important}}.mxj-backlight{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .22s ease}.mxj[data-journey-phase="1"] .mxj-backlight,.mxj[data-journey-phase="2"] .mxj-backlight{opacity:1}.mxj.is-breathing .mxj-module[aria-hidden=false] .mxj-backlight{animation:mxj-light-breathe 3.6s ease-in-out infinite;transition:none}@keyframes mxj-light-breathe{0%,to{opacity:1}50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.mxj-backlight{animation:none!important;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/169/assets/mxw-hardware-journey.css.map */