.header__search--inline-expandable{position:absolute;right:0;width:0;opacity:0;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1),opacity .3s ease .1s;pointer-events:none;z-index:100}.header__search-wrapper.search-active .header__search--inline-expandable{width:350px;opacity:1;pointer-events:auto;padding-right:8px}.search-inline-expand{position:relative}.search-inline-expand__field .search__button{display:none!important}.search-inline-expand__field .reset__button{right:var(--inputs-border-width)}.search-inline-expand__field .reset__button:not(:focus-visible):after,.search-inline-expand__field .reset__button:not(:focus):after{border-right:none}.search-inline-toggle{flex-shrink:0;position:relative;z-index:101;transition:transform .3s ease}.header__search-wrapper.search-active .search-inline-toggle .icon{transform:rotate(90deg)}.header__search--inline-expandable .predictive-search--header{position:absolute;top:calc(100% + 8px);left:0;right:0;background:rgb(var(--color-background));border-radius:var(--inputs-radius-outset);box-shadow:0 10px 40px #00000026;max-height:70vh;overflow-y:auto;z-index:10;display:none}.header__search-wrapper.search-active .predictive-search--header[open],.header__search-wrapper.search-active .predictive-search--header.predictive-search--active{display:block}.header__search-wrapper:not(.search-active) .header__search--inline-expandable{visibility:hidden}.header__search-wrapper.search-active .header__search--inline-expandable{visibility:visible}@media screen and (max-width: 989px){.header__search-wrapper.search-active .header__search--inline-expandable{width:280px}}@media screen and (max-width: 749px){.header__search--inline-expandable{right:0}.header__search-wrapper.search-active .header__search--inline-expandable{width:min(240px,calc(100vw - 56px));padding-right:0}}@media screen and (min-width: 1200px){.header__search-wrapper.search-active .header__search--inline-expandable{width:450px}}.header__search--inline-expandable .field{transform:scale(.95);transition:transform .3s ease}.header__search-wrapper.search-active .header__search--inline-expandable .field{transform:scale(1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-search.css.map */