#ue_decoded, #ue_encoded {
    height: 200px;
    scrollbar-width: thin;
}

@media (max-width: 768px) {
    #ue_decoded, #ue_encoded {
        height: 150px;
    }
}

/* The Encode as menu takes the row's spare width but never less than 200px; when the row is narrower, its
   buttons move below it, at the right */
.ue-mode {
    flex: 1 1 200px;
}

/* A long path or query breaks anywhere rather than widening the page */
.ue-table td {
    font-family: var(--bs-font-monospace);
    overflow-wrap: anywhere;
}

.ue-table {
    table-layout: fixed;
    font-size: 0.875rem;
}

/* px-2 on every cell: table-sm's own padding is 0.25rem on all sides (this rule comes later, with the same
   specificity, so it wins) */
.ue-table > :not(caption) > * > * {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.ue-parts th {
    width: 7rem;
    color: var(--ck-text-2);
    font-weight: 500;
}

.ue-params th:first-child {
    width: 35%;
}

.ue-params th {
    color: var(--ck-text-2);
    font-weight: 500;
}