.color-family-nav_nav__xLDOi{margin-bottom:24px;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#0f172a}.color-family-nav_nav__xLDOi h2{font-size:16px;font-weight:600;line-height:1.4;margin-bottom:10px}.color-family-nav_list__MbKKR{display:grid;grid-auto-flow:column;grid-auto-columns:104px;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 7px}.color-family-nav_list__MbKKR a{display:flex;flex-direction:column;gap:3px;scroll-snap-align:start;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#fff;min-width:0;padding:0 6px 6px;font-size:12px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.color-family-nav_list__MbKKR a>span:last-child{font-size:11px;line-height:1.4;color:#475569;font-weight:400;margin-top:auto}.color-family-nav_list__MbKKR a:before{content:"";height:32px;flex-shrink:0;margin:0 -6px 3px;background-image:var(--strip)}.color-family-nav_list__MbKKR a:focus-visible{outline:3px solid #2563eb;outline-offset:1px}.color-family-nav_list__MbKKR a:hover{border-color:#94a3b8}.dark .color-family-nav_list__MbKKR a,.dark .color-family-nav_nav__xLDOi{background:#0f172a;color:#f1f5f9;border-color:#475569}.dark .color-family-nav_list__MbKKR a>span:last-child{color:#cbd5e1}@media(min-width:1280px){.color-family-nav_list__MbKKR{grid-auto-flow:unset;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-columns:auto}}.color-family-nav_list__MbKKR a[href$="/red/"]{--strip:linear-gradient(90deg,#e2665c 0% 16.67%,#d04d46 16.67% 33.33%,#cb333b 33.33% 50%,#a84544 50% 66.67%,#9e2a2b 66.67% 83.33%,#7d1b49 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/orange/"]{--strip:linear-gradient(90deg,#e7b78a 0% 16.67%,#d7a179 16.67% 33.33%,#ea7600 33.33% 50%,#b58150 50% 66.67%,#a86f5f 66.67% 83.33%,#a6631b 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/yellow/"]{--strip:linear-gradient(90deg,#f9e267 0% 16.67%,#f4da40 16.67% 33.33%,#e1cd00 33.33% 50%,#c9b777 50% 66.67%,#bf9f00 66.67% 83.33%,#ad841f 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/green/"]{--strip:linear-gradient(90deg,#c4d6a4 0% 16.67%,#26d07c 16.67% 33.33%,#8f9980 33.33% 50%,#8f7e35 50% 66.67%,#686f12 66.67% 83.33%,#275d38 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/teal/"]{--strip:linear-gradient(90deg,#9bd3dd 0% 16.67%,#94b7bb 16.67% 33.33%,#7fa0ac 33.33% 50%,#28939c 50% 66.67%,#00778b 66.67% 83.33%,#00534c 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/blue/"]{--strip:linear-gradient(90deg,#a5b3ce 0% 16.67%,#4698ca 16.67% 33.33%,#6f72b4 33.33% 50%,#365abd 50% 66.67%,#00567e 66.67% 83.33%,#002677 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/purple/"]{--strip:linear-gradient(90deg,#b8acd6 0% 16.67%,#8e7fae 16.67% 33.33%,#ad1aac 33.33% 50%,#595478 50% 66.67%,#6d2077 66.67% 83.33%,#500878 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/pink/"]{--strip:linear-gradient(90deg,#eac4d2 0% 16.67%,#f99fc9 16.67% 33.33%,#ec86d0 33.33% 50%,#d0858b 50% 66.67%,#db3eb1 66.67% 83.33%,#ad5389 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/brown/"]{--strip:linear-gradient(90deg,#a55343 0% 16.67%,#7a5d53 16.67% 33.33%,#8d3f2b 33.33% 50%,#614f25 50% 66.67%,#742e34 66.67% 83.33%,#4e3629 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/beige/"]{--strip:linear-gradient(90deg,#dfd1a7 0% 16.67%,#e6baa8 16.67% 33.33%,#c0bb87 33.33% 50%,#afa96e 50% 66.67%,#ad9677 66.67% 83.33%,#a47f74 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/gray/"]{--strip:linear-gradient(90deg,#d0d3d4 0% 16.67%,#bdbeae 16.67% 33.33%,#aea8a5 33.33% 50%,#968c83 50% 66.67%,#716d6e 66.67% 83.33%,#4e4b48 83.33% 100%)}.color-family-nav_list__MbKKR a[href$="/black/"]{--strip:linear-gradient(90deg,#3e2b2e 0% 16.67%,#252a36 16.67% 33.33%,#25282a 33.33% 50%,#1d252d 50% 66.67%,#1b1d36 66.67% 83.33%,#091f2c 83.33% 100%)}