.st-presets {
    grid-row: 13 / 28; 
    grid-column: 13 / 16; 
    margin-left: 15px; 
    display: flex; 
    flex-direction: column;
}

.st-preset-preview {
    display: grid;
    grid-template-rows: repeat(21, 1fr);
    grid-template-columns: repeat(8, 1fr);
    gap: 2px;
}
.st-preset-preview > div {
    background-color: var(--color-300);
}
.st-preset-preview > div.selected {
    background-color: var(--color-bought);
}

.st-preset-preview .v11 { grid-row: 1; grid-column: 3 / 7; }
.st-preset-preview .v21 { grid-row: 2; grid-column: 4 / 6; }
.st-preset-preview .v31 { grid-row: 3; grid-column: 3 / 5; }
.st-preset-preview .v32 { grid-row: 3; grid-column: 5 / 7; }
.st-preset-preview .v41 { grid-row: 4; grid-column: 3 / 5; }
.st-preset-preview .v42 { grid-row: 4; grid-column: 5 / 7; }
.st-preset-preview .v51 { grid-row: 5; grid-column: 4 / 6; }
.st-preset-preview .v61 { grid-row: 6; grid-column: 4 / 6; }
.st-preset-preview .v71 { grid-row: 7; grid-column: 4 / 6; }
.st-preset-preview .v72 { grid-row: 7; grid-column: 7 / 9; }
.st-preset-preview .v81 { grid-row: 8; grid-column: 2 / 4; }
.st-preset-preview .v82 { grid-row: 8; grid-column: 4 / 6; }
.st-preset-preview .v83 { grid-row: 8; grid-column: 6 / 8; }
.st-preset-preview .v91 { grid-row: 9; grid-column: 2 / 4; }
.st-preset-preview .v92 { grid-row: 9; grid-column: 4 / 6; }
.st-preset-preview .v93 { grid-row: 9; grid-column: 6 / 8; }
.st-preset-preview .v101 { grid-row: 10; grid-column: 2 / 4; }
.st-preset-preview .v102 { grid-row: 10; grid-column: 4 / 6; }
.st-preset-preview .v103 { grid-row: 10; grid-column: 6 / 8; }
.st-preset-preview .v111 { grid-row: 11; grid-column: 3 / 5; }
.st-preset-preview .v112 { grid-row: 11; grid-column: 5 / 7; }
.st-preset-preview .v121 { grid-row: 12; grid-column: 3 / 5; }
.st-preset-preview .v122 { grid-row: 12; grid-column: 5 / 7; }
.st-preset-preview .v131 { grid-row: 13; grid-column: 4 / 6; }
.st-preset-preview .v141 { grid-row: 14; grid-column: 1 / 3; }
.st-preset-preview .v142 { grid-row: 14; grid-column: 4 / 6; }
.st-preset-preview .v143 { grid-row: 14; grid-column: 7 / 9; }
.st-preset-preview .v151 { grid-row: 15; grid-column: 4 / 6; }
.st-preset-preview .v161 { grid-row: 16; grid-column: 1 / 3; }
.st-preset-preview .v162 { grid-row: 16; grid-column: 3 / 5; }
.st-preset-preview .v163 { grid-row: 16; grid-column: 5 / 7; }
.st-preset-preview .v164 { grid-row: 16; grid-column: 7 / 9; }
.st-preset-preview .v171 { grid-row: 17; grid-column: 1 / 3; }
.st-preset-preview .v172 { grid-row: 17; grid-column: 3 / 5; }
.st-preset-preview .v173 { grid-row: 17; grid-column: 5 / 7; }
.st-preset-preview .v174 { grid-row: 17; grid-column: 7 / 9; }
.st-preset-preview .v181 { grid-row: 18; grid-column: 1 / 3; }
.st-preset-preview .v182 { grid-row: 18; grid-column: 3 / 5; }
.st-preset-preview .v183 { grid-row: 18; grid-column: 5 / 7; }
.st-preset-preview .v184 { grid-row: 18; grid-column: 7 / 9; }
.st-preset-preview .v191 { grid-row: 19; grid-column: 1 / 3; }
.st-preset-preview .v192 { grid-row: 19; grid-column: 3 / 5; }
.st-preset-preview .v193 { grid-row: 19; grid-column: 5 / 7; }
.st-preset-preview .v194 { grid-row: 19; grid-column: 7 / 9; }
.st-preset-preview .v201 { grid-row: 20; grid-column: 4 / 6; }
.st-preset-preview .v211 { grid-row: 21; grid-column: 3 / 7; }