slam-cookie {
  --base-color: #0d2dff;
}
.cookie-notification-wrapper {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  visibility: hidden;
  z-index: 160;
}
.cookie-notification-wrapper.blocked {
  background-color: rgba(0, 0, 0, .75);
  top: 0;
}
.cookie-notification-wrapper.blocked .cookie-notification {
  bottom: 0;
  position: absolute;
}
.cookie-notification-wrapper.visible {
  opacity: 1;
  visibility: visible;
}
.cookie-notification-transition {
  transition: all .3s ease;
}
.cookie-notification-transition-start {
  transform: scale(.8);
}
.cookie-notification {
  background-color: white;
  border-radius: 8px;
  box-shadow: 5px 0px 15px 0px rgba(0, 0, 0, .25);
  left: 0;
  margin-left: auto;
  max-width: 720px;
  padding: 30px;
  right: 0;
}
.cookie-notification__form-control {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
}
.cookie-notification__checkbox {
  display: flex;
}
.cookie-notification__checkbox-label {
  align-items: center;
  background-color: #fff;
  border-radius: 1px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  position: relative;
  transition: color .3s; 
}
.cookie-notification__checkbox-label:before {
  background-color: #fbfbfb;
  background-color: #fff;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #e4e4e4;
  border-radius: 1px;
  box-sizing: border-box;
  content: '';
  display: block;
  flex: 0 0 auto;
  height: 20px;
  left: 0;
  position: relative;
  top: 0;
  transition: box-shadow .2s, border .2s;
  user-select: none;
  width: 20px;
}
.cookie-notification__checkbox input:checked + .cookie-notification__checkbox-label:before {
  background-color: var(--base-color);
  background-image: url('data:image/svg+xml,%3Csvg width=\'11\' height=\'9\' viewBox=\'0 0 11 9\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M2.08205 3.3203C1.7757 2.86077 1.15483 2.7366 0.6953 3.04295C0.235771 3.3493 0.111597 3.97017 0.41795 4.4297L2.08205 3.3203ZM10.2894 2.23894C10.6284 1.80299 10.5499 1.17472 10.1139 0.835648C9.67799 0.496578 9.04972 0.575112 8.71065 1.01106L10.2894 2.23894ZM5.1018 7.27983L4.31244 6.66589L5.1018 7.27983ZM0.41795 4.4297L2.64834 7.77529L4.31244 6.66589L2.08205 3.3203L0.41795 4.4297ZM5.89115 7.89377L10.2894 2.23894L8.71065 1.01106L4.31244 6.66589L5.89115 7.89377ZM2.64834 7.77529C3.40557 8.91114 5.05305 8.97133 5.89115 7.89377L4.31244 6.66589L4.31244 6.66589L2.64834 7.77529Z\' fill=\'%23FAFAFB\'/%3E%3C/svg%3E%0A');
  background-position: center;
  background-size: auto;
  border-color: var(--base-color);
}
.cookie-notification__checkbox input:checked:disabled + .cookie-notification__checkbox-label:before {
  background-color: rgba(224, 224, 224, .7);
  background-position: center;
  background-size: auto;
  border-color: rgba(224, 224, 224, .7);
}
.cookie-notification__title {
  font-size: 22px;
  font-weight: 600;
}
.cookie-notification__checkbox input {
  height: 2px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 2px;
}
.cookie-notification__settings {
  color: var(--base-color);
  border-bottom: 1px dashed var(--base-color);
  transition: all .3s ease;
  margin-left: auto;
}
.cookie-notification__settings.hidden {
  display: none;
}
.cookie-notification__settings:hover {
  border-color: transparent;
  cursor: pointer;
}
.cookie-notification__inner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cookie-notification__footer {
  align-items: center;
  display: flex;
  gap: 18px;
}
.cookie-notification__footer .btn--wide {
  width: auto;
}
.cookie-notification__left {
  margin-left: auto;
}
.cookie-notification__flex {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 20px;
}
.cookie-notification__control {
  border: 1px solid transparent;
  border-radius: 8px;
  color: #fff;
  padding: 8px 20px;
  transition: all .3s ease;
}
.cookie-notification__control--approve,
.cookie-notification__control--save {
  background-color: var(--base-color);
  border-color: var(--base-color);
  color: #fff;
}
.cookie-notification__control--cancel {
  border-color: var(--base-color);
  color: var(--base-color);
}
.cookie-notification__mini {
  color: #969696;
}
.cookie-notification__header.hidden {
  display: none;
}
.cookie-notification__body {
  display: none;
  max-height: 85vh;
  overflow: auto;
}
.cookie-notification__body.visible {
  display: block;
}
.cookie-settings {
  bottom: 0;
  display: flex;
  height: 92px;
  left: 0;
  opacity: 0;
  position: fixed;
  transition: opacity .3s ease;
  visibility: hidden;
  width: 92px;
  z-index: 159;
}
.cookie-settings.active {
  opacity: 1;
  visibility: visible;
}
.cookie-settings::after {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 28px 0px #26262633;
  content: 'Выбор настроек файлов Cookie';
  font-size: 14px;
  left: 8px;
  opacity: 0;
  padding: 8px;
  position: absolute;
  top: 4px;
  transition: opacity .3s ease;
  visibility: hidden;
  white-space: nowrap;
}
.cookie-settings:hover {
  cursor: pointer;
}
.cookie-settings::before {
  background-color: #e4e4e4;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  content: '';
  inset: 0;
  position: absolute;
  transition: background-color .3s ease;
}
.cookie-settings-icon {
  background-color: var(--base-color);
  bottom: 8px;
  height: 38px;
  left: 8px;
  mask-image: url('data:image/svg+xml,%3Csvg viewBox=\'0 0 32 38\' width=\'32\' height=\'38\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M14.682 37.587C.852 31.002-.74 13.955.232 6.097c.104-.208.47-.593 1.097-.468 2.82.097 9.107-.745 13.1-4.691a1.485 1.485 0 0 1 1.868-.175c2.664 1.833 8.169 4.54 15.139 4.866.105 0 .314.094.314.469 2.032 18.957-8.782 28.626-15.231 31.523a2.185 2.185 0 0 1-1.836-.034Z\' fill=\'%23fff\'/%3E%3C/svg%3E');
  mask-position: center;
  mask-size: contain;
  position: absolute;
  width: 32px;
}
.cookie-settings-icon:after {
  background-image: url('data:image/svg+xml,%3Csvg width=\'32\' height=\'38\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M16.038 3.73a.97.97 0 0 0-1.215.117c-1.766 1.744-4.03 2.794-6.145 3.397-2.115.603-4.105.767-5.35.724h-.026l-.025-.005c-.32-.064-.507.097-.579.199-.403 3.343-.263 8.615 1.434 13.75 1.706 5.163 4.976 10.161 10.823 12.947.422.2.905.213 1.323.026 5.444-2.448 14.644-10.646 12.913-26.792l-.002-.017V8.06a.322.322 0 0 0-.01-.093c-6.043-.291-10.815-2.636-13.14-4.235Zm-1.656-.328a1.598 1.598 0 0 1 2.012-.186c2.254 1.55 6.93 3.85 12.848 4.127a.553.553 0 0 1 .39.181.757.757 0 0 1 .184.517c1.757 16.447-7.631 24.875-13.28 27.414a2.203 2.203 0 0 1-1.851-.032c-6.046-2.88-9.406-8.043-11.149-13.315-1.74-5.268-1.875-10.67-1.452-14.087l.006-.053.024-.048a1.16 1.16 0 0 1 1.26-.576c1.182.038 3.094-.12 5.132-.701 2.052-.586 4.208-1.594 5.876-3.24Z\' fill=\'%23fff\'/%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M9.324 15.168a.626.626 0 0 0-.626.626v10.321c0 .346.28.626.626.626h13.175c.346 0 .626-.28.626-.626V15.794a.626.626 0 0 0-.626-.626H9.324Zm5.646 6.412-.627 2.815h3.293l-.627-2.815c.732-.521 1.881-1.908.627-3.284s-2.613-.574-3.136 0c-.496.544-1.16 1.657.47 3.284Z\' fill=\'%23fff\'/%3E%3Cpath d=\'M10.737 14.23h1.256c.173 0 .313-.14.313-.313V11.26c0-.691.56-1.251 1.25-1.251h4.869c.69 0 1.25.56 1.25 1.25v2.66c0 .172.14.312.313.312h1.256c.173 0 .313-.14.313-.313V10.79a2.502 2.502 0 0 0-2.502-2.503h-6.129a2.502 2.502 0 0 0-2.502 2.502v3.128c0 .173.14.313.313.313Z\' fill=\'%23fff\'/%3E%3C/svg%3E');
  background-position: center;
  background-size: contain;
  content: '';
  inset: 0;
  position: absolute;
  z-index: 2;
}
@media print {
  .cookie-notification {
    display: none;
  }
}
@media (max-width: 1099px) {
  .cookie-notification {
    padding: 20px 18px;
  }
  .cookie-notification__checkbox {
    padding: 14px;
  }
}
@media (max-width: 575px) {
  .cookie-notification__flex {
    gap: 10px;
    margin-top: 16px;
  }
  .cookie-notification__inner {
    gap: 14px;
  }
  .cookie-notification__footer {
    gap: 15px;
  }
  .cookie-notification .btn {
    font-size: 12px;
  }
  .cookie-notification .btn:not(.btn--border) {
    padding-left: 16px;
    padding-right: 16px;
  }
  .cookie-notification__checkboxinput:checked ~ label:before {
    background-image: url('data:image/svg+xml,%3Csvg width=\'9\' height=\'7\' viewBox=\'0 0 9 7\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M1.08325 3.125L2.64698 5.47059C3.02559 6.03851 3.84933 6.06861 4.26838 5.52983L7.49992 1.375\' stroke=\'%23FAFAFB\' stroke-width=\'2\' stroke-linecap=\'round\'/%3E%3C/svg%3E%0A');
  }
  .cookie-settings {
    height: 65px;
    width: 65px;
  }
  .cookie-settings-icon {
    height: 27px;
    width: 22px;
  }
}
@media (hover: hover) {
  .cookie-notification__control:hover {
    cursor: pointer;
    opacity: .7;
  }
  .cookie-settings:hover::after {
    opacity: 1;
    visibility: visible;
  }
  .cookie-settings:hover::before {
    background-color: #969696;
  }
}