.site-banner{--site-banner-bg:var(--f-color-surface-300);--site-banner-fg:var(--f-color-base-content);background:var(--site-banner-bg);color:var(--site-banner-fg);font-size:14px;font-weight:500}.site-banner[data-role=announcement]{--site-banner-bg:var(--f-color-primary);--site-banner-fg:var(--f-color-primary-content)}.site-banner[data-role=warning]{--site-banner-bg:var(--f-color-warning);--site-banner-fg:var(--f-color-warning-content)}.site-banner[data-role=incident]{--site-banner-bg:var(--f-color-danger);--site-banner-fg:var(--f-color-danger-content)}.site-banner__inner{box-sizing:border-box;align-items:start;gap:calc(var(--f-spacing) * 2) calc(var(--f-spacing) * 3);max-inline-size:90rem;padding:calc(var(--f-spacing) * 3) calc(var(--f-spacing) * 4);grid-template-columns:auto 1fr auto;margin-inline:auto;display:grid}@media (width>=48rem){.site-banner__inner{padding-block:calc(var(--f-spacing) * 2);flex-wrap:wrap;align-items:center;display:flex}}@media (width>=64rem){.site-banner__inner{padding-inline:calc(var(--f-spacing) * 10)}}.site-banner__icon{color:currentColor;flex:none;margin-block-start:2px}@media (width>=48rem){.site-banner__icon{margin-block-start:0}}.site-banner__message{flex:16rem;grid-column:2;margin:0;line-height:1.4}.site-banner__message a{color:inherit;text-underline-offset:2px;font-weight:700;text-decoration:underline}.site-banner__actions{gap:calc(var(--f-spacing) * 2);flex-wrap:wrap;grid-column:2;display:flex}.site-banner__close{grid-area:1/3;margin:0;margin-inline-start:auto}.site-banner__button{padding:calc(var(--f-spacing) * 1.5) calc(var(--f-spacing) * 3.5);border-radius:var(--f-radius-full);background:var(--site-banner-fg);color:var(--site-banner-bg);white-space:nowrap;border:1.5px solid;font-weight:700;text-decoration:none}.site-banner__button[data-secondary]{color:inherit;background:0 0}.site-banner__button:is(:hover,:focus-visible){opacity:.85}.site-banner__dismiss{border-radius:var(--f-radius-full);block-size:28px;inline-size:28px;color:inherit;cursor:pointer;background:0 0;place-items:center;display:grid}.site-banner__dismiss:is(:hover,:focus-visible){background:color-mix(in oklch, currentColor 18%, transparent)}