.md-sbanner{box-sizing:border-box;display:flex;align-items:flex-start;gap:var(--md-space-3);width:100%;padding:var(--md-space-3) var(--md-space-4);border-radius:var(--md-radius-md);border:1px solid transparent;border-left-width:4px;font-family:var(--md-font-family);font-size:var(--md-text-sm);line-height:var(--md-leading-normal);position:relative}.md-sbanner--default{background:var(--md-surface-panel);border-color:var(--md-color-border);border-left-color:var(--md-color-text-muted);color:var(--md-color-text)}.md-sbanner--success{background:color-mix(in srgb,var(--md-color-success) 10%,var(--md-surface-page));border-color:color-mix(in srgb,var(--md-color-success) 25%,transparent);border-left-color:var(--md-color-success);color:var(--md-color-text)}.md-sbanner--error{background:color-mix(in srgb,var(--md-color-error) 10%,var(--md-surface-page));border-color:color-mix(in srgb,var(--md-color-error) 25%,transparent);border-left-color:var(--md-color-error);color:var(--md-color-text)}.md-sbanner--warning{background:color-mix(in srgb,var(--md-color-warning) 10%,var(--md-surface-page));border-color:color-mix(in srgb,var(--md-color-warning) 25%,transparent);border-left-color:var(--md-color-warning);color:var(--md-color-text)}.md-sbanner--info{background:color-mix(in srgb,var(--md-color-primary) 10%,var(--md-surface-page));border-color:color-mix(in srgb,var(--md-color-primary) 25%,transparent);border-left-color:var(--md-color-primary);color:var(--md-color-text)}.md-sbanner__icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.md-sbanner__icon{width:1.125rem;height:1.125rem}.md-sbanner--success .md-sbanner__icon{color:var(--md-color-success)}.md-sbanner--error .md-sbanner__icon{color:var(--md-color-error)}.md-sbanner--warning .md-sbanner__icon{color:var(--md-color-warning)}.md-sbanner--info .md-sbanner__icon{color:var(--md-color-primary)}.md-sbanner--default .md-sbanner__icon{color:var(--md-color-text-muted)}.md-sbanner__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--md-space-1)}.md-sbanner__title{margin:0;font-weight:var(--md-weight-semibold);font-size:var(--md-text-sm);color:var(--md-color-text);line-height:var(--md-leading-snug)}.md-sbanner__message{margin:0;font-size:var(--md-text-sm);color:var(--md-color-text-muted);line-height:var(--md-leading-normal)}.md-sbanner:not(:has(.md-sbanner__title)) .md-sbanner__message{color:var(--md-color-text)}.md-sbanner__action{display:inline-flex;align-self:flex-start;margin-top:var(--md-space-2);padding:0;font:inherit;font-size:var(--md-text-xs);font-weight:var(--md-weight-semibold);letter-spacing:.03em;background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.md-sbanner--success .md-sbanner__action{color:var(--md-color-success)}.md-sbanner--error .md-sbanner__action{color:var(--md-color-error)}.md-sbanner--warning .md-sbanner__action{color:var(--md-color-warning)}.md-sbanner--info .md-sbanner__action{color:var(--md-color-primary)}.md-sbanner--default .md-sbanner__action{color:var(--md-color-text)}.md-sbanner__action:hover{opacity:.8}.md-sbanner__action:focus-visible{outline:var(--md-focus-ring-width) solid currentColor;outline-offset:2px;border-radius:2px}.md-sbanner__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:-2px;padding:0;color:var(--md-color-text-muted);background:none;border:none;border-radius:var(--md-radius-sm);cursor:pointer;transition:color .12s,background .12s;-webkit-tap-highlight-color:transparent}.md-sbanner__close svg{width:.875rem;height:.875rem}.md-sbanner__close:hover{color:var(--md-color-text);background:color-mix(in srgb,currentColor 8%,transparent)}.md-sbanner__close:focus-visible{outline:var(--md-focus-ring-width) solid var(--md-color-primary);outline-offset:var(--md-focus-ring-offset)}