.colors-page-content-module__BN-xDG__page{max-width:1440px;margin:0 auto;padding:6rem 2rem 5rem}.colors-page-content-module__BN-xDG__header{margin-bottom:3rem}.colors-page-content-module__BN-xDG__title{letter-spacing:-.05em;color:var(--on-background);margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.colors-page-content-module__BN-xDG__subtitle{color:var(--on-surface-variant);font-size:1rem}.colors-page-content-module__BN-xDG__filterSection{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.colors-page-content-module__BN-xDG__filterGroup{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.colors-page-content-module__BN-xDG__filterLabel{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);flex-shrink:0;min-width:5.5rem;font-size:.6875rem;font-weight:700}.colors-page-content-module__BN-xDG__filterRow{flex-wrap:wrap;gap:.5rem;display:flex}.colors-page-content-module__BN-xDG__filterPill{color:var(--on-surface-variant);background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:flex}.dark .colors-page-content-module__BN-xDG__filterPill{background-color:var(--surface-container-low);border-color:#0000}.colors-page-content-module__BN-xDG__filterPill:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.colors-page-content-module__BN-xDG__filterPillActive{background-color:var(--on-background);color:var(--background);border-color:var(--on-background)}.dark .colors-page-content-module__BN-xDG__filterPillActive{background-color:var(--surface-container-highest);color:var(--on-surface);border-color:#0000}.colors-page-content-module__BN-xDG__filterPillActive:hover{background-color:var(--on-background);color:var(--background)}.colors-page-content-module__BN-xDG__filterDot{border-radius:9999px;flex-shrink:0;width:.625rem;height:.625rem;display:block}.colors-page-content-module__BN-xDG__searchRow{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.colors-page-content-module__BN-xDG__searchInput{background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);min-width:220px;max-width:420px;color:var(--on-surface);outline:none;flex:1;padding:.875rem 1rem .875rem 2.75rem;font-size:.9375rem;transition:border-color .15s}.dark .colors-page-content-module__BN-xDG__searchInput{background-color:var(--surface-container-low);border-color:#0000}.colors-page-content-module__BN-xDG__searchInput:focus{border-color:var(--primary)}.colors-page-content-module__BN-xDG__searchWrap{flex:1;min-width:220px;max-width:420px;position:relative}.colors-page-content-module__BN-xDG__searchIcon{color:var(--outline);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%);font-size:1.25rem!important}.colors-page-content-module__BN-xDG__count{color:var(--outline);letter-spacing:.05em;font-size:.8125rem;font-weight:600}.colors-page-content-module__BN-xDG__grid{grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:1.25rem;display:grid}@media (min-width:768px){.colors-page-content-module__BN-xDG__grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}}.colors-page-content-module__BN-xDG__chip{background-color:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);color:inherit;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block}.dark .colors-page-content-module__BN-xDG__chip{background-color:var(--surface-container-low);border-color:#0000}.colors-page-content-module__BN-xDG__chip:hover{box-shadow:0 8px 24px var(--shadow-md);transform:translateY(-2px)}.dark .colors-page-content-module__BN-xDG__chip:hover{box-shadow:0 8px 24px var(--shadow-md)}.colors-page-content-module__BN-xDG__chipSwatch{aspect-ratio:1;width:100%}.colors-page-content-module__BN-xDG__chipInfo{padding:.75rem .75rem .875rem}.colors-page-content-module__BN-xDG__chipName{color:var(--on-background);letter-spacing:.02em;margin-bottom:.25rem;font-size:.75rem;font-weight:700;line-height:1.3}.colors-page-content-module__BN-xDG__chipHex{color:var(--outline);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem}.colors-page-content-module__BN-xDG__pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;margin-top:4rem;display:flex}.colors-page-content-module__BN-xDG__pageBtn{min-width:2.5rem;height:2.5rem;color:var(--on-surface-variant);border:1px solid var(--surface-container-highest);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.dark .colors-page-content-module__BN-xDG__pageBtn{border-color:var(--surface-container-highest)}.colors-page-content-module__BN-xDG__pageBtn:hover{background-color:var(--surface-container-high)}.colors-page-content-module__BN-xDG__pageBtnActive{background-color:var(--on-background);color:var(--background);border-color:var(--on-background)}.dark .colors-page-content-module__BN-xDG__pageBtnActive{background-color:var(--surface-container-highest);color:var(--on-surface);border-color:#0000}.colors-page-content-module__BN-xDG__pageBtnActive:hover{background-color:var(--on-background);color:var(--background)}.colors-page-content-module__BN-xDG__pageEllipsis{min-width:2rem;height:2.5rem;color:var(--outline);justify-content:center;align-items:center;font-size:.875rem;display:flex}.colors-page-content-module__BN-xDG__navBtn{height:2.5rem;color:var(--on-surface-variant);border:1px solid var(--surface-container-highest);cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:0 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background-color .15s;display:flex}.dark .colors-page-content-module__BN-xDG__navBtn{border-color:var(--surface-container-highest)}.colors-page-content-module__BN-xDG__navBtn:hover{background-color:var(--surface-container-high)}.colors-page-content-module__BN-xDG__navBtn:disabled,.colors-page-content-module__BN-xDG__navBtnDisabled{opacity:.35;cursor:default;pointer-events:none}.colors-page-content-module__BN-xDG__navBtn:disabled:hover,.colors-page-content-module__BN-xDG__navBtnDisabled:hover{background-color:#0000}.colors-page-content-module__BN-xDG__empty{text-align:center;color:var(--outline);padding:5rem 2rem}.colors-page-content-module__BN-xDG__emptyTitle{color:var(--on-surface-variant);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}