.row {
    display: flex;
    flex-direction: row;
    flex: 1;
}

.col {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.wrap {
    flex-wrap: wrap;
}

.center {
    text-align: center;
}



.editable-input {
    flex: 1;
    padding: 0px 3px;
}

.editable-input input {
    border: none;
}

.editable-number {
    text-align: center;
}

.placeholder {
    font-size: 0.8em;
    border-top: 1px solid;
}



.die {
    width:  48px;
    height: 48px;
    line-height: 48px;

    background-color: #000;
    mask-image: url("../src/Assets/d20.svg");
    mask-size: contain;
    
    text-align: center;
    color: #fff;
}

.die-courage      { background-color: #b22319; }
.die-cleverness   { background-color: #8158a3; }
.die-intuition    { background-color: #388834; }
.die-charisma     { background-color: #0c0c0c; }
.die-dexterity    { background-color: #d4b366; }
.die-agility      { background-color: #678ec3; }
.die-constitution { background-color: #a3a3a3; }
.die-strength     { background-color: #d5a877; }


.character-image {
    width:  115px;
    height: 115px;
}

.item-image {
    width:  80px;
    height: 80px;
}


.actor-sheet fieldset {
    width: 100%;
}

.actor-sheet table {
    border: none;
    background: none;
    table-layout: fixed;
}