.EditableField {
    position: relative;
    box-sizing: border-box;
    opacity: 0.8;
    height: 1.5rem;
    /* width: 10rem; */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.3rem;
}
.EditableField:hover { opacity: 1; }

.EditableField-input {
    height: 100%;
    width: auto;
    background-color: var(--darkColor, #1d1414);
	font: inherit;
	border-radius: 0.3rem;
    border-color: var(--color, #5e522d);
    border-width: 0.1px;
	color: inherit;
    outline: none;
    border: none;
}
.EditableField-textValue {
    height: 100%;
}
.EditableField-editBadge {
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    font-size: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    cursor: pointer;
    z-index: 10;
    color: #ffffff;
}