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