.ui-search{position:relative;display:inline-flex;align-items:center;gap:8rem;width:100%;max-width:720rem;padding-inline:16rem;min-height:56rem;border-radius:var(--sys-shape-corner-full);background-color:var(--md-sys-color-surface-container-highest);box-shadow:0 0 0 1rem var(--md-sys-color-outline-variant);transition:box-shadow var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard),background-color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard),color var(--sys-motion-duration-short-3) var(--sys-motion-easing-standard)}.ui-search,.ui-search__input{color:var(--md-sys-color-on-surface)}.ui-search__input{flex:1;border:none;outline:none;background:transparent;padding-block:8rem;padding-right:48rem;font-family:var(--md-sys-typescale-body-large-font);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height);font-weight:var(--md-sys-typescale-body-large-weight)}.ui-search__input::-moz-placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.ui-search__input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.ui-search__input::-webkit-search-cancel-button,.ui-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ui-search__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant)}.ui-search__icon--trailing{position:absolute;top:50%;right:16rem;transform:translateY(-50%);width:40rem;height:40rem;border-radius:999rem;border:none;background:transparent;cursor:pointer;padding:0}.ui-search__icon--trailing:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.ui-search--focused{box-shadow:0 0 0 2rem var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-highest)}.ui-search--empty .ui-search__icon--leading{color:var(--md-sys-color-on-surface-variant)}.ui-search:hover{background-color:color-mix(in srgb,var(--md-sys-color-on-surface) 4%,var(--md-sys-color-surface-container-highest))}.ui-search:has(.ui-search__input:disabled){opacity:.38;cursor:default}