.flag-container {
    display: flex;
    flex-flow: row wrap;
    width: calc(150px * 4 + 40);
}

.flag {
    margin: 5px;
    display: flex;
    flex-flow: row wrap;
    width: 150px;
    height: 100px;
    background-color: #88827c;
    cursor: pointer;
}

.flag-vertical-part {
    width: 50px;
    height: 100px;
}

.flag-horizontal-part {
    width: 150px;
    height: calc(100px / 3);
}

.flag-corner {
    width: calc(150px / 8 * 2);
    height: calc(100px / 5 * 2);
}

.flag-divider {
    width: calc(150px / 8);
    height: calc(100px / 5 * 2);
}

.flag-bar {
    width: 150px;
    height: calc(100px / 5);
}

.flag-filler {
    width: calc(150px / 8 * 5);
    height: calc(100px / 5 * 2);
}