<style id="quarters-lawrence-custom-embed-protector">

  /* Keeps the custom calculator and waitlist sections from inheriting problematic page-level styles. */

  #ql-price-calculator,

  #ql-price-calculator *,

  #quarters-lawrence-waitlist-tool,

  #quarters-lawrence-waitlist-tool * {

    box-sizing: border-box;

  }

  #ql-price-calculator,

  #quarters-lawrence-waitlist-tool {

    isolation: isolate;

    position: relative;

    z-index: 1;

    clear: both;

  }

  #ql-price-calculator img,

  #quarters-lawrence-waitlist-tool img {

    max-width: 100%;

    height: auto;

  }

  #ql-price-calculator button,

  #ql-price-calculator select,

  #ql-price-calculator input,

  #quarters-lawrence-waitlist-tool button,

  #quarters-lawrence-waitlist-tool select,

  #quarters-lawrence-waitlist-tool input {

    font: inherit;

  }

  #ql-price-calculator a,

  #quarters-lawrence-waitlist-tool a {

    text-decoration: none;

  }

  /* Prevents Entrata/page theme styles from flattening custom CTAs. */

  #ql-price-calculator .ql-cta,

  #ql-price-calculator .ql-floating-apply,

  #ql-price-calculator .ql-estimate-apply,

  #quarters-lawrence-waitlist-tool .qlw-btn-primary {

    color: #ffffff !important;

  }

  /* Ensures custom modals and floating bars stay above the page but below critical browser UI. */

  .ql-estimate-modal { z-index: 9998 !important; }

  .ql-lightbox,

  .qlw-image-lightbox { z-index: 9999 !important; }

  .ql-floating-estimate { z-index: 9997 !important; }

  /* Prevents hidden sections from flashing due to global display overrides. */

  #ql-floorplan-card[style*="display: none"],

  #ql-fees-card[style*="display: none"],

  #ql-summary-section[style*="display: none"],

  #qlw-success-view[hidden],

  #qlw-floorplan-preview[hidden] {

    display: none !important;

  }

  /* Smooth transition between the native site and embedded custom sections. */

  .custom-price-calculator-wrapper,

  .custom-waitlist-wrapper {

    width: 100%;

    margin: 0 auto;

    padding: 0;

    background: transparent;

  }

</style>

<script id="quarters-lawrence-custom-embed-protector-script">

(function(){

  function protectExternalButtons(){

    var applyLinks = document.querySelectorAll('#ql-price-calculator a[href*="application_authentication"], .ql-floating-apply, .ql-estimate-apply');

    applyLinks.forEach(function(link){

      link.setAttribute('target','_blank');

      link.setAttribute('rel','noopener');

      link.href = 'https://quarterslawrence.prospectportal.com/Apartments/module/application_authentication/';

    });

  }

  function preventDuplicateIds(){

    var seen = {};

    document.querySelectorAll('#ql-price-calculator [id], #quarters-lawrence-waitlist-tool [id]').forEach(function(el){

      var id = el.id;

      if(!id) return;

      if(seen[id]){

        el.id = id + '-' + Math.random().toString(36).slice(2,7);

      }

      seen[id] = true;

    });

  }

  function fixModalBodyState(){

    var openEstimate = document.querySelector('.ql-estimate-modal.is-open');

    var openLightbox = document.querySelector('.ql-lightbox.is-open, .qlw-image-lightbox.is-open');

    if(!openEstimate && !openLightbox){

      document.body.classList.remove('qlw-lightbox-open');

      if(document.body.style.overflow === 'hidden') document.body.style.overflow = '';

    }

  }

  function initProtector(){

    protectExternalButtons();

    preventDuplicateIds();

    fixModalBodyState();

  }

  if(document.readyState === 'loading'){

    document.addEventListener('DOMContentLoaded', initProtector);

  } else {

    initProtector();

  }

  window.addEventListener('pageshow', initProtector);

  window.addEventListener('resize', fixModalBodyState);

})();

</script>