/* Match FileDepot's light panels, including login pages without a UI theme. */
.ui-tooltip.filedepot-tooltip {
    max-width: min(500px, calc(100vw - 32px));
    padding: .6em .8em;
    background: #fff;
    color: #444;
    border: 1px solid #aaa;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
    font-family: inherit;
    font-size: 1em;
    line-height: 1.4;
    overflow-wrap: anywhere;
}
.filedepot-tooltip h6 { margin: 0 0 .35em; font-size: 1em; font-weight: bold; }

/* A bordered pointer follows the source item after jQuery UI flips/fits the panel. */
.filedepot-tooltip::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    background: inherit;
    border: inherit;
    pointer-events: none;
}
.filedepot-tooltip[data-arrow=top]::before,
.filedepot-tooltip[data-arrow=bottom]::before {
    left: var(--tooltip-arrow-offset);
    transform: translateX(-50%) rotate(45deg);
}
.filedepot-tooltip[data-arrow=left]::before,
.filedepot-tooltip[data-arrow=right]::before {
    top: var(--tooltip-arrow-offset);
    transform: translateY(-50%) rotate(45deg);
}
.filedepot-tooltip[data-arrow=top]::before { top: -5px; border-right: 0; border-bottom: 0; }
.filedepot-tooltip[data-arrow=bottom]::before { bottom: -5px; border-left: 0; border-top: 0; }
.filedepot-tooltip[data-arrow=left]::before { left: -5px; border-right: 0; border-top: 0; }
.filedepot-tooltip[data-arrow=right]::before { right: -5px; border-left: 0; border-bottom: 0; }