.io-search-field{position:relative;min-inline-size:0;max-inline-size:100%;font-family:var(--io-font-primary)}.io-search-field[data-expanded=true]{inline-size:24rem;container-type:inline-size;container-name:io-search}.io-search-field [hidden]{display:none}.io-search-field__field{display:flex;min-inline-size:0;flex-direction:column;gap:var(--io-spacing-2)}.io-search-field__label{color:var(--io-text-secondary);font-size:var(--io-type-size-caption);line-height:var(--io-type-line-caption);font-weight:var(--io-type-weight-caption)}.io-search-field__control{display:flex;align-items:center;min-inline-size:0;gap:var(--io-spacing-4)}.io-search-field__control>.io-input{min-inline-size:0;flex:1 1;padding-block:var(--io-spacing-4)}.io-search-field__control>.io-icon-button{flex:none}.io-search-field .io-input::-webkit-search-cancel-button{-webkit-appearance:none}@container io-search (max-width: 360px){.io-search-field__control{gap:var(--io-spacing-2)}.io-search-field__control>.io-input{padding-inline:var(--io-spacing-8)}}.io-search-field__status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}