.b-tooltip{display:inline-block;font-size:13px;padding:8px 22px;position:absolute;text-align:center;width:140px}.b-tooltip-light{background:hsla(0,0%,98%,.7);color:#18243d}.b-tooltip-dark{background:#af281e;border-radius:15px;color:#fff}.b-tooltip-top{animation:tooltip-up .3s ease-in-out 0s}.b-tooltip-top:before{border-bottom:10px solid rgba(24,36,61,.7);border-left:12px solid transparent;border-right:12px solid transparent;bottom:-10px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%) rotate(180deg);width:0}.b-tooltip-bottom{animation:tooltip-down .3s ease-in-out 0s}.b-tooltip-bottom:before{border-bottom:10px solid rgba(24,36,61,.7);border-left:12px solid transparent;border-right:12px solid transparent;content:"";height:0;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:0}@-moz-keyframes tooltip-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes tooltip-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@-o-keyframes tooltip-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes tooltip-up{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}@-webkit-keyframes tooltip-up{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}@-o-keyframes tooltip-up{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}@keyframes tooltip-up{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-10px)}}