/* Tooltip
   ========================================================================== */

/**
 * jQuery UI Tooltip.
 *
 * Some classes and HTML elements generally added via JavaScript, more info -
 * https://jqueryui.com/tooltip/
 *
 * Example HTML:
 *
 * <a>Link with a tooltip</a>
 * <div class="ui-tooltip">
 *     <div class="ui-tooltip-content">
 *         Content
 *     </div>
 * </div>
 */

.ui-tooltip {
    position: absolute;
    z-index: 9999;
    max-width: 22em;
    padding: 0.5em 1em;

    @if $flat-theme < 1 {
        box-shadow: $standard-shadow;
    }
}

@if $flat-theme < 1 {
    @include dark-mode {
        .ui-tooltip {
            box-shadow: $dark-standard-shadow;
        }
    }
}