@use 'styles/settings.scss'as s;

.popup-container {
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    z-index: 2000;
    align-items: center;

    .popup {
        max-height: 100vh;
        overflow: auto;
        padding: 50px;
        max-width: 960px;
        background: s.$white;
        border-radius: 25px;
        position: relative;
        z-index: 2;
    }

    .background {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(s.$black, 0.75);
    }
}