.search-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;padding:2rem}.search-overlay[open]{display:flex;align-items:center;justify-content:center}.search-overlay .search-overlay__backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--color-background),.3);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);animation:searchOverlayFadeIn var(--duration-default) ease forwards}.search-overlay.closing .search-overlay__backdrop{animation:searchOverlayFadeOut var(--duration-default) ease forwards}.search-overlay__panel{position:relative;z-index:1;width:min(92vw,62rem);max-height:82vh;display:flex;flex-direction:column;background-color:rgb(var(--color-background));border:var(--popup-border-width) solid rgba(var(--color-foreground),var(--popup-border-opacity));border-radius:1.4rem;box-shadow:0 2.4rem 6rem rgba(var(--color-shadow),.28);overflow:hidden;animation:searchOverlayPanelIn var(--duration-medium) var(--ease-out-slow) forwards}.search-overlay.closing .search-overlay__panel{animation:searchOverlayPanelOut var(--duration-default) var(--ease-out-slow) forwards}.search-overlay__form{display:flex;flex-direction:column;min-height:0}.search-overlay__field{display:flex;align-items:center;gap:1.2rem;margin:0;padding:0 1.8rem;height:6rem;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1);background:transparent;flex:0 0 auto}.search-overlay__field:before,.search-overlay__field:after{display:none!important}.search-overlay__field-icon{flex:0 0 auto;width:2rem;height:2rem;color:rgba(var(--color-foreground),.55)}.search-overlay__field .search__input.field__input{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0;border:0;background:transparent;box-shadow:none;font-size:1.9rem;color:rgb(var(--color-foreground))}.search-overlay__field .field__input:focus,.search-overlay__field .field__input:focus-visible{outline:none;box-shadow:none}.search-overlay__field .field__input::placeholder{color:rgba(var(--color-foreground),.45);opacity:1}.search-overlay__field .reset__button,.search-overlay__close-button{position:static;flex:0 0 auto;display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:transparent!important;box-shadow:none!important;color:rgba(var(--color-foreground),.6);cursor:pointer;transition:color var(--duration-short) ease,background-color var(--duration-short) ease}.search-overlay__field .reset__button:hover,.search-overlay__close-button:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)!important}.search-overlay__field .reset__button:after{display:none!important}.search-overlay__field .reset__button.hidden{display:none}.search-overlay__field .reset__button .svg-wrapper,.search-overlay__close-button .svg-wrapper{width:1.6rem;height:1.6rem}.search-overlay .predictive-search,.search-overlay .predictive-search--overlay{position:static;inset:auto;top:auto;left:auto;right:auto;width:100%;max-height:min(60vh,52rem)!important;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow-y:auto;overscroll-behavior:contain}@keyframes searchOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes searchOverlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes searchOverlayPanelIn{0%{opacity:0;transform:translateY(-.8rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes searchOverlayPanelOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-.8rem) scale(.98)}}@media(prefers-reduced-motion:reduce){.search-overlay__backdrop,.search-overlay__panel,.search-overlay.closing .search-overlay__backdrop,.search-overlay.closing .search-overlay__panel{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-search-overlay.css.map */