.ce-search-banner {
    font-size: var(--font-size, 1rem); /* Reset, use REM */
}

.ce-search-banner .banner__content {
    background-color: var(--color-background, white);
}

.ce-search-banner__header {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1.777em);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    color: var(--color, black);
    line-height: var(--line-height, 1.25);
}

input[type="search"].ce-search-banner__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, #d9d9d9);
    background-color: var(--color-background, white);
}

input[type="search"].ce-search-banner__search__input::placeholder {
    color: var(--color-placeholder, #696969);
}

.ce-search-banner__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);
}

.ce-search-banner__search__icon {
    fill: var(--color-icon, #022979);
}

.ce-search-banner__additional-link {
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1rem);
    font-style: var(--font-style, normal);
    font-weight: var(--font-weight, normal);
    line-height: var(--line-height, inherit);
    color: var(--color, black);
}

.ce-search-banner__additional-link .icon {
    fill: var(--fill, currentColor);
}

@media (min-width: 62rem) {
    .ce-search-banner.banner--layout-0 .banner__content,
    .ce-search-banner.banner--layout-1 .banner__content,
    .ce-search-banner.banner--layout-2 .banner__content {
        background-color: transparent;
    }

    .ce-search-banner.banner--layout-0 .banner__content-frame,
    .ce-search-banner.banner--layout-1 .banner__content-frame,
    .ce-search-banner.banner--layout-2 .banner__content-frame {
        background-color: var(--color-background, white);
        border-radius: var(--border-radius, 0.5rem);
        box-shadow: var(--box-shadow, 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.16));
    }
}