.so-visual-navigation{color:var(--so-visual-navigation-text);background:var(--so-visual-navigation-background);border-bottom:1px solid rgba(var(--color-base-text),.08);padding-block:var(--so-visual-navigation-padding)}.so-visual-navigation__heading{color:inherit;margin:0 0 1.2rem;font-size:2rem;text-align:center}.so-visual-navigation__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--so-visual-navigation-gap);list-style:none;margin:0;padding:.6rem}.so-visual-navigation__item{flex:0 0 calc(var(--so-visual-navigation-desktop-size) + 1rem);min-width:0}.so-visual-navigation__link{display:flex;flex-direction:column;align-items:center;gap:.8rem;min-height:44px;color:inherit;text-align:center;text-decoration:none;border-radius:.4rem}.so-visual-navigation__link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.so-visual-navigation__circle{display:flex;align-items:center;justify-content:center;flex:none;width:var(--so-visual-navigation-desktop-size);height:var(--so-visual-navigation-desktop-size);overflow:hidden;border-radius:50%;color:var(--so-visual-navigation-icon-color);background:var(--so-visual-navigation-circle-background);transition:transform .15s ease}.so-visual-navigation__icon{width:42%;height:42%}.so-visual-navigation__image{display:block;width:100%;height:100%;object-fit:cover}.so-visual-navigation__caption{font-size:1.4rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.so-visual-navigation__link[aria-current=page] .so-visual-navigation__caption{text-decoration:underline;text-underline-offset:.3rem}so-visual-navigation[data-scrollbar-ready] .so-visual-navigation__list{scrollbar-width:none;scroll-snap-type:none}so-visual-navigation[data-scrollbar-ready] .so-visual-navigation__list::-webkit-scrollbar{display:none}.so-visual-navigation__scrollbar{display:block;-webkit-appearance:none;appearance:none;width:100%;height:2.4rem;margin:.4rem 0 0;padding:0;border:0;background:transparent;cursor:grab}.so-visual-navigation__scrollbar[hidden]{display:none}.so-visual-navigation__scrollbar:focus-visible{outline:2px solid var(--so-visual-navigation-text);outline-offset:2px}.so-visual-navigation__scrollbar::-webkit-slider-runnable-track{height:.6rem;border-radius:.3rem;background:rgba(var(--color-base-text),.15)}.so-visual-navigation__scrollbar::-moz-range-track{height:.6rem;border-radius:.3rem;background:rgba(var(--color-base-text),.15)}.so-visual-navigation__scrollbar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--so-visual-navigation-thumb-width, 3rem);height:.6rem;border:0;border-radius:.3rem;background:var(--so-visual-navigation-text)}.so-visual-navigation__scrollbar::-moz-range-thumb{width:var(--so-visual-navigation-thumb-width, 3rem);height:.6rem;border:0;border-radius:.3rem;background:var(--so-visual-navigation-text)}.so-visual-navigation__editor-note{padding-block:1rem;border:1px solid currentColor}.so-visual-navigation__editor-note p{margin-block:.8rem}@media(hover:hover){.so-visual-navigation__link:hover .so-visual-navigation__circle{transform:translateY(-2px)}.so-visual-navigation__link:hover .so-visual-navigation__caption{text-decoration:underline;text-underline-offset:.3rem}}@media screen and (max-width:749px){.so-visual-navigation__list{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;margin-inline:-.6rem;padding:.6rem .6rem 1rem;scroll-padding-inline:.6rem;scroll-snap-type:x proximity;scrollbar-width:thin}.so-visual-navigation__item{flex-basis:clamp(calc(var(--so-visual-navigation-mobile-size) + .8rem),calc((100% - var(--so-visual-navigation-gap) * 3) / 3.5),calc(var(--so-visual-navigation-mobile-size) + 3rem));scroll-snap-align:start}.so-visual-navigation__circle{width:var(--so-visual-navigation-mobile-size);height:var(--so-visual-navigation-mobile-size)}html.no-js .so-visual-navigation__list{flex-wrap:wrap;justify-content:center;overflow-x:visible;margin-inline:0;scroll-snap-type:none}html.no-js .so-visual-navigation__item{flex-basis:calc(var(--so-visual-navigation-mobile-size) + 1rem)}}@media(prefers-reduced-motion:reduce){.so-visual-navigation__circle{transition:none}.so-visual-navigation__link:hover .so-visual-navigation__circle{transform:none}}so-visual-navigation{display:block}
/*# sourceMappingURL=/cdn/shop/t/15/assets/so-component-visual-navigation.css.map */