.tooltip{display:inline-block;position:relative;z-index:1}.tooltip:hover{z-index:2}.tooltip:hover .tooltip__modal{opacity:1;visibility:visible}.tooltip__modal{background-color:#fff;border:1px solid #e4e7ea;border-radius:100px;bottom:110%;font-size:10px;left:50%;line-height:1.2;opacity:0;padding:7px 9px;position:absolute;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .3s,visibility .3s ease-in-out;-moz-transition:opacity .3s,visibility .3s ease-in-out;transition:opacity .3s,visibility .3s ease-in-out;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content}