:root {
  --co-catalog-search-font-family: #{$ca-font-family};
  --co-catalog-search-column-gap: 20px;
  --co-catalog-search-content-padding: 20px;
  --co-catalog-search-content-overflow: initial;
  --co-catalog-search-title-font-size: 20px;
  --co-catalog-search-title-font-weight: 600;
  --co-catalog-search-title-icon-size: 17px;
  --co-catalog-search-title-column-gap: 10px;
  --co-catalog-search-sub-title-font-size: 12px;
  --co-catalog-search-sub-title-font-weight: 400;
  --co-catalog-search-filter-title-font-size: 16px;
  --co-catalog-search-filter-title-font-weight: bold;
  --co-catalog-search-filter-title-icon-size: 13px;
  --co-catalog-search-filter-reset-font-size: 14px;
  --co-catalog-search-filter-reset-font-weight: 300;
}
$co-catalog-search-font-family: var(--co-catalog-search-font-family) !default;
$co-catalog-search-column-gap: var(--co-catalog-search-column-gap) !default;
$co-catalog-search-content-padding: var(--co-catalog-search-content-padding) !default;
$co-catalog-search-content-overflow: var(--co-catalog-search-content-overflow) !default;

$co-catalog-search-title-font-size: var(--co-catalog-search-title-font-size) !default;
$co-catalog-search-title-font-weight: var(--co-catalog-search-title-font-weight) !default;
$co-catalog-search-title-icon-size: var(--co-catalog-search-title-icon-size) !default;
$co-catalog-search-title-column-gap: var(--co-catalog-search-title-column-gap) !default;

$co-catalog-search-sub-title-font-size: var(--co-catalog-search-sub-title-font-size) !default;
$co-catalog-search-sub-title-font-weight: var(--co-catalog-search-sub-title-font-weight) !default;

$co-catalog-search-filter-title-font-size: var(--co-catalog-search-filter-title-font-size) !default;
$co-catalog-search-filter-title-font-weight: var(--co-catalog-search-filter-title-font-weight) !default;
$co-catalog-search-filter-title-icon-size: var(--co-catalog-search-filter-title-icon-size) !default;

$co-catalog-search-filter-reset-font-size: var(--co-catalog-search-filter-reset-font-size) !default;
$co-catalog-search-filter-reset-font-weight: var(--co-catalog-search-filter-reset-font-weight) !default;

$co-catalog-search-view-modes-padding: 0 20px 0 0 !default;
$co-catalog-search-view-modes-button-size: 30px !default;
$co-catalog-search-view-modes-button-radius: 3px !default;
$co-catalog-search-view-modes-button-background: #3e7eff !default;