@layer ui.components{.ui-notice-bar{background-color:var(--brand-deep);color:var(--text-on-action);font-size:var(--type-noticeText-size);line-height:var(--type-noticeText-line);font-weight:var(--type-noticeText-weight);letter-spacing:var(--type-noticeText-tracking);text-align:center;justify-content:center;margin:0;padding:8px 24px;display:flex}@media (min-width:1024px){.ui-notice-bar{padding-inline:0}}@media (min-width:768px){[data-scale=classic] .ui-notice-bar{padding-inline:0}}.ui-notice-bar[data-tone=danger],[data-scale=classic] .ui-notice-bar[data-tone=danger]{background-color:var(--danger);color:var(--text-on-action);letter-spacing:0;text-align:start;justify-content:flex-start;margin-block-end:12px;padding:0;font-size:18px;font-weight:400;line-height:28px}}