div.sheet-tab-content { display: none; }

input.sheet-character:checked ~ div.sheet-character,
input.sheet-faction:checked ~ div.sheet-faction,
input.sheet-npc:checked ~ div.sheet-npc {
  display: block;
}

input.sheet-tab {
  width: 50px;
  height: 0px;
  top: 10px;
  left: 10px;
  margin-left: -2px;
  position: relative;
  cursor: pointer;
  z-index: 1;

  &::before {
    content: attr(title);

    border: solid 1px #000;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;

    background: #fff;

    width: 51px;
    height: 10px;
    font-size: 10px;
    padding-bottom: 1px;
  }

  &:checked::before {
    background: #ddd;
  }

  &:not(:first-child)::before {
    border-left: none;
  }
}

div.sheet-tab-content {
  border-top: 1px solid #000;
  margin: 2px 0 0 5px;
}