.vxe-tooltip--wrapper { display: none; position: absolute; top: -100%; left: -100%; font-size: 12px; max-width: 600px; border-radius: var(--vxe-ui-base-border-radius); padding: 8px 12px; white-space: normal; word-break: break-word; box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.2); color: var(--vxe-ui-font-color); font-family: var(--vxe-ui-font-family); } .vxe-tooltip--wrapper:not(.is--enterable) { pointer-events: none; } .vxe-tooltip--wrapper.is--visible { display: block; } .vxe-tooltip--wrapper.is--arrow .vxe-tooltip--arrow { display: block; } .vxe-tooltip--wrapper.is--enterable:after { content: ""; position: absolute; left: 0; width: 100%; height: 6px; background-color: transparent; } .vxe-tooltip--wrapper .vxe-tooltip--content { white-space: pre-line; } .vxe-tooltip--wrapper .vxe-tooltip--arrow { display: none; position: absolute; border-color: transparent; border-width: 6px; border-style: solid; left: 50%; transform: translateX(-6px); } .vxe-tooltip--wrapper .vxe-tooltip--arrow:before { content: ""; position: absolute; border-color: transparent; border-width: 5px; border-style: solid; left: -5px; } .vxe-tooltip--wrapper.placement--top.is--enterable:after { bottom: -6px; } .vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow { bottom: -11px; } .vxe-tooltip--wrapper.placement--top .vxe-tooltip--arrow:before { top: -7px; } .vxe-tooltip--wrapper.placement--bottom.is--enterable:after { top: -6px; } .vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow { top: -12px; } .vxe-tooltip--wrapper.placement--bottom .vxe-tooltip--arrow:before { top: -4px; } .vxe-tooltip--wrapper.theme--light { background-color: var(--vxe-ui-layout-background-color); border: 1px solid var(--vxe-ui-input-border-color); } .vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow { border-top-color: var(--vxe-ui-input-border-color); } .vxe-tooltip--wrapper.theme--light.placement--top .vxe-tooltip--arrow:before { border-top-color: var(--vxe-ui-layout-background-color); } .vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow { border-bottom-color: var(--vxe-ui-input-border-color); } .vxe-tooltip--wrapper.theme--light.placement--bottom .vxe-tooltip--arrow:before { border-bottom-color: var(--vxe-ui-layout-background-color); } .vxe-tooltip--wrapper.theme--dark { background: var(--vxe-ui-tooltip-dark-background-color); color: var(--vxe-ui-tooltip-dark-color); } .vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow { border-top-color: var(--vxe-ui-tooltip-dark-background-color); } .vxe-tooltip--wrapper.theme--dark.placement--top .vxe-tooltip--arrow:before { border-top-color: var(--vxe-ui-tooltip-dark-background-color); } .vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow { border-bottom-color: var(--vxe-ui-tooltip-dark-background-color); } .vxe-tooltip--wrapper.theme--dark.placement--bottom .vxe-tooltip--arrow:before { border-bottom-color: var(--vxe-ui-tooltip-dark-background-color); }