.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002}.search-overlay[hidden]{display:none}.search-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e1e1e38;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);opacity:0;transition:opacity .26s ease}.search-overlay--open .search-overlay__scrim{opacity:1}.search-overlay__panel{position:relative;width:min(640px,calc(100vw - 32px));margin:12vh auto 0;max-height:74vh;display:flex;flex-direction:column;overflow:hidden;background:#ffffffdb;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.55);border-radius:22px;box-shadow:0 24px 60px #1e1e1e2e,0 2px 8px #1e1e1e0f;opacity:0;transform:translateY(-14px) scale(.96);transition:opacity .32s ease,transform .42s cubic-bezier(.16,1,.3,1)}.search-overlay__panel:before{content:"";position:absolute;inset:0 0 auto 0;height:120px;pointer-events:none;background:linear-gradient(180deg,#ffffff8c,#fff0)}.search-overlay--open .search-overlay__panel{opacity:1;transform:translateY(0) scale(1)}.search-overlay__field{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(30,30,30,.08)}.search-overlay__field-icon{flex:0 0 auto;width:20px;height:20px;color:var(--secondary-50, #464646)}.search-overlay__input{flex:1 1 auto;min-width:0;border:none;background:none;outline:none;font-family:var(--font-family-paragraph, "Figtree", sans-serif);font-size:var(--font-paragraph-large-size, 18px);line-height:var(--font-paragraph-large-line-height, 24px);color:var(--surfaces-black-100, #1e1e1e)}.search-overlay__input::placeholder{color:var(--secondary-50, #464646)}.search-overlay__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-overlay__clear{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:1000px;background:#1e1e1e0f;color:var(--surfaces-black-100, #1e1e1e);cursor:pointer;transition:background-color .16s ease}.search-overlay__clear[hidden]{display:none}.search-overlay__clear:hover{background:#1e1e1e1f}.search-overlay__body{position:relative;z-index:1;padding:16px 20px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.search-overlay__label{margin:0 0 10px;color:var(--secondary-50, #464646);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.search-overlay__label+.search-overlay__label,.search-overlay__list+.search-overlay__label{margin-top:18px}.search-overlay__chips{display:flex;flex-wrap:wrap;gap:8px}.search-overlay__chip{min-height:36px;padding:8px 16px;border:1px solid rgba(30,30,30,.12);border-radius:1000px;background:#fff9;color:var(--surfaces-black-100, #1e1e1e);font-family:inherit;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.search-overlay__chip:hover{background:var(--surfaces-White, #ffffff);border-color:#1e1e1e47;transform:translateY(-1px)}.search-overlay__list{list-style:none;margin:0;padding:0}.search-overlay__item{margin:0}.search-overlay__result{display:flex;align-items:center;gap:14px;padding:10px 12px;margin:0 -12px;border-radius:14px;text-decoration:none;color:var(--surfaces-black-100, #1e1e1e);transition:background-color .16s ease;animation:search-result-in .34s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(var(--i, 0) * 34ms)}.search-overlay__result:hover,.search-overlay__result:focus-visible{background:#ffffffd9;outline:none}.search-overlay__result:focus-visible{box-shadow:inset 0 0 0 2px var(--surfaces-black-100, #1e1e1e)}@keyframes search-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-overlay__thumb{flex:0 0 auto;width:48px;height:48px;padding:4px;border-radius:10px;object-fit:contain;background:#f7e8f2}.search-overlay__result-text{flex:1 1 auto;min-width:0}.search-overlay__result-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-overlay__result-meta{display:block;margin-top:2px;color:var(--secondary-50, #464646)}.search-overlay__result-arrow{flex:0 0 auto;color:var(--secondary-50, #464646)}.search-overlay__empty-title{margin:0 0 4px;font-family:var(--font-family-heading, "Rethink Sans", sans-serif);font-size:var(--font-h6-size, 18px);line-height:var(--font-h6-line-height, 24px);font-weight:600;color:var(--surfaces-black-100, #1e1e1e)}.search-overlay__empty-body{margin:0 0 18px;color:var(--secondary-50, #464646)}.header__search{position:relative}.header__search:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}@media screen and (max-width:749px){.search-overlay__panel{width:calc(100vw - 24px);margin-top:8vh;max-height:80vh;border-radius:18px}.search-overlay__field{padding:14px 16px}.search-overlay__body{padding:14px 16px 16px}}@media(prefers-reduced-motion:reduce){.search-overlay__scrim,.search-overlay__panel{transition:opacity .01ms linear;transform:none}.search-overlay--open .search-overlay__panel{transform:none}.search-overlay__result{animation:none}.search-overlay__chip:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/search-overlay.css.map */