banner,.banner-component{padding:var(--default-padding);flex:1 0 0;align-items:center;display:flex;box-shadow:inset 0 1px 1px #0000001a}:is(banner,.banner-component).success{color:#63584e;background:#d0d878;border-bottom:1px solid #8fb48e}:is(banner,.banner-component).info{color:#192e6e;background:#a6cbec;border-bottom:1px solid #aac8ee}:is(banner,.banner-component).error{color:#fff;background:#bd0000}:is(banner,.banner-component).parked{color:#fff;background:#5e8ab4}:is(banner,.banner-component).warning{color:#6d6157;background:#ffdf7e;border-bottom:1px solid #ffd000}:is(banner,.banner-component) .banner-icon{align-self:flex-start;margin-right:1rem}:is(banner,.banner-component) .banner-icon.parked{font-size:1.3rem;display:flex}:is(banner,.banner-component) .banner-icon.close-icon{margin:-1rem}:is(banner,.banner-component) .message{word-wrap:break-word;flex:1 1 0;overflow:hidden}