:where(.motile-tooltip-trigger){position:relative;display:inline-block;line-height:normal;vertical-align:middle}:where(.motile-tooltip-bubble){position:fixed;z-index:2147483647;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.4;box-shadow:0 6px 20px #0003;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1)}:where(.motile-tooltip-bubble[data-placement=top]){transform:translateY(8px) scale(.96)}:where(.motile-tooltip-bubble[data-placement=bottom]){transform:translateY(-8px) scale(.96)}:where(.motile-tooltip-bubble[data-placement=left]){transform:translate(8px) scale(.96)}:where(.motile-tooltip-bubble[data-placement=right]){transform:translate(-8px) scale(.96)}:where(.motile-tooltip-bubble[data-open=true]){opacity:1;transform:translate(0) scale(1)}:where(.motile-tooltip-bubble[data-keep-open]){pointer-events:auto}:where(.motile-tooltip-bubble--filled){--arrow-color:var( --motile-tooltip-color,var(--motile-ui-tooltip,var(--motile-theme,rgba(0,0,0,.9))) );background:var(--arrow-color);color:#fff}:where(.motile-tooltip-bubble--outlined){--arrow-color:var( --motile-tooltip-color,var(--motile-ui-tooltip,var(--motile-theme,#3b82f6)) );background:var(--motile-bg);color:var(--arrow-color);border:1px solid var(--arrow-color)}:where(.motile-tooltip-bubble.measuring){visibility:hidden!important;opacity:1!important;max-width:none!important;max-height:none!important;left:0!important;top:0!important}:where(.motile-tooltip-arrow){position:absolute;pointer-events:none;z-index:1}:where(.motile-tooltip-bubble[data-placement=top] .motile-tooltip-arrow){bottom:-7.25px;left:var(--arrow-offset,50%);transform:translate(-50%) rotate(180deg)}:where(.motile-tooltip-bubble[data-placement=bottom] .motile-tooltip-arrow){top:-7px;left:var(--arrow-offset,50%);transform:translate(-50%) rotate(0)}:where(.motile-tooltip-bubble[data-placement=left] .motile-tooltip-arrow){right:-9.25px;top:var(--arrow-offset,50%);transform:translateY(-50%) rotate(90deg)}:where(.motile-tooltip-bubble[data-placement=right] .motile-tooltip-arrow){left:-9.25px;top:var(--arrow-offset,50%);transform:translateY(-50%) rotate(-90deg)}