.coop-searchbox{border-width:0;flex-direction:column;gap:.5rem;width:100%;display:flex}.coop-searchbox--inner{border-radius:var(--ui-border-radius-lg);background-color:var(--color-white);align-items:flex-end;width:100%;display:inline-flex}.coop-searchbox--inner:has(input:focus-visible){border-radius:var(--ui-border-radius-md);outline:2px solid var(--color-focus);outline-offset:3px;transition:none}.coop-searchbox button{--button-padding:0 var(--spacing-12);border-radius:0 var(--ui-border-radius-md) var(--ui-border-radius-md) 0;position:relative}.coop-searchbox button[data-size=lg]{--button-padding:0 var(--spacing-20)}.coop-searchbox .coop-text-input-wrapper input{border-color:var(--border-color,var(--color-grey-500));border-radius:var(--ui-border-radius-md) 0 0 var(--ui-border-radius-md);border-style:solid none solid solid;border-width:2px 0 2px 2px;border-right-color:currentColor}.coop-searchbox .coop-field{width:100%}.coop-searchbox .coop-text-input-wrapper:has(input:focus-visible){border-radius:var(--ui-border-radius-lg);outline:0}.coop-searchbox[data-variant=ghost] .coop-searchbox--inner{border-color:var(--border-color,var(--color-teal));border-style:solid;border-width:2px}.coop-searchbox[data-variant=ghost] .coop-text-input-wrapper input{border:0}.coop-searchbox[data-variant=ghost] .coop-button{--button-bg-color:transparent;color:var(--border-color,var(--color-white));background:0 0;border:0}