@eviljs/reactx/input-v1/input-theme.css

Awesome React UI Widgets

.Input-i7ee {
    padding: var(--std-gutter1) var(--std-gutter2);
    border: 1px solid var(--Input-border-color, var(--Input-border-color--default));
    border-bottom: 3px solid var(--Input-border-color, var(--Input-border-color--default));
    border-radius: var(--std-radius2);
    background-color: transparent;
    transition: all var(--std-duration2);
}
.Input-i7ee[data-placeholder="true"] {
    background-color: var(--std-color-bg3);
}
.Input-i7ee[data-focus="true"],
.Input-i7ee:focus-within {
    border-bottom-color: var(--std-color-primary-accent);
}

.Input-i7ee:hover .label-id45,
.field-ceba {
    color: var(--std-color-primary-accent);
}

.label-id45 {
    --text-opacity: .6;
    margin-bottom: .2em;
}
.Input-i7ee[data-placeholder="true"] .label-id45 {
    font-weight: var(--std-text-weight);
}

.field-ceba {
    width: 100%;
    border-bottom: 1px solid transparent;
    background-color: transparent;
}
.field-ceba.std-text-body1 {
    --text-height: 1;
}
.field-ceba:focus {
    outline: unset;
}