/* Addon: Shapes and popup border */
.eip-dialog{ isolation:isolate; }
.eip-dialog .eip-inner{ border-radius:inherit; overflow:hidden; }

/* Shapes for the close button */
.eip-dialog > .eip-close.eip-shape-circular{ border-radius:9999px !important; }
.eip-dialog > .eip-close.eip-shape-rounded{  border-radius:8px !important; }
.eip-dialog > .eip-close.eip-shape-square{   border-radius:2px !important; }

/* Popup border control via classes */
.eip-dialog.eip-border-rounded { --eip-prad: 16px; border-radius: var(--eip-prad, 16px) !important; }
.eip-dialog.eip-border-straight{ --eip-prad: 0px;  border-radius: var(--eip-prad, 0px) !important; }
.eip-dialog.eip-border-inherit { /* keeps theme radius */ }


/* Position helpers driven by addon */
.eip-dialog > .eip-close{
  width: var(--eip-size, 38px) !important;
  height: var(--eip-size, 38px) !important;
  line-height: var(--eip-size, 38px) !important;
  background: var(--eip-bg, rgba(0,0,0,.7)) !important;
  color: var(--eip-color, #fff) !important;
  display: inline-flex; align-items:center; justify-content:center;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}
.eip-dialog.eip-pos-in > .eip-close{ top: var(--eip-off,12px) !important; right: var(--eip-off,12px) !important; left:auto !important; bottom:auto !important; transform:none !important; }
.eip-dialog.eip-pos-tr > .eip-close{ top: calc(var(--eip-off,12px)*-1) !important; right: calc(var(--eip-off,12px)*-1) !important; left:auto !important; bottom:auto !important; }
.eip-dialog.eip-pos-br > .eip-close{ bottom: calc(var(--eip-off,12px)*-1) !important; right: calc(var(--eip-off,12px)*-1) !important; left:auto !important; top:auto !important; }