:root{--tooltip-bg:#334155;--tooltip-color:#f8fafc;--tooltip-border:#475569}.dark-mode,[data-theme=dark]{--tooltip-bg:#e2e8f0;--tooltip-color:#0f172a;--tooltip-border:#cbd5e1}.oui-tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.oui-tooltip-wrapper:hover{z-index:var(--z-tooltip,3000)}.oui-tooltip-wrapper:has(:focus-visible){z-index:var(--z-tooltip,3000)}.oui-tooltip{z-index:var(--z-tooltip,3000);white-space:nowrap;background:var(--tooltip-bg);color:var(--tooltip-color);letter-spacing:.01em;border:1px solid var(--tooltip-border);box-shadow:none;opacity:0;pointer-events:none;border-radius:6px;padding:.38rem .68rem;font-family:inherit;font-size:.74rem;font-weight:500;line-height:1.3;transition:opacity .14s cubic-bezier(.4,0,.2,1),transform .14s cubic-bezier(.4,0,.2,1);position:absolute}.oui-tooltip-wrapper:hover .oui-tooltip{opacity:1;transition-delay:var(--tooltip-delay,.2s)}.oui-tooltip-wrapper:has(:focus-visible) .oui-tooltip{opacity:1;transition-delay:var(--tooltip-delay,.2s)}.oui-tooltip[data-pos=bottom]{top:calc(100% + 7px);left:var(--tooltip-x,50%);transform:translate(-50%)translateY(3px)}.oui-tooltip-wrapper:hover .oui-tooltip[data-pos=bottom]{transform:translate(-50%)translateY(0)}.oui-tooltip-wrapper:has(:focus-visible) .oui-tooltip[data-pos=bottom]{transform:translate(-50%)translateY(0)}.oui-tooltip[data-pos=top]{bottom:calc(100% + 7px);left:var(--tooltip-x,50%);transform:translate(-50%)translateY(-3px)}.oui-tooltip-wrapper:hover .oui-tooltip[data-pos=top]{transform:translate(-50%)translateY(0)}.oui-tooltip-wrapper:has(:focus-visible) .oui-tooltip[data-pos=top]{transform:translate(-50%)translateY(0)}.oui-tooltip[data-pos=left]{right:calc(100% + 7px);top:var(--tooltip-y,50%);transform:translateY(-50%)translate(-3px)}.oui-tooltip-wrapper:hover .oui-tooltip[data-pos=left]{transform:translateY(-50%)translate(0)}.oui-tooltip-wrapper:has(:focus-visible) .oui-tooltip[data-pos=left]{transform:translateY(-50%)translate(0)}.oui-tooltip[data-pos=right]{left:calc(100% + 7px);top:var(--tooltip-y,50%);transform:translateY(-50%)translate(3px)}.oui-tooltip-wrapper:hover .oui-tooltip[data-pos=right]{transform:translateY(-50%)translate(0)}.oui-tooltip-wrapper:has(:focus-visible) .oui-tooltip[data-pos=right]{transform:translateY(-50%)translate(0)}.oui-tooltip:before,.oui-tooltip:after{content:"";pointer-events:none;border-style:solid;position:absolute}.oui-tooltip[data-pos=bottom]:before{bottom:100%;left:var(--tooltip-arrow-x,50%);border-width:0 6px 6px;border-color:transparent transparent var(--tooltip-border) transparent;transform:translate(-50%)}.oui-tooltip[data-pos=bottom]:after{bottom:calc(100% - 1.5px);left:var(--tooltip-arrow-x,50%);border-width:0 5px 5px;border-color:transparent transparent var(--tooltip-bg) transparent;transform:translate(-50%)}.oui-tooltip[data-pos=top]:before{top:100%;left:var(--tooltip-arrow-x,50%);border-width:6px 6px 0;border-color:var(--tooltip-border) transparent transparent transparent;transform:translate(-50%)}.oui-tooltip[data-pos=top]:after{top:calc(100% - 1.5px);left:var(--tooltip-arrow-x,50%);border-width:5px 5px 0;border-color:var(--tooltip-bg) transparent transparent transparent;transform:translate(-50%)}.oui-tooltip[data-pos=left]:before{border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--tooltip-border);top:50%;left:100%;transform:translateY(-50%)}.oui-tooltip[data-pos=left]:after{border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--tooltip-bg);top:50%;left:calc(100% - 1.5px);transform:translateY(-50%)}.oui-tooltip[data-pos=right]:before{border-width:6px 6px 6px 0;border-color:transparent var(--tooltip-border) transparent transparent;top:50%;right:100%;transform:translateY(-50%)}.oui-tooltip[data-pos=right]:after{border-width:5px 5px 5px 0;border-color:transparent var(--tooltip-bg) transparent transparent;top:50%;right:calc(100% - 1.5px);transform:translateY(-50%)}