.nav-search{position:relative;display:flex;align-items:center;align-self:center;width:min(45vw,200px);min-width:0;margin-right:.8rem}@media screen and (min-width:750px){.nav-search{width:220px}}@media screen and (min-width:990px){.nav-search{width:clamp(200px,18vw,280px)}}.nav-search__form{--nav-search-fg: var(--ds-ink);--nav-search-placeholder: var(--ds-ink-soft);position:relative;display:flex;align-items:center;width:100%;height:40px;margin:0;padding-left:1.2rem;background:var(--ds-surface-muted);border:1px solid transparent;border-radius:var(--ds-radius-pill);transition:background-color var(--ds-duration-fast) var(--ds-ease),border-color var(--ds-duration-fast) var(--ds-ease),box-shadow var(--ds-duration-fast) var(--ds-ease)}.nav-search__form:hover{background-color:var(--ds-surface);border-color:var(--ds-hairline-strong)}.nav-search__form:focus-within{background:var(--ds-surface-muted);box-shadow:0 0 0 1px var(--ds-hairline-strong)}.nav-search__input.field__input{-webkit-appearance:none;appearance:none;position:relative;z-index:var(--ds-z-raised);flex:1 1 auto;width:100%;min-width:0;height:100%;margin:0;padding:0 2.5rem 0 .6rem;background:transparent;border:0;border-radius:0;box-shadow:none;font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-regular, 400);letter-spacing:0;line-height:1.2;color:var(--nav-search-fg)}.nav-search__input.field__input::placeholder{color:var(--nav-search-placeholder);opacity:1}.nav-search__input.field__input:focus,.nav-search__input.field__input:focus-visible{outline:0;box-shadow:none}.nav-search__input.field__input::-webkit-search-cancel-button{-webkit-appearance:none}.nav-search .field__label{position:absolute!important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal!important}.nav-search__submit{position:relative;z-index:var(--ds-z-raised);flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:auto;padding:0;margin-right:.6rem;background:transparent;border:0;color:var(--nav-search-fg);cursor:pointer}.nav-search__submit .nav-search__icon{width:16px;height:16px;display:block}.nav-search__submit:focus-visible{outline:2px solid var(--ds-ink);outline-offset:2px;border-radius:var(--ds-radius-pill)}.nav-search .reset__button.nav-search__reset{position:absolute;right:.6rem;top:50%;z-index:var(--ds-z-raised);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;background:transparent;border:0;border-radius:var(--ds-radius-pill);color:var(--nav-search-placeholder);cursor:pointer}.nav-search .reset__button.nav-search__reset:after,.nav-search .reset__button.nav-search__reset:before{display:none!important}.nav-search .reset__button.nav-search__reset .icon{width:1.4rem;height:1.4rem;color:inherit}.nav-search .reset__button.nav-search__reset:hover{color:var(--ds-ink)}.nav-search .reset__button.nav-search__reset:focus,.nav-search .reset__button.nav-search__reset:focus-visible{background-color:transparent;box-shadow:none;outline:none}.nav-search .reset__button.nav-search__reset.hidden{display:none}.nav-search .predictive-search{position:absolute;top:calc(100% + .8rem);left:auto;right:0;width:max(100%,360px);max-width:92vw;z-index:var(--ds-z-dropdown);border-radius:var(--ds-radius-sm);overflow:hidden;box-shadow:var(--ds-shadow-pop)}@media screen and (max-width:749px){.nav-search .predictive-search{width:100%}}[data-search-best-sellers-section][hidden]{display:none}.search-best-sellers__skeleton{display:flex;flex-direction:column;gap:var(--ds-space-2xs);min-width:0}.search-best-sellers__skeleton-media,.search-best-sellers__skeleton-line{display:block;border-radius:var(--ds-radius-sm);background:var(--ds-surface-muted);animation:ds-skeleton-pulse var(--ds-duration-slow) var(--ds-ease) infinite alternate}.search-best-sellers__skeleton-media{aspect-ratio:4 / 5;margin-bottom:var(--ds-space-3xs)}.search-best-sellers__skeleton-line{height:var(--ds-space-xs);width:80%}.search-best-sellers__skeleton-line--short{width:45%}@media(prefers-reduced-motion:reduce){.search-best-sellers__skeleton-media,.search-best-sellers__skeleton-line{animation:none}}.desktop-search-dropdown__panel[hidden]{display:none!important;height:0!important;min-height:0!important;overflow:hidden!important;visibility:hidden!important;pointer-events:none!important}@media screen and (min-width:990px){.desktop-search-dropdown{position:relative;display:flex;align-items:center;margin-right:.8rem;--desktop-search-pill-width: clamp(200px, 18vw, 280px)}.desktop-search-dropdown__trigger{display:flex;align-items:center;width:var(--desktop-search-pill-width);height:40px;margin:0;padding:0 1.2rem;border:1px solid transparent;border-radius:999px;background:#f5f5f5;color:#111;font-family:var(--font-body-family);font-size:14px;font-weight:var(--ds-weight-regular, 400);line-height:16px;text-align:left;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.desktop-search-dropdown__trigger:hover{background:#fff;border-color:#d1d5db}.desktop-search-dropdown__trigger:focus-visible{outline:0;box-shadow:0 0 0 2px #1111111f}.desktop-search-dropdown__trigger-icon,.desktop-search-dropdown__trigger-label{position:relative;z-index:var(--ds-z-raised)}.desktop-search-dropdown__trigger-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;margin-right:.6rem;color:inherit}.desktop-search-dropdown__trigger-icon svg{width:16px;height:16px;display:block}.desktop-search-dropdown__trigger-label{color:gray}.desktop-search-dropdown__panel{position:fixed;top:var(--desktop-search-top, 0);left:0;right:0;z-index:var(--ds-z-dropdown);--color-foreground: 17, 17, 17;--color-link: 17, 17, 17;color:#111;background:#fff;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 12px 32px #11111114;max-height:calc(100vh - var(--desktop-search-top, 0px));overflow-y:auto;-webkit-overflow-scrolling:touch}.desktop-search-dropdown__panel-inner{padding:24px 0 40px}.desktop-search-dropdown__top{position:relative;display:block;margin-bottom:32px}.desktop-search-dropdown__search{width:100%;min-width:0}.desktop-search-dropdown .desktop-search-dropdown__search .nav-search{display:block;width:100%;max-width:none;margin:0}.desktop-search-dropdown .desktop-search-dropdown__search .nav-search__form{width:var(--desktop-search-pill-width);margin:0 auto}.desktop-search-dropdown__search .nav-search__form{--nav-search-fg: #111111 !important;--nav-search-placeholder: #a3a3a3 !important;height:40px;padding-left:1.2rem;background:#f5f5f5!important;border:1px solid transparent!important;border-radius:999px;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.desktop-search-dropdown__search .nav-search__form:before{display:none!important}.desktop-search-dropdown__search .nav-search__form:hover{background:#fff!important;border-color:#d1d5db!important}.desktop-search-dropdown__search .nav-search__form:focus-within{background:#f0f0f0!important;box-shadow:0 0 0 2px #1111111f!important}.desktop-search-dropdown__search .nav-search__submit,.desktop-search-dropdown__search .nav-search__input.field__input{color:#111!important}.desktop-search-dropdown__search .nav-search__input.field__input::placeholder{color:#a3a3a3!important;opacity:1}.desktop-search-dropdown__search .nav-search__reset{color:gray!important}.desktop-search-dropdown__close{position:absolute;right:0;top:-2px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;border:0;background:transparent;color:#111;cursor:pointer}.desktop-search-dropdown__close .svg-wrapper{display:flex;width:20px;height:20px}.desktop-search-dropdown__close .icon{width:20px;height:20px;fill:currentColor}.desktop-search-dropdown__close:focus-visible{outline:.2rem solid rgba(17,17,17,.35);outline-offset:.2rem}.desktop-search-dropdown__columns{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:48px;align-items:start}.desktop-search-dropdown__heading{margin:0 0 16px;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:#111}.desktop-search-dropdown__trending-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.desktop-search-dropdown__trending-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#f5f5f5;color:#111;font-size:1.4rem;font-weight:400;line-height:1.2;text-decoration:none;transition:background-color .2s ease}.desktop-search-dropdown__trending-link:hover,.desktop-search-dropdown__trending-link:focus-visible{background:#ebebeb}.desktop-search-dropdown__product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.desktop-search-dropdown__product-grid .ds-product-card{min-width:0}.desktop-search-dropdown__panel .ds-product-card__link,.desktop-search-dropdown__panel .ds-product-card__title,.desktop-search-dropdown__panel .ds-product-card__price{color:#111}.desktop-search-dropdown__panel .ds-product-card__desc{color:#666}.desktop-search-dropdown .desktop-search-dropdown__search .predictive-search{position:static;top:auto;left:auto;right:auto;width:100%;max-width:none!important;max-height:none!important;margin:28px 0 0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.desktop-search-dropdown predictive-search:not([open]):not([loading]) .predictive-search{display:none}.desktop-search-dropdown predictive-search[open] .predictive-search,.desktop-search-dropdown predictive-search[loading] .predictive-search{display:block}.desktop-search-dropdown .predictive-search__results-groups-wrapper{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:48px;align-items:start;border-bottom:0;padding:0}.desktop-search-dropdown .predictive-search__result-group--suggestions[hidden]{display:none}.desktop-search-dropdown .predictive-search__result-group--suggestions[hidden]+.predictive-search__result-group--products{grid-column:1 / -1}.desktop-search-dropdown .predictive-search__heading{margin:0 0 16px;padding:0;border-bottom:0;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;color:#111}.desktop-search-dropdown .predictive-search__results-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.desktop-search-dropdown .predictive-search__list-item{border-bottom:0}.desktop-search-dropdown .predictive-search__item{display:inline-flex;align-items:center;width:auto;padding:10px 14px;border-radius:999px;background:#f5f5f5;color:#111;font-size:1.4rem;font-weight:400;line-height:1.2;text-decoration:none;transition:background-color .2s ease}.desktop-search-dropdown .predictive-search__item:hover,.desktop-search-dropdown .predictive-search__list-item[aria-selected=true] .predictive-search__item{background:#ebebeb}.desktop-search-dropdown .predictive-search__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.desktop-search-dropdown .predictive-search__search-for-button{margin-top:28px;padding:0;text-align:center}.desktop-search-dropdown .predictive-search__item--term{display:inline-flex;width:auto;padding:.6rem 0;border-radius:0;background:transparent;font-size:1.4rem;color:#111}.desktop-search-dropdown .predictive-search__item--term:hover{background:transparent}.desktop-search-dropdown .predictive-search__empty{max-width:56rem;margin:0 auto 8px;padding:0;text-align:center}.desktop-search-dropdown__panel:has(predictive-search[results][open]:not([no-results])) .desktop-search-dropdown__defaults{display:none}html:not(.mega-menu-is-open):not(.header-nav-engaged):not(.desktop-search-open) :is(body.template-index,body.page-hero-overlay) .section-header:not(.scrolled-past-header) .desktop-search-dropdown__trigger{--nav-search-fg: rgb(255, 255, 255);position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,#fff3,#ffffff1a,#fff3);border-color:transparent;color:#fff}html:not(.mega-menu-is-open):not(.header-nav-engaged):not(.desktop-search-open) :is(body.template-index,body.page-hero-overlay) .section-header:not(.scrolled-past-header) .desktop-search-dropdown__trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#ffffff7a,#fff0,#ffffff7a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:var(--ds-z-base)}html:not(.mega-menu-is-open):not(.header-nav-engaged):not(.desktop-search-open) :is(body.template-index,body.page-hero-overlay) .section-header:not(.scrolled-past-header) .desktop-search-dropdown__trigger:hover{background:linear-gradient(90deg,#ffffff42,#ffffff24,#ffffff42);border-color:transparent}html:not(.mega-menu-is-open):not(.header-nav-engaged):not(.desktop-search-open) :is(body.template-index,body.page-hero-overlay) .section-header:not(.scrolled-past-header) .desktop-search-dropdown__trigger-label{color:#ffffffb8}html.desktop-search-open :is(body.template-index,body.page-hero-overlay) .section-header .header-wrapper{background:#fff!important;background-image:none!important;border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 4px #0000000a}html.desktop-search-open :is(body.template-index,body.page-hero-overlay) .section-header .header__heading-logo{filter:none}html.desktop-search-open :is(body.template-index,body.page-hero-overlay) .section-header .header__icon .icon,html.desktop-search-open :is(body.template-index,body.page-hero-overlay) .section-header .header__menu-item,html.desktop-search-open :is(body.template-index,body.page-hero-overlay) .section-header .header__menu-item span{color:#111}.desktop-search-dropdown--open .desktop-search-dropdown__trigger{visibility:hidden;pointer-events:none}}@media screen and (max-width:989px){.desktop-search-dropdown__panel{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-desktop-search-dropdown.css.map */