/*!
 *  build: MAIL 
 *  copyright: neverdown.cc 
 *  time: 2025-12-17 09:17:41
 */.component-color-map{margin-top:10px;width:220px;height:174px;background-color:#fff;background-image:url(data:image/png;base64,);background-size:100% 100%;position:relative;overflow:hidden}.component-color-map .indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid #fff;box-sizing:border-box;border-radius:50%;pointer-events:none;margin-left:-8px}.component-color-picker{width:240px;height:auto;padding:10px;background-color:#2d3842;border-radius:4px;position:absolute;right:0;bottom:100%;color:#fff;z-index:999}.component-color-picker .colors-wrapper{display:flex}.component-color-picker .colors-wrapper .color-col{width:22px}.component-color-picker .colors-wrapper .color-col .color{width:22px;height:22px}.component-color-picker .colors-wrapper .color-col .color:hover{transform:scale(1.2)}.component-color-picker .colors-wrapper .color-col .color-transparent{position:relative;overflow:hidden}.component-color-picker .colors-wrapper .color-col .color-transparent:after{content:"";display:block;position:absolute;top:50%;left:50%;height:1px;width:200%;background-color:red;transform:translate(-50%,-50%) rotate(-45deg)}.component-color-picker .colors-wrapper .color-col .color-customer{background-color:#fff;background-image:url(data:image/jpeg;base64,);background-size:100% 100%;background-position:50%}.component-color-picker .current-color-wrapper{margin-top:20px;width:100%;height:22px;line-height:22px;position:relative;text-align:left;display:flex;align-items:center}.component-color-picker .current-color-wrapper .current-color{display:inline-block;width:22px;height:22px;margin-left:10px;background-image:url(data:image/jpeg;base64,)}.component-color-picker .current-color-wrapper .current-color em{display:block;width:100%;height:100%}.component-color-picker .current-color-wrapper .input-wrapper{width:80px;height:100%;position:relative;margin-left:10px;color:#000}.component-color-picker .current-color-wrapper .input-wrapper .pre{display:block;position:absolute;left:0;top:0;width:22px;height:22px;font-style:normal;text-align:right;padding-right:3px;font-size:16px;pointer-events:none}.component-color-picker .current-color-wrapper .input-wrapper input{width:100%;height:100%;outline:none;border:none;text-align:left;padding-left:20px;text-transform:uppercase;font-size:14px}