.announcement-banner[data-v-fbbdf8d7]{min-width:0;container-type:inline-size}.announcement-banner__box[data-v-fbbdf8d7]{--banner-tone:var(--info);--banner-tone-muted:var(--info-muted);border:1px solid color-mix(in srgb, var(--banner-tone) 38%, transparent);border-radius:var(--radius-xl);background:var(--banner-tone-muted);color:var(--text-primary);align-items:flex-start;gap:10px;padding:11px 12px 11px 14px;font-size:.8125rem;line-height:1.45;display:flex}.announcement-banner__box--warning[data-v-fbbdf8d7]{--banner-tone:var(--warning);--banner-tone-muted:var(--warning-muted)}.announcement-banner__box--maintenance[data-v-fbbdf8d7]{--banner-tone:var(--danger);--banner-tone-muted:var(--danger-muted)}.announcement-banner__icon[data-v-fbbdf8d7]{color:var(--banner-tone);flex-shrink:0;margin-top:1px}.announcement-banner__text[data-v-fbbdf8d7]{overflow-wrap:anywhere;flex:1;min-width:0;margin:0}.announcement-banner__title[data-v-fbbdf8d7]{font-weight:600}.announcement-banner__body[data-v-fbbdf8d7]{color:var(--text-secondary)}.announcement-banner__body[data-v-fbbdf8d7] strong{color:var(--text-primary);font-weight:600}.announcement-banner__body[data-v-fbbdf8d7] a{color:var(--banner-tone);text-underline-offset:2px;text-decoration:underline}.announcement-banner__actions[data-v-fbbdf8d7]{flex-shrink:0;align-items:center;gap:6px;display:flex}.announcement-banner__link[data-v-fbbdf8d7]{border:1px solid color-mix(in srgb, var(--banner-tone) 45%, transparent);border-radius:var(--radius-lg);height:28px;color:var(--banner-tone);white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0 10px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}a.announcement-banner__link[data-v-fbbdf8d7]:hover{background:color-mix(in srgb, var(--banner-tone) 12%, transparent)}.announcement-banner__close[data-v-fbbdf8d7]{border-radius:var(--radius-lg);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.announcement-banner__close[data-v-fbbdf8d7]:hover{background:color-mix(in srgb, var(--banner-tone) 12%, transparent);color:var(--text-primary)}a.announcement-banner__link[data-v-fbbdf8d7]:focus-visible,.announcement-banner__close[data-v-fbbdf8d7]:focus-visible{outline:2px solid var(--banner-tone);outline-offset:2px}@container (width<=560px){.announcement-banner__box[data-v-fbbdf8d7]{flex-wrap:wrap}.announcement-banner__text[data-v-fbbdf8d7]{flex:calc(100% - 40px)}.announcement-banner__actions[data-v-fbbdf8d7]{margin-left:auto}}
