:root{--dps-kleur-zoekveld: #f8f4ef;--dps-kleur-zoekresultaten: #fffdfb;--dps-kleur-zoekveld-rand: rgba(42, 34, 29, .2);--dps-kleur-zoekveld-rand-focus: rgba(42, 34, 29, .48);--dps-kleur-zoekveld-focus-gloed: rgba(42, 34, 29, .07);--dps-kleur-zoekveld-placeholder: rgba(42, 34, 29, .58);--dps-kleur-resultaten-rand: rgba(42, 34, 29, .12);--dps-kleur-donkere-achtergrond: rgba(0, 0, 0, .33);--dps-hoogte-zoekveld: 4.6rem;--dps-hoekradius-zoekveld-desktop: .8rem;--dps-hoekradius-zoekveld-mobiel: .6rem;--dps-breedte-icoonknoppen: 4.4rem;--dps-grootte-zoekiconen: 1.8rem;--dps-desktop-max-breedte-zoekveld: 36rem;--dps-desktop-extra-ruimte-tot-logo: 2.4rem;--dps-desktop-ruimte-boven-zoekveld: 0rem;--dps-desktop-ruimte-onder-zoekveld: 0rem;--dps-mobiel-ruimte-boven-zoekveld: 1.1rem;--dps-mobiel-ruimte-onder-zoekveld: 0rem;--dps-mobiel-ruimte-links-in-zoekveld: 1.5rem;--dps-afstand-resultaten-onder-zoekveld: .6rem;--dps-resultaten-hoekradius: .8rem;--dps-desktop-max-breedte-resultaten: 54rem;--dps-desktop-max-hoogte-resultaten: 65vh;--dps-desktop-max-hoogte-resultaten-grens: 58rem;--dps-mobiel-max-hoogte-resultaten: 56dvh;--dps-mobiel-max-hoogte-resultaten-grens: 50rem;--dps-resultaat-ruimte-boven-onder: .9rem;--dps-resultaat-schaduw: 0 1rem 3rem rgba(0, 0, 0, .11)}.dps-inline-search,.dps-inline-search .dps-search-backdrop{display:none}.dps-inline-search predictive-search:not([loading]) .predictive-search__loading-state{display:none!important}.header--top-center>.header__search,.header--top-center .header__icons>.header__search{display:none!important}.header--top-center>.dps-inline-search{display:block;grid-area:dps-search;width:100%;min-width:0;position:relative;isolation:isolate;z-index:10}.dps-inline-search>predictive-search,.dps-inline-search>search-form,.dps-inline-search form{display:block;width:100%;min-width:0}.dps-inline-search>predictive-search,.dps-inline-search>search-form{position:relative;z-index:1}.dps-inline-search .field{position:relative;box-sizing:border-box;height:var(--dps-hoogte-zoekveld);border:1px solid var(--dps-kleur-zoekveld-rand);border-radius:var(--dps-hoekradius-zoekveld-desktop);background:var(--dps-kleur-zoekveld);box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.dps-inline-search .field:before,.dps-inline-search .field:after{content:none!important;display:none!important}.dps-inline-search .field:focus-within{border-color:var(--dps-kleur-zoekveld-rand-focus);box-shadow:0 0 0 .2rem var(--dps-kleur-zoekveld-focus-gloed)}.dps-inline-search .search__input.field__input,.dps-inline-search .search__input.field__input:focus,.dps-inline-search .search__input.field__input:focus-visible,.dps-inline-search .search__input.field__input:not(:placeholder-shown){box-sizing:border-box;display:block;width:100%;min-width:0;height:100%;min-height:0;margin:0!important;border:0!important;border-radius:inherit!important;outline:0!important;box-shadow:none!important;background:transparent!important;line-height:normal}.dps-inline-search .search__input::placeholder{color:var(--dps-kleur-zoekveld-placeholder);opacity:1}.dps-inline-search .search__button,.dps-inline-search .reset__button{top:0;width:var(--dps-breedte-icoonknoppen);height:100%;border:0;background:transparent!important;box-shadow:none!important;z-index:2}.dps-inline-search .reset__button:after{content:none!important;display:none!important}.dps-inline-search .search__button svg,.dps-inline-search .reset__button svg{width:var(--dps-grootte-zoekiconen);height:var(--dps-grootte-zoekiconen)}.dps-inline-search .field__button:focus-visible{outline:.2rem solid var(--dps-kleur-zoekveld-rand-focus);outline-offset:-.5rem;border-radius:var(--dps-hoekradius-zoekveld-desktop)}.dps-inline-search .predictive-search{display:none;position:absolute;top:calc(100% + var(--dps-afstand-resultaten-onder-zoekveld));left:0;overflow:hidden;flex-direction:column;border:1px solid var(--dps-kleur-resultaten-rand);border-radius:var(--dps-resultaten-hoekradius);background:var(--dps-kleur-zoekresultaten);box-shadow:var(--dps-resultaat-schaduw);z-index:3}.dps-inline-search predictive-search:is([open],[loading]) .predictive-search{display:flex}.dps-inline-search #predictive-search-results{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.dps-inline-search .predictive-search__results-groups-wrapper{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.dps-inline-search .predictive-search__heading{padding-top:1.2rem}.dps-inline-search .predictive-search__item{padding-top:var(--dps-resultaat-ruimte-boven-onder);padding-bottom:var(--dps-resultaat-ruimte-boven-onder)}.dps-inline-search .predictive-search__search-for-button{position:relative;flex:0 0 auto;border-top:1px solid var(--dps-kleur-resultaten-rand);background:var(--dps-kleur-zoekresultaten);z-index:2}.dps-inline-search predictive-search[loading] .predictive-search__loading-state{display:flex;justify-content:center;padding:1rem}.dps-inline-search predictive-search[loading] .predictive-search__results-groups-wrapper~.predictive-search__loading-state{display:none}.dps-inline-search .predictive-search__loading-state svg{width:1.6rem;height:1.6rem}.section-header:has(.dps-inline-search predictive-search:is([open],[loading])){z-index:100!important}.dps-inline-search:has(predictive-search:is([open],[loading])) .dps-search-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--dps-kleur-donkere-achtergrond);cursor:default}@media screen and (min-width:990px){.header--top-center>.dps-inline-search{grid-area:left-icons;justify-self:start;align-self:center;width:min(var(--dps-desktop-max-breedte-zoekveld),calc(100% - var(--dps-desktop-extra-ruimte-tot-logo)));margin-top:var(--dps-desktop-ruimte-boven-zoekveld);margin-bottom:var(--dps-desktop-ruimte-onder-zoekveld)}.dps-inline-search .search__input.field__input,.dps-inline-search .search__input.field__input:focus,.dps-inline-search .search__input.field__input:focus-visible,.dps-inline-search .search__input.field__input:not(:placeholder-shown){padding:0 calc(var(--dps-breedte-icoonknoppen) + .4rem)!important}.dps-inline-search .search__button{left:0;right:auto}.dps-inline-search .reset__button{left:auto;right:0}.dps-inline-search .predictive-search{width:min(var(--dps-desktop-max-breedte-resultaten),calc(100vw - 4rem));max-height:min(var(--dps-desktop-max-hoogte-resultaten),var(--dps-desktop-max-hoogte-resultaten-grens))!important}}@media screen and (max-width:989px){.header.header--top-center{grid-template-areas:"left-icons heading icons" "dps-search dps-search dps-search"!important;grid-template-columns:auto minmax(0,1fr) auto!important;column-gap:.6rem;row-gap:var(--dps-mobiel-ruimte-boven-zoekveld)}.header--top-center>.dps-inline-search{align-self:stretch;justify-self:stretch;margin-top:0;margin-bottom:var(--dps-mobiel-ruimte-onder-zoekveld)}.header--top-center .header__heading,.header--top-center .header__heading-link{min-width:0}.dps-inline-search .field{border-radius:var(--dps-hoekradius-zoekveld-mobiel)}.dps-inline-search .search__input.field__input,.dps-inline-search .search__input.field__input:focus,.dps-inline-search .search__input.field__input:focus-visible,.dps-inline-search .search__input.field__input:not(:placeholder-shown){padding:0 calc(2 * var(--dps-breedte-icoonknoppen)) 0 var(--dps-mobiel-ruimte-links-in-zoekveld)!important;font-size:16px}.dps-inline-search .search__button{left:auto;right:0}.dps-inline-search .reset__button{left:auto;right:var(--dps-breedte-icoonknoppen)}.dps-inline-search .predictive-search{width:100%;right:0;max-height:min(var(--dps-mobiel-max-hoogte-resultaten),var(--dps-mobiel-max-hoogte-resultaten-grens))!important}.dps-inline-search .predictive-search__results-groups-wrapper{flex-direction:column;gap:1.2rem;padding-bottom:.5rem}.dps-inline-search .predictive-search__result-group:first-child{flex:0 0 auto}.dps-inline-search .predictive-search__result-group:first-child .predictive-search__pages-wrapper{display:none}.dps-inline-search .predictive-search__result-group:last-child .predictive-search__pages-wrapper{display:block}.dps-inline-search .predictive-search__heading{margin-left:1.5rem;margin-right:1.5rem}.dps-inline-search .predictive-search__item{padding-left:1.5rem;padding-right:1.5rem}.dps-inline-search .predictive-search__item--link-with-thumbnail{grid-template-columns:5rem minmax(0,1fr);column-gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-inline-nav-search.css.map */