.header__top{--header-grid-template: "icons-left logo search icons" / auto auto minmax(0, 1fr) auto}.header__search{padding-block-start:0;justify-self:end;width:100%;max-width:32rem}.header__search .search__input{line-height:calc(4rem - var(--inputs-border-width, 0px) * 2);padding-inline-start:1.6rem;padding-inline-end:4rem}.header__search .search__field-icon{inset-inline-end:1.2rem}@media(max-width:1023px){.header__top{--header-grid-template: "icons-left logo search icons" / auto minmax(0, 1fr) auto auto;column-gap:.8rem}.header__search{width:4rem}.header__search:not(:focus-within):not(:has(.search__input:not(:placeholder-shown))) .search__input{padding:0;border-color:transparent;background-color:transparent;cursor:pointer}.header__search:not(:focus-within):not(:has(.search__input:not(:placeholder-shown))) .search__input::placeholder{color:transparent}.header__search:not(:focus-within):not(:has(.search__input:not(:placeholder-shown))) .search__field-icon{inset-inline-end:.8rem;pointer-events:none}.header__search:not(:focus-within):not(:has(.search__input:not(:placeholder-shown))) .search__reset{pointer-events:none}.header__top:has(.header__search :is(:focus-within,.search__input:not(:placeholder-shown))),.search-open .header__top{--header-grid-template: "search icons" / minmax(0, 1fr) auto}.header__top:has(.header__search :is(:focus-within,.search__input:not(:placeholder-shown))) :is(.header__logo,.header__icons--left),.search-open .header__top :is(.header__logo,.header__icons--left){display:none}.header__top:has(.header__search :is(:focus-within,.search__input:not(:placeholder-shown))) .header__search,.search-open .header__search{width:100%;max-width:none}}@media(min-width:1024px){.header__top--logo-left{--header-grid-template: "logo search icons" / auto minmax(0, 1fr) auto}.header__top--logo-left .header__search{padding-inline:4.2rem 1.6rem}.header__search .search__form{min-width:0;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/acttua-header.css.map */