/* Fixes a pre-existing bug in theme.less's .modal-popup rule (unrelated to any
   feature built this session, it affects every Magento UI modal -
   $.mage.modal / Magento_Ui/js/modal/modal - on any page): the base
   .modal-popup rule never sets top/right/bottom/left, only its ._show state
   does. With no dimensions, a CLOSED .modal-popup collapses to width:0;
   height:0, so its child .modal-inner-wrap (width:75% of that zero-width
   box) also collapses to zero and its content spills out, unstyled, at the
   top-left of the page instead of staying off-screen via the existing
   transform: translateY(-200%) on .modal-inner-wrap (which only pushes a
   properly-sized box out of view -- a 0x0 box has nothing to push).

   Giving the base rule real, full-viewport dimensions (not gated behind
   ._show) is what's missing; the existing ._show override (which already
   sets visibility: visible !important, implying the base state was always
   meant to be hidden) and the transform-based open/close transition are
   otherwise unchanged. visibility: hidden on the base state is also what
   stops the closed popup from blocking clicks across the full page --
   without it, a fixed, full-viewport, transparent div would sit on top of
   everything at z-index 900 even while "closed". */
.modal-popup {
    visibility: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}