.tooltip{position:absolute;z-index:2;width:max-content;max-width:185px;padding:6px 8px;border-radius:4px;background-color:#d3d3d3;box-shadow:0 4px 12px 0 rgba(0,0,0,.2);color:#1e1e1e;opacity:0;transition:all .3s ease;visibility:hidden;line-height:1.1666666667}.tooltip,.tooltip p{font-size:12px;font-size:.75rem;font-weight:500;letter-spacing:normal}.tooltip p{position:relative;z-index:5;line-height:1.1}.tooltip:after{position:absolute;z-index:1;width:12px;height:12px;border-radius:2px;background-color:#d3d3d3;content:""}.tooltip.--dark{color:#fff}.tooltip.--dark,.tooltip.--dark:after{background-color:#1e1e1e}.tooltip.--left{top:50%;right:calc(100% + 15px);transform:translateY(-50%)}.tooltip.--left:after{top:50%;right:-4px;transform:translateY(-50%) rotate(45deg)}.tooltip.--right{top:50%;left:calc(100% + 15px);transform:translateY(-50%)}.tooltip.--right:after{top:50%;left:-4px;transform:translateY(-50%) rotate(45deg)}.tooltip.--leftTop{right:50%;bottom:calc(100% + 15px);transform:translateX(16px)}.tooltip.--leftTop:after{right:10px;bottom:-5px;transform:rotate(45deg)}.tooltip.--centerTop{bottom:calc(100% + 15px);left:50%;transform:translateX(-50%)}.tooltip.--centerTop:after{bottom:-5px;left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip.--rightTop{bottom:calc(100% + 15px);left:50%;transform:translateX(-16px)}.tooltip.--rightTop:after{bottom:-5px;left:10px;transform:rotate(45deg)}.tooltip.--leftBottom{top:calc(100% + 15px);right:50%;transform:translateX(16px)}.tooltip.--leftBottom:after{top:-5px;right:10px;transform:rotate(45deg)}.tooltip.--centerBottom{top:calc(100% + 15px);left:50%;transform:translateX(-50%)}.tooltip.--centerBottom:after{top:-5px;left:50%;transform:translateX(-50%) rotate(45deg)}.tooltip.--rightBottom{top:calc(100% + 15px);left:50%;transform:translateX(-16px)}.tooltip.--rightBottom:after{top:-5px;left:10px;transform:rotate(45deg)}.tooltip.--arrow-disabled:after{display:none}:has(>.tooltip){position:relative}:has(>.tooltip):hover .tooltip{opacity:1;visibility:visible}