.c-color-picker{display:block;padding:0 0 40px}@media screen and (min-width: 768px){.c-color-picker{padding:0 0 40px}}.c-color-picker__inner{height:100%}.c-color-picker__body{height:calc(100% - 348px)}.c-color-picker__body::-webkit-scrollbar{width:0;height:0;background:rgba(0,0,0,0)}.c-color-picker__body::-webkit-scrollbar-thumb{background:rgba(0,0,0,0)}.c-color-picker__title{display:block;padding:0 20px 15px;color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.42px;text-transform:uppercase;border-bottom:.5px solid #b8b8b8}@media screen and (min-width: 768px){.c-color-picker__title{padding:0 40px 15px;border:none}}.c-color-picker__cells{display:grid;grid-template-columns:1fr 1fr;gap:.3px;margin-top:36px;padding:0 20px}@media screen and (min-width: 768px){.c-color-picker__cells{padding:0 40px;margin:0}}.c-color-picker__cell{position:relative;grid-area:span 1;height:176px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border:.5px solid rgba(0,0,0,.3);cursor:pointer}.c-color-picker__cell:hover{outline:.5px solid #000}.c-color-picker__cell.is-active{outline:.5px solid #000}.c-color-picker__cell-image{display:block;width:100%}.c-color-picker__cell-image img{width:100%}.c-color-picker__cell-text{position:absolute;bottom:8px;pointer-events:none;color:#000;font-size:11px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.33px;text-transform:capitalize}