//Load stylesheet
  (function () {
    var jq_url = 'https://sortere.no/wp-includes/js/jquery/jquery.min.js';
    var jq = document.createElement('script');
    jq.setAttribute('src', jq_url);
    jq.setAttribute('type','text/javascript');
    jq.onload  = function() {
        var js = document.createElement('script');
        js.setAttribute('src', 'https://sortere.no/wp-content/plugins/sortere-mini-configurable/script-v2.js');
        js.setAttribute('type','text/javascript');
        document.getElementsByTagName('head')[0].appendChild(js);
    }
    document.getElementsByTagName('head')[0].appendChild(jq);

    var css = '@font-face { font-family: "GTPlanar"; src: url("https://sortere.no/fonts/GTPlanar/GTPlanar-Regular.woff2") format("woff2"), url("https://sortere.no/fonts/GTPlanar/GTPlanar-Regular.woff") format("woff"); font-style: normal; font-weight: 400; font-display: swap; font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on, "ss04" on; } @font-face { font-family: "GTPlanar"; src: url("https://sortere.no/fonts/GTPlanar/GTPlanar-Bold.woff2") format("woff2"), url("https://sortere.no/fonts/GTPlanar/GTPlanar-Bold.woff") format("woff"); font-style: normal; font-weight: 700; font-display: swap; font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on, "ss04" on; } @font-face { font-family: "GTPlanar"; src: url("https://sortere.no/fonts/GTPlanar/GTPlanar-Italic.woff2") format("woff2"), url("https://sortere.no/fonts/GTPlanar/GTPlanar-Italic.woff") format("woff"); font-style: italic; font-weight: 400; font-display: swap; font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on, "ss04" on; } @font-face { font-family: "GTPlanar"; src: url("https://sortere.no/fonts/GTPlanar/GTPlanar-BoldItalic.woff2") format("woff2"), url("https://sortere.no/fonts/GTPlanar/GTPlanar-BoldItalic.woff") format("woff"); font-style: italic; font-weight: 700; font-display: swap; font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on, "ss04" on; } #sortere-plugin-wrapper { border: none !important; min-width: 200px !important; padding: 15px !important; border-radius: 3px !important; position: relative !important; font-family: "GTPlanar", "Verdana", sans-serif !important; } /* Resetting styles so that styles from the page that includes plugin doesnt apply */ #sortere-plugin-wrapper *, #sortere-plugin-wrapper *:before, #sortere-plugin-wrapper *:after { border: none; padding: 0; margin: 0; line-height: 1em; animation: none; background : none; box-shadow : none; clear: none; direction: ltr; font-weight: normal; height: auto; width: auto; left: auto; right: auto; top: auto; bottom: auto; float : none; opacity: 1; outline: 0; text-decoration: none; text-transform: none; visibility: visible; white-space: normal; z-index: auto } #sortere-soke-privat-wrapper input::placeholder { color: darkGray !important; /* default Chrome color */ } #sortere-plugin-wrapper * { box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; } #sortere-plugin-wrapper #sortere-plugin-form { flex: 1 0 auto !important; } #sortere-plugin-wrapper #sortere-plugin-form form { border-bottom: 2px solid black !important; display: flex !important; position: relative !important; margin: 0 !important; background-color: none !important; } #sortere-plugin-wrapper #sortere-plugin-form form svg { width: 23px; fill:none; } #sortere-plugin-wrapper #sortere-plugin-form form input { outline: none !important; height: 30px !important; line-height: 30px !important; -webkit-box-flex: 1 !important; flex-grow: 1 !important; padding: .25rem 0 !important; border: none !important; background: none !important; font-size: 14px !important; } #sortere-plugin-wrapper #sortere-plugin-form form:focus-within { border-bottom-style: dashed !important; } #sortere-plugin-wrapper #sortere-plugin-form form input:-ms-input-placeholder, #sortere-plugin-wrapper #sortere-plugin-form form input:-moz-placeholder, #sortere-plugin-wrapper #sortere-plugin-form form input::-moz-placeholder, #sortere-plugin-wrapper #sortere-plugin-form form input::-webkit-input-placeholder, #sortere-plugin-wrapper #sortere-plugin-form form input::placeholder { font-size: 14px !important; color: #757575 !important; } #sortere-plugin-wrapper #sortere-plugin-box { display: flex !important; width: 100% !important; flex-direction: row !important; align-items: center !important; } #sortere-plugin-wrapper #sortere-plugin-logo { padding-right: 15px !important; padding-bottom: 8px !important; } #sortere-plugin-wrapper #sortere-plugin-inline-title { display: inline-block !important; vertical-align: middle !important; } #sortere-plugin-wrapper #soke-title { color: black !important; font-size: 16px !important; line-height: 22px !important; } #sortere-plugin-wrapper #search_for:focus { outline: none !important; } #sortere-plugin-wrapper #s-m-search-results { display: none; position: absolute !important; left: 155px !important; top: calc(100% - 14px) !important; width: calc(100% - 171px) !important; background: #fff !important; margin: 0 !important; z-index: 21 !important; } #sortere-plugin-wrapper #s-m-search-results ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } #sortere-plugin-wrapper #s-m-search-results ul li { margin: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; outline: none !important; cursor: pointer; gap: 1rem } #sortere-plugin-wrapper #s-m-search-results ul li img { width: 2rem; height: 2rem; } #sortere-plugin-wrapper #s-m-search-results ul li a { font-size: 14px !important; border-bottom: 1px solid black !important; text-align: left !important; text-decoration: none !important; flex: 1 0 auto !important; display: flex; justify-content: space-between; align-items: baseline; } #sortere-plugin-wrapper #s-m-search-results ul li a span { line-height: 275% !important; color: black !important; } #sortere-plugin-wrapper #s-m-search-results ul li a span:last-child { font-size: 18px; } #sortere-plugin-wrapper #s-m-search-results ul li:hover .sortere-soke-result-element-name, #sortere-plugin-wrapper #s-m-search-results ul li:focus .sortere-soke-result-element-name { font-style: italic !important; } #sortere-plugin-wrapper #sortere-plugin-spinner { display: none; position: absolute !important; top: 6px !important; right: 40px !important; width: 20px !important; height: 20px !important; animation: sorterepluginrotate 0.8s infinite linear !important; border: 2px solid black !important; border-right-color: transparent !important; border-radius: 50% !important; } @keyframes sorterepluginrotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }';
    var style = document.createElement('style');
    style.setAttribute('type', 'text/css');
    if (style.styleSheet) style.styleSheet.cssText = css; //IE
    else style.appendChild(document.createTextNode(css)); //Other
    document.getElementsByTagName('head')[0].appendChild(style);
  })();

  cfgDef = {
    title: "Hva vil du levere?",
    placeholder: "Søk på ting, kategori eller kommune"
  }

  function cfgVal(key) {
    try {
      var cfg = JSON.parse(decodeURIComponent(atob(decodeURIComponent('JTdCJTIydGl0bGUlMjIlM0ElMjJIdmElMjB2aWwlMjBkdSUyMGxldmVyZSUzRiUyMiUyQyUyMnBsYWNlaG9sZGVyJTIyJTNBJTIyUyVDMyVCOGslMjBoZXIuLi4uJTIyJTdE'))));
      return cfg[key];
    } catch (er) {
      return cfgDef[key];
    }
  }

  var htmlOutput = '<div id="sortere-plugin-wrapper"> <div id="sortere-plugin-box"> <img id="sortere-plugin-logo"/> <div id="sortere-plugin-form"> <div id="sortere-plugin-inline-title"> <span id="soke-title"></span> </div> <form> <span ng-show="loading" id="sortere-plugin-spinner"></span> <input type="text" id="search_for" class="outside-me" value=""/> <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg" class="fill-none"><circle cx="13.8954" cy="13.8348" r="11.4588" stroke="#141414" stroke-width="3"></circle><path d="M22.76 22.4154L30.9996 30.8828" stroke="#141414" stroke-width="3"></path></svg> </form> </div> </div> <div class="search-result-wrapper" id="s-m-search-results"> <ul id="sortere-plugin-no-hints"><li><a disabled="disabled" href="#"><span class="sortere-soke-result-element-name">Ingen treff...</span></a></li></ul> <ul id="sortere-plugin-results"></ul> </div> </div>';
  var formContainer = document.getElementById('mini-sortere-search');
  formContainer.innerHTML = htmlOutput;
  document.getElementById('soke-title').innerText = cfgVal('title');
  document.getElementById('search_for').placeholder = cfgVal('placeholder');

  window.urlBase = 'https://sortere.no';