.vnin-rec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;font-family:'Montserrat',Helvetica,Arial,sans-serif}
.vnin-rec--rule{padding:26px 4px;border-top:1px solid #ece8e4;border-bottom:1px solid #ece8e4}
.vnin-rec__label{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#5c5c66}
.vnin-rec__items{flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:14px 24px}
.vnin-rec__item{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
a.vnin-rec__item:hover .what,a.vnin-rec__item:hover .note{color:#d81372}
.vnin-rec__mark{flex:none}
.vnin-rec__logo{flex:none;height:42px;width:auto;display:block;filter:grayscale(1);opacity:.85}
a.vnin-rec__item:hover .vnin-rec__logo{filter:none;opacity:1}
.vnin-rec__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.vnin-rec__txt .who{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#5c5c66;line-height:1.3}
.vnin-rec__txt .what{font-size:14px;font-weight:700;color:#1b1b1f;line-height:1.35}
.vnin-rec__txt .note{font-size:12.5px;line-height:1.45;color:#4a4a52;max-width:168px}
.vnin-rec__item--logo{gap:0}
.vnin-rec__logo--solo{height:52px;filter:none;opacity:1}
a.vnin-rec__item--logo:hover .vnin-rec__logo--solo{opacity:.82}

.vnin-rec--dark .vnin-rec__label{color:rgba(255,255,255,.5)}
.vnin-rec--dark .vnin-rec__txt .who{color:rgba(255,255,255,.55)}
.vnin-rec--dark .vnin-rec__txt .what{color:#fff}
.vnin-rec--dark .vnin-rec__txt .note{color:rgba(255,255,255,.72)}
.vnin-rec--dark .vnin-rec__logo{filter:grayscale(1) brightness(0) invert(1);opacity:.78}
.vnin-rec--dark .vnin-rec__item--logo{padding:8px 12px;border-radius:10px;background:#fff}
.vnin-rec--dark .vnin-rec__logo--solo{filter:none;opacity:1}
.vnin-rec--dark a.vnin-rec__item:hover .what,.vnin-rec--dark a.vnin-rec__item:hover .note{color:#f48bbd}
.vnin-rec--dark a.vnin-rec__item:hover .vnin-rec__logo{opacity:1}

@media (max-width:760px){
.vnin-rec{gap:14px 20px}
.vnin-rec--rule{padding:20px 0}
.vnin-rec__items{flex:1 0 100%;justify-content:flex-start;gap:14px 22px}
.vnin-rec__item{flex:1 1 150px}
.vnin-rec__item--press{flex:1 0 100%}
.vnin-rec__logo{height:34px}
.vnin-rec__logo--solo{height:40px}
.vnin-rec__txt .note{max-width:100%}
}