:root{--bg-gray: #f6f7f9}.attr-item-box .bg-item{width:100%;display:flex;flex:1 1 0%;justify-content:space-between;border-radius:5px;background-color:var(--bg-gray);padding:5px}.attr-item-box .flex-view{background:var(--bg-gray);box-sizing:border-box;position:relative;z-index:1;margin-bottom:10px;width:100%;display:flex;justify-content:space-between;border-radius:5px;padding:5px}.attr-item-box .flex-item{box-sizing:border-box;display:inline-flex;flex:1 1 0%}.attr-item-box .flex-item .label{display:inline-block;width:32px;height:32px;flex-shrink:0;font-size:14px;line-height:32px}.attr-item-box .flex-item .content{flex:1}.attr-item-box .number-warp{background:var(--bg-gray);padding:0 15px 0 10px;position:relative;z-index:1;margin-bottom:10px;box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:flex-start;border-radius:5px}.attr-item-box .number-warp>span,.attr-item-box .number-warp .label{font-size:var(--el-form-label-font-size);color:var(--el-text-color-regular);flex-shrink:0}.attr-item-box .number-warp .content,.attr-item-box .el-color-picker,.attr-item-box .el-color-picker__trigger{width:100%}*,*:before,*:after{box-sizing:border-box}body,div,h1,h2,h3,h4,p,figure,blockquote,dl,ul,ol,dd{margin:0;padding:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.f-center{display:flex;align-items:center;justify-content:center}.visible{visibility:visible}.\!fixed{position:fixed!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.-right-13px{right:-13px}.bottom-0{bottom:0}.bottom-12px{bottom:12px}.bottom-8px{bottom:8px}.left-0{left:0}.left-4px{left:4px}.left-8px{left:8px}.right-0{right:0}.right-4px{right:4px}.top-4px{top:4px}.top-50\%{top:50%}.z-1{z-index:1}.z-2{z-index:2}.grid{display:grid}[cols~="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}[cols~="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-6px{margin-left:6px;margin-right:6px}.mx-auto{margin-left:auto;margin-right:auto}.my-20px{margin-top:20px;margin-bottom:20px}.-ml-312px{margin-left:-312px}.-mt-10px{margin-top:-10px}.mb-10px{margin-bottom:10px}.mb-12px{margin-bottom:12px}.mb-20px{margin-bottom:20px}.mb-5px{margin-bottom:5px}.ml-10px{margin-left:10px}.ml-4px{margin-left:4px}.ml-5px{margin-left:5px}.mr-10px{margin-right:10px}.mr-4px{margin-right:4px}.mr-8px{margin-right:8px}.mt-10px{margin-top:10px}.mt-2{margin-top:.5rem}.mt-20px{margin-top:20px}.mt-8px{margin-top:8px}.box-border{box-sizing:border-box}.inline,[inline=""]{display:inline}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}[size~="12"]{width:3rem;height:3rem}[size~="12px"]{width:12px;height:12px}[size~="18"]{width:4.5rem;height:4.5rem}[size~="18px"]{width:18px;height:18px}[size~="24px"]{width:24px;height:24px}.h-14px{height:14px}.h-20px{height:20px}.h-24px{height:24px}.h-300px{height:300px}.h-30px{height:30px}.h-32px{height:32px}.h-36px{height:36px}.h-40px{height:40px}.h-48px{height:48px}.h-88px{height:88px}.h-full{height:100%}.h1{height:.25rem}.h3{height:.75rem}.h4{height:1rem}.max-w-384px{max-width:384px}.min-h-40px{min-height:40px}.w-1200px{width:1200px}.w-14px{width:14px}.w-20px{width:20px}.w-224px{width:224px}.w-232px{width:232px}.w-24px{width:24px}.w-280px{width:280px}.w-300px{width:300px}.w-312px{width:312px}.w-32px{width:32px}.w-36px{width:36px}.w-50\%{width:50%}.w-56px{width:56px}.w-72px{width:72px}.w-88px{width:88px}.w-full{width:100%}.flex{display:flex}.flex-1,[flex~="1"]{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.basis-72px{flex-basis:72px}.flex-basis-304px{flex-basis:304px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.-translate-y-50\%{--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.rotate-270{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:270deg;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10px{gap:10px}[gap~="10"]{gap:2.5rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border,.border-1px{border-width:1px}.border-4px{border-width:4px}.border-b-1px{border-bottom-width:1px}.border-b-2px{border-bottom-width:2px}.border-r-1px{border-right-width:1px}.border-\[var\(--bg-gray\)\]{border-color:var(--bg-gray)}.border-\[var\(--el-color-primary\)\]{border-color:var(--el-color-primary)}.border-transparent{border-color:transparent}.border-b-\[rgba\(0_0_0\/0\.08\)\]{--un-border-opacity:.08;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(0,0,0,var(--un-border-bottom-opacity))}.border-b-\[var\(--el-color-primary\)\]{border-bottom-color:var(--el-color-primary)}.border-r-\#eef2f8{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgb(238 242 248 / var(--un-border-right-opacity))}.rounded{border-radius:.25rem}.rounded-10px{border-radius:10px}.rounded-12px{border-radius:12px}.rounded-2px{border-radius:2px}.rounded-4px{border-radius:4px}.rounded-6px{border-radius:6px}.rounded-8px{border-radius:8px}.border-solid{border-style:solid}.border-b-solid{border-bottom-style:solid}.border-r-solid{border-right-style:solid}.bg-\[\#fff\],.bg-\#fff{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.bg-\[rgba\(0_0_0\/0\.6\)\]{--un-bg-opacity:.6;background-color:rgba(0,0,0,var(--un-bg-opacity))}.bg-\[var\(--el-color-primary\)\]{background-color:var(--el-color-primary)}.bg-\#f1f2f4{--un-bg-opacity:1;background-color:rgb(241 242 244 / var(--un-bg-opacity))}.p-10px{padding:10px}.p-4px{padding:4px}.p-5px{padding:5px}.px{padding-left:1rem;padding-right:1rem}.px-10px{padding-left:10px;padding-right:10px}.px-16px{padding-left:16px;padding-right:16px}.px-4px{padding-left:4px;padding-right:4px}.py-4px{padding-top:4px;padding-bottom:4px}.py-6px{padding-top:6px;padding-bottom:6px}.pb-1px{padding-bottom:1px}.pl-10px{padding-left:10px}.pr-10px{padding-right:10px}.pt-10px{padding-top:10px}.text-center{text-align:center}.text-10px{font-size:10px}.text-12px{font-size:12px}.text-14px{font-size:14px}.text-16px{font-size:16px}.text-20px{font-size:20px}.text-24px{font-size:24px}.text-\[var\(--el-color-primary\)\]{color:var(--el-color-primary)}.text-\#fff,[color~="#fff"]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}[active-text~="$t("]:active{color:var(--t\()}[color~="#000"]{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity))}[color~="#19be6b"]{--un-text-opacity:1;color:rgb(25 190 107 / var(--un-text-opacity))}[color~="#333"]{--un-text-opacity:1;color:rgb(51 51 51 / var(--un-text-opacity))}[color~="#999"]{--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity))}[color~="#ccc"]{--un-text-opacity:1;color:rgb(204 204 204 / var(--un-text-opacity))}[color~="#f34250"]{--un-text-opacity:1;color:rgb(243 66 80 / var(--un-text-opacity))}[color~="#ff9900"]{--un-text-opacity:1;color:rgb(255 153 0 / var(--un-text-opacity))}[color~=red]{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity))}.font-500{font-weight:500}.font-bold{font-weight:700}.leading-12px{line-height:12px}.leading-18px{line-height:18px}.leading-24px{line-height:24px}.leading-36px{line-height:36px}.capitalize{text-transform:capitalize}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.tab,[tab=""]{-moz-tab-size:4;-o-tab-size:4;tab-size:4}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.outline{outline-style:solid}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.grayscale{--un-grayscale:grayscale(1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter,[filter=""]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease,.ease-in-out,.transition-ease{transition-timing-function:cubic-bezier(.4,0,.2,1)}[content~="$t("]{content:var(--t\()}[placeholder~="$t("]::-moz-placeholder{color:var(--t\()}[placeholder~="$t("]::placeholder{color:var(--t\()}