#SiteHeader .sonee-inline-search{display:block;position:relative;min-width:0;width:100%;color:#252525;grid-column:2;grid-row:1}#SiteHeader .sonee-inline-search form{display:flex;align-items:center;margin:0;background:#f3f3f3;border-radius:40px;min-height:46px}#SiteHeader .sonee-inline-search form:focus-within{outline:2px solid #888;outline-offset:2px}#SiteHeader .sonee-inline-search input[type=search]{width:100%;min-width:0;border:0;background:transparent;padding:8px 18px 8px 4px;color:#252525;font:inherit;font-size:1.125rem;line-height:28px;box-shadow:none;outline:none}#SiteHeader .sonee-inline-search input::placeholder{color:#777;opacity:1}#SiteHeader .sonee-inline-search button[type=submit]{flex:0 0 52px;display:flex;justify-content:center;align-items:center;padding:10px 14px;color:#252525;border:0;background:transparent}#SiteHeader .sonee-inline-search button svg{width:23px;height:23px}#SiteHeader .sonee-inline-search .results__search-btn{display:flex;align-items:center;justify-content:flex-start;gap:8px;line-height:1.5;overflow-wrap:anywhere}#SiteHeader .sonee-inline-search .results__search-btn svg{display:block;flex:0 0 18px;width:18px;height:14px}#SiteHeader .sonee-inline-search__results{position:absolute;z-index:30;top:calc(100% + 10px);left:0;width:100%;max-height:min(65dvh,620px);overflow:auto;overscroll-behavior:contain;padding:22px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 12px 32px #0000001a;text-align:left}#SiteHeader .sonee-inline-search__results[hidden]{display:none}#SiteHeader .sonee-inline-search .predictive-search-results{display:block}#SiteHeader .sonee-inline-search .results__group-1,#SiteHeader .sonee-inline-search .results__group-2{width:100%;padding:0;border:0}#SiteHeader .sonee-inline-search .results__group-2>.results:not(.results--products){display:none}#SiteHeader .sonee-inline-search .results-products__image{width:64px;min-width:64px;max-width:64px;height:64px;flex-basis:64px}#SiteHeader .sonee-inline-search a:focus-visible,#SiteHeader .sonee-inline-search button:focus-visible{outline:2px solid #252525;outline-offset:-2px}@media(min-width:769px){#SiteHeader .header-layout--center .header-item--left{display:none}}@media(max-width:768px){#SiteHeader .header-layout{flex-wrap:wrap}#SiteHeader .sonee-inline-search{order:5;flex:0 0 100%;margin:6px 0 14px}#SiteHeader .sonee-inline-search form{min-height:46px}#SiteHeader .sonee-inline-search input[type=search]{font-size:1rem;padding-top:9px;padding-bottom:9px}#SiteHeader .sonee-inline-search__results{padding:16px;max-height:60dvh}}#SiteHeader .sonee-inline-search form{border:1px solid transparent}#SiteHeader .sonee-inline-search form:focus-within{outline:none}#SiteHeader .sonee-inline-search.is-open form{background:#fff;border-color:#bfbfbf}#SiteHeader .sonee-inline-search .sonee-inline-search__close{flex:0 0 46px;padding:10px 16px 10px 6px;line-height:0;color:#252525}#SiteHeader .sonee-inline-search .sonee-inline-search__close[hidden]{display:none}#SiteHeader .sonee-inline-search__close svg{width:20px;height:20px}#SiteHeader .sonee-inline-search input::-webkit-search-cancel-button{display:none}#SiteHeader .sonee-inline-search__suggestions{margin:0;padding:0;list-style:none}#SiteHeader .sonee-inline-search__suggestion-group+.sonee-inline-search__suggestion-group{border-top:1px solid #eee;margin-top:12px;padding-top:12px}#SiteHeader .sonee-inline-search__suggestion-group h2{margin:0 0 4px;padding:0 16px;color:#777;font-size:.75rem;font-weight:600;line-height:1.5;letter-spacing:.04em}#SiteHeader .sonee-inline-search__suggestions li{margin:0}#SiteHeader .sonee-inline-search__suggestions a{display:block;padding:16px 38px;color:#777;font-size:1.25rem;line-height:1.5;border-radius:8px}#SiteHeader .sonee-inline-search__suggestions a:hover{background:#f5f5f5;color:#252525}#SiteHeader .sonee-inline-search__results{border-radius:24px;border-color:#e3dfdc}@media(min-width:769px){#SiteHeader .header-layout.header-layout--center{grid-template-columns:120px minmax(0,1fr) auto;gap:32px}#SiteHeader .header-layout.header-layout--center .header-item--icons{grid-column:3}#SiteHeader .header-layout.header-layout--center .sonee-inline-search{width:min(100%,560px);justify-self:center}}@media(max-width:768px){#SiteHeader .header-layout.header-layout--center{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}#SiteHeader .header-layout--center .header-item--left{grid-column:1;grid-row:1}#SiteHeader .header-layout--center .header-item--logo{grid-column:2;grid-row:1;justify-self:center;padding:12px 0 8px}#SiteHeader .header-layout--center .header-item--icons{grid-column:3;grid-row:1}#SiteHeader .header-layout--center .sonee-inline-search{grid-column:1 / -1;grid-row:2}}@media(max-width:768px){#StickyHeaderWrap:has(.sonee-inline-search){height:var(--mobile-header-height, 132px)!important}#SiteHeader:has(.sonee-inline-search){position:relative;transform:none;transition:none;background:transparent;box-shadow:none}#SiteHeader.sonee-mobile-pinned{position:fixed;inset:0 0 auto;z-index:28;pointer-events:none}#SiteHeader .header-layout--center{position:relative}#SiteHeader .header-layout--center:before{content:"";position:absolute;top:0;left:-17px;right:-17px;height:var(--mobile-logo-height, 65px);background:var(--colorHeader, #fff);z-index:3}#SiteHeader .header-layout--center>.header-item{position:relative;z-index:4;pointer-events:auto}#SiteHeader .header-layout--center .sonee-inline-search{z-index:2;pointer-events:auto;transform:translateY(0);transition:transform .18s ease,visibility .18s}#SiteHeader .header-layout--center .sonee-inline-search:before{content:"";position:absolute;top:-6px;right:-17px;bottom:-14px;left:-17px;background:var(--colorHeader, #fff);z-index:-1}#SiteHeader .header-layout--center .sonee-inline-search.is-scroll-hidden{transform:translateY(calc(-100% - 20px));visibility:hidden;pointer-events:none}#SiteHeader .sonee-inline-search__results{transition:max-height .18s ease,padding .18s ease}#SiteHeader .sonee-inline-search.is-scroll-hidden .sonee-inline-search__results{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;border-width:0}}@media(prefers-reduced-motion:reduce){#SiteHeader .header-layout--center .sonee-inline-search,#SiteHeader .sonee-inline-search__results{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/sonee-header-search.css.map */