header.sheet-header {
    .character-values {
        flex: 0 0 100%;
        .attributes-traits {
            margin-top: 5px;
            .attribute {
                .attribute-label {
                    font-family: $font-heading;
                    font-size: 2em;
                    text-align: center;
                }
                .attribute-value {
                    border: 2px groove $c-border-groove;
                    line-height: 26px;
                    font-size: 1.5em;
                    text-align: center;
                    padding-left: 2px;
                    padding-right: 2px;
                    gap: 0;
                    input,
                    .attribute-value-total {
                        grid-column: span 2;
                    }
                }
            }
            .trait {
                .trait-label {
                    color: transparent;
                    font-family: $font-heading;
                    font-size: 2em;
                    text-align: center;
                    //text-shadow: -1px 1px 0 $c-black, 1px 1px 0 $c-black, 1px -1px 0 $c-black, -1px -1px 0 $c-black;
                    -webkit-text-stroke: 1px $c-black;
                }
                .trait-value {
                    border: 2px groove $c-border-groove;
                    font-size: 1.5em;
                    line-height: 26px;
                    text-align: center;
                    padding-left: 2px;
                    padding-right: 2px;
                    gap: 0;
                    input,
                    .trait-value-total {
                        grid-column: span 2;
                    }
                }
            }
        }
    }
}