@layer components{.c-keyword-search{--input-color:var(--api-search-input-color,var(--brand-navy));--border-color:var(--api-search-border-color,var(--brand-navy));align-items:center;border-bottom:2px solid var(--border-color);color:var(--input-color);display:flex;font-size:1rem;font-weight:var(--font-weight-regular);gap:12px;line-height:1;padding-bottom:10px;width:100%}.c-keyword-search__search-icon{background-color:currentColor;height:17px;-webkit-mask-image:url(../../../img/icons/magnifying-glass.svg);mask-image:url(../../../img/icons/magnifying-glass.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:17px}.c-keyword-search__element{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:currentColor;flex:1}.c-keyword-search__element::-moz-placeholder{color:currentColor}.c-keyword-search__element::placeholder{color:currentColor}.c-keyword-search__element::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-image:url(../../../img/icons/times.svg);background-repeat:no-repeat;background-size:contain;height:10px;margin-left:15px;width:10px}.c-keyword-search__submit-button{background-image:url(../../../img/icons/arrow-right.svg),linear-gradient(to right,var(--brand-yellow),var(--brand-yellow));background-position:50%;background-repeat:no-repeat;background-size:14px auto,100% 100%;border-radius:50%;color:var(--border-color);height:25px;transition:color .15s ease;width:25px}.c-keyword-search__submit-button:focus,.c-keyword-search__submit-button:hover{color:var(--brand-pink)}}