.mh-demo{--d-ink:#221F1B;--d-cream:#F7F3EC;--d-gold:#B08A5A;--d-line:#E2D9C9;--d-muted:#6F6759;width:100%}.mh-demo__stage{position:relative;width:100%;max-width:520px;margin-inline:auto}.mh-demo svg{width:100%;height:auto;display:block;overflow:visible}.mh-demo svg *{pointer-events:none}.mh-demo svg .mh-demo__hit{fill:transparent;cursor:pointer;pointer-events:auto}.mh-demo__moving{transition:transform .55s cubic-bezier(.22,.61,.36,1)}.mh-demo__fade{transition:opacity .4s ease}.mh-demo__controls{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-top:1.4rem}.mh-demo__btn{font:inherit;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.65rem 1.15rem;border:1px solid var(--d-ink);background:transparent;color:var(--d-ink);cursor:pointer;border-radius:6px;transition:background .2s ease,color .2s ease}.mh-demo__btn:hover{background:var(--d-ink);color:var(--d-cream)}.mh-demo__btn:focus-visible{outline:2px solid var(--d-gold);outline-offset:3px}.mh-demo__btn[aria-pressed=true]{background:var(--d-ink);color:var(--d-cream)}.mh-demo__status{margin-top:.9rem;text-align:center;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--d-muted);min-height:1.4em}.mh-demo__status b{color:var(--d-gold);font-weight:500}@media(prefers-reduced-motion:reduce){.mh-demo__moving,.mh-demo__fade{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/mh-demo.css.map */
