.mud-input-outlined {
    padding: 12px !important;
}


.mud-input-outlined .mud-input-outlined-border {
    border-radius: 0 !important;
}

.mud-input-root-outlined {
    padding: 0 !important;
}

.mud-input-adornment {
    margin: 0 !important;
    padding-right: 12px;
}

/*#region Input with label*/

/* ----- Default state ----- */
.plx-input .mud-input-label {
    font-weight: 600; /* semibold */
    color: inherit; /* use normal text color */
}

.plx-input .mud-input-outlined .mud-input-outlined-border {
    border-radius: 0 !important; /* no rounded corners */
}

/* ----- Hover state ----- */
.plx-input:hover .mud-input-label {
    color: #1b51dc;
}

.plx-input:hover:not(:focus-within) .mud-input-outlined {
    background-color: #def3fb;
}
.plx-input:hover:not(:focus-within) .mud-input-outlined .mud-input-outlined-border {
    border-color: #1b51dc !important;
}

/* ----- Focus (active) state ----- */
.plx-input:focus-within .mud-input-outlined:focus-within > .mud-input-outlined-border {
    border-width: 2px !important;
    border-color: #1b51dc !important;
}

.plx-input .mud-input-outlined.mud-input-focused + .mud-input-label,
.plx-input:focus-within .mud-input-label {
    color: #1b51dc;
}
/*#endregion Input with label*/

/*#region search bar*/
.plx-searchbar{
    width:320px;
}
    .plx-searchbar p, .plx-searchbar input {
        font-size: var(--mud-typography-body1-size) !important;
    }
/*#endregion*/