@include keyframes(v-popupview-animate-in) {
  0% {
    @include transform(scale(0));
  }
}

/**
 *
 *
 * @param {string} $primary-stylename (v-popupview) - 
 *
 * @group popupview
 */
@mixin valo-popupview ($primary-stylename: v-popupview) {
  .#{$primary-stylename} {
    @include valo-link-style;
  }

  .#{$primary-stylename}-popup {
    @include valo-overlay-style($animate-in: v-popupview-animate-in 120ms, $animate-out: (valo-animate-out-fade 120ms));

    .popupContent {
      @include valo-panel-adjust-content-margins;
    }
  }

  .#{$primary-stylename}-loading {
    margin: $v-layout-spacing-vertical $v-layout-spacing-horizontal;
    @include valo-spinner;
  }
}