<div class="raw-html-embed"><meta charset="UTF-8">
<style>
  html {
    scroll-behavior: smooth;
    overflow-x: hiddden;
  }
  body {
    font-family: Inter;
    color: black;
  }
  @media (prefers-color-scheme: dark) {
    body {
      background-color: black;
      color: white;
      margin: 8px;
    }
  }
  .top-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
  }
  .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
  }
  .title-description {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
  }
  .title-description-right {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    padding-left: 10px;
  }
  a {
    color: #399ffc;
  }
  .title-underlined {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    text-decoration: underline;
  }
  .lang-dropdown {
    display: flex;
    justify-content: flex-end;
    margin: 8px;
    position: relative;
    z-index: 10;
  }
  .lang-dropdown select {
    max-width: 100%;
    width: auto;
    font-size: 14px;
    padding: 4px 8px;
  }
</style>

<div class="lang-dropdown">
  <select id="language-selector" aria-label="Select Language">
    <option value="english">English</option>
    <option value="dutch">Dutch</option>
    <option value="french_canada">French (Canada)</option>
    <option value="french_france">French (France)</option>
    <option value="german">German</option>
    <option value="indonesian">Indonesian</option>
    <option value="italian">Italian</option>
    <option value="japanese">Japanese</option>
    <option value="polish">Polish</option>
    <option value="portuguese">Portuguese</option>
    <option value="spanish_mexico">Spanish (Mexico)</option>
    <option value="spanish_spain">Spanish (Spain)</option>
    <option value="swedish">Swedish</option>
  </select>
</div>
<div id="policy-content"></div>
<script>
  const switcher = document.getElementById('language-selector');
  const contentContainer = document.getElementById('policy-content');

  const languageLinks = {
    english: 'https://glance.com/ai-looks-app-privacy-policy-english',
    dutch: 'https://glance.com/ai-looks-app-privacy-policy-dutch',
    french_canada:
      'https://glance.com/ai-looks-app-privacy-policy-french-canada',
    french_france:
      'https://glance.com/ai-looks-app-privacy-policy-french-france',
    german: 'https://glance.com/ai-looks-app-privacy-policy-german',
    indonesian: 'https://glance.com/ai-looks-app-privacy-policy-indonesian',
    italian: 'https://glance.com/ai-looks-app-privacy-policy-italian',
    japanese: 'https://glance.com/ai-looks-app-privacy-policy-japanese',
    polish: 'https://glance.com/ai-looks-app-privacy-policy-polish',
    portuguese: 'https://glance.com/ai-looks-app-privacy-policy-portuguese',
    spanish_mexico:
      'https://glance.com/ai-looks-app-privacy-policy-spanish-mexico',
    spanish_spain:
      'https://glance.com/ai-looks-app-privacy-policy-spanish-spain',
    swedish: 'https://glance.com/ai-looks-app-privacy-policy-swedish',
  };

  function cleanInjectedStyles(container) {
    const allElements = container.querySelectorAll('*');
    allElements.forEach((el) => {
      const style = window.getComputedStyle(el);
      if (parseInt(style.marginTop) > 0) {
        el.style.marginTop = '0px';
      }
    });
  }

  function loadContent(lang) {
    const url = languageLinks[lang];
    if (!url) return;

    fetch(url)
      .then((res) => res.text())
      .then((html) => {
        const parser = new DOMParser();
        const doc = parser.parseFromString(html, 'text/html');

        // Get only the body content
        const bodyContent = doc.body.innerHTML;

        contentContainer.innerHTML = bodyContent;
        cleanInjectedStyles(contentContainer);
        localStorage.setItem('selectedLang', lang);
      })
      .catch(() => {
        contentContainer.innerHTML = `<p>Failed to load content.</p>`;
      });
  }

  switcher.addEventListener('change', (e) => {
    loadContent(e.target.value);
  });

  // Load from localStorage or fallback to English
  const savedLang = localStorage.getItem('selectedLang') || 'english';
  switcher.value = savedLang;
  loadContent(savedLang);
</script>
</div>