/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ .ant-popover { 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: #fff; position: absolute; top: 0; left: 0; z-index: 1030; max-width: 100vw; font-weight: normal; white-space: normal; text-align: left; cursor: auto; user-select: text; } .ant-popover-content { position: relative; } .ant-popover::after { position: absolute; background: rgba(255, 255, 255, 0.01); content: ''; } .ant-popover-hidden { display: none; } .ant-popover-inner { background-color: #fff; background-clip: padding-box; 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); } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-popover { /* IE10+ */ } .ant-popover-inner { 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-popover-title { min-width: 177px; min-height: 32px; margin: 0; padding: 5px 16px 4px; color: rgba(0, 0, 0, 0.85); font-weight: 500; border-bottom: 1px solid #f0f0f0; } .ant-popover-inner-content { width: max-content; max-width: 100%; padding: 12px 16px; color: rgba(0, 0, 0, 0.85); } .ant-popover-message { display: flex; padding: 4px 0 12px; color: rgba(0, 0, 0, 0.85); font-size: 14px; } .ant-popover-message-icon { display: inline-block; margin-right: 8px; color: #faad14; font-size: 14px; } .ant-popover-buttons { margin-bottom: 4px; text-align: right; } .ant-popover-buttons button:not(:first-child) { margin-left: 8px; } .ant-popover-arrow { position: absolute; z-index: 1; display: block; width: 16px; height: 16px; overflow: hidden; pointer-events: none; } .ant-popover-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-popover-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-popover-arrow::before { background: var(--antd-arrow-background-color); } .ant-popover-placement-top > .ant-popover-arrow, .ant-popover-placement-topLeft > .ant-popover-arrow, .ant-popover-placement-topRight > .ant-popover-arrow { bottom: 0px; transform: translateY(100%) rotate(180deg); } .ant-popover-placement-top > .ant-popover-arrow { left: 50%; transform: translateX(-50%) translateY(100%) rotate(180deg); } .ant-popover-placement-topLeft > .ant-popover-arrow { left: 16px; } .ant-popover-placement-topRight > .ant-popover-arrow { right: 16px; } .ant-popover-placement-bottom > .ant-popover-arrow, .ant-popover-placement-bottomLeft > .ant-popover-arrow, .ant-popover-placement-bottomRight > .ant-popover-arrow { top: 0px; transform: translateY(-100%); } .ant-popover-placement-bottom > .ant-popover-arrow { left: 50%; transform: translateX(-50%) translateY(-100%); } .ant-popover-placement-bottomLeft > .ant-popover-arrow { left: 16px; } .ant-popover-placement-bottomRight > .ant-popover-arrow { right: 16px; } .ant-popover-placement-left > .ant-popover-arrow, .ant-popover-placement-leftTop > .ant-popover-arrow, .ant-popover-placement-leftBottom > .ant-popover-arrow { right: 0px; transform: translateX(100%) rotate(90deg); } .ant-popover-placement-left > .ant-popover-arrow { top: 50%; transform: translateY(-50%) translateX(100%) rotate(90deg); } .ant-popover-placement-leftTop > .ant-popover-arrow { top: 16px; } .ant-popover-placement-leftBottom > .ant-popover-arrow { bottom: 16px; } .ant-popover-placement-right > .ant-popover-arrow, .ant-popover-placement-rightTop > .ant-popover-arrow, .ant-popover-placement-rightBottom > .ant-popover-arrow { left: 0px; transform: translateX(-100%) rotate(-90deg); } .ant-popover-placement-right > .ant-popover-arrow { top: 50%; transform: translateY(-50%) translateX(-100%) rotate(-90deg); } .ant-popover-placement-rightTop > .ant-popover-arrow { top: 16px; } .ant-popover-placement-rightBottom > .ant-popover-arrow { bottom: 16px; } .ant-popover-pink .ant-popover-inner { background-color: #eb2f96; } .ant-popover-pink .ant-popover-arrow { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-inner { background-color: #eb2f96; } .ant-popover-magenta .ant-popover-arrow { background-color: #eb2f96; } .ant-popover-red .ant-popover-inner { background-color: #f5222d; } .ant-popover-red .ant-popover-arrow { background-color: #f5222d; } .ant-popover-volcano .ant-popover-inner { background-color: #fa541c; } .ant-popover-volcano .ant-popover-arrow { background-color: #fa541c; } .ant-popover-orange .ant-popover-inner { background-color: #fa8c16; } .ant-popover-orange .ant-popover-arrow { background-color: #fa8c16; } .ant-popover-yellow .ant-popover-inner { background-color: #fadb14; } .ant-popover-yellow .ant-popover-arrow { background-color: #fadb14; } .ant-popover-gold .ant-popover-inner { background-color: #faad14; } .ant-popover-gold .ant-popover-arrow { background-color: #faad14; } .ant-popover-cyan .ant-popover-inner { background-color: #13c2c2; } .ant-popover-cyan .ant-popover-arrow { background-color: #13c2c2; } .ant-popover-lime .ant-popover-inner { background-color: #a0d911; } .ant-popover-lime .ant-popover-arrow { background-color: #a0d911; } .ant-popover-green .ant-popover-inner { background-color: #52c41a; } .ant-popover-green .ant-popover-arrow { background-color: #52c41a; } .ant-popover-blue .ant-popover-inner { background-color: #1890ff; } .ant-popover-blue .ant-popover-arrow { background-color: #1890ff; } .ant-popover-geekblue .ant-popover-inner { background-color: #2f54eb; } .ant-popover-geekblue .ant-popover-arrow { background-color: #2f54eb; } .ant-popover-purple .ant-popover-inner { background-color: #722ed1; } .ant-popover-purple .ant-popover-arrow { background-color: #722ed1; } .ant-popover-rtl { direction: rtl; text-align: right; } .ant-popover-rtl .ant-popover-message-icon { margin-right: 0; margin-left: 8px; } .ant-popover-rtl .ant-popover-message-title { padding-left: 16px; } .ant-popover-rtl .ant-popover-buttons { text-align: left; } .ant-popover-rtl .ant-popover-buttons button { margin-right: 8px; margin-left: 0; } .ant-popover { position: relative; }