@lunalytics/ui/dist/assets/tooltip.css

React based component library created to be used in Lunalytics

body{font-size:var(--lunaui-size-md);font-weight:var(--lunaui-weight-medium);line-height:1.5;color:var(--lunaui-text-color)}.luna-tooltip-container{position:relative;display:inline-block}.luna-tooltip-container:hover .luna-tooltip{opacity:1;visibility:visible}.luna-tooltip{position:absolute;background-color:var(--lunaui-accent-600);color:var(--lunaui-text-color);padding:.5rem;font-size:var(--lunaui-size-md);font-weight:var(--lunaui-weight-medium);border-radius:var(--lunaui-radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;z-index:10;max-width:12.5rem;--tooltip-background: var(--lunaui-primary-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip:after{content:"";position:absolute;border-style:solid}.luna-tooltip--primary{--tooltip-background: var(--lunaui-primary-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--blue{--tooltip-background: var(--lunaui-blue-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--cyan{--tooltip-background: var(--lunaui-cyan-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--green{--tooltip-background: var(--lunaui-green-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--pink{--tooltip-background: var(--lunaui-pink-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--purple{--tooltip-background: var(--lunaui-purple-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--red{--tooltip-background: var(--lunaui-red-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--yellow{--tooltip-background: var(--lunaui-yellow-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--gray{--tooltip-background: var(--lunaui-gray-700);--tooltip-color: var(--lunaui-text-color)}.luna-tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background-color:var(--tooltip-background);color:var(--tooltip-color)}.luna-tooltip--top:after{top:100%;left:50%;transform:translate(-50%);border-width:5px 5px 0 5px;border-color:var(--tooltip-background) transparent transparent transparent}.luna-tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:10px;background-color:var(--tooltip-background);color:var(--tooltip-color)}.luna-tooltip--bottom:after{bottom:100%;left:50%;transform:translate(-50%);border-width:0 5px 5px 5px;border-color:transparent transparent var(--tooltip-background) transparent}.luna-tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:10px;background-color:var(--tooltip-background);color:var(--tooltip-color)}.luna-tooltip--left:after{left:100%;top:50%;transform:translateY(-50%);border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--tooltip-background)}.luna-tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:10px;background-color:var(--tooltip-background);color:var(--tooltip-color)}.luna-tooltip--right:after{right:100%;top:50%;transform:translateY(-50%);border-width:5px 5px 5px 0;border-color:transparent var(--tooltip-background) transparent transparent}