/*
Версия: cookie-notice-css-090
ИЗМЕНЕНИЯ:
- mobile: cookie-баннер в состоянии скрытия под меню дополнительно опускается по z-index ниже контентного слоя страницы.
- исправлено поведение, когда cookie-предупреждение визуально оставалось поверх открытого мобильного меню из-за stacking context страницы.
- desktop, текст, размеры, кнопка, ссылка, согласие, формы, Tilda Lead Bridge, галереи, видео и райдеры не изменялись.
*/

.ip-cookie-notice,
.ip-cookie-notice *{
  box-sizing:border-box;
}

.ip-cookie-notice{
  position:fixed;
  left:50%;
  bottom:24px;
  z-index:9000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:min(610px, calc(100vw - 48px));
  min-height:62px;
  padding:16px 18px 16px 20px;
  color:#fff;
  font-family:'Montserrat',Arial,sans-serif;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(5,6,3,.82);
  box-shadow:0 18px 52px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transform:translate3d(-50%, calc(100% + 42px), 0);
  opacity:0;
  pointer-events:none;
  will-change:opacity,transform;
  transition:
    opacity .86s cubic-bezier(.19,1,.22,1),
    transform .86s cubic-bezier(.19,1,.22,1),
    visibility 0s linear .86s;
  visibility:hidden;
}

.ip-cookie-notice.is-ready{
  visibility:visible;
}

.ip-cookie-notice.is-visible{
  opacity:1;
  transform:translate3d(-50%, 0, 0);
  pointer-events:auto;
  visibility:visible;
  transition-delay:0s;
}

.ip-cookie-notice.is-covered,
.ip-cookie-notice.is-closing{
  opacity:0;
  transform:translate3d(-50%, calc(100% + 42px), 0);
  pointer-events:none;
  visibility:hidden;
  transition:
    opacity .86s cubic-bezier(.19,1,.22,1),
    transform .86s cubic-bezier(.19,1,.22,1),
    visibility 0s linear .86s;
}

.ip-cookie-notice__text{
  width:100%;
  margin:0;
  color:rgba(255,255,255,.86);
  font-size:13px;
  line-height:1.28;
  font-weight:400;
  letter-spacing:-.02em;
}

.ip-cookie-notice__desktop-text{
  display:block;
}

.ip-cookie-notice__mobile-text{
  display:none;
}

.ip-cookie-notice__line{
  display:block;
  white-space:nowrap;
}

.ip-cookie-notice__mobile-line{
  display:block;
  white-space:nowrap;
}

.ip-cookie-notice__text a{
  display:block;
  width:max-content;
  max-width:100%;
  color:#69C9FF;
  text-decoration:none;
  white-space:nowrap;
  transition:opacity .2s ease;
}

.ip-cookie-notice__text a:hover,
.ip-cookie-notice__text a:focus-visible{
  opacity:.75;
}

.ip-cookie-notice__button{
  flex:0 0 auto;
  min-width:96px;
  min-height:36px;
  padding:0 17px;
  color:#050603;
  font-family:'Montserrat',Arial,sans-serif;
  font-size:13px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.02em;
  border:0;
  border-radius:999px;
  background:#fff;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:opacity .2s ease;
}

.ip-cookie-notice__button:hover,
.ip-cookie-notice__button:focus-visible{
  opacity:.82;
}

.ip-cookie-notice__button:focus,
.ip-cookie-notice__button:focus-visible{
  outline:none;
}

@media (max-width:767px){

  .ip-cookie-notice{
    left:16px;
    right:16px;
    bottom:calc(16px + env(safe-area-inset-bottom, 0px));
    z-index:35;
    width:auto;
    min-height:0;
    display:block;
    padding:14px;
    transform:translate3d(0, calc(100% + 28px), 0);
  }

  .ip-cookie-notice.is-visible{
    transform:translate3d(0, 0, 0);
  }

  .ip-cookie-notice.is-covered,
  .ip-cookie-notice.is-closing{
    transform:translate3d(0, calc(100% + 28px), 0);
  }

  .ip-cookie-notice.is-covered{
    z-index:1;
  }

  .ip-cookie-notice__text{
    font-size:12px;
    line-height:1.28;
  }

  .ip-cookie-notice__desktop-text{
    display:none;
  }

  .ip-cookie-notice__mobile-text{
    display:block;
  }

  .ip-cookie-notice__mobile-line,
  .ip-cookie-notice__mobile-text a{
    white-space:nowrap;
  }

  .ip-cookie-notice__button{
    width:100%;
    min-height:38px;
    margin-top:12px;
    font-size:13px;
  }
}