/* Start:/bitrix/components/vabank/cookieconsent/templates/.default/style.css?17853128481542*/
.vcc{--vcc-accent:#475569;font-family:'Inter',-apple-system,Segoe UI,Roboto,Arial,sans-serif;
position:fixed;z-index:99960;background:#0f172a;color:#e2e8f0;display:flex;align-items:center;gap:18px;
padding:16px 22px;box-shadow:0 -4px 24px rgba(0,0,0,.18);font-size:13.5px;line-height:1.5;animation:vcc-in .3s ease}
.vcc[hidden]{display:none!important}  /* .vcc{display:flex} иначе перебивает атрибут hidden, баннер моргает у принявших до старта JS */
@keyframes vcc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.vcc{animation:none}.vcc-btn{transition:none}}
.vcc--bottom{left:0;right:0;bottom:0;justify-content:center}
.vcc--bottom .vcc-text{max-width:760px}
.vcc--bl{left:18px;bottom:18px;max-width:360px;flex-direction:column;align-items:flex-start;border-radius:14px}
.vcc--br{right:18px;bottom:18px;max-width:360px;flex-direction:column;align-items:flex-start;border-radius:14px}
.vcc-text{flex:1}
.vcc-link{color:#7dd3fc;text-decoration:underline;white-space:nowrap}
.vcc-link:hover{color:#bae6fd}
.vcc-btn{flex:0 0 auto;border:none;cursor:pointer;background:var(--vcc-accent);color:#fff;
border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;font-family:inherit;transition:filter .15s}
.vcc-btn:hover{filter:brightness(1.12)}
.vcc--bl .vcc-btn,.vcc--br .vcc-btn{align-self:flex-end}
@media(max-width:600px){.vcc{flex-direction:column;align-items:stretch;text-align:center}.vcc-btn{align-self:center}}

/* End */
/* /bitrix/components/vabank/cookieconsent/templates/.default/style.css?17853128481542 */