.header-search{width:48rem;position:absolute;top:12.4rem;left:4rem;z-index:0!important}.header-search__icon{pointer-events:all;width:4.4rem;height:4.4rem;cursor:pointer;display:grid;place-content:center;position:relative;z-index:1;color:#000}.header-search__icon svg{position:relative;z-index:1}.header-search__icon:before,.header-search__icon:after{content:"";display:block;width:4.4rem;height:4.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.3s width,.3s height,0s opacity .6s,.3s border-color;border-radius:.4rem}.header-search__icon:before{-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);border:.1rem solid transparent}.header-search__icon:after{opacity:.5;background-color:#fff}.header-search__icon:hover:before,.header-search__icon:hover:after{width:6.4rem;height:6.4rem;transition:.3s width,.3s height,0s opacity .6s,.3s border-color}.header-search__icon:hover:before{border:.1rem solid #000}.header-search .field__label{opacity:0;left:calc(var(--inputs-border-width) + 6.4rem);top:calc(1.8rem + var(--inputs-border-width));transition:.2s opacity,top var(--duration-short) ease,font-size var(--duration-short) ease}.header-search .field__input:focus~.field__label,.header-search .field__input:not(:placeholder-shown)~.field__label{left:calc(var(--inputs-border-width) + 6.4rem)}.header-search predictive-search{pointer-events:none;opacity:0;position:absolute;width:6.4rem;height:6.4rem;top:50%;left:-1rem;transform:translateY(-50%);border:.1rem solid transparent;border-radius:.4rem;-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem);border-color:transparent;transition:.2s border-color .4s,.4s width,0s opacity .6s}.header-search predictive-search:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:.5;border-radius:.4rem}.header-search .search{height:100%}.header-search .field{display:block;height:100%;border-radius:.4rem}.header-search .search__input.field__input{display:block;min-width:auto;width:100%;height:100%;flex-grow:inherit;opacity:0;margin:0;padding:0;border-radius:inherit;background-color:transparent;box-shadow:0 0 .001rem #000c;transition:.15s box-shadow,.2s padding .4s,.2s opacity}.header-search .field__input:focus{box-shadow:0 0 .8rem #000c}.header-search .field:before,.header-search .field:after{content:none}.header-search__cancel-button{position:absolute;width:3rem;height:3rem;opacity:0;display:grid;place-content:center;top:50%;right:.8rem;transform:translateY(-50%);cursor:pointer;transition:.2s opacity}.header .header-search--open predictive-search{pointer-events:all;width:52rem;opacity:1;border-color:#000;transition:0s border-color,.2s width .2s,0s opacity}.header .header-search--open .header-search__cancel-button{opacity:1;transition:.2s opacity .5s}.header .header-search--open .field__label{opacity:1;transition:.2s opacity .4s,top var(--duration-short) ease,font-size var(--duration-short) ease}.header .header-search--open .field__input{opacity:1;padding:0 3.6rem 0 6.4rem;transition:.15s box-shadow,0s padding .4s,.2s opacity .4s}.header .header-search--open .header-search__icon:before,.header-search--open .header-search__icon:after{width:6.4rem;height:6.4rem;opacity:0;transition:.3s width,.3s height,0s opacity}.header .header-search--closing .header-search__icon:before{width:6.4rem;height:6.4rem;opacity:1;transition:0s opacity .6s}.header .header-search--closing .header-search__icon:after{width:6.4rem;height:6.4rem;opacity:.5;transition:0s opacity .6s}@media(max-width:1200px){.header-search{left:2.4rem}}@media(max-width:640px){.header-search{position:fixed;width:32.8rem;top:11.4rem;left:1.6rem}.header-search__icon:hover:before,.header-search__icon:hover:after{width:4.4rem;height:4.4rem}.header-search predictive-search{width:4.4rem;height:4.4rem;left:0}.header .header-search--open predictive-search{pointer-events:all;width:32.8rem;opacity:1;border-color:#000;transition:.2s border-color,.2s width .2s,0s opacity}.header .header-search--open .field__input{opacity:1;padding:.6rem 3.6rem 0 4.4rem;transition:.15s box-shadow,0s padding .4s,.2s opacity .4s}.header-search .field__label{left:calc(var(--inputs-border-width) + 4.4rem);top:calc(.9rem + var(--inputs-border-width))}.header-search .field__input:focus~.field__label,.header-search .field__input:not(:placeholder-shown)~.field__label{top:calc(var(--inputs-border-width));left:calc(var(--inputs-border-width) + 4.4rem)}.header .header-search--open .header-search__icon:before,.header-search--open .header-search__icon:after,.header .header-search--closing .header-search__icon:before,.header .header-search--closing .header-search__icon:after{width:4.4rem;height:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/header-search.css.map */