/** Shopify CDN: Minification failed

Line 542:0 Unexpected "}"

**/
/*
  Create as: assets/nvlty-desktop-predictive-search.css

  Desktop-only visual adaptation of the existing NVLTY mobile predictive
  search panel. Every functional rule is gated at 990px and above.
*/

html body #header-group predictive-search.devMobilePreSerach {
  border: 0 !important;
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  visibility: hidden !important;
}

  /* The old desktop result box still receives Shopify markup for compatibility,
     but is never exposed once the new desktop panel is installed. */
  html body #header-group
    predictive-search.devMobilePreSerach
    > form
    > #predictive-search-desktop {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    visibility: hidden !important;
  }

  /* Search-active header treatment copied from the mobile state. */
  html.nvlty-desktop-search-panel-active #header-group,
  html.nvlty-desktop-search-panel-active #header-group .header-section,
  html.nvlty-desktop-search-panel-active #header-group .header-wrapper,
  html.nvlty-desktop-search-panel-active #header-group .navigation,
  html.nvlty-desktop-search-panel-active #header-group .nav-container,
  html.nvlty-desktop-search-panel-active #header-group
    predictive-search.devMobilePreSerach,
  html.nvlty-desktop-search-panel-active #header-group
    .devMobilePreSerach
    form,
  html.nvlty-desktop-search-panel-active #header-group
    .devMobilePreSerach
    .devInputWrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #000000 !important;
  }

  html.nvlty-desktop-search-panel-active #header-group
    :is(a, button, label, p, span, input),
  html.nvlty-desktop-search-panel-active #header-group
    .devMobilePreSerach
    :is(a, button, label, span, input) {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  html.nvlty-desktop-search-panel-active #header-group
    .devMobilePreSerach
    input::placeholder {
    color: #000000 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #000000 !important;
  }

  html.nvlty-desktop-search-panel-active #header-group svg {
    color: #000000 !important;
  }

  html.nvlty-desktop-search-panel-active #header-group
    svg
    [stroke]:not([stroke='none']) {
    stroke: #000000 !important;
  }

  html.nvlty-desktop-search-panel-active #header-group
    svg
    [fill]:not([fill='none']) {
    fill: #000000 !important;
  }

  html.nvlty-desktop-search-panel-active #header-group #logo img,
  html.nvlty-desktop-search-panel-active #header-group .logo img {
    filter: brightness(0) saturate(100%) !important;
  }

  html.nvlty-desktop-search-panel-active #header-group
    .searchbox__input {
    background: transparent !important;
    caret-color: #000000 !important;
    color: #000000 !important;
    opacity: 1 !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #000000 !important;
  }

  /* Full-width desktop discovery panel below the real search row. */
  html body
    .nvlty-mobile-search-panel.nvlty-desktop-search-panel {
    background: #ffffff !important;
    bottom: 0 !important;
    box-sizing: border-box !important;
    color: #000000 !important;
    display: block !important;
    height: auto !important;
    left: 0 !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: none !important;
    opacity: 1 !important;
    overflow: hidden !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: fixed !important;
    right: 0 !important;
    transform: translate3d(0, -100%, 0) !important;
    transition:
      transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 520ms !important;
    visibility: hidden !important;
    width: 100% !important;
    will-change: transform;
    z-index: 9990 !important;
  }

  html body
    .nvlty-mobile-search-panel.nvlty-desktop-search-panel.is-desktop-open {
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important;
    transition:
      transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
      visibility 0s linear 0s !important;
    visibility: visible !important;
  }

  .nvlty-desktop-search-panel .nvlty-mobile-search-panel__scroll {
    box-sizing: border-box !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 28px 32px 48px !important;
    scrollbar-width: none;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__scroll::-webkit-scrollbar,
  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__terms::-webkit-scrollbar,
  .nvlty-desktop-search-panel
    .nvlty-search-product-rail::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__close-wrapper {
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    right: 32px !important;
    top: 24px !important;
    width: 20px !important;
    z-index: 3 !important;
  }

  .nvlty-desktop-search-panel .nvlty-mobile-search-panel__close {
    align-items: center !important;
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
    cursor: pointer !important;
    display: flex !important;
    height: 20px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    width: 20px !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__close
    svg {
    color: #000000 !important;
    display: block !important;
    height: 15px !important;
    width: 15px !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__close
    svg
    .hover-stroke {
    stroke: #000000 !important;
  }

  .nvlty-desktop-search-panel
    :is(
      .nvlty-mobile-search-panel__section,
      .nvlty-mobile-search-panel__products
    ) {
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel
    :is(
      .nvlty-mobile-search-panel__section,
      .nvlty-mobile-search-panel__results-header,
      .nvlty-mobile-search-panel__empty
    )[hidden] {
    display: none !important;
  }

  .nvlty-desktop-search-panel
    :is(
      .nvlty-mobile-search-panel__heading,
      .nvlty-mobile-search-panel__results-title
    ) {
    color: #000000 !important;
    font-family: 'BasisGrotesqueArabicPro-Black', sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__scroll
    > .nvlty-mobile-search-panel__section:first-of-type
    .nvlty-mobile-search-panel__heading {
    padding-right: 48px !important;
  }

  .nvlty-desktop-search-panel .nvlty-mobile-search-panel__terms {
    align-items: center !important;
    column-gap: 24px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 15px 0 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    scrollbar-width: none;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__terms
    li {
    flex: 0 0 auto !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__terms
    a {
    color: #000000 !important;
    display: block !important;
    font-family: 'BasisGrotesqueArabicPro-Bold', sans-serif !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__terms
    a:hover,
  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__terms
    a:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
  }

  .nvlty-desktop-search-panel .nvlty-mobile-search-panel__divider {
    background: #e7e7e7 !important;
    border: 0 !important;
    height: 1px !important;
    margin: 15px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__recent:not([hidden])
    + .nvlty-mobile-search-panel__suggestions {
    margin-top: 15px !important;
  }

  .nvlty-desktop-search-panel .nvlty-mobile-search-panel__products {
    margin: 20px 0 0 !important;
    min-height: 260px !important;
    padding: 0 !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__results-header:not([hidden]) {
    align-items: baseline !important;
    column-gap: 24px !important;
    display: flex !important;
    justify-content: space-between !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__results-title {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .nvlty-desktop-search-panel .nvlty-mobile-search-panel__view-all {
    color: #000000 !important;
    flex: 0 0 auto !important;
    font-family: 'BasisGrotesqueArabicPro-Bold', sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 0 1px !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px !important;
    white-space: nowrap !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__product-results {
    margin: 0 !important;
    opacity: 0;
    padding: 0 !important;
    transition: opacity 180ms ease-out;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__product-results.is-populated {
    opacity: 1;
  }

  /* Four-card desktop rail using the exact existing product-card markup. */
  .nvlty-desktop-search-panel
    :is(.nvlty-search-product-rail, .search__product-loop) {
    column-gap: 8px !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    max-width: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    width: 100% !important;
  }

  html body .nvlty-desktop-search-panel .product-index {
    box-sizing: border-box !important;
    flex: 0 0 calc((100% - 24px) / 4) !important;
    grid-column: auto !important;
    list-style: none !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start;
    width: calc((100% - 24px) / 4) !important;
  }

  .nvlty-desktop-search-panel .product-index
    :is(.js-product-image, .product-info) {
    width: 100% !important;
  }

  .nvlty-desktop-search-panel .product-index > .product-info {
    box-sizing: border-box !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    width: calc(100% - 16px) !important;
  }

  html body .nvlty-desktop-search-panel
    .product-index
    .product-info-inner
    > .devCollectionCardDetails
    > .devCollectionCardTitleLink
    .prod-title {
    color: #000000 !important;
    font-family: 'BasisGrotesqueArabicPro-Black', sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html body .nvlty-desktop-search-panel
    .product-index
    .product-color-name.devVariantColor.devCardColorLabel {
    color: #727272 !important;
    font-size: 10px !important;
    line-height: 1 !important;
  }

  html body .nvlty-desktop-search-panel
    .product-index
    :is(.price-item, .money) {
    color: #000000 !important;
    font-size: 12px !important;
  }

  /* Search-panel cards use one fixed product image and no Quick View. */
  .nvlty-desktop-search-panel .product-index
    :is(.nvProductCardNav, .product-listing__quickview-trigger) {
    display: none !important;
  }

  .nvlty-desktop-search-panel .product-index
    .devProductCardCarousel {
    overflow: hidden !important;
  }

  .nvlty-desktop-search-panel .product-index
    .devProductCardCarouselTrack {
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel .product-index
    .devProductCardCarouselSlide {
    display: none !important;
    position: static !important;
    transform: none !important;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel .product-index
    .devProductCardCarouselSlide:first-child {
    display: block !important;
  }

  .nvlty-desktop-search-panel .prod-image .box-ratio {
    padding-bottom: 110% !important;
  }

  .nvlty-desktop-search-panel .prod-image .box-ratio img {
    object-fit: cover !important;
    object-position: center !important;
  }

  /* Existing progress controller can manage this track on desktop too. */
  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__rail-progress {
    background: #e7e7e7 !important;
    border: 0 !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
    height: 2px !important;
    margin: 15px 0 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 100% !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__rail-progress[hidden] {
    display: none !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__rail-progress-thumb {
    background: #000000 !important;
    border: 0 !important;
    border-radius: 2px !important;
    display: block !important;
    height: 2px !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    top: 0 !important;
    transform: translate3d(0, 0, 0);
    width: 10% !important;
    will-change: transform;
  }

  .nvlty-desktop-search-panel .nvlty-mobile-search-panel__empty {
    color: #000000 !important;
    font-family: 'BasisGrotesqueArabicPro-Bold', sans-serif !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .nvlty-desktop-search-panel
    :is(a, button, input):focus-visible {
    outline: 2px solid #000000 !important;
    outline-offset: 2px !important;
  }
}

@media screen and (min-width: 990px) and (prefers-reduced-motion: reduce) {
  html body
    .nvlty-mobile-search-panel.nvlty-desktop-search-panel {
    transition-duration: 1ms, 0s !important;
  }

  .nvlty-desktop-search-panel
    .nvlty-mobile-search-panel__product-results {
    transition-duration: 1ms !important;
  }
}

/* Remove the original full-width search row on desktop only. */
@media screen and (min-width: 990px) {
  html body predictive-search.devMobilePreSerach,
  html body .devMobilePreSerach,
  html body .devMobilePreSerach > form,
  html body .devMobilePreSerach .devInputWrapper,
  html body .devMobilePreSerach #predictive-search-desktop {
    display: none !important;
  }

  html body predictive-search.devMobilePreSerach,
  html body .devMobilePreSerach {
    border: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    visibility: hidden !important;
  }
}

/* Collapse the space formerly occupied by the original desktop search row. */
@media screen and (min-width: 990px) {
  html body #header-group .header-wrapper .navigation,
  html body #header-group .header-wrapper .navigation.navigation--sticky {
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
    overflow: visible !important;
  }

  html body #header-group .header-wrapper .navigation .nav-container {
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
  }

  html body #header-group .devMobilePreSerach,
  html body #header-group .devMobilePreSerach > form,
  html body #header-group .devMobilePreSerach .devInputWrapper {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Prevent homepage overlay header from exposing the legacy search on desktop. */
@media screen and (min-width: 990px) {
  html body.template-index
    #header-group
    predictive-search.devMobilePreSerach,
  html body.template-index
    #header-group
    predictive-search.devMobilePreSerach
    > form,
  html body.template-index
    #header-group
    predictive-search.devMobilePreSerach
    .devInputWrapper,
  html body.template-index
    #header-group
    predictive-search.devMobilePreSerach
    #predictive-search-desktop {
    border: 0 !important;
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    visibility: hidden !important;
  }
}