/* Copyright (c) 2017 The Chromium Authors. All rights reserved.
   Use of this source code is governed by a BSD-style license that can be
   found in the LICENSE file.*/

#left-arrow,
#right-arrow {
  flex: 1;
  text-align: center;
}

#left-arrow svg,
#right-arrow svg {
  height: 36px;
  width: 54px;
}

#left-arrow svg {
  transform: scaleX(-1);
}

svg#jump .arrow {
  background: #010101;
  opacity: 0;
  animation: 700ms arrow-pulse cubic-bezier(0.90, 0.00, 0.20, 1.00) infinite;
}

svg#jump #arrow-2 {
  animation-delay: 67ms;
}

svg#jump #arrow-3 {
  animation-delay: 134ms;
}

@keyframes arrow-pulse {
  0% { opacity: 0; }
  42% { opacity: .6; }
  100% { opacity: 0; }
}