@layui/layui-vue/es/tooltip/index.css

a component library for Vue 3 base on layui-vue

.layui-popper *[data-popper-arrow]{width:10px;height:10px;position:absolute}.layui-popper *[data-popper-arrow]:after{box-sizing:border-box;position:absolute;content:" ";width:10px;height:10px;transform:rotate(45deg);background-color:#fff;border:1px solid #cecece;z-index:-1}.layui-popper[data-popper-placement^=right]>[data-popper-arrow]{left:-5px}.layui-popper[data-popper-placement^=right]>[data-popper-arrow]:after{border-top-color:transparent!important;border-right-color:transparent!important}.layui-popper[data-popper-placement^=left]>[data-popper-arrow]{right:-5px}.layui-popper[data-popper-placement^=left]>[data-popper-arrow]:after{border-bottom-color:transparent!important;border-left-color:transparent!important}.layui-popper[data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}.layui-popper[data-popper-placement^=top]>[data-popper-arrow]:after{border-top-color:transparent!important;border-left-color:transparent!important}.layui-popper[data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}.layui-popper[data-popper-placement^=bottom]>[data-popper-arrow]:after{border-bottom-color:transparent!important;border-right-color:transparent!important}.lay-tooltip-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.lay-tooltip{padding:10px;border-radius:var(--global-border-radius);word-wrap:break-word;min-width:12px;min-height:12px;font-size:14px;box-sizing:border-box;box-shadow:0 2px 12px #00000026;background-color:#fff;color:#3a3a3a;border:1px solid #cecece;z-index:999999}.lay-tooltip>[data-popper-arrow]:after{background-color:#fff;border-color:#cecece}.lay-tooltip.layui-dark{background-color:#353535;color:#fff;border:1px solid #353535}.lay-tooltip.layui-dark>[data-popper-arrow]:after{background-color:#353535;border-color:#353535}