.pu-zoekbalk{padding:0 var(--pu-pagina-inzet) var(--pu-s-12);background:var(--pu-white);border-bottom:var(--pu-rand)}.pu-zoekbalk__veld,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner{display:flex;align-items:center;gap:var(--pu-s-8);width:100%;min-height:var(--pu-raakvlak);padding:0 var(--pu-s-16);border:var(--pu-rand);border-radius:var(--pu-radius-pil);background:var(--pu-cream);color:var(--pu-ink-muted);font-family:var(--pu-font);font-size:15px;text-align:left;cursor:pointer;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.pu-zoekbalk--filter .pu-zoekbalk__veld,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner{cursor:text}.pu-zoekbalk--filter .pu-zoekbalk__veld:has(.pu-zoekbalk__wis:not([hidden])){padding-inline-end:0}.pu-zoekbalk--filter .pu-zoekbalk__veld:focus-within,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner:focus-within{border-color:var(--pu-green);box-shadow:var(--pu-veld-focus-ring);outline:none}.pu-zoekbalk__invoer,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner input[type=search]{flex:1 1 auto;min-width:0;border:0;outline:none;background:none;color:var(--pu-ink-strong);font-family:var(--pu-font);font-size:15px}.pu-zoekbalk__invoer::placeholder,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner input[type=search]::placeholder{color:var(--pu-ink-muted);font-size:15px;opacity:1}.pu-zoekbalk__wis{flex:0 0 var(--pu-raakvlak);width:var(--pu-raakvlak);height:var(--pu-raakvlak);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:var(--pu-ink-muted);cursor:pointer}.pu-zoekbalk__wis[hidden]{display:none}.pu-zoekbalk__wis:focus-visible{outline:2px solid var(--pu-amber);outline-offset:-2px}.pu-zoekbalk--knop .pu-zoekbalk__veld:hover{border-color:var(--pu-green-soft);color:var(--pu-ink)}.pu-zoekbalk__veld:focus-visible{outline:2px solid var(--pu-amber);outline-offset:2px}.pu-zoekbalk__icoon{flex:0 0 auto;display:inline-flex;color:var(--pu-ink-muted)}.pu-zoekbalk__tekst{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:1024px){.pu-zoekbalk:not(.pu-zoekbalk--in-paneel){display:none}}.pu-zoekbalk--in-paneel .pu-zoekbalk__veld,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner{min-height:48px;height:48px;color:var(--pu-ink-strong);font-size:15px}.pu-zoekbalk--in-paneel .pu-zoekbalk__veld input,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner input{color:var(--pu-ink-strong);font-size:15px}@media(min-width:1024px){.pu-zoekbalk--in-paneel .pu-zoekbalk__veld,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner{min-height:52px;height:52px}}.pu-zoekbalk--in-paneel{padding:var(--pu-s-12) var(--pu-paneel-inzet, var(--pu-s-16));border-bottom:0}.pu-zoekbalk--landen{margin-inline:calc(var(--pu-paneel-inzet, var(--pu-s-16)) * -1);margin-block-start:calc(var(--pu-paneel-inzet, var(--pu-s-16)) * -1);position:sticky;top:calc(var(--pu-paneel-inzet, var(--pu-s-16)) * -1);z-index:2}:is(#drawer-search-form,#hdt-search-form) .hdt-mini-search__submit svg{display:none}:is(#drawer-search-form,#hdt-search-form) .hdt-mini-search__submit{flex:0 0 20px;width:20px;height:20px;cursor:pointer;background-color:var(--pu-ink-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.75' cy='10.75' r='6.25'/%3E%3Cpath d='M15.4 15.4 20 20'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.75' cy='10.75' r='6.25'/%3E%3Cpath d='M15.4 15.4 20 20'/%3E%3C/svg%3E") center / contain no-repeat}:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:16px;height:16px;cursor:pointer;background-color:var(--pu-ink-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 6.5 11 11'/%3E%3Cpath d='m17.5 6.5-11 11'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6.5 6.5 11 11'/%3E%3Cpath d='m17.5 6.5-11 11'/%3E%3C/svg%3E") center / contain no-repeat}.pu-zoekbalk__veld:focus-visible,.pu-zoekbalk__veld:has(:focus-visible),.pu-zoekbalk__invoer:focus-visible,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner:focus-visible,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner:has(:focus-visible),:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner input:focus-visible{outline:none}.pu-zoekbalk__veld input:focus,:is(#drawer-search-form,#hdt-search-form) .hdt-search-inner input:focus{border-color:transparent;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/21/assets/pu-zoekbalk.css.map */