@layer legacy{.message{min-width:200px}.message__content{font-size:.875rem}.message__close-btn{right:0;top:0}.message--small .message__content{font-size:.75rem}.message--warning{background-color:var(--warningLightestColor)}.message--warning .svg-icon{fill:var(--warningDarkerColor)}.message--info{background-color:var(--infoLightestColor)}.message--info .svg-icon{fill:var(--infoDarkerColor)}.message--error{background-color:var(--errorLightestColor)}.message--error .svg-icon{fill:var(--errorDarkerColor)}.message--success{background-color:var(--successLightestColor)}.message--success .svg-icon{fill:var(--successDarkerColor)}}