.color-chart{--color-chart-rule: 1px solid rgb(var(--body-text-color)/.2);--color-chart-columns: 6;--color-chart-columns-tablet: 4;--color-chart-columns-mobile: 2;--color-chart-media-width: 41.6667%;--color-chart-gap: 30px}.color-chart-header{margin-top:var(--section-padding)}.color-chart__title{margin:0 0 20px;padding-bottom:8px;border-bottom:var(--color-chart-rule);font-size:25px;line-height:1.4;text-align:center}.color-chart__heading{margin:20px 0 10px;padding-bottom:12px;border-bottom:var(--color-chart-rule);font-size:17px;line-height:1.4;text-align:center}.color-chart__heading--start{text-align:start}.color-chart__intro{display:flex;flex-wrap:wrap;margin-bottom:40px}.color-chart__intro-media,.color-chart__intro-content{width:100%;margin-top:20px}.color-chart__intro-media img{display:block;width:100%;height:auto}.color-chart__brand-logo{display:inline-block;max-width:100%}.color-chart__brand-logo img{display:block;width:100%;height:auto;border:4px solid rgb(var(--body-text-color)/.07)}.color-chart__intro-text{margin-bottom:0}.color-chart__intro-text ul,.color-chart__intro-text ol{margin-block:0;margin-inline-start:20px}.color-chart__intro-text>*:last-child{margin-bottom:0}@media(min-width:992px){.color-chart__intro{column-gap:var(--color-chart-gap)}.color-chart__intro-media{width:var(--color-chart-media-width)}.color-chart__intro-content{width:calc(100% - var(--color-chart-media-width) - var(--color-chart-gap))}}.color-chart__legend{margin:10px 0 30px;margin-inline-start:20px;font-size:14px;line-height:1.3;text-align:start}.color-chart__legend-item+.color-chart__legend-item{margin-top:0}.color-chart__note{margin:10px 0 30px;font-size:12px;line-height:1.3;text-align:start}.color-chart__note>*:last-child{margin-bottom:0}.color-chart__grid{display:grid;grid-template-columns:repeat(var(--color-chart-columns-mobile),minmax(0,1fr));column-gap:20px;row-gap:30px;margin:0 0 30px;padding:0;list-style:none}.color-chart__swatch{list-style:none}.color-chart__swatch-image{margin-bottom:10px}.color-chart__swatch-image img{display:block;width:100%;height:auto}.color-chart__swatch-label{margin:0;padding:0;border:0;font-size:14px;line-height:1.3;text-align:start}.color-chart__placeholder-image{position:relative;padding-bottom:100%;background-color:rgb(var(--body-text-color)/.05)}.color-chart__placeholder-image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(min-width:768px){.color-chart__grid{grid-template-columns:repeat(var(--color-chart-columns-tablet),minmax(0,1fr));column-gap:30px;row-gap:36px}}@media(min-width:992px){.color-chart__grid{grid-template-columns:repeat(var(--color-chart-columns),minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/color-chart.css.map */