@import "_variables.scss";
@import "_icons.scss";

.popup {
    width: 800px;
    width: fit-content;
    min-width: 400px;
    color: $black;
    background-color: $white;
    border-radius: $default-radius;
    box-shadow: 0 0 100px rgba(0,0,0,0.3),$medium-hover-shadow, 0 0 4px rgba(0,0,0,0.8);
    padding: $default-space *2* 0.641 $default-space*2;
    
    img {
        display: block;
        margin:  auto; 

        &:not(:first-child){
            margin-top: $default-space;
        }

        &:not(:last-child){
            margin-bottom: $default-space;
        }

    }

    .notch {
        width: 20px;
        height: 20px;
        border-color: $white;
    }
}

.PopupContent {
    p:not(:last-child) {
        margin-bottom: $article-space;
    }
}