.color-grid-card,.color-grid-card--info{display:grid;height:max-content}.color-grid-card--color{width:100%;height:192px}.color-grid-card--info{text-align:center;padding:var(--space-s);background-color:#fff}.color-grid-card--info span{color:#333845;display:block}.color-grid-card--info span:not(:last-child){margin-bottom:var(--space-3xs)}.color-tabs-container{width:100%}.color-tabs{display:flex;margin-bottom:var(--space-s);margin-top:var(--space-s);padding-bottom:var(--space-s);flex-wrap:nowrap;overflow-x:auto;gap:var(--space-s);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.3) transparent}.color-tabs::-webkit-scrollbar{height:6px}.color-tabs::-webkit-scrollbar-track{background:transparent}.color-tabs::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.3);border-radius:3px}.color-tabs::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.5)}@media screen and (min-width: 768px){.color-tabs{flex-wrap:wrap;overflow-x:visible;scrollbar-width:none}.color-tabs::-webkit-scrollbar{display:none}}.color-tabs label{flex-shrink:0;padding:10px 20px;border-radius:var(--border-radius);border:1px solid rgb(var(--color-foreground));transition:all ease-in-out .3s;background-color:rgba(var(--color-foreground),.05);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;scroll-snap-align:start;font-size:.875rem;line-height:1.25rem;font-weight:500}.color-tabs label:hover{background-color:rgb(var(--color-foreground));color:#fff}@media screen and (max-width: 699px){.color-tabs{margin-top:calc(var(--space-l) - 2px)}.color-grid-wrapper{display:grid;gap:var(--space-2xs);grid-template-columns:repeat(2,1fr)}.color-grid-card--color{height:162px}}@media screen and (min-width: 700px){.color-grid-wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-m) 10px;align-content:baseline}}.color-grid-container{margin-top:0!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-color-grid.css.map */