.apdp-nav-host{position:sticky;top:var(--apdp-nav-top,66px);z-index:40}.apdp .apdp-nav{position:relative;background:var(--bone);border-top:1px solid var(--hair);border-bottom:1px solid var(--rule)}.apdp .apdp-nav__wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut);position:relative}.apdp .apdp-nav__scroll{display:flex;align-items:stretch;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.apdp .apdp-nav__scroll::-webkit-scrollbar{display:none}.apdp .apdp-nav__i{flex:0 0 auto;scroll-snap-align:start;display:flex;align-items:baseline;gap:9px;padding:19px clamp(15px,1.5vw,24px);min-height:48px;text-decoration:none;color:inherit;border-bottom:1px solid transparent;white-space:nowrap;transition:color .3s cubic-bezier(.22,.61,.36,1),border-color .3s cubic-bezier(.22,.61,.36,1)}.apdp .apdp-nav__i:first-child{padding-left:0}.apdp .apdp-nav__n{font-family:var(--serif);font-size:12px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--numeral);transition:color .3s}.apdp .apdp-nav__l{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--stone);transition:color .3s}.apdp .apdp-nav__i:hover .apdp-nav__l,.apdp .apdp-nav__i:hover .apdp-nav__n{color:var(--gold)}.apdp .apdp-nav__i[aria-current=true]{border-bottom-color:var(--gold)}.apdp .apdp-nav__i[aria-current=true] .apdp-nav__l,.apdp .apdp-nav__i[aria-current=true] .apdp-nav__n{color:var(--gold)}.apdp .apdp-nav__i:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.apdp-anchor-offset{scroll-margin-top:calc(var(--apdp-nav-top,66px) + 68px)}.apdp .apdp-nav__wrap:after{content:"";position:absolute;top:0;bottom:0;right:0;width:clamp(22px,5vw,88px);background:linear-gradient(to right,rgba(254,253,251,0),var(--bone));pointer-events:none;opacity:0;transition:opacity .3s}.apdp .apdp-nav__wrap.is-cut:after{opacity:1}@media(max-width:860px){.apdp .apdp-nav__i{padding:16px 14px}.apdp .apdp-nav__l{font-size:10px;letter-spacing:.2em}}@media(prefers-reduced-motion:reduce){.apdp .apdp-nav__i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/333/assets/auteur-pdp-nav.css.map */
