.popup_popup{background:var(--white);border:var(--border-2);border-radius:var(--border-radius);box-shadow:var(--popup-shadow);display:none;height:fit-content;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;transform:rotate(45deg);width:12px}[data-open=true]{display:block}.popup_close{background:none;border:none;cursor:pointer;fill:var(--grey-20);float:right;font-size:var(--font-size-16);margin-block-start:calc(var(--spacing-unite-2)*-1);margin-inline-end:calc(var(--spacing-unite-2)*-1);margin-inline-start:calc(var(--spacing-unite-3));padding:0}.popup_close:dir(rtl){float:left}.popup_below{margin-block-start: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-block-end: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)}