.can-search{position:relative;display:flex;align-items:center;flex:1;min-width:0}.can-search__field{position:relative;flex:1;min-width:0}.can-search__input{padding-right:var(--space-10);border-top-right-radius:0;border-bottom-right-radius:0}.can-search__submit{flex:none;min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--color-accent);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:var(--color-accent);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.can-search__submit:hover:not(:disabled){background-color:var(--color-accent-bright)}.can-search__submit:disabled{opacity:.5;cursor:not-allowed}.can-search__input::-webkit-search-cancel-button,.can-search__input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.can-search__clear{position:absolute;top:50%;right:var(--space-2);transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--color-text-3);font-size:var(--text-sm);cursor:pointer;transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.can-search__clear:hover{color:var(--color-text);background-color:var(--color-surface-2)}.can-search--pill{--can-search-submit-w: 78px}.can-search--pill .can-search__input{min-height:48px;border-radius:var(--radius-full);padding-left:calc(var(--space-8) + 4px);padding-right:calc(var(--can-search-submit-w) + 2px);background-color:var(--color-surface-1);border-color:var(--color-border-strong);box-shadow:0 0 24px rgb(var(--rgb-accent) / .05)}.can-search--pill.has-value .can-search__input{padding-right:calc(var(--can-search-submit-w) + 34px)}.can-search--pill .ui-input-wrap__icon{left:var(--space-4)}.can-search--pill .can-search__clear{right:calc(var(--can-search-submit-w) + 2px)}.can-search--pill .can-search__submit{position:absolute;top:50%;right:4px;transform:translateY(-50%);min-height:40px;border:none;border-radius:var(--radius-full);transition:background-color var(--dur-2) var(--ease-out)}.can-search__suggestions{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:30;list-style:none;margin:0;padding:var(--space-1);background-color:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);max-height:min(40dvh,320px);overflow-y:auto;overscroll-behavior:contain}.can-search--pill .can-search__suggestions{max-height:min(60dvh,400px)}@media(max-width:767px){.can-search__suggestions li:nth-child(n+6){display:none}}.can-search__suggestion{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);text-align:left;color:var(--color-text);font-size:var(--text-sm);cursor:pointer}.can-search__suggestion.is-active{background-color:var(--color-surface-2)}.can-search__suggestion-icon{flex-shrink:0;font-size:var(--text-xs);color:var(--color-text-3)}.can-search__suggestion-term{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.can-search__suggestion-term strong{font-weight:var(--weight-bold);color:inherit}