.cookies {
    --cookies-indent: 30px;
    --cookies-padding: 20px;
    --cookies-width: 425px;
    --cookies-radius: 4px;
    --cookies-color-1: #0150a5;
    --cookies-color-2: #23923d;
    --cookies-text-color: #ffffff;
    --cookies-font-weight: 400;
    --cookies-font-size: 16px;
    --cookies-line-height: 145%;
    --cookies-text-align: left;
    position: fixed;
    z-index: 20;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 15px;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 0 6px 6px rgba(0,0,0,.25);
    font-family: "Circe";
    font-weight: var(--cookies-font-weight);
    font-size: var(--cookies-font-size);
    line-height: var(--cookies-line-height);
    color: var(--cookies-text-color);
    text-align: var(--cookies-text-align);
    opacity: 0;
    transform: translateY(268px);
    transition: opacity .6s cubic-bezier(.25, 1, .5, 1),transform .6s cubic-bezier(.25, 1, .5, 1);
}

@media (min-width: 485px) {
  .cookies {
    left: 30px;
    bottom: var(--cookies-indent);
    padding: var(--cookies-padding);
    width: var(--cookies-width);
    max-width: calc(100% - var(--cookies-indent) * 2);
    border-radius: var(--cookies-radius);
  }
}

.cookies__body p {
  margin: 0;
  color: #000;
  font-family: 'Circe', Arial, Helvetica, sans-serif;
}

@media (max-width: 484px) {
  .cookies__body p {
    font-size: 14px;
    color: #000;
  }
}

.cookies__body a {
  position: relative;
  font-weight: 500;
  color: #000;
  font-family: 'Circe', Arial, Helvetica, sans-serif;
}

.cookies__footer {
  margin-top: 15px;
}

.cookies__btn {
  width: 100%;
  padding: 5px 25px;
  border: 2px solid #593196;
  border-radius: var(--cookies-radius);
  background-color: #593196;
  font-weight: 700;
  font-size: var(--cookies-font-size);
  line-height: var(--cookies-line-height);
  color: #000;
  font-family: 'Circe', Arial, Helvetica, sans-serif;
  cursor: pointer;
  user-select: none;
  transition: background-color .25s,border-color .25s;
}

.cookies__btn-accept {
  color: #fff !important;
}

@media (max-width: 484px) {
  .cookies__btn {
    width: 100%;
  }
}

.cookies__btn:hover {
  border-color: #4e2b83;
  background-color: #4e2b83;
}

.cookies__btn+.cookies__btn {
  margin-top: 15px;
}

@media (min-width: 485px) {
  .cookies__btn+.cookies__btn {
    margin: 0 0 0 10px;
  }
}

.cookies__btn--transparent {
  border-color: #000;
  background-color: transparent;
}

.cookies__btn--transparent:hover {
  border-color: #e6e6e6;
  background-color: transparent;
}

.cookies__btn--disabled {
  cursor: default;
  opacity: .6;
  pointer-events: none;
}

.cookies__settings {
  margin-top: 15px;
  overflow: hidden;
  transition: height .25s,margin-top .25s;
}

.cookies__settings.off {
  margin-top: 0;
  height: 0;
}

.cookies__s-title {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  font-family: "Oswald", Arial, Helvetica, sans-serif;
}

.cookies__checkbox {
  cursor: pointer;
  user-select: none;
}

@media (max-width: 484px) {
  .cookies__checkbox {
      display: block;
  }
}

.cookies__checkbox input {
  display: none;
}

.cookies__checkbox span {
  position: relative;
  padding-left: 22px;
  font-size: 12px;
  color: #000;
}

.cookies__checkbox span:before {
  content: "✔";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  background-color: #fff;
  color: #fff;
  transition: color .25s;
}

.cookies__checkbox input:checked+span:before {
  color: #23923d;
}

.cookies__checkbox--disabled {
  cursor: default;
  opacity: .6;
  pointer-events: none;
}

.cookies__checkbox+.cookies__checkbox {
  margin-top: 2px;
}

@media (min-width: 485px) {
  .cookies__checkbox+.cookies__checkbox {
    margin: 0 0 0 15px;
  }
}

.cookies.active {
  opacity: 1;
  transform: translateY(0);
}

.cookies--left {
  left: 0;
}

@media (min-width: 485px) {
  .cookies--left {
    left: var(--cookies-indent);
  }
}

@media (min-width: 485px) {
  .cookies--center {
    left: 50%;
    transform: translate(-50%,268px);
  }
}

@media (min-width: 485px) {
  .cookies--center.active {
    transform: translate(-50%,0);
  }
}

.cookies--right {
  left: inherit;
  right: 0;
}

@media (min-width: 485px) {
  .cookies--right {
    right: var(--cookies-indent);
  }
}