nav[header-menu] .menu-list{--header-nav-pill-x: 0px;--header-nav-pill-y: 0px;--header-nav-pill-width: 0px;--header-nav-pill-height: 1px;--header-nav-line-opacity: .78;--header-nav-text-lift: 0px;--header-nav-brand-color: var(--color-primary, var(--color-primary-button-background, var(--menu-top-level-font-color, var(--color-foreground))));position:relative}nav[header-menu] .menu-list__pill{position:absolute;inset-block-start:0;inset-inline-start:0;width:var(--header-nav-pill-width);height:var(--header-nav-pill-height);border-radius:999px;background:currentcolor;color:var(--header-nav-brand-color);box-shadow:none;opacity:0;pointer-events:none;transform:translate3d(var(--header-nav-pill-x),var(--header-nav-pill-y),0) scaleX(.2);transform-origin:center;transition:transform .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1),opacity .14s var(--animation-easing);will-change:transform,width,opacity;z-index:var(--layer-flat)}nav[header-menu] .menu-list__pill:before{content:"";position:absolute;top:-4px;right:-6px;bottom:-4px;left:-6px;border-radius:inherit;background:currentcolor;opacity:0;transform:scaleX(1)}nav[header-menu][data-pill-visible=true] .menu-list__pill{opacity:var(--header-nav-line-opacity);transform:translate3d(var(--header-nav-pill-x),var(--header-nav-pill-y),0) scaleX(1)}nav[header-menu][data-pill-state=hover] .menu-list{--header-nav-line-opacity: .95}nav[header-menu][data-pill-state=active] .menu-list{--header-nav-line-opacity: .68}nav[header-menu] .menu-list__link{position:relative;z-index:calc(var(--layer-flat) + 1);border-radius:999px;transition:color var(--animation-speed) var(--animation-easing),transform .18s cubic-bezier(.16,1,.3,1),opacity .18s var(--animation-easing);will-change:transform}nav[header-menu] .menu-list__link-title{position:relative;display:inline-block;transform:translateY(0);transition:none}nav[header-menu] .menu-list__link--active{font-weight:bolder}nav[header-menu] .menu-list__link:active{transform:scale(.98)}nav[header-menu][data-pill-clicking=true] .menu-list__pill{animation:header-nav-line-click .32s cubic-bezier(.2,.8,.2,1)}nav[header-menu][data-pill-clicking=true] .menu-list__pill:before{animation:header-nav-line-click-pulse .32s cubic-bezier(.2,.8,.2,1)}@keyframes header-nav-line-click{0%{opacity:1;transform:translate3d(var(--header-nav-pill-x),var(--header-nav-pill-y),0) scaleX(.82)}55%{opacity:1;transform:translate3d(var(--header-nav-pill-x),var(--header-nav-pill-y),0) scaleX(1.04)}to{opacity:var(--header-nav-line-opacity);transform:translate3d(var(--header-nav-pill-x),var(--header-nav-pill-y),0) scaleX(1)}}@keyframes header-nav-line-click-pulse{0%{opacity:.18;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.9)}}@media(prefers-reduced-motion:reduce){nav[header-menu] .menu-list__pill,nav[header-menu] .menu-list__pill:before,nav[header-menu] .menu-list__link,nav[header-menu] .menu-list__link-title{animation:none;transition:none}nav[header-menu] .menu-list__list-item:where(:hover,:focus-within) .menu-list__link-title,nav[header-menu] .menu-list__link:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/header-nav-pill.css.map */