tooltip.scss

/*────────────────────────────────────
            Tooltips
────────────────────────────────────*/
.tooltip {
    background: var(--text-normal);
    color: var(--background-primary);
    box-shadow: var(--shadow-s) var(--background-modifier-box-shadow);
}

.tooltip .tooltip-arrow {
    border-bottom: 5px solid var(--text-normal);
}

.tooltip.mod-top .tooltip-arrow {
    border-top: 5px solid var(--text-normal);
}

.tooltip.mod-right .tooltip-arrow {
    border-right: 5px solid var(--text-normal);
}

.mod-error .tooltip.mod-right .tooltip-arrow {
    border-right-color: var(--background-modifier-error);
    border-bottom: 5px solid transparent;
}

.tooltip.mod-left .tooltip-arrow {
    border-left: 5px solid var(--text-normal);
}

.mod-error .tooltip.mod-left .tooltip-arrow {
    border-left-color: var(--background-modifier-error);
    border-bottom: 5px solid transparent;
}