[class*=mx-hs]{--hs: var(--mx-brand-1-ink, var(--fs-color-primary));--hs-on: #fff}.mx-hs-c--accent{--hs: var(--mx-accent-ink, var(--fs-color-secondary))}.mx-hs-c--dark{--hs: var(--mx-dark, #222)}.mx-hs-c--light{--hs: var(--mx-surface, #fff);--hs-on: var(--mx-dark, #222)}:is(.mx-hs--pulse,.mx-hs--solid,.mx-hs--outline,.mx-hs--glass) .hotspot{position:relative;opacity:1;background-color:var(--hs)!important;color:var(--hs-on)!important}.mx-hs--outline .hotspot{background-color:color-mix(in srgb,var(--hs) 15%,transparent)!important;color:var(--hs)!important;box-shadow:inset 0 0 0 2px var(--hs)}.mx-hs--glass .hotspot{background-color:#ffffff47!important;color:#fff!important;box-shadow:inset 0 0 0 1px #fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mx-hs--pulse .hotspot:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 var(--hs);animation:mx-hs-pulse 2s ease-out infinite}@keyframes mx-hs-pulse{70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.mx-hs--pulse .hotspot:after{animation:none;box-shadow:0 0 0 4px color-mix(in srgb,var(--hs) 30%,transparent)}}.mx-hs-label{font-size:.8em;font-weight:700;line-height:inherit}:is(.mx-hs--pulse,.mx-hs--solid,.mx-hs--outline,.mx-hs--glass) .hotspot:focus-visible,.mx-hs-has-pop .hotspot:focus-visible{outline:3px solid var(--hs, currentColor);outline-offset:3px}.mx-hs-has-pop{z-index:2}.mx-hs-has-pop.is-open{z-index:40}.mx-hs-pop{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%);z-index:40;box-sizing:border-box;width:min(260px,80vw);padding:16px 18px;text-align:left;background-color:var(--mx-surface, #fff);color:var(--mx-text, #333);border-radius:var(--mx-radius-m, 8px);box-shadow:var(--mx-shadow-4, 0 12px 32px rgb(0 0 0 / .18))}.mx-hs-pop[hidden]{display:none}.mx-hs-pop.is-up{top:auto;bottom:calc(100% + 10px)}.mx-hs-pop .mx-hs-pop__title{margin:0 24px 6px 0;font-weight:700;color:var(--mx-dark, #222);font-family:var(--mx-font-heading, inherit)}.mx-hs-pop .mx-hs-pop__text{margin:0 0 10px;font-size:.9em;color:var(--mx-text, #444)}.mx-hs-pop .mx-hs-pop__btn{margin:0}.mx-hs-pop__close{position:absolute;top:6px;right:6px;width:28px;height:28px;min-height:0;margin:0;padding:0;line-height:28px;font-size:20px;color:var(--mx-dark, #222);background:none;border:0}.mx-hs-pop__close:focus-visible{outline:2px solid currentColor}