.tooltip{background:var(--c-dark-mode);border-radius:var(--br-lg);color:var(--c-white);font-size:14px;font-weight:500;line-height:20px;padding:12px;position:fixed;text-align:center;width:230px;z-index:10000}.tooltip:before{background:var(--c-dark-mode);border-radius:4px;content:"";display:block;height:12px;position:absolute;-webkit-transition:none;-o-transition:none;transition:none;width:12px}.tooltip-bottom:before{left:50%;top:-4px;-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.tooltip-top:before{bottom:-4px;left:50%;-webkit-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}.tooltip-left:before{right:-4px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.tooltip-right:before{left:-4px;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}