@layer components{.color-search-page{--color-search-ink:var(--oua-ink,#383838);--color-search-ink-soft:var(--oua-ink-2,#575757);--color-search-muted:var(--oua-muted,#848484);--color-search-line:var(--oua-slot,#ececec);--color-search-line-strong:var(--oua-line,#e6e6e6);--color-search-surface:var(--oua-band,#f7f7f7);--color-search-accent:var(--oua-accent,#3a3735);--color-search-on-accent:#ffffff;--color-search-card-radius:var(--oua-radius,4px);--color-search-swatch-radius:var(--oua-radius,4px);--color-search-pill-radius:999px;--color-search-submit-bg:var(--oua-ink,#232323);--color-search-submit-ink:#ffffff;--color-search-submit-radius:999px;--color-search-submit-width:auto;--color-search-submit-font:var(--font-body,"Schibsted Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif);--color-search-submit-weight:600;--color-search-submit-size:13px;--color-search-submit-tracking:0.52px;--color-search-submit-transform:none;--color-search-submit-padding:10px 20px;--color-search-option-pill-border:var(--oua-line,#e6e6e6);--color-search-option-pill-background:#ffffff;--color-search-option-pill-checked-background:var(--oua-band,#f7f7f7)}.color-search-page .hue-gradient-swatch,.color-search-page .color-dot{border-color:var(--oua-faint,#a9a9a9)}.color-search-page .color-search-submit-button:hover{background:var(--oua-accent,#3a3735)}}