src/components/from-navigator/hover-sidebar/search-input.css
:root {
  --urlbar-container-height: calc(3.5 * var(--lg)) !important;
}

#urlbar,
#urlbar-container,
#urlbar-input-container {
  --urlbar-height: var(--xl) !important;
  --urlbar-toolbar-height: calc(3.5 * var(--lg)) !important;
  --urlbar-container-height: calc(3.5 * var(--lg)) !important;
}

.identity-box-button,
#tracking-protection-icon-container,
#notification-popup-box,
.urlbar-page-action {
  width: var(--xl) !important;
  height: var(--xl) !important;
  margin: auto 0;
  border-radius: var(--md) !important;
  transition: background-color var(--transition);
  padding-inline: 0 !important;

  /* stylelint-disable-next-line no-descending-specificity */
  & > * {
    margin: auto !important;
  }

  &:hover {
    background-color: hsl(from var(--neutral) h s calc(l + 10)) !important;
  }
}

#reader-mode-button-icon {
  margin-top: -1px !important;
}

#star-button {
  margin-top: -2px !important;
}

#urlbar-container:not(:has(#urlbar[breakout-extend])) {
  width: calc(100% - 2 * var(--sidebar-padding)) !important;
  transform: none;
  inset: calc(2 * var(--sidebar-padding) + var(--xxl)) auto auto var(--sidebar-padding);
  margin-inline: 0 !important;

  #urlbar-background {
    box-shadow: none !important;
  }

  #urlbar {
    height: var(--urlbar-container-height) !important;
    padding: 0 var(--md) !important;
    background-color: var(--base-100) !important;
    border: none !important;
    box-shadow: none !important;
    transition: background-color var(--transition) !important;

    &:hover {
      background-color: var(--neutral) !important;
    }
  }

  #urlbar-search-mode-indicator {
    margin: auto 0;
  }

  #identity-box {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .urlbar-go-button {
    display: none !important;
  }

  #identity-permission-box {
    width: auto !important;
    padding: 0 var(--sm) !important;
  }

  .urlbar-input-container {
    padding: 0 !important;
    border: none !important;
  }

  .urlbar-input-box {
    font-size: 16px !important;
  }

  &:has(#identity-box.localResource) {
    #urlbar-input {
      text-overflow: ellipsis;
    }
  }
}

#nav-bar:has(#urlbar[breakout-extend])::after {
  position: fixed;
  top: calc(2 * var(--sidebar-padding) + var(--xxl));
  left: var(--sidebar-padding);
  z-index: 10 !important;
  width: calc(100% - 2 * var(--sidebar-padding));
  height: var(--urlbar-container-height);
  background-color: var(--base-100);
  border-radius: var(--lg);
  content: "";
}
