.tooltip-container{position:relative;display:inline-block}.tooltip{display:block;position:absolute;z-index:1000;padding:12px;background-color:#fff;border-radius:5%;font-size:14px;line-height:1.4;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none;border-width:1px;border-color:#e4ddd9;box-shadow:0 2px 10px rgba(0,0,0,.1)}.tooltip--visible{opacity:1;visibility:visible}.tooltip__content{position:relative;font-size:13px;color:#424242}.tooltip__arrow{position:absolute;width:0;height:0;border:6px solid rgba(0,0,0,0)}.tooltip--top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:6px}.tooltip--top .tooltip__arrow{top:100%;left:50%;transform:translateX(-50%);border-top-color:#fff;border-bottom:none}.tooltip--bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:6px}.tooltip--bottom .tooltip__arrow{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:#fff;border-top:none}.tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:6px}.tooltip--left .tooltip__arrow{left:100%;top:50%;transform:translateY(-50%);border-left-color:#fff;border-right:none}.tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:6px}.tooltip--right .tooltip__arrow{right:100%;top:50%;transform:translateY(-50%);border-right-color:#fff;border-left:none}.tooltip>svg{color:#424242}