.tooltip{display:inline-block;line-height:1;font-size:14px;color:var(--color-white);position:relative}.tooltip:hover circle{opacity:1}.tooltip circle{opacity:.3;transition-property:all;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.tooltip-text{background-color:var(--color-cool-gray);box-shadow:0 3px 8px 0 rgba(0,0,0,.25);border-radius:var(--border-radius-default);font-size:12px;line-height:1.5;color:var(--color-white);width:240px;padding:15px;position:fixed;z-index:100;transition:fadein var(--transition-time) var(--transition-easing);animation:fadein var(--transition-easing) var(--transition-time);-moz-animation:fadein var(--transition-easing) var(--transition-time);-o-animation:fadein var(--transition-easing) var(--transition-time);-ms-animation:fadein var(--transition-easing) var(--transition-time)}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@media screen and (min-width: 1024px){.tooltip__text{width:340px}.tooltip-text{width:340px}}