.sideBtn {
    padding-top:var(--padding-element-inside);
	font-size: var(--font-06);
    font-weight: var(--font-weight-bold);
    text-align: center;

    background-color: var(--background);
    border-left: var(--border-left);
    border-top: var(--border-left);
    border-bottom: var(--border-left);
    border-right: var(--border-left);
    border-radius: var(--border-radius-option);
}

.unit>.unitFortConfigurator>.sideBtn:hover {
    background: var(--background-hover);
    border-radius: var(--border-radius-option);
    opacity: 1;
}

.sideBtn.active {
    background-color: var(--background-div-acive);
    color: var(--background-info);
}
.sideBtn.inactive {
    opacity: 0.5;
}

.sideN{
	grid-area: n;
}
.sideS{
	grid-area: s;
}
.sideE{
	grid-area: e;
}
.sideW{
	grid-area: w;
}

.sideNE{
	grid-area: ne;
}
.sideNW{
	grid-area: nw;
}
.sideSE{
	grid-area: se;
}
.sideSW{
	grid-area: sw;
}