.colour-chart{background:var(--cc-bg, #ffffff);color:var(--cc-text-color, #2c2c2c)}.colour-chart__heading{margin:0 0 16px;color:var(--cc-heading-color, #2c2c2c);font-size:var(--cc-heading-size, 18px);font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.25}.colour-chart__filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px;align-items:flex-start}.colour-chart__filter-btn{display:inline-flex;align-items:center;width:auto!important;padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;border:none;background:var(--cc-filter-bg, #2c2c2c);color:var(--cc-filter-text, #ffffff);transition:opacity .15s;line-height:1;flex-shrink:0;white-space:nowrap}.colour-chart__filter-btn:not(.is-active){opacity:.55}.colour-chart__filter-btn.is-active,.colour-chart__filter-btn:hover{background:var(--cc-filter-active-bg, #000000);color:var(--cc-filter-active-text, #ffffff);opacity:1}.colour-chart__grid{display:grid;grid-template-columns:repeat(var(--cc-swatch-cols, 5),minmax(0,1fr));gap:3px}.colour-chart__swatch{display:block;padding:0;border:3px solid transparent;cursor:pointer;background:#e0e0e0;outline:none;transition:border-color .15s;width:100%;height:110px;overflow:hidden;margin:0}.colour-chart__swatch-inner{display:block;width:100%;height:100%}.colour-chart__swatch-inner img,.colour-chart__swatch-inner picture,.colour-chart__swatch-inner svg{width:100%;height:100%;object-position:center;display:block}.colour-chart__swatch.is-selected{border-color:#000}.colour-chart__swatch:hover:not(.is-selected){border-color:#888}.colour-chart__swatch-placeholder{width:100%;height:100%;background:#e0e0e0}.colour-chart__right{display:flex;flex-direction:column;padding-left:20px}.colour-chart__select-label{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cc-text-color, #2c2c2c)}.colour-chart__dropdown-wrap{position:relative;margin-bottom:16px;display:block}.colour-chart__dropdown{width:100%;padding:13px 40px 13px 14px;background:var(--cc-dropdown-bg, #1a1a1a);color:var(--cc-dropdown-text, #ffffff);border:none;font-size:15px;font-weight:500;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;display:block;box-sizing:border-box;margin:0}.colour-chart__dropdown option{background:var(--cc-dropdown-bg, #1a1a1a);color:var(--cc-dropdown-text, #ffffff)}.colour-chart__dropdown-wrap:after{content:"";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--cc-dropdown-text, #ffffff);pointer-events:none;z-index:1}.colour-chart__preview{position:relative;margin-bottom:20px;background:#f0f0f0;overflow:hidden}.colour-chart__preview-img{width:100%;height:350px;display:block;min-height:160px}.colour-chart__preview-name{position:absolute;bottom:0;left:0;right:0;margin:0;padding:10px 14px;background:#0000006b;color:#fff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.colour-chart__description{margin-bottom:16px;font-size:14px;line-height:1.65;color:var(--cc-text-color, #2c2c2c)}.colour-chart__description p{margin:0 0 10px}.colour-chart__description p:last-child{margin-bottom:0}.colour-chart__bullets{font-size:14px;line-height:1.65;color:var(--cc-text-color, #2c2c2c)}.colour-chart__bullets-heading{margin:0 0 6px}.colour-chart__bullets ul{margin:0;padding-left:20px}.colour-chart__bullets li{margin-bottom:4px}@media screen and (max-width:980px){.colour-chart__right{padding-left:0;margin-top:28px}}@media screen and (max-width:740px){.colour-chart__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-colour-chart.css.map */