.color-overview{width:100%}.color-overview__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:28px;flex-wrap:wrap}.color-overview__filters{display:flex;gap:8px;flex-shrink:0}.color-overview__dropdown-menu:not([hidden])~.color-overview__dropdown-btn svg,.color-overview__dropdown:has(.color-overview__dropdown-menu:not([hidden])) .color-overview__dropdown-btn svg{transform:rotate(180deg)}.color-overview__search{flex:1 1 auto;min-width:180px;max-width:380px}.color-overview__search-input{width:100%}.color-overview__grid{display:grid;grid-template-columns:repeat(var(--color-overview-columns, 7),1fr);gap:20px}.color-overview__no-results{text-align:center;padding:48px 32px;color:rgb(var(--color-foreground-rgb) / .5);font-size:var(--font-size--sm)}.color-overview__no-results[hidden]{display:none}.color-overview__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:280px;padding:48px 32px;text-align:center;color:rgb(var(--color-foreground-rgb) / .6);font-size:var(--font-size--sm)}.color-overview__loading[hidden]{display:none}.color-overview__spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgb(var(--color-foreground-rgb) / .15);border-top-color:var(--color-foreground);animation:color-overview-spin .7s linear infinite}.color-overview__loading-text{font-weight:500;letter-spacing:.02em}@keyframes color-overview-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.color-overview__spinner{animation-duration:1.5s}}.color-overview__pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding-top:40px}.color-overview__pagination[hidden]{display:none}.color-overview__page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 8px;border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:var(--border-radius-sm);background:transparent;color:var(--color-foreground);font-family:var(--font-body--family);font-size:var(--font-size--sm);font-weight:600;cursor:pointer;transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.color-overview__page-btn:hover{background-color:rgb(var(--color-foreground-rgb) / .06);border-color:rgb(var(--color-foreground-rgb) / .3)}.color-overview__page-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.color-overview__page-btn[disabled]{opacity:.35;cursor:default;pointer-events:none}.color-overview__page-btn--active{background-color:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.color-overview__page-btn--active:hover{background-color:var(--color-foreground);border-color:var(--color-foreground)}.color-overview__page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:40px;font-family:var(--font-body--family);font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / .5);-webkit-user-select:none;user-select:none}@media screen and (max-width:999px){.color-overview__grid{grid-template-columns:repeat(4,1fr);gap:16px}.color-overview__search{max-width:none}}@media screen and (max-width:749px){.color-overview__toolbar{flex-direction:column;align-items:stretch}.color-overview__filters{width:100%}.color-overview__dropdown{flex:1}.color-overview__dropdown-btn{width:100%;justify-content:center}.color-overview__search{max-width:none}.color-overview__grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media screen and (max-width:479px){.color-overview__grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/theme-c-color-overview.css.map */