.whb-color-light [class*=wd-header-search-form] .wd-style-default {
    --wd-form-brd-color: rgba(255, 255, 255, 0.2);
    --wd-form-brd-color-focus: rgba(255, 255, 255, 0.3);
    --wd-form-color: rgba(255, 255, 255, 0.8)
}

.whb-color-dark [class*=wd-header-search-form] .wd-style-default {
    --wd-form-brd-color: rgba(0, 0, 0, 0.1);
    --wd-form-brd-color-focus: rgba(0, 0, 0, 0.15);
    --wd-form-color: #000000;
    --wd-form-placeholder-color: var(--wd-form-color)
}

[class*=wd-header-search-form] {
    padding-right: 10px;
    padding-left: 10px;
    flex: 1 1 auto
}

[class*=wd-header-search-form] input[type=text] {
    min-width: 200px
}

.wd-header-search-form-mobile .searchform input[type=text] {
    min-width: 100%;
    height: 42px;
    font-size: 16px
}

[class*=wd-header-search-form] .wd-style-with-bg {
    --wd-form-bg: #fff
}

.global-color-scheme-light [class*=wd-header-search-form] .wd-style-with-bg {
    --wd-form-brd-color: rgba(0, 0, 0, 0.1);
    --wd-form-brd-color-focus: rgba(0, 0, 0, 0.15);
    --wd-form-color: #777;
    --wd-form-placeholder-color: var(--wd-form-color)
}


[class*=wd-header-search-form] .wd-style-default .searchform,
[class*=wd-header-search-form] .wd-style-default .searchform input[type="search"],
[class*=wd-header-search-form] .wd-style-default .searchform input[type="text"],
[class*=wd-header-search-form] .wd-style-default .searchform .wd-search-icon {
  transition: color .25s ease, fill .25s ease;
}

.whb-color-light [class*=wd-header-search-form]:hover .wd-style-default,
.whb-color-light [class*=wd-header-search-form] .wd-style-default:focus-within,
.whb-color-dark  [class*=wd-header-search-form]:hover .wd-style-default,
.whb-color-dark  [class*=wd-header-search-form] .wd-style-default:focus-within {
  --wd-form-color: rgb(221, 51, 51);
}

[class*=wd-header-search-form]:hover .wd-style-default .wd-search-icon svg,
[class*=wd-header-search-form] .wd-style-default:focus-within .wd-search-icon svg {
  color: rgb(221, 51, 51);
  fill: rgb(221, 51, 51);
}

[class*=wd-header-search-form]:hover .wd-style-default input::placeholder,
[class*=wd-header-search-form] .wd-style-default:focus-within input::placeholder {
  color: rgb(221, 51, 51) !important;
  opacity: 1;
}