.tooltip{width:auto}.tooltip-item{opacity:0;transition:.3s;position:absolute;background-color:rgba(18,18,23,.7);font-size:12px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.24px;backdrop-filter:blur(4px);display:inline-flex}.tooltip-item:before{content:"";position:absolute;top:50%;fill:rgba(18,18,23,.7)}.tooltip-item-arrow{position:absolute;fill:rgba(18,18,23,.7);width:5px;height:10px}.tooltip:hover .tooltip-item{opacity:1;display:block;font-family:Inter,sans-serif}.tooltip-top .tooltip-item{bottom:100%;left:50%;transform:translateX(-50%)}.tooltip-top .tooltip-item-arrow{left:50%;bottom:-7.5px;transform:translateX(-50%) rotate(90deg)}.tooltip-top:hover .tooltip-item{bottom:calc(100% + 10px)}.tooltip-bottom .tooltip-item{top:100%;left:50%;transform:translateX(-50%)}.tooltip-bottom .tooltip-item-arrow{top:-7px;left:50%;transform:translateX(-50%) rotate(-90deg)}.tooltip-bottom:hover .tooltip-item{top:calc(100% + 10px)}.tooltip-left .tooltip-item{right:100%;top:50%;transform:translateY(-50%)}.tooltip-left .tooltip-item-arrow{left:-7px;top:50%;transform:translateY(-50%) rotate(0deg)}.tooltip-left:hover .tooltip-item{right:calc(100% + 10px)}.tooltip-right .tooltip-item{left:100%;top:50%;transform:translateY(-50%)}.tooltip-right .tooltip-item-arrow{right:-7px;top:50%;transform:translateY(-50%) rotate(180deg)}.tooltip-right:hover .tooltip-item{left:calc(100% + 10px)}.tooltip-variation{backdrop-filter:blur(4px)}