.pu-topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;width:100%;height:var(--pu-topbar-height, 56px);background:var(--pu-topbar-bg, var(--pu-green));color:var(--pu-topbar-text, var(--pu-white));font-family:var(--pu-font)}.pu-topbar__viewport{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(60%,calc(100% - 2 * var(--pu-topbar-side, 79px)));height:var(--pu-topbar-slot, 38px);overflow:hidden}.pu-topbar__track{display:flex;flex-direction:column;transition:transform var(--pu-topbar-slide, .5s) ease-out}.pu-topbar__item{flex:0 0 auto;width:100%;height:var(--pu-topbar-slot, 38px);display:flex;align-items:center;justify-content:center;padding:0 var(--pu-s-32);text-align:center}.pu-topbar__item>*{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--pu-micro);font-weight:var(--pu-fw-normal);line-height:var(--pu-micro-lh);color:inherit}.pu-topbar[data-underline=true] .pu-topbar__item>a{padding-bottom:1px;text-decoration:underline;text-underline-offset:5px}.pu-topbar__item a{cursor:pointer;color:inherit}.pu-topbar__item a:hover{text-decoration-thickness:2px}.pu-topbar__pause{position:absolute;right:0;z-index:1;margin-right:calc(var(--pu-topbar-lijn) - var(--pu-s-4))}.pu-topbar{--pu-topbar-lijn: max( var(--pu-pagina-inzet), (100% - var(--pu-inhoud-max)) / 2 );--pu-topbar-side: calc(var(--pu-topbar-lijn) + 28px)}@media(max-width:767px){.pu-topbar__item{padding:0 var(--pu-s-8)}}.pu-topbar[data-single=true]{--pu-topbar-side: 32px}.pu-topbar__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pu-topbar[data-single=true] .pu-topbar__pause{display:none}@media(prefers-reduced-motion:reduce){.pu-topbar__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/pu-top-bar.css.map */