.S_NkGq_Wrapper{background-color:var(--white);border-top:1px solid var(--border-lighter);contain:paint;overflow:hidden}.S_NkGq_Container{max-width:1100px;padding:var(--size-4) var(--size-3);margin:0 auto}.S_NkGq_TopRow{align-items:center;gap:var(--size-1);max-width:650px;margin:0 auto var(--size-3);display:flex}.S_NkGq_SearchWrapper{flex:1;position:relative}.S_NkGq_SearchIcon{color:var(--text-on-light);opacity:.5;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.S_NkGq_SearchInput{width:100%;padding:var(--size-1) var(--size-2) var(--size-1) 50px;font-size:var(--size-2);border:2px solid var(--border-lighter);background-color:var(--white);color:var(--text-on-light);border-radius:999px;font-family:inherit;transition:border-color .15s ease-out}.S_NkGq_SearchInput:focus{border-color:var(--green);outline:none}.S_NkGq_SearchInput::-ms-input-placeholder{color:var(--text-on-light);opacity:.5}.S_NkGq_SearchInput::placeholder{color:var(--text-on-light);opacity:.5}@media(max-width:475px){.S_NkGq_SearchInput{font-size:var(--size-1);padding:var(--size-07) var(--size-1) var(--size-07) 44px}}.S_NkGq_FilterButton{padding:10px var(--size-2);border:2px solid var(--border-lighter);background-color:var(--white);color:var(--text-on-light);font-size:var(--size-09);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;font-family:inherit;font-weight:600;transition:all .15s ease-out;display:flex}.S_NkGq_FilterButton:hover{border-color:var(--green);color:var(--dark-green)}@media(max-width:475px){.S_NkGq_FilterButton{padding:8px var(--size-1);font-size:var(--size-08)}}.S_NkGq_FilterButton_Active{border-color:var(--dark-green);color:var(--dark-green)}.S_NkGq_FilterBadge{background-color:var(--dark-green);width:20px;height:20px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;line-height:1;display:flex}.S_NkGq_ActiveFilters{max-width:650px;margin:0 auto var(--size-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.S_NkGq_ActiveTag{background-color:var(--light-green);border:1px solid var(--border-lighter);font-size:var(--size-08);color:var(--dark-green);border-radius:999px;align-items:center;gap:4px;padding:4px 8px 4px 12px;font-weight:500;display:inline-flex}.S_NkGq_ActiveTag_Remove{width:18px;height:18px;color:var(--text-on-light);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.S_NkGq_ActiveTag_Remove:hover{background-color:var(--border-lighter);color:var(--dark-green)}.S_NkGq_ClearAll{color:var(--green);font-size:var(--size-08);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-weight:600}.S_NkGq_ClearAll:hover{text-decoration:underline}.S_NkGq_Families{gap:var(--size-2);padding:var(--size-05) 0 var(--size-2);margin-bottom:var(--size-1);scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:center;display:flex;overflow-x:auto}.S_NkGq_Families::-webkit-scrollbar{display:none}@media(max-width:768px){.S_NkGq_Families{justify-content:flex-start;gap:var(--size-1)}}.S_NkGq_FamilyCircle{align-items:center;gap:var(--size-02);cursor:pointer;padding:var(--size-02);background:0 0;border:none;flex-direction:column;flex-shrink:0;font-family:inherit;display:flex}.S_NkGq_FamilyCircle_Swatch{border:2px solid var(--border-lighter);border-radius:50%;width:48px;height:48px;transition:all .15s ease-out}@media(max-width:475px){.S_NkGq_FamilyCircle_Swatch{width:40px;height:40px}}.S_NkGq_FamilyCircle:hover .S_NkGq_FamilyCircle_Swatch{transform:scale(1.08)}.S_NkGq_FamilyCircle_Active .S_NkGq_FamilyCircle_Swatch{border-color:var(--border-lighter)}.S_NkGq_FamilyCircle_Label{font-size:var(--size-07);color:var(--text-on-light);white-space:nowrap;border-bottom:2px solid transparent;padding-bottom:2px;font-weight:500;transition:all .15s ease-out}.S_NkGq_FamilyCircle_Active .S_NkGq_FamilyCircle_Label{color:var(--dark-green);border-bottom-color:var(--dark-green);font-weight:700}.S_NkGq_PopularHeading{text-align:center;margin-bottom:var(--size-2)}.S_NkGq_PopularHeading_Title{font-size:var(--size-3);color:var(--dark-green);margin:0 0 var(--size-02);font-weight:800}@media(max-width:475px){.S_NkGq_PopularHeading_Title{font-size:var(--size-2)}}.S_NkGq_PopularHeading_Sub{font-size:var(--size-09);color:var(--text-on-light);margin:0;line-height:1.6}.S_NkGq_Toolbar{margin-bottom:var(--size-2);justify-content:space-between;align-items:center;display:flex}.S_NkGq_ResultCount{font-size:var(--size-08);color:var(--text-on-light);margin:0}.S_NkGq_GridControls{background-color:var(--bg-elv);border-radius:8px;gap:2px;padding:2px;display:flex}.S_NkGq_GridSizeButton{width:32px;height:32px;color:var(--text-on-light);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .1s ease-out;display:flex}.S_NkGq_GridSizeButton:hover{opacity:.8;background-color:var(--white)}.S_NkGq_GridSizeButton_Active{background-color:var(--white);opacity:1;color:var(--dark-green);box-shadow:0 1px 3px #0000001a}.S_NkGq_EmptyState{text-align:center;padding:var(--size-6);color:var(--text-on-light);font-size:var(--size-1)}.S_NkGq_Grid{gap:var(--size-2);display:grid}@media(max-width:475px){.S_NkGq_Grid{gap:var(--size-1)}}.S_NkGq_Grid_small{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media(max-width:475px){.S_NkGq_Grid_small{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.S_NkGq_Grid_medium{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media(max-width:475px){.S_NkGq_Grid_medium{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.S_NkGq_Grid_large{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:475px){.S_NkGq_Grid_large{grid-template-columns:1fr}}.S_NkGq_Card{background-color:var(--white);border:1px solid var(--border-lighter);cursor:pointer;border-radius:12px;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out;display:block;overflow:hidden}.S_NkGq_Card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.S_NkGq_Card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.S_NkGq_Card_SwatchWrap{aspect-ratio:4/3;position:relative;overflow:hidden}.S_NkGq_Card_Swatch{background-position:50%;background-size:cover;transition:opacity .3s ease-out;position:absolute;inset:0}.S_NkGq_Card_Swatch:after{content:"";mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.08'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.025' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)' opacity='0.18'/%3E%3C/svg%3E");background-size:200px 200px,500px 500px;position:absolute;inset:0}.S_NkGq_Card_HexImage{opacity:0;background-position:50%;background-size:cover;transition:opacity .3s ease-out;position:absolute;inset:0}.S_NkGq_Card_HasHexImage:hover .S_NkGq_Card_HexImage{opacity:1}.S_NkGq_Card_HasHexImage:hover .S_NkGq_Card_Swatch{opacity:0}.S_NkGq_Card_Body{padding:var(--size-05) var(--size-1)}.S_NkGq_Card_Name{font-size:var(--size-09);color:var(--dark-green);margin:0;font-weight:600;line-height:1.3;display:block}.S_NkGq_Card_Code{font-size:var(--size-07);color:var(--text-on-light);margin:0;font-family:monospace;display:block}.S_NkGq_Card_Palette{font-size:var(--size-07);color:var(--text-on-light);opacity:.7;margin-top:2px;display:block}.S_NkGq_LoadMore{text-align:center;padding:var(--size-4) 0 var(--size-2)}.S_NkGq_LoadMoreButton{padding:var(--size-1) var(--size-4);border:2px solid var(--dark-green);background:var(--white);color:var(--dark-green);font-weight:700;font-size:var(--size-1);cursor:pointer;border-radius:10px;font-family:inherit;transition:all .15s ease-out}.S_NkGq_LoadMoreButton:hover{background:var(--dark-green);color:var(--white)}.S_NkGq_LoadMoreButton:focus-visible{outline:2px solid var(--green);outline-offset:2px}.S_NkGq_LoadMoreCount{margin-top:var(--size-1);font-size:var(--size-08);color:var(--text-on-light)}.S_NkGq_DrawerOverlay{z-index:1000;background-color:#0000004d;position:fixed;inset:0}.S_NkGq_Drawer{background-color:var(--white);z-index:1001;flex-direction:column;width:380px;max-width:90vw;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 24px #0000001f}.S_NkGq_Drawer_Header{padding:var(--size-2) var(--size-3);border-bottom:1px solid var(--border-lighter);justify-content:space-between;align-items:center;display:flex}.S_NkGq_Drawer_Header h3{font-size:var(--size-2);color:var(--dark-green);margin:0;font-weight:700}.S_NkGq_Drawer_Close{width:36px;height:36px;color:var(--text-on-light);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.S_NkGq_Drawer_Close:hover{background-color:var(--bg-elv)}.S_NkGq_Drawer_Body{padding:var(--size-3);flex:1;overflow-y:auto}.S_NkGq_Drawer_Section{margin-bottom:var(--size-4)}.S_NkGq_Drawer_Section h4{font-size:var(--size-09);color:var(--dark-green);margin:0 0 var(--size-1);font-weight:700}.S_NkGq_Drawer_Chips{flex-wrap:wrap;gap:6px;display:flex}.S_NkGq_DrawerChip{padding:8px var(--size-2);border:1px solid var(--border-lighter);font-size:var(--size-08);background-color:var(--white);color:var(--text-on-light);cursor:pointer;border-radius:999px;font-family:inherit;font-weight:500;transition:all .1s ease-out}.S_NkGq_DrawerChip:hover{border-color:var(--green);color:var(--green)}.S_NkGq_DrawerChip_Active{background-color:var(--dark-green);border-color:var(--dark-green);color:var(--white)}.S_NkGq_DrawerChip_Active:hover{background-color:var(--green);border-color:var(--green);color:var(--white)}.S_NkGq_Drawer_Footer{padding:var(--size-2) var(--size-3);border-top:1px solid var(--border-lighter);gap:var(--size-1);display:flex}.S_NkGq_Drawer_ClearButton{padding:var(--size-1) var(--size-2);border:1px solid var(--border-lighter);background:var(--white);color:var(--text-on-light);font-weight:600;font-size:var(--size-09);cursor:pointer;border-radius:10px;font-family:inherit;transition:all .1s ease-out}.S_NkGq_Drawer_ClearButton:hover{border-color:var(--dark-green);color:var(--dark-green)}.S_NkGq_Drawer_ApplyButton{padding:var(--size-1) var(--size-2);background:var(--dark-green);color:var(--white);font-weight:700;font-size:var(--size-09);cursor:pointer;border:none;border-radius:10px;flex:1;font-family:inherit;transition:all .1s ease-out}.S_NkGq_Drawer_ApplyButton:hover{background:var(--green)}.drawer-enter-active,.drawer-leave-active{transition:opacity .2s ease-out}.drawer-enter-active .DrawerPanel,.drawer-leave-active .DrawerPanel{transition:transform .25s ease-out}.drawer-enter-from,.drawer-leave-to{opacity:0}.drawer-enter-from .DrawerPanel,.drawer-leave-to .DrawerPanel{transform:translate(100%)}