.ts-marquee-wrapper{
    overflow: hidden;
    position: relative;
    user-select: none;
    -webkit-user-drag: none;
}
.ts-marquee-wrapper:before,
.ts-marquee-wrapper:after{
    content:'';
    position:absolute;
    z-index:2;
    pointer-events:none;
}
.ts-marquee-toggle{
    position:absolute;
    top:0px;
    left:0px;
    z-index:20;
    cursor:pointer;
    border:0;
    border-radius:4px !important;
	height:23px;
	font-weight:bold;
	line-height:1 !important;
	color:#fff;
	background:var(--e-global-color-accent);
	padding:0 15px !important;
}
.ts-marquee-toggle:hover{
background:#000;
}
.ts-marquee-toggle:focus{
    outline:2px solid #005fcc;
    outline-offset:2px;
}
.ts-marquee-wrapper .ts-marquee-item{
    flex-shrink: 0;
    display: flex;
    align-items: center;
	justify-content:space-between;
}
.ts-marquee-wrapper .ts-marquee-track{
    display: flex;
    width: max-content;
    gap: 20px;
    will-change: transform;
}

.ts-marquee-wrapper .ts-marquee-text{
    white-space: nowrap;flex-
}
/* separator */
.ts-marquee-wrapper .ts-separator{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* ---------- LINE ---------- */
.ts-marquee-wrapper .ts-separator .ts-sep-line{
    width:40px;
    height:2px;
    background: linear-gradient(90deg, #000, #f2f2f2);
}

.ts-marquee-wrapper:not([data-mode="vertical"]):before{
    top:0;
    left:0;
    width:80px;
    height:100%;
}

.ts-marquee-wrapper:not([data-mode="vertical"]):after{
    top:0;
    right:0;
    width:80px;
    height:100%;
}
.ts-marquee-wrapper[data-mode="vertical"]:before{
    top:0;
    left:0;
    width:100%;
    height:80px;
}

.ts-marquee-wrapper[data-mode="vertical"]:after{
    bottom:0;
    left:0;
    width:100%;
    height:80px;
}
.ts-marquee-wrapper[data-mode="vertical"] .ts-marquee-text
 {
    white-space: nowrap;
    flex-shrink: 0;
    width: 80%;
}
/* ---------- ICON / IMAGE ---------- */
.ts-marquee-wrapper .ts-separator i,
.ts-marquee-wrapper .ts-separator svg{
    width:16px;
    height:16px;
}

.ts-marquee-wrapper .ts-separator img{
    width:20px;
    height:auto;
}
.ts-marquee-wrapper .ts-marquee-item:last-child .ts-separator {
    display: none;
}
/* ---------- ANIMATIONS ---------- */

/* pulse */
.ts-separator.anim-pulse{
    animation: tsPulse 1.5s infinite ease-in-out;
}

@keyframes tsPulse{
    0%,100%{ transform: scale(1); opacity:1;}
    50%{ transform: scale(1.3); opacity:.6;}
}

/* rotate */
.ts-separator.anim-rotate{
    animation: tsRotate 3s linear infinite;
}

@keyframes tsRotate{
    from{ transform: rotate(0deg);}
    to{ transform: rotate(360deg);}
}
/* vertical mode */
.ts-marquee-wrapper[data-mode="vertical"] .ts-marquee-track{
    flex-direction: column;
}

.ts-marquee-wrapper[data-mode="vertical"] .ts-marquee-item{
    margin-right:0;
    margin-bottom:20px;
}
.ts-marquee-wrapper[data-mode="vertical"] .ts-marquee-track{
    display: flex;
    width: 100% !important;
    gap: 20px;
    will-change: transform;
}