[data-tooltip]:not(.is-disabled).has-tooltip-arrow::after,
[data-tooltip]:not(.is-disabled)::before,
[data-tooltip]:not(.is-loading).has-tooltip-arrow::after,
[data-tooltip]:not(.is-loading)::before,
[data-tooltip]:not([disabled]).has-tooltip-arrow::after,
[data-tooltip]:not([disabled])::before {
    z-index: var(--z-index-tooltip);
}

[data-tooltip].tooltip-white::before,
[data-tooltip].tooltip-white:not(.is-loading)::after {
    color: #687182;
    background-color: #FFF;
    border: 0.125rem solid #E4EBED;
    border-radius: 0.625rem;
    font-weight: 500;
}

[data-tooltip]:not(.is-disabled).has-tooltip-multiline::before,
[data-tooltip]:not(.is-loading).has-tooltip-multiline::before,
[data-tooltip]:not([disabled]).has-tooltip-multiline::before {
    width: max-content;
    max-width: none;
}

[data-tooltip].tooltip-mobility::before,
[data-tooltip].tooltip-mobility::after {
    margin-bottom: -0.1875rem !important;
}


[data-tooltip]:not(.is-disabled)::before,
[data-tooltip]:not(.is-loading)::before,
[data-tooltip]:not([disabled])::before {
    padding: .1rem .2rem;
}

span[data-tooltip] {
    border-bottom: none;
}


/* https://stackoverflow.com/questions/7838680/detecting-that-the-browser-has-no-mouse-and-is-touch-only */
@media (hover: none) {
    [data-tooltip]::before,
    [data-tooltip]::after {
        visibility: hidden !important;
    }
}