/* Contact Us Popup */
#contactUsPopup {
	position: fixed;
    inset: 0px;
    z-index: 99999999;
    pointer-events: all;
	overscroll-behavior: contain;
    transform: translateX(0px);
    transition: 1.4s cubic-bezier(0.8, 0, 0, 1);

	/* is-closed */
	inset: 0px 0px 0px 50%;
    transform: translateX(calc(100% + 25vw));


	/* reset wp styles */
	margin: 0 !important;
    padding: 0 !important;
	max-width: 100% !important;
  }

  #contactUsPopup > svg {
	position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    width: auto;
    height: 100vh;
    fill: var(--wp--preset--color--contrast);
    transform: translateX(calc(-100% + 2px));
    pointer-events: none;
  }

  .contactUsPopup-overlay1 {
	position: fixed;
    inset: 0px;
    z-index: 9400;
    backdrop-filter: blur(2.4rem);
    opacity: 0;
	visibility: hidden;
    pointer-events: all;
    user-select: none;
    transition: opacity 1.2s cubic-bezier(0.8, 0, 0, 1), visibility 1.2s cubic-bezier(0.8, 0, 0, 1);

	/* reset wp styles */
	margin: 0 !important;
    padding: 0 !important;
	max-width: 100% !important;
  }

  .contactUsPopup-overlay2 {
	position: fixed;
    inset: 0px;
    z-index: 9500;
    opacity: 0;
	visibility: hidden;
    background: rgb(0, 0, 0);
    pointer-events: none;
    user-select: none;
    transition: opacity 1.2s cubic-bezier(0.8, 0, 0, 1), visibility 1.2s cubic-bezier(0.8, 0, 0, 1);

	/* reset wp styles */
	margin: 0 !important;
    padding: 0 !important;
	max-width: 100% !important;
  }

  html.isContactPopupOpen .contactUsPopup-overlay1 {
    opacity: 1;
	visibility: visible;
  }

  html.isContactPopupOpen .contactUsPopup-overlay2 {
    opacity: 0.8;
	visibility: visible;
  }

  html.isContactPopupOpen #contactUsPopup {
	inset: 0px 0px 0px 50%;
    transform: translateX(0px);
  }