.tooltip{align-items:center;display:inline-flex;position:relative}.tooltip-bubble{color:var(--milk-text-color);text-align:center;text-wrap:auto;opacity:0;pointer-events:none;background:#e7e7e6;border-radius:5px;width:205px;padding:4px;font-size:14px;font-weight:400;transition:opacity .12s;position:absolute;box-shadow:2px 2px 5px #ccc}.tooltip-bubble--top{bottom:calc(100% + var(--gap,8px))}.tooltip-bubble--bottom,.tooltip-bubble--top{transform:translateX(-50%) translate(var(--tx,0),var(--ty,0));left:50%}.tooltip-bubble--bottom{top:calc(100% + var(--gap,8px))}.tooltip-bubble--left{right:calc(100% + var(--gap,8px))}.tooltip-bubble--left,.tooltip-bubble--right{transform:translateY(-50%) translate(var(--tx,0),var(--ty,0));top:50%}.tooltip-bubble--right{left:calc(100% + var(--gap,8px))}.tooltip-fade-enter-active,.tooltip-fade-leave-active{transition:opacity .15s}.tooltip-fade-enter-from,.tooltip-fade-leave-to{opacity:0}.tooltip:focus-within .tooltip-bubble,.tooltip:hover .tooltip-bubble{opacity:1;pointer-events:auto}