.ColourChart_mainContent__J5OxU{padding:20vh 12.5vw 0}.ColourChart_selectionText__ktq2w{color:#c8c8c8;font-size:1.35rem;font-weight:300;letter-spacing:.125em}.ColourChart_selectMenu__p8_Cw{padding:10px 20px;margin:0 0 0 1em;position:relative;top:-5px;background-color:#111;border:none;border-bottom:1px solid #c8c8c8;color:#c8c8c8;font-size:1.2rem}.ColourChart_selectMenu__p8_Cw:focus{outline:none;border-bottom-color:#8aa5ff}.ColourChart_colourGrid__oqKPZ{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:3em;gap:3em;width:100%;margin-top:4em}.ColourChart_colourBoxContainer__H9GPl{width:100%;display:flex;flex-direction:column;align-items:center}.ColourChart_colourBox__MAnc_{width:100%;height:125px;margin-bottom:1em;border:3px solid #fff}.ColourChart_colourName__YWyGO{color:#fff;font-weight:300;font-size:1.15rem;text-align:center;letter-spacing:.1em;text-transform:capitalize}.ColourChart_smallText__LjY4h{color:#c8c8c8;font-size:1.1rem;font-weight:300;text-align:center;margin:3em auto;width:55%;line-height:1.75em}.ColourChart_rangeHeading__xlJjy{color:#c8c8c8;font-size:1.5rem;font-weight:300;text-transform:capitalize;letter-spacing:.125em;line-height:1.75em;margin:1em 0;background:rgba(255,255,255,.06);padding:1em;border:1px solid #a2a2a2;cursor:pointer;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}.ColourChart_rangeHeading__xlJjy:hover{background:rgba(255,255,255,.1)}.ColourChart_imgRange__jrJkO{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:100%;grid-gap:3em;gap:3em;margin-top:48px}.ColourChart_floorBoxContainer__wRMYM{width:100%;display:flex;flex-direction:column;align-items:center;cursor:pointer}.ColourChart_floorBoxImgContainer__nvnom{position:relative;width:100%;height:200px;border:3px solid #fff;margin-bottom:1em}.ColourChart_floorBoxTitle__ytbLe{text-align:center;color:#fff;font-size:1.15rem;font-weight:300;letter-spacing:.1em;text-transform:capitalize}.ColourChart_epoxyColours__z1H_m{margin:2.5em 0}.ColourChart_imgFilters__BFwQB{width:100%;display:flex;align-items:center;justify-content:flex-start;grid-gap:12px;gap:12px;flex-wrap:wrap}.ColourChart_imgFilter___3xv2{width:-webkit-fit-content;width:fit-content;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#c8c8c8;font-size:1.15rem;font-weight:400;cursor:pointer}.ColourChart_imgFilter___3xv2[data-active=true]{background:#8aa5ff;color:#fff}.ColourChart_imgFilter___3xv2[data-active=true]>div{background:#000}.ColourChart_imgFilter___3xv2[data-active=true]>div>svg{display:block}.ColourChart_imgFilter___3xv2>div{width:24px;height:24px;background:rgba(255,255,255,.1);border:1px solid #fff;position:relative}.ColourChart_imgFilter___3xv2>div>svg{display:none;fill:#fff;width:16px;height:16px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media screen and (max-width:1572px){.ColourChart_mainContent__J5OxU{padding:20vh 8.5vw 0}}@media screen and (max-width:1070px){.ColourChart_selectionText__ktq2w{text-align:center}.ColourChart_imgFilters__BFwQB{flex-direction:column;grid-gap:24px;gap:24px}}@media screen and (max-width:614px){.ColourChart_selectMenu__p8_Cw{margin-top:1.5em}.ColourChart_selectionText__ktq2w{margin:1em 0}.ColourChart_imgRange__jrJkO{grid-template-columns:1fr}.ColourChart_floorBoxImgContainer__nvnom{height:90px}}@media screen and (max-width:450px){.ColourChart_imgRange__jrJkO{grid-template-columns:1fr}.ColourChart_floorBoxImgContainer__nvnom{height:70vw;width:70vw}.ColourChart_floorBoxTitle__ytbLe{font-size:.9rem;overflow-wrap:break-word;width:100%}}