.ui-notice{--notice-tone:var(--color-accent);box-sizing:border-box;align-items:flex-start;gap:var(--space-3);min-inline-size:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-sidebar) 35%, transparent);color:var(--type-notice-color);font-size:var(--type-notice-size);font-weight:var(--type-notice-weight);line-height:var(--type-notice-leading);letter-spacing:var(--type-notice-tracking);overflow-wrap:anywhere;border:1px solid #0000;display:flex}.ui-notice[data-tone=good]{--notice-tone:var(--color-success)}.ui-notice[data-tone=bad]{--notice-tone:var(--color-danger)}.ui-notice[data-tone=warn]{--notice-tone:var(--color-warning)}.ui-notice[data-tone=neutral]{--notice-tone:var(--color-ink-muted)}.ui-notice[data-layout=banner]{padding-block:var(--space-2);padding-inline:var(--page-inset,var(--space-4));border-width:0 0 1px;border-color:var(--color-border);border-radius:0;align-items:center}.ui-notice[data-layout=inline]{gap:var(--space-2);background:0 0;border:0;padding:0}.ui-notice ul{margin:var(--space-1) 0 0;padding-inline-start:var(--space-5)}.ui-notice-icon{block-size:20px;inline-size:20px;color:var(--notice-tone);flex:none;justify-content:center;align-items:center;margin-block-start:max(2px, calc((var(--type-notice-size) * var(--type-notice-leading) - 20px) / 2));display:inline-flex}.ui-notice[data-layout=banner] .ui-notice-icon{margin-block-start:0}.ui-notice[data-layout=inline] .ui-notice-icon{block-size:16px;inline-size:16px;margin-block-start:max(2px, calc((var(--type-notice-size) * var(--type-notice-leading) - 16px) / 2))}.ui-notice-icon>svg{block-size:100%;inline-size:100%}.ui-notice-content{flex:1 1 0;min-inline-size:0}.ui-notice[data-layout=inline] .ui-notice-content{color:var(--notice-tone)}.ui-notice-title{margin:0 0 var(--space-1);font-family:inherit;font-size:var(--type-subheading-size);font-weight:var(--type-subheading-weight);line-height:var(--type-subheading-leading);letter-spacing:var(--type-subheading-tracking)}.ui-notice-description>:last-child{margin-bottom:0}.ui-notice-description>:is(p,ul,ol)+:is(p,ul,ol){margin-top:var(--space-2)}.ui-notice-description a{text-underline-offset:3px}.ui-notice-action{margin-block-start:var(--space-2)}.ui-notice[data-layout=banner]>.ui-notice-action{flex:none;margin-block-start:0}@media (forced-colors:active){.ui-notice:not([data-layout=inline]){border-color:currentColor}}