.oggi-topbar {
background: var(--oggi-navy);
color: #fff;
font-size: 13px;
height: 38px;
display: flex;
align-items: center;
letter-spacing: .2px;
font-weight: 700;
position: relative;
z-index: 1200;
overflow: hidden;
transition: background .55s ease, color .55s ease;
}
.oggi-topbar[data-bg="verde"] { background: #4F7A04; color: #fff; }
.oggi-topbar[data-bg="oggi"] { background: #007BC6; color: #fff; }
.oggi-topbar,
.oggi-topbar[data-bg="navy"] { background: var(--oggi-navy); color: #fff; }
.oggi-topbar[data-bg="lime"] { background: var(--oggi-lime); color: var(--oggi-navy); }
.oggi-topbar[data-bg="pink"] { background: #EC4899; color: #fff; }
.oggi-topbar[data-bg="yellow"] { background: var(--oggi-yellow); color: var(--oggi-navy); }
.oggi-topbar[data-bg="lime"] .oggi-topbar__msg-text,
.oggi-topbar[data-bg="yellow"] .oggi-topbar__msg-text,
.oggi-topbar__msg--img .oggi-topbar__msg-text { text-shadow: none; }
.oggi-topbar__container {
max-width: var(--oggi-container);
margin: 0 auto;
padding: 0 20px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.oggi-topbar__marquee {
position: relative;
height: 100%;
width: 100%;
max-width: 720px;
min-width: 0;
}
.oggi-topbar__msg {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
opacity: 0;
transform: translateX(60px);
transition: opacity .4s ease, transform .55s cubic-bezier(.4, 0, .2, 1);
pointer-events: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 700;
color: inherit;
}
.oggi-topbar__msg.is-active {
opacity: 1;
transform: translateX(0);
pointer-events: auto;
}
.oggi-topbar__msg.is-leaving {
opacity: 0;
transform: translateX(-60px);
}
.oggi-topbar__msg-inner {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 0;
background: transparent;
max-width: 100%;
height: 100%;
overflow: hidden;
}
a.oggi-topbar__msg-inner {
color: inherit;
text-decoration: none !important;
}
a.oggi-topbar__msg-inner:hover .oggi-topbar__msg-text { text-decoration: underline; }
.oggi-topbar__msg-inner .oggi-topbar__msg-text {
text-shadow: 0 1px 3px rgba(0, 0, 0, .60), 0 0 2px rgba(0, 0, 0, .45);
}
.oggi-topbar__msg-emoji {
font-size: 15px;
line-height: 1;
flex: none;
}
.oggi-topbar__msg-text {
overflow: hidden;
text-overflow: ellipsis;
}
.oggi-topbar__msg strong {
font-weight: 800;
}
.oggi-topbar__msg--img .oggi-topbar__msg-inner {
gap: 0;
width: 100%;
justify-content: center;
}
.oggi-topbar__msg-pic {
display: block;
height: 100%;
max-width: 100%;
}
.oggi-topbar__msg-img {
display: block;
height: 100%;
width: auto;
max-width: 100%;
object-fit: contain;
aspect-ratio: auto 1440 / 76;
}
@media (max-width: 768px) {
.oggi-topbar {
font-size: 12px;
height: 34px;
}
.oggi-topbar__container { padding: 0 12px; }
.oggi-topbar__msg-img { aspect-ratio: auto 680 / 68; }
}
@media (max-width: 480px) {
.oggi-topbar__container { padding: 0 10px; }
.oggi-topbar__msg-text { font-size: 11.5px; }
}