@font-face {
    font-family:"Barlow Condensed Alert";
    src:url("/_in/header-alert-barlow-condensed-black.ttf") format("truetype");
    font-weight:900;
    font-style:normal;
    font-display:swap;
    unicode-range:U+0041,U+0048,U+0052-0054,U+0056,U+0059,U+00DD;
}
.header-alert-tools {display:flex;align-items:center;justify-self:end;gap:12px}
.header-alert-link {
    --header-alert-severity:#c0b5e7;
    position:relative;
    display:block;
    flex:none;
    box-sizing:border-box;
    block-size:54px;
    padding:1px 3px;
    border-radius:5px;
}
.header-alert-link[data-level="1"] {--header-alert-severity:#f8c85c}
.header-alert-link[data-level="2"] {--header-alert-severity:#f89851}
.header-alert-link[data-level="3"] {--header-alert-severity:#e87875}
.header-alert-link:hover {background:var(--subtle);text-decoration:none}
.header-alert-link:focus-visible {outline:2px solid var(--accent);outline-offset:2px}
.header-alert-visual {
    position:relative;
    display:block;
    block-size:100%;
    filter:drop-shadow(0 0 3px color-mix(in srgb,var(--header-alert-severity) 40%,transparent));
}
.header-alert-map {display:block;inline-size:94px;block-size:auto;overflow:visible}
.header-alert-map path {stroke:var(--muted);stroke-width:.24px;stroke-opacity:.42;vector-effect:non-scaling-stroke}
.header-alert-map [data-level="none"] {fill:var(--line)}
.header-alert-map [data-level="0"] {fill:#c0b5e7}
.header-alert-map [data-level="1"] {fill:#f8c85c}
.header-alert-map [data-level="2"] {fill:#f89851}
.header-alert-map [data-level="3"] {fill:#e87875}
.header-alert-label {
    position:absolute;
    inset-inline-end:2px;
    inset-block-end:5px;
    padding:4px 5px 2px;
    border-radius:2px;
    background:var(--header-alert-severity);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--header-alert-severity) 32%,#fff),0 1px 2px #0005;
    color:#fff;
    font-family:"Barlow Condensed Alert",sans-serif;
    font-size:11px;
    font-weight:900;
    letter-spacing:.012em;
    text-shadow:0 1px 1px #000b,0 0 1px #000b;
    line-height:1;
}
@media (max-width:760px) {
    .header-inner > .header-alert-tools {
        align-items:flex-start;
        align-self:flex-start;
        gap:18px;
        margin-inline-start:auto;
        margin-block-end:-41px;
    }
    .header-alert-tools > .appearance-controls {margin-inline-start:0}
    .header-alert-link {
        block-size:58px;
        /* The visible logo sits below the top of its SVG canvas. */
        margin-block-start:max(5px,calc(var(--mobile-brand-reference-height) * .2 - 3px));
    }
    .header-alert-map {inline-size:96px}
}
@media (max-width:360px) {
    .header-alert-link {block-size:44px}
    .header-alert-map {inline-size:72px}
    .header-alert-label {inset-block-end:3px}
}
@media (min-width:361px) and (max-width:430px) {
    .header-alert-tools > .appearance-controls--oval {top:calc(var(--mobile-brand-reference-height) - 58px)}
    .header-alert-tools > .appearance-controls--oval::before {top:-2px;bottom:-2px}
}