.msweb-ui.ui-component.msweb-popover {
  position: fixed;
  left: 0;
  top: 0;
  z-index: var(--msweb-popover-z-index, 1300);
  display: none;
  min-width: var(--msweb-popover-min-width, 180px);
  max-width: min(var(--msweb-popover-max-width, 320px), calc(100vw - 16px));
  padding: var(--msweb-popover-padding, 10px);
  border: 1px solid var(--msweb-popover-border, #dbe3f0);
  border-radius: var(--msweb-popover-radius, 8px);
  background: var(--msweb-popover-bg, #fff);
  color: var(--msweb-popover-color, #111827);
  box-shadow: var(--msweb-popover-shadow, 0 12px 34px rgba(15, 23, 42, 0.16));
  box-sizing: border-box;
}

.msweb-ui.ui-component.msweb-popover.is-open {
  display: block;
}

.msweb-ui.ui-component.msweb-popover .msweb-popover__content {
  min-width: 0;
}

.msweb-ui.ui-component.msweb-popover .msweb-popover__arrow {
  position: absolute;
  width: 10px;
  height: 10px;
  border: inherit;
  border-left: 0;
  border-top: 0;
  background: inherit;
  transform: rotate(45deg);
}

.msweb-ui.ui-component.msweb-popover[data-placement="top"] .msweb-popover__arrow {
  bottom: -6px;
}

.msweb-ui.ui-component.msweb-popover[data-placement="bottom"] .msweb-popover__arrow {
  top: -6px;
  transform: rotate(225deg);
}

.msweb-ui.ui-component.msweb-popover[data-placement="left"] .msweb-popover__arrow {
  right: -6px;
  transform: rotate(-45deg);
}

.msweb-ui.ui-component.msweb-popover[data-placement="right"] .msweb-popover__arrow {
  left: -6px;
  transform: rotate(135deg);
}

[data-theme="dark"] .msweb-ui.ui-component.msweb-popover,
.theme-dark .msweb-ui.ui-component.msweb-popover {
  --msweb-popover-bg: #0f172a;
  --msweb-popover-border: #243244;
  --msweb-popover-color: #e5e7eb;
  --msweb-popover-shadow: 0 16px 38px rgba(0, 0, 0, 0.42);
}