.tooltip{position:relative;flex:1 1;width:100%;text-align:center}.tooltip:hover .tooltip__item{visibility:visible}.tooltip--on-click:hover .tooltip__item{visibility:hidden}.tooltip--on-click:hover .tooltip__item--visible{visibility:visible}.tooltip__item{position:absolute;padding:4px 8px;max-width:218px;background-color:var(--color-black-100);visibility:hidden}.tooltip__item:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);border:5px solid transparent;border-top:5px solid var(--color-black-100)}.tooltip__item--large{width:210px}.tooltip__item--top{bottom:150%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.tooltip__item--top-start{bottom:150%;-webkit-transform:translate(-88%);transform:translate(-88%)}.tooltip__item--top-start:after{left:unset;right:3%}.tooltip__item--top-end{bottom:130%;right:0}.tooltip__item--top-mid,.tooltip__item--top-mid-to-start{bottom:130%;-webkit-transform:translate(-43%);transform:translate(-43%)}@media screen and (max-width:991px){.tooltip__item--top-mid-to-start{bottom:115%;-webkit-transform:translate(-85%);transform:translate(-85%)}.tooltip__item--top-mid-to-start:after{left:unset;right:3%}}.tooltip__item--visible{visibility:visible}.tooltip__item--light-background{background-color:var(--color-black-90)}.tooltip__item--light-background:after{content:"";border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-top-color:var(--color-black-90)}.tooltip__text{color:var(--color-white)}