@import '../settings/variables';
@import '../tools/mixins/position';
@import '../tools/mixins/transition';
@import '../utilities/utils';

.c-pop-up {
  @include absolute(100%, auto, auto, auto);
  @include transition((opacity, visibility));
  @include shadow-bordered-area(0.5em);
  max-height: 20em;
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  width: auto;
  z-index: $layer-modal;
  border-radius: 2px;

  &--active {
    opacity: 1;
    visibility: visible;
  }
}