pp-header{display:block}.pp-scrollbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;background:var(--brand-lime, #c4f04a);transform:scaleX(0);transform-origin:0 50%;will-change:transform}.pp-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:none;transition:background .3s ease,color .3s ease}.pp-nav.is-transparent{background:linear-gradient(180deg,#ffffff29,#ffffff0d);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}.pp-nav__left{display:flex;align-items:center;flex:1 1 0;min-width:0}.pp-nav__burger{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--brand-navy, #00094b)}.pp-nav.is-transparent .pp-nav__burger{color:#fbfbfa}.pp-nav__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;font-family:var(--brand-logo-family);font-weight:700;font-size:26px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;text-decoration:none;color:var(--brand-navy, #00094b);white-space:nowrap;transition:color .3s ease}.pp-nav.is-transparent .pp-nav__logo{color:#fbfbfa}.pp-nav__right{display:flex;align-items:center;gap:12px;flex:1 1 0;justify-content:flex-end}.pp-nav__icon{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-navy, #00094b);text-decoration:none;transition:opacity .15s ease,color .3s ease}.pp-nav__icon:hover{opacity:.6}.pp-nav.is-transparent .pp-nav__icon{color:#fbfbfa}.pp-nav__cart-count{position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:9999px;background:var(--brand-lime, #c4f04a);color:var(--brand-navy, #00094b);font-family:var(--font-body-family);font-size:10px;font-weight:700;line-height:16px;text-align:center}.pp-nav__cart-count[hidden]{display:none}.pp-header__spacer{height:54px;background:var(--brand-cream)}.pp-overlap .pp-header__spacer{height:0}@media screen and (max-width:749px){.pp-nav{height:48px;padding:0 14px}.pp-nav__burger,.pp-nav__icon{width:44px;height:44px}.pp-nav__logo{font-size:22px}.pp-nav__right{gap:6px}.pp-header__spacer{height:48px}}.pp-drawer[hidden]{display:none}.pp-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300}.pp-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00094b66;opacity:0;transition:opacity .25s ease}.pp-drawer.is-open .pp-drawer__overlay{opacity:1}.pp-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(88vw,380px);background:var(--brand-navy, #00094b);color:#fbfbfa;padding:24px;display:flex;flex-direction:column;transform:translate(100%);transition:transform .28s ease}.pp-drawer.is-open .pp-drawer__panel{transform:translate(0)}.pp-drawer__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.pp-drawer__logo{font-family:var(--brand-logo-family);font-weight:700;font-size:22px;letter-spacing:-.02em;text-transform:uppercase;color:#fbfbfa}.pp-drawer__close{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:#fbfbfa;cursor:pointer}.pp-drawer__links{display:flex;flex-direction:column;gap:4px}.pp-drawer__link{font-family:var(--font-heading-family);font-size:30px;line-height:1.35;color:#fbfbfa;text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:color .15s ease}.pp-drawer__link:hover{color:var(--brand-lime, #c4f04a)}.pp-drawer__cta{margin-top:auto;text-align:center;padding:16px 24px;border-radius:9999px;background:var(--brand-lime, #c4f04a);color:var(--brand-navy, #00094b);font-family:var(--font-body-family);font-weight:700;font-size:16px;text-decoration:none}html.pp-drawer-open,body.pp-drawer-open{overflow:hidden}.pp-scrollbar,.pp-drawer__overlay,.pp-header__spacer{display:block!important}.pp-nav--unstick{position:absolute}.pp-wordmark{display:inline-block;line-height:0}.pp-wordmark svg{display:block;height:calc(1em * var(--pp-wordmark-scale, .7632));width:auto;fill:currentColor}
/*# sourceMappingURL=/cdn/shop/t/3/assets/pp-header.css.map */