.message_scroller {
height: 42px !important;
min-height: 42px !important;
overflow: hidden;
background: #4b1513 !important;
border-top: 1px solid rgba(247, 239, 231, 0.16);
border-bottom: 1px solid rgba(247, 239, 231, 0.16);
}
.kinzy-top-announcement {
position: relative;
height: 42px;
max-width: 100%;
overflow: hidden;
color: #f7efe7;
font-family: "Jost", sans-serif;
}
.kinzy-top-announcement__slide {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 0 52px;
color: #f7efe7 !important;
line-height: 1;
text-align: center;
text-decoration: none !important;
transform: translateX(100%);
transition: none;
pointer-events: none;
}
.kinzy-top-announcement__slide.is-entering {
transform: translateX(100%);
transition: none;
}
.kinzy-top-announcement__slide.is-active {
transform: translateX(0);
transition: transform 0.62s cubic-bezier(0.55, 0.08, 0.25, 1);
pointer-events: auto;
}
.kinzy-top-announcement__slide.is-leaving {
transform: translateX(-100%);
transition: transform 0.62s cubic-bezier(0.55, 0.08, 0.25, 1);
pointer-events: none;
}
.kinzy-top-announcement__slide strong {
color: #f7efe7 !important;
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
font-synthesis: none;
text-rendering: optimizeLegibility;
letter-spacing: 0.01em;
}
.kinzy-top-announcement__action {
display: inline-block;
color: #f7efe7 !important;
margin-left: 1.35em;
font-family: "Jost", sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
text-decoration-line: underline;
text-decoration-thickness: 1px;
text-decoration-color: rgba(247, 239, 231, 0.85);
text-underline-offset: 4px;
}
.kinzy-top-announcement__action::before {
content: "·";
display: inline-block;
margin-right: 1.35em;
color: rgba(247, 239, 231, 0.7);
font-size: 13px;
letter-spacing: 0;
}
.kinzy-top-announcement__slide:focus-visible {
outline: 1px solid #f7efe7;
outline-offset: -4px;
}
@media (max-width: 767px) {
.kinzy-top-announcement__slide {
padding: 0 14px;
white-space: nowrap;
}
.kinzy-top-announcement__slide strong {
font-size: 15.5px;
}
.kinzy-top-announcement__action {
margin-left: 0.75em;
font-size: 9px;
letter-spacing: 0.14em;
}
.kinzy-top-announcement__action::before {
margin-right: 0.75em;
}
}
@media (max-width: 390px) {
.kinzy-top-announcement__slide strong {
font-size: 14.5px;
}
.kinzy-top-announcement__action {
font-size: 8.5px;
letter-spacing: 0.11em;
}
}
@media (prefers-reduced-motion: reduce) {
.kinzy-top-announcement__slide {
display: none;
transition: none;
transform: none;
}
.kinzy-top-announcement__slide.is-active {
display: flex;
}
}