:root{--klaasje-header-top: 16px;--klaasje-header-space: calc(var(--klaasje-header-h) + var(--klaasje-header-top) * 2);--klaasje-header-y: calc(var(--klaasje-header-top) + var(--klaasje-announcement-y, 0px))}.klaasje-header-section{position:relative;z-index:100}.klaasje-header{position:fixed;top:var(--klaasje-header-y);left:50%;transform:translate(-50%) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;width:calc(100% - 32px);max-width:1024px;height:var(--klaasje-header-h);padding:0 24px;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-radius:var(--klaasje-r-pill);transition:background .5s ease,border-color .5s ease,box-shadow .5s ease,-webkit-backdrop-filter .5s ease,backdrop-filter .5s ease;background:var(--chrome-header-scrolled);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 30px #193d531f,0 2px 6px #193d530d,inset 0 1.5px #fffffff2,inset 0 -1px #ffffff8c}.klaasje-hero-dark .klaasje-header:not(.is-scrolled){background:var(--chrome-header-top);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 28px #0000003d,inset 0 1.5px #fffffff2,inset 0 -1px #fff6}@media screen and (max-width:749px){.klaasje-header{width:calc(100% - 24px);padding:0 14px}}div.klaasje-header__spacer{display:block;height:var(--klaasje-header-space)}.klaasje-header__left{grid-column:1;justify-self:start;display:flex;align-items:center}.klaasje-header__right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:2px}.klaasje-header__mid{position:absolute;left:50%;top:0;transform:translate(-50%);height:var(--klaasje-header-h);display:flex;align-items:center}.klaasje-header__logo{position:relative;display:grid;place-items:center;height:var(--klaasje-logo-h, 26px);color:var(--klaasje-navy);transition:color .5s ease}.klaasje-logo{grid-area:1 / 1;height:var(--klaasje-logo-h, 26px);width:auto;display:block}.klaasje-header__logo img,.klaasje-header__logo svg{grid-area:1 / 1;height:var(--klaasje-logo-h, 26px);width:auto;display:block;transition:opacity .5s ease}.klaasje-header__logo--light{opacity:0}.klaasje-hero-dark .klaasje-header:not(.is-scrolled) .klaasje-header__logo--dark{opacity:0}.klaasje-hero-dark .klaasje-header:not(.is-scrolled) .klaasje-header__logo--light{opacity:1}.klaasje-icon-btn{background:none;border:none;padding:6px;margin:0;color:var(--klaasje-navy);display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;text-decoration:none;transition:opacity .2s ease,color .5s ease}.klaasje-icon-btn:hover{opacity:.6}.klaasje-icon-btn:focus-visible{outline:2px solid currentColor;outline-offset:0;border-radius:50%}.klaasje-icon-btn svg{width:22px;height:22px;display:block}.klaasje-hero-dark .klaasje-header:not(.is-scrolled) .klaasje-icon-btn{color:var(--klaasje-white)}.klaasje-cart-count{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--klaasje-red);color:var(--klaasje-white);font-family:var(--klaasje-display);font-size:10px;line-height:16px;text-align:center;transform:scale(0);transition:transform .2s ease}.klaasje-cart-count.is-visible{transform:scale(1)}div.klaasje-menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a161e8c;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.klaasje-menu{position:fixed;top:0;left:0;bottom:0;z-index:201;width:min(420px,86vw);padding:calc(var(--klaasje-header-space) + var(--klaasje-announcement-y, 0px) + 8px) 32px 32px;color:var(--klaasje-navy);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;transform:translate(-100%);visibility:hidden;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility .5s;background-color:#ffffff8c;background-image:var(--chrome-tube);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-right:1px solid rgba(170,182,190,.65);border-radius:0 var(--klaasje-r-box) var(--klaasje-r-box) 0;box-shadow:18px 0 60px #0000004d,inset 0 2px 2px #fff,inset -1.5px 0 2px #46556040}.klaasje-menu.is-open{transform:translate(0);visibility:visible}.klaasje-menu-overlay.is-open{opacity:1;visibility:visible}.klaasje-menu__close{position:absolute;top:calc(var(--klaasje-header-y) + (var(--klaasje-header-h) - 34px) / 2);left:24px;width:34px;height:34px;padding:0;border:1px solid rgba(70,85,96,.18);border-radius:50%;background:#ffffff73;color:var(--klaasje-navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.klaasje-menu__close:hover{background:#ffffffd9}.klaasje-menu__close:focus-visible{outline:2px solid var(--klaasje-navy);outline-offset:-1px}.klaasje-menu__close svg{width:16px;height:16px}.klaasje-menu__list{list-style:none;margin:0;padding:0}.klaasje-menu__item+.klaasje-menu__item{margin-top:4px}.klaasje-menu__link{display:block;padding:6px 0;font-family:var(--klaasje-display);font-size:clamp(2rem,7vw,2.75rem);line-height:1.1;letter-spacing:-.02em;text-transform:lowercase;color:#193d536b;text-decoration:none;opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease,color .2s ease}.klaasje-menu.is-open .klaasje-menu__link{opacity:1;transform:none}.klaasje-menu__link:hover{color:#193d53b5}.klaasje-menu__link[aria-current=page]{color:var(--klaasje-navy)}.klaasje-menu__link--leeg{cursor:default}.klaasje-menu__sublist{list-style:none;margin:2px 0 10px;padding:0 0 0 2px}.klaasje-menu__sublink{display:block;padding:3px 0;font-family:var(--klaasje-body);font-size:.95rem;color:#193d53a6;text-decoration:none;transition:color .2s ease}.klaasje-menu__sublink:hover{color:var(--klaasje-navy)}.klaasje-menu__foot{margin-top:auto;padding-top:26px;border-top:1px solid rgba(25,61,83,.14);display:flex;flex-wrap:wrap;gap:22px;font-family:var(--klaasje-display);font-size:clamp(1.5rem,5vw,1.8rem);line-height:1.1;letter-spacing:-.02em;text-transform:lowercase}.klaasje-menu__foot a{color:#193d536b;text-decoration:none;transition:color .2s ease}.klaasje-menu__foot a:hover{color:#193d53b5}.klaasje-menu.is-open .klaasje-menu__item:nth-child(1) .klaasje-menu__link{transition-delay:.1s}.klaasje-menu.is-open .klaasje-menu__item:nth-child(2) .klaasje-menu__link{transition-delay:.16s}.klaasje-menu.is-open .klaasje-menu__item:nth-child(3) .klaasje-menu__link{transition-delay:.22s}.klaasje-menu.is-open .klaasje-menu__item:nth-child(4) .klaasje-menu__link{transition-delay:.28s}.klaasje-menu.is-open .klaasje-menu__item:nth-child(5) .klaasje-menu__link{transition-delay:.34s}.klaasje-menu.is-open .klaasje-menu__item:nth-child(6) .klaasje-menu__link{transition-delay:.4s}.klaasje-menu.is-open .klaasje-menu__item:nth-child(n+7) .klaasje-menu__link{transition-delay:.46s}@media(prefers-reduced-motion:reduce){.klaasje-header,.klaasje-menu,.klaasje-menu-overlay,.klaasje-menu__link,.klaasje-header__logo img,.klaasje-cart-count{transition-duration:.01ms;transition-delay:0ms}}.klaasje-hero-ghost .klaasje-header{background:var(--chrome-header-ghost);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 34px #193d531a,inset 0 1px #fffffff2,inset 0 -1px #ffffff8c}.klaasje-hero-ghost .klaasje-header__logo{color:var(--klaasje-white)}.klaasje-hero-ghost .klaasje-header__logo--dark{opacity:0}.klaasje-hero-ghost .klaasje-header__logo--light{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/13/assets/klaasje-header.css.map */