.tooltip-box{background-color:#090222;color:#fff;padding:8px 15px;border-radius:4px;text-align:center;font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.2);position:absolute;word-break:break-word;visibility:hidden;opacity:0;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}.tooltip-container:hover .tooltip-box{visibility:visible}.tooltip-container:hover .tooltip-box.top{animation:tooltipShowTop .3s ease-out forwards;-webkit-animation:tooltipShowTop .3s ease-out forwards}.tooltip-container:hover .tooltip-box.bottom{animation:tooltipShowBottom .3s ease-out forwards;-webkit-animation:tooltipShowBottom .3s ease-out forwards}.tooltip-container:hover .tooltip-box.left{animation:tooltipShowLeft .3s ease-out forwards;-webkit-animation:tooltipShowLeft .3s ease-out forwards;text-align:right}.tooltip-container:hover .tooltip-box.right{animation:tooltipShowRight .3s ease-out forwards;-webkit-animation:tooltipShowRight .3s ease-out forwards;text-align:left}.tooltip-arrow{width:0;height:0;position:absolute;border-style:solid}.tooltip-container .tpt-btn{position:relative}.tooltip-container .tpt-btn .tooltip-arrow-left{position:absolute;top:calc(50% - 0px);border-width:8px 0 8px 8px;border-color:transparent transparent transparent #090222;left:-8px;top:50%;transform:translateY(-50%)}.tooltip-container .tpt-btn .tooltip-arrow-left.active{animation:showArrowTIme .3s ease-out forwards;-webkit-animation:showArrowTIme .3s ease-out forwards}.tooltip-container .tpt-btn .tooltip-arrow-right{border-width:8px 8px 8px 0;border-color:transparent #090222 transparent transparent;right:-8px;top:50%;transform:translateY(-50%)}.tooltip-container .tpt-btn .tooltip-arrow-right.active{animation:showArrowTIme .3s ease-out forwards;-webkit-animation:showArrowTIme .3s ease-out forwards}.tooltip-container .tpt-btn .tooltip-arrow-bottom{border-width:0 8px 8px;border-color:transparent transparent #090222;bottom:-8px;left:50%;transform:translateX(-50%)}.tooltip-container .tpt-btn .tooltip-arrow-bottom.active{animation:showArrowTIme .3s ease-out forwards;-webkit-animation:showArrowTIme .3s ease-out forwards}.tooltip-container .tpt-btn .tooltip-arrow-top{border-width:8px 8px 0;border-color:#090222 transparent transparent;top:-8px;left:50%;transform:translateX(-50%)}.tooltip-container .tpt-btn .tooltip-arrow-top.active{animation:showArrowTIme .3s ease-out forwards;-webkit-animation:showArrowTIme .3s ease-out forwards}@keyframes tooltipShowTop{0%{opacity:0;transform:scale(.93) translateY(10px);-webkit-transform:scale(.93) translateY(10px);-moz-transform:scale(.93) translateY(10px);-ms-transform:scale(.93) translateY(10px);-o-transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0);-webkit-transform:scale(1) translateY(0);-moz-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);-o-transform:scale(1) translateY(0)}}@keyframes tooltipShowBottom{0%{opacity:0;transform:scale(.93) translateY(-10px);-webkit-transform:scale(.93) translateY(-10px);-moz-transform:scale(.93) translateY(-10px);-ms-transform:scale(.93) translateY(-10px);-o-transform:scale(.93) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tooltipShowLeft{0%{opacity:0;transform:scale(.93) translateX(10px);-webkit-transform:scale(.93) translateX(10px);-moz-transform:scale(.93) translateX(10px);-ms-transform:scale(.93) translateX(10px);-o-transform:scale(.93) translateX(10px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes tooltipShowRight{0%{opacity:0;transform:scale(.93) translateX(-10px);-webkit-transform:scale(.93) translateX(-10px);-moz-transform:scale(.93) translateX(-10px);-ms-transform:scale(.93) translateX(-10px);-o-transform:scale(.93) translateX(-10px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes showArrowTIme{0%{opacity:0}to{opacity:1}}