phantasmal-world/src/core/gui/Input.css

.core_Input {
    display: inline-block;
    box-sizing: border-box;
    height: 24px;
    border: var(--input-border);
}

.core_Input .core_Input_inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0 3px;
    border: var(--input-inner-border);
    background-color: var(--input-bg-color);
    color: var(--input-text-color);
    outline: none;
    font-size: 13px;
}

.core_Input:hover {
    border-color: var(--input-border-hover);
}

.core_Input:focus-within {
    border-color: var(--input-border-focus);
}

.core_Input.disabled {
    border: var(--input-border-disabled);
}

.core_Input.disabled .core_Input_inner {
    color: var(--input-text-color-disabled);
    background-color: var(--input-bg-color-disabled);
}