/* Start:/bitrix/components/vabank/cookieconsent/templates/.default/style.css?17870579223365*/
/* Цвета и ширина приходят CSS-переменными из template.php; значения ниже — страховка. */
.vcc{--vcc-bg:#0f172a;--vcc-fg:#e2e8f0;--vcc-link:#7dd3fc;--vcc-border:transparent;--vcc-bw:0px;
--vcc-accent:#475569;--vcc-btn-fg:#fff;--vcc-w:100%;
font-family:'Inter',-apple-system,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box;
position:fixed;z-index:99960;background:var(--vcc-bg);color:var(--vcc-fg);
border:var(--vcc-bw) solid var(--vcc-border);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 *{box-sizing:border-box}
.vcc[hidden]{display:none!important}  /* .vcc{display:flex} иначе перебивает атрибут hidden, баннер моргает у принявших до старта JS */
@keyframes vcc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.vcc--hide{opacity:0;transform:translateY(12px);transition:opacity .2s,transform .2s}
@media(prefers-reduced-motion:reduce){.vcc{animation:none}.vcc--hide{transition:none}.vcc-btn{transition:none}}

/* Положение: во всю ширину — прижат к краям; частичная ширина — с отступом и радиусом. */
.vcc--bottom{left:0;right:0;bottom:0;margin:0 auto;justify-content:center}
.vcc--bl{left:18px;bottom:18px}
.vcc--br{right:18px;bottom:18px}
.vcc--bl,.vcc--br{flex-direction:column;align-items:flex-start;border-radius:14px}
.vcc--bl .vcc-btn,.vcc--br .vcc-btn{align-self:flex-end}

/* Ширина (задаётся после положения — переопределяет его геометрию). */
.vcc--w-full{left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:0;
flex-direction:row;align-items:center}
.vcc--w-full .vcc-btn{align-self:auto}
.vcc--w-part{width:var(--vcc-w);max-width:calc(100% - 36px)}
.vcc--bottom.vcc--w-part{bottom:18px;border-radius:14px}

.vcc--bottom .vcc-text{max-width:760px}
.vcc-text{flex:1}
.vcc-link{color:var(--vcc-link);text-decoration:underline;overflow-wrap:anywhere}
.vcc-link:hover{opacity:.85}
.vcc-btn{flex:0 0 auto;border:none;cursor:pointer;background:var(--vcc-accent);color:var(--vcc-btn-fg);
border-radius:10px;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;
transition:filter .15s}
.vcc-btn:hover{filter:brightness(1.12)}
.vcc-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Мобильная раскладка: любой режим ширины прижимается к краям экрана — иначе баннер в углу
   (left:18px + 360px) шире экрана < 396 px и даёт горизонтальный скролл. */
@media(max-width:600px){
.vcc,.vcc--bottom,.vcc--bl,.vcc--br,.vcc--w-full,.vcc--w-part{left:0;right:0;bottom:0;top:auto;
width:auto;max-width:none;margin:0;border-radius:0;border-left-width:0;border-right-width:0;border-bottom-width:0;
flex-direction:column;align-items:stretch;text-align:left;gap:12px;
padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.vcc--bottom .vcc-text,.vcc-text{max-width:none}
.vcc-btn,.vcc--bl .vcc-btn,.vcc--br .vcc-btn,.vcc--w-full .vcc-btn{align-self:stretch;width:100%;padding:12px 18px}
}

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