.banner{background-color:var(--banner-bg);border:none;border-left:3px solid var(--banner-color);align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-7);width:100%;display:flex}[dir=rtl] .banner{border-left:none;border-right:3px solid var(--banner-color)}.banner__icon{height:var(--space-7);width:var(--space-7);flex-shrink:0}.banner__content{gap:var(--space-1);flex-direction:column;display:flex}.banner__title{font-family:var(--font-heading);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600}.banner__description{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;padding:0}.banner--primary{--banner-color:var(--color-primary);--banner-bg:rgb(from var(--color-primary) r g b / 8%);color:var(--color-primary-light)}.banner--success{--banner-color:var(--color-success);--banner-bg:rgb(from var(--color-success) r g b / 8%);color:var(--color-success)}.banner--danger{--banner-color:var(--color-danger-border);--banner-bg:rgb(from var(--color-danger-border) r g b / 8%);color:var(--color-danger-border)}.banner--info{--banner-color:var(--color-info);--banner-bg:rgb(from var(--color-info) r g b / 8%);color:var(--color-info)}.banner--warning{--banner-color:var(--color-warning);--banner-bg:rgb(from var(--color-warning) r g b / 8%);color:var(--color-warning)}