@mixin modal($bg_color, $text_color, $title_color, $icon_color, $icon_color_hover) {
    background-color: transparent;
    color: $text_color !important;
    .ant-modal-close {
        color: $icon_color;
        &:hover,
        &:focus,
        &:hover:focus {
            svg {
                color: $icon_color_hover !important;
                opacity: 0.7;
            }
        }
    }
    .ant-modal-title,
    .h1 {
        color: $title_color;
    }
    .ant-modal-header {
        background-color: transparent;
        border: 0px;
    }
    .ant-modal-content {
        background-color: var(--base-200);
        box-shadow: var(--drop-down-shadow);
    }
}
/* general modal styling */
.starship-v2 {
    .starship-Modal {
        margin: auto !important;
        p {
            margin-bottom: 16px;
        }
        .left {
            input {
                text-align: left !important;
            }
        }
    }

    /* general modal styling */

    .ant-modal-mask {
        background: var(--overlay) !important;
        opacity: 0.75 !important;
    }
    .starship-Modal {
        @include modal(var(--base-200), var(--base-900), var(--base-1300), var(--base-1000), var(--base-900));
        padding-bottom: 0px;
        max-width: 418px;
        .ant-modal-header,
        .ant-modal-body {
            padding: 0px;
        }
        .ant-modal-footer {
            border: 0px;
            display: none;
        }
        .ant-modal-title,
        .h1 {
            font-weight: bold;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 24px;
        }
        .ant-modal-content {
            border-radius: 24px;
            padding: 24px;
            position: relative;

            .ant-modal-close {
                position: absolute;
                right: 24px;
                top: 24px;
                .ant-modal-close-x {
                    height: auto;
                    font-size: 0px;
                    line-height: 0px;
                    width: auto;
                }
            }
        }
        .ant-modal-body {
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            font-weight: 400;
        }
    }
}