@keyframes dropdownAnimation {
  0% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -15, 0, 1); }
  5.81% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -7.748, 0, 1); }
  11.61% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -1.799, 0, 1); }
  17.42% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.348, 0, 1); }
  23.12% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.137, 0, 1); }
  30.33% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.468, 0, 1); }
  37.44% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.489, 0, 1); }
  44.54% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.094, 0, 1); }
  51.65% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.244, 0, 1); }
  80.28% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.028, 0, 1); }
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

.gui-dropdown-menu {
  box-shadow: $shadow-base;
  border-color: $neutral-light;
}

.gui-dropdown-menu > li > a {
  color: $dropdown-menu-font-color;
  padding: $dropdown-menu-link-padding;
  font-size: $dropdown-menu-font-size;
  font-weight: $dropdown-menu-font-weight;
}

.gui-dropdown-menu .gui-divider {
  margin: 3px 0;
  background-color: $color-background-light;
}

.gui-dropdown-menu .gui-disabled > * {
  opacity: .4;
}

.gui-popover-dropdown {
  max-height: 100%;
  overflow-y: auto;
  animation: dropdownAnimation 750ms;
  animation-fill-mode: forwards;
}

.gui-popover-dropdown .gui-popover-content {
  box-shadow: none;
  padding: 0;
}

.gui-popover-dropdown .gui-dropdown-menu {
  position: inherit;
  top: inherit;
  left: inherit;
  display: block;
  float: inherit;
  border: 0 none;
}

.gui-popover-dropdown .gui-dropdown__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
