.header__search{--zs-bg: #121212;--zs-surface: #1c1c1c;--zs-border: #333333;--zs-text: #ffffff;--zs-muted: #a3a3a3;--zs-accent: #c8f336}.header__search .search-modal{border-bottom:0;background:var(--zs-bg)}.header__search details[open]>.search-modal{animation:zs-modal-in .35s cubic-bezier(.2,.8,.2,1)}.header__search details[open] .search-modal__content{animation:zs-content-in .45s cubic-bezier(.2,.8,.2,1) both}.header__search details[open] .modal-overlay:after{background:linear-gradient(180deg,#121212f5,#121212d1 18%,#1212128c 45%,#1212124d 75%,#12121226);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:zs-overlay-in .55s cubic-bezier(.2,.8,.2,1) both}.header__search .field:before,.header__search .field:after{display:none}.header__search .search__input.field__input{height:5.2rem;padding:2.2rem 9rem .8rem 2.2rem;border:1px solid var(--zs-border);border-radius:999px;background:var(--zs-surface);color:var(--zs-text);font-size:1.6rem;box-shadow:none;transition:border-color .2s ease,background-color .2s ease}.header__search .search__input.field__input:hover{border-color:#5a5a5a}.header__search .search__input.field__input:focus{outline:none;border-color:var(--zs-accent);background:#202020}.header__search .field__label{left:2.2rem;top:1.6rem;color:var(--zs-muted);font-size:1.5rem}.header__search .field__input:focus~.field__label,.header__search .field__input:not(:placeholder-shown)~.field__label{top:.8rem;left:2.2rem;font-size:1.1rem;letter-spacing:.06em;color:var(--zs-accent)}.header__search .field__button{right:.6rem;width:4rem;height:4rem;top:50%;transform:translateY(-50%);border-radius:50%;color:var(--zs-muted)}.header__search .search__button{background:var(--zs-accent);color:#121212}.header__search .reset__button{right:5rem}.header__search .field__button .svg-wrapper,.header__search .field__button svg{width:1.8rem;height:1.8rem}.header__search .search-modal__close-button{width:4.4rem;height:4.4rem;border:1px solid var(--zs-border);border-radius:50%;color:var(--zs-text);transition:border-color .2s ease,transform .2s ease}@media(hover:hover){.header__search .search-modal__close-button:hover{border-color:var(--zs-accent);transform:rotate(90deg)}}.header__search .predictive-search{margin-top:.8rem;border:1px solid var(--zs-border);border-radius:1.6rem;background:var(--zs-surface);color:var(--zs-text);box-shadow:0 1.6rem 4rem #00000073}@keyframes zs-modal-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes zs-content-in{0%{opacity:0;transform:translateY(-.8rem)}to{opacity:1;transform:translateY(0)}}@keyframes zs-overlay-in{0%{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@media screen and (max-width:749px){.header__search .search__input.field__input{height:4.8rem;font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.header__search details[open]>.search-modal,.header__search details[open] .search-modal__content,.header__search details[open] .modal-overlay:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-zpen-search.css.map */