@forward "../styles/prefix";
@forward "../styles/variables";
@use "../styles/variables" as *;

$popup-z-index: var(--popup-z-index, 1010);
$popup-background-color: var(--popup-background-color, var(--background-color-light, $background-color-light));
$popup-animation-duration: var(--popup-animation-duration, var(--animation-duration-base, $animation-duration-base));
$popup-rounded-border-radius: var(--popup-rounded-border-radius, 16px * $hd);
// close icon
$popup-close-icon-z-index: var(--popup-close-icon-z-index, 1);
$popup-close-icon-size: var(--popup-close-icon-size, 22px * $hd);
$popup-close-icon-color: var(--popup-close-icon-color, var(--gray-5, $gray-5));
$popup-close-icon-active-color: var(--popup-close-icon-active-color, var(--gray-6, $gray-6));
$popup-close-icon-margin: var(--popup-close-icon-margin, 16px * $hd);