@charset "UTF-8";.dk-color-picker-panel{box-sizing:border-box;display:inline-block;padding:12px;border:1px solid #e4e7ed;border-radius:6px;background:#ffffff}.dk-color-picker-panel .is-disabled{opacity:.6;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dk-color-picker-panel_main{display:flex;gap:12px}.dk-color-picker-panel_sv{position:relative;width:180px;height:180px;border-radius:4px;cursor:crosshair;overflow:hidden}.dk-color-picker-panel_sv-white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#ffffff,rgba(255,255,255,0))}.dk-color-picker-panel_sv-black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000,rgba(0,0,0,0))}.dk-color-picker-panel_sv-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 2px #0006;transform:translate(-6px,-6px)}.dk-color-picker-panel_controls{flex:1;display:flex;flex-direction:column;gap:10px;min-width:72px}.dk-color-picker-panel_preview{position:relative;width:44px;height:44px;border-radius:4px;border:1px solid #e4e7ed;overflow:hidden}.dk-color-picker-panel_preview-color{position:absolute;top:0;right:0;bottom:0;left:0}.dk-color-picker-panel_bars{display:flex;flex-direction:column;gap:10px}.dk-color-picker-panel_bar{position:relative;height:12px;border-radius:6px;cursor:pointer;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.dk-color-picker-panel_hue{background:linear-gradient(to right,rgb(255,0,0),rgb(255,255,0),rgb(0,255,0),rgb(0,255,255),rgb(0,0,255),rgb(255,0,255),rgb(255,0,0))}.dk-color-picker-panel_alpha{background:transparent}.dk-color-picker-panel_alpha-bg{position:absolute;top:0;right:0;bottom:0;left:0}.dk-color-picker-panel_bar-thumb{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 2px #0006;transform:translate(-6px,-50%);background:transparent}.dk-color-picker-panel_footer{margin-top:12px;display:flex}.dk-color-picker-panel_input{width:100%;height:30px;border-radius:4px;border:1px solid #dcdfe6;padding:0 10px;outline:none;font-size:12px;color:#606266}.dk-color-picker-panel_input:focus{border-color:#409eff}.dk-color-picker-panel_input:disabled{cursor:not-allowed;background:#f5f7fa;color:#c0c4cc}.dk-color-picker-panel_checker{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}