.vuiPopover {
  position: absolute;
  background-color: var(--vui-color-empty-shade);
  border: 1px solid var(--vui-color-border-medium);
  z-index: $popoverZIndex;
  box-shadow: $shadowLargeEnd;
  border-radius: $sizeXxs;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-$sizeXs);
  transition: opacity $transitionSpeed, transform $transitionSpeed;
  pointer-events: none;
}

.vuiPopover-isLoaded {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.vuiPopover--allowOverflow {
  overflow: visible;
}

.vuiPopover--rightUp,
.vuiPopover--leftUp {
  transform: translateY(-100%) !important;
}

.vuiPopover--upLeft,
.vuiPopover--upRight {
  transform: translateY(0);
}

.vuiOptionsListItem__selected--unselected {
  visibility: hidden;
}

.vuiPopoverTitle {
  padding: $sizeXs $sizeS;
  border-bottom: 1px solid var(--vui-color-border-medium);
  font-weight: $fontWeightBold;
  font-size: $fontSizeStandard;
  color: var(--vui-color-darker-shade);
}

.vuiPopoverContent {
  padding: $sizeXxs 0;
}

.vuiPopoverContent--padding {
  padding: $sizeS;
}

.vuiPopoverContent--paddingNone {
  padding: 0;
}