.hello-bar { background: #fe9326; color: #222; }
.hello-bar .hello-bar-column { float: none; }
.hello-bar-content { display: flex; align-items: center; justify-content: center; min-height: 44px; gap: 4px; }
.hello-bar .carousel-inner { flex: 1; width: auto; min-width: 0; text-align: center; }
.hello-bar .item { padding: 10px 4px; font-weight: 700; overflow-wrap: break-word; }
.hello-bar .item.active { display: block; }
.hello-bar a, .hello-bar a:hover, .hello-bar a:focus { color: #222; text-decoration: underline; }
.hello-bar a { display: inline-block; }
.hello-bar-control { flex: 0 0 auto; border: 0; border-radius: 0; background: transparent; color: #222; min-width: 32px; min-height: 44px; padding: 4px; font: inherit; font-weight: 700; }
.hello-bar-previous, .hello-bar-next { font-size: 28px; line-height: 1; }
.hello-bar button:hover { background: #ffc184; }
.hello-bar a:focus, .hello-bar button:focus { outline: 2px solid #222; outline-offset: -2px; }
.hello-bar [hidden] { display: none !important; }
@media (max-width: 400px) {
    .hello-bar-column { padding-left: 4px; padding-right: 4px; }
    .hello-bar .item { font-size: 13px; }
}