.hs-search-field {position: relative;}

.hs-search-field__bar {position:relative;border:2px solid var(--c-blue-l90);border-radius: calc(var(--space) * 0.25);overflow:clip;}
.hs-search-field__bar:before {pointer-events:none;z-index:10;content:'';position:absolute;width:28px;height:28px;top:9px;left:9px;background-color:var(--c-blue-l90);
-webkit-mask-image:url('https://www.infinity.co/hubfs/Search.svg');mask-image:url('https://www.infinity.co/hubfs/Search.svg');
-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
.hs-search-field {position:relative;}

.hs-search-field__input {line-height:1.5;position:relative;color:#081d2f;width:100%;min-height:44px;border:unset;padding:0 76px 0 44px;border-radius:calc((var(--space) * 0.25) - 2px);}
.hs-search-field__input::placeholder {color:#bcc4df;opacity:1;transition:0.1s ease-out;}
.hs-search-field__input:focus::placeholder {color:#081d2f;}

.hs-search-field__input::-webkit-search-cancel-button {-webkit-appearance:none;appearance:none;display:none;}


.hs-search-field__suggestions {display:none;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 4px);left:0;width:100%;z-index:10;background:#FFF;box-shadow:0 6px 12px rgba(0,0,0,0.05);}
.hs-search-field:focus-within .hs-search-field__suggestions:not(:empty) {display:block;}
.hs-search-field__suggestions:empty {display:none;}
.hs-search-field--open .hs-search-field__suggestions {border:2px solid var(--c-blue-l90);border-radius:calc((var(--space) * 0.25) - 2px);}

.hs-search-field__suggestions li {display: block;margin: 0;padding: 0;}


.hs-search-field__suggestions li a {display:block;padding:10px 15px;}


.hs-search-field__suggestions a {display: block;color:#208f92;transition:0.2s ease-out;}
.hs-search-field__suggestions a:hover, .hs-search-field__suggestions a:focus {color:#186b6e;background-color:var(--c-blue-l90);outline: none;}



{# SEARCH BUTTON #}
button.search {
  border-radius: calc((var(--space) * 0.25) - 4px);
  position:absolute;top:4px;right:4px;
  font-weight:600;color:#FFF;
  background-color: var(--c-blue);transition:background-color 0.2s ease-out;
  border:unset;padding:8px 12px 9px 12px;
}
button.search:hover {
  background-color: var(--c-blue-d50);
}