vuestic-ui/dist/esm-node/VaPopover.css

Vue 3 UI Framework

:root,
:host {
  --va-popover-display: inline-block;
  --va-popover-content-opacity: 1;
  --va-popover-content-display: flex;
  --va-popover-content-align-items: center;
  --va-popover-content-padding: 0.65rem 1rem;
  --va-popover-content-border-radius: 0.5rem;
  --va-popover-content-font-size: 1rem;
  --va-popover-content-box-shadow: 0 2px 3px 0;
  --va-popover-content-background-color: var(--va-background-primary);
  --va-popover-title-font-weight: 700;
  --va-popover-title-margin-bottom: 0.125rem;
  --va-popover-body-line-height: 1.5;
}
.va-popover {
  display: var(--va-popover-display);
}
.va-popover__content {
  background-color: var(--va-popover-content-background-color);
  opacity: var(--va-popover-content-opacity);
  display: var(--va-popover-content-display);
  align-items: var(--va-popover-content-align-items);
  padding: var(--va-popover-content-padding);
  border-radius: var(--va-popover-content-border-radius, var(--va-block-border-radius));
  font-size: var(--va-popover-content-font-size);
}
.va-popover__icon + div {
  padding-left: 0.75rem;
  overflow: hidden;
  width: 100%;
}
.va-popover__title {
  font-weight: var(--va-popover-title-font-weight);
  margin-bottom: var(--va-popover-title-margin-bottom);
}
.va-popover__body {
  line-height: var(--va-popover-body-line-height);
}