@layer equip{.eq-banner{--_tone:var(--eq-ink-2);--_tint:var(--eq-tint);color:var(--eq-ink);font:var(--eq-weight) var(--eq-text-s) / 1.45 var(--eq-font);transition:grid-template-rows var(--eq-dur) var(--eq-ease), opacity var(--eq-dur) var(--eq-ease), visibility var(--eq-dur) allow-discrete;grid-template-rows:1fr;display:grid}.eq-banner[data-tone=info]{--_tint:var(--eq-tint-strong)}.eq-banner[data-tone=ok]{--_tone:var(--eq-ok);--_tint:color-mix(in srgb, var(--eq-ok) 12%, transparent)}.eq-banner[data-tone=warn]{--_tone:var(--eq-warn);--_tint:color-mix(in srgb, var(--eq-warn) 14%, transparent)}.eq-banner[data-tone=danger]{--_tone:var(--eq-danger);--_tint:color-mix(in srgb, var(--eq-danger) 12%, transparent)}.eq-banner[data-sticky]{z-index:1;background:var(--eq-bg);-webkit-backdrop-filter:var(--eq-blur);backdrop-filter:var(--eq-blur);position:sticky;top:0}.eq-banner[data-dismissed]{opacity:0;visibility:hidden;grid-template-rows:0fr}.eq-banner-clip{min-height:0;overflow:hidden}.eq-banner-body{align-items:flex-start;gap:var(--eq-space-2) var(--eq-space-3);padding:var(--eq-space-2) var(--eq-space-4);border-block-end:1px solid color-mix(in srgb, var(--_tone) 30%, transparent);background:var(--_tint);display:flex}.eq-banner[data-align=center] .eq-banner-body{justify-content:center;position:relative}.eq-banner[data-align=center] .eq-banner-body:has(>.eq-banner-close){padding-inline:calc(var(--eq-space-4) + 24px)}.eq-banner[data-align=center] .eq-banner-text{text-align:center;flex:0 auto}.eq-banner[data-align=center] .eq-banner-close{top:calc(var(--eq-space-2) - 2px);margin:0;position:absolute;inset-inline-end:calc(var(--eq-space-4) - var(--eq-space-1))}.eq-banner-icon{color:var(--_tone);flex:none;margin-top:2px;display:grid}.eq-banner-icon svg{width:16px;height:16px}.eq-banner-text{flex:1;min-width:0;padding-block:1px}.eq-banner-text>:first-child{margin-top:0}.eq-banner-text>:last-child{margin-bottom:0}.eq-banner-action{color:inherit;font:inherit;font-weight:var(--eq-weight-strong);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);cursor:pointer;transition:text-decoration-color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);background:0 0;border:0;margin:0;padding:0;display:inline-block}.eq-banner-action:active{scale:var(--eq-press)}@media (hover:hover){.eq-banner-action:hover{text-decoration-color:currentColor}.eq-banner-close:hover{background:var(--eq-tint);color:var(--eq-ink)}}.eq-banner-action:focus-visible,.eq-banner-close:focus-visible{outline:2px solid var(--eq-focus);outline-offset:2px;border-radius:var(--eq-radius-s)}.eq-banner-close{width:24px;height:24px;border-radius:var(--eq-radius-s);color:var(--eq-ink-2);cursor:pointer;transition:background-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease), scale var(--eq-dur) var(--eq-ease);background:0 0;border:0;flex:none;place-items:center;margin-block:-2px;margin-inline-end:calc(-1 * var(--eq-space-1));padding:0;display:grid}.eq-banner-close:active{scale:var(--eq-press)}.eq-banner-close svg{width:16px;height:16px}}