@layer components{.c-message-bar{--api-link-text-color:#fff;--api-link-underline-color:var(--brand-yellow);--api-link-underline-color-active:var(--brand-yellow);--message-bar-bg:var(--brand-blue);--message-bar-color:#fff;--message-bar-clip-path:inset(0 0 100% 0);align-items:center;background:var(--message-bar-bg);color:var(--message-bar-color);display:flex;font-weight:var(--font-weight-medium);justify-content:center;margin-top:0;padding:.5rem var(--grid-browser-gutter);text-align:center}}