.ak-modal{
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1000;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(3, 25, 17, 0.62);
    backdrop-filter: blur(4px);
}

.ak-modal.is-open{
    display: flex;
}

.close-icon{
    --icon: url("/assets/images/ui-icons/close.svg");
    width: 16px;
    height: 16px;
}

@media (max-width: 768px){
    .ak-modal{
        align-items: flex-end;
        padding: 10px;
    }
}