.sheet-sans {
  position: relative;

  > div:not(:first-child) {
    margin-top: 8px;
  }
}

.sheet-section > .sheet-right:not(.sheet-sans) {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sheet-section--footer > .sheet-right {
  padding-top: 32px;
}

.sheet-section--traits {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 24px;
  height: 400px;
}

.sheet-attributes {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

   .sheet-attribute {
     position: absolute;

     &--agility {
       top: 0;
       left: 32px;
     }

     &--smarts {
       top: 80px;
       left: 16px;
     }

     &--spirit {
       top: 160px;
       left: 0;
     }

     &--strength {
       top: 240px;
       left: 16px;
     }

     &--vigor {
       top: 320px;
       left: 32px;
     }
   }
}

.sheet-armor {
  position: absolute;
  right: 0;
  top: 22px;
}

.sheet-silhouette {
  position: absolute;
  top: 0;
  left: 100px;
}

.sheet-secondary {
  position: absolute;
  bottom: 23px;
  right: 0;
  z-index: 2;
}

.sheet-section--features {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  min-height: 176px;
  padding: 24px 0 8px;
}

.sheet-section--resources {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 32px;
}