@import '../config.less';

@zindex-popover: @zindex-range-2;

@border-color-split: hsv(0, 0, 94%);
@popover-background: @G11;
@popover-color: @G2;
@popover-content-color: @G2;
@popover-font-size-base: @T2;
@popover-line-height-base: @T2 + 8;
@popover-warning-color: @W6;
@popover-border-radius-base: @R3;

@popover-close-padding: 3 * @P;
@popover-close-size: 4 * @P;
@popover-close-color: @G5;

// Popover body background color
@popover-bg: @popover-background;
// Popover maximum width
@popover-min-width: 177px;
@popover-min-height: 32px;
// Popover arrow width
@popover-arrow-width: 6px;
// Popover arrow color
@popover-arrow-color: @popover-bg;
// Popover outer arrow width
// Popover outer arrow color
@popover-arrow-outer-color: @popover-bg;
// Popover distance with trigger
@popover-distance: @popover-arrow-width + 4px;

@popover-padding-horizontal: @padding-m;

@popover-customize-border-color: @border-color-split;

@popover-shadow-color-inverse: @G11;
@popover-box-shadow-base: @shadow-2;
@popover-border-radius: @R2;