Codesphere: Imprint/title> <meta name="title" content="Codesphere: FAQs" /> <meta name="description" content="Codesphere: Imprint" /> <link rel="icon" type="image/png" sizes="180x180" href="./img/apple-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="./img/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="./img/favicon-16x16.png"> <link rel='stylesheet' href='./styles/main.css'> <link rel="stylesheet" href="./styles/glide.core.min.css"> <link rel="stylesheet" href="./styles/glide.theme.min.css">       </head> <body class=" bg-dark-bg no-x-scroll overflow-x-hidden"> <header> <nav class="bg-dark-bg/80 backdrop-blur-md fixed w-full top-0 left-0 border-b border-gray-600/20 z-[999999999]"> <div class="container px-8 lg:px-0 xl:px-8 flex flex-wrap items-center justify-between mx-auto p-4"> <a href="/" class="flex items-center"> <img src="/img/codesphere-light.svg" class="h-10 lg:h-12 w-auto" alt="Flowbite Logo"> </a> <div class="flex lg:order-2"> <a href="https://codesphere.com/ide/signin" type="button" class="text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-md text-sm px-4 py-2 text-center mr-3 transition-all items-center justify-center w-fit cursor-pointer bg-transparent hover:bg-transparent hover:text-white/80 hidden md:block">Sign In</a> <a href="https://signup.codesphere.com/" type="button" class="text-white bg-codesphere-purple hover:bg-codesphere-purple/80 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-md text-sm px-4 py-2 text-center mr-3 transition-all flex items-center justify-center w-fit cursor-pointer">Get started</a> <button id="menuButton" data-collapse-toggle="navbar-sticky" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden focus:outline-none focus:ring-1 focus:ring-gray-200/30" aria-controls="navbar-sticky" aria-expanded="false"> <span class="sr-only">Open main menu</span> <div class="tham tham-e-spin tham-w-6 lg:hidden"> <div class="tham-box"> <div class="tham-inner bg-white"></div> </div> </div> </button> </div> <div class="items-center justify-between transition-all ease-in-out duration-700 max-h-0 overflow-hidden w-full lg:flex lg:w-auto lg:order-1 lg:max-h-full" id="navbar-sticky"> <ul id="nav-ul" class="flex flex-col gap-2 lg:gap-0 p-4 lg:p-0 mt-4 font-normal border rounded-lg lg:flex-row lg:space-x-5 xl:space-x-8 lg:mt-0 lg:border-0 border-gray-700"> <li> <a href="/" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all">Home</a> </li> <li> <a href="/pricing" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all">Pricing</a> </li> <li> <a href="/features" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all">Features</a> </li> <li> <a href="https://codesphere.com/blog" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all">Blog</a> </li> <li> <a target="_blank" href="https://roadmap.codesphere.com/" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all">Roadmap</a> </li> <li> <a href="/company" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all">Company</a> </li> <li> <a target="_blank" href="https://docs.codesphere.com/" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all">Docs</a> </li> <li> <a href="https://discord.gg/codesphere" class="text-lg lg:text-sm font-medium leading-6 text-white flex p-2 lg:p-0 rounded-md hover:opacity-70 transition-all gap-2 items-center relative"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="13" viewBox="0 0 16 13" fill="none"> <path d="M13.5535 1.03729C12.5178 0.552705 11.4104 0.200531 10.2526 0C10.1104 0.257074 9.94429 0.602844 9.82976 0.877902C8.599 0.692812 7.37956 0.692812 6.17144 0.877902C6.05693 0.602844 5.88704 0.257074 5.74357 0C4.58454 0.200531 3.47584 0.553999 2.44013 1.03985C0.351095 4.19666 -0.215207 7.27505 0.0679444 10.3097C1.4535 11.3444 2.79627 11.973 4.11638 12.3843C4.44233 11.9357 4.73302 11.4588 4.98345 10.9563C4.5065 10.775 4.04969 10.5514 3.61805 10.2917C3.73256 10.2069 3.84457 10.1182 3.95279 10.027C6.58546 11.2583 9.44593 11.2583 12.0472 10.027C12.1566 10.1182 12.2686 10.2069 12.3819 10.2917C11.949 10.5527 11.4909 10.7763 11.014 10.9576C11.2644 11.4588 11.5538 11.937 11.881 12.3856C13.2024 11.9743 14.5464 11.3457 15.932 10.3097C16.2642 6.79176 15.3644 3.74164 13.5535 1.03729ZM5.34212 8.44343C4.55181 8.44343 3.9037 7.70563 3.9037 6.80718C3.9037 5.90873 4.53797 5.16966 5.34212 5.16966C6.14628 5.16966 6.79437 5.90743 6.78053 6.80718C6.78178 7.70563 6.14628 8.44343 5.34212 8.44343ZM10.6578 8.44343C9.86752 8.44343 9.21941 7.70563 9.21941 6.80718C9.21941 5.90873 9.85366 5.16966 10.6578 5.16966C11.462 5.16966 12.1101 5.90743 12.0962 6.80718C12.0962 7.70563 11.462 8.44343 10.6578 8.44343Z" fill="white"/> </svg> Community </a> </li> </ul> </div> </div> </nav> <script> document.addEventListener("DOMContentLoaded", function () { const menuButton = document.getElementById("menuButton"); const navbarSticky = document.getElementById("navbar-sticky"); const tham = document.querySelector(".tham"); const links = document.querySelectorAll("#nav-ul a"); // Get all the links menuButton.addEventListener("click", function () { const isExpanded = menuButton.getAttribute("aria-expanded") === "true"; if (isExpanded) { navbarSticky.classList.remove("max-h-[1000px]"); tham.classList.remove('tham-active'); } else { navbarSticky.classList.add("max-h-[1000px]"); tham.classList.add('tham-active'); // Highlight the link after opening the menu highlightCurrentPageLink(); } menuButton.setAttribute("aria-expanded", !isExpanded); }); // Function to highlight the current page's link based on the path function highlightCurrentPageLink() { const currentPath = window.location.pathname; // Get the current path (e.g., "/about") // Remove active styles from all links links.forEach(link => { link.classList.remove("bg-codesphere-purple", "md:bg-transparent", "md:text-codesphere-purple"); link.removeAttribute("aria-current", "page"); }); // Find the link that matches the current path and highlight it links.forEach(link => { if (link.pathname === currentPath && link.hostname === window.location.hostname) { link.classList.add("bg-codesphere-purple", "md:bg-transparent", "md:text-codesphere-purple", "font-bold"); link.setAttribute("aria-current", "page"); } }); } // Call the function on page load highlightCurrentPageLink(); }); </script> </header> <main class="pt-16 lg:pt-20"> <section class="w-full hero-section stars relative overflow-hidden"> <div class="twinkling"></div> <div class="gradient-overlay"></div> <div class="saturate-200 absolute opacity-10 left-1/3 top-1/4 -rotate-12 transform -translate-x-1/2 -translate-y-1/2 z-20 w-[1000px] md:w-[2000px] h-auto aspect-square bg-center bg-no-repeat bg-contain" style="background-image: url('./img/bg-accent-1.webp');"></div> <div class="saturate-200 absolute opacity-10 left-3/4 hidden md:block top-2/4 rotate-180 transform -translate-x-1/2 -translate-y-1/2 z-20 w-[1000px] md:w-[2000px] h-auto aspect-square bg-center bg-no-repeat bg-contain" style="background-image: url('./img/bg-accent-1.webp');"></div> <div class="container px-8 mx-auto relative z-30 py-32 md:py-32"> <div class="relative isolate"> <div class=""> <div class="mx-auto w-full flex flex-col gap-12"> <div class="flex flex-col gap-8 w-full justify-center"> <div class="mx-auto lg:mx-0 lg:mx-none text-center flex flex-col items-center gap-4 "> <h1 class="md:text-6xl text-5xl font-bold tracking-tight text-white w-full lg:w-2/3">Imprint </h1> <p class="text-sm md:text-lg leading-6 text-gray-300 text-center"> Last updated: 15th of May, 2023 </p> </div> </div> </div> </div> </div> </div> <div class="container h-[1px] mx-auto bg-white/10 gradient-mask-x"></div> </section> <section class="w-full pb-24 bg-gradient-to-b from-[#09090a] to-dark-transparent"> <div class="prose prose-invert px-8 mx-auto py-16 lg:flex lg:gap-16 lg:justify-between"> <div class="scpolicymain__content contentdetail"> <h2>Head Office</h2> <p>Codesphere Inc.<br />CEO: Elias Groll<br />541 Jefferson Ave.<br />Suite 100. Redwood City<br />CA 94063, United States</p> <h2>Registered Office</h2> <p>Codesphere Inc.<br />CEO: Elias Groll<br />1209 Orange Street<br />Wilmington<br />DE 19801, United States</p> <h2>German Office (Subsidiary)</h2> <p>Codesphere GmbH<br />CEO: Elias Groll<br />Alter Schlachthof 33<br />76131 Karlsruhe, Germany</p> <h2>Contact Information</h2> <p>E-Mail: support@codesphere.com</p> </div> <div class="scpolicymain__content imprintlinks"> <div class="scpolicymain__content contentdetail"> <h2>Related Links</h2> <ul class="links"> <li><a href="/terms">Terms of Service</a></li> <li><a href="/privacy-policy">Privacy Policy</a></li> <li><a href="/sla">Service Level Agreement </a></li> </ul> </div> </div> </div> </section> </main> <footer> <footer class="bg-dark-bg border-t border-gray-600/20" aria-labelledby="footer-heading"> <h2 id="footer-heading" class="sr-only">Footer</h2> <div class="mx-auto max-w-7xl px-6 pb-8 pt-16 sm:pt-24 lg:px-8 lg:pt-32"> <div class="flex w-full gap-20 flex-col lg:flex-row justify-center items-center"> <div class="space-y-12 w-fit flex justify-center items-center flex-col"> <div class="flex justify-center items-center flex-col"> <img class="w-40 aspect-[160/171]" src="/img/codesphere-logo-vertical.svg" alt="Company name"> <div class="statuspagelink border border-white/30 rounded-md text-white text-xs w-fit py-2 px-4 mt-4 hover:bg-white/10 transition-all"> <statuspage-widget src="https://codesphere.statuspage.io"></statuspage-widget> </div> </div> <div class="mt-16 sm:mt-20 lg:mt-24"> <p class="text-xs leading-5 text-gray-400 text-center">© 2023 Copyright Codesphere Inc. All rights reserved.</p> </div> <div class="flex space-x-6"> <a href="https://www.linkedin.com/company/codesphere-inc/mycompany/" target="_blank" class="text-gray-500 hover:text-gray-400"> <span class="sr-only">LinkedIn</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" /> </svg> </a>  <a href="https://twitter.com/CodesphereCloud" target="_blank" class="text-gray-500 hover:text-gray-400"> <span class="sr-only">Twitter</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" /> </svg> </a> <a href="https://github.com/codesphere-cloud" target="_blank" class="text-gray-500 hover:text-gray-400"> <span class="sr-only">GitHub</span> <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> <path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" /> </svg> </a>  </div> <div class="badges flex flex-row gap-8"> <img class="h-20" src="/img/soc-compliant.svg" alt="Company name"> <img class="h-20" src="/img/org.svg" alt="Company name"> </div> </div> <div class="mt-16 grid grid-cols-2 gap-8 xl:col-span-2 xl:mt-0"> <div class="md:grid md:grid-cols-2 md:gap-8"> <div> <h3 class="text-sm font-semibold leading-6 text-white">Resources</h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="https://feedback.codesphere.com/" class="text-sm leading-6 text-gray-300 hover:text-white">Feedback</a> </li> <li> <a href="/FAQ" class="text-sm leading-6 text-gray-300 hover:text-white">FAQ</a> </li> <li> <a href="https://codesphere.com/blog" class="text-sm leading-6 text-gray-300 hover:text-white">Blog</a> </li> <li> <a href="https://docs.codesphere.com/" target="_blank" class="text-sm leading-6 text-gray-300 hover:text-white">Docs</a> </li> </ul> </div> <div class="mt-10 md:mt-0"> <h3 class="text-sm font-semibold leading-6 text-white">Company</h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="/company" class="text-sm leading-6 text-gray-300 hover:text-white">About</a> </li> <li> <a href="/company#investors" class="text-sm leading-6 text-gray-300 hover:text-white">Investors</a> </li> <li> <a href="/pricing" class="text-sm leading-6 text-gray-300 hover:text-white">Pricing</a> </li> <li> <a href="/features" class="text-sm leading-6 text-gray-300 hover:text-white">Features</a> </li> <li> <a target="_blank" href="https://codesphere.notion.site/Codesphere-Careers-Page-8338229b69dc4296a2abc5d8b624faf7" class="text-sm leading-6 text-gray-300 hover:text-white">Careers</a> </li> </ul> </div> </div> <div class="md:grid md:grid-cols-2 md:gap-8"> <div> <h3 class="text-sm font-semibold leading-6 text-white">Legal</h3> <ul role="list" class="mt-6 space-y-4"> <li> <a href="/imprint" class="text-sm leading-6 text-gray-300 hover:text-white">Imprint</a> </li> <li> <a href="/copyright" class="text-sm leading-6 text-gray-300 hover:text-white">Copyright</a> </li> <li> <a href="/privacy-policy" class="text-sm leading-6 text-gray-300 hover:text-white">Privacy Policy</a> </li> <li> <a href="/terms" class="text-sm leading-6 text-gray-300 hover:text-white">Terms of Service</a> </li> <li> <a href="/sla" class="text-sm leading-6 text-gray-300 hover:text-white">Service Level Agreement</a> </li> <li> <a href="javascript:;" id="cookie-settings" class="text-sm leading-6 text-gray-300 hover:text-white">Cookie Settings</a> </li> </ul> </div> <div class="mt-10 md:mt-0 flex flex-col gap-8"> <div> <h3 class="text-sm font-semibold leading-6 text-gray-500">Contact</h3> <a href="mailto:team@codesphere.com" class="text-sm leading-6 text-gray-300 hover:text-white">team@codesphere.com</a> </div> <div> <h3 class="text-sm font-semibold leading-6 text-gray-500">Support</h3> <a href="mailto:support@codesphere.com" class="text-sm leading-6 text-gray-300 hover:text-white">support@codesphere.com</a> </div> </div> </div> <div class="mt-16 border-t border-white/10 pt-8 sm:mt-20 lg:mt-24 col-span-2 grid grid-cols-1 md:grid-cols-3 gap-12"> <p class="text-xs leading-5 text-gray-400 font-semibold"> Head Office <br> <span class="font-light"> 541 Jefferson Ave., Suite 100. Redwood City, <br> CA 94063, United States </span> </p> <p class="text-xs leading-5 text-gray-400 font-semibold"> Registered Office<br> <span class="font-light"> 1209 Orange Street. Wilmington, <br> DE 19801, United States </span> </p> <p class="text-xs leading-5 text-gray-400 font-semibold"> German Office (Subsidiary)<br> <span class="font-light"> Alter Schlachthof 33, <br> 76131 Karlsruhe </span> </p> </div> </div> </div>  </div>  <script> // Required by @statuspage/status-widget. var parcelRequire; </script> <script src="https://unpkg.com/@statuspage/status-widget/dist/index.js" defer></script> <script> document.addEventListener("DOMContentLoaded", function () { const cookieSettings = document.querySelector("#cookie-settings"); const cookieModal = document.querySelector("#cookie-wrap"); cookieSettings.addEventListener("click", () => { cookieModal.classList.remove("hidden"); }) }); </script> </footer> </footer>  <script src="./js/bridger.js" type="text/javascript" defer></script>  <script src="./js/main.js" type="text/javascript"></script>  <div id="cookie-wrap" class="cookiebox fixed bottom-0 right-0 w-full z-[9999] text-white p-8 transition-all hidden"> <div id="cookie-modal" class=" bg-dark-bg/80 backdrop-blur-lg border border-white/20 w-full h-full p-8 rounded-md transition-all relative"> <button type="button" id="close-modal" class="cookiebox__close --c-close opacity-80 cursor-pointer hover:opacity-50 transition-all flex w-fit absolute top-0 right-0 p-4"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M6 18L18 6M6 6L18 18" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button>  <div id="cookie-info" class="w-full h-full flex flex-col text-center justify-center items-center gap-4"> <p class="text-2xl font-semibold">Heya! We use cookies!</p> <p class="text-gray-500">Codesphere uses cookies to make sure you have the best experience on our site.</p> <div class="flex gap-4 items-center justify-center mt-4"> <button type="button" id="cookie-accept" class="btn-cta mr-0 w-3/4 md:w-fit">Accept Cookies</button> <span id="manage-prefs-btn" class="text-codesphere-purple hover:text-codesphere-purple/70 cursor-pointer transition-all">Configure</span> </div> </div>  <div id="cookie-prefs" class="w-full h-full flex flex-col hidden"> <div class="flex flex-col gap-4"> <div class="flex justify-between"> <div class="flex gap-4 items-center"> <span id="prefs-back" class="text-white font-bold cursor-pointer"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M19.5 12L4.5 12M4.5 12L11.25 18.75M4.5 12L11.25 5.25" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <p class="text-white text-2xl font-bold">Cookie Preferences</p> </div> </div> <hr class="border-white/10 mt-2 mb-2">  <div class="pt-6 z-30 accordion-item"> <button class="accordion-toggle flex w-full items-center justify-between md:justify-start md:gap-4 text-left text-white z-30" aria-expanded="false"> <div class="flex gap-2"> <span class="flex h-7 items-center z-30">  <svg class="faq-collapsed-icon h-6 w-6 z-30" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" /> </svg>  <svg class="faq-expanded-icon hidden h-6 w-6 z-30" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" /> </svg> </span> <span class="text-md font-medium text-gray-300">Necessary Cookies</span> </div> <span class="bg-codesphere-purple/20 border py-1 px-2 border-white/20 rounded-full text-xs">Required</span> </button> <div class="mt-2 pr-12 accordion-content overflow-hidden transition-max-height duration-500 ease-in-out z-40 relative" style="max-height: 0;"> <span class="text-gray-500 text-sm">These cookies allow core website functionalities such as user login. The website cannot be used properly without strictly necessary cookies.</span> </div> </div>  <div class="pt-6 z-30 accordion-item"> <button class="accordion-toggle flex w-full items-center justify-between md:justify-start md:gap-4 text-left text-white z-30" aria-expanded="false"> <div class="flex gap-2"> <span class="flex h-7 items-center z-30">  <svg class="faq-collapsed-icon h-6 w-6 z-30" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" /> </svg>  <svg class="faq-expanded-icon hidden h-6 w-6 z-30" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" /> </svg> </span> <span class="text-md font-medium text-gray-300">Performance Cookies</span> </div> <label class="relative inline-flex items-center cursor-pointer"> <input id="performance" type="checkbox" value="" class="sr-only peer"> <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 transition-all"> </div> </label> </button> <div class="mt-2 pr-12 accordion-content overflow-hidden transition-max-height duration-500 ease-in-out z-40 relative" style="max-height: 0;"> <span class="text-gray-500 text-sm">These cookies are used by third-party analytics tools to capture user behavior on our website to understand user interactions and make product improvements.</span>  </div> </div>  <div class="pt-6 z-30 accordion-item"> <button class="accordion-toggle flex w-full items-center justify-between md:justify-start md:gap-4 text-left text-white z-30" aria-expanded="false"> <div class="flex gap-2"> <span class="flex h-7 items-center z-30">  <svg class="faq-collapsed-icon h-6 w-6 z-30" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v12m6-6H6" /> </svg>  <svg class="faq-expanded-icon hidden h-6 w-6 z-30" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M18 12H6" /> </svg> </span> <span class="text-md font-medium text-gray-300">Marketing Cookies</span> </div> <label class="relative inline-flex items-center cursor-pointer"> <input id="marketing" type="checkbox" value="" class="sr-only peer"> <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 transition-all"> </div> </label> </button> <div class="mt-2 pr-12 accordion-content overflow-hidden transition-max-height duration-500 ease-in-out z-40 relative" style="max-height: 0;"> <span class="text-gray-500 text-sm">These cookies are used by third-party companies to remember visitor behavior across the website to deliver relevant promotions and other content on external platforms.</span> </div> </div> <button type="button" id="confirm-prefs" class="btn-cta mt-6">Confirm Settings</button> </div> </div> </div> </div> <script defer src="./js/cookie-consent.js"></script> <script src="./js/global.js" type="text/javascript"></script> <script src="./js/tracking.js" type="text/javascript"></script> </body> </html>