.selection-marquee {
  display: none;
  position: absolute;
  z-index: 17;
  border: 1.5px solid #14a99d;
  border-radius: 3px;
  background: rgba(20, 169, 157, .14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55), 0 0 18px rgba(20, 169, 157, .18);
  pointer-events: none;
}

.selection-marquee.visible {
  display: block;
}

.selection-marquee.crossing {
  border-style: dashed;
  border-color: #e77732;
  background: rgba(231, 119, 50, .12);
}

.selection-marquee::after {
  content: attr(data-selection-count);
  position: absolute;
  right: -1px;
  bottom: -1px;
  transform: translateY(100%);
  min-width: 21px;
  padding: 3px 6px;
  border-radius: 0 0 5px 5px;
  background: #0e8179;
  color: #fff;
  font-size: 8px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}

.selection-marquee.crossing::after {
  background: #c85e21;
}