.friends-header-search{width:min(340px,100%);position:relative}.friends-header-search__form,.friends-header-search__field{width:100%}.friends-header-search__field{height:42px;border:1px solid rgba(var(--header-text-color),.35);align-items:center;gap:10px;padding-inline:13px 8px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;display:flex}.friends-header-search__field:focus-within{border-color:rgb(var(--header-text-color));box-shadow:0 0 0 1px rgb(var(--header-text-color))}.friends-header-search__field>svg{width:17px;height:17px;flex:none}.friends-header-search__input{-webkit-appearance:none;appearance:none;color:rgb(var(--header-text-color));background:transparent;border:0;outline:0;width:100%;min-width:0;padding:0}.friends-header-search__input::-webkit-search-cancel-button{display:none}.friends-header-search__input::placeholder{color:rgba(var(--header-text-color),.72)}.friends-header-search__clear{color:rgb(var(--header-text-color));width:32px;height:32px;flex:none;align-items:center;justify-content:center;display:flex}.friends-header-search__clear[hidden],.friends-header-search__panel[hidden],.friends-header-search__loading[hidden],.friends-header-search__overlay{display:none}.friends-header-search__panel{--heading-color: var(--root-heading-color);--text-color: var(--root-text-color);--background: var(--root-background);--primary-button-background: var(--root-primary-button-background);--primary-button-text-color: var(--root-primary-button-text-color);color:rgb(var(--text-color));background:rgb(var(--background));border:1px solid rgba(var(--text-color),.18);box-shadow:0 18px 40px rgba(var(--text-color),.16);width:min(640px,calc(100vw - 48px));max-height:min(640px,calc(100vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 24px));padding:22px;overflow-y:auto;overscroll-behavior:contain;position:fixed;z-index:6}.friends-header-search__loading{min-height:150px;align-items:center;justify-content:center;display:flex}.friends-header-search__loading .spinner{width:28px;height:28px}.friends-predictive-search__groups{grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:26px;display:grid}.friends-predictive-search__group:only-child{grid-column:1 / -1}.friends-predictive-search__heading{margin-block:0 14px}.friends-predictive-search__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;display:grid}.friends-predictive-search__product{min-width:0;align-items:center;gap:12px;padding:7px;transition:background .2s ease-in-out;display:grid;grid-template-columns:58px minmax(0,1fr)}.friends-predictive-search__product:hover,.friends-predictive-search__product:focus-visible,.friends-predictive-search__link:hover,.friends-predictive-search__link:focus-visible{background:rgba(var(--text-color),.06);outline:none}.friends-predictive-search__image-wrapper{background:rgba(var(--text-color),.05);aspect-ratio:1;display:block;overflow:hidden}.friends-predictive-search__image{object-fit:contain;width:100%;height:100%;display:block}.friends-predictive-search__product-info{min-width:0;gap:3px;display:grid}.friends-predictive-search__product-info>span:not(.price-list){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-predictive-search__links{gap:2px;display:grid}.friends-predictive-search__link{align-items:center;justify-content:space-between;gap:12px;padding:10px 8px;transition:background .2s ease-in-out;display:flex}.friends-predictive-search__link svg{width:14px;flex:none}.friends-predictive-search__view-all{margin-block-start:22px}.friends-predictive-search__empty{text-align:center;margin:34px 0}@media screen and (min-width:1000px)and (max-width:1199px){.friends-header-search{margin-inline-start:24px}}@media screen and (min-width:1000px){.friends-header-search__overlay{background:rgba(var(--root-text-color),.3);opacity:0;visibility:hidden;pointer-events:none;position:fixed;z-index:5;top:var(--friends-search-overlay-top, var(--header-height, 0px));right:0;bottom:0;left:0;transition:opacity .18s ease-out,visibility .18s ease-out;display:block}.friends-header-search.is-active .friends-header-search__overlay{opacity:1;visibility:visible;pointer-events:auto}}@media screen and (min-width:1200px){.header[data-header-layout=friends_logo_center_inline_search] .header__bottom-navigation .header__linklist{flex-wrap:nowrap;justify-content:center;gap:clamp(12px,1.45vw,24px)}.header[data-header-layout=friends_logo_center_inline_search] .header__bottom-navigation .header__linklist-item{margin-inline-end:0}.header[data-header-layout=friends_logo_center_inline_search] .header__bottom-navigation .header__linklist-link{font-size:clamp(11px,.9vw,13px);letter-spacing:.02em;white-space:nowrap}}@media screen and (max-width:999px){.shopify-section--header{will-change:transform;transition:transform .35s cubic-bezier(.25,1,.5,1)}#mobile-facet-toolbar{will-change:transform;transition:margin-top .2s ease-in-out,visibility .2s ease-in-out,transform .35s cubic-bezier(.25,1,.5,1)}.shopify-section--header.friends-mobile-header--hidden{transform:translateY(calc(-1 * var(--header-height, 0px)))}#mobile-facet-toolbar.friends-mobile-facet-toolbar--hidden{visibility:hidden;pointer-events:none;transform:translateY(calc(-1 * (var(--header-height, 0px) + 100%)))}#search-drawer{transform:none;transition:none}#search-drawer .predictive-search__input{font-size:max(16px,1rem)}#search-drawer[open] .drawer__content{animation:friends-search-content-in .16s ease-out}}@keyframes friends-search-content-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.friends-header-search__overlay{transition:none}#search-drawer .drawer__content{animation:none}.shopify-section--header,#mobile-facet-toolbar,#search-drawer{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/friends-header.css.map */