.tf-story-nav{background:rgb(var(--color-background));border-bottom:.1rem solid rgba(var(--color-border),1)}.tf-story-nav__list{display:flex;gap:1.6rem;margin:0;padding:1.4rem 2rem 1.2rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2rem;scrollbar-width:none}.tf-story-nav__list::-webkit-scrollbar{display:none}.tf-story-nav__item{flex:0 0 auto;scroll-snap-align:start}.tf-story-nav__link{--tf-story-size: 6.4rem;--tf-story-ring: rgba(var(--color-border), 1);position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem;width:calc(var(--tf-story-size) + 1.6rem);color:rgb(var(--color-foreground));text-decoration:none}.tf-story-nav--small .tf-story-nav__link{--tf-story-size: 5.2rem}.tf-story-nav__link--highlight,.tf-story-nav__link--active{--tf-story-ring: rgb(var(--color-button))}.tf-story-nav__ring{display:block;padding:.3rem;border:.15rem solid var(--tf-story-ring);border-radius:50%;transition:border-color var(--duration-default, .2s) ease}.tf-story-nav__media{display:block;width:var(--tf-story-size);height:var(--tf-story-size);overflow:hidden;border-radius:50%;background:rgb(var(--color-background-secondary))}.tf-story-nav__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tf-story-nav__image--placeholder{fill:rgba(var(--color-foreground),.35)}.tf-story-nav__label{max-width:100%;font-size:1.2rem;line-height:1.25;letter-spacing:.02em;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-story-nav__link--active .tf-story-nav__label{font-weight:600}.tf-story-nav__badge{position:absolute;top:calc(var(--tf-story-size) - .6rem);left:50%;padding:.1rem .6rem;border-radius:1rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-size:.9rem;font-weight:600;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;transform:translate(-50%)}.tf-story-nav__link:focus-visible{outline:none}.tf-story-nav__link:focus-visible .tf-story-nav__ring{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}@media(hover:hover){.tf-story-nav__link:hover .tf-story-nav__ring{border-color:rgb(var(--color-foreground))}.tf-story-nav__link:hover .tf-story-nav__image{transform:scale(1.06)}}@media screen and (min-width:750px){.tf-story-nav__list{gap:2.8rem;padding:1.8rem 5rem 1.6rem}.tf-story-nav__item:first-child{margin-inline-start:auto}.tf-story-nav__item:last-child{margin-inline-end:auto}.tf-story-nav__link{--tf-story-size: 8rem}.tf-story-nav--small .tf-story-nav__link{--tf-story-size: 6.4rem}.tf-story-nav__label{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.tf-story-nav__image,.tf-story-nav__ring{transition:none}}.tf-story-nav__media--icon,.tf-story-nav__media--text{display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background-secondary))}.tf-story-nav__icon{width:62%;height:62%;object-fit:contain}.tf-story-nav__media-text{font-family:var(--font-heading-family);font-size:2rem;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/64/assets/section-tf-story-nav.css.map */