549 lines
31 KiB
CSS
549 lines
31 KiB
CSS
@charset "UTF-8"; *,::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 / 0.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 / 0.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: ;}.container{width:100%;}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.pointer-events-none{pointer-events:none;}.visible{visibility:visible;}.invisible{visibility:hidden;}.\!absolute{position:absolute !important;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.static{position:static;}.bottom-0{bottom:0;}.left-\[-34px\]{left:-34px;}.left-0{left:0;}.left-2{left:0.5rem;}.top-\[-1px\]{top:-1px;}.top-0{top:0;}.isolate{isolation:isolate;}.z0{z-index:0;}.z-1,.z1{z-index:1;}.z2{z-index:2;}.z-\[-1\]{z-index:-1;}.z-\[-2\]{z-index:-2;}.z-\[1002\]{z-index:1002;}.z-10{z-index:10;}.grid{display:grid;}.col-span-2{grid-column:span 2/span 2;}.grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr;}.grid-cols-\[2fr_1fr_1fr_1fr\]{grid-template-columns:2fr 1fr 1fr 1fr;}.grid-cols-\[2fr_2fr_1fr_1fr\]{grid-template-columns:2fr 2fr 1fr 1fr;}.grid-rows-\[1fr_3fr\]{grid-template-rows:1fr 3fr;}.grid-rows-\[2fr_1fr\]{grid-template-rows:2fr 1fr;}.grid-rows-\[2fr_3fr_1fr\]{grid-template-rows:2fr 3fr 1fr;}.grid-rows-\[2fr_3fr\]{grid-template-rows:2fr 3fr;}.grid-rows-\[3fr_2fr\]{grid-template-rows:3fr 2fr;}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr));}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr));}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr));}.m\[0\]{margin:0;}.m\[1\]{margin:1;}.m\[2\]{margin:2;}.m\[3\]{margin:3;}.m1{margin:0.25rem;}.m11{margin:2.75rem;}.m12{margin:3rem;}.m13{margin:3.25rem;}.m160{margin:40rem;}.m161\.92{margin:40.48rem;}.m174\.72{margin:43.68rem;}.m186\.496{margin:46.624rem;}.m192{margin:48rem;}.m199\.04{margin:49.76rem;}.m2{margin:0.5rem;}.m21{margin:5.25rem;}.m22{margin:5.5rem;}.m220\.8{margin:55.2rem;}.m23{margin:5.75rem;}.m237\.248{margin:59.312rem;}.m241\.216{margin:60.304rem;}.m249\.6{margin:62.4rem;}.m292\.288{margin:73.072rem;}.m3{margin:0.75rem;}.m308\.352{margin:77.088rem;}.m31{margin:7.75rem;}.m32{margin:8rem;}.m33{margin:8.25rem;}.m373\.376{margin:93.344rem;}.m384\.064{margin:96.016rem;}.m4{margin:1rem;}.m412\.16{margin:103.04rem;}.m466\.752{margin:116.688rem;}.m469\.952{margin:117.488rem;}.m488\.832{margin:122.208rem;}.m512{margin:128rem;}.m512\.064{margin:128.016rem;}.m557\.248{margin:139.312rem;}.m64{margin:16rem;}.m665\.216{margin:166.304rem;}.m679\.872{margin:169.968rem;}.m683\.072{margin:170.768rem;}.m739\.328{margin:184.832rem;}.m759\.936{margin:189.984rem;}.m768{margin:192rem;}.m772\.13{margin:193.0325rem;}.m795\.904{margin:198.976rem;}.m801\.728{margin:200.432rem;}.mx{margin-left:1rem;margin-right:1rem;}.my{margin-top:1rem;margin-bottom:1rem;}.\!ml-0{margin-left:0 !important;}.\!mr-0{margin-right:0 !important;}.m-b-2px{margin-bottom:2px;}.m-l-\[4px\]{margin-left:4px;}.m-r-\[10px\],.mr-\[10px\]{margin-right:10px;}.m-r-\[60px\]{margin-right:60px;}.m-t-\[10px\],.mt-\[10px\]{margin-top:10px;}.mb-\[10px\]{margin-bottom:10px;}.mb-\[20px\]{margin-bottom:20px;}.mb-1{margin-bottom:0.25rem;}.me,.me4{margin-inline-end:1rem;}.me0{margin-inline-end:0;}.me1{margin-inline-end:0.25rem;}.me10{margin-inline-end:2.5rem;}.me11{margin-inline-end:2.75rem;}.me12{margin-inline-end:3rem;}.me13{margin-inline-end:3.25rem;}.me14{margin-inline-end:3.5rem;}.me15{margin-inline-end:3.75rem;}.me2{margin-inline-end:0.5rem;}.me3{margin-inline-end:0.75rem;}.me5{margin-inline-end:1.25rem;}.me6{margin-inline-end:1.5rem;}.me7{margin-inline-end:1.75rem;}.me8{margin-inline-end:2rem;}.me9{margin-inline-end:2.25rem;}.ml{margin-left:1rem;}.ml-\[-1px\]{margin-left:-1px;}.ml-\[10px\]{margin-left:10px;}.mr-\[100px\]{margin-right:100px;}.mr-\[30px\]{margin-right:30px;}.mr-\[40px\]{margin-right:40px;}.mr-\[4px\]{margin-right:4px;}.mr-\[5px\]{margin-right:5px;}.mr-2{margin-right:0.5rem;}.ms{margin-inline-start:1rem;}.mt{margin-top:1rem;}.mt-\[15px\]{margin-top:15px;}.mt-\[2px\]{margin-top:2px;}.mt-\[4px\]{margin-top:4px;}.mt-1{margin-top:0.25rem;}.mt-3{margin-top:0.75rem;}.box-border{box-sizing:border-box;}.inline{display:inline;}.\!block{display:block !important;}.block{display:block;}.inline-block{display:inline-block;}.contents{display:contents;}.list-item{display:list-item;}.hidden{display:none;}.\!h-full{height:100% !important;}.\!w-\[100px\]{width:100px !important;}.h-\[100px\]{height:100px;}.h-\[10px\]{height:10px;}.h-\[150px\]{height:150px;}.h-\[16px\]{height:16px;}.h-\[16px\]\!{height:16px !important;}.h-\[200px\]{height:200px;}.h-\[23px\]{height:23px;}.h-\[24px\],.h-24px{height:24px;}.h-\[300px\]{height:300px;}.h-\[32px\]{height:32px;}.h-\[340px\]{height:340px;}.h-\[360px\]{height:360px;}.h-\[400px\]{height:400px;}.h-\[40px\]{height:40px;}.h-\[500px\]{height:500px;}.h-\[50px\]{height:50px;}.h-\[56px\]{height:56px;}.h-\[60\%\]{height:60%;}.h-\[60vh\]{height:60vh;}.h-\[80vh\]{height:80vh;}.h-1px{height:1px;}.h-20px{height:20px;}.h-22px{height:22px;}.h-240px{height:240px;}.h-full{height:100%;}.ha{height:auto;}.min-w-180px{min-width:180px;}.w-\[100\%\],.w-full{width:100%;}.w-\[140px\]{width:140px;}.w-\[160px\]{width:160px;}.w-\[16px\]\!{width:16px !important;}.w-\[30\%\]{width:30%;}.w-\[300px\]{width:300px;}.w-\[400px\]{width:400px;}.w-\[50px\]{width:50px;}.w-\[65\%\]{width:65%;}.w-\[auto\],.wa{width:auto;}.w-\[calc\(50\%-8px\)\]{width:calc(50% - 8px);}.w-100px{width:100px;}.w-22px{width:22px;}.w-24px{width:24px;}.w-48px{width:48px;}.w\$yX\(w\$yX\(x\$yX\~OgkXg\$yXlkX\!ZkX\#\^kX\~P\!\/qOv\)wO\({width:var(--yX\(w\$yX\(x\$yX\~OgkXg\$yXlkX\!ZkX\#\^kX\~P\!\/qOv\)wO\();}.w0{width:0;}.w1{width:0.25rem;}.w2{width:0.5rem;}.flex{display:flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.shrink{flex-shrink:1;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.translate-y-\[-50\%\]{--un-translate-y:-50%;transform:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(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:translateX(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)) rotateZ(var(--un-rotate-z)) skewX(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-default{cursor:default;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.items-center{align-items:center;}.justify-end{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.justify-items-end{justify-items:end;}.gap-\[10px\]{gap:10px;}.gap-\[40px\]{gap:40px;}.gap-1{gap:0.25rem;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-x-\[\$\{attrs\.gap\}\]{column-gap:${attrs.gap};}.gap-x-1{column-gap:0.25rem;}.gap-x-2{column-gap:0.5rem;}.gap-y-1{row-gap:0.25rem;}.overflow-auto{overflow:auto;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.text-ellipsis{text-overflow:ellipsis;}.whitespace-nowrap{white-space:nowrap;}.whitespace-pre-wrap{white-space:pre-wrap;}.\!border-0{border-width:0px !important;}.b,.border,.border-1{border-width:1px;}.border-\[1\.5px\]{border-width:1.5px;}.border-0{border-width:0px;}.border-2{border-width:2px;}.hover\:border-1:hover{border-width:1px;}.border-r-0{border-right-width:0px;}.\!border-\[\#dcdfe6\]{--un-border-opacity:1 !important;border-color:rgb(220 223 230 / var(--un-border-opacity)) !important;}.border-\[\#00acff\]{--un-border-opacity:1;border-color:rgb(0 172 255 / var(--un-border-opacity));}.border-\[\#298ddc\]{--un-border-opacity:1;border-color:rgb(41 141 220 / var(--un-border-opacity));}.border-\[\#dcdfe6\]{--un-border-opacity:1;border-color:rgb(220 223 230 / var(--un-border-opacity));}.border-\[\#e0e0e0\]{--un-border-opacity:1;border-color:rgb(224 224 224 / var(--un-border-opacity));}.border-gray-400{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity));}.border-transparent{border-color:transparent;}.hover\:border-\[\#00acff\]:hover{--un-border-opacity:1;border-color:rgb(0 172 255 / var(--un-border-opacity));}.hover\:border-\[\#298ddc\]:hover{--un-border-opacity:1;border-color:rgb(41 141 220 / var(--un-border-opacity));}.\!rounded-0{border-radius:0 !important;}.rd,.rounded{border-radius:0.25rem;}.border-solid{border-style:solid;}.\!bg-\[\#f8f9fa\]{--un-bg-opacity:1 !important;background-color:rgb(248 249 250 / var(--un-bg-opacity)) /* #f8f9fa */ !important;}.\!bg-white{--un-bg-opacity:1 !important;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */ !important;}.bg-\[\#0078d7\]{--un-bg-opacity:1;background-color:rgb(0 120 215 / var(--un-bg-opacity)) /* #0078d7 */;}.bg-\[\#00acff30\]{--un-bg-opacity:0.19;background-color:rgb(0 172 255 / var(--un-bg-opacity)) /* #00acff30 */;}.bg-\[\#80ffff\]{--un-bg-opacity:1;background-color:rgb(128 255 255 / var(--un-bg-opacity)) /* #80ffff */;}.bg-\[\#cccccc30\]{--un-bg-opacity:0.19;background-color:rgb(204 204 204 / var(--un-bg-opacity)) /* #cccccc30 */;}.bg-\[\#f0f0f0\]{--un-bg-opacity:1;background-color:rgb(240 240 240 / var(--un-bg-opacity)) /* #f0f0f0 */;}.bg-\[\#f0f8ff\]{--un-bg-opacity:1;background-color:rgb(240 248 255 / var(--un-bg-opacity)) /* #f0f8ff */;}.bg-\[\#f8f9fa\]{--un-bg-opacity:1;background-color:rgb(248 249 250 / var(--un-bg-opacity)) /* #f8f9fa */;}.bg-\[\#fcfcfc\]{--un-bg-opacity:1;background-color:rgb(252 252 252 / var(--un-bg-opacity)) /* #fcfcfc */;}.bg-\[\#fff\],.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}.bg-\[\#ffffff\]{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #ffffff */;}.hover\:bg-\[\#00acff30\]:hover{--un-bg-opacity:0.19;background-color:rgb(0 172 255 / var(--un-bg-opacity)) /* #00acff30 */;}.hover\:bg-\[\#298ddc30\]:hover{--un-bg-opacity:0.19;background-color:rgb(41 141 220 / var(--un-bg-opacity)) /* #298ddc30 */;}.from-\[\#f0f0f0\]{--un-gradient-from-position:0%;--un-gradient-from:rgb(240 240 240 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(240 240 240 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.from-white{--un-gradient-from-position:0%;--un-gradient-from:rgb(255 255 255 / var(--un-from-opacity, 1)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.to-\[\#f0f0f0\]{--un-gradient-to-position:100%;--un-gradient-to:rgb(240 240 240 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.to-white{--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.object-none{object-fit:none;}.\!p-0{padding:0 !important;}.p-\[10px\]{padding:10px;}.p-\[4px\]{padding:4px;}.p-1,.p1{padding:0.25rem;}.p\[i\]{padding:i;}.p\[v\]{padding:v;}.p\$7c_\$h\&j\(Up\(X\!b\(_\+4QOY\%ZYZ\&cZr\%Zrs\&{padding:var(--\37 c_\$h\&j\(Up\(X\!b\(_\+4QOY\%ZYZ\&cZr\%Zrs\&);}.p0{padding:0;}.p2{padding:0.5rem;}.p3{padding:0.75rem;}.p4{padding:1rem;}.p5{padding:1.25rem;}.pa{padding:auto;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.5rem;padding-right:0.5rem;}.px-20px{padding-left:20px;padding-right:20px;}.py{padding-top:1rem;padding-bottom:1rem;}.\!p-l-\[20px\]{padding-left:20px !important;}.\!p-r-\[0\]{padding-right:0 !important;}.p-l-\[120px\]{padding-left:120px;}.p-l-\[20px\]{padding-left:20px;}.p-l-\[5px\],.pl-5px{padding-left:5px;}.p-l-1{padding-left:0.25rem;}.p-l-2{padding-left:0.5rem;}.p-r-\[80px\]{padding-right:80px;}.p-r-1{padding-right:0.25rem;}.p-r-10px,.pr-\[10px\]{padding-right:10px;}.pb-\[10px\]{padding-bottom:10px;}.pb-\[80px\]{padding-bottom:80px;}.pl{padding-left:1rem;}.pl-\[140px\]{padding-left:140px;}.pl-34px{padding-left:34px;}.pr{padding-right:1rem;}.pr-30px{padding-right:30px;}.ps{padding-inline-start:1rem;}.pt{padding-top:1rem;}.pt-\[10px\]{padding-top:10px;}.pt0{padding-top:0;}.pt1{padding-top:0.25rem;}.pt2{padding-top:0.5rem;}.text-center{text-align:center;}.text-left{text-align:left;}.indent{text-indent:1.5rem;}.text-\[12px\],.text-12px{font-size:12px;}.text-\[13px\]{font-size:13px;}.text-\[14px\],.text-14px{font-size:14px;}.text-sm{font-size:0.875rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.text-\[\#000\],.text-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity)) /* #000 */;}.text-\[green\]{color:green /* green */;}.text-\[red\]{color:red /* red */;}.text-\[rgba\(255\,255\,255\,0\)\]{--un-text-opacity:0;color:rgba(255, 255, 255, var(--un-text-opacity)) /* rgba(255,255,255,0) */;}.text-blue-500{--un-text-opacity:1;color:rgb(59 130 246 / var(--un-text-opacity)) /* #3b82f6 */;}.text-gray-400{--un-text-opacity:1;color:rgb(156 163 175 / var(--un-text-opacity)) /* #9ca3af */;}.text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity)) /* #f87171 */;}.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}.font-bold{font-weight:700;}.leading-\[16px\]{line-height:16px;}.leading-\[20px\]{line-height:20px;}.leading-\[32px\]{line-height:32px;}.leading-0{line-height:0;}.leading-6{line-height:1.5rem;}.tracking-\[20px\]{letter-spacing:20px;}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.capitalize{text-transform:capitalize;}.italic{font-style:italic;}.line-through{text-decoration-line:line-through;}.underline{text-decoration-line:underline;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.opacity-30{opacity:0.3;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.outline{outline-style:solid;}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.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);}.invert{--un-invert:invert(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: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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
|
|
/*** 全局变量定义 ***/
|
|
:root {
|
|
/* 颜色变量 */
|
|
--ccs-btn-color: #0569c7; /* 按钮主色 */
|
|
--ccs-btn-color-hover: #0569c720; /* 按钮悬浮色 */
|
|
--ccs-border-gray: #dcdfe5; /* 边框灰色 */
|
|
--ccs-hover-color: #00acff30; /* 通用悬浮色 */
|
|
--ccs-active-color: #00acff; /* 激活状态色 */
|
|
--ccs-text-color: rgb(48, 49, 51); /* 文本颜色 */
|
|
--ccs-border-color: #979ba3; /* 边框颜色 */
|
|
--ccs-dashed-color: #888787; /* 虚线颜色 */
|
|
/* 尺寸变量 */
|
|
--ccs-font-size-sm: 12px; /* 小号字体大小 */
|
|
--ccs-height-sm: 22px; /* 小号行高 */
|
|
--ccs-line-height-sm: 20px; /* 小号行高 */
|
|
--ccs-line-height: 24px; /* 中号行高 */
|
|
--ccs-border-radius: 4px; /* 边框圆角 */
|
|
/* Element Plus 样式覆盖变量 */
|
|
--el-dialog-padding-primary: 12px; /* 对话框内边距 */
|
|
--el-font-size-base: 12px; /* 基础字体大小 */
|
|
--el-tree-node-content-height: 22px; /* 树节点高度 */
|
|
--el-tabs-header-height: 30px; /* 标签页头部高度 */
|
|
--el-dialog-title-font-size: 16px; /* 对话框标题字体大小 */
|
|
}
|
|
|
|
/*** 基础样式设置 ***/
|
|
html,
|
|
body {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#app {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/* 移除数字输入框的上下箭头 */
|
|
input[type=number]::-webkit-inner-spin-button,
|
|
input[type=number]::-webkit-outer-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
/*** Element Plus 组件样式覆盖 ***/
|
|
/* 对话框样式 */
|
|
.el-dialog__header {
|
|
--el-dialog-padding-primary: var(--el-dialog-padding-primary);
|
|
}
|
|
.el-dialog__footer {
|
|
--el-dialog-padding-primary: var(--el-dialog-padding-primary);
|
|
line-height: 1;
|
|
}
|
|
.el-dialog__footer:has(.footer-empty) {
|
|
padding-top: 0;
|
|
}
|
|
.el-dialog__title {
|
|
--el-dialog-title-font-size: 16px;
|
|
}
|
|
|
|
.el-dialog__footer:has(.n-p) {
|
|
--el-dialog-padding-primary: 0;
|
|
}
|
|
|
|
.el-overlay-dialog {
|
|
z-index: 2001;
|
|
}
|
|
|
|
/* 树组件样式 */
|
|
.el-tree {
|
|
--el-font-size-base: var(--ccs-font-size-sm);
|
|
--el-tree-node-content-height: 22px;
|
|
}
|
|
|
|
/* 标签页组件样式 */
|
|
.el-tabs {
|
|
--el-tabs-header-height: 30px;
|
|
}
|
|
.el-tabs__nav-next, .el-tabs__nav-prev {
|
|
line-height: 34px;
|
|
}
|
|
|
|
/* 下拉选择框样式 */
|
|
/* .el-select__popper {
|
|
transform: translateY(-10px);
|
|
transition: transform 0s ease !important;
|
|
.el-select-dropdown__list {
|
|
padding: 0;
|
|
.el-select-dropdown__item {
|
|
padding: 0 2px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
font-size: var(--ccs-font-size-sm);
|
|
&.is-hovering {
|
|
background-color: var(--ccs-btn-color-hover);
|
|
}
|
|
&.is-selected {
|
|
color: #fff;
|
|
background-color: var(--ccs-btn-color);
|
|
}
|
|
}
|
|
}
|
|
.el-popper__arrow {
|
|
display: none;
|
|
}
|
|
.el-select-dropdown {
|
|
transition: none;
|
|
}
|
|
}
|
|
*/
|
|
/*** 自定义组件样式 ***/
|
|
/* 分割面板 */
|
|
.splitpanes--vertical .splitpanes__pane {
|
|
transition: none !important;
|
|
}
|
|
|
|
/* 数字输入框 */
|
|
.d-field .el-input-number--small {
|
|
width: 100%;
|
|
}
|
|
.d-field .el-input-number .el-input__inner {
|
|
text-align: left;
|
|
}
|
|
.d-field .el-input-number.is-without-controls .el-input__wrapper {
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
/* 标题背景 */
|
|
.w-title {
|
|
background-image: linear-gradient(to top, #d7e4f2, #fafafa);
|
|
}
|
|
|
|
/* 边框样式 */
|
|
.ccs-border, .ccs-btn, .ccs-dialog button, .window-tabs button {
|
|
cursor: default;
|
|
}
|
|
.ccs-border:hover, .ccs-btn:hover, .ccs-dialog button:hover, .window-tabs button:hover {
|
|
background-color: var(--ccs-hover-color);
|
|
border-color: var(--ccs-active-color);
|
|
}
|
|
.ccs-border.active, .active.ccs-btn, .ccs-dialog button.active, .window-tabs button.active {
|
|
border-color: var(--ccs-active-color);
|
|
}
|
|
|
|
/* 按钮样式 */
|
|
.ccs-btn, .ccs-dialog button, .window-tabs button {
|
|
border: 1px solid var(--ccs-border-gray);
|
|
border-radius: var(--ccs-border-radius);
|
|
padding: 0 10px;
|
|
width: fit-content;
|
|
font-size: var(--ccs-font-size-sm);
|
|
height: var(--ccs-height-sm);
|
|
line-height: var(--ccs-line-height-sm);
|
|
}
|
|
|
|
/* 左侧标签页 */
|
|
.left-tab .el-tabs__active-bar {
|
|
display: none;
|
|
}
|
|
.left-tab .el-tabs__header {
|
|
margin-right: 0 !important;
|
|
}
|
|
.left-tab .el-tabs__item {
|
|
width: 25px;
|
|
height: 50px;
|
|
line-height: 25px;
|
|
box-shadow: 0 1px 2px var(--ccs-border-color);
|
|
justify-content: center !important;
|
|
padding: 0;
|
|
border-radius: var(--ccs-border-radius);
|
|
}
|
|
.left-tab .el-tabs__item .rotate-text {
|
|
transform: rotate(-90deg);
|
|
transform-origin: center;
|
|
}
|
|
.left-tab .el-tabs__item.is-active, .left-tab .el-tabs__item:hover {
|
|
font-weight: bold;
|
|
color: var(--ccs-text-color);
|
|
}
|
|
|
|
/* 复选框组 */
|
|
.ccs-checkbox {
|
|
position: relative;
|
|
}
|
|
.ccs-checkbox .dashed-v {
|
|
width: 1px;
|
|
border-left: 1px dashed var(--ccs-dashed-color);
|
|
position: absolute;
|
|
top: 7px;
|
|
}
|
|
.ccs-checkbox .ccs-checkbox-item .dashed {
|
|
width: 10px;
|
|
border-top: 1px dashed var(--ccs-dashed-color);
|
|
position: absolute;
|
|
}
|
|
.ccs-checkbox .ccs-checkbox-item .el-checkbox {
|
|
padding-left: 10px;
|
|
}
|
|
.ccs-checkbox .ccs-checkbox-item .el-checkbox__input.is-checked .el-checkbox__inner {
|
|
background-color: var(--ccs-btn-color);
|
|
border-color: var(--ccs-btn-color);
|
|
}
|
|
|
|
/* 卡片样式 */
|
|
.ccs-card {
|
|
border: 1px solid var(--ccs-border-color);
|
|
}
|
|
|
|
/* 标签样式 */
|
|
.ccs-label {
|
|
font-size: var(--ccs-font-size-sm);
|
|
height: var(--ccs-line-height);
|
|
line-height: var(--ccs-line-height);
|
|
color: #151515;
|
|
}
|
|
|
|
.el-table {
|
|
--cell-height: 24px;
|
|
}
|
|
.el-table.el-table--enable-row-transition .el-table__body td.el-table__cell {
|
|
transition: none;
|
|
}
|
|
.el-table tbody .el-table__cell {
|
|
padding: 0;
|
|
line-height: var(--cell-height);
|
|
}
|
|
.el-table tbody .el-table__cell .cell {
|
|
padding: 0;
|
|
}
|
|
.el-table tbody .el-table__cell .cell .custom-cell {
|
|
padding: 0 8px;
|
|
}
|
|
.el-table tbody .el-table__cell .cell:has(.el-input) .custom-cell {
|
|
padding: 0;
|
|
}
|
|
.el-table tbody .el-table__cell.disabled {
|
|
background: #ababab !important;
|
|
}
|
|
.el-table tbody .el-table__cell.disabled:has(.custom-cell:focus) {
|
|
background-color: #2e8b57 !important;
|
|
}
|
|
.el-table tbody .el-table__cell:has(.custom-cell:focus) {
|
|
outline: none;
|
|
background-color: #0078d7 !important;
|
|
color: #fff;
|
|
}
|
|
.el-table .el-table__cell.el-table-column--selection .cell {
|
|
padding: 0 8px !important;
|
|
}
|
|
.el-table .custom-cell {
|
|
min-height: var(--cell-height);
|
|
}
|
|
.el-table .custom-cell .el-input {
|
|
font-size: 12px;
|
|
--el-input-height: var(--cell-height);
|
|
--el-input-inner-height: var(--cell-height);
|
|
vertical-align: top;
|
|
}
|
|
.el-table .custom-cell .el-input .el-input__wrapper {
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
padding: 0 8px;
|
|
}
|
|
.el-table .custom-cell .el-checkbox.el-checkbox--small {
|
|
height: calc(var(--cell-height) - 2px);
|
|
line-height: calc(var(--cell-height) - 2px);
|
|
}
|
|
.el-table .el-table__body .highlight-row.el-table__row td.el-table__cell {
|
|
background-color: #0078d7;
|
|
color: #fff;
|
|
}
|
|
.el-table .el-table__body .highlight-cell.el-table__cell {
|
|
background-color: #0078d7 !important;
|
|
color: #fff;
|
|
}
|
|
|
|
.ccs-dialog button, .window-tabs button {
|
|
padding: 0 24px;
|
|
}
|
|
.ccs-dialog button:hover, .window-tabs button:hover {
|
|
color: #151515;
|
|
}
|
|
.ccs-dialog .el-tabs__header, .window-tabs .el-tabs__header {
|
|
border-bottom: none !important;
|
|
margin: 0 !important;
|
|
height: 25px !important;
|
|
}
|
|
.ccs-dialog .el-tabs__item, .window-tabs .el-tabs__item {
|
|
border-bottom: 1px solid var(--el-border-color-light) !important;
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important;
|
|
padding: 0 4px !important;
|
|
font-size: var(--ccs-font-size-sm);
|
|
height: var(--ccs-line-height);
|
|
line-height: var(--ccs-line-height);
|
|
}
|
|
.ccs-dialog .el-tabs__item.is-active, .window-tabs .el-tabs__item.is-active {
|
|
border-bottom: none !important;
|
|
background: #fff;
|
|
color: var(--el-text-color-primary);
|
|
}
|
|
.ccs-dialog .el-tabs__item:hover, .window-tabs .el-tabs__item:hover {
|
|
color: var(--el-text-color-primary);
|
|
}
|
|
.ccs-dialog .el-tabs__item .el-select__selection, .window-tabs .el-tabs__item .el-select__selection {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.ccs-dialog .el-tabs__content, .window-tabs .el-tabs__content {
|
|
background: #fff;
|
|
padding: 10px;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.window-tabs .el-tabs__header {
|
|
height: 20px !important;
|
|
background: #e3e3e3;
|
|
}
|
|
.window-tabs .el-tabs__item {
|
|
color: #7e7e8d !important;
|
|
height: 20px !important;
|
|
padding: 0 10px !important;
|
|
}
|
|
.window-tabs .el-tabs__item.is-active {
|
|
border-bottom: none !important;
|
|
color: #000 !important;
|
|
color: var(--el-text-color-primary);
|
|
}
|
|
.window-tabs .el-tabs__content {
|
|
padding: 0;
|
|
}
|
|
|
|
.ccs-tree .el-tree-node__expand-icon {
|
|
display: none;
|
|
}
|
|
.ccs-tree .el-checkbox {
|
|
margin-right: 2px !important;
|
|
}
|
|
.ccs-tree .el-tree-node__content {
|
|
height: 14px;
|
|
line-height: 14px;
|
|
font-size: 12px;
|
|
color: #000;
|
|
cursor: default;
|
|
}
|
|
.ccs-tree .el-tree-node__content:hover {
|
|
background-color: transparent;
|
|
}
|
|
.ccs-tree .is-current {
|
|
background-color: transparent !important;
|
|
}
|
|
.ccs-tree .is-current .el-tree-node__content {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.ccs-textarea .el-textarea__inner {
|
|
background-color: #f6f5f5;
|
|
border-top: 1.5px solid var(--ccs-border-color);
|
|
border-left: 1.5px solid var(--ccs-border-color);
|
|
}
|
|
|
|
.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
|
|
content: none !important;
|
|
}
|
|
|
|
.el-divider--horizontal {
|
|
margin: 10px 0 !important;
|
|
}
|
|
.el-divider--horizontal .el-divider__text {
|
|
background-color: #f8f7f7 !important;
|
|
}
|
|
.el-divider--horizontal .el-divider__text.is-left {
|
|
padding: 0;
|
|
left: 4px;
|
|
}.d-field {
|
|
display: flex;
|
|
}
|
|
|
|
.d-field__label {
|
|
font-size: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.labeld-field__control {
|
|
height: var(--el-component-size-small);
|
|
line-height: var(--el-component-size-small);
|
|
}
|
|
.labeld-field__control.required {
|
|
position: relative;
|
|
padding: 0 12px 0 0;
|
|
}
|
|
.labeld-field__control.required:before {
|
|
content: "*";
|
|
color: var(--el-color-danger);
|
|
margin-right: 4px;
|
|
}.el-checkbox__label {
|
|
color: #000;
|
|
}.el-table {
|
|
--el-table-border-color: #000 !important;
|
|
--el-table-border: 1px solid #8e8e8e !important;
|
|
background: #ababab !important;
|
|
}
|
|
.el-table thead {
|
|
color: #444 !important;
|
|
}.el-overlay {
|
|
background: none;
|
|
}
|
|
.el-overlay .el-overlay-dialog {
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.el-dialog {
|
|
padding: 0 0 10px 0;
|
|
box-shadow: 0 10px 20px 2px rgba(0, 0, 0, 0.4);
|
|
border-radius: 6px;
|
|
background: #f8f7f7;
|
|
}
|
|
.el-dialog .dialog-header {
|
|
border-radius: 6px 6px 0 0;
|
|
padding-left: 4px;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 10px;
|
|
background: linear-gradient(to right, #f3ecf5, #f5f1ed);
|
|
}
|
|
.el-dialog .dialog-header .dialog-header-right {
|
|
border-radius: 0 6px 0 0;
|
|
display: flex;
|
|
}
|
|
.el-dialog .dialog-header .dialog-header-right .dialog-close {
|
|
width: 40px;
|
|
height: 30px;
|
|
cursor: default;
|
|
background: none;
|
|
border: none;
|
|
color: #343434;
|
|
border-radius: 0 6px 0 0;
|
|
font-size: 16px;
|
|
}
|
|
.el-dialog .dialog-header .dialog-header-right .dialog-close:hover {
|
|
color: #fff;
|
|
background: red;
|
|
}
|
|
.el-dialog .el-dialog__body {
|
|
padding: 0 8px;
|
|
}
|
|
.el-dialog .dialog-footer {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 0 15%;
|
|
}[data-v-8c2fc5c5] .el-tree-node__content {
|
|
height: auto;
|
|
}
|
|
[data-v-8c2fc5c5] .el-tree-node__content .el-tree-node__expand-icon {
|
|
height: 20px;
|
|
width: 20px;
|
|
padding: 0;
|
|
}.el-form-item[data-v-29cdb18a] {
|
|
margin-bottom: 4px;
|
|
}
|
|
[data-v-29cdb18a] .el-form-item__label {
|
|
padding: 0;
|
|
color: #000;
|
|
}.dropzone[data-v-06fe0232] {
|
|
position: relative;
|
|
user-select: none;
|
|
cursor: default !important;
|
|
}
|
|
.dropzone .tooltip[data-v-06fe0232] {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-top: -20px;
|
|
margin-left: -20px;
|
|
z-index: 1001;
|
|
}
|
|
.dropzone .tooltip > div[data-v-06fe0232] {
|
|
width: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
border: 1px solid #000;
|
|
position: absolute;
|
|
background: #ebebeb !important;
|
|
}
|
|
.dropzone .tooltip .l[data-v-06fe0232] {
|
|
left: -40px;
|
|
}
|
|
.dropzone .tooltip .r[data-v-06fe0232] {
|
|
left: 40px;
|
|
}
|
|
.dropzone .tooltip .t[data-v-06fe0232] {
|
|
top: -40px;
|
|
}
|
|
.dropzone .tooltip .b[data-v-06fe0232] {
|
|
top: 40px;
|
|
}
|
|
.dropzone .tooltip .m[data-v-06fe0232] {
|
|
border: 0;
|
|
}
|
|
.dropzone .tooltip .zone2-target[data-v-06fe0232] {
|
|
background: red !important;
|
|
}
|
|
.dropzone .mid-tooltip[data-v-06fe0232] {
|
|
margin: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.dropzone .mid-tooltip .l[data-v-06fe0232] {
|
|
left: 10px;
|
|
top: 50%;
|
|
margin-top: -20px;
|
|
}
|
|
.dropzone .mid-tooltip .r[data-v-06fe0232] {
|
|
right: 10px;
|
|
top: 50%;
|
|
margin-top: -20px;
|
|
left: initial;
|
|
}
|
|
.dropzone .mid-tooltip .t[data-v-06fe0232] {
|
|
top: 10px;
|
|
left: 50%;
|
|
margin-left: -20px;
|
|
}
|
|
.dropzone .mid-tooltip .b[data-v-06fe0232] {
|
|
top: initial;
|
|
bottom: 10px;
|
|
left: 50%;
|
|
margin-left: -20px;
|
|
}[data-v-573bf0e0] .el-tabs__content {
|
|
display: none;
|
|
}[data-v-498aa2ce] .el-tabs__content {
|
|
display: none;
|
|
} |