.input-color-box.openned{width:400px}.input-color-box.openned .input-color{border-radius:10px;height:277px}.input-color-box.openned .input-color .list-cores{opacity:1;pointer-events:auto;-webkit-transition-delay:.5s;transition-delay:.5s;-webkit-transition:.3s;transition:.3s}.input-color-box{position:relative;width:80px}.input-color,.input-color-box{height:36px;-webkit-transition:.5s;transition:.5s}.input-color{border:1px solid #e3e3e3;background:#fff;width:100%;border-radius:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute}input#hidden-button{opacity:0;pointer-events:none;position:absolute;margin:0}.input-color>div:first-child{padding-left:10px;width:65%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:0;top:0;height:36px;cursor:pointer}.input-color>div:first-child .color-content{width:25px;height:25px;border-radius:5px}.input-color>div:nth-child(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 10px 0 5px;position:absolute;right:0;top:0;height:36px;cursor:pointer;padding-right:10px;width:35%}.input-color>div:nth-child(2) i{-webkit-filter:brightness(0);filter:brightness(0);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.input-color .list-cores{position:absolute;top:36px;left:0;width:100%;opacity:0;pointer-events:none}.input-color .list-cores ul{margin:0;padding:10px;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.input-color .list-cores ul li{width:15%;height:40px;border-radius:5px;background:red;margin-bottom:5px;cursor:pointer}.remove-button-area{padding:20px;padding-top:10px;padding-bottom:10px;margin-left:20px;margin-top:10px;cursor:pointer;float:left}.remove-button-area>a{margin-left:5px}.remove-button-area:hover{background-color:#eee}.remove-button-area.red{color:red}.root{padding-top:15px!important}.pointer-disabled{cursor:unset!important}.sub-category span{margin-left:10px}.category-content span{color:#fff;background:rgba(0,0,0,.1);font-weight:400;padding:5px 10px;border-radius:100px;font-size:14px;display:inline-block;cursor:pointer}.root-title.red{color:red}.node{padding-left:40px;cursor:pointer}.node.new{color:#888}.node.blank{border:0;height:35px}.node.blank:hover{background-color:#fff}