.w3s-top-bar{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0 20px;height:auto;min-height:0;background:transparent;color:#fff;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:1.1px;text-align:center}
.w3s-top-bar *{box-sizing:border-box}
.w3s-top-bar .w3s-top-inner{display:flex;align-items:center;max-width:760px;height:auto;min-height:0;margin:0 auto}
.w3s-top-bar .w3s-top-messages{display:grid;flex:1;min-width:0;overflow:hidden}
.w3s-top-bar .w3s-top-message{grid-area:1/1;align-self:center;margin:0;padding:7px 4px;color:#fff;font:inherit;line-height:1.5;overflow-wrap:anywhere;opacity:0;transform:translateY(14px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}
.w3s-top-bar .w3s-top-message.is-active{opacity:1;transform:translateY(0)}
.w3s-top-bar .w3s-top-message.is-leaving{transform:translateY(-14px)}
@media(max-width:540px){.w3s-top-bar{font-size:10px;padding:0 6px;letter-spacing:.5px}.w3s-top-bar .w3s-top-message{min-height:0;display:flex;align-items:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){.w3s-top-bar .w3s-top-message{transition:none;transform:none}}