.input__text {
    border: 1px solid var(--accent-colour);
    padding: 1px;
    background: #fff;
    background-color: var(--background-colour);
    color: var(--text-colour);

    &:focus {
        border-color: #aaa;
    }

    &--readonly {
        color: #aaa;
    }

    &--monospace {
        font-family: @mio-font-mono;
    }

    &--new {
        font-size: 1.2em;
        padding: 5px 10px;
        color: #fff;
        border-radius: 2px;
        background: #222;
        box-shadow: inset 0 0 4px #111;
        border-color: #222;
        transition: border-color .2s;

        &:focus {
            border-color: var(--accent-colour);
        }
    }
}