.search-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;padding-block:10rem;padding-inline:1.6rem;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:300}@media screen and (min-width: 1024px){.search-modal{padding-top:20rem}}.search-modal.open{opacity:1;pointer-events:all}.search-modal .backdrop{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1}.search-modal predictive-search{display:block;width:100%;max-width:80rem;position:relative;height:fit-content;transform:translateY(20px);opacity:0;transition:opacity .2s ease .1s,transform .2s ease .1s}.search-modal.open predictive-search{opacity:1;transform:translateY(0)}.search-modal predictive-search form .search-field{display:flex;align-items:stretch;justify-content:center;background-color:var(--white);border-radius:.8rem;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 0 6px 2px #0000004d}.search-modal predictive-search form .search-field input{width:100%;border:0;background-color:var(--white);padding:1.6rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-size:1.4rem;font-weight:400;line-height:1.8rem;letter-spacing:.2px;color:var(--black)}.search-modal predictive-search form .search-field input::-webkit-search-cancel-button{display:none}.search-modal predictive-search form .search-field input:focus,.search-modal predictive-search form .search-field input:focus-visible{box-shadow:none;outline:none}.search-modal predictive-search form .search-field button{width:5.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;background-color:var(--green-900);color:var(--white)}.search-modal predictive-search form .search-field button svg{width:auto;height:2.4rem}.search-modal predictive-search .predictive-search{top:calc(100% + 1rem);border-top:none!important;border-radius:.8rem!important;overflow:auto!important;max-height:65vh}@media screen and (min-width: 1024px){.search-modal predictive-search .predictive-search{max-height:40vh}}.search-modal predictive-search .predictive-search::-webkit-scrollbar{display:none}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-search-modal.css.map */