.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{float:right}[dir=rtl] .popup_close{float:left}[dir=ltr] .popup_close{margin-right:calc(var(--spacing-unite-2)*-1)}[dir=rtl] .popup_close{margin-left:calc(var(--spacing-unite-2)*-1)}[dir=ltr] .popup_close{margin-left:var(--spacing-unite-3)}[dir=rtl] .popup_close{margin-right:var(--spacing-unite-3)}.popup_close{fill:var(--grey-20);-webkit-margin-end:calc(var(--spacing-unite-2)*-1);-moz-margin-end:calc(var(--spacing-unite-2)*-1);-webkit-margin-before:calc(var(--spacing-unite-2)*-1);-webkit-margin-start:var(--spacing-unite-3);-moz-margin-start:var(--spacing-unite-3);background:none;border:none;cursor:pointer;font-size:var(--font-size-16);margin-top:calc(var(--spacing-unite-2)*-1);padding:0}.popup_below{-webkit-margin-before:var(--spacing-unite-2);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{-webkit-margin-after:var(--spacing-unite-2);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)}