/*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-content {
        background: $bg_color !important;
        box-shadow: none !important;
        background-color: $bg_color !important;
        width: 10px;
        height: 10px;
    }
}

@mixin tooltip-text(
    $outer_text_color,
    $outer_text_border,
    $outer_text_color_hover,
    $outer_text_border_hover
) {
    cursor: help !important;
    color: $outer_text_color !important;
    border-bottom: 1px solid $outer_text_border;
    font-style: normal;
    &:hover,
    &.active,
    &.ant-tooltip-open {
        color: $outer_text_color_hover !important;
        border-bottom: 1px solid $outer_text_border_hover;
    }
}
/*mixins*/
/*ToolTip outer text*/
.starship-tooltip-text,
.ve-c-tool-tip {
    @include tooltip-text(
        var(--base-800),
        transparent,
        var(--base-900),
        transparent
    );
}
/*ToolTip outer text*/

.starship-toottip-overlay {
    @include tooltips(var(--base-300), var(--base-900));
    .ant-tooltip-inner {
        max-width: 260px;
        min-width: 121px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        border-radius: 8px;
        font-weight: 500;
        font-size: 11px;
        line-height: 14px;
        letter-spacing: -0.01em;
        font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on,
            "ss04" on;
    }
}