.tooltip-wrapper{position:relative;display:inline-block}.tooltip-wrapper .custom-tooltip{position:absolute;background-color:#fff;color:rgba(0,0,0,.8);padding:6px 12px;border-radius:4px;font-size:14px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:opacity .2s;z-index:99}.tooltip-wrapper .custom-tooltip:after{content:"";position:absolute;border-style:solid}.tooltip-wrapper:hover .custom-tooltip{opacity:1;visibility:visible}.tooltip-wrapper.top .custom-tooltip{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:15px}.tooltip-wrapper.top .custom-tooltip:after{top:100%;left:50%;transform:translateX(-50%);border-width:6px 6px 0;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0)}.tooltip-wrapper.bottom .custom-tooltip{top:100%;left:50%;transform:translateX(-50%);margin-top:8px}.tooltip-wrapper.bottom .custom-tooltip:after{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 6px 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff}.tooltip-wrapper.left .custom-tooltip{top:50%;right:100%;transform:translateY(-50%);margin-right:8px}.tooltip-wrapper.left .custom-tooltip:after{top:50%;left:100%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}.tooltip-wrapper.right .custom-tooltip{top:50%;left:100%;transform:translateY(-50%);margin-left:8px}.tooltip-wrapper.right .custom-tooltip:after{top:50%;right:100%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)}