| 1 | .c-tooltip{position:relative;overflow:visible}.c-tooltip:after,.c-tooltip:before{visibility:hidden;z-index:1}.c-tooltip:before{position:absolute;border:.6em solid transparent;content:""}.c-tooltip:after{position:absolute;padding:.25em .5em;border:1px solid #111;border-radius:4px;background-color:#111;color:#fff;line-height:1.45;white-space:nowrap;content:attr(aria-label);visibility:hidden}.c-tooltip:hover:after,.c-tooltip:hover:before{visibility:visible}.c-tooltip--top:before{top:0;left:50%;transform:translate(-50%,-1em);border-top-color:#111}.c-tooltip--top:after{top:0;left:50%;transform:translate(-50%,-3em)}.c-tooltip--right:before{top:50%;left:100%;transform:translateY(-50%);border-right-color:#111}.c-tooltip--right:after{top:50%;left:100%;transform:translate(1em,-50%)}.c-tooltip--bottom:before{bottom:0;left:50%;transform:translate(-50%,1em);border-bottom-color:#111}.c-tooltip--bottom:after{bottom:0;left:50%;transform:translate(-50%,3em)}.c-tooltip--left:before{top:50%;right:100%;transform:translateY(-50%);border-left-color:#111}.c-tooltip--left:after{top:50%;right:100%;transform:translate(-1em,-50%)} |