.menu-search-launcher { flex: 0 0 auto; padding: .25rem 1rem .75rem; min-width: 0; color: var(--bs-menu-color, inherit); }
.menu-search-field { display: flex; align-items: center; gap: .45rem; min-height: 38px; padding: .4rem .6rem; border: 1px solid var(--bs-menu-divider-color, var(--bs-border-color)); border-radius: 6px; background: rgba(128,128,128,.08); }
.menu-search-field:focus-within { border-color: var(--bs-primary); box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), .15); }
#menuSearchInput { min-width: 0; width: 100%; flex: 1; padding: 0; border: 0; outline: 0; box-shadow: none; background: transparent; color: inherit; font: inherit; }
#menuSearchInput::placeholder { color: inherit; opacity: .65; }
#menuSearchInput::-webkit-search-cancel-button { display: none; }
.menu-search-shortcut { flex: 0 0 auto; font: inherit; font-size: .7rem; color: inherit; background: rgba(128,128,128,.15); padding: .15rem .3rem; white-space: nowrap; }
#menuSearchClear, .menu-search-expand { align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 4px; background: transparent; color: inherit; width: 28px; height: 28px; flex: 0 0 28px; }
#menuSearchClear:not([hidden]) { display: inline-flex; }
.menu-search-expand { display: none; }
#menuSearchEmpty { display: block; margin-top: .65rem; }
#menuSearchEmpty[hidden], #layout-menu [data-menu-search-hidden] { display: none !important; }
@media (min-width: 1200px) {
  .layout-menu-collapsed:not(.layout-menu-hover) .menu-search-field { display: none; }
  .layout-menu-collapsed:not(.layout-menu-hover) .menu-search-expand { display: flex; width: 100%; min-height: 38px; }
}