@layer onyx.component{.onyx-mini-search{--onyx-mini-search-icon-size:1.5rem;--onyx-mini-search-padding-inline:var(--onyx-density-sm);gap:var(--onyx-mini-search-padding-inline);padding:var(--onyx-density-xs) var(--onyx-mini-search-padding-inline);background-color:var(--onyx-color-base-background-blank);color:var(--onyx-color-text-icons-neutral-intense);display:flex}.onyx-mini-search__input,.onyx-mini-search__clear{all:initial}.onyx-mini-search__input{font-family:var(--onyx-font-family-paragraph);min-width:calc(var(--onyx-placeholder-character-count) * 1ch + var(--onyx-1px-in-rem));color:inherit;flex-grow:1;font-style:normal}.onyx-mini-search__input::placeholder{color:var(--onyx-color-text-icons-neutral-soft)}.onyx-mini-search__clear{color:var(--onyx-color-text-icons-neutral-medium);cursor:pointer;display:none}.onyx-mini-search__clear .onyx-icon{--icon-size:var(--onyx-mini-search-icon-size)}.onyx-mini-search__icon{color:var(--onyx-color-text-icons-neutral-soft);--icon-size:var(--onyx-mini-search-icon-size);align-self:center;display:grid}.onyx-mini-search:has(.onyx-mini-search__input:not(:placeholder-shown)) .onyx-mini-search__clear{place-items:center;display:grid}.onyx-mini-search:has(.onyx-mini-search__input:not(:placeholder-shown)) .onyx-mini-search__icon{display:none}}