.mud-input {
    background-color: var(--field-background,var(--color-default));
    border-radius: var(--field-radius,var(--radius-xl));
}

.mud-input-root {
    color: var(--field-foreground,var(--color-foreground)) !important;
    font-size: var(--text-sm) !important;
    padding-inline: calc(var(--spacing)*3) !important;
    padding-block: calc(var(--spacing)*2) !important;
}

.mud-input-label {
    color: var(--foreground) !important;
    font-size: var(--text-sm) !important;
    font-weight: var(--font-weight-medium) !important;
    line-height: var(--tw-leading,var(--text-sm--line-height)) !important;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    transform: translate(0, 1.5px);
    transform-origin: top left
}

.mud-input-clear-button {
    color: var(--field-placeholder,var(--color-muted)) !important;
}

    .mud-input-clear-button .mud-icon-button-label .mud-icon-root {
        width: calc(var(--spacing)*4);
        height: calc(var(--spacing)*4);
    }

.mud-input-adornment .mud-icon-default {
    color: var(--field-placeholder,var(--color-muted)) !important;
    margin-left: calc(var(--spacing)*3);
    width: calc(var(--spacing)*4);
    height: calc(var(--spacing)*4);
}

.mud-input.mud-input-text-with-label {
    margin-top: calc(20px + var(--spacing) * 1) !important;
}

.mud-input.mud-input-underline:before, .mud-input.mud-input-underline:after {
    display: none !important;
}