/*
 * Copyright OpenSearch Contributors
 * SPDX-License-Identifier: Apache-2.0
 */

$animation-time: 3;
$animation-multiplier: 5;
$total-duartion: $animation-time * $animation-multiplier;
$keyframe-multiplier: 1 / $animation-multiplier;

.vbWorkspace {
  display: grid;
  -ms-grid-rows: auto $euiSizeM 1fr;
  grid-template-rows: auto 1fr;
  grid-area: workspace;
  grid-gap: $euiSizeM;
  padding: $euiSizeM;
  background-color: $euiColorEmptyShade;
  height: 100%;

  &__empty {
    height: 100%;
  }

  &__container {
    position: relative;
  }

  &__handFieldSvg {
    animation: vbDragAnimation #{$total-duartion}s ease-in-out infinite forwards;
    position: absolute;
    top: 34.5%;
    width: 50% !important;
  }
}

@media (prefers-reduced-motion) {
  .vbWorkspace__handFieldSvg {
    animation: none;
  }
}

@keyframes vbDragAnimation {
  0% {
    transform: none;
  }

  #{$keyframe-multiplier * 50%} {
    transform: translate(116%, -80%);
  }

  #{$keyframe-multiplier * 100%} {
    transform: none;
  }

  100% {
    transform: none;
  }
}