:root{--text-fontSize-s:.875rem;--text-fontSize-m:1rem;--text-fontSize-l:1.125rem;--text-fontSize-xl:1.25rem;--text-lineHeight-s:1.25rem;--text-lineHeight-m:1.5rem;--text-lineHeight-l:1.625rem;--text-lineHeight-xl:1.875rem}.ColorCard{margin-left:auto;margin-right:auto;max-width:var(--max-content-width);padding-left:var(--content-padding);padding-right:var(--content-padding)}.u-noContentHolderInside .ColorCard{margin-left:0;margin-right:0;max-width:none;padding-left:0;padding-right:0}.ColorCard .ColorCard-filterContainer{margin-bottom:var(--spacing-md)}.ColorCard .ColorCard-filterActions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:.625rem;justify-content:space-between}.ColorCard .ColorCard-colorFilter{-webkit-box-flex:0;-ms-flex:0 1 22.5rem;flex:0 1 22.5rem}.ColorCard .ColorCard-cards{display:grid;grid-auto-flow:row;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--grid-gutter);grid-row-gap:0;list-style-type:none;margin:0;padding:0;row-gap:var(--spacing-md)}.ColorCard .ColorCard-card{grid-column-end:span 6;grid-column-end:0;grid-column-start:0}@media (min-width:960px){.ColorCard .ColorCard-card{grid-column-end:span 3;grid-column-end:0;grid-column-start:0}}.ColorCard .ColorCard-card.is-filter-hidden,.ColorCard .ColorCard-card.is-pagination-hidden,.ColorCard .ColorCard-card.is-search-hidden{display:none}.ColorCard .ColorCard-cardContent{margin-top:var(--spacing-xs)}.ColorCard .ColorCard-selectedColors{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.9375rem;margin-top:1.25rem}.ColorCard .ColorCard-selectedColors .ss-placeholder{display:none}.ColorCard .ColorCard-selectedColors .ss-value{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:.0625rem solid var(--color-primary);padding:.625rem .75rem}.ColorCard .ColorCard-selectedColors .ss-value-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ColorCard .ColorCard-selectedColors .ss-value-delete{color:var(--color-primary);cursor:pointer;font-size:1rem;height:1.125rem;margin-left:.5rem;width:1rem}.ColorCard .ColorCard-selectedColors .ss-value-delete:before{font-family:icons,sans-serif;font-style:normal;font-variant:normal;font-weight:400;line-height:1;-webkit-text-decoration:none;text-decoration:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:var(--icon-close)}.ColorCard .ColorCard-selectedColors .ss-value-delete .svg{display:none}.ColorCard .ColorCard-search{position:relative;-webkit-box-flex:0;-ms-flex:0 1 22.5rem;flex:0 1 22.5rem}.ColorCard .ColorCard-searchInput input::-webkit-search-cancel-button,.ColorCard .ColorCard-searchInput input::-webkit-search-decoration,.ColorCard .ColorCard-searchInput input::-webkit-search-results-button,.ColorCard .ColorCard-searchInput input::-webkit-search-results-decoration{display:none}.ColorCard .ColorCard-searchActions{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:auto;position:absolute;right:.9375rem;top:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ColorCard .ColorCard-searchActions>*+*{margin-left:1.25rem}.ColorCard .ColorCard-searchReset,.ColorCard .ColorCard-searchSubmit{background:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0;padding:0}.ColorCard .ColorCard-searchReset:before,.ColorCard .ColorCard-searchSubmit:before{color:var(--color-black);font-size:1.25rem;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.ColorCard .ColorCard-searchReset:hover:before,.ColorCard .ColorCard-searchSubmit:hover:before{color:var(--color-primary)}.ColorCard .ColorCard-searchReset{opacity:0;pointer-events:none;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.ColorCard .ColorCard-searchReset:before{font-family:icons,sans-serif;font-style:normal;font-variant:normal;font-weight:400;line-height:1;-webkit-text-decoration:none;text-decoration:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:var(--icon-close);font-size:.9375rem}.ColorCard .ColorCard-searchReset.is-visible{opacity:1;pointer-events:all}.ColorCard .ColorCard-searchSubmit:before{font-family:icons,sans-serif;font-style:normal;font-variant:normal;font-weight:400;line-height:1;-webkit-text-decoration:none;text-decoration:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:var(--icon-search)}.ColorCard .ColorCard-searchAutoCompleteList{background:var(--color-white);-webkit-box-shadow:0 0 .25rem 0 rgba(0,0,0,.25);box-shadow:0 0 .25rem #00000040;display:block;inset:auto 0 0;margin:0;padding:.3125rem 0 .625rem;position:absolute;-webkit-transform:translateY(100%);transform:translateY(100%)}.ColorCard .ColorCard-searchAutoCompleteList:empty,.ColorCard .ColorCard-searchAutoCompleteList[hidden]{display:none}.ColorCard .ColorCard-searchAutoCompleteItem{color:var(--color-grey-13);cursor:pointer;display:block;font-size:.875rem;font-size:var(--text-fontSize-s);font-weight:400;list-style:none;padding:.625rem 1.25rem;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;word-break:break-word}.ColorCard .ColorCard-searchAutoCompleteItem.ColorCard-searchAutoCompleteItem--selected,.ColorCard .ColorCard-searchAutoCompleteItem:focus,.ColorCard .ColorCard-searchAutoCompleteItem:hover{color:var(--color-primary);outline:none}.ColorCard .ColorCard-searchAutoCompleteMatch{background:none;color:inherit;font-weight:700}.ColorCard .ColorCard-footer{margin-top:var(--spacing-l);text-align:center}@media (min-width:0) and (max-width:639px){.ColorCard .ColorCard-footer .ButtonPrimary{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}}