.cz_text_marquee {
--czm-dir: left;
--czm-gap: 20px;
--czm-height: 80px;
--czm-duration: 5s;
height: auto;
direction: ltr;
overflow: hidden;
width: 100%;
max-width: 100%;
box-sizing: border-box
}
.cz_text_marquee > div {
display: inline-block;
white-space: nowrap;
animation: codevzMarqueeLeft var(--czm-duration) linear infinite
}
.cz_text_marquee > div > div {
display: inline-block
}
.cz_text_marquee_soh:hover > div {
animation-play-state: paused !important
}
.cz_text_marquee[data-dir="up"] > div > div,
.cz_text_marquee[data-dir="down"] > div > div {
width: 100%
}
.cz_text_marquee[data-dir="up"],
.cz_text_marquee[data-dir="down"] {
height: var(--czm-height)
}
.cz_text_marquee[data-dir="up"] > div,
.cz_text_marquee[data-dir="down"] > div {
display: flex;
flex-direction: column;
white-space: normal;
animation: codevzMarqueeDown var(--czm-duration) linear infinite
}
.cz_text_marquee[data-dir="up"] > div {
animation: codevzMarqueeUp var(--czm-duration) linear infinite
}
.cz_text_marquee[data-dir="right"] > div {
animation: codevzMarqueeRight var(--czm-duration) linear infinite
}
.cz_text_marquee[data-dir="left"] > div > div,
.cz_text_marquee[data-dir="left"] > div > div .cz_text_marquee_inner {
display: inline-block;
margin-inline-start: 0;
margin-inline-end: var(--czm-gap)
}
.cz_text_marquee[data-dir="right"] > div > div,
.cz_text_marquee[data-dir="right"] > div > div .cz_text_marquee_inner {
margin-inline-end: 0;
margin-inline-start: var(--czm-gap)
}
.cz_text_marquee > div > div > *,
.cz_text_marquee > div > div > div > * {
margin: 0;
display: inline-block
}
.cz_text_marquee > div > div > img {
max-width: 500px
}
@keyframes codevzMarqueeLeft {0% { transform: translateX(0) }100% { transform: translateX(calc(-50% - 2px)) }}
@keyframes codevzMarqueeRight {0% { transform: translateX(calc(-50% - 2px)) }100% { transform: translateX(0) }}
@keyframes codevzMarqueeUp {0% { transform: translateY(0) }100% { transform: translateY(calc(-50% - 0px)) }}
@keyframes codevzMarqueeDown {0% { transform: translateY(calc(-50% - 0px)) }100% { transform: translateY(0) }}
.xtra-product-thumbnail .cz_text_marquee {
font-size: 14px;
font-weight: 600;
color: #ffffff;
background-color: #191919;
padding: 5px;
position: absolute;
box-sizing: border-box;
bottom: 0
}
.codevz-plus-overlay-gradient:after {
--overlay-gr: #fff;
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
visibility: visible;
pointer-events: none;
background: linear-gradient(to right,
var(--overlay-gr, #fff) 0%,
var(--overlay-gr, #fff) 2%,
transparent,
transparent,
var(--overlay-gr, #fff) 98%,
var(--overlay-gr, #fff) 100%);
z-index: 1
}
.outofstock .cz_text_marquee {
opacity: 0;
visibility: none
}
@media screen and (max-width: 768px) {
.xtra-product-thumbnail .cz_text_marquee {
font-size: 11px
}
}
@media screen and (max-width: 480px) {
.xtra-product-thumbnail .cz_text_marquee {
display: none
}
}