.cookie-modal {
    background-color:#000;
    pointer-events:none;
    position:fixed;
   top:1em;
    right:1.25em;
    border: 1px solid;
    border-radius: 1em;
    z-index:100002;
    /* display: none; */
  }
  .cookie-modal--hidden {
    display:none
  }
  .cookie-modal__content {
    font-size: 14px;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
    max-width:500px;
    padding:20px;
    pointer-events:auto;
    border-radius:12px;
    color:#ffffff;
  }
  @media (min-width:400px) {
    .cookie-modal__content {
      padding:20px 30px
    }
  }
  .cookie-modal__title {
    font-size:1.4rem;
    font-weight:normal;
    margin-bottom:10px;
    margin-top:0
  }
  .cookie-modal__text {
    line-height:1.2;
    margin-bottom:10px
  }
  .cookie-modal__text a {
    text-decoration:underline
  }
  .cookie-modal__options {
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    margin-bottom:10px
  }
  .cookie-modal__options>* {
    width:calc(50% - 30px)
  }
  @media (min-width:400px) {
    .cookie-modal__options>* {
      width:calc(33.3333% - 30px)
    }
  }
  .cookie-modal__option {
    align-items:center;
    cursor:pointer;
    display:inline-flex;
    flex-direction:row;
    justify-content:flex-start;
    margin-bottom:10px;
    margin-right:30px;
    position:relative
  }
  .cookie-modal__option.disabled {
    opacity:.7
  }
  .cookie-modal__checkbox {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    border:1px solid #fff;
    border-radius:0;
    display:block;
    flex-shrink:0;
    height:20px;
    margin:0 6px 0 0;
    width:20px
  }
  .cookie-modal__checkbox:checked {
    background-color:#fff
  }
  .cookie-modal__checkbox:checked:focus-visible {
    background-color:#fff;
    outline:none
  }
  .cookie-modal__checkbox:focus-visible {
    border-color:#81a2be;
    outline:none
  }
  .cookie-modal__check {
    align-items:center;
    display:flex;
    flex-shrink:0;
    height:20px;
    justify-content:center;
    left:0;
    position:absolute;
    width:20px;
    z-index:1
  }
  .cookie-modal__check svg {
    stroke:#000
  }
  .cookie-modal__label {
    line-height:22px
  }
  .cookie-modal__buttons {
    align-items:flex-start;
    display:flex;
    flex-direction:row;
    justify-content:flex-start
  }
  .cookie-modal__button {
    border:1px solid #fff;
    color:#fff;
    display:block;
    margin-right:8px;
    padding:6px 20px;
    text-decoration:none;
    white-space:nowrap;
    border-radius:12px;
  }
  @media (min-width:400px) {
    .cookie-modal__button {
      margin-right:10px;
      padding:10px 24px
    }
  }
  .cookie-modal__button.primary {
    background-color:#000;
    color:#fff
  }
  .cookie-modal__button.primary:focus-visible,
  .cookie-modal__button.primary:hover {
    background-color:#fff;
    color:#000;
  }
  .cookie-modal__button:focus-visible,
  .cookie-modal__button:hover {
    border-color:#000;
    outline:none
  }
  .cookie-modal__button.hide {
    display:none
  }