$block = ".klara-ui-popover";
$transition-duration = 100ms;

{$block} {
  position: absolute;
  z-index: 999;
  transition-duration: $transition-duration;
  transition-property: left, top;

  &__content {
    position: absolute;
    padding: 8px;
    border: 1px solid $c-gray-base;
    border-radius: 4px;
    background: $c-white-base;
    box-shadow: 0 2px 10px rgba($c-gray-darkest, .2);
    transition-duration: $transition-duration;
    transition-property: left, top;
  }

  &__attach-arrow {
    position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    border-right: 1px solid $c-gray-base;
    border-bottom: 1px solid $c-gray-base;
    background: $c-white-base;
  }
}