.popup{
    position:fixed;
    inset:0;

    background: rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px); /* Safari */

    display:none;
    justify-content:center;
    align-items:center;

    z-index:9999;
}

.popup{
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease, visibility .2s ease;
}

.popup.show{
    display: flex;
    opacity: 1;
    visibility: visible;
}

.popup-content{
    transform: scale(.96);
    transition: transform .2s ease;
}

.popup.show .popup-content{
    transform: scale(1);
}

.popup.show{
    display:flex;
}

.popup-content{
    width:fit-content;
    max-width:1000px;
    max-height:80vh;
    overflow-y: auto;

    background:var(--white);
    border-radius:var(--radius);
    padding:var(--s-5);
}

#croppie{
    width:200px;
    margin:auto;
}

.cr-boundary{
    margin:auto;
}

.cr-boundary{
    border-radius: var(--radius);
}