.glypto-model-utils {

border-top: 1px solid $light-grey;

> menu {
  @include clearfix;
  font-size: 11px;
  font-weight: 600;
  color: #888;
  margin: 0;
  padding: 5px;
  position: relative;
  -webkit-font-smoothing: antialiased;

  > a,
  > button {
    text-transform: uppercase;
    padding: 5px 8px;
    border-radius: 3px;
    background: none;
    color: inherit;
    font-weight: inherit;

    &:hover {
      color: #555;
      background: rgba(black, .05);
    }
    &:active {
      color: #333;
      background: rgba(black, .1);
    }

    &.__active {
      color: white;
      background: rgba(black, .3);

      &:active {
        background: rgba(black, .5);
        color: white;
      }
    }

    .fa {
      margin-left: 5px;
    }
  }
}

._tab-toggle {
  float: left;
  border: none;
  outline: none;
  margin-right: 3px;
}

._isolated {
  float: right;
  text-decoration: none;
}

._container {
  max-height: 40rem;
  overflow: auto;
}

._panel {
  display: none;

  &.__shown {
    display: block;
  }
}

pre {
  font: 12px/1.4 Menlo, monospace;
  white-space: pre-wrap;
  margin: 0;
}

}