const banner = `
  <div class="cookies__banner">
    <div class="cookies__wrap">
      <svg class="cookies__vector" width="100%" height="100%" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M39.5912 15.9862C39.0737 13.4547 38.0727 11.0121 36.6312 8.86016C36.4255 8.55258 36.2093 8.25148 35.9859 7.95547C36.0558 7.69805 36.0938 7.42766 36.0938 7.14836C36.0938 5.4468 34.7094 4.06242 33.0078 4.06242C32.7417 4.06242 32.4834 4.09625 32.237 4.15992C31.9268 3.92008 31.6106 3.68828 31.2875 3.46789C28.0237 1.24164 24.1252 0.0350781 20.1766 0.00078125C20.1211 0 20.0602 0 19.9992 0C18.0531 0 16.1266 0.279687 14.275 0.832812C13.7766 0.981172 13.3367 1.29609 13.0359 1.71711C11.9758 3.21164 10.0008 4.87578 7.75391 6.17023C7.23047 6.47258 6.69609 6.75391 6.16719 7.00617C5.33672 7.40156 4.58125 7.92102 3.92109 8.54914C3.25312 9.18586 2.69922 9.91867 2.275 10.7273C0.779766 13.5795 0 16.7803 0 20C0 20.096 0.00078125 20.1867 0.0015625 20.2758C0.0514062 25.8199 2.52398 31.2285 6.65453 34.9209C10.2965 38.1766 15.113 40 19.9945 40H19.997C26.1746 39.9999 32.2139 36.9951 35.9453 32.0742C36.2055 31.7313 36.1383 31.2398 35.7953 30.9797C35.6578 30.8758 35.4945 30.8211 35.3234 30.8211C35.0766 30.8211 34.8492 30.9336 34.7 31.1305C31.2976 35.618 25.6487 38.4375 19.9969 38.4375C9.79922 38.4359 1.70234 30.4492 1.56406 20.2539C1.56328 20.1679 1.5625 20.0852 1.5625 20C1.5625 16.9828 2.26797 14.107 3.65859 11.4531C4.34375 10.1462 5.47344 9.06797 6.83984 8.41641C7.40625 8.14609 7.97734 7.84531 8.53516 7.52344C11.0312 6.07891 13.0813 4.33906 14.3078 2.62422C14.4078 2.48438 14.5547 2.37969 14.7219 2.32961C16.4281 1.82031 18.2039 1.5625 19.9992 1.5625C20.0461 1.5625 20.0977 1.5625 20.1625 1.56328C24.1062 1.59781 27.7616 2.88695 30.7512 5.04656C30.2373 5.59805 29.9219 6.33695 29.9219 7.14844C29.9219 8.85 31.3062 10.2344 33.0078 10.2344C33.8059 10.2344 34.5341 9.92992 35.0824 9.43102C37.1938 12.4298 38.4369 16.0777 38.4375 20V20.0234C38.4352 21.7633 38.1914 23.4844 37.7117 25.1398C37.6539 25.3398 37.6773 25.5508 37.7781 25.7336C37.8789 25.9164 38.0445 26.0492 38.2445 26.107C38.3164 26.1281 38.3891 26.1382 38.4625 26.1382C38.8078 26.1382 39.1164 25.9062 39.2125 25.5741C39.7328 23.778 39.9977 21.9109 40 20.0249V20C40 18.657 39.8616 17.3095 39.5912 15.9862ZM33.0078 8.67188C32.1678 8.67188 31.4844 7.98844 31.4844 7.14844C31.4844 6.30844 32.1678 5.625 33.0078 5.625C33.8478 5.625 34.5312 6.30844 34.5312 7.14844C34.5312 7.98844 33.8478 8.67188 33.0078 8.67188Z" fill="#00D366"/>
        <path d="M28.3594 20.4297C28.3594 22.1313 29.7437 23.5156 31.4453 23.5156C33.1469 23.5156 34.5312 22.1313 34.5312 20.4297C34.5312 18.7281 33.1469 17.3438 31.4453 17.3438C29.7437 17.3438 28.3594 18.7281 28.3594 20.4297ZM31.4453 18.9062C32.2853 18.9062 32.9688 19.5897 32.9688 20.4297C32.9688 21.2697 32.2853 21.9531 31.4453 21.9531C30.6053 21.9531 29.9219 21.2697 29.9219 20.4297C29.9219 19.5897 30.6053 18.9062 31.4453 18.9062Z" fill="#00D366"/>
        <path d="M22.0703 34.4531C23.7719 34.4531 25.1562 33.0687 25.1562 31.3672C25.1562 29.6656 23.7719 28.2812 22.0703 28.2812C20.3687 28.2812 18.9844 29.6656 18.9844 31.3672C18.9844 33.0687 20.3687 34.4531 22.0703 34.4531ZM22.0703 29.8438C22.9103 29.8438 23.5938 30.5272 23.5938 31.3672C23.5938 32.2072 22.9103 32.8906 22.0703 32.8906C21.2303 32.8906 20.5469 32.2072 20.5469 31.3672C20.5469 30.5272 21.2303 29.8438 22.0703 29.8438Z" fill="#00D366"/>
        <path d="M8.00781 22.8125C6.30625 22.8125 4.92188 24.1969 4.92188 25.8984C4.92188 27.6 6.30625 28.9844 8.00781 28.9844C9.70938 28.9844 11.0938 27.6 11.0938 25.8984C11.0938 24.1969 9.70938 22.8125 8.00781 22.8125ZM8.00781 27.4219C7.16781 27.4219 6.48438 26.7384 6.48438 25.8984C6.48438 25.0584 7.16781 24.375 8.00781 24.375C8.84781 24.375 9.53125 25.0584 9.53125 25.8984C9.53125 26.7384 8.84781 27.4219 8.00781 27.4219Z" fill="#00D366"/>
        <path d="M8.78906 11.0938C7.0875 11.0938 5.70312 12.4781 5.70312 14.1797C5.70312 15.8813 7.0875 17.2656 8.78906 17.2656C10.4906 17.2656 11.875 15.8813 11.875 14.1797C11.875 12.4781 10.4906 11.0938 8.78906 11.0938ZM8.78906 15.7031C7.94906 15.7031 7.26562 15.0197 7.26562 14.1797C7.26562 13.3397 7.94906 12.6562 8.78906 12.6562C9.62906 12.6562 10.3125 13.3397 10.3125 14.1797C10.3125 15.0197 9.62906 15.7031 8.78906 15.7031Z" fill="#00D366"/>
        <path d="M20.4688 20.4297C20.4688 18.7281 19.0844 17.3438 17.3828 17.3438C15.6812 17.3438 14.2969 18.7281 14.2969 20.4297C14.2969 22.1313 15.6812 23.5156 17.3828 23.5156C19.0844 23.5156 20.4688 22.1313 20.4688 20.4297ZM15.8594 20.4297C15.8594 19.5897 16.5428 18.9062 17.3828 18.9062C18.2228 18.9062 18.9062 19.5897 18.9062 20.4297C18.9062 21.2697 18.2228 21.9531 17.3828 21.9531C16.5428 21.9531 15.8594 21.2697 15.8594 20.4297Z" fill="#00D366"/>
        <path d="M26.7188 12.6172C26.7188 10.9156 25.3344 9.53125 23.6328 9.53125C21.9312 9.53125 20.5469 10.9156 20.5469 12.6172C20.5469 14.3188 21.9312 15.7031 23.6328 15.7031C25.3344 15.7031 26.7188 14.3188 26.7188 12.6172ZM23.6328 14.1406C22.7928 14.1406 22.1094 13.4572 22.1094 12.6172C22.1094 11.7772 22.7928 11.0938 23.6328 11.0938C24.4728 11.0938 25.1562 11.7772 25.1562 12.6172C25.1562 13.4572 24.4728 14.1406 23.6328 14.1406Z" fill="#00D366"/>
        <path d="M17.3828 9.45312C19.0844 9.45312 20.4688 8.06875 20.4688 6.36719C20.4688 4.66563 19.0844 3.28125 17.3828 3.28125C15.6812 3.28125 14.2969 4.66563 14.2969 6.36719C14.2969 8.06875 15.6812 9.45312 17.3828 9.45312ZM17.3828 4.84375C18.2228 4.84375 18.9062 5.52719 18.9062 6.36719C18.9062 7.20719 18.2228 7.89062 17.3828 7.89062C16.5428 7.89062 15.8594 7.20719 15.8594 6.36719C15.8594 5.52719 16.5428 4.84375 17.3828 4.84375Z" fill="#00D366"/>
        <path d="M31.4844 14.6875C31.9158 14.6875 32.2656 14.3377 32.2656 13.9062C32.2656 13.4748 31.9158 13.125 31.4844 13.125C31.0529 13.125 30.7031 13.4748 30.7031 13.9062C30.7031 14.3377 31.0529 14.6875 31.4844 14.6875Z" fill="#00D366"/>
        <path d="M24.4531 20.1562C24.8846 20.1562 25.2344 19.8065 25.2344 19.375C25.2344 18.9435 24.8846 18.5938 24.4531 18.5938C24.0217 18.5938 23.6719 18.9435 23.6719 19.375C23.6719 19.8065 24.0217 20.1562 24.4531 20.1562Z" fill="#00D366"/>
        <path d="M27.5781 27.9688C28.0096 27.9688 28.3594 27.619 28.3594 27.1875C28.3594 26.756 28.0096 26.4062 27.5781 26.4062C27.1467 26.4062 26.7969 26.756 26.7969 27.1875C26.7969 27.619 27.1467 27.9688 27.5781 27.9688Z" fill="#00D366"/>
        <path d="M14.2969 29.5312C14.7283 29.5312 15.0781 29.1815 15.0781 28.75C15.0781 28.3185 14.7283 27.9688 14.2969 27.9688C13.8654 27.9688 13.5156 28.3185 13.5156 28.75C13.5156 29.1815 13.8654 29.5312 14.2969 29.5312Z" fill="#00D366"/>
        <path d="M15.0781 13.9062C15.5096 13.9062 15.8594 13.5565 15.8594 13.125C15.8594 12.6935 15.5096 12.3438 15.0781 12.3438C14.6467 12.3438 14.2969 12.6935 14.2969 13.125C14.2969 13.5565 14.6467 13.9062 15.0781 13.9062Z" fill="#00D366"/>
        <path d="M15.0781 34.2188C15.5096 34.2188 15.8594 33.869 15.8594 33.4375C15.8594 33.006 15.5096 32.6562 15.0781 32.6562C14.6467 32.6562 14.2969 33.006 14.2969 33.4375C14.2969 33.869 14.6467 34.2188 15.0781 34.2188Z" fill="#00D366"/>
      </svg>
      <p class="cookies__name">Cookie Settings</p>
    </div>
    <div class="cookies__content-min">
      <p class="cookies__desc">
        By clicking “Accept All Cookies” you agree to store cookies on your device. <a class="cookies__link" href="https://essayhub.com/privacy-policy#cookies" target: "_blank" rel: "noopener noreferrer">More info</a>
      </p>
    </div>
    <div class="cookies__content-max" style="display: none">
      <p class="cookies__desc">
        By clicking “Accept All Cookies” you agree to store cookies on your device. It helps us enhance site navigation, personalize content, and provide you with a better online experience. <a class="cookies__link" href="https://essayhub.com/privacy-policy#cookies" target: "_blank" rel: "noopener noreferrer">More info</a>
      </p>
      <form class="cookies__form">
        <label class="cookies__label">
          <input class="cookies__checkbox" type="checkbox" checked required disabled name="checkbox-1" id="checkbox-1">
          <span class="cookies__title" for="checkbox-1">Strictly Necessary (Required)</span>
          <div class="cookies__text">
            These cookies are required to enable basic website functionality.
          </div>
        </label>
        <label class="cookies__label">
          <input class="cookies__checkbox" type="checkbox" name="checkbox-2" id="checkbox-2">
          <span class="cookies__title" for="checkbox-2">Marketing</span>
          <div class="cookies__text">
            These cookies are used to show you only relevant advertisements on the website.
          </div>
        </label>
        <label class="cookies__label">
          <input class="cookies__checkbox" type="checkbox" name="checkbox-3" id="checkbox-3">
          <span class="cookies__title" for="checkbox-3">Personalization</span>
          <div class="cookies__text">
            These cookies help the website remember some basic information about you that you have previously filled out (such as your user name, language, or a region you are in).
          </div>
        </label>
        <label class="cookies__label">
          <input class="cookies__checkbox" type="checkbox" name="checkbox-4" id="checkbox-4">
          <span class="cookies__title" for="checkbox-4">Analytics</span>
          <div class="cookies__text">
            These cookies help us track the performance of the website and fix any technical issues you might face.
          </div>
        </label>
      </form>
    </div>
    <div class="cookies__btns">
      <button class="cookies__accept">
        Accept All Cookies
      </button>
      <button class="cookies__settings">
        Settings
      </button>
      <button class="cookies__all-settings" style="display: none">
        Save & Continue
      </button>
    </div>
  </div>`;

const localStorage = window.localStorage.getItem('privacyKey');

if (!localStorage) {
  let elem = document.createElement('div');
  elem.classList.add('cookies');
  elem.innerHTML = banner;
  document.querySelector('body').firstElementChild.append(elem);

  const btnSettings = document.querySelector('.cookies__settings');

  btnSettings.onclick = function () {
    document.querySelector('.cookies__content-min').style.display = 'none';
    document.querySelector('.cookies__content-max').style.display = 'flex';
    document.querySelector('.cookies__all-settings').style.display = 'block';
    document.querySelector('.cookies').classList.add('full-screen');
    btnSettings.style.display = 'none';
  }

  function hideBanner() {
    document.querySelector('.cookies').style.display = 'none';
    window.localStorage.setItem('privacyKey', true);
  }

  document.querySelector('.cookies__all-settings').addEventListener("click", hideBanner);
  document.querySelector('.cookies__accept').addEventListener("click", hideBanner);
}