/*mixins*/
@mixin tooltips($bg_color, $text_color) {
    .ant-tooltip-inner {
        color: $text_color;
        background: $bg_color;
        background-color: $bg_color;
        opacity: 1;
        box-shadow: none;
        filter: none;
    }
    .ant-tooltip {
        color: $text_color;
    }
    .ant-tooltip-arrow {
        &::before {
            background: $bg_color !important;
            background-color: $bg_color !important;
        }
    }
}

@mixin tooltip-text($outer_text_color, $outer_text_border, $outer_text_color_hover, $outer_text_border_hover) {
    cursor: help !important;
    color: $outer_text_color;
    border-bottom: 1px dashed $outer_text_border;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    &:hover,
    &.active,
    &.ant-tooltip-open {
        color: $outer_text_color_hover;
        border-bottom: 1px dashed $outer_text_border_hover;
    }
}
/*mixins*/
/*ToolTip outer text*/
.starship-v2 {
    .starship-tooltip-text,
    .ve-c-tool-tip {
        @include tooltip-text(var(--base-700), var(--base-500), var(--base-700), var(--base-600));
    }
    /*ToolTip outer text*/

    .starship-toottip-overlay {
        @include tooltips(var(--base-translucent), var(--base-700));
        .ant-tooltip-inner {
            max-width: 260px;
            min-width: 121px;
            padding: 6px 8px;
            display: flex;
            align-items: center;
            border-radius: 6px;
            font-weight: 500;
            font-size: 12px;
            line-height: 16px;
            font-feature-settings:
                "calt" off,
                "liga" off;
            box-shadow:
                0px 6px 4px 0px rgba(0, 0, 0, 0.04),
                0px 8px 8px 0px rgba(0, 0, 0, 0.04),
                0px 4px 4px 0px rgba(0, 0, 0, 0.04);
            backdrop-filter: blur(8px);
        }
    }
}