/**
 * // Updater info (must be valid json)
  [updater]{
  "version": 3.01,
  "force": false,
  "allowupdate": true,
  "minimumVersion": 0,
  "tags": ["core"]
  }[/updater]
 */


.tooltip {
    position: fixed;
    background: var(--notificationPrimaryBackground);
    background: color-mix(in srgb, var(--notificationPrimaryBackground) 90%, transparent);
    border: 1px solid #000;

    color: var(--notificationPrimaryFontColor, #FFFFFF);

    padding: 8px 15px;

    border-radius: 5px;
    max-width: 100%;
    max-height: 100%;

    pointer-events: none;

    opacity: 0;
    animation: tooltipFadeOut 2s forwards;
    z-index: 1350;
}

.tooltip--secondary {
    background: var(--notificationSecondaryBackground);
    background: color-mix(in srgb, var(--notificationSecondaryBackground) 90%, transparent);
    color: var(--notificationSecondaryFontColor, #FFFFFF);
}

.tooltip--success {
    background: var(--notificationSuccessBackground);
    background: color-mix(in srgb, var(--notificationSuccessBackground) 90%, transparent);
    color: var(--notificationSuccessFontColor, #FFFFFF);
}

.tooltip--info {
    background: var(--notificationInfoBackground);
    background: color-mix(in srgb, var(--notificationInfoBackground) 90%, transparent);
    color: var(--notificationInfoFontColor, #FFFFFF);
}

.tooltip--warning {
    background: var(--notificationWarningBackground);
    background: color-mix(in srgb, var(--notificationWarningBackground) 90%, transparent);
    color: var(--notificationWarningFontColor, #FFFFFF);
}

.tooltip--danger {
    background: var(--notificationDangerBackground);
    background: color-mix(in srgb, var(--notificationDangerBackground) 90%, transparent);
    color: var(--notificationDangerFontColor, #FFFFFF);
}

.tooltip--sticky {
    width: 100%;
    max-height: 50%;
    text-align: center;
    overflow: hidden;
}

@keyframes tooltipFadeOut {
    100% {
        opacity: 0;
    }
}

@keyframes tooltipFadeIn {
    100% {
        opacity: 1;
    }
}

.tooltip--visible {
    animation: tooltipFadeIn 0.3s forwards;
    animation-delay: 0.1s;
    /* adjust as needed */
}