/* One frame per search control. Keep focus on the wrapper instead of drawing
   another bordered field around its input. Layered resets beat legacy IDs. */
@layer search-controls {
 body {
  --search-line:var(--compact-line,#dfe7ef);
  --search-focus:#087fac;
 }
 html.site-dark body {--search-focus:#78cdec}

 body :is(input[type=search],input[name=q],#feedSearch,#peopleSearch,#ctPickerSearch):is(:focus,:focus-visible) {
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  border-color:var(--search-focus)!important;
 }

 body :where(
  .nw-search,.cm-social-search,.orders-search,.wt-search,.ah-search,
  .af-search-field,.tpc-history-tools>label,.nex-search,.gcf-support-search,
  .sf3-search,.topbar-search-wrap,.adm-search-wrap,.adm-toolbar-search,
  .ao-search-wrap,.dlv-search,.lcx-search
 ) {
  min-width:0;
  min-height:40px!important;
  border:1px solid var(--search-line)!important;
  border-radius:14px!important;
  outline:0!important;
  box-shadow:none!important;
  transition:border-color .18s ease;
 }
 body :where(
  .nw-search,.cm-social-search,.orders-search,.wt-search,.ah-search,
  .af-search-field,.tpc-history-tools>label,.nex-search,.gcf-support-search,
  .sf3-search,.topbar-search-wrap,.adm-search-wrap,.adm-toolbar-search,
  .ao-search-wrap,.dlv-search,.lcx-search
 ):focus-within {
  border-color:var(--search-focus)!important;
  outline:0!important;
  box-shadow:none!important;
 }
 body :where(
  .nw-search,.cm-social-search,.orders-search,.wt-search,.ah-search,
  .af-search-field,.tpc-history-tools>label,.nex-search,.gcf-support-search,
  .sf3-search,.topbar-search-wrap,.adm-search-wrap,.adm-toolbar-search,
  .ao-search-wrap,.dlv-search,.lcx-search
 ) input:not([type=hidden]) {
  display:block;
  flex:1 1 0%!important;
  align-self:stretch;
  width:0!important;
  min-width:0!important;
  max-width:100%;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:transparent!important;
  appearance:none;
  -webkit-appearance:none;
 }
 body :where(
  .nw-search,.cm-social-search,.orders-search,.wt-search,.ah-search,
  .af-search-field,.tpc-history-tools>label,.nex-search,.gcf-support-search,
  .sf3-search,.topbar-search-wrap,.adm-search-wrap,.adm-toolbar-search,
  .ao-search-wrap,.dlv-search,.lcx-search
 ) input::-webkit-search-decoration {-webkit-appearance:none}

 /* The footer is dark in both site themes. */
 body .sf3-search {--search-line:var(--sf3-line,#3c3c43);--search-focus:#b9d5ec}
 /* Warranty formerly placed its icon over a padded standalone input. */
 body .wt-search {padding:0 12px!important;gap:9px}
 body .wt-search>:is(i,.ui-icon) {position:static!important;flex:none;transform:none!important}
 @media(prefers-reduced-motion:reduce) {
  body :where(
   .nw-search,.cm-social-search,.orders-search,.wt-search,.ah-search,
   .af-search-field,.tpc-history-tools>label,.nex-search,.gcf-support-search,
   .sf3-search,.topbar-search-wrap,.adm-search-wrap,.adm-toolbar-search,
   .ao-search-wrap,.dlv-search,.lcx-search
  ){transition:none}
 }
}