.serious-banner{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:6px;font-size:12px;font-weight:400;line-height:1.5;position:relative}.serious-banner .banner-icon{display:flex;align-items:center;flex-shrink:0;margin-top:1px;position:relative;z-index:1}.serious-banner .banner-content{position:relative;z-index:1;color:inherit}.serious-banner .banner-content strong{font-weight:600}.serious-banner:before{top:0;left:0;width:100%;height:100%;opacity:.5}.serious-banner:after,.serious-banner:before{content:"";position:absolute;border-radius:inherit;z-index:0}.serious-banner:after{inset:0;padding:.5px;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.banner-default{background:var(--color-dark-gray-900);color:var(--color-light-gray-400)}.banner-default .banner-icon path{fill:var(--color-light-gray-500)}.banner-default:after{background:linear-gradient(0deg,var(--color-dark-gray-50) 5.62%,var(--color-light-gray-300) 94.91%);opacity:.1}.banner-primary{background:color-mix(in srgb,var(--color-indigo-blue-700) 25%,transparent);color:var(--color-indigo-blue-300)}.banner-primary .banner-icon path{fill:var(--color-indigo-blue-300)}.banner-primary:before{background:linear-gradient(180deg,var(--color-indigo-blue-600) 0,var(--color-indigo-blue-700) 100%);opacity:.1}.banner-primary:after{background:linear-gradient(0deg,var(--color-indigo-blue-700) 5.62%,var(--color-indigo-blue-300) 94.91%);opacity:.15}.banner-warning{background:color-mix(in srgb,var(--color-orange-600) 20%,transparent);color:var(--color-orange-300)}.banner-warning .banner-icon path{fill:var(--color-orange-300)}.banner-warning:before{background:linear-gradient(180deg,var(--color-orange-500) 0,var(--color-orange-600) 100%);opacity:.1}.banner-warning:after{background:linear-gradient(0deg,var(--color-orange-600) 5.62%,var(--color-orange-300) 94.91%);opacity:.2}.banner-destructive{background:color-mix(in srgb,var(--color-red-700) 20%,transparent);color:var(--color-red-300)}.banner-destructive .banner-icon path{fill:var(--color-red-300)}.banner-destructive:before{background:linear-gradient(180deg,var(--color-red-500) 0,var(--color-red-600) 100%);opacity:.1}.banner-destructive:after{background:linear-gradient(0deg,var(--color-red-600) 5.62%,var(--color-red-400) 94.91%);opacity:.2}