.tool{cursor:help;position:relative}.tool::before,.tool::after{left:50%;opacity:0;position:absolute;z-index:-100}.tool:hover::before,.tool:focus::before,.tool:hover::after,.tool:focus::after{opacity:1;transform:scale(1)translateY(0);z-index:100}.tool::before{border-style:solid;border-width:1em .75em 0;border-color:#3e474f transparent transparent transparent;bottom:100%;content:"";margin-left:-.5em;transition:all .65s cubic-bezier(.84,-.18,.31,1.26),opacity .65s .5s;transform:scale(.6)translateY(-90%)}.tool:hover::before,.tool:focus::before{transition:all .65s cubic-bezier(.84,-.18,.31,1.26).2s}.tool::after{background:#3e474f;border-radius:.25em;bottom:180%;color:#edeff0;content:attr(data-tip);margin-left:-8.75em;padding:.25em;transition:all .65s cubic-bezier(.84,-.18,.31,1.26).2s;transform:scale(.6)translateY(50%);width:15em}.tool:hover::after,.tool:focus::after{transition:all .65s cubic-bezier(.84,-.18,.31,1.26)}@media(max-width:760px){.tool::after{font-size:.75em;margin-left:-5em;width:10em}}