.visualwrapper{width:100%;max-width:1200px;min-height:100%;margin:0 auto;padding:2rem 8rem;background-color:#fff}.tooltip-example-left,.tooltip-example-right{position:absolute}.tooltip-example-right{top:0;right:0}.tooltip-example-left{top:50%;left:0}.overflow-test{height:35px;overflow:hidden;background-color:rgba(204,204,204,.5)}.no-display{display:none}.tooltip-container{transform:translateZ(0);position:absolute;max-width:200px;padding:8px 10px 10px;font-family:'Open Sans';font-size:.8rem;background-color:rgba(0,0,0,.69);color:#fff;border-radius:4px;opacity:1}.tooltip-container[class*=" tooltip-"]{-webkit-animation:tooltip-anim .8s;-moz-animation:tooltip-anim .8s;-o-animation:tooltip-anim .8s;animation:tooltip-anim .8s}.tooltip-container::after{position:absolute;display:block;content:""}.tooltip-container.tooltip-left::after{right:-8px;top:50%;transform:translateY(-50%);border-style:solid;border-width:6px 0 6px 8px;border-color:transparent transparent transparent #2d2d2d}.tooltip-container.tooltip-right::after{left:-8px;top:50%;transform:translateY(-50%);border-style:solid;border-width:6px 8px 6px 0;border-color:transparent #2d2d2d transparent transparent}.tooltip-container.tooltip-center::after{top:-8px;left:50%;transform:translateX(-50%);border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #2d2d2d transparent}[data-tooltip]{cursor:pointer;display:inline-block}@keyframes tooltip-anim{0%{opacity:0;transform:matrix(.5,0,0,.8,0,0)}20%{transform:matrix(1.1,0,0,1.1,0,0)}40%{opacity:1}70%{transform:matrix(1,0,0,1,0,0)}100%{transform:matrix(1,0,0,1,0,0)}}@-webkit-keyframes tooltip-anim{0%{opacity:0;transform:matrix(.5,0,0,.8,0,0)}20%{transform:matrix(1.1,0,0,1.1,0,0)}40%{opacity:1}70%{transform:matrix(1,0,0,1,0,0)}100%{transform:matrix(1,0,0,1,0,0)}}