<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ----------------------------------
 * Text inputs
 * ---------------------------------- */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
input[type="number"],
textarea {
    background: #cfcfcf;
    border: 0;
    border-radius: 6px;
    color: #757373;
    font-family: Ubuntu;
    font-size: 0.8rem;
    padding: 8px;
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px 1px rgba(0.5, 0.5, 0.5, 0.5);
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
textarea:focus {
    background: #fff;
    color: #757373;
    font-family: Ubuntu;
}

input[type="text"][disabled],
input[type="password"][disabled],
input[type="email"][disabled],
input[type="tel"][disabled],
input[type="search"][disabled],
input[type="url"][disabled],
input[type="number"][disabled],
textarea[disabled] {
    background: rgba(255, 255, 255, 0.1);
    color: darkgray;
}

input[type="text"]:not([value]),
input[type="password"]:not([value]),
input[type="email"]:not([value]),
input[type="tel"]:not([value]),
input[type="search"]:not([value]),
input[type="url"]:not([value]),
input[type="number"]:not([value]),
textarea:not([value]) {
    color: #757373;
}

textarea {
    resize: none;
    height: 80px;
    width: 190px;
}

.textfield.clear:focus {
    background: url(artwork/icon_clear@20.png) no-repeat 97% center #fff;
    background-size: 12%;
}

.textfield.label, .textarea.label {
    background: none !important;
    font-size: 12px;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
}</pre></body></html>