#SearchDrawer[open] .header__search{position:fixed;opacity:1;transition:all .2s ease-in-out .3s;top:65px}.header__search{width:700px;top:0;right:360px;opacity:0;transition:all .2s ease-in-out;position:fixed}.header__search .search-modal{position:fixed;width:500px;left:-600px;top:0}.header__search .search-modal .search-modal__content{display:flex;align-items:center}.header__search .search-modal .search-modal__content .search-modal__form{width:100%}.header__search .search-modal .search-modal__content .search-modal__form form .field{display:flex;justify-content:flex-end;align-items:center}.header__search .inputgroup{display:flex;align-items:center}.header__search .inputgroup .search__input{width:100%;height:50px;padding:16px 20px 8px 50px;border-radius:9px}.header__search .inputgroup .field__label{font-size:14px;left:50px;top:14px;font-weight:100;margin-bottom:0;pointer-events:none;position:absolute;transition:top .1s ease,font-size .1s ease;color:var(--clr-base);line-height:1.5}.header__search .inputgroup .search__input:focus~label,.header__search .inputgroup .search__input:not(:placeholder-shown)~label,.header__search .inputgroup .search__input:-webkit-autofill~label{font-size:7px;left:50px;opacity:.65;top:10px;transition:top .2s ease,font-size .1s ease}.header__search .inputgroup .reset__button{position:absolute;width:30px;height:30px;right:8px;display:inline-flex;align-items:center}.header__search .inputgroup .reset__button .svg-wrapper svg{stroke:var(--clr-base);width:20px}.header__search .inputgroup .reset__button .svg-wrapper svg circle{display:none}.header__search .inputgroup .search__button{position:absolute;left:10px;width:30px}.header__search .inputgroup .search__button .svg-wrapper svg{max-width:15px;height:auto}.header__search .inputgroup .search__button .svg-wrapper svg path{stroke:var(--clr-base)}.header__search .search-modal .search-modal__content .search-modal__close-button{display:none}@media screen and (max-width: 1200px){.header__search{width:calc(100% - 580px);right:310px}}@media screen and (max-width: 991px){num-app[open-search=true]>div sticky-header .header .header__logo{mix-blend-mode:normal!important}.header__search{width:calc(100% - 40px);right:20px;display:none}#SearchDrawer[open] .header__search{top:110px}#SearchDrawer[open] .header__search{display:block}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/form-search.css.map */