.color_list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;width:-webkit-calc(100% + 10px);width:calc(100% + 10px)}.color_item{margin:5px}.tile{box-sizing:border-box;width:100px;height:50px;border:1px solid #eee;border-radius:3px;cursor:pointer}.close{display:none}.data{display:none}.color_item.open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background-color:rgba(255,255,255,.975)}.color_item.open .tile{position:relative;cursor:default;width:180px;height:180px}.color_item.open .copied{position:absolute;left:0;right:0;top:50%;margin-top:-1em;height:2em;line-height:2;display:block;text-align:center;padding:0 .5em;background-color:rgba(255,255,255,.75)}.color_item.open .close{display:block;position:absolute;top:30px;right:30px;font-size:20px;font-weight:700;color:#666;cursor:pointer}.color_item.open .close:after{content:"\e912";font-family:icomoon;margin-left:.5em}.color_item.open .close:hover{color:#000}.color_item.open .data{display:block;margin-top:1em}.color_item.open .data li{font-size:16px;margin:.25em 0;padding:.5em;cursor:pointer;line-height:1}.color_item.open .data li:hover{background-color:#eee}