.global-message-bar{display:flex;padding:5px;margin:0;position:fixed;position:-webkit-sticky;position:sticky;top:0;z-index:520;left:0;right:0}
.global-message-bar--content{flex-grow:2;flex-wrap:wrap;flex-direction:row;align-items:center;justify-content:center;display:flex}
.global-message-bar--content>*{margin-left:10px;margin-right:10px;flex:1 1 0}
.global-message-bar--close{align-self:center;padding-right:10px;cursor:pointer;font-size:32px;font-weight:400;line-height:32px;border:0;background:0}
.global-message-bar--title{margin:0;padding:0;flex:1 0 auto;max-width:100%;font-size:20px}
.global-message-bar--text{flex:1 0 auto;max-width:100%}
.global-message-bar--text p{margin-top:5px;margin-bottom:5px}
.global-message-bar--form{display:flex;flex:2 0 auto;justify-content:center;flex-direction:column}
@media screen and (min-width:768px){.global-message-bar--form{flex-direction:row}
}
.global-message-bar--form-input{padding:7px;margin:0 10px 3px 0;flex-grow:2}
@media screen and (min-width:768px){.global-message-bar--form-input{max-width:150px;margin-bottom:0}
}
.global-message-bar--form-button{padding:7px;margin-left:0;flex-grow:1;margin-right:10px}
@media screen and (min-width:768px){.global-message-bar--form-button{max-width:150px}
}
.global-message-bar{position:fixed}