#gem-header {
  line-height: 3rem;
}
#gem-controls {
  color: #231f20;
  font-size: 1.25rem;
}
#gem-filter-input {
  display: none;
}
#gem-container {
  padding-bottom: 20px;
  margin-left: -10px;
}
@media (max-width: 767px) {
  #gem-container {
    padding-bottom: 10px;
  }
}
.gem {
  float: left;
  margin: 10px;
  min-height: 200px;
  overflow-x: hidden;
  width: 200px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .gem {
    margin: 10px 0 0 10px;
    min-height: 140px;
    width: 140px;
  }
}
.gem.disabled {
  display: none;
}
.gem .tap {
  display: none;
}
.gem .groups {
  display: none;
}
.gem .color {
  display: none;
}
.gem .buttons {
  display: none;
}
.gem .scriptables {
  display: none;
}
.gem .entity-type {
  display: none;
}
.gem .tap {
  color: #fff;
  height: 10px;
}
.gem .groups {
  cursor: pointer;
}
.gem.expanded {
  min-height: 420px;
  width: 420px;
}
.gem.expanded .tap {
  display: block;
}
.gem.expanded .groups {
  display: block;
}
.gem.expanded .color {
  display: block;
}
.gem.expanded .buttons {
  display: block;
}
.gem.expanded .scriptables {
  display: block;
}
.gem.expanded .entity-type {
  display: block;
}
@media (max-width: 767px) {
  .gem.expanded {
    width: 300px;
  }
}
.gem-inner {
  background: #fff;
  border-width: 2px;
  border-style: solid;
  border-bottom-width: 10px;
  min-height: inherit;
  text-align: center;
}
.gem-inner .title {
  height: 94px;
  margin: 0;
}
@media (max-width: 767px) {
  .gem-inner .title {
    height: 66.5px;
    font-size: 1.5rem;
  }
}
.gem-inner .icon {
  font-size: 2.5em;
  height: 94px;
}
@media (max-width: 767px) {
  .gem-inner .icon {
    height: 66.5px;
  }
}
.gem-inner .scriptables .row {
  line-height: 36px;
}
.gem-inner .scriptables .read-only {
  color: #919296;
}
.gem-inner .entity-type strong {
  color: #919296;
}
.gem-group.disabled {
  display: none;
}