.bui-popover {
  --arrow-size: var(--bui-popover-arrow-size, 8PX);
  --localtion-position: var(--bui-popover-localtion-position, 8PX);
  --max-width: var(--bui-popover-max-width, 350px);
  --content-min-width: var(--bui-popover-content-min-width, 30px);
  --content-padding: var(--bui-popover-content-padding, 6px 8px);
  max-width: var(--max-width);
  font-size: var(--bui-text-size-1);
  position: absolute;
  visibility: hidden;
  z-index: var(--bui-z-index-tooltip);
}
.bui-popover .bui-popover-arrow {
  width: 0;
  height: 0;
  position: absolute;
}
.bui-popover .bui-popover-arrow.location-left {
  left: var(--localtion-position);
}
.bui-popover .bui-popover-arrow.location-right {
  right: var(--localtion-position);
}
.bui-popover .bui-popover-arrow.location-top {
  top: var(--localtion-position);
}
.bui-popover .bui-popover-arrow.location-bottom {
  bottom: var(--localtion-position);
}
.bui-popover.popover-top .location-center,
.bui-popover.popover-bottom .location-center {
  left: 50%;
  transform: translateX(-50%);
}
.bui-popover.popover-left .location-center,
.bui-popover.popover-right .location-center {
  top: 50%;
  transform: translateY(-50%);
}
.bui-popover.popover-top {
  padding-bottom: var(--arrow-size);
}
.bui-popover.popover-top .bui-popover-arrow {
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
  border-top: var(--arrow-size) solid var(--bui-color-bg-view);
  bottom: 0;
}
.bui-popover.popover-bottom {
  padding-top: var(--arrow-size);
}
.bui-popover.popover-bottom .bui-popover-arrow {
  border-left: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid var(--bui-color-bg-view);
  top: 0;
}
.bui-popover.popover-left {
  padding-right: var(--arrow-size);
}
.bui-popover.popover-left .bui-popover-arrow {
  border-top: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid transparent;
  border-left: var(--arrow-size) solid var(--bui-color-bg-view);
  right: 0;
}
.bui-popover.popover-right {
  padding-left: var(--arrow-size);
}
.bui-popover.popover-right .bui-popover-arrow {
  border-top: var(--arrow-size) solid transparent;
  border-bottom: var(--arrow-size) solid transparent;
  border-right: var(--arrow-size) solid var(--bui-color-bg-view);
  left: 0;
}
.bui-popover .bui-popover-title {
  font-weight: var(--bui-font-weight-bold);
}
.bui-popover .bui-popover-content {
  min-width: var(--content-min-width);
  color: var(--bui-color-fg-muted);
  padding: var(--content-padding);
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: var(--bui-color-bg-popover);
  border-radius: var(--bui-shape-radius-poster);
  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);
}
.bui-popover .bui-popover-content .bui-popover-title + .bui-popover-inner-content {
  margin-top: var(--bui-spacing-md);
}