.c-color-sketch-picker{border-radius:8px;width:280px;padding:16px 16px 10px;box-shadow:0 0 2px #00000014,0 10px 40px #0000001a;background:var(--background-system-frame-floatpanel)!important}.c-color-sketch-picker .c-color-saturation{box-shadow:0px 0px 1px 1px var(--stroke-drop-area-transparent)}.c-color-sketch-picker .c-color-saturation-fill{width:16px!important;height:16px!important;transform:translate(-7px,-7px)!important;box-shadow:0 0 0 2px #fff!important}.c-color-sketch-picker .c-color-saturation-fill:after{content:"";border:1px solid #00000026;border-radius:50%;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.c-color-sketch-picker .c-color-alpha{border-radius:4px}.c-color-sketch-picker .c-color-interactive{cursor:pointer}.c-color-sketch-picker__tool{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.c-color-sketch-picker__tool.input_RGBA .c-color-sketch-picker__menu--eyeDropper{width:32px;height:32px;margin-right:10px}.c-color-sketch-picker__tool.input_RGBA .c-color-sketch-picker__tool--preview{width:32px;height:32px;margin-left:10px}.c-color-sketch-picker__tool--preview{border:1px solid var(--stroke-system-border-overlay);border-radius:4px;width:28px;height:28px;padding:3px;display:flex}.c-color-sketch-picker__tool--preview div{width:50%;height:100%}.c-color-sketch-picker__tool--preview div:first-of-type{border-radius:2px 0 0 2px}.c-color-sketch-picker__tool--preview div:nth-of-type(2){border-radius:0 2px 2px 0}.c-color-sketch-picker__tool--setting{width:198px}.c-color-sketch-picker__menu{border-bottom:1px solid var(--stroke-system-separator);justify-content:space-between;margin-top:10px;padding-bottom:12px;display:flex}.c-color-sketch-picker__menu--eyeDropper{width:52px;height:26px;color:var(--content-input,#f0f1f5);background:var(--background-btn-tertiary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.c-color-sketch-picker__menu--input{align-items:center;width:90px;height:26px;display:flex}.c-color-sketch-picker__menu--input.w120,.c-color-sketch-picker__menu--input.w120 .ant-input-affix-wrapper{width:120px!important}.c-color-sketch-picker__menu--input.w188,.c-color-sketch-picker__menu--input.w188 .ant-input-affix-wrapper{width:188px!important}.c-color-sketch-picker__menu--input.extend,.c-color-sketch-picker__menu--input.extend .ant-input-affix-wrapper{flex:1}.c-color-sketch-picker__menu--input .ant-input-affix-wrapper{width:90px;height:26px;color:var(--content-input-lable,#86888c);border:1px solid #0000;border-radius:8px;align-items:center;padding:0 4px;font-size:12px;display:flex;background:var(--background-input-secondary,#f3f5f7)!important}.c-color-sketch-picker__menu--input .ant-input-affix-wrapper .ant-input-prefix,.c-color-sketch-picker__menu--input .ant-input-affix-wrapper .ant-input-suffix{line-height:18px}.c-color-sketch-picker__menu--input .ant-input-affix-wrapper input{color:var(--content-input,#f0f1f5);text-align:center;background:var(--background-input-secondary,#f3f5f7)!important}.c-color-sketch-picker__menu--input .ant-input-affix-wrapper:focus,.c-color-sketch-picker__menu--input .ant-input-affix-wrapper-focused,.c-color-sketch-picker__menu--input .ant-input-affix-wrapper:hover{color:var(--content-input);background:var(--background-input);border:1px solid var(--stroke-input-selected);box-shadow:initial}.c-color-sketch-picker__menu--inputRGBA{align-items:center;gap:8px;width:100%;display:flex}.c-color-sketch-picker__menu--inputRGBA input{text-align:center;border-radius:var(--radius-6,6px);border:1px solid var(--input-stroke-defult,#e3e5ea);background:var(--input-background-primary,#fff);outline:none;height:28px}.c-color-sketch-picker__menu--inputRGBA input:focus,.c-color-sketch-picker__menu--inputRGBA input:hover{box-shadow:var(--stroke-input-selected) 0px 0px 0px 1px inset!important}.c-color-sketch-picker__menu--inputRGBA label{margin-top:8px;text-transform:uppercase!important}.c-color-sketch-picker__menu--inputRGBA>.c-color-editable-input{flex-shrink:0;width:60px!important}.c-color-sketch-picker__expand{padding-top:12px}.c-color-sketch-picker__expand--title{color:var(--base-naturallight40);margin-bottom:8px;font-size:12px;line-height:16px}.c-color-sketch-picker__expand--list{flex-wrap:wrap;display:flex}.c-color-sketch-picker__expand--list-empty{background:#f3f3f3;position:relative;width:65px!important}.c-color-sketch-picker__expand--list-empty:after{content:"";background:red;border:2px;border-radius:2px;width:200%;height:2px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-16deg)}.c-color-sketch-picker__expand--list[data-isrencentlyused=true]>div{border:none}.c-color-sketch-picker__expand--list[data-isrencentlyused=true]>div>div{border:1px solid var(--stroke-system-border-overlay)}.c-color-sketch-picker__expand--list>div{border:1px solid var(--stroke-system-border-overlay);cursor:pointer;border-radius:2px;width:22px;height:22px;margin-bottom:6px;margin-right:6px;overflow:hidden}.c-color-sketch-picker__expand--list>div:nth-of-type(9n){margin-right:0}.gradient-pointer{border:1px solid #fff;border:1.5px solid var(--_base--white_opacity_100);border-radius:2.5px;box-shadow:0 2px 4px #0000001a,0 0 1px #00000080}.gradient-pointer.active{position:relative}.gradient-pointer.active:after{border:2px solid var(--stroke-system-selected);content:"";border-radius:6px;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.c-color-gradient-picker{border-radius:8px;padding-top:16px;box-shadow:0 0 2px #00000014,0 10px 40px #0000001a;background:var(--background-system-frame-floatpanel)!important}.c-color-gradient-picker .c-color-sketch-picker{box-shadow:none!important;margin-bottom:-16px!important}.c-color-gradient-picker .b-custom-tabs__header{margin:0 auto}.c-color-angle-wrap .ant-popover-inner{background:var(--background-system-frame-floatpanel)!important}.c-color-angle-wrap .ant-popover-arrow{display:block!important;top:auto!important;left:50%!important;right:auto!important;transform:translateY(-100%)translate(-50%)!important}.c-color-angle-wrap .ant-popover-arrow .ant-popover-arrow-content{transform:translateY(11px)rotate(-135deg)!important}.c-color-angle-wrap .ant-popover-arrow .ant-popover-arrow-content:before{background:var(--background-system-frame-floatpanel)!important}.c-color-angle-wrap .ant-popover-inner-content{padding:12px 16px!important}.c-color-angle-wrap .c-color-angle{background:0 0!important}.c-color-gradient{width:264px;padding:16px 16px 0;background-color:var(--background-system-drop-list)!important}.c-color-gradient .c-color-saturation{box-shadow:0px 0px 1px 1px var(--stroke-drop-area-transparent)}.c-color-gradient .c-color-saturation-fill{position:relative;width:16px!important;height:16px!important;transform:translate(-7px,-7px)!important;box-shadow:0 0 0 2px #fff!important}.c-color-gradient .c-color-saturation-fill:after{content:"";border:1px solid #00000026;border-radius:50%;position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px}.c-color-gradient .c-color-alpha{border-radius:4px}.c-color-gradient .c-color-interactive{cursor:pointer}.c-color-gradient .color-gradient-select{z-index:1;justify-content:space-between;align-items:center;margin:0 0 12px;padding:0 0 0 8px;display:flex;position:relative}.c-color-gradient .color-gradient-select .c-color-interactive{width:100%!important}.c-color-gradient .color-gradient-select input{width:58px;height:26px;color:var(--content-input-lable-transparency);background:var(--background-input-secondary,#3f4042);border:none;border-radius:8px;margin-left:20px}.c-color-gradient .color-gradient-select:after{z-index:2;width:4px;height:4px;color:var(--content-tab);border:1px solid var(--content-tab);content:"";border-radius:50%;display:block;position:absolute;top:6px;right:10px}.c-color-gradient__tool{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.c-color-gradient__tool--preview{border:1px solid var(--stroke-input);border-radius:4px;width:28px;height:28px;padding:3px;display:flex}.c-color-gradient__tool--preview div{width:50%;height:100%}.c-color-gradient__tool--preview div:first-of-type{border-radius:2px 0 0 2px}.c-color-gradient__tool--preview div:nth-of-type(2){border-radius:0 2px 2px 0}.c-color-gradient__tool--setting{width:198px}.c-color-gradient__menu{border-bottom:1px solid var(--stroke-input);justify-content:space-between;margin-top:10px;padding-bottom:12px;display:flex}.c-color-gradient__menu--eyeDropper{width:73px;height:24px;color:var(--content-tab);border:1px solid var(--stroke-input);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;display:flex}.c-color-gradient__menu--input{align-items:center;width:73px;height:24px;display:flex}.c-color-gradient__menu--input.w120,.c-color-gradient__menu--input.w120 .ant-input-affix-wrapper{width:120px!important}.c-color-gradient__menu--input.w188,.c-color-gradient__menu--input.w188 .ant-input-affix-wrapper{width:188px!important}.c-color-gradient__menu--input.extend,.c-color-gradient__menu--input.extend .ant-input-affix-wrapper{flex:1}.c-color-gradient__menu--input .ant-input-affix-wrapper{width:73px;height:24px;color:var(--content-tab);border:1px solid var(--stroke-input);border-radius:4px;align-items:center;padding:0 4px;font-size:12px;display:flex;background-color:var(--background-system-drop-list)!important}.c-color-gradient__menu--input .ant-input-affix-wrapper .ant-input-prefix,.c-color-gradient__menu--input .ant-input-affix-wrapper .ant-input-suffix{line-height:18px}.c-color-gradient__menu--input .ant-input-affix-wrapper input{text-align:center;background-color:var(--background-system-drop-list)!important}.c-color-gradient-picker__expand{padding-top:12px}.c-color-gradient-picker__expand--title{color:var(--base-naturallight40);margin-bottom:8px;font-size:12px;line-height:16px}.c-color-gradient-picker__expand--list{flex-wrap:wrap;height:125px;margin-right:-15px;display:flex;overflow-y:auto}.c-color-gradient-picker__expand--item{cursor:pointer;border:1px solid #00000014;border-radius:4px;width:57px;height:24px;margin-bottom:6px;margin-right:8px;display:inline-block}.c-color-gradient-picker__expand--item:nth-of-type(4n){margin-right:0}.c-color-texture{width:264px;padding:16px 16px 0;background-color:var(--background-system-drop-list)!important}