.custom-tooltip{animation:fadeIn .2s ease-in-out;background:#000;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.3);color:#fff;font-size:14px;padding:6px 10px;position:absolute;transform:translateY(0);white-space:nowrap;z-index:1000}.custom-tooltip.light{background:#fff;color:#000}.custom-tooltip .tooltip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;left:50%;top:-6px;transform:translateX(-50%)}.custom-tooltip .tooltip-arrow,.tooltip-arrow{height:0;position:absolute;width:0}.custom-tooltip.top .tooltip-arrow{border-top:10px solid #fff;bottom:0;top:32px}.custom-tooltip.bottom .tooltip-arrow,.custom-tooltip.top .tooltip-arrow{border-left:10px solid transparent;border-right:10px solid transparent;left:50%;transform:translateX(-50%)}.custom-tooltip.bottom .tooltip-arrow{border-bottom:10px solid #000;top:-6px}.custom-tooltip.left .tooltip-arrow{border-left:10px solid #fff;left:100%;right:-6px}.custom-tooltip.left .tooltip-arrow,.custom-tooltip.right .tooltip-arrow{border-bottom:10px solid transparent;border-top:10px solid transparent;top:50%;transform:translateY(-50%)}.custom-tooltip.right .tooltip-arrow{border-right:10px solid #fff;left:-15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}