/* Desktop-only header search panel. Loaded after the main stylesheet. */
@media (min-width: 901px) {
  .dyson-header .dyson-nav {
    position: relative !important;
    overflow: visible !important;
  }

  .dyson-header .dyson-actions .dyson-search:focus-within,
  .dyson-header .dyson-actions .dyson-search.search-open {
    position: absolute !important;
    left: auto !important;
    right: 0 !important;
    top: calc(100% + 12px) !important;
    width: min(520px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    height: 56px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 7px 0 18px !important;
    overflow: hidden !important;
    border: 1px solid #d8d8d8 !important;
    border-radius: 2px !important;
    background: #fff !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .18) !important;
    z-index: 5300 !important;
  }

  .dyson-header .dyson-actions .dyson-search:focus-within input,
  .dyson-header .dyson-actions .dyson-search.search-open input {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 54px !important;
    padding: 0 12px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #111 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    font-size: 16px !important;
    line-height: 54px !important;
  }

  .dyson-header .dyson-actions .dyson-search:focus-within input::placeholder,
  .dyson-header .dyson-actions .dyson-search.search-open input::placeholder {
    color: #777 !important;
    opacity: 1 !important;
  }

  .dyson-header .dyson-actions .dyson-search:focus-within button,
  .dyson-header .dyson-actions .dyson-search.search-open button {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111 !important;
    box-shadow: none !important;
  }

  .dyson-header .dyson-actions .dyson-search:focus-within button:hover,
  .dyson-header .dyson-actions .dyson-search.search-open button:hover {
    opacity: .62 !important;
  }
}