.tooltip-wrapper{position:relative}.tooltip-wrapper .tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:6px 10px;border-radius:4px;position:absolute;z-index:100;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;transition:opacity .3s ease}.tooltip-wrapper .tooltip-text:before{content:"";position:absolute;left:50%;margin-left:-5px;border-width:5px;border-style:solid}.tooltip-wrapper .tooltip-text.top{bottom:125%}.tooltip-wrapper .tooltip-text.top:before{top:100%;border-color:#000 transparent transparent}.tooltip-wrapper .tooltip-text.bottom{top:125%}.tooltip-wrapper .tooltip-text.bottom:before{bottom:100%;border-color:transparent transparent #000}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}