.ds-banner{justify-content:space-between;align-items:center;gap:var(--gap-lg);width:100%;padding:var(--padding-sm) var(--padding-lg);display:flex}.ds-banner__body{align-items:center;gap:var(--gap-sm);min-width:0;display:flex}.ds-banner--center .ds-banner__body{flex:1;justify-content:center}.ds-banner__icon{--icon-size:var(--icon-size-sm);flex-shrink:0}.ds-banner__content{font-family:var(--font-paragraph-sm-family);font-size:var(--font-paragraph-sm-size);font-weight:var(--font-paragraph-sm-weight);line-height:var(--font-paragraph-sm-line-height);letter-spacing:var(--font-paragraph-sm-letter-spacing);margin:0}.ds-banner__title{font-family:var(--font-paragraph-sm-em-family);font-weight:var(--font-paragraph-sm-em-weight)}.ds-banner__action{flex-shrink:0;align-items:center;display:inline-flex}.ds-banner__dismiss{padding:var(--padding-xxs);color:inherit;cursor:pointer;border-radius:var(--radius-full);transition:opacity var(--motion-duration-fast) var(--motion-ease-standard);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ds-banner__dismiss .material-symbols-rounded{--icon-size:var(--icon-size-sm)}.ds-banner__dismiss:hover{opacity:.7}.ds-banner__dismiss:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}.ds-banner--info{background-color:var(--color-status-info-bg);color:var(--color-status-info-text)}.ds-banner--positive{background-color:var(--color-status-positive-bg);color:var(--color-status-positive-text)}.ds-banner--warning{background-color:var(--color-status-warning-bg);color:var(--color-status-warning-text)}.ds-banner--error{background-color:var(--color-status-error-bg);color:var(--color-status-error-text)}.ds-banner--neutral{background-color:var(--color-status-neutral-bg);color:var(--color-status-neutral-text)}