.arco-color-picker{box-sizing:border-box;background-color:var(--color-fill-2);border-radius:var(--radius-sm);align-items:center;display:inline-flex}.arco-color-picker-preview{box-sizing:border-box;border:1px solid var(--color-border-2)}.arco-color-picker-value{color:var(--color-text-1);margin-left:4px;font-weight:400}.arco-color-picker-input{display:none}.arco-color-picker:hover{background-color:var(--color-fill-3);cursor:pointer}.arco-color-picker-size-medium{height:32px;padding:4px}.arco-color-picker-size-medium .arco-color-picker-preview{width:24px;height:24px}.arco-color-picker-size-medium .arco-color-picker-value{font-size:14px}.arco-color-picker-size-mini{height:24px;padding:4px}.arco-color-picker-size-mini .arco-color-picker-preview{width:16px;height:16px}.arco-color-picker-size-mini .arco-color-picker-value{font-size:12px}.arco-color-picker-size-small{height:28px;padding:3px 4px}.arco-color-picker-size-small .arco-color-picker-preview{width:22px;height:22px}.arco-color-picker-size-small .arco-color-picker-value{font-size:14px}.arco-color-picker-size-large{height:36px;padding:5px}.arco-color-picker-size-large .arco-color-picker-preview{width:26px;height:26px}.arco-color-picker-size-large .arco-color-picker-value{font-size:14px}.arco-color-picker.arco-color-picker-disabled{background-color:var(--color-fill-2);cursor:not-allowed}.arco-color-picker.arco-color-picker-disabled .arco-color-picker-value{color:var(--color-text-4)}.arco-color-picker-panel{background-color:var(--color-bg-1);border-radius:var(--radius-sm);width:260px;box-shadow:0 8px 20px #0000001a}.arco-color-picker-panel .arco-color-picker-palette{box-sizing:border-box;border-top:1px solid var(--color-border-2);border-right:1px solid var(--color-border-2);border-left:1px solid var(--color-border-2);cursor:pointer;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);width:100%;height:178px;position:relative;overflow:hidden}.arco-color-picker-panel .arco-color-picker-palette .arco-color-picker-handler{box-sizing:border-box;border:2px solid var(--color-bg-white);background-color:#0000;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)}.arco-color-picker-panel .arco-color-picker-panel-control{padding:12px}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper{align-items:center;display:flex}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-preview{box-sizing:border-box;color:#fff;border:1px solid var(--color-border-2);border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;font-size:20px;display:flex}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-control-bar-alpha{margin-top:12px}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper{margin-top:12px;display:flex}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-color-picker-group-wrapper{flex:1;margin-left:12px;display:flex}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-select-view,.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-input-wrapper{margin-right:0;padding:0 6px}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-input-suffix,.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-input-prefix,.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-select-view-suffix{padding:0;font-size:12px}.arco-color-picker-panel .arco-color-picker-panel-colors{border-top:1px solid var(--color-fill-3);padding:12px}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-section:not(:first-child){margin-top:12px}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-text{color:var(--color-text-1);font-size:12px;font-weight:400}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-empty{color:var(--color-text-3);margin:12px 0;font-size:12px}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-wrapper{margin-top:8px}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-colors-list{flex-wrap:wrap;margin:-8px -4px 0;display:flex}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block{background-image:conic-gradient(#0000000f 0 25%, transparent 0 50%, #0000000f 0 75%, transparent 0);cursor:pointer;background-size:8px 8px;border-radius:2px;width:16px;height:16px;margin:6px 3px 0;transition:transform 60ms ease-out;overflow:hidden}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block .arco-color-picker-block{width:100%;height:100%}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block:hover{transform:scale(1.1)}.arco-color-picker-panel .arco-color-picker-control-bar-bg{background-image:conic-gradient(#0000000f 0 25%, transparent 0 50%, #0000000f 0 75%, transparent 0);background-size:8px 8px;border-radius:10px}.arco-color-picker-panel .arco-color-picker-control-bar{box-sizing:border-box;border:1px solid var(--color-border-2);cursor:pointer;border-radius:10px;width:182px;height:14px;position:relative}.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler{box-sizing:border-box;background-color:var(--color-bg-white);border:1px solid var(--color-border-2);border-radius:50%;width:16px;height:16px;position:absolute;top:-2px;transform:translate(-50%)}.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler:before{background:var(--color-bg-white);content:"";border-radius:50%;width:100%;height:100%;display:block}.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler:after{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arco-color-picker-panel .arco-color-picker-control-bar-hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.arco-color-picker-panel .arco-color-picker-select{width:58px}.arco-color-picker-panel .arco-color-picker-input-alpha{flex:none;width:52px}.arco-color-picker-panel .arco-color-picker-input-hex .arco-input{padding-left:4px}.arco-color-picker-panel.arco-color-picker-panel-disabled .arco-color-picker-palette,.arco-color-picker-panel.arco-color-picker-panel-disabled .arco-color-picker-control-bar,.arco-color-picker-panel.arco-color-picker-panel-disabled .arco-color-picker-color-block,.arco-color-picker-panel.arco-color-picker-panel-disabled .arco-color-picker-preview{cursor:not-allowed;opacity:.8}.arco-color-picker-select-popup .arco-select-option{font-size:12px!important;line-height:24px!important}.color-preview[data-v-1770e645]{box-shadow:inset 0 0 0 1px var(--color-border-2)}