.cw-search-input.svelte-lopbt6{position:relative;display:flex;flex-direction:column;gap:var(--cw-space-1);width:100%}.cw-search-input__label.svelte-lopbt6{font-size:var(--cw-text-sm);font-weight:var(--cw-font-medium);color:var(--cw-text-secondary)}.cw-search-input__wrapper.svelte-lopbt6{position:relative;display:flex;align-items:center}.cw-search-input__icon.svelte-lopbt6{position:absolute;left:var(--cw-space-3);display:flex;align-items:center;width:1rem;height:1rem;color:var(--cw-text-muted);pointer-events:none}.cw-search-input__icon.svelte-lopbt6 svg:where(.svelte-lopbt6){width:100%;height:100%}.cw-search-input__field.svelte-lopbt6{width:100%;padding:var(--cw-space-2) var(--cw-space-3) var(--cw-space-2) var(--cw-space-10);font-family:var(--cw-font-family);font-size:var(--cw-text-sm);color:var(--cw-text-primary);background-color:var(--cw-bg-elevated);border:1px solid var(--cw-border-default);border-radius:var(--cw-radius-md);outline:none;min-height:2.25rem;transition:border-color var(--cw-duration-fast) var(--cw-ease-default),box-shadow var(--cw-duration-fast) var(--cw-ease-default)}.cw-search-input__field.svelte-lopbt6::placeholder{color:var(--cw-text-muted)}.cw-search-input__field.svelte-lopbt6:focus{border-color:var(--cw-focus-ring-color);box-shadow:0 0 0 var(--cw-focus-ring-width) color-mix(in srgb,var(--cw-focus-ring-color) 25%,transparent)}.cw-search-input__listbox.svelte-lopbt6{position:absolute;top:100%;left:0;right:0;z-index:var(--cw-z-dropdown);margin-top:var(--cw-space-1);padding:var(--cw-space-1);list-style:none;background-color:var(--cw-bg-elevated);border:1px solid var(--cw-border-default);border-radius:var(--cw-radius-md);box-shadow:var(--cw-shadow-lg);max-height:15rem;overflow-y:auto}.cw-search-input__option.svelte-lopbt6{padding:var(--cw-space-2) var(--cw-space-3);font-size:var(--cw-text-sm);color:var(--cw-text-primary);border-radius:var(--cw-radius-sm);cursor:pointer;transition:background-color var(--cw-duration-fast) var(--cw-ease-default)}.cw-search-input__option.svelte-lopbt6:hover,.cw-search-input__option--active.svelte-lopbt6{background-color:var(--cw-bg-muted)}h2.svelte-u1ibgj{font-size:var(--cw-text-xl);font-weight:var(--cw-font-bold);margin-bottom:var(--cw-space-2)}.demo-desc.svelte-u1ibgj{color:var(--cw-text-muted);font-size:var(--cw-text-sm);margin-bottom:var(--cw-space-4)}.demo-selected.svelte-u1ibgj{margin-top:var(--cw-space-3);font-size:var(--cw-text-sm);color:var(--cw-text-secondary)}