/* tippy.js 6.3.7 stylesheet, MIT, from cdnjs - matching the version
 * layout/scripts.blade.php loads.
 *
 * The script was on the page and this never was, so every tooltip rendered as
 * bare white text with no box behind it, sitting on top of whatever it covered.
 * .tippy-box carries the background, the radius and the arrow geometry; without
 * it there is nothing to see but the label.
 *
 * Served locally rather than from the CDN so a tooltip cannot lose its box
 * again because a third party is slow or blocked. Site theming follows at the
 * end of the file, kept separate from the vendor rules above it.
 * ------------------------------------------------------------------------- */

.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

/* Site theme --------------------------------------------------------------
 * Tippy's default is a mid-grey box that reads as washed out against this UI.
 * Match the surfaces the rest of the chrome uses, and set the Arabic face so a
 * tooltip is not the one place on the page in a fallback font. */

.tippy-box {
    background-color: #16151a;
    border: 1px solid #2a2932;
    color: #e6e6ea;
    font-family: 'Tajawal', sans-serif;
    font-size: 12.5px;
    line-height: 1.5;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
    max-width: 260px;
}

.tippy-content {
    padding: 7px 11px;
    /* Follows the document, so an Arabic tooltip is not left-aligned. */
    text-align: start;
}

/* The arrow is drawn with borders, so its colour has to be set per side or it
   keeps tippy's default grey against our darker box. */
.tippy-box[data-placement^='top'] > .tippy-arrow::before { border-top-color: #2a2932; }
.tippy-box[data-placement^='bottom'] > .tippy-arrow::before { border-bottom-color: #2a2932; }
.tippy-box[data-placement^='left'] > .tippy-arrow::before { border-left-color: #2a2932; }
.tippy-box[data-placement^='right'] > .tippy-arrow::before { border-right-color: #2a2932; }