.site-notice{background:var(--color-chip-bg);color:var(--color-text);border-bottom:1px solid var(--color-border)}.site-notice[hidden]{display:none}.site-notice[data-tone=warning]{background:var(--color-partial-bg);color:var(--color-partial-text);border-bottom-color:var(--color-partial)}.site-notice-inner{align-items:flex-start;gap:var(--space-1);width:100%;max-width:var(--space-content-max);padding-block:0;padding-inline:var(--space-gutter-mobile) 0;margin-inline:auto;display:flex}.site-notice-icon{color:var(--color-link);flex-shrink:0;margin-block-start:calc((var(--space-tap-min) - 20px) / 2);display:inline-flex}.site-notice[data-tone=warning] .site-notice-icon{color:var(--color-partial-text)}.site-notice-text{min-width:0;padding-block:calc((var(--space-tap-min) - 1.45em) / 2);font:var(--type-hint);overflow-wrap:anywhere;flex:1;margin:0}.site-notice-link,.site-notice[data-tone=warning] .site-notice-link{color:inherit;white-space:nowrap;font-weight:600;text-decoration:underline}.site-notice[data-tone=info] .site-notice-link{color:var(--color-link)}.site-notice-close{width:var(--space-tap-min);height:var(--space-tap-min);color:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.site-notice-close:hover{background:var(--color-surface-sunken)}@media (min-width:900px){.site-notice-inner{padding-inline-start:var(--space-gutter-desktop)}}