/*
 * Copyright (c) 2010, 2023 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */

.popup-animate-open {
  #scout.animation-name(fadein-zoom);
  #scout.animation-duration(0.2s);
}

.popup-animate-remove {
  #scout.animation-name(fadeout-shrink-blur);
  #scout.animation-duration(0.15s);
  #scout.animation-fill-mode(forwards);
}

.widget-popup {
  #scout.popup();
  margin: @widget-popup-margin;

  &.animate-open {
    .popup-animate-open();
  }

  &.animate-remove {
    .popup-animate-remove();
  }

  & > .popup-arrow {

    &.bottom,
    &.right {
      #scout.drop-shadow-large(@y: 4px, @spread: -2px);
    }
  }

  & > .actions {
    position: absolute;
    top: 0;
    right: 0;
    /* should lay over drag and resize handles */
    z-index: 11;
    white-space: nowrap;

    & > .action {
      color: @closer-action-color;
      margin: 7px 7px 7px @menubar-item-margin-x;
      border-radius: @closer-border-radius;
      padding: 7px;
      font-size: 17px;
      min-width: 30px;

      &:hover {
        color: @closer-hover-color;
      }

      &.disabled {
        color: @disabled-color
      }
    }
  }

  & > .popup-widget {
    position: relative;
    overflow: hidden;
    background-color: inherit;
    border-radius: @popup-border-radius;
  }

  & > .popup-arrow-overlay {
    border-radius: @popup-border-radius;
  }
}