.transform-to-upper input {
    text-transform: uppercase;
}

#components-reconnect-modal {
    transition: visibility 0s linear 2000ms;
}

div.menu-box {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-surface);
    border-radius: var(--mud-default-borderradius);
    border-color: var(--mud-palette-text-primary);
    transition: box-shadow 300ms cubic-bezier(.4, 0, .2, 1) 0ms;
}

html {
    scroll-behavior: smooth;
}

.input-overflow-hidden textarea, input {
    overflow: hidden;
}

.text-end {
    text-align: end;
}

.text-start {
    text-align: start;
}

.text-overflow {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

div.table-fixed table {
    table-layout: fixed;
}

.highlight-when-inner-input-is-focused:has( input:focus) {
    background-color: #90caf999;
}

input.hide-text:not(:focus) {
    color: transparent !important;
}

.extra-dense-input input{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}