/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ .ant-tooltip { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.85); font-size: 14px; font-variant: tabular-nums; line-height: 1.5715; list-style: none; font-feature-settings: 'tnum'; --antd-arrow-background-color: rgba(0, 0, 0, 0.75); position: absolute; z-index: 1070; display: block; width: max-content; max-width: 250px; visibility: visible; } .ant-tooltip-content { position: relative; } .ant-tooltip-hidden { display: none; } .ant-tooltip-inner { min-width: 30px; min-height: 32px; padding: calc(12px / 2) 8px; color: #fff; text-align: start; text-decoration: none; word-wrap: break-word; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); } .ant-tooltip-arrow { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; overflow: hidden; pointer-events: none; } .ant-tooltip-arrow::before { position: absolute; bottom: 0; width: 16px; height: calc(16px / 2); background: var(--antd-arrow-background-color); content: ''; clip-path: polygon(1.65685425px 100%, 50% 1.65685425px, 14.34314575px 100%, 1.65685425px 100%); clip-path: path('M 0 8 A 4 4 0 0 0 2.82842712474619 6.82842712474619 L 6.585786437626905 3.0710678118654755 A 2 2 0 0 1 9.414213562373096 3.0710678118654755 L 13.17157287525381 6.82842712474619 A 4 4 0 0 0 16 8 Z'); inset-inline-start: 0; } .ant-tooltip-arrow::after { position: absolute; bottom: 0; z-index: 0; width: 8.97056275px; height: 8.97056275px; margin: auto; background: transparent; border-radius: 0 0 2px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); transform: translateY(50%) rotate(-135deg); content: ''; inset-inline: 0; } .ant-tooltip-arrow::before { background: var(--antd-arrow-background-color); } .ant-tooltip-placement-top > .ant-tooltip-arrow, .ant-tooltip-placement-topLeft > .ant-tooltip-arrow, .ant-tooltip-placement-topRight > .ant-tooltip-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); } .ant-tooltip-placement-top > .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } .ant-tooltip-placement-topLeft > .ant-tooltip-arrow { left: 16px; } .ant-tooltip-placement-topRight > .ant-tooltip-arrow { right: 16px; } .ant-tooltip-placement-bottom > .ant-tooltip-arrow, .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow, .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow { top: 0px; transform: translateY(-100%); } .ant-tooltip-placement-bottom > .ant-tooltip-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } .ant-tooltip-placement-bottomLeft > .ant-tooltip-arrow { left: 16px; } .ant-tooltip-placement-bottomRight > .ant-tooltip-arrow { right: 16px; } .ant-tooltip-placement-left > .ant-tooltip-arrow, .ant-tooltip-placement-leftTop > .ant-tooltip-arrow, .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow { right: 0px; transform: translateX(100%) rotate(90deg); } .ant-tooltip-placement-left > .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } .ant-tooltip-placement-leftTop > .ant-tooltip-arrow { top: 16px; } .ant-tooltip-placement-leftBottom > .ant-tooltip-arrow { bottom: 16px; } .ant-tooltip-placement-right > .ant-tooltip-arrow, .ant-tooltip-placement-rightTop > .ant-tooltip-arrow, .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); } .ant-tooltip-placement-right > .ant-tooltip-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } .ant-tooltip-placement-rightTop > .ant-tooltip-arrow { top: 16px; } .ant-tooltip-placement-rightBottom > .ant-tooltip-arrow { bottom: 16px; } .ant-tooltip-pink .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-pink .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-inner { background-color: #eb2f96; } .ant-tooltip-magenta .ant-tooltip-arrow { --antd-arrow-background-color: #eb2f96; } .ant-tooltip-red .ant-tooltip-inner { background-color: #f5222d; } .ant-tooltip-red .ant-tooltip-arrow { --antd-arrow-background-color: #f5222d; } .ant-tooltip-volcano .ant-tooltip-inner { background-color: #fa541c; } .ant-tooltip-volcano .ant-tooltip-arrow { --antd-arrow-background-color: #fa541c; } .ant-tooltip-orange .ant-tooltip-inner { background-color: #fa8c16; } .ant-tooltip-orange .ant-tooltip-arrow { --antd-arrow-background-color: #fa8c16; } .ant-tooltip-yellow .ant-tooltip-inner { background-color: #fadb14; } .ant-tooltip-yellow .ant-tooltip-arrow { --antd-arrow-background-color: #fadb14; } .ant-tooltip-gold .ant-tooltip-inner { background-color: #faad14; } .ant-tooltip-gold .ant-tooltip-arrow { --antd-arrow-background-color: #faad14; } .ant-tooltip-cyan .ant-tooltip-inner { background-color: #13c2c2; } .ant-tooltip-cyan .ant-tooltip-arrow { --antd-arrow-background-color: #13c2c2; } .ant-tooltip-lime .ant-tooltip-inner { background-color: #a0d911; } .ant-tooltip-lime .ant-tooltip-arrow { --antd-arrow-background-color: #a0d911; } .ant-tooltip-green .ant-tooltip-inner { background-color: #52c41a; } .ant-tooltip-green .ant-tooltip-arrow { --antd-arrow-background-color: #52c41a; } .ant-tooltip-blue .ant-tooltip-inner { background-color: #1890ff; } .ant-tooltip-blue .ant-tooltip-arrow { --antd-arrow-background-color: #1890ff; } .ant-tooltip-geekblue .ant-tooltip-inner { background-color: #2f54eb; } .ant-tooltip-geekblue .ant-tooltip-arrow { --antd-arrow-background-color: #2f54eb; } .ant-tooltip-purple .ant-tooltip-inner { background-color: #722ed1; } .ant-tooltip-purple .ant-tooltip-arrow { --antd-arrow-background-color: #722ed1; } .ant-tooltip-rtl { direction: rtl; } .ant-tooltip { position: relative; }