:root{--zm-search-bg: #ffffff;--zm-search-text: #191b1c;--zm-search-text-muted: #5b6670;--zm-search-border: #cad1d3;--zm-search-accent: #ff4d00;--zm-search-radius: 24px;--zm-search-input-radius: 12px;--zm-search-shadow: 0 16px 48px rgba(25, 27, 28, .12)}.zm-search{color:var(--zm-search-text)}.zm-search .predictive-search{border-radius:0 0 var(--zm-search-radius) var(--zm-search-radius);overflow:hidden;border:1px solid var(--zm-search-border);border-top:0;box-shadow:0 12px 32px #191b1c14}.zm-search .predictive-search__list-item{transition:background-color .2s ease}.zm-search .predictive-search__list-item:hover,.zm-search .predictive-search__list-item[aria-selected=true]{background-color:#ff4d000f}.zm-search .search-modal{background:transparent}.zm-search .modal-overlay{background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.zm-search .search-modal__content{max-width:760px;margin:2rem auto;background:var(--zm-search-bg);border-radius:var(--zm-search-radius);box-shadow:var(--zm-search-shadow);padding:2rem}.zm-search .search-modal__form{width:100%}.zm-search .field{display:flex;align-items:center;border:1px solid var(--zm-search-border);border-radius:var(--zm-search-input-radius);overflow:hidden;background:#fff;min-height:56px;transition:border-color .2s ease,box-shadow .2s ease}.zm-search .field:before,.zm-search .field:after{display:none}.zm-search .field__input{min-height:56px;border:0;background:#fff;color:var(--zm-search-text);font-size:16px;padding-inline:1rem}.zm-search .field__input::placeholder{color:var(--zm-search-text-muted);opacity:1}.zm-search .field__input:focus{outline:none}.zm-search .field__label{color:var(--zm-search-text-muted)}.zm-search .field:focus-within{border-color:var(--zm-search-accent);box-shadow:0 0 0 4px #ff4d001f}.zm-search .field__input:focus-visible{outline:none}.zm-search .predictive-search__item{font-weight:600}.zm-search .search__button,.zm-search .reset__button{color:var(--zm-search-text-muted);transition:color .2s ease,transform .2s ease}.zm-search .search__button:hover,.zm-search .reset__button:hover{color:var(--zm-search-accent);transform:scale(1.05)}@media(max-width:749px){.zm-search .search-modal__content{width:calc(100% - 2rem);margin:1rem auto;padding:1rem;border-radius:18px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/zm-search.css.map */