/*
 * Popup and Modal Styles - Extracted from landing.html lines 38-56
 * 
 * Complete popup, modal, and image styling rules from the original landing page.
 * These styles handle popup positioning, responsive behavior, and specific image treatments.
 */

/* === POPUP STYLES === */

/* Drop Zone Draggable Popup - Line 38 */
.drop-zone-draggable .hl_main_popup {
  box-shadow: none;
  padding: 20px;
  margin-top: 0;
  border-color: var(--gray);
  border-width: 10px;
  border-style: solid;
  background-color: var(--white);
  width: 720px;
}

/* Main Popup Body - Line 41 */
#hl_main_popup.popup-body {
  position: absolute !important;
  left: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, 0) !important;
  right: auto !important;
  box-shadow: none;
  padding: 20px;
  margin-top: 0;
  border-color: var(--gray);
  border-width: 10px;
  border-style: solid;
  background-color: var(--white);
  width: 720px;
}

/* Mobile Popup Styles - Line 41 */
.--mobile #hl_main_popup.popup-body {
  width: 380px !important;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  #hl_main_popup.popup-body {
    width: 380px !important;
  }
}

/* Secondary Popup Drop Zone - Line 43 */
.drop-zone-draggable .hl_main_popup-ub5KSoXWhy {
  box-shadow: none;
  padding: 20px;
  margin-top: 0;
  border-color: var(--gray);
  border-width: 10px;
  border-style: solid;
  background-color: var(--white);
  width: 720px;
}

/* Secondary Popup Body - Line 46 */
#hl_main_popup-ub5KSoXWhy.popup-body {
  position: absolute !important;
  left: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, 0) !important;
  right: auto !important;
  box-shadow: none;
  padding: 20px;
  margin-top: 0;
  border-color: var(--gray);
  border-width: 10px;
  border-style: solid;
  background-color: var(--white);
  width: 720px;
}

/* Mobile Secondary Popup Styles - Line 46 */
.--mobile #hl_main_popup-ub5KSoXWhy.popup-body {
  width: 380px !important;
}

@media screen and (min-width: 0px) and (max-width: 480px) {
  #hl_main_popup-ub5KSoXWhy.popup-body {
    width: 380px !important;
  }
}

/* === IMAGE STYLES === */

/* Global Image Border Radius - Line 46-48 */
img {
  border-radius: 30px !important;
}

/* Specific Image Override - Line 50-52 */
#image-2_ztqE6D_h img {
  border-radius: 0px !important;
}

/* Image Filter Inversions - Line 54-56 */
#image-JhzbtOkSxX,
#image-snivgpvBro,
#image-yHxmEEzLmy,
#image-vCT6SmmgSJ,
#image-sdPaOaS4JC {
  filter: invert(100%);
}