.tooltip-component{display:inline-block;position:relative}.tooltip-component:hover{cursor:pointer}.tooltip-component:hover .tooltip{opacity:1;pointer-events:auto;transform:translateY(0);display:flex;z-index:101}.tooltip-component .tooltip-wrapper{position:relative;transform:translateZ(0)}.tooltip-component .tooltip{position:absolute;width:100px;opacity:0;background-color:rgba(0,0,0,0);transition:all .25s ease-out;display:none}.tooltip-component .tooltip.thor-center{left:calc((100% - 100px)/2);justify-content:center}.tooltip-component .tooltip.thor-center .tooltip-text:after{left:calc(50% - 5px)}.tooltip-component .tooltip.tver-top{bottom:calc(100% + 5px)}.tooltip-component .tooltip.tver-top.thor-center .tooltip-text:after{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #000;bottom:-5px}.tooltip-component .tooltip.tver-bottom{top:calc(100% + 5px)}.tooltip-component .tooltip.tver-bottom.thor-center .tooltip-text:after{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-bottom:5px solid #000;top:-5px}.tooltip-component .tooltip.tver-center{bottom:calc(50% - 9px)}.tooltip-component .tooltip.tver-center.thor-left .tooltip-text:after{border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:5px solid #000;right:-5px;top:25%}.tooltip-component .tooltip.tver-center.thor-right .tooltip-text:after{border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-right:5px solid #000;left:-5px;top:calc(50% - 5px)}.tooltip-component .tooltip.thor-left{left:calc(-100px - 5px);justify-content:flex-end}.tooltip-component .tooltip.thor-left.tver-center{left:calc(-100px - 5px - 5px)!important;justify-content:flex-end}.tooltip-component .tooltip.thor-right{right:calc(-100px - 5px)}.tooltip-component .tooltip.thor-right.tver-center{right:calc(-100px - 5px - 5px)!important}.tooltip-component .tooltip.tdir-left{left:calc(-350% - 5px);justify-content:flex-end}.tooltip-component .tooltip.tdir-left .tooltip-text:after{left:calc(100% - 3*5px)}.tooltip-component .tooltip.tdir-right{left:calc(50% - 5px);justify-content:flex-start}.tooltip-component .tooltip.tdir-right .tooltip-text:after{left:5px}.tooltip-component .tooltip.tdir-center{text-align:center}.tooltip-component .tooltip-text{display:inline;padding:5px;font-size:13px;line-height:13px;background:#000;pointer-events:none;border-radius:2px;box-shadow:2px 2px 6px rgba(0,0,0,.28);color:#fff;font-style:normal}.tooltip-component .tooltip-text:after{content:"";height:0;position:absolute;width:0}.tooltip-component .tooltip-wrapper:hover .tooltip{opacity:1;pointer-events:auto;transform:translateY(0);display:flex}.tooltip-component .lte8 .wrapper .tooltip{display:none}.tooltip-component .lte8 .wrapper:hover .tooltip{display:block}