.tooltip{position:relative}.tooltip__bubble{position:absolute;display:inline-block;color:#fff;text-align:center;padding:5px 10px;letter-spacing:1px;text-rendering:optimizeLegibility;white-space:nowrap;border-radius:10px;overflow:hidden;z-index:2;transition:opacity .3s ease-in-out 0s;opacity:0;pointer-events:none}.tooltip__bubble:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);box-shadow:inset 0 0 0 30px rgba(255,255,255,.3);filter:blur(1px);content:"";border-radius:10px;z-index:-10}.tooltip__bubble.disabled{display:none}.tooltip__bubble.top{left:50%;bottom:100%;transform:translateX(-50%) translateY(-10px)}.tooltip__bubble.left{left:-10px;top:50%;transform:translateX(-100%) translateY(-10px)}.tooltip__bubble.right{right:-10px;top:50%;transform:translateX(100%) translateY(-10px)}.not-user-touch-device .tooltip *:first-child:hover+.tooltip__bubble{opacity:1;transition:none}