.category-rail{border-bottom:1px solid var(--line);background:#fff}.category-rail>.page-width{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(84px,140px);grid-auto-flow:column;justify-content:center;gap:4px;padding:18px 0 14px;display:grid;overflow-x:auto}.category-rail>.page-width::-webkit-scrollbar{display:none}.category-rail a{scroll-snap-align:start;text-align:center;min-width:0;color:var(--ink);-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;gap:10px;padding:0 4px;display:flex}.category-rail a:focus-visible{outline:none}.category-rail-image{background:#f6f1fa;border-radius:50%;place-items:center;width:72px;height:72px;transition:box-shadow .2s,background-color .2s,transform .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 #0000}.category-rail-image .product-art{aspect-ratio:1;background:0 0;width:100%;height:100%;padding:6px}.category-rail-image .product-art img{object-fit:contain;transition:transform .25s ease-out}.category-rail-image .illustration-note{display:none}.category-rail-label{text-wrap:balance;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:112px;min-height:2.6em;font-size:13px;font-weight:600;line-height:1.3;transition:color .15s;display:block}.category-rail a:hover .category-rail-image,.category-rail a:focus-visible .category-rail-image{background:var(--rose-soft);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--purple)}.category-rail a:hover .category-rail-image img{transform:scale(1.08)}.category-rail a:hover .category-rail-label,.category-rail a:focus-visible .category-rail-label{color:var(--purple)}.category-rail a:active .category-rail-image{transform:scale(.95)}.category-rail-all .category-rail-image{background:var(--ink);color:#fff}.category-rail-all:hover .category-rail-image,.category-rail-all:focus-visible .category-rail-image{background:var(--purple)}.category-rail-all svg{width:24px;transition:transform .2s}.category-rail-all:hover svg{transform:translate(3px)}@media (max-width:1000px){.category-rail>.page-width{grid-auto-columns:96px;justify-content:start;width:100%;padding:18px 56px 14px 24px;scroll-padding-inline:24px;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}}@media (prefers-reduced-motion:reduce){.category-rail-image,.category-rail-image img,.category-rail-all svg{transition:none}.category-rail a:hover .category-rail-image img,.category-rail-all:hover svg,.category-rail a:active .category-rail-image{transform:none}}.category-rail a[aria-current] .category-rail-image{background:var(--rose-soft);box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--purple)}.category-rail a[aria-current] .category-rail-label{color:var(--purple)}.category-rail a.category-rail-all[aria-current] .category-rail-image{background:var(--purple)}@media (max-width:620px){.category-rail>.page-width{grid-auto-columns:78px;gap:6px;padding:14px 48px 10px 16px;scroll-padding-inline:16px}.category-rail-image{width:60px;height:60px}.category-rail-label{font-size:12px}}