.datepickerContainer .ui-input__text:read-only ~ label {
    color: var(--color-font);
}

.datepickerContainer .ui-input__text:read-only {
    color: var(--color-font);
    -webkit-text-fill-color: var(--color-font) !important;
    opacity: 1 !important;
}

.datepickerContainer.datesSelected .ui-input__text:read-only ~ label {
    color: var(--color-font-other);
}


.p-search-form .ui-input {
    --input-height: 4.2857142857rem;
    background-color: var(--input-bg);
    border: 1px solid var(--input-border-color);
}

.ui-input {
    font-size: 0;
    position: relative;
    height: var(--input-height);
    line-height: var(--input-height);
    border-radius: var(--input-radius);
}

.p-search-form__icon {
    color: #B8B8B8;
    border-radius: 0.5rem;
    background-color: white;
    width: 2.7857142857rem;
    height: 2.7857142857rem;
    padding: 0.7142857143rem;
    position: absolute;
    top: 50%;
    left: var(--input-icon-indent, 0.7857142857rem);
    transform: translate(0, -50%);
    z-index: 0;
}

.p-search-form .ui-input__text, .p-search-form .ui-input__text:read-only {
    --input-bg: transparent;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.p-search-form__icon + input, .p-search-form__icon ~ label {
    --input-padding-left: 4.6428571429rem;
}

.p-search-form__icon + input {
    padding-left: var(--input-padding-left);
}

.ui-input__text + .ui-input__label {
    font-size: 1rem;
    cursor: text;
}

.p-search-form__icon ~ label {
    left: var(--input-padding-left);
}

.p-search-form__icon + input, .p-search-form__icon ~ label {
    --input-padding-left: 4.6428571429rem;
}

.ui-input__text:not(:placeholder-shown) + .ui-input__label, .ui-input__text:focus + .ui-input__label {
    font-size: 0.6875rem;
    -webkit-transform: translate(0, -145%);
    -ms-transform: translate(0, -145%);
    transform: translate(0, -145%);
}

.ui-input__text + .ui-input__label {
    font-size: 1rem;
    cursor: text;
}

.p-search-form__icon ~ label {
    left: var(--input-padding-left);
}

.p-search-form__icon + input, .p-search-form__icon ~ label {
    --input-padding-left: 4.6428571429rem;
}

.p-search-form .ui-input {
    --input-height: 4.2857142857rem;
    background-color: var(--input-bg);
    border: 1px solid var(--input-border-color);
}

.ui-input__label {
    font-size: 1rem;
    z-index: 0;
    cursor: pointer;
}

.ui-input__text:not(:placeholder-shown) + .ui-input__label {
    font-size: 0.6875rem;
    -webkit-transform: translate(0, -145%);
    -ms-transform: translate(0, -145%);
    transform: translate(0, -145%);
}

#datepicker.ui-input__text:not(:placeholder-shown), #datepicker.ui-input__text:focus {
    padding-top: 0;
}