component-message{position:relative;display:flex;align-items:center;justify-content:center;min-height:1.8rem;height:auto;overflow:hidden}@media (min-width:768px){component-message{min-height:1rem}}component-message>span{transition:opacity .5s ease,transform .5s ease;width:100%;text-align:center}component-message>.message-active{opacity:1;transform:translateY(0);position:static;pointer-events:auto;height:auto}component-message>.message-inactive{opacity:0;transform:translateY(15px);visibility:hidden;position:absolute;top:0;left:0;right:0;pointer-events:none}