.header__search-bar{grid-area:search;width:100%;position:relative;margin:1.2rem 0 .4rem}.header__search-bar .search{position:relative}.header__search-bar .field{min-height:5.2rem}.header__search-bar .field:after,.header__search-bar .field:hover.field:after{border-radius:0}.header__search-bar .field:before{border-radius:0}.header__search-bar .search__input.field__input{height:5.2rem;border-radius:0;padding-left:2.4rem;padding-right:6rem;font-size:1.6rem}.header__search-bar .field__label{left:2.4rem;top:1.6rem;font-size:1.6rem}.header__search-bar .search__input.field__input:focus~.field__label,.header__search-bar .search__input.field__input:not(:placeholder-shown)~.field__label{font-size:1rem;top:.6rem;left:2.4rem}.header__search-bar .search__input.field__input:focus,.header__search-bar .search__input.field__input:not(:placeholder-shown){padding-top:1.6rem;padding-bottom:.4rem}.header__search-bar .search__button{right:.6rem;width:4.4rem;height:4.4rem;top:.4rem;border-radius:0}.header__search-bar .search__button .icon{height:2rem;width:2rem}.header__search-bar .reset__button{right:5rem;top:.4rem;height:4.4rem}.header__search-bar .predictive-search{position:absolute;top:calc(100% + .6rem);left:0;right:0;z-index:4;border-radius:0;overflow:hidden}.header--large-search .header__icons .header__search{display:none}@media screen and (max-width:989px){.header.header--large-search{grid-template-areas:"left-icons heading icons" "search search search"}.header__search-bar{margin:1rem 0 .4rem}.header__search-bar .field,.header__search-bar .search__input.field__input{min-height:4.6rem;height:4.6rem}.header__search-bar .search__button{width:3.8rem;height:3.8rem}.header__search-bar .field__label{top:1.3rem}}@media screen and (min-width:990px){.header.header--middle-left.header--large-search{grid-template-areas:"heading search icons" "heading navigation icons";grid-template-columns:auto minmax(0,1fr) auto;column-gap:3.2rem}.header.header--middle-center.header--large-search:not(.drawer-menu){grid-template-areas:"heading heading heading" "search search search" "navigation navigation navigation"}.header.header--large-search:not(.header--middle-left):not(.header--middle-center){grid-template-areas:"left-icons heading icons" "search search search" "navigation navigation navigation"}.header.header--large-search.drawer-menu{grid-template-areas:"navigation heading icons" "search search search"}.header--middle-left.header--large-search .header__inline-menu{margin-left:-1.2rem}.header--large-search .header__search-bar{max-width:80rem;justify-self:center}.header--middle-left.header--large-search .header__search-bar{justify-self:stretch;max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-header-search-bar.css.map */