@layer components{.c-keyword-search{--input-color:var(--api-search-input-color,var(--brand-black));--border-color:var(--api-search-border-color,var(--brand-black));align-items:center;border-bottom:2px solid var(--border-color);color:var(--input-color);display:flex;font-size:16px;font-weight:var(--font-weight-regular);gap:4px;line-height:1;padding-bottom:2px;width:100%}.c-keyword-search__search-icon{background-color:var(--brand-blue);height:18px;-webkit-mask-image:url(../../../img/icons/magnifying-glass-sharp-solid.svg);mask-image:url(../../../img/icons/magnifying-glass-sharp-solid.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:translateY(-1px);width:18px}.c-keyword-search__element{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:currentColor;flex:1;font-size:16px;padding:0}.c-keyword-search__element::-moz-placeholder{color:#676767}.c-keyword-search__element::placeholder{color:#676767}.c-keyword-search__element::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-color:var(--brand-red);height:14px;margin-left:4px;-webkit-mask-image:url(../../../img/icons/xmark-sharp-solid.svg);mask-image:url(../../../img/icons/xmark-sharp-solid.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;width:14px}.c-keyword-search__submit-button{background:var(--brand-blue);height:20px;-webkit-mask-image:url(../../../img/icons/arrow-right-sharp-solid.svg);mask-image:url(../../../img/icons/arrow-right-sharp-solid.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:18px auto,100% 100%;mask-size:18px auto,100% 100%;transition:background .15s ease;width:20px}.c-keyword-search__submit-button:focus,.c-keyword-search__submit-button:hover{background:var(--brand-light-blue)}}