.selection-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  z-index: 1040;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.selection-bar.selection-bar-flash {
  animation: selectionBarFlash 0.9s ease;
}

@keyframes selectionBarFlash {
  0% {
    opacity: 0.78;
    transform: translateY(8px);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  }
  35% {
    opacity: 1;
    transform: translateY(0);
    box-shadow: 0 -8px 24px rgba(13, 110, 253, 0.28);
  }
  65% {
    opacity: 0.92;
    box-shadow: 0 -12px 30px rgba(13, 110, 253, 0.16);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
  }
}

.selection-bar #clearSelection {
  cursor: pointer;
}

body.has-selection-bar {
  padding-bottom: 56px;
}