/* Self-host this stylesheet alongside declaration.js. No inline styles needed. */
.mf-analytics { font: 13px/1.5 system-ui, sans-serif; color: inherit; padding: 12px 16px; text-align: center; }
.mf-analytics [hidden], .mf-analytics[hidden] { display: none !important; }
.mf-analytics__toggle, .mf-analytics__close { min-height: 44px; color: inherit; background: transparent; border: 0; text-decoration: underline; padding: 10px 12px; font: inherit; cursor: pointer; }
.mf-analytics__panel { box-sizing: border-box; width: min(100%, 480px); margin: 8px auto; padding: 16px; text-align: left; color: #25303b; background: #fff; border: 1px solid #d2d8de; border-radius: 10px; }
.mf-analytics__title { font-size: 14px; }
.mf-analytics__description { margin: 8px 0 12px; }
.mf-analytics__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.mf-analytics__button { min-height: 44px; border: 1px solid #677582; border-radius: 5px; background: #fff; color: #25303b; padding: 9px 12px; font: inherit; cursor: pointer; }
.mf-analytics__button:disabled { opacity: .6; cursor: default; }
.mf-analytics__link { display: inline-block; color: #25303b; padding-top: 12px; }
.mf-analytics button:focus-visible, .mf-analytics a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }