.box {
  display: block;

  &.-card {
    padding: 0.75rem;
    background: $white;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba($black,0.125);
    &.-clickable {
      transition: box-shadow 0.125s ease;
      &:hover {
        cursor: default;
        box-shadow: 0 1px 2px rgba($black,0.225), 0 1px 2px rgba($black,0.125);
      }
    }
  }

  &.-well {
    padding: 0.325rem;
  }

  &.-scroller {
    max-height: 22rem;
    overflow-x: hidden;
    overflow-y: auto;
  }

  &.-padded {
    padding: 1rem;
  }

  &.-stacked {
    margin-bottom: 0.5rem;
    &:last-child {
      margin-bottom: 0;
    }
  }
}