.api-key{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 20px;
  &-switch{
    &-label{
      display: inline;
      font-size:10px;
      text-transform: uppercase;
    }
    &-enabled{
      margin-top: 5px;
    }
    margin-right: 20px;
  }
  &-name{
    display: flex;
    flex-direction: column;
    &-label{
      text-transform: uppercase;
    }
    &-content{
      font-size:20px;
      font-weight:bold;
    }
  }
  &-showing{
    padding:0 30px;
    word-break: break-all;
    text-overflow: wrap;
    code{
      background-color: $gray7;
      padding:3px;
      border:1px solid $gray6;
    }
    &-hide{
      margin-top:8px;
      cursor:pointer;
      font-size:12px;
    }
  }
  &-hidden{
    font-style:italic;
    margin-left: auto;
    font-size:14px;
    padding:3px;
    cursor:pointer;
    background-color: $gray7;
  }

  &-delete{
    margin-left: auto;
    button{
      font-size:18px;
      padding: 3px 5px 2px;
      line-height:18px;
    }
  }
}