.right {
    float: right;
}

.clickable {
    cursor: pointer;
}

/* Collection container */
.collection {
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  list-style: none;
  background-color: #100f0f;
  border: 1px solid #454444;
  color: #dfdfdf;
}

/* Collection item */
.collection-item {
  position: relative;
  display: block;
  padding: 16px 16px;
  border-bottom: 1px solid #454444;
  color: #dfdfdf;
  transition: background-color 0.2s ease;
}

.collection-item:hover {
    background-color: #282828
}

/* Remove bottom border from last item */
.collection-item:last-child {
  border-bottom: none;
}

/* Collection header */
.collection-header {
  padding: 16px 16px;
  display: block;
  background-color: #1b1b1b;
  border-bottom: 1px solid #454444;
  font-weight: 500;
  color: #dfdfdf;
}

/* Collection footer */
.collection-footer {
  padding: 16px 16px;
  display: block;
  background-color: #1b1b1b;
  border-top: 1px solid #454444;
  font-weight: 500;
  color: #dfdfdf;
}