@media(max-width:1023px){.hdt-dialog.pu-paneel{inset:auto 0 0 0;width:100%;max-width:100%;height:var(--pu-paneel-hoogte, 88%);margin:0;border-radius:var(--pu-radius-groot) var(--pu-radius-groot) 0 0;background:var(--pu-white);color:var(--pu-ink);font-family:var(--pu-font)}.hdt-dialog.pu-paneel:modal{height:var(--pu-paneel-hoogte, 88%);max-height:100dvh}.hdt-dialog.pu-paneel--vol,.hdt-dialog.pu-paneel--vol:modal{inset:0 0 auto 0;height:100dvh;border-radius:0}}@media(min-width:1024px){.hdt-dialog.pu-paneel{inset-inline-end:0;left:auto}.hdt-dialog.pu-paneel.pu-paneel--links{inset-inline-start:0;inset-inline-end:auto;left:0;right:auto}.hdt-dialog.pu-paneel.pu-paneel--midden{top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;max-height:640px}.pu-paneel__greep{display:none}}.pu-paneel__greep{flex:0 0 auto;width:36px;height:4px;margin:var(--pu-s-8) auto 0;border-radius:var(--pu-radius-pil);background:var(--pu-line)}.pu-paneel .pu-paneel__kop,.pu-paneel .hdt-dialog-drawer__header{display:flex;justify-content:flex-start;align-items:center;gap:var(--pu-s-8);min-height:52px;padding:0 var(--pu-s-8) 0 var(--pu-paneel-inzet, var(--pu-s-16));background:var(--pu-white);border-bottom:var(--pu-rand)}.pu-paneel--vol .pu-paneel__kop{min-height:56px}.pu-paneel:has(.pu-zoekbalk--in-paneel) .pu-paneel__kop,.pu-paneel:has(.pu-zoekbalk--in-paneel) .hdt-dialog-drawer__header,.pu-paneel:has(.hdt-search-sticky) .hdt-dialog-drawer__header{border-bottom:0}.pu-paneel__titel,.pu-paneel .hdt-dialog-drawer__header>h2,.pu-paneel .hdt-dialog-drawer__header>h3,.pu-paneel .hdt-dialog-drawer__header>h4,.pu-paneel .hdt-dialog-drawer__header>h5,.pu-paneel .hdt-dialog-drawer__header>h6{flex:0 1 auto;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pu-ink-strong);font-family:var(--pu-font);font-size:13px;font-weight:var(--pu-fw-bold);letter-spacing:1.6px;line-height:1.4;text-transform:uppercase}.pu-paneel__leeg{display:flex;flex-direction:column;gap:6px;margin:0;padding:var(--pu-s-32) var(--pu-s-16);text-align:center}.pu-paneel__leeg[hidden]{display:none}.pu-paneel__leeg-kop{color:var(--pu-ink-strong);font-size:15px;font-weight:var(--pu-fw-semi)}.pu-paneel__leeg-tekst{color:var(--pu-ink-muted);font-size:var(--pu-small);line-height:var(--pu-small-lh)}.pu-paneel__meta{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pu-ink-muted);font-size:13px}.pu-paneel__kop>.pu-paneel__sluit{margin-inline-start:auto}.pu-paneel__knop,.pu-paneel .hdt-dialog-drawer__header [ref=closeButton],.pu-paneel .hdt-dialog-drawer__header .pu-paneel__sluit{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-strong);cursor:pointer}.pu-paneel .hdt-dialog-drawer__header [ref=closeButton],.pu-paneel .hdt-dialog-drawer__header .pu-paneel__sluit{margin-inline-start:auto}.pu-paneel__knop[hidden]{display:none}.pu-paneel__knop:focus-visible{outline:2px solid var(--pu-amber);outline-offset:-2px}.pu-paneel__terug{margin-inline-start:calc(var(--pu-s-16) * -1 + var(--pu-s-8))}.pu-paneel__terug--tekst{flex:0 0 auto;width:auto;gap:var(--pu-s-4);padding-inline-end:var(--pu-s-8)}.pu-paneel__terug-woord{color:var(--pu-ink-soft);font-family:var(--pu-font);font-size:13px;font-weight:var(--pu-fw-medium);white-space:nowrap}.pu-paneel__balk{flex:0 0 auto;background:var(--pu-cream);border-bottom:var(--pu-rand)}.pu-paneel__balk:not(.pu-paneel__balk--overgenomen){padding:var(--pu-s-12) var(--pu-paneel-inzet, var(--pu-s-16))}.pu-paneel--balk-groen .pu-paneel__balk{background:var(--pu-green-pale);border-bottom-color:var(--pu-green-line)}.pu-paneel .pu-paneel__inhoud{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--pu-cream);padding-left:var(--pu-paneel-inzet, var(--pu-s-16));padding-right:var(--pu-paneel-inzet, var(--pu-s-16))}.pu-paneel__voet[hidden]{display:none}.pu-paneel__voet{flex:0 0 auto;background:var(--pu-white);border-top:var(--pu-rand);box-shadow:var(--pu-schaduw-voet)}.pu-paneel__voet--knoppen{display:flex;align-items:center;gap:var(--pu-s-12);padding:var(--pu-s-16);padding-bottom:calc(var(--pu-s-20) + env(safe-area-inset-bottom,0px))}.pu-paneel__voet.pu-paneel__voet--overgenomen{box-shadow:var(--pu-schaduw-voet)}.pu-paneel__voet.pu-paneel__voet--vervolg{border-top-color:var(--pu-line-soft);box-shadow:none}.pu-paneel__voet--vol{position:sticky;bottom:0;margin-top:auto;margin-inline:calc(var(--pu-s-16) * -1);margin-bottom:0}.pu-paneel__voet:not(.pu-paneel__voet--overgenomen):not(.pu-paneel__voet--knoppen){padding:var(--pu-s-16);padding-bottom:calc(var(--pu-s-16) + env(safe-area-inset-bottom,0px))}@media(max-width:1023px){.hdt-dialog.pu-paneel--vol::backdrop{background-color:var(--pu-white);-webkit-backdrop-filter:none;backdrop-filter:none}}.pu-paneel__niveaus{position:relative;height:100%;min-height:0;overflow:hidden}.pu-paneel .pu-paneel__inhoud:has(.pu-paneel__niveaus){overflow:hidden;padding:0}.pu-paneel__niveau{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;transition:transform .3s cubic-bezier(.4,0,.2,1)}.pu-paneel__niveau[data-pu-niveau="1"]{transform:translate(0)}[data-pu-diep="1"] .pu-paneel__niveau[data-pu-niveau="1"]{transform:translate(-50%)}.pu-paneel__niveau[data-pu-niveau="2"]{z-index:1;background:var(--pu-cream);transform:translate(100%)}[data-pu-diep="1"] .pu-paneel__niveau[data-pu-niveau="2"]{transform:translate(0)}.pu-paneel__niveau [data-pu-diep-paneel][hidden]{display:none}.pu-paneel__rij{position:relative;display:flex;align-items:center;gap:var(--pu-s-12);width:100%;min-height:56px;padding:0 var(--pu-paneel-inzet, var(--pu-s-16));border:0;background:none;color:var(--pu-ink-strong);font-family:var(--pu-font);font-size:15px;font-weight:var(--pu-fw-medium);text-align:left;text-decoration:none;cursor:pointer}.pu-paneel__rij:active{background:var(--pu-cream)}.pu-paneel__rij:focus-visible{outline:2px solid var(--pu-amber);outline-offset:-2px}.pu-paneel__rij--vooruit{color:var(--pu-green);font-weight:var(--pu-fw-semi)}.pu-paneel__rij--vooruit .pu-paneel__rij-chevron{color:var(--pu-green)}.pu-paneel__niveau[data-pu-niveau="2"] .pu-paneel__rij:not(.pu-paneel__rij--vooruit){font-weight:var(--pu-fw-normal)}.pu-paneel__niveau[data-pu-niveau="2"] .pu-paneel__rij:not(.pu-paneel__rij--vooruit) .pu-paneel__rij-chevron{color:var(--pu-chevron)}.pu-paneel__rij--stil .pu-paneel__rij-chevron{color:var(--pu-chevron)}.pu-paneel__rij:after{content:"";position:absolute;left:var(--pu-paneel-inzet, var(--pu-s-16));right:var(--pu-paneel-inzet, var(--pu-s-16));bottom:0;height:1px;background:var(--pu-line-soft)}.pu-paneel__rij:last-child:after,li:last-child>.pu-paneel__rij:after{background:transparent}.pu-paneel__rij-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pu-paneel__rij-pil{flex:0 0 auto}.pu-paneel__rij-aantal{color:var(--pu-ink-faint);font-size:11px;font-weight:var(--pu-fw-normal)}.pu-paneel__rij-chevron{flex:0 0 18px;display:inline-flex;justify-content:center;color:var(--pu-ink-muted)}@media(prefers-reduced-motion:reduce){.pu-paneel__niveau{transition:none}}.pu-paneel__voet--overgenomen{padding-bottom:max(0px,calc(env(safe-area-inset-bottom,0px) - var(--pu-voet-inzet-eigen, 0px)))}.pu-paneel .pu-paneel__slot-b{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--pu-cream)}@media(min-width:1024px){.hdt-dialog.pu-paneel{--pu-paneel-breedte: 440px;--pu-paneel-inzet: var(--pu-s-20);width:var(--pu-paneel-breedte);max-width:var(--pu-paneel-breedte)}.hdt-dialog.pu-paneel--account{--pu-paneel-breedte: 420px}.pu-paneel .pu-paneel__kop{padding:0 var(--pu-s-8) 0 var(--pu-paneel-inzet)}.pu-paneel__voet:not(.pu-paneel__voet--overgenomen):not(.pu-paneel__voet--knoppen),.pu-paneel__voet--knoppen:not(.pu-paneel__voet--overgenomen){padding:var(--pu-paneel-inzet)}.hdt-dialog.pu-paneel{transition:transform .26s cubic-bezier(.32,.72,0,1)}}html[data-pu-terug]{background:var(--pu-cream)}html[data-pu-terug] body{visibility:hidden}html .hdt-dialog[open]:not(.dialog-closing)::backdrop,html .hdt-popover[open]:not(.dialog-closing)::backdrop{cursor:auto}
/*# sourceMappingURL=/cdn/shop/t/19/assets/pu-paneel.css.map */