.myx-install-animation{margin:26px 0 34px;background:#101014;border:1px solid #33343b;border-radius:18px;overflow:hidden;color:#f6f5f8;max-width:100%}.myx-install-stage{position:relative;height:clamp(300px,46vw,560px);background:linear-gradient(#242627,#080909);isolation:isolate}.myx-install-stage .r3f-canvas{height:100%!important;width:100%!important;position:absolute!important;top:0;right:0;bottom:0;left:0;opacity:1!important;visibility:visible!important}.myx-install-stage canvas{display:block;width:100%;height:100%;outline:0;touch-action:pan-y;pointer-events:none}.myx-install-stage .r3f-canvas>div{opacity:1!important;visibility:visible!important;transform:none!important}.myx-install-stage-badge{position:absolute;top:18px;left:20px;z-index:2;color:#b9b6c5;font:700 10px/1.3 Arial,sans-serif;letter-spacing:.15em;pointer-events:none}.myx-install-caption{display:flex;gap:16px;padding:22px 24px 12px;align-items:flex-start;min-height:100px;border-top:1px solid #303137}.myx-install-step{font:700 12px/1.2 Arial,sans-serif;color:#baa6f8;white-space:nowrap;margin-top:4px}.myx-install-caption strong{display:block;font-size:18px;font-weight:700;line-height:1.3}.mtx-install .myx-install-caption p{margin:7px 0 0;color:#b4b2bc;font-size:14px;line-height:1.55}.myx-install-controls{display:flex;align-items:center;gap:12px;padding:8px 24px 16px;flex-wrap:wrap}.myx-install-controls button{-webkit-appearance:none;appearance:none;min-height:44px;border:1px solid #484550;border-radius:9px;font:600 13px/1.3 Arial,sans-serif;color:#f6f5f8;background:#1b1b22;padding:11px 18px;cursor:pointer;letter-spacing:0;text-transform:none}.myx-install-controls .myx-install-play{background:#3a1cc2;border-color:#7050e7;min-width:148px}.myx-install-controls button:hover{filter:brightness(1.15)}.myx-install-controls button:focus-visible,.myx-install-controls input:focus-visible{outline:2px solid #b7a4f3;outline-offset:4px}.myx-install-controls input[type=range]{width:180px;min-width:80px;flex:1;height:32px;accent-color:#9874f8;margin:0;padding:0;background:transparent;border:0;cursor:pointer}.mtx-install .myx-install-demo-note{font-size:11px;line-height:1.5;color:#92909c;margin:0;padding:0 24px 19px}.myx-install-animation .myx-install-placeholder{display:grid;place-items:center;min-height:300px;color:#bcb9c7;font-size:14px;padding:30px;text-align:center}@media(max-width:600px){.myx-install-animation{margin:22px 0 28px;border-radius:14px}.myx-install-stage{height:330px}.myx-install-stage-badge{top:15px;left:15px;font-size:9px}.myx-install-caption{padding:18px 16px 8px;gap:10px;min-height:125px}.myx-install-caption strong{font-size:17px}.mtx-install .myx-install-caption p{font-size:13px}.myx-install-controls{padding:8px 16px 13px;gap:8px}.myx-install-controls input[type=range]{flex-basis:100%;width:100%;height:24px}.mtx-install .myx-install-demo-note{padding:0 16px 17px}.myx-install-controls button{padding:11px 13px}.myx-install-controls .myx-install-play{min-width:145px}}@media(prefers-reduced-motion:reduce){.myx-install-animation *{scroll-behavior:auto!important}}#z-bracket-installation .mtx-install__graphic:has(.myx-install-animation){padding:0;border:0;background:transparent;overflow:visible}#z-bracket-installation .myx-install-animation{margin:0 0 14px}#z-bracket-installation .myx-install-stage{height:420px}.myx-install-reference{border:1px solid #33343b;border-radius:12px;overflow:hidden;background:#101014;text-align:left}.myx-install-reference summary{padding:16px 20px;color:#bbb7c8;font-size:13px;cursor:pointer}.myx-install-reference img{max-width:100%;height:auto;display:block}@media(max-width:600px){#z-bracket-installation .myx-install-stage{height:330px}}.myx-install-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:3;color:#bcb9c7;font-size:14px;background:linear-gradient(#242627,#080909)}.mtx-install .myx-install-controls input[type=range]{-webkit-appearance:none;appearance:none;box-shadow:none;outline-offset:4px}.mtx-install .myx-install-controls input[type=range]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:4px;background:#53505e;box-shadow:none}.mtx-install .myx-install-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;background:#ab8af7;box-shadow:0 0 0 3px #101014}.mtx-install .myx-install-controls input[type=range]::-moz-range-track{height:4px;border:0;border-radius:4px;background:#53505e}.mtx-install .myx-install-controls input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#ab8af7}.mtx-install .myx-install-reference summary{padding:16px 20px;color:#bbb7c8;font-size:13px;cursor:pointer}.mtx-install .myx-install-reference summary{padding-right:58px}.mtx-install .myx-install-reference summary:before,.mtx-install .myx-install-reference summary:after{top:calc(50% - 1px);right:20px}
/*# sourceMappingURL=/cdn/shop/t/117/assets/maytrix-installation-animations.css.map */