@import '../../style/themes';
@import '../../style/mixins';

.x-popover {
  @include reset-component();
  
  position: absolute;
  color: $popover-color;
  background-color: $popover-bg;
  box-shadow: $box-shadow-base;

  &-title {
    min-width: 130px;
    padding: $padding-xs $padding-sm $padding-xs - 2;
    font-weight: 600;
    border-bottom: 1px solid $border-color-split;
  }
  &-content {
    padding: $padding-sm;
  }
}