.mutronos-live-ticker{
    width:100%;
    max-width:100%;
    height:34px;
    margin:0 auto 10px;
    overflow:hidden;
    position:relative;
    box-sizing:border-box;
    background:#080808;
    border:2px solid #b58b2d;
    border-radius:4px;
    box-shadow:0 0 10px rgba(181,139,45,.28),inset 0 0 0 1px rgba(255,220,120,.12);
    color:#f4ead0;
    cursor:pointer;
}

.mutronos-live-ticker-track{
    display:flex;
    align-items:center;
    width:max-content;
    min-width:100%;
    height:100%;
    white-space:nowrap;
    will-change:transform;
    animation:mutronos-live-ticker-scroll 28s linear infinite;
}

@media (hover:hover) and (pointer:fine){
    .mutronos-live-ticker:hover .mutronos-live-ticker-track{
        animation-play-state:paused;
    }
}

.mutronos-live-ticker.is-paused .mutronos-live-ticker-track{
    animation-play-state:paused;
}

.mutronos-live-ticker-item{
    display:inline-flex;
    align-items:center;
    gap:7px;
    height:100%;
    padding:0 12px;
    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1;
}

.content-page .mutronos-live-ticker .mutronos-live-ticker-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#2196f3 !important;
    font-size:13px;
}

.mutronos-live-ticker-icon.mutronos-blood-drop{
    width:11px;
    height:15px;
    position:relative;
    display:inline-block;
    flex:0 0 11px;
    background:#8B0000;
    clip-path:polygon(
        50% 0%,
        78% 30%,
        92% 55%,
        88% 75%,
        70% 91%,
        50% 100%,
        30% 91%,
        12% 75%,
        8% 55%,
        22% 30%
    );
    box-shadow:0 0 3px rgba(139,0,0,.45);
}

.mutronos-live-ticker-icon.mutronos-blood-drop::after{
    content:"";
    position:absolute;
    width:3px;
    height:5px;
    top:3px;
    left:3px;
    background:rgba(255,80,80,.55);
    border-radius:50%;
    transform:rotate(-20deg);
}

.mutronos-live-ticker-label{
    color:#d9b45a;
    font-weight:700;
    text-transform:uppercase;
}

.mutronos-live-ticker-item strong{
    color:#e4c16b;
    font-weight:700;
}

.content-page .mutronos-live-ticker .mutronos-live-ticker-guilds strong{
    color:#2196f3 !important;
}

.content-page .mutronos-live-ticker .mutronos-live-ticker-bloodpoints strong{
    color:#8B0000 !important;
}

.mutronos-live-ticker-group{
    gap:7px;
}

.mutronos-live-ticker-ranks{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

.mutronos-live-ticker-rank-separator{
    color:#e6212b;
    font-size:11px;
    opacity:.9;
}

.mutronos-live-ticker-name{
    color:#fff;
    font-weight:700;
}

.mutronos-live-ticker-value{
    color:#d9b45a;
    font-weight:700;
}

.mutronos-live-ticker-separator{
    color:#e6212b;
    font-size:12px;
    opacity:.9;
}

@keyframes mutronos-live-ticker-scroll{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(-50%,0,0);
    }
}

@media screen and (max-width:768px){
    .mutronos-live-ticker{
        height:32px;
        margin-bottom:8px;
    }

    .mutronos-live-ticker-item{
        gap:6px;
        padding:0 10px;
        font-size:12px;
    }

    .mutronos-live-ticker-icon{
        font-size:12px;
    }

    .mutronos-live-ticker-ranks{
        gap:6px;
    }

    .mutronos-live-ticker-group{
        gap:6px;
    }


    .mutronos-live-ticker-icon.mutronos-blood-drop{
        width:10px;
        height:14px;
        flex-basis:10px;
    }

}

@media (prefers-reduced-motion:reduce){
    .mutronos-live-ticker-track{
        animation:none;
        transform:none;
    }
}