.tooltip[data-tool-tip]{position:relative}.tooltip[data-tool-tip]:hover:before{visibility:visible;opacity:1}.tooltip[data-tool-tip]:before{text-align:center;content:attr(data-tool-tip);visibility:hidden;opacity:0;min-width:100%;width:max-content;height:max-content;position:absolute;box-sizing:border-box;display:block;margin:0 auto;padding:4px 8px;background-color:#5a5a5a;color:#fff;border-radius:4px;font-size:.8em;font-weight:500;white-space:nowrap;transition:opacity ease-out .15s,bottom ease-out .15s;z-index:999}.tooltip[data-position=top]:before{bottom:100%;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.tooltip[data-position=top-plus]:before{bottom:130%;left:30%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.tooltip[data-position=right]:before{left:100%;top:0;bottom:0;margin:auto 0}.tooltip[data-position=bottom]:before{top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%)}.tooltip[data-position=bottom-right]:before{z-index:999;top:100%;right:0}.tooltip[data-position=left]:before{right:100%;top:0;bottom:0;margin:auto 0}