.plain-label {
    cursor: pointer;
}

.header-field-label {
    font-weight: 600;
    cursor: pointer;
}

.header-field-label::before {
    color: #e85e8b;
    content: "*";
}

.header-field-error {
    padding-left: 5px;
    color: #e85e8b;
}

.header-field-error:empty::after {
    content: "PLACEHOLDER";
    color: transparent;
    pointer-events: none;
    z-index: -1;
}

.header-field-input {
    text-transform: uppercase;
    max-width: 300px;
    width: 100%;
}

.header-field-button {
    transition: background-color 0.25s ease-in-out;
    border: 1px solid #000000;
    background-color: #45c1c4;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    color: #000000;
    padding: 2px 6px;
    font-size: 15px;
    cursor: pointer;
}

.header-field-button:hover {
    background-color: #dddddd;
}

input[type=text],
input[type=number],
select {
    background-color: #fafffa;
}

input[type=text]:focus,
input[type=text]:focus-within,
input[type=number]:focus,
input[type=number]:focus-within,
select:focus,
select:focus-within {
    background-color: #f2f2f2;
}

input[type=text]:focus::placeholder,
input[type=text]:focus-within::placeholder,
input[type=number]:focus::placeholder,
input[type=number]:focus-within::placeholder,
select:focus::placeholder,
select:focus-within::placeholder {
    color: #ffffff;
}