.ttw-cnav{position:fixed;top:0;left:0;right:0;z-index:900;transform:translateY(var(--ttw-header-h,124px));background:var(--ttw-paper);border-bottom:1px solid var(--ttw-hair);font-family:var(--ttw-body)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ttw-cnav{background:#14100cdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.ttw-cnav-spacer{height:var(--cnav-h,46px)}.ttw-cnav__title{display:none}.ttw-cnav__progress{position:absolute;left:0;right:0;bottom:-1px;height:1px;overflow:hidden;pointer-events:none}.ttw-cnav__progress-bar{display:block;height:100%;width:0%;background:var(--ttw-solar);transition:width .18s linear}@property --cnav-fl{syntax:"<length>";inherits:false;initial-value:0px;}@property --cnav-fr{syntax:"<length>";inherits:false;initial-value:0px;}.ttw-cnav__list{--cnav-pad:clamp(1.25rem,.75rem + 2.5vw,4rem);list-style:none;margin:0 auto;max-width:var(--ttw-container,1340px);display:flex;gap:clamp(.9rem,1.6vw,1.6rem);overflow-x:auto;scrollbar-width:none;padding:0 var(--cnav-pad);scroll-snap-type:x proximity;scroll-padding-inline:var(--cnav-pad);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--cnav-fl),#000 calc(100% - var(--cnav-fr)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--cnav-fl),#000 calc(100% - var(--cnav-fr)),transparent 100%)}@supports (animation-timeline: scroll()){.ttw-cnav__list{animation:ttw-cnav-edge linear both;animation-timeline:scroll(self inline)}}@keyframes ttw-cnav-edge{0%{--cnav-fl:0px;--cnav-fr:56px}6%{--cnav-fl:56px}94%{--cnav-fr:56px}to{--cnav-fl:56px;--cnav-fr:0px}}@supports not (animation-timeline: scroll()){.ttw-cnav__list{--cnav-fr:56px}}.ttw-cnav__list::-webkit-scrollbar{display:none}.ttw-cnav__item{flex:0 0 auto;scroll-snap-align:start;margin:0}.ttw-cnav__link{position:relative;display:flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .3rem;text-decoration:none;color:var(--ttw-grey);transition:color .25s var(--ttw-bio)}.ttw-cnav__link:after{content:"";position:absolute;left:.3rem;right:.3rem;bottom:9px;height:1px;background:var(--ttw-solar);transform:scaleX(0);transform-origin:left center;transition:transform .35s var(--ttw-out-expo)}.ttw-cnav__link:hover{color:var(--ttw-abyss)}.ttw-cnav__link:focus-visible{outline:2px solid var(--ttw-solar);outline-offset:-2px}.ttw-cnav__n{font-family:var(--ttw-display);font-style:italic;font-size:.95rem;line-height:1;color:var(--ttw-solar);flex:0 0 auto}.ttw-cnav__t{font-family:var(--ttw-engrave);font-weight:500;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.ttw-cnav__item.is-active .ttw-cnav__link{color:var(--ttw-abyss)}.ttw-cnav__item.is-active .ttw-cnav__link:after{transform:scaleX(1)}.ttw-ch{scroll-margin-top:130px}@media(max-width:520px){.ttw-cnav__list{gap:.9rem}.ttw-cnav__t{font-size:.62rem;letter-spacing:.12em}}@media(max-width:1767px){.ttw-cnav{transition:transform .32s var(--ttw-out-expo),opacity .32s var(--ttw-out-expo),visibility 0s;visibility:visible}.ttw-cnav[data-cnav-hide=true]{transform:translateY(calc(var(--ttw-header-h,124px) - 100%));opacity:0;pointer-events:none;visibility:hidden;transition:transform .32s var(--ttw-out-expo),opacity .32s var(--ttw-out-expo),visibility 0s linear .32s}}@media(min-width:1768px){.ttw-cnav{--cnav-w:190px;left:calc((100vw - var(--ttw-container)) / 2 - var(--cnav-w) - 1.5rem);right:auto;top:50%;transform:translateY(-50%);width:var(--cnav-w);background:none;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none}.ttw-cnav-spacer{height:0}.ttw-cnav__title{display:block;margin:0 0 .75rem;font-family:var(--ttw-engrave);font-size:.62rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ttw-grey)}.ttw-cnav__progress{position:static;height:1px;background:var(--ttw-hair);margin-bottom:.9rem}.ttw-cnav__list{display:block;overflow:visible;padding:0;-webkit-mask-image:none;mask-image:none;animation:none}.ttw-cnav__link{min-height:36px;padding:0;align-items:baseline}.ttw-cnav__link:after{left:0;right:auto;width:1.5rem;bottom:4px}.ttw-cnav__t{white-space:normal}.ttw-ch{scroll-margin-top:110px}}@media(prefers-reduced-motion:reduce){.ttw-cnav__link,.ttw-cnav__link:after,.ttw-cnav__progress-bar,.ttw-cnav{transition:none}}@media(scripting:none){.ttw-cnav{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sec-ttw-chapter-nav.css.map */
