/* Thin scrollbars in the text areas, as in every tool */
.tool-code textarea {
    scrollbar-width: thin;
}

#hash_text {
    height: 252px;
}

/* Side by side, the text area fills its column, so the Clear button lands level with the "Compare with" field in
   any browser (a fixed height only matched one browser's font metrics); while the comparison's message shows, the
   text area grows by its line */
@media (min-width: 992px) {
    #hash_text {
        flex: 1 1 0;
        height: auto;
        min-height: 200px;
    }
}

/* A field beside its own button: without this the field won't shrink below its content's width */
.hash-row .form-control {
    min-width: 0;
}

/* The matching hash: the shared read-only rule would keep its border grey, leaving only the check mark */
.hash-output.is-valid {
    border-color: var(--bs-form-valid-border-color);
}