.header-glass{background:transparent}.header-glass-backdrop{-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:#ffffff0f;height:350%;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 20%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.1) 65%,transparent);mask-image:linear-gradient(180deg,#000 0,#000 20%,rgba(0,0,0,.4) 40%,rgba(0,0,0,.1) 65%,transparent);pointer-events:none;position:absolute;z-index:0}.header-glass--blend .header-glass-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent;-webkit-mask-image:none;mask-image:none}.pill-glass{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff1f;border:1px solid hsla(0,0%,100%,.16);box-shadow:0 8px 32px #1f268733,inset 0 4px 20px #ffffff4d;position:relative}.pill-glass:after{background:#ffffff1a;border-radius:inherit;box-shadow:inset -10px -8px 0 -11px #fff,inset 0 -9px 0 -8px #fff;content:"";filter:blur(1px) brightness(115%);inset:0;opacity:.6;pointer-events:none;position:absolute}.nav-pill{pointer-events:none;transition:left .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1),opacity .2s ease}@media(min-width:1024px){.header-row{min-height:3rem}.header-pill-center,.header-pill-left,.header-pill-right{position:absolute;top:0}.header-pill-left{left:0}.header-pill-right{right:0}.header-pill-center{left:50%;max-width:min(64vw,1080px);transform:translate(-50%);width:-moz-max-content;width:max-content}.header-pill-center--search{width:min(64vw,1080px)}}.cart-toggle-btn{gap:.45rem;transition:background-color .25s ease,transform .25s ease}.cart-toggle-caret{opacity:.65;transition:transform .25s ease,opacity .25s ease}.cart-toggle-caret--open{opacity:1;transform:rotate(180deg)}.cart-pill{--cart-pill-closed-width:clamp(14rem,16vw,15.5rem);align-items:stretch;border-radius:1.5rem;height:3rem;max-width:none;min-width:0;overflow:hidden;transition:width .24s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1),box-shadow .24s cubic-bezier(.22,1,.36,1);width:var(--cart-pill-closed-width)}.cart-pill--open{border-radius:1.5rem;box-shadow:0 10px 34px #1f26873d,inset 0 4px 22px #ffffff54;height:calc(100dvh - 1rem);max-width:calc(100vw - 1.5rem);padding-left:.25rem;padding-right:.25rem;position:fixed;right:1rem;top:.5rem;width:340px;z-index:75}.cart-pill--closed{height:3rem;width:var(--cart-pill-closed-width)}.cart-pill-top{align-items:center;-moz-column-gap:.35rem;column-gap:.35rem;display:grid;flex:0 0 auto;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);min-height:2rem;width:100%}.cart-pill--open .cart-pill-top{border-bottom:1px solid hsla(0,0%,100%,.2);margin-bottom:.25rem;padding-bottom:.35rem;position:sticky;top:0;z-index:2}.cart-pill-action{align-items:center;display:inline-flex;min-width:0}.cart-pill-action--left{justify-self:start}.cart-pill-action--right{justify-self:end;max-width:100%}.cart-pill-divider{align-self:center;opacity:.35;transition:opacity .2s ease}.cart-pill-divider--open{opacity:.8}.cart-pill-body{flex:1 1 auto;min-height:0;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1);width:100%}.cart-pill-body--open{max-height:none;opacity:1;transform:translateY(0);transition-delay:.22s}.cart-pill-body--closed{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-8px)}.menu-overlay-enter-active{transition:opacity .3s ease}.menu-overlay-enter-active .menu-item{animation:menu-item-in .5s cubic-bezier(.16,1,.3,1) both}.menu-overlay-leave-active{transition:opacity .2s ease}.menu-overlay-leave-active .menu-item{animation:menu-item-out .2s ease both}.menu-overlay-enter-from,.menu-overlay-leave-to{opacity:0}@keyframes menu-item-in{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes menu-item-out{to{opacity:0;transform:translate(20px)}}.dock-glass{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff1a;border-top:1px solid hsla(0,0%,100%,.12);box-shadow:0 -4px 24px #00000014;padding-bottom:env(safe-area-inset-bottom,0)}.dock-item{align-items:center;border-radius:12px;color:#00000073;display:flex;flex-direction:column;gap:2px;padding:6px 12px;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.dock-item--active{color:oklch(var(--s))}.dock-label{font-size:10px;font-weight:600;line-height:1}