.page-header__search {
    font-size: var(--font-size, 1rem); /* Reset, use REM */
    width: var(--width, 100%);
    background-color: var(--color-background);
}

input[type="search"].page-header__search__input {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
    color: var(--color-text, #0349D1);
    border-color: var(--color-border, #022979);
    background-color: var(--color-background, transparent);
}

input[type="search"].page-header__search__input::placeholder {
    color: var(--color-placeholder, #4A86FC);
}

.page-header__search__button {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, bold);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
    color: var(--color-text, #fff);
    border-color: var(--color-border, #000714);
    background-color: var(--color-background, #022979);
}

.page-header__search__icon {
    fill: var(--color-icon, #022979);
}

/* Responsive */
@media (max-width: 61.999rem) {
    .page-header__search {
        box-shadow: var(--box-shadow-small, 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.16));
    }
}