.submenu {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(2, 1fr);

    margin-bottom: 1em;
}

@media screen and (min-width: 480px) {
    .submenu {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 800px) {
    .submenu {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (min-width: 1240px) {
    .submenu {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media screen and (min-width: 1920px) {
    .submenu {
        grid-template-columns: repeat(10, 1fr);
    }
}

.submenu .delete {
    background-color: var(--editor-delete-color);
}

.submenu .delete:hover {
    background-color: var(--editor-delete-color-hover);
}