.kop-balk{position:absolute;inset-inline:0;top:0;z-index:1000;padding:var(--kop-bovenpadding) var(--paginamarge) 0;pointer-events:none}.kop-balk>*{pointer-events:auto}.kop-balk.is-vast{position:fixed;transition:translate .4s var(--soepel);will-change:translate}.kop-balk.is-verstopt{translate:0 -100%}.kop-balk.is-verstopt>*{pointer-events:none}.kop-balk--klein:not(.is-vast) .kop-balk__logo{display:none}.kop-balk--klein:not(.is-vast) .kop-balk__binnen{margin-top:0}.kop-balk__logo{display:block;transform-origin:50% 0;will-change:transform}.kop-balk__woordmerk{display:block;width:100%;height:auto;fill:currentColor;transition:color .35s var(--standaard)}.kop-balk{--kop-vlak: var(--inkt);--kop-inkt: var(--vlak-licht)}.kop-balk[data-tint=donker]{--kop-vlak: #fff;--kop-inkt: var(--inkt)}.kop-balk__woordmerk{color:var(--kop-vlak)}.kop-balk[data-tint=donker] .kop-balk__actie,.kop-balk .kop-balk__actie{--pil-vlak: var(--kop-vlak);--pil-inkt: var(--kop-inkt)}.kop-balk__binnen{pointer-events:none;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--ruimte-4);width:100%;margin-top:clamp(.5rem,1.2vw,1rem)}.kop-balk__links{pointer-events:auto;justify-self:start;display:flex;align-items:center;gap:8px}.sociaal__link{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:var(--kop-vlak);color:var(--kop-inkt);-webkit-user-select:none;user-select:none;transition:translate .725s var(--veer),rotate .725s var(--veer),scale .35s var(--standaard),transform .35s var(--standaard),background var(--duur-snel) var(--standaard)}.sociaal__link svg{width:20px;height:20px}@media(hover:hover)and (pointer:fine){.sociaal__link:is(:hover,:focus-visible){scale:.945 .915;transform:scale(1.0582,1.0929);transition:translate .725s .1s var(--veer),rotate .725s .1s var(--veer),scale .15s .1s var(--standaard),transform .35s .25s var(--stuiter)}.sociaal__link:is(:hover,:focus-visible):nth-child(1){translate:-.125em -.325em 0;rotate:-4deg}.sociaal__link:is(:hover,:focus-visible):nth-child(2){translate:-.0675em -.4em 0;rotate:-1deg}.sociaal__link:is(:hover,:focus-visible):nth-child(3){translate:.125em -.325em 0;rotate:3deg}}.kop-balk__acties{pointer-events:auto;justify-self:end;display:flex;align-items:center;gap:8px}.icoon-knop{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:var(--kop-vlak);color:var(--kop-inkt);-webkit-user-select:none;user-select:none;transition:translate .725s var(--veer),rotate .725s var(--veer),scale .35s var(--standaard),transform .35s var(--standaard),background var(--duur-snel) var(--standaard)}.icoon-knop svg{width:20px;height:20px}@media(hover:hover)and (pointer:fine){.icoon-knop:is(:hover,:focus-visible){scale:.945 .915;transform:scale(1.0582,1.0929);transition:translate .725s .1s var(--veer),rotate .725s .1s var(--veer),scale .15s .1s var(--standaard),transform .35s .25s var(--stuiter)}.icoon-knop:is(:hover,:focus-visible):nth-child(1){translate:-.125em -.325em 0;rotate:-4deg}.icoon-knop:is(:hover,:focus-visible):nth-child(2){translate:.0675em -.4em 0;rotate:2deg}}body.menu-open .kop-balk__actie{--pil-vlak: var(--inkt);--pil-inkt: var(--vlak-licht)}.kop-balk__avatar{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%}.kop-balk__avatar .klantavatar__letters{display:block;font-family:var(--font-titel);font-size:1.125rem;font-weight:600;letter-spacing:.02em;line-height:1;text-transform:uppercase;translate:0 .2em;-webkit-user-select:none;user-select:none}.melding{display:flex;align-items:center;overflow:hidden;height:var(--melding-hoogte);margin:calc(-1 * var(--kop-bovenpadding)) calc(-1 * var(--paginamarge)) var(--kop-bovenpadding);background:var(--melding-vlak, var(--inkt));color:var(--melding-inkt, var(--vlak-licht));text-decoration:none}.melding__spoor{display:flex;width:max-content;animation:meldingloop var(--melding-duur, 28s) linear infinite}.melding__set{display:flex;align-items:center;justify-content:space-around;min-width:100vw}.melding__woord{font-family:var(--font-kop);font-size:.875rem;font-weight:600;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.melding__punt{padding-inline:1.25em;opacity:.5}@keyframes meldingloop{to{translate:-50% 0}}.melding--klikbaar{cursor:pointer}.melding--klikbaar:hover .melding__spoor,.melding--klikbaar:focus-visible .melding__spoor{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.melding{justify-content:center}.melding__spoor{animation:none}}:root:has(.melding){--kop-klein-hoogte: calc( var(--kop-bovenpadding) + 40px + var(--melding-hoogte) );--kop-hoogte: calc( (100vw - 2 * var(--paginamarge)) * .1016 + var(--kop-bovenpadding) + clamp(.5rem, 1.2vw, 1rem) + 40px + var(--melding-hoogte) )}
/*# sourceMappingURL=/cdn/shop/t/11/assets/kop-balk.css.map */