.ni-header-search{position:relative;width:100%;max-width:56rem;margin:0 auto}.ni-header-search predictive-search,.ni-header-search search-form,.ni-header-search__form-wrap{display:block;width:100%}.ni-header-search__form{display:block;width:100%;margin:0}.ni-header-search__field{position:relative;width:100%;margin:0}.ni-header-search__input{width:100%;height:4.4rem;padding:0 14rem 0 1.6rem;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:var(--inputs-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.5rem;line-height:1}.ni-header-search__input::placeholder{color:rgba(var(--color-foreground),.55)}.ni-header-search__input:focus{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:0;border-color:rgba(var(--color-foreground),.55)}.ni-header-search__submit{position:absolute;top:.35rem;bottom:.35rem;right:.35rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1.6rem;background:#00807a;color:#fff;border:0;border-radius:calc(var(--inputs-radius) - .2rem);cursor:pointer;font-size:1.4rem;font-weight:500;line-height:1}.ni-header-search__submit:hover{background:#006963}.ni-header-search__submit-icon{display:inline-flex;align-items:center}.ni-header-search__submit-icon svg{width:1.6rem;height:1.6rem}.ni-header-search__reset{position:absolute;top:50%;right:12.6rem;transform:translateY(-50%);background:transparent;border:0;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(var(--color-foreground),.7)}.ni-header-search__reset:hover{color:rgb(var(--color-foreground))}.ni-header-search__reset.hidden{display:none}.ni-header-search__reset svg{width:1.6rem;height:1.6rem}@media screen and (max-width:749px){.ni-header-search__input{padding-right:5rem}.ni-header-search__submit{padding:0 1rem}.ni-header-search__submit-label{display:none}.ni-header-search__reset{right:5rem}}.ni-header-search__results{position:absolute;top:calc(100% + .6rem);left:0;right:0;z-index:4;background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--popup-corner-radius);max-height:60vh;overflow-y:auto}@media screen and (max-width:989px){.ni-header-search{max-width:none}.ni-header-search__input{height:4rem;font-size:1.4rem}}.ni-header-icon{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-width:5.6rem;padding:.4rem .6rem;text-align:center;text-decoration:none}.ni-header-icon .svg-wrapper{display:inline-flex;width:2.2rem;height:2.2rem}.ni-header-icon .svg-wrapper svg{width:2.2rem;height:2.2rem}.ni-header-icon__label{font-size:1.2rem;font-weight:500;line-height:1;color:inherit}.header__icon--cart .cart-count-bubble{top:.4rem;right:.4rem}.header__inline-search-wrapper{grid-area:search;align-self:center;width:100%;padding:0 2rem}@media screen and (min-width:990px){.header.header--top-left,.header.header--middle-left:not(.header--has-menu){grid-template-areas:"heading search icons" "navigation navigation navigation"!important;grid-template-columns:auto 1fr auto!important}.header.header--top-left .header__inline-menu,.header.header--middle-left:not(.header--has-menu) .header__inline-menu{grid-area:navigation;justify-self:stretch;align-self:stretch;display:flex;justify-content:center;margin-top:1rem;padding:1rem 2rem;background:#f4f6f6;color:#3b3b3b;border-radius:0;position:relative}.header.header--top-left .header__inline-menu:before,.header.header--middle-left:not(.header--has-menu) .header__inline-menu:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:100vw;background:#f4f6f6;z-index:-1}.header.header--top-left .header__inline-menu .list-menu__item,.header.header--middle-left:not(.header--has-menu) .header__inline-menu .list-menu__item{color:#3b3b3b}.header.header--top-left .header__inline-menu .list-menu__item:hover,.header.header--middle-left:not(.header--has-menu) .header__inline-menu .list-menu__item:hover{color:#00807a}.header.header--top-left.drawer-menu,.header.header--middle-left.drawer-menu{grid-template-areas:"navigation heading search icons"!important;grid-template-columns:auto auto 1fr auto!important}}@media screen and (max-width:989px){.header.header--top-left,.header.header--middle-left{grid-template-areas:"left-icons heading icons" "search search search"!important}.header__inline-search-wrapper{padding:0 1rem .8rem}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-ni-header-search.css.map */