.zbir-topbar {
width: 100%;
background: var(--zbir-topbar-bg, #f9a30f);
color: var(--zbir-topbar-color, #ffffff);
position: relative;
z-index: 99;
box-sizing: border-box;
overflow: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.zbir-topbar *,
.zbir-topbar *::before,
.zbir-topbar *::after {
box-sizing: border-box;
}
.zbir-topbar__inner {
width: 100%;
padding: var(--zbir-topbar-pad, 10px) 0;
overflow: hidden;
}
.zbir-topbar__marquee {
width: 100%;
overflow: hidden;
position: relative;
line-height: 1.35;
height: calc(var(--zbir-topbar-fs, 14px) * 1.35);
max-height: calc(var(--zbir-topbar-fs, 14px) * 1.35);
}
.zbir-topbar__track {
display: -webkit-inline-flex;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
width: -webkit-max-content;
width: max-content;
max-width: none;
white-space: nowrap;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
will-change: transform;
}
.zbir-topbar__marquee:not(.is-ready):not(.is-static) .zbir-topbar__track {
visibility: hidden;
}
.zbir-topbar__marquee.is-ready .zbir-topbar__track,
.zbir-topbar__marquee.is-static .zbir-topbar__track {
visibility: visible;
}
.zbir-topbar__item {
display: inline-block;
flex: 0 0 auto;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
word-wrap: normal !important;
margin: 0;
padding: 0;
color: inherit;
font-size: var(--zbir-topbar-fs, 14px);
font-weight: 600;
line-height: 1.35;
letter-spacing: 0.04em;
text-transform: uppercase;
} .zbir-topbar__item + .zbir-topbar__item::before {
content: '\2022';
display: inline-block;
padding: 0 10px;
speak: never;
}
@media (max-width: 768px) {
.zbir-topbar__inner {
padding: var(--zbir-topbar-pad-mobile, 8px) 0;
}
.zbir-topbar__marquee {
height: calc(var(--zbir-topbar-fs-mobile, 12px) * 1.35);
max-height: calc(var(--zbir-topbar-fs-mobile, 12px) * 1.35);
}
.zbir-topbar__item {
font-size: var(--zbir-topbar-fs-mobile, 12px);
}
}
.zbir-topbar__marquee.is-static {
overflow: hidden;
}
.zbir-topbar__marquee.is-static .zbir-topbar__track {
width: 100%;
max-width: 100%;
display: flex;
justify-content: center;
-webkit-transform: none !important;
transform: none !important;
}
.zbir-topbar__marquee.is-static .zbir-topbar__item[aria-hidden="true"] {
display: none;
}
@media print {
.zbir-topbar__track {
-webkit-transform: none !important;
transform: none !important;
justify-content: center;
width: 100%;
}
.zbir-topbar__item[aria-hidden="true"] {
display: none;
}
}