.modeBox {
    display: none;
}
body[data-mode=random] #randomWordsMode {
    display: contents;
}
body[data-mode=custom] #customWordsMode {
    display: contents;
}

.wordBank {
    display: inline-flex;

    border: 2px solid var(--text-color);
    border-radius: 200px;
    padding: 4px 4px;

    gap: 4px 4px;
    flex-wrap: wrap;
}
.wordBank span {
    text-transform: capitalize;
    /*cursor: pointer;*/

    padding: 3px 8px;
    border-radius: 200px;
}
.canvas {
    border: 2px solid var(--text-color);
    border-radius: 20px;
    padding: 10px;
    box-sizing: border-box;
}

@media print {
    :root {
        --text-color: #000000;
        --text-color-light: #00000066;
        --selection-color: #00000033;
    }
    body, .section {
        background-color: transparent;
    }
    .section {
        padding: 0;
    }
    .section:not(#section0, #wordBankSection, #canvasSection) {
        display: none;
    }
    h1 {
        margin: 0;
    }
    .canvas {
        width: 100%;
    }
    #solutionButton {
        display: none;
    }
}