*[data-tooltip][data-position=top]:before,*[data-tooltip][data-position=top]:after{transform:translateY(10px)}*[data-tooltip][data-position=top]:hover:after,*[data-tooltip][data-position=top]:hover:before{transform:translateY(0px)}*[data-tooltip][data-position=right]:before,*[data-tooltip][data-position=right]:after{transform:translateX(0px)}*[data-tooltip][data-position=right]:hover:after,*[data-tooltip][data-position=right]:hover:before{transform:translateX(10px)}*[data-tooltip][data-position=bottom]:before,*[data-tooltip][data-position=bottom]:after{transform:translateY(-10px)}*[data-tooltip][data-position=bottom]:hover:after,*[data-tooltip][data-position=bottom]:hover:before{transform:translateY(0px)}*[data-tooltip][data-position=left]:before,*[data-tooltip][data-position=left]:after{transform:translateX(0px)}*[data-tooltip][data-position=left]:hover:after,*[data-tooltip][data-position=left]:hover:before{transform:translateX(-10px)}*[data-tooltip]{position:relative}*[data-tooltip]:after,*[data-tooltip]:before{position:absolute;visibility:hidden;opacity:0;transition:transform 200ms ease,opacity 200ms;box-shadow:0 0 10px rgba(0,0,0,.3);z-index:99}*[data-tooltip]:before{content:attr(data-tooltip);background:#000;color:#fff;font-size:12px;padding:10px 15px;border-radius:5px;text-decoration:none;letter-spacing:1px;font-weight:400;max-width:350px;min-width:147px;width:-moz-max-content;width:max-content;padding:18px 24px}*[data-tooltip]:after{width:0;height:0;border:6px solid rgba(0,0,0,0);content:""}*[data-tooltip]:hover::after,*[data-tooltip]:hover::before{visibility:visible;opacity:.85;transform:translateY(0px)}*[data-tooltip][data-position=top]:before{bottom:100%;left:-130%;margin-bottom:10px}*[data-tooltip][data-position=top]:after{border-top-color:#000;border-bottom:none;bottom:101%;left:calc(50% - 6px);margin-bottom:4px}*[data-tooltip][data-position=left]:before{top:-12%;right:100%;margin-right:10px}*[data-tooltip][data-position=left]:after{border-left-color:#000;border-right:none;top:calc(50% - 3px);right:100%;margin-top:-6px;margin-right:4px}*[data-tooltip][data-position=right]:before{top:-5%;left:100%;margin-left:10px}*[data-tooltip][data-position=right]:after{border-right-color:#000;border-left:none;top:calc(50% - 6px);left:calc(100% + 4px)}*[data-tooltip][data-position=bottom]:before{top:100%;left:-130%;margin-top:10px}*[data-tooltip][data-position=bottom]:after{border-bottom-color:#000;border-top:none;top:100%;left:5px;margin-top:4px}