.hmf-notice :where(.hmf-callout__label,.hmf-alert__label){display:flex;gap:var(--hmf-space-2);align-items:center}.hmf-notice[style*=--hmf-tint]{--hmf-tint-light-bg: var(--hmf-surface-subtle);--hmf-tint-light-text: var(--hmf-text);--hmf-tint-dark-bg: var(--hmf-surface-subtle);--hmf-tint-dark-text: var(--hmf-text);--hmf-tint-accent: var(--hmf-action);--hmf-tint-bg: var(--hmf-tint-light-bg);--hmf-tint-text: var(--hmf-tint-light-text)}.hmf-notice[style*=--hmf-tint]>:is(.hmf-callout,.hmf-alert){background:var(--hmf-tint-bg);color:var(--hmf-tint-text)}.hmf-notice[style*=--hmf-tint]>:is(.hmf-callout,.hmf-alert){border-color:var(--hmf-tint-accent)}.hmf-notice[style*=--hmf-tint] :is(.hmf-callout__label,.hmf-alert__label,.hmf-icon,a){color:inherit}:root[data-mode=dark] .hmf-notice[style*=--hmf-tint]{--hmf-tint-bg: var(--hmf-tint-dark-bg);--hmf-tint-text: var(--hmf-tint-dark-text)}@media(prefers-color-scheme:dark){:root:not([data-mode=light]) .hmf-notice[style*=--hmf-tint]{--hmf-tint-bg: var(--hmf-tint-dark-bg);--hmf-tint-text: var(--hmf-tint-dark-text)}}@media(forced-colors:active){.hmf-notice[style*=--hmf-tint]>:is(.hmf-callout,.hmf-alert){background:Canvas;color:CanvasText}}.hmf-callout--icon{grid-template-columns:auto 1fr;align-items:start;column-gap:var(--hmf-space-3)}.hmf-callout--icon>.hmf-callout__icon{grid-row:1 / span 2;display:inline-flex}.hmf-callout--icon>:not(.hmf-callout__icon){grid-column:2}.hmf-notice__icon svg{inline-size:1.25rem;block-size:1.25rem;fill:currentColor}