.cvc-vve-nav{
    --cvc-red:#cc1818;
    --cvc-dark:#171717;
    --cvc-border:#e5e7eb;
    --cvc-bg:#fff;
    width:100%;
    margin:0 0 18px;
    font-family:inherit;
}
.cvc-vve-nav__inner{
    display:flex;
    align-items:stretch;
    gap:5px;
    overflow-x:auto;
    padding:7px;
    background:var(--cvc-bg);
    border:2px solid var(--cvc-red);
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,.06);
    scrollbar-width:thin;
}
.cvc-vve-nav__item{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    padding:8px 13px;
    border-radius:8px;
    color:var(--cvc-red);
    text-decoration:none !important;
    font-size:14px;
    font-weight:600;
    line-height:1;
    transition:background .15s ease,color .15s ease,transform .15s ease;
}
.cvc-vve-nav__item:hover{
    background:#f4f4f4;
    color:var(--cvc-red);
}
.cvc-vve-nav__item.is-active{
    background:var(--cvc-red);
    color:#fff;
}
.cvc-vve-nav__icon{
    font-size:16px;
    line-height:1;
}
@media (max-width:700px){
    .cvc-vve-nav__inner{padding:6px;}
    .cvc-vve-nav__item{min-height:40px;padding:8px 11px;font-size:13px;}
}

.cvc-vve-nav__version{
    margin-left:auto;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    padding:0 9px;
    font-size:11px;
    font-weight:600;
    color:var(--cvc-red);
    opacity:.72;
    white-space:nowrap;
}