/* Native WordPress Input composition; search icon is provided by Input. */
.octopus-search-input{position:relative}
.octopus-search-input .octopus-field__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.octopus-search-input .octopus-input{padding-inline-end:3rem}
/* Match the canonical Flux outline surface without overriding state rules. */
.octopus-search-input .octopus-input:where([data-variant="outline"]:not(:disabled):not(:read-only)){background:var(--color-white)}
.octopus-search-input :where(.octopus-input[data-variant="outline"]:not(:disabled):not([data-invalid])){border-color:var(--color-zinc-200);border-bottom-color:color-mix(in srgb,var(--color-zinc-300) 80%,transparent)}
.dark .octopus-search-input .octopus-input:where([data-variant="outline"]:not(:disabled):not(:read-only)){background:color-mix(in srgb,var(--color-white) 10%,transparent)}
.dark .octopus-search-input :where(.octopus-input[data-variant="outline"]:not(:disabled):not([data-invalid])){border-color:color-mix(in srgb,var(--color-white) 10%,transparent)}
.octopus-search-input input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.octopus-search-input__clear{position:absolute;inset-inline-end:var(--space-component-xs);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-content-secondary)}
.octopus-search-input__clear[hidden]{display:none}
.octopus-search-input__clear:hover{background:var(--color-state-hover-neutral)}
.octopus-search-input__clear:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
.octopus-search-input__kbd{position:absolute;inset-inline-end:var(--space-component-xs);top:50%;transform:translateY(-50%);pointer-events:none;border:0;padding:0;background:transparent;font-family:var(--font-sans);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);color:var(--color-zinc-400)}
.octopus-search-input:has(input:not(:placeholder-shown)) .octopus-search-input__kbd{visibility:hidden}