.baui-color-picker{padding:0}.baui-color-picker,.baui-color-picker:hover{background:none!important}.baui-color-picker-input{align-items:center;background:#000;border-radius:8px;cursor:pointer;display:flex;gap:16px;height:32px;padding:0 12px;width:260px}.baui-color-picker-input-left{align-items:center;color:#ffffffd9;display:flex;flex:1 1;font-family:PingFang SC,sans-serif;font-size:14px;font-style:normal;font-weight:400;gap:8px;line-height:22px}.baui-color-picker-input-box{border-radius:3px;height:16px;width:16px}.baui-color-picker-input-line{background:#fff3;height:16px;width:1px}.baui-color-picker-input-right{align-items:center;color:#ffffffd9;display:flex;font-family:PingFang SC,sans-serif;font-size:14px;font-style:normal;font-weight:400;gap:8px;line-height:22px;width:56px}.baui-color-picker-input-right>div:first-child{flex:1 1}.baui-color-picker-input-right>div:nth-child(2){color:#ffffff8c}.arco-trigger.arco-color-picker-type-dropdown{z-index:12000!important}.arco-trigger.arco-color-picker-type-dropdown .arco-select-popup .arco-select-option-selected:after{display:none}.arco-trigger.arco-color-picker-type-dropdown .arco-select-popup .arco-select-option{background:unset;border-radius:6px;padding-right:0}.arco-trigger.arco-color-picker-type-dropdown .arco-select-popup .arco-select-option-selected,.arco-trigger.arco-color-picker-type-dropdown .arco-select-popup .arco-select-option:hover{background:#ffffff0d}.arco-trigger.arco-color-picker-type-dropdown .arco-select-popup{-webkit-backdrop-filter:blur(20px);background-color:#1e1e1ecc;border-radius:12px;padding:0}.arco-trigger.arco-color-picker-type-dropdown .arco-select-popup-inner{width:auto}.arco-trigger.baui-color-picker-trigger .arco-color-picker-select-type{width:65px}.arco-trigger.baui-color-picker-trigger .arco-select-view{border-radius:8px}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#1e1e1ecc;border:.5px solid #ffffff1f;border-radius:8px;box-shadow:0 8px 40px #000000b3;padding:12px;width:275px}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel .arco-color-picker-palette{border:unset!important;border-radius:4px}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control{padding:12px 0 0}.arco-trigger.baui-color-picker-trigger .arco-input-inner-wrapper{--border-radius-small:6px}.arco-trigger.baui-color-picker-trigger .arco-input-inner-wrapper:before{-webkit-mask-composite:xor!important;mask-composite:exclude!important}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control{padding-bottom:12px}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control .arco-color-picker-control-wrapper{gap:16px}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control .arco-color-picker-control-wrapper>div:first-child{flex:1 1}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control .arco-color-picker-control-wrapper>div:first-child>div{width:100%}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-control-bar-bg{border:.5px solid #ffffff1f;border-radius:10px;margin-top:12px}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-control-bar{border:unset;width:100%}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-control .arco-color-picker-control-wrapper .arco-color-picker-control-bar-alpha{margin-top:unset}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-colors{border:unset;margin-top:unset;padding:12px 0 0;position:relative}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-colors:after{background:#ffffff1f;content:"";height:.5px;left:-12px;position:absolute;right:-12px;top:0}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-colors .arco-color-picker-colors-text{display:none}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-colors .arco-color-picker-colors-wrapper{margin-top:unset}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-colors .arco-color-picker-colors-list{display:flex;flex-wrap:wrap;gap:10px;margin:unset}.arco-trigger.baui-color-picker-trigger .arco-color-picker-panel-colors .arco-color-picker-colors-list>div{border-radius:3.5px;margin:0}.arco-color-picker{align-items:center;background-color:var(--color-fill-2);border-radius:2px;box-sizing:border-box;display:inline-flex}.arco-color-picker-preview{border:1px solid var(--color-border-2);box-sizing:border-box;flex:none}.arco-color-picker-value{color:var(--color-text-1);font-weight:400;margin-left:6px}.arco-color-picker-input{display:none}.arco-color-picker:hover{background-color:var(--color-fill-3);cursor:pointer}.arco-color-picker-size-default{min-height:32px;padding:4px 4px}.arco-color-picker-size-default .arco-color-picker-preview{height:24px;width:24px}.arco-color-picker-size-default .arco-color-picker-value{font-size:14px}.arco-color-picker-size-mini{min-height:24px;padding:4px 4px}.arco-color-picker-size-mini .arco-color-picker-preview{height:16px;width:16px}.arco-color-picker-size-mini .arco-color-picker-value{font-size:12px}.arco-color-picker-size-small{min-height:28px;padding:3px 4px}.arco-color-picker-size-small .arco-color-picker-preview{height:22px;width:22px}.arco-color-picker-size-small .arco-color-picker-value{font-size:14px}.arco-color-picker-size-large{min-height:36px;padding:5px 5px}.arco-color-picker-size-large .arco-color-picker-preview{height:26px;width: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:2px;box-shadow:0 8px 20px 0 rgba(0,0,0,.1);width:260px}.arco-color-picker-panel .arco-color-picker-palette{background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0));border-left:1px solid var(--color-border-2);border-right:1px solid var(--color-border-2);border-top:1px solid var(--color-border-2);box-sizing:border-box;cursor:pointer;height:178px;overflow:hidden;position:relative;width:100%}.arco-color-picker-panel .arco-color-picker-palette .arco-color-picker-handler{background-color:initial;border:2px solid var(--color-bg-white);border-radius:50%;box-sizing:border-box;height:16px;position:absolute;transform:translate(-50%,-50%);width:16px}.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{border:1px solid var(--color-border-2);border-radius:4px;box-sizing:border-box;height:40px;margin-left:auto;width:40px}.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{display:flex;margin-top:12px}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-color-picker-group-wrapper{display:flex;flex:1 1;margin-left:12px}.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-input-inner-wrapper,.arco-color-picker-panel .arco-color-picker-panel-control .arco-color-picker-input-wrapper .arco-select-view{padding:0 6px}.arco-color-picker-panel .arco-color-picker-panel-control-gradient{padding:12px 12px 0}.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-control-bar-gradient{margin:0 8px 12px}.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-control-bar-gradient .arco-color-picker-control-bar{width:100%}.arco-color-picker-panel .arco-color-picker-panel-control-gradient .arco-color-picker-panel-control-gradient-tag{margin-bottom:12px}.arco-color-picker-panel .arco-color-picker-panel-colors{border-top:1px solid var(--color-border-2);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);font-size:12px;margin:12px 0}.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{display:flex;flex-wrap:wrap;margin:-8px -4px 0}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block{background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:8px 8px;border-radius:2px;cursor:pointer;height:16px;margin:6px 3px 0;overflow:hidden;transition:transform 60ms ease-out;width:16px}.arco-color-picker-panel .arco-color-picker-panel-colors .arco-color-picker-color-block .arco-color-picker-block{height:100%;width: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(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:8px 8px}.arco-color-picker-panel .arco-color-picker-control-bar{border:1px solid var(--color-border-2);border-radius:10px;box-sizing:border-box;cursor:pointer;height:14px;position:relative;width:182px}.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler{background-color:var(--color-bg-white);border:1px solid var(--color-border-2);border-radius:50%;box-sizing:border-box;height:16px;position:absolute;top:-2px;transform:translateX(-50%);width:16px}.arco-color-picker-panel .arco-color-picker-control-bar .arco-color-picker-handler-center{border-radius:50%;height:8px;position:absolute;transform:translate(3px,3px);width:8px}.arco-color-picker-panel .arco-color-picker-control-bar-hue{background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.arco-color-picker-panel .arco-color-picker-select-type{width:58px}.arco-color-picker-panel .arco-color-picker-input-group{display:flex}.arco-color-picker-panel .arco-color-picker-input-group>*{flex:1 1}.arco-color-picker-panel .arco-color-picker-input-alpha{flex:0 0 auto;width:52px}.arco-color-picker-panel .arco-color-picker-input-hex .arco-input{padding-left:4px}.arco-color-picker-type-dropdown .arco-select-option{font-size:12px!important;line-height:24px!important}.arco-slider{display:inline-block;width:100%}.arco-slider-wrapper{align-items:center;display:flex}.arco-slider-vertical{display:inline-block;height:auto;min-width:22px;width:auto}.arco-slider-vertical .arco-slider-wrapper{flex-direction:column}.arco-slider-with-marks{margin-bottom:24px;padding:0 20px}.arco-slider-vertical.arco-slider-with-marks{margin-bottom:0;padding:0}.arco-slider-road{cursor:pointer;flex:1 1;height:12px;position:relative;width:100%}.arco-slider-road:before{background-color:var(--color-fill-3);border-radius:2px;content:"";display:block;height:2px;position:absolute;top:50%;transform:translateY(-50%);width:100%}.arco-slider-road.arco-slider-road-vertical{height:100%;margin-bottom:12px/2;margin-right:0;margin-top:12px/2;max-width:12px;min-height:200px;transform:translateY(0);width:12px}.arco-slider-road.arco-slider-road-vertical:before{height:100%;left:50%;top:unset;transform:translateX(-50%);width:2px}.arco-slider-road.arco-slider-road-disabled:before{background-color:var(--color-fill-2)}.arco-slider-road.arco-slider-road-disabled .arco-slider-bar{background-color:var(--color-fill-3)}.arco-slider-road.arco-slider-road-disabled .arco-slider-button{cursor:not-allowed}.arco-slider-road.arco-slider-road-disabled .arco-slider-button:after{border-color:var(--color-fill-3)}.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot{border-color:var(--color-fill-2)}.arco-slider-road.arco-slider-road-disabled .arco-slider-dots .arco-slider-dot-active{border-color:var(--color-fill-3)}.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick{background:var(--color-fill-2)}.arco-slider-road.arco-slider-road-disabled .arco-slider-ticks .arco-slider-tick-active{background:var(--color-fill-3)}.arco-slider-bar{background-color:rgb(var(--primary-6));border-radius:2px;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.arco-slider-road-vertical .arco-slider-bar{height:unset;left:50%;top:unset;transform:translateX(-50%);width:2px}.arco-slider-button{transform:translateX(-50%)}.arco-slider-button,.arco-slider-button:after{height:12px;left:0;position:absolute;top:0;width:12px}.arco-slider-button:after{background:var(--color-bg-2);border:2px solid rgb(var(--primary-6));border-radius:50%;box-sizing:border-box;content:"";display:inline-block;transition:all .3s cubic-bezier(.3,1.3,.3,1)}.arco-slider-button.arco-slider-button-active:after,.arco-slider-button:hover:after{box-shadow:0 36px 100px rgba(0,0,0,.7);transform:scale(1.16666667)}.arco-slider-button:focus-visible:after{box-shadow:0 0 0 2px var(--color-primary-light-3)}.arco-slider-road-vertical .arco-slider-button{bottom:0;left:0;top:unset;transform:translateY(50%)}.arco-slider-reverse .arco-slider-button{left:unset;right:0;transform:translateX(50%)}.arco-slider-reverse .arco-slider-road-vertical .arco-slider-button{transform:translateY(-50%)}.arco-slider-marks{position:absolute;top:12px;width:100%}.arco-slider-marks-text{color:var(--color-text-3);cursor:pointer;font-size:14px;line-height:1;position:absolute;transform:translateX(-50%)}.arco-slider-road-vertical .arco-slider-marks{height:100%;left:15px;top:0}.arco-slider-road-vertical .arco-slider-marks-text{transform:translateY(50%)}.arco-slider-reverse .arco-slider-marks-text{transform:translateX(50%)}.arco-slider-reverse .arco-slider-road-vertical .arco-slider-marks-text{transform:translateY(-50%)}.arco-slider-dots{height:100%}.arco-slider-dots .arco-slider-dot-wrapper{font-size:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper{left:50%;top:unset;transform:translate(-50%,50%)}.arco-slider-reverse .arco-slider-dots .arco-slider-dot-wrapper{transform:translate(50%,-50%)}.arco-slider-reverse .arco-slider-road-vertical .arco-slider-dots .arco-slider-dot-wrapper{transform:translate(-50%,-50%)}.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot{background-color:var(--color-bg-2);border:2px solid var(--color-fill-3);border-radius:50%;box-sizing:border-box;height:8px;width:8px}.arco-slider-dots .arco-slider-dot-wrapper .arco-slider-dot-active{border-color:rgb(var(--primary-6))}.arco-slider-ticks .arco-slider-tick{background:var(--color-fill-3);height:3px;margin-top:-1px;position:absolute;top:50%;transform:translate(-50%,-100%);width:1px}.arco-slider-ticks .arco-slider-tick-active{background:rgb(var(--primary-6))}.arco-slider-vertical .arco-slider-ticks .arco-slider-tick{height:1px;left:50%;margin-top:unset;top:unset;transform:translate(1px,50%);width:3px}.arco-slider-reverse .arco-slider-ticks .arco-slider-tick{transform:translate(50%,-100%)}.arco-slider-vertical.arco-slider-reverse .arco-slider-ticks .arco-slider-tick{transform:translate(1px,-50%)}.arco-slider-input{display:flex;margin-left:20px}.arco-slider-vertical .arco-slider-input{margin-left:0}.arco-slider-input>.arco-input-number{height:32px;line-height:normal;overflow:visible;width:60px}.arco-slider-input>.arco-input-number input{text-align:center}.arco-slider-input-range{height:32px;line-height:32px;text-align:center;width:20px}.arco-slider-input-range-content{background:rgb(var(--gray-6));display:inline-block;height:2px;transform:translateY(-100%);width:8px}.arco-slider-rtl{direction:rtl}.arco-slider-rtl.arco-slider:not(.arco-slider-vertical) .arco-slider-input{margin-left:0;margin-right:20px}.arco-slider-rtl.arco-slider-vertical .arco-slider-road-vertical .arco-slider-marks{left:0;right:15px}.arco-slider .arco-slider-input .arco-input-number{height:36px}.arco-slider .arco-slider-road-disabled{height:16px}.arco-slider .arco-slider-road-disabled:before{height:4px}.arco-slider .arco-slider-road-disabled .arco-slider-bar{height:4px}.arco-slider .arco-slider-road-disabled .arco-slider-bar,.arco-slider .arco-slider-road-disabled .arco-slider-button:before{background:linear-gradient(160deg,gray 3.32%,#727880 22.44%,#767980 36.04%,#73767c 43.06%,#737475 51.85%,#676d74 64.31%,#626870 73.66%,#696a6c 83.88%,#4e5967 97.51%)}.arco-slider .arco-slider-road-disabled .arco-slider-button:before{border:none;border-radius:999px;content:"";display:block;height:16px;width:16px}.arco-slider .arco-slider-road-disabled .arco-slider-button:after{background-color:#000;border:none;height:8px;left:4px;top:4px;width:8px}.arco-slider .arco-slider-road-disabled .arco-slider-button.arco-slider-button-active:after,.arco-slider .arco-slider-road-disabled .arco-slider-button:hover:after{transform:scale(1)}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled){height:16px}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled):before{height:4px}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-bar{background:linear-gradient(99.34deg,#fff 3.14%,rgba(228,240,255,.909) 28.47%,rgba(212,229,255,.876) 46.67%,hsla(0,0%,100%,.838) 67.59%,rgba(190,220,255,.78) 94.8%);height:4px}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-button:hover:after,.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-button:hover:before{transform:scale(1.25)}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-button:before{background:linear-gradient(99.34deg,#fff 3.14%,rgba(228,240,255,.909) 28.47%,rgba(212,229,255,.876) 46.67%,hsla(0,0%,100%,.838) 67.59%,rgba(190,220,255,.78) 94.8%);border:none;border-radius:999px;content:"";display:block;height:16px;width:16px}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-button:after{background-color:#000;border:none;height:8px;left:4px;top:4px;width:8px}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-dot-wrapper .arco-slider-dot-active,.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-ticks .arco-slider-tick-active{background:linear-gradient(99.34deg,#fff 3.14%,rgba(228,240,255,.909) 28.47%,rgba(212,229,255,.876) 46.67%,hsla(0,0%,100%,.838) 67.59%,rgba(190,220,255,.78) 94.8%)}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-dot-wrapper .arco-slider-dot-active{border:none;position:relative}.arco-slider .arco-slider-road:not(.arco-slider-road-disabled) .arco-slider-dot-wrapper .arco-slider-dot-active:before{background-color:#000;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scale(.5)}