.popup_popup{background:var(--white);border:var(--border-2);border-radius:var(--border-radius);box-shadow:var(--popup-shadow);display:none;height:auto;padding:var(--spacing-unite-3) var(--spacing-unite-3) var(--spacing-relate) var(--spacing-unite-3);position:absolute;width:calc(100vw - var(--popupMargin, 0));z-index:var(--z-index-above-scrim)}.popup_popup.popup_wide{max-width:550px}.popup_popup.popup_narrow{max-width:254px}.popup_notch{background:var(--white);border:1px solid;height:12px;position:absolute;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:12px}[data-open=true]{display:block}.popup_close{fill:var(--grey-20);background:none;border:none;cursor:pointer;float:right;font-size:var(--font-size-16);margin-left:calc(var(--spacing-unite-3));margin-right:calc(var(--spacing-unite-2)*-1);margin-top:calc(var(--spacing-unite-2)*-1);padding:0}[dir=rtl] .popup_close{float:left}.popup_below{margin-top:var(--spacing-unite-2);top:calc(100% + var(--spacing-unite-2))}.popup_below .popup_notch{border-color:var(--border-2-color) transparent transparent var(--border-2-color);top:-7px}.popup_above{bottom:calc(100% + var(--spacing-unite-2));margin-bottom:var(--spacing-unite-2)}.popup_above .popup_notch{border-color:transparent var(--border-2-color) var(--border-2-color) transparent;bottom:-7px;box-shadow:5px 5px 7px -3px rgba(0,0,0,.2)}