/* general modal styling */
.starship-Modal {
    margin: auto !important;
    p {
        margin-bottom: 16px;
    }
    .left {
        input {
            text-align: left !important;
        }
    }
}
/* general modal styling */

@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);
    }
}
.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;
    }
}