.satri-visual-nav{border-bottom:1px solid rgba(36,40,36,.1);background:rgb(var(--color-background))}.satri-visual-nav .satri-container{max-width:1440px}.satri-visual-nav .satri-visual-nav__list{display:flex;align-items:flex-start;gap:clamp(16px,2.2vw,32px);overflow-x:auto;margin:0;padding:18px 2px 20px;list-style:none;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-inline:contain}.satri-visual-nav .satri-visual-nav__list::-webkit-scrollbar{display:none}.satri-visual-nav__item{flex:0 0 94px;scroll-snap-align:start}.satri-visual-nav .satri-visual-nav__link{display:grid;grid-template-rows:94px auto;gap:9px;min-width:0;min-height:0;padding:0;border:0;background:transparent;color:var(--satri-deep-ink);text-align:center;text-decoration:none}.satri-visual-nav .satri-visual-nav__link:hover,.satri-visual-nav .satri-visual-nav__link:focus-visible{border:0;color:var(--satri-deep-ink)}.satri-visual-nav__media{display:flex;align-items:center;justify-content:center;width:94px;height:94px;overflow:hidden;background:#f4f4f1}.satri-visual-nav__image,.satri-visual-nav__placeholder{display:block;width:100%;height:100%;object-fit:contain;transition:transform .22s ease}.satri-visual-nav__placeholder{padding:14px;color:#c8cbc5}.satri-visual-nav__link:hover .satri-visual-nav__image{transform:scale(1.035)}.satri-visual-nav__label{display:block;font:600 11px/1.25 var(--satri-font-interface);letter-spacing:.01em;text-wrap:balance}.satri-visual-nav__link[aria-current=page] .satri-visual-nav__media{outline:1px solid var(--satri-deep-ink);outline-offset:2px}.satri-visual-nav__link[aria-current=page] .satri-visual-nav__label{text-decoration:underline;text-underline-offset:4px}.satri-visual-nav .satri-chip--highlight .satri-visual-nav__label{color:var(--satri-oxblood)}@media(max-width:749px){.satri-visual-nav .satri-container{width:100%;padding:0}.satri-visual-nav .satri-visual-nav__list{gap:12px;padding:14px 16px 17px;scroll-padding-inline:16px}.satri-visual-nav__item{flex-basis:78px}.satri-visual-nav .satri-visual-nav__link{grid-template-rows:78px auto;gap:8px}.satri-visual-nav__media{width:78px;height:78px}.satri-visual-nav__label{font-size:10px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/satri-visual-collection-nav.css.map */