.contenedor{display:flex}.duplicate-cell-clase1{background-color:red;color:white}.duplicate-cell-Clase2{background-color:white;color:red}.duplicate-cell-Clase3{background-color:green;color:white}.duplicate-cell-Clase4{background-color:white;color:green}.duplicate-cell-Clase5{background-color:blue;color:white}.duplicate-cell-Clase6{background-color:white;color:blue}.duplicate-cell-default{background-color:white;color:black}.duplicate-cell-Clase7{position:absolute}.duplicate-cell-Clase7:after{content:"!";color:red;position:absolute;right:0;top:0}body{margin:0;font:normal 20px/1.4 "Recursive",sans-serif}h2{font-size:inherit;margin:0 0 12px}.example{margin-bottom:28px}.resposive .react-colorful{width:auto}.small .react-colorful{width:120px;height:120px}.small .react-colorful__hue{height:20px}.custom-pointers .react-colorful__saturation-pointer{width:16px;height:16px;border-radius:3px}.custom-pointers .react-colorful__alpha-pointer,.custom-pointers .react-colorful__hue-pointer{width:16px;border-radius:3px}.custom-layout .react-colorful{padding:16px;border-radius:12px;background:#33333a;box-shadow:0 6px 12px #999}.custom-layout .react-colorful__saturation{margin:15px 0;border-radius:5px;border-bottom:none}.custom-layout .react-colorful__hue{order:-1}.custom-layout .react-colorful__alpha,.custom-layout .react-colorful__hue{height:14px;border-radius:5px}.custom-layout .react-colorful__alpha-pointer,.custom-layout .react-colorful__hue-pointer{width:20px;height:20px}