.ant-colors .color-palettes{margin:0 1%}.ant-colors .color-palette{margin:45px 1%;width:31%;display:inline-block}.ant-colors .color-palette-pick{text-align:center;font-size:20px;margin:0 0 20px}.ant-colors .color-palette-picker{margin:24px 0}.ant-colors .color-palette-picker-value{font-size:14px;font-family:Consolas;margin-left:16px;position:relative;top:-3px}.ant-colors .color-palette-picker-validation{font-size:13px;color:#f5222d;margin-left:16px;position:relative;top:-3px}.ant-colors .main-color{text-align:left}.ant-colors .main-color-item{cursor:pointer;height:44px;line-height:44px;padding:0 12px;margin-right:4px;transition:all .2s;position:relative;font-family:Consolas;font-size:14px}.ant-colors .main-color-item:first-child{border-radius:4px 4px 0 0}.ant-colors .main-color-item:last-child{border-radius:0 0 4px 4px}.ant-colors .main-color-item:hover{margin-right:-8px;border-radius:0 4px 4px 0}.ant-colors .main-color-item .main-color-text{transition:all .3s;float:left}.ant-colors .main-color-item .main-color-value{float:right;transform:scale(.85);transform-origin:100% 50%;opacity:0;position:relative;left:3px;transition:all .3s}.ant-colors .color-title{margin:0 0 24px;font-weight:500;color:#5c6b77;font-size:22px;text-transform:capitalize;text-align:center}.ant-colors .color-description{font-size:14px;font-weight:lighter;color:#777;display:block}.ant-colors .main-color:hover .main-color-value{opacity:.7;left:0}.ant-colors .color-palette-horizontal{width:100%}.ant-colors .color-palette-horizontal .main-color{display:-ms-flexbox;display:flex}.ant-colors .color-palette-horizontal .main-color-item{-ms-flex:1;flex:1 1;position:relative;padding:0;margin-right:0;border-radius:0;height:86px;text-align:center;padding-top:37px;line-height:normal}.ant-colors .color-palette-horizontal .main-color-item .main-color-text{float:none}.ant-colors .color-palette-horizontal .main-color-item:hover{margin-top:-10px;height:96px;border-radius:4px 4px 0 0}.ant-colors .color-palette-horizontal .main-color-value{position:absolute;text-align:center;width:100%;left:0;bottom:0;float:none;transform-origin:unset}.ant-colors .color-palette-horizontal .main-color:hover .main-color-item{padding-top:8px}.ant-colors .color-palette-horizontal .main-color:hover .main-color-value{opacity:.7;bottom:8px}.ant-colors .main-color .palatte-blue-1{background:#e6f7ff}.ant-colors .main-color .palatte-blue-2{background:#bae7ff}.ant-colors .main-color .palatte-blue-3{background:#91d5ff}.ant-colors .main-color .palatte-blue-4{background:#69c0ff}.ant-colors .main-color .palatte-blue-5{background:#40a9ff}.ant-colors .main-color .palatte-blue-6{background:#1890ff}.ant-colors .main-color .palatte-blue-7{background:#096dd9}.ant-colors .main-color .palatte-blue-8{background:#0050b3}.ant-colors .main-color .palatte-blue-9{background:#003a8c}.ant-colors .main-color .palatte-blue-10{background:#002766}.ant-colors .main-color .palatte-purple-1{background:#f9f0ff}.ant-colors .main-color .palatte-purple-2{background:#efdbff}.ant-colors .main-color .palatte-purple-3{background:#d3adf7}.ant-colors .main-color .palatte-purple-4{background:#b37feb}.ant-colors .main-color .palatte-purple-5{background:#9254de}.ant-colors .main-color .palatte-purple-6{background:#722ed1}.ant-colors .main-color .palatte-purple-7{background:#531dab}.ant-colors .main-color .palatte-purple-8{background:#391085}.ant-colors .main-color .palatte-purple-9{background:#22075e}.ant-colors .main-color .palatte-purple-10{background:#120338}.ant-colors .main-color .palatte-cyan-1{background:#e6fffb}.ant-colors .main-color .palatte-cyan-2{background:#b5f5ec}.ant-colors .main-color .palatte-cyan-3{background:#87e8de}.ant-colors .main-color .palatte-cyan-4{background:#5cdbd3}.ant-colors .main-color .palatte-cyan-5{background:#36cfc9}.ant-colors .main-color .palatte-cyan-6{background:#13c2c2}.ant-colors .main-color .palatte-cyan-7{background:#08979c}.ant-colors .main-color .palatte-cyan-8{background:#006d75}.ant-colors .main-color .palatte-cyan-9{background:#00474f}.ant-colors .main-color .palatte-cyan-10{background:#002329}.ant-colors .main-color .palatte-green-1{background:#f6ffed}.ant-colors .main-color .palatte-green-2{background:#d9f7be}.ant-colors .main-color .palatte-green-3{background:#b7eb8f}.ant-colors .main-color .palatte-green-4{background:#95de64}.ant-colors .main-color .palatte-green-5{background:#73d13d}.ant-colors .main-color .palatte-green-6{background:#52c41a}.ant-colors .main-color .palatte-green-7{background:#389e0d}.ant-colors .main-color .palatte-green-8{background:#237804}.ant-colors .main-color .palatte-green-9{background:#135200}.ant-colors .main-color .palatte-green-10{background:#092b00}.ant-colors .main-color .palatte-magenta-1{background:#fff0f6}.ant-colors .main-color .palatte-magenta-2{background:#ffd6e7}.ant-colors .main-color .palatte-magenta-3{background:#ffadd2}.ant-colors .main-color .palatte-magenta-4{background:#ff85c0}.ant-colors .main-color .palatte-magenta-5{background:#f759ab}.ant-colors .main-color .palatte-magenta-6{background:#eb2f96}.ant-colors .main-color .palatte-magenta-7{background:#c41d7f}.ant-colors .main-color .palatte-magenta-8{background:#9e1068}.ant-colors .main-color .palatte-magenta-9{background:#780650}.ant-colors .main-color .palatte-magenta-10{background:#520339}.ant-colors .main-color .palatte-red-1{background:#fff1f0}.ant-colors .main-color .palatte-red-2{background:#ffccc7}.ant-colors .main-color .palatte-red-3{background:#ffa39e}.ant-colors .main-color .palatte-red-4{background:#ff7875}.ant-colors .main-color .palatte-red-5{background:#ff4d4f}.ant-colors .main-color .palatte-red-6{background:#f5222d}.ant-colors .main-color .palatte-red-7{background:#cf1322}.ant-colors .main-color .palatte-red-8{background:#a8071a}.ant-colors .main-color .palatte-red-9{background:#820014}.ant-colors .main-color .palatte-red-10{background:#5c0011}.ant-colors .main-color .palatte-volcano-1{background:#fff2e8}.ant-colors .main-color .palatte-volcano-2{background:#ffd8bf}.ant-colors .main-color .palatte-volcano-3{background:#ffbb96}.ant-colors .main-color .palatte-volcano-4{background:#ff9c6e}.ant-colors .main-color .palatte-volcano-5{background:#ff7a45}.ant-colors .main-color .palatte-volcano-6{background:#fa541c}.ant-colors .main-color .palatte-volcano-7{background:#d4380d}.ant-colors .main-color .palatte-volcano-8{background:#ad2102}.ant-colors .main-color .palatte-volcano-9{background:#871400}.ant-colors .main-color .palatte-volcano-10{background:#610b00}.ant-colors .main-color .palatte-orange-1{background:#fff7e6}.ant-colors .main-color .palatte-orange-2{background:#ffe7ba}.ant-colors .main-color .palatte-orange-3{background:#ffd591}.ant-colors .main-color .palatte-orange-4{background:#ffc069}.ant-colors .main-color .palatte-orange-5{background:#ffa940}.ant-colors .main-color .palatte-orange-6{background:#fa8c16}.ant-colors .main-color .palatte-orange-7{background:#d46b08}.ant-colors .main-color .palatte-orange-8{background:#ad4e00}.ant-colors .main-color .palatte-orange-9{background:#873800}.ant-colors .main-color .palatte-orange-10{background:#612500}.ant-colors .main-color .palatte-gold-1{background:#fffbe6}.ant-colors .main-color .palatte-gold-2{background:#fff1b8}.ant-colors .main-color .palatte-gold-3{background:#ffe58f}.ant-colors .main-color .palatte-gold-4{background:#ffd666}.ant-colors .main-color .palatte-gold-5{background:#ffc53d}.ant-colors .main-color .palatte-gold-6{background:#faad14}.ant-colors .main-color .palatte-gold-7{background:#d48806}.ant-colors .main-color .palatte-gold-8{background:#ad6800}.ant-colors .main-color .palatte-gold-9{background:#874d00}.ant-colors .main-color .palatte-gold-10{background:#613400}.ant-colors .main-color .palatte-yellow-1{background:#feffe6}.ant-colors .main-color .palatte-yellow-2{background:#ffffb8}.ant-colors .main-color .palatte-yellow-3{background:#fffb8f}.ant-colors .main-color .palatte-yellow-4{background:#fff566}.ant-colors .main-color .palatte-yellow-5{background:#ffec3d}.ant-colors .main-color .palatte-yellow-6{background:#fadb14}.ant-colors .main-color .palatte-yellow-7{background:#d4b106}.ant-colors .main-color .palatte-yellow-8{background:#ad8b00}.ant-colors .main-color .palatte-yellow-9{background:#876800}.ant-colors .main-color .palatte-yellow-10{background:#614700}.ant-colors .main-color .palatte-lime-1{background:#fcffe6}.ant-colors .main-color .palatte-lime-2{background:#f4ffb8}.ant-colors .main-color .palatte-lime-3{background:#eaff8f}.ant-colors .main-color .palatte-lime-4{background:#d3f261}.ant-colors .main-color .palatte-lime-5{background:#bae637}.ant-colors .main-color .palatte-lime-6{background:#a0d911}.ant-colors .main-color .palatte-lime-7{background:#7cb305}.ant-colors .main-color .palatte-lime-8{background:#5b8c00}.ant-colors .main-color .palatte-lime-9{background:#3f6600}.ant-colors .main-color .palatte-lime-10{background:#254000}.ant-colors .main-color .palatte-geekblue-1{background:#f0f5ff}.ant-colors .main-color .palatte-geekblue-2{background:#d6e4ff}.ant-colors .main-color .palatte-geekblue-3{background:#adc6ff}.ant-colors .main-color .palatte-geekblue-4{background:#85a5ff}.ant-colors .main-color .palatte-geekblue-5{background:#597ef7}.ant-colors .main-color .palatte-geekblue-6{background:#2f54eb}.ant-colors .main-color .palatte-geekblue-7{background:#1d39c4}.ant-colors .main-color .palatte-geekblue-8{background:#10239e}.ant-colors .main-color .palatte-geekblue-9{background:#061178}.ant-colors .main-color .palatte-geekblue-10{background:#030852}.ant-colors .main-color .palatte-grey-1{background:#fff}.ant-colors .main-color .palatte-grey-2{background:#fafafa}.ant-colors .main-color .palatte-grey-3{background:#f5f5f5}.ant-colors .main-color .palatte-grey-4{background:#e8e8e8}.ant-colors .main-color .palatte-grey-5{background:#d9d9d9}.ant-colors .main-color .palatte-grey-6{background:#bfbfbf}.ant-colors .main-color .palatte-grey-7{background:#8c8c8c}.ant-colors .main-color .palatte-grey-8{background:#595959}.ant-colors .main-color .palatte-grey-9{background:#262626}.ant-colors .main-color .palatte-grey-10{background:#000}