@import "../../Styles/variables/fonts.scss";
@mixin menu-colors(
    $bg_color,
    $text_color,
    $text_color_2,
    $close_color,
    $close_color_2
) {
    background-color: $bg_color !important;
    background: $bg_color !important;
    color: $text_color !important;
    border: 1px solid $bg_color !important;
    outline: none;
    box-shadow: none;
    padding: 0px 0px;
    .ant-drawer-header {
        background-color: $bg_color !important;
        color: $text_color !important;
        border: 0px !important;
        padding: 24px 24px 16px 24px;

        span {
            color: $close_color;
            &:hover,
			//&:focus,
			&:hover:focus,
			&:active,
			&.active {
                color: $close_color_2;
            }
        }
        .ant-drawer-title {
            color: $text_color !important;
        }
    }
    .content-row {
        span {
            color: $text_color_2;
        }
    }
    .ve-c-tool-tip,
    .ve-c-tool-tip:focus {
        border-bottom: 1px solid $text_color_2 !important;
        display: inline-block;
        color: $text_color_2 !important;
        &:hover,
        &.active {
            border-color: transparent !important;
            color: $text_color_2 !important;
        }
    }
}
.starship-drawer {
    .ant-drawer-mask {
        background-color: var(--base-0);
        opacity: 0.64 !important;
    }
    .ant-drawer-wrapper-body {
        @include menu-colors(
            var(--base-100),
            var(--base-1200),
            var(--base-800),
            var(--base-800),
            var(--base-1000)
        );
        .ant-drawer-title {
            font-weight: bold;
            font-size: 20px;
            line-height: 24px;
        }
        .ant-drawer-close {
            order: 2;
            margin: 0px;
            padding: 0px;
            line-height: 0;
        }
        .ant-drawer-body {
            padding: 0px;
        }
    }
}