@layer components{.c-search-bar{--api-search-bar-submit-size:26px;--api-search-bar-clear-size:16px;--search-bar-padding-x:3.34rem;--search-bar-padding-y:2.5rem;--search-bar-height:120px;--search-bar-col-gap:2rem;align-items:center;background:var(--api-search-bar-bg,var(--brand-onyx));-moz-column-gap:var(--search-bar-col-gap);column-gap:var(--search-bar-col-gap);display:grid;grid-template-columns:1fr var(--api-search-bar-submit-size);grid-template-rows:1fr;height:var(--search-bar-height);padding:var(--search-bar-padding-y) var(--search-bar-padding-x);position:relative}.c-search-bar:has(.c-search-bar__clear){grid-template-columns:1fr var(--api-search-bar-clear-size) var(--api-search-bar-submit-size)}.c-search-bar__search{background:transparent;border:none;color:var(--api-search-bar-color,#fff);display:block;font-size:clamp(.88rem,.67vw + .63rem,1.13rem);font-weight:var(--font-weight-medium);height:100%;letter-spacing:2.5px;line-height:1.5;text-transform:uppercase;width:100%;z-index:1}.c-search-bar__search::-moz-placeholder{color:var(--api-search-bar-placeholder-color,hsla(0,0%,100%,.7))}.c-search-bar__search::placeholder{color:var(--api-search-bar-placeholder-color,hsla(0,0%,100%,.7))}.c-search-bar__search::-webkit-search-cancel-button,.c-search-bar__search::-webkit-search-decoration,.c-search-bar__search::-webkit-search-results-button,.c-search-bar__search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.c-search-bar__clear,.c-search-bar__submit{height:100%;inset:0;-webkit-mask-image:var(--mask-image-url);mask-image:var(--mask-image-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.c-search-bar__clear{width:var(--api-search-bar-clear-size,18px);--mask-image-url:url(../../../img/icons/close.svg);background:#fff}.c-search-bar__submit{--mask-image-url:url(../../../img/icons/search.svg);background-color:var(--brand-bronze);transition:.2s ease;transition-property:background;width:var(--api-search-bar-submit-size,26px)}.c-search-bar__submit:focus,.c-search-bar__submit:hover{background:var(--api-search-bar-submit-color-active,#fff)}@media (max-width:800px){.c-search-bar{--search-bar-col-gap:1rem;--search-bar-height:70px;--api-search-bar-submit-size:18px;--search-bar-padding-x:14px;--search-bar-padding-y:14px;border-bottom:2px solid var(--brand-bronze)}.c-search-bar__placeholder{font-size:14px;line-height:1.5;margin-top:.75rem}}}