/*
! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!collapse{visibility:collapse!important}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-left-4{left:-1rem}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.-top-3{top:-.75rem}.-top-8{top:-2rem}.-top-\[9px\]{top:-9px}.bottom-12{bottom:3rem}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-10{left:2.5rem}.left-12{left:3rem}.left-7{left:1.75rem}.left-8{left:2rem}.left-\[calc\(50\%-1rem\)\]{left:calc(50% - 1rem)}.right-1{right:.25rem}.right-12{right:3rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-\[114px\]{top:114px}.top-\[138px\]{top:138px}.top-\[171px\]{top:171px}.top-\[185px\]{top:185px}.top-\[186px\]{top:186px}.top-\[1px\]{top:1px}.top-\[2px\]{top:2px}.top-\[40\%\]{top:40%}.top-\[46px\]{top:46px}.top-\[4px\]{top:4px}.top-\[57px\]{top:57px}.top-\[5px\]{top:5px}.top-\[92px\]{top:92px}.top-\[9px\]{top:9px}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.col-start-2{grid-column-start:2}.col-end-3{grid-column-end:3}.mx-auto{margin-left:auto;margin-right:auto}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.ml-8{margin-left:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-72{height:18rem}.h-8{height:2rem}.h-\[200px\]{height:200px}.h-\[225px\]{height:225px}.h-\[240px\]{height:240px}.h-\[280px\]{height:280px}.h-\[300px\]{height:300px}.h-\[400px\]{height:400px}.h-\[40px\]{height:40px}.h-\[4rem\]{height:4rem}.h-\[80px\]{height:80px}.h-\[calc\(100vh-10rem-400px\)\]{height:calc(100vh - 10rem - 400px)}.h-\[calc\(100vh-11rem-400px\)\]{height:calc(100vh - 11rem - 400px)}.h-\[calc\(100vh-12rem-400px\)\]{height:calc(100vh - 12rem - 400px)}.h-\[calc\(100vh-12rem-500px\)\]{height:calc(100vh - 12rem - 500px)}.h-\[calc\(100vh-14rem-400px\)\]{height:calc(100vh - 14rem - 400px)}.h-\[calc\(100vh-16rem-400px\)\]{height:calc(100vh - 16rem - 400px)}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-\[calc\(100vh-660x\)\]{height:calc(100vh - 660x)}.h-\[calc\(100vh-6rem\)\]{height:calc(100vh - 6rem)}.h-\[calc\(100vh-8rem-400px\)\]{height:calc(100vh - 8rem - 400px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[430px\]{max-height:430px}.max-h-\[500px\]{max-height:500px}.min-h-\[300px\]{min-height:300px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-8{width:2rem}.w-\[1000px\]{width:1000px}.w-\[1100px\]{width:1100px}.w-\[1150px\]{width:1150px}.w-\[1170px\]{width:1170px}.w-\[12rem\]{width:12rem}.w-\[160px\]{width:160px}.w-\[200px\]{width:200px}.w-\[20rem\]{width:20rem}.w-\[22rem\]{width:22rem}.w-\[240px\]{width:240px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[350px\]{width:350px}.w-\[400px\]{width:400px}.w-\[600px\]{width:600px}.w-\[630px\]{width:630px}.w-\[7rem\]{width:7rem}.w-\[95\%\]{width:95%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[1350px\]{min-width:1350px}.min-w-\[220px\]{min-width:220px}.min-w-\[2rem\]{min-width:2rem}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[330px\]{min-width:330px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-2{--tw-translate-y:-0.5rem}.-translate-y-2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-\[130px_5rem_5rem_18px_18px_18px_30px_1fr\]{grid-template-columns:130px 5rem 5rem 18px 18px 18px 30px 1fr}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[1fr_9rem_3rem\]{grid-template-columns:1fr 9rem 3rem}.grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.grid-cols-\[30px_2fr_2fr_2fr_2fr\]{grid-template-columns:30px 2fr 2fr 2fr 2fr}.grid-cols-\[3fr_2fr_2fr\]{grid-template-columns:3fr 2fr 2fr}.grid-cols-\[50px_1fr\]{grid-template-columns:50px 1fr}.grid-cols-\[5rem_1fr\]{grid-template-columns:5rem 1fr}.grid-cols-\[6rem_1fr\]{grid-template-columns:6rem 1fr}.grid-rows-\[1fr_1fr_1fr\]{grid-template-rows:1fr 1fr 1fr}.grid-rows-\[2rem\]{grid-template-rows:2rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-24{gap:6rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-y-auto{overflow-y:auto}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-break-spaces{white-space:break-spaces}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-\[3px\]{border-bottom-width:3px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[\#EBEEF5\]{--tw-border-opacity:1;border-color:rgb(235 238 245/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-zblue-400{--tw-border-opacity:1;border-color:rgb(var(--zblue-400)/var(--tw-border-opacity))}.border-zbush-500{--tw-border-opacity:1;border-color:rgb(var(--zbush-500)/var(--tw-border-opacity))}.border-zgray-300{--tw-border-opacity:1;border-color:rgb(var(--zgray-300)/var(--tw-border-opacity))}.border-zgray-400{--tw-border-opacity:1;border-color:rgb(var(--zgray-400)/var(--tw-border-opacity))}.\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-\[\#34f46e5\]{background-color:#34f46e5}.bg-\[\#4f46e5\]{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-zblue-300{--tw-bg-opacity:1;background-color:rgb(var(--zblue-300)/var(--tw-bg-opacity))}.bg-zblue-50{--tw-bg-opacity:1;background-color:rgb(var(--zblue-50)/var(--tw-bg-opacity))}.bg-zgray-300{--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity))}.bg-zgray-300\/50{background-color:rgb(var(--zgray-300)/.5)}.fill-\[\#3479f5\]{fill:#3479f5}.fill-gray-50{fill:#f9fafb}.fill-zblue-500{fill:rgb(var(--zblue-500)/1)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.\!py-0{padding-top:0!important;padding-bottom:0!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-16{padding-left:4rem;padding-right:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-\[30px\]{padding-bottom:30px}.pl-12{padding-left:3rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pl-\[3px\]{padding-left:3px}.pr-1{padding-right:.25rem}.pr-12{padding-right:3rem}.pr-16{padding-right:4rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-12{padding-top:3rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[3\.5rem\]{padding-top:3.5rem}.pt-\[4px\]{padding-top:4px}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-4{line-height:1rem}.leading-8{line-height:2rem}.\!text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity))!important}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-zblue-500{--tw-text-opacity:1;color:rgb(var(--zblue-500)/var(--tw-text-opacity))}.text-zblue-800{--tw-text-opacity:1;color:rgb(var(--zblue-800)/var(--tw-text-opacity))}.text-zgray-50{--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.text-zgray-500{--tw-text-opacity:1;color:rgb(var(--zgray-500)/var(--tw-text-opacity))}.text-zgray-600{--tw-text-opacity:1;color:rgb(var(--zgray-600)/var(--tw-text-opacity))}.text-zgray-800{--tw-text-opacity:1;color:rgb(var(--zgray-800)/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.\!shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-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}:root{font-size:14px;--background:#fff;--foreground:#000;--zblue-50:222 233 252;--zblue-100:224 238 248;--zblue-200:224 238 248;--zblue-300:212 224 248;--zblue-400:184 203 236;--zblue-500:52 121 245;--zblue-600:52 121 245;--zblue-700:193 209 238;--zblue-800:52 121 245;--zblue-900:52 121 245;--zbush-50:222 233 252;--zbush-100:224 238 248;--zbush-200:224 238 248;--zbush-300:212 224 248;--zbush-400:184 203 236;--zbush-500:52 121 245;--zbush-600:52 121 245;--zbush-700:193 209 238;--zbush-800:52 121 245;--zbush-900:52 121 245;--zbush-950:52 121 245;--zgray-50:222 233 252;--zgray-100:224 238 248;--zgray-200:224 238 248;--zgray-300:212 224 248;--zgray-400:184 203 236;--zgray-500:52 121 245;--zgray-600:52 121 245;--zgray-700:193 209 238;--zgray-800:52 121 245;--zgray-900:52 121 245;--zgray-950:52 121 245;--text-primary:#000;--text-secondary:#4d4d4d;--text-tertiary:#fff;--text-quaternary:#fff;--text-mute:#fff;--text-aside-primary:#dcd0ef;--text-aside-secondary:#dcd0ef;--keyboard-info-border:#3479f5;--keyboard-info-text:#363636;--keyboard-info-svg:#363636;--aside-title-text:#202020;--aside-title-svg:#3479f5;--remap-key-svg:#554e99;--remap-key-cap:#beb5cc;--keyboard-layer-bg:#f3f4f6;--keyboard-layer-hover-bg:#395ff8;--keyboard-layer-select-bg:#395ff8;--keyboard-layer-select-text:#fff;--btn-primary:#4f46e5;--btn-text-primary:#fff;--btn-svg-primary:#fff;--btn-hover-primary:#4338ca;--btn-hover-text-primary:#fff;--btn-hover-svg-primary:#fff;--btn-disabled-primary:#9ca3af;--btn-disabled-text-primary:#fff;--btn-disabled-svg-primary:#fff;--tab-menu-text:#374151;--tab-menu-bg:transparent;--tab-menu-svg:#4f46e5;--tab-menu-select-text:#fff;--tab-menu-select-bg:#3479f5;--tab-menu-select-svg:#fff;--tab-menu-hover-text:#fff;--tab-menu-hover-bg:#4338ca;--tab-menu-hover-svg:#fff;--key-content:#1f2937;--key-travel:#111;--key-travel-press:#4f46e5;--key-travel-dz:#4f46e5;--key-select-bg:#4f46e5;--setting-bg1:#f3f4f6;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--bg-primary:#f3f4f6;--bg-secondary:#4f46e5;--bg-tertiary:#4338ca;--bg-quaternary:#f9fafb;--bg-5:#fff;--bg-image:#fff;--ruler-bg1:#4f46e5;--ruler-bg2:#4f46e5;--ruler-bg3:#4f46e5;--remap-svg:#0f8;--ruler-text:#fff;--slider-track:#cbc3ba;--slider-filled:#3479f5;--switch-track:#cbc3ba;--switch-thumb:#3479f5;--travel-motion-body:#dcd6cc;--travel-motion-dz:#6daa9a;--travel-motion-press:#3479f5;--remap-group-border-color:#dcd6cc;--remap-title-text:#161616;--remap-title-svg:#3479f5;--remap-svg:#3479f5;--remap-key-bg:#f3f4f6;--remap-key-svg:#3479f5;--remap-key-title:#3479f5;--remap-key-cap:#242424;--remap-key-cap-bg:#f3f4f6;--remap-key-cap-hover-bg:#b8cbec;--remap-key-cap-border:#a397aa;--mt-label:#131313;--mt-key-bg:#f3f4f6;--mt-key-text:#4f46e5;--mt-key-hover-bg:#4338ca;--mt-key-hover-text:#fff;--mt-btn-bg:#3479f5;--mt-btn-text:#f8f8f8;--mt-btn-border:#343434;--mt-btn-hover-bg:#3479f5;--mt-btn-hover-text:#000;--mt-btn-hover-border:#3479f5;--mt-btn-disabled-bg:#000;--mt-btn-disabled-text:#000;--mt-btn-disabled-border:#005bf8;--dks-bg:#f3f4f6;--dks-btn-bg:#604a8a;--dks-btn-text:#e4e4e4;--dks-btn-border:#343434;--dks-btn-hover-bg:#b8cbec;--dks-btn-hover-text:#f3f3f3;--dks-btn-hover-border:#b8cbec;--dks-btn-disabled-bg:#7e7e7e;--dks-btn-disabled-text:#fff;--dks-btn-disabled-border:#b8cbec;--dks-label-text:#4f46e5;--dks-travel-edit-text:#3479f5;--dks-travel-edit-hover-text:#fcfcfc;--dks-travel-text:#1b1b1b;--dks-travel-edit-dlg-bg:#183361;--dks-travel-edit-dlg-text:#3479f5;--dks-travel-edit-dlg-svg:#3479f5;--dks-key-text:#272727;--dks-key-bg:#f3f4f6;--dks-key-border:#a5a093;--dks-drag-bar-bg:#3479f5;--dks-drag-bar-border:#3479f5;--dks-btn-bg:#3479f5;--dks-btn-border:#3479f5;--dks-btn-svg:#f9fbff;--socd-bg:#f3f4f6;--socd-title:#fff;--socd-keycode-bg:#f3f4f6;--socd-keycode-text:#222;--socd-keycode-border:#b4ad9c;--socd-btn-bg:#3479f5;--socd-btn-text:#e2e2e2;--socd-btn-border:#3479f5;--socd-btn-hover-bg:#3479f5;--socd-btn-hover-text:#e2e2e2;--socd-btn-hover-border:#b8cbec;--socd-btn-disabled-bg:#7e7e7e;--socd-btn-disabled-text:#fff;--socd-btn-disabled-border:#b8cbec;--advancedkey-list-bg:#f3f4f6;--advancedkey-list-border:#2b2b2b;--advancedkey-list-text:#2b2b2b;--advancedkey-list-svg:#2b2b2b;--advancedkey-list-key-bg:#f3f4f6;--advancedkey-list-key-text:#2b2b2b;--advancedkey-list-key-border:#2b2b2b;--advancedkey-list-kbd-bg:#f3f4f6;--advancedkey-list-kbd-text:#1a1a1a;--advancedkey-list-kbd-border:#2b2b2b;--lighting-rgb-effect-text:#000;--lighting-rgb-effect-bg:#f3f4f6;--lighting-rgb-effect-border:#000;--lighting-rgb-effect-svg:#3479f5;--lighting-rgb-effect-select-text:#395ff8;--lighting-rgb-effect-select-bg:#eeeeeec7;--lighting-rgb-effect-select-border:#3479f5;--lighting-rgb-effect-select-svg:#3479f5;--lighting-slider-track:#cbc3ba;--lighting-slider-filled:#3479f5;--lighting-slider-thumb:#fff;--lighting-select-btn-bg:#f3f4f6;--lighting-select-btn-text:#2b2b2b;--lighting-select-btn-border:#f3f4f6;--lighting-select-list-bg:#f3f4f6;--lighting-select-list-text:#2b2b2b;--lighting-select-list-border:#b0b0b0;--lighting-select-list-item-bg:#f3f4f6;--lighting-select-list-item-text:#202020;--lighting-select-list-item-hover-bg:#cbc3ba;--lighting-select-list-item-hover-text:#110505;--lighting-color-box-border:#000;--lighting-color-edit-bg:#f3f4f6;--lighting-color-edit-text:#202020;--lighting-color-edit-border:#000;--setting-bg:#f3f4f6;--setting-text:#000;--setting-label:#1d1d1d;--setting-select-btn-bg:#f3f4f6;--setting-select-btn-text:#1d1d1d;--setting-select-btn-border:#c5bfb1;--setting-select-list-bg:#f3f4f6;--setting-select-list-text:#2b2b2b;--setting-select-list-border:#b0b0b0;--setting-select-list-item-bg:#f3f4f6;--setting-select-list-item-text:#1f1e1e;--setting-select-list-item-hover-bg:#f3f4f6;--setting-select-list-item-hover-text:#110505;--setting-dlg-bg:#183361;--setting-dlg-text:#3479f5;--setting-dlg-svg:#3479f5;--setting-update-progress-bg:#fff;--setting-update-progress-bar:#3479f5;--setting-log-text:#252525;--setting-log-bg:#f3f4f6;--setting-log-border:#928d81;--setting-update-btn-bg:#3479f5;--setting-update-btn-text:#eee;--setting-update-btn-border:#3479f5;--setting-update-btn-hover-bg:#3479f5;--setting-update-btn-hover-text:#fff;--setting-update-btn-hover-border:#3479f5;--setting-update-btn-disabled-bg:#7e7e7e;--setting-update-btn-disabled-text:#fff;--setting-update-btn-disabled-border:#b8cbec;--profile-box-bg:#f3f4f6;--profile-list-text:#1f1f1f;--profile-list-bg:#f3f4f6;--profile-list-svg:#aaa;--profile-list-hover-text:#424242;--profile-list-hover-bg:#f3f4f6;--profile-list-hover-svg:#aaa;--profile-create-svg:#fff;--profile-create-bg:#888;--profile-create-shadow:#999;--main-bg-color:#f8f9fa;--primary-btn-bg-color:#4f46e5;--primary-btn-text-color:#fff;--primary-btn-svg-color:#fff;--primary-btn-border-color:#4338ca;--primary-btn-hover-bg-color:#4338ca;--primary-btn-hover-text-color:#fff;--primary-btn-hover-border-color:#3730a3;--primary-btn-disabled-bg-color:#9ca3af;--primary-btn-disabled-text-color:#fff;--primary-btn-disabled-border-color:#6b7280;--primary-tabs-bg-color:#4f46e5;--primary-tabs-text-color:#1f2937;--primary-tabs-ripple-color:rgba(79,70,229,.1);--primary-tabs-text-select-color:#fff;--primary-menu-bg-color:transparent;--primary-menu-text-color:#374151;--primary-menu-svg-color:#4f46e5;--primary-menu-ripple-color:#4f46e5;--primary-menu-text-select-color:#fff;--primary-menu-bg-select-color:#4f46e5;--second-menu-bg-color:transparent;--second-menu-text-color:#374151;--second-menu-ripple-color:#4338ca;--second-menu-text-select-color:#4f46e5;--second-menu-bg-select-color:transparent;--primary-text-color:#1f2937;--primary-list-bg-hover-color:#f3f4f6;--primary-list-bg-color:#fff;--primary-slider-text-color:#4b5563;--primary-slider-rail-color:#4f46e5;--primary-slider-track-color:#e5e7eb;--primary-switch-bg-color:#4f46e5;--primary-switch-track-color:#e5e7eb;--keycap-color:#fff;--keycap-hover-color:#f3f4f6}[data-theme=blue]{--zblue-50:222 233 252;--zblue-100:224 238 248;--zblue-200:224 238 248;--zblue-300:212 224 248;--zblue-400:184 203 236;--zblue-500:52 121 245;--zblue-600:52 121 245;--zblue-700:193 209 238;--zblue-800:52 121 245;--zblue-900:52 121 245;--zbush-50:222 233 252;--zbush-100:224 238 248;--zbush-200:224 238 248;--zbush-300:212 224 248;--zbush-400:184 203 236;--zbush-500:29 29 29;--zbush-600:52 121 245;--zbush-700:193 209 238;--zbush-800:52 121 245;--zbush-900:52 121 245;--zbush-950:52 121 245;--zgray-50:222 233 252;--zgray-100:224 238 248;--zgray-200:224 238 248;--zgray-300:212 224 248;--zgray-400:184 203 236;--zgray-500:52 121 245;--zgray-600:52 121 245;--zgray-700:193 209 238;--zgray-800:52 121 245;--zgray-900:52 121 245;--zgray-950:52 121 245}[data-theme=color1]{--zblue-50:222 233 252;--zblue-100:224 238 248;--zblue-200:224 238 248;--zblue-300:212 224 248;--zblue-400:184 203 236;--zblue-500:52 121 245;--zblue-600:52 121 245;--zblue-700:193 209 238;--zblue-800:52 121 245;--zblue-900:52 121 245;--zbush-50:222 233 252;--zbush-100:224 238 248;--zbush-200:224 238 248;--zbush-300:212 224 248;--zbush-400:184 203 236;--zbush-500:#3479f5;--zbush-600:#fff;--zbush-700:193 209 238;--zbush-800:52 121 245;--zbush-900:#fff;--zbush-950:#fff;--zgray-50:222 233 252;--zgray-100:224 238 248;--zgray-200:224 238 248;--zgray-300:212 224 248;--zgray-400:184 203 236;--zgray-500:52 121 245;--zgray-600:52 121 245;--zgray-700:193 209 238;--zgray-800:52 121 245;--zgray-900:52 121 245;--zgray-950:52 121 245;--text-primary:#050505;--text-secondary:#1b1b1b;--text-tertiary:#2b2b2b;--text-quaternary:#2b2b2b;--text-mute:#272727;--btn-primary:#3479f5;--btn-text-primary:#f0f0f0;--btn-svg-primary:#3479f5;--btn-hover-primary:#3479f5;--btn-hover-text-primary:#646482;--btn-hover-svg-primary:#646482;--btn-disabled-primary:#fff;--btn-disabled-text-primary:#fff;--btn-disabled-svg-primary:#fff;--tab-menu-text:#a5a5a5;--tab-menu-bg:transparent;--tab-menu-svg:#e6e2e1;--tab-menu-select-text:#fff;--tab-menu-select-bg:#3479f5;--tab-menu-select-svg:#fff;--tab-menu-hover-text:#fff;--tab-menu-hover-bg:#3479f5;--tab-menu-hover-svg:#fff;--key-content:#e0d3f3;--key-travel:#e3609a;--key-select-bg:#070707;--setting-bg:#0000fa;--setting-bg1:#000;--border-primary:#676569;--border-secondary:#000;--bg-primary:#666;--bg-secondary:#3479f5;--bg-tertiary:#3479f5;--bg-quaternary:#00f;--bg-5:#00f;--bg-image:#0f0f0f;--ruler-bg1:#3479f5;--ruler-bg2:#3479f5;--ruler-bg3:#3479f5;--ruler-text:#fff;--slider-track:#646482;--slider-filled:#3479f5;--switch-track:#646482;--switch-thumb:#3479f5;--travel-motion-body:#fff;--travel-motion-dz:#646482;--travel-motion-press:#3479f5;--remap-group-border-color:#646482;--remap-title-text:#fff;--remap-title-svg:#fff;--remap-svg:#fff;--remap-key-bg:#f3f4f6;--remap-key-svg:#554e99;--remap-key-title:#3479f5;--remap-key-cap:#beb5cc;--remap-key-cap-bg:#666;--remap-key-cap-hover-bg:#b8cbec;--remap-key-cap-border:#a397aa;--mt-label:#b8cbec;--mt-key-bg:#b8cbec;--mt-key-text:#f03800;--mt-key-hover-bg:#05f739;--mt-key-hover-text:#00dada;--mt-btn-bg:#b8cbec;--mt-btn-text:#b8cbec;--mt-btn-border:#b8cbec;--mt-btn-hover-bg:#005eff;--mt-btn-hover-text:#b8cbec;--mt-btn-hover-border:#b8cbec;--mt-btn-disabled-bg:#b8cbec;--mt-btn-disabled-text:#b8cbec;--mt-btn-disabled-border:#b8cbec;--dks-bg:#273957;--dks-btn-bg:#b8cbec;--dks-btn-text:#b8cbec;--dks-btn-border:#b8cbec;--dks-btn-hover-bg:#b8cbec;--dks-btn-hover-text:#b8cbec;--dks-btn-hover-border:#b8cbec;--dks-btn-disabled-bg:#b8cbec;--dks-btn-disabled-text:#b8cbec;--dks-btn-disabled-border:#b8cbec;--dks-label-text:#3479f5;--dks-travel-edit-text:#065aec;--dks-travel-edit-hover-text:#6d9df0;--dks-travel-text:#6d9df0;--dks-travel-edit-dlg-bg:#183361;--dks-travel-edit-dlg-text:#3479f5;--dks-travel-edit-dlg-svg:#3479f5;--dks-key-text:#1f67e2;--dks-key-bg:#b8cff5;--dks-key-border:#1f67e2;--dks-drag-bar-bg:#1f67e2;--dks-drag-bar-border:#1f67e2;--dks-btn-bg:#1f67e2;--dks-btn-border:#1f67e2;--dks-btn-svg:#f9fbff;--socd-bg:#273957;--socd-title:#fff;--socd-keycode-bg:#fff;--socd-keycode-text:#fff;--socd-keycode-border:#fff;--socd-btn-bg:#b8cbec;--socd-btn-text:#b8cbec;--socd-btn-border:#b8cbec;--socd-btn-hover-bg:#b8cbec;--socd-btn-hover-text:#b8cbec;--socd-btn-hover-border:#b8cbec;--socd-btn-disabled-bg:#b8cbec;--socd-btn-disabled-text:#b8cbec;--socd-btn-disabled-border:#b8cbec;--advancedkey-list-bg:#f9fbff;--advancedkey-list-border:#f9fbff;--advancedkey-list-text:#f9fbff;--advancedkey-list-svg:#f9fbff;--advancedkey-list-key-bg:#f9fbff;--advancedkey-list-key-text:#f9fbff;--advancedkey-list-key-border:#f9fbff;--advancedkey-list-kbd-bg:#565656;--advancedkey-list-kbd-text:#1f61e5;--advancedkey-list-kbd-border:#1f61e5;--lighting-rgb-effect-text:#000;--lighting-rgb-effect-bg:#fff;--lighting-rgb-effect-border:#000;--lighting-rgb-effect-svg:#c10000;--lighting-rgb-effect-select-text:#fff;--lighting-rgb-effect-select-bg:#595959;--lighting-rgb-effect-select-border:#959595;--lighting-rgb-effect-select-svg:#020202;--lighting-slider-track:#000;--lighting-slider-filled:#00f;--lighting-slider-thumb:#fb105e;--lighting-select-btn-bg:#000;--lighting-select-btn-text:#fb0303;--lighting-select-btn-border:#b0b0b0;--lighting-select-list-bg:transparent;--lighting-select-list-text:#fb0303;--lighting-select-list-border:#b0b0b0;--lighting-select-list-item-bg:#e1e1e1;--lighting-select-list-item-text:#fb0303;--lighting-select-list-item-hover-bg:#e9b0b0;--lighting-select-list-item-hover-text:#110505;--lighting-color-box-border:#000;--lighting-color-edit-bg:#666;--lighting-color-edit-text:#fff;--lighting-color-edit-border:#000;--setting-bg:#44314c;--setting-text:#d6d6d6;--setting-label:#fff;--setting-select-btn-bg:#000;--setting-select-btn-text:#fb0303;--setting-select-btn-border:#b0b0b0;--setting-select-list-bg:transparent;--setting-select-list-text:#fb0303;--setting-select-list-border:#b0b0b0;--setting-select-list-item-bg:#e1e1e1;--setting-select-list-item-text:#fb0303;--setting-select-list-item-hover-bg:#e9b0b0;--setting-select-list-item-hover-text:#110505;--setting-dlg-bg:#183361;--setting-dlg-text:#e14747;--setting-dlg-svg:#ca2020;--setting-update-progress-bg:#fff;--setting-update-progress-bar:#00f;--setting-log-text:#fff;--setting-log-bg:#333;--setting-log-border:#000;--setting-update-btn-bg:#b8cbec;--setting-update-btn-text:#b8cbec;--setting-update-btn-border:#b8cbec;--setting-update-btn-hover-bg:#b8cbec;--setting-update-btn-hover-text:#b8cbec;--setting-update-btn-hover-border:#b8cbec;--setting-update-btn-disabled-bg:#1a65e8;--setting-update-btn-disabled-text:#b8cbec;--setting-update-btn-disabled-border:#b8cbec;--profile-box-bg:#000;--profile-list-text:#fff;--profile-list-bg:#333;--profile-list-svg:#aaa;--profile-list-hover-text:#fff;--profile-list-hover-bg:#f3f4f6;--profile-list-hover-svg:#aaa;--profile-create-svg:#fff;--profile-create-bg:#888;--profile-create-shadow:#999}[data-theme=color2]{--zblue-50:222 233 252;--zblue-100:224 238 248;--zblue-200:224 238 248;--zblue-300:212 224 248;--zblue-400:184 203 236;--zblue-500:52 121 245;--zblue-600:52 121 245;--zblue-700:193 209 238;--zblue-800:52 121 245;--zblue-900:52 121 245;--zbush-50:222 233 252;--zbush-100:224 238 248;--zbush-200:224 238 248;--zbush-300:212 224 248;--zbush-400:184 203 236;--zbush-500:52 121 245;--zbush-600:52 121 245;--zbush-700:193 209 238;--zbush-800:52 121 245;--zbush-900:52 121 245;--zbush-950:52 121 245;--zgray-50:222 233 252;--zgray-100:224 238 248;--zgray-200:224 238 248;--zgray-300:212 224 248;--zgray-400:184 203 236;--zgray-500:52 121 245;--zgray-600:52 121 245;--zgray-700:193 209 238;--zgray-800:52 121 245;--zgray-900:52 121 245;--zgray-950:52 121 245}[data-theme=dark]{--background:#000;--foreground:#fff}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(52 121 245/var(--tw-bg-opacity))}@font-face{font-family:Harmony;src:url(/fonts/HarmonyOS_Sans_SC_Medium.woff2) format("woff2")}body{font-family:Harmony,Arial,Helvetica,sans-serif;background-color:var(--body-bg);color:var(--text-primary);min-height:100vh}body,img{-webkit-user-select:none;-moz-user-select:none;user-select:none}.wellcome{background:url(/keyboard.png) transparent no-repeat;display:flex;height:100vh;align-items:center;justify-content:flex-end;text-align:center}.wellcome-btn{background-image:linear-gradient(90deg,#4776e6 0,#8e54e9 51%,#4776e6);transition:.5s;background-size:200% auto;width:9rem;border-radius:.25rem;padding-top:.5rem;padding-bottom:.5rem;text-align:center;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.wellcome-btn:hover{cursor:pointer;background-position:100%}.aside-box{color:var(--text-secondary)}.aside-box .aside-title{color:var(--aside-title-text)}.aside-box .aside-title svg{fill:var(--aside-title-svg)}aside .menu{margin-top:2rem;width:8rem}aside .menu li{padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(var(--zgray-100)/var(--tw-text-opacity))}aside .menu li:not(:last-child){margin-bottom:.375rem}aside .menu li.selected,aside .menu li:hover{cursor:pointer;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(var(--zgray-900)/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}aside .btn{--tw-bg-opacity:1;background-color:rgb(var(--zgray-600)/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}aside .btn:hover{--tw-bg-opacity:1;background-color:rgb(var(--zgray-800)/var(--tw-bg-opacity))}main .btn{--tw-bg-opacity:1;background-color:rgb(var(--zgray-500)/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}main .btn:hover{--tw-bg-opacity:1;background-color:rgb(var(--zgray-600)/var(--tw-bg-opacity))}main .footer-menu{padding-left:1rem;padding-right:1rem}main .footer-menu,main .footer-menu button{--tw-bg-opacity:1;background-color:rgb(var(--zgray-50)/var(--tw-bg-opacity))}main .footer-menu button{position:relative;margin-right:.25rem;width:18rem;border-radius:0;padding-top:1.5rem;padding-bottom:1.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(var(--zgray-400)/var(--tw-text-opacity))}main .footer-menu button:hover{--tw-bg-opacity:1;background-color:rgb(var(--zgray-200)/var(--tw-bg-opacity))}main .footer-menu button.selected-tab,main .footer-menu button:hover{--tw-text-opacity:1;color:rgb(var(--zgray-600)/var(--tw-text-opacity))}main .footer-menu button:after{content:"";position:absolute;right:-.25rem;height:50%;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-200)/var(--tw-border-opacity))}main .footer-menu button.selected{--tw-text-opacity:1;color:rgb(var(--zgray-600)/var(--tw-text-opacity))}.keyboard-wrap{display:flex}.keyboard{position:relative;--var-kb-height:auto;--var-kb-width:auto;min-height:400px}.keyboard .keyboard-bg-outer-wrapper{width:calc(var(--var-kb-width) + 1rem);height:calc(var(--var-kb-height) + 1rem)}.keyboard .keyboard-bg-inner-wrapper{width:calc(var(--var-kb-width));height:calc(var(--var-kb-height))}.keyboard .keycols{margin-bottom:1vw}.keyboard .keycols:not(:first-child){margin-bottom:0}.rgb-light-select{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.375rem;overflow-y:auto}.rgb-light-select li{background-color:var(--lighting-rgb-effect-bg);color:var(--lighting-rgb-effect-text);border:var(--lighting-rgb-effect-border);display:flex;height:72px;width:72px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;border-radius:.25rem;padding:.75rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rgb-light-select li svg{fill:var(--lighting-rgb-effect-svg)}.rgb-light-select li[data-selected=true]{color:var(--lighting-rgb-effect-select-text);background-color:var(--lighting-rgb-effect-select-bg);border-color:var(--lighting-rgb-effect-select-border);border-width:1px}.rgb-light-select li[data-selected=true] svg{fill:var(--lighting-rgb-effect-select-svg)}.selected-layer{display:inline-block;width:9rem;border-left-width:4px;--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--zgray-50)/var(--tw-bg-opacity));padding:.5rem 1rem}.add-layer{margin-top:.5rem;display:flex;width:8rem;cursor:pointer;align-items:center;padding:.5rem 1.25rem}.add-layer:hover{--tw-text-opacity:1;color:rgb(var(--zgray-600)/var(--tw-text-opacity))}.add-layer svg{height:1rem;margin-right:.5rem}.primary-btn{background-color:var(--primary-btn-bg-color)!important;color:var(--primary-btn-text-color)!important;border-color:var(--primary-btn-border-color)!important}.primary-btn svg{fill:var(--primary-btn-svg-color)}.primary-btn:hover{background-color:var(--primary-btn-hover-bg-color)!important;color:var(--primary-btn-hover-text-color)!important;border-color:var(--primary-btn-hover-border-color)!important}.primary-btn:disabled{background-color:var(--primary-btn-disabled-bg-color);color:var(--primary-btn-disabled-text-color);border-color:var(--primary-btn-disabled-border-color)}.new-btn{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#0070cf var(--tw-gradient-from-position);--tw-gradient-to:rgba(0,112,207,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0056c1 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.new-btn:hover{--tw-bg-opacity:1;background-color:rgb(51 143 237/var(--tw-bg-opacity))}.default-btn{--tw-bg-opacity:1;background-color:rgb(57 78 96/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.default-btn:hover{--tw-bg-opacity:1;background-color:rgb(61 71 83/var(--tw-bg-opacity))}.menu-item{position:relative;margin-bottom:.5rem;display:flex;width:12rem;align-items:center;gap:.75rem;border-radius:.25rem;--tw-bg-opacity:1;background-color:rgb(15 22 32/var(--tw-bg-opacity));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(161 167 173/var(--tw-text-opacity))}.menu-item:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(33 45 58/var(--tw-bg-opacity))}.menu-item[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(24 33 45/var(--tw-bg-opacity))}.menu-item[aria-selected=true]:before{content:"";position:absolute;top:0;left:0;height:100%;width:.5rem;border-radius:.25rem;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#01faa5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(1,250,165,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#0073fe var(--tw-gradient-to-position)}.card-title{position:relative;background-color:rgba(37,99,235,.2);padding-left:1.5rem;--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.card-title:hover{cursor:pointer}.card-title[aria-selected=true]{background-color:rgba(37,99,235,.4)}.card-title[aria-selected=true]:before{position:absolute;top:15%;left:0;height:70%;width:.25rem;content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(0 113 207/var(--tw-bg-opacity))}.sketch-picker{--tw-bg-opacity:1!important;background-color:rgb(23 42 58/var(--tw-bg-opacity))!important}.sketch-picker label{--tw-text-opacity:1!important;color:rgb(var(--zgray-50)/var(--tw-text-opacity))!important}.key-color{height:100%;width:100%;background-color:var(--bgcolor);border-color:var(--bdcolor);border-width:2px;border-radius:5px;position:absolute;top:0;left:0}.macro-list li[data-select=true]{border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-200)/var(--tw-border-opacity))}.action-table tr[data-select=true]{--tw-bg-opacity:1;background-color:rgb(var(--zgray-600)/var(--tw-bg-opacity))}.keycap{background-color:var(--keycap-color);position:relative;cursor:pointer;border-radius:.25rem;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.keycap:hover{background-color:var(--keycap-hover-color)}.keycap:hover .advanced-key{display:flex}.keycap:hover .key-color{background-color:var(--hover-bgcolor);border-color:#1e3c72}.keycap:hover .keycap-bg{background-color:var(--bg-primary)}.key-wrapper[aria-selected=true] .keycap-bg{--tw-bg-opacity:1;background-color:rgb(var(--zgray-800)/var(--tw-bg-opacity));outline-color:transparent}.key-wrapper[aria-selected=true] .key-content{--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.card{--tw-bg-opacity:1;background-color:rgb(var(--zgray-50)/var(--tw-bg-opacity));padding-top:1.5rem;padding-bottom:1.5rem}.card,.keyBox{border-radius:.25rem}.keyBox{position:relative;display:flex;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-400)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity))}.keyBox:hover{cursor:pointer}.keyBox:hover .del-btn{opacity:1}.keyBox .del-btn{opacity:0}.rgb-light-select li[aria-selected=true]{border-color:var(--border-secondary);border-width:1px}.keyboard-bg-inner-wrapper{--var-key-scale:1;--var-key-width:1rem;--var-key-height:1rem;--var-key-left:1;--var-key-top:1;--var-key-translateZ:0}.key-wrapper{width:calc(var(--var-kb-scale) * var(--var-key-width));height:calc(var(--var-kb-scale) * var(--var-key-height));left:calc(var(--var-kb-scale) * var(--var-key-left));top:calc(var(--var-kb-scale) * var(--var-key-top));transform:perspective(100px) translateZ(var(--var-key-translateZ));position:absolute;padding:.125rem}.key-wrapper:hover{cursor:pointer}.keycap-select-bg{transition:all .2s ease-out 0s;background-color:var(--key-select-bg);opacity:.6;position:absolute;height:100%;width:100%;border-radius:.25rem}.keycap-bg{position:relative;height:100%;--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity))}.key-content,.keycap-bg{border-radius:4px;width:100%}.key-content{font-size:var(--var-content-font-size);font-weight:var(--var-content-font-weight);align-items:var(--var-content-align-items);padding-top:0;padding-left:3px;white-space:pre-wrap;--tw-text-opacity:1;color:rgb(var(--zgray-800)/var(--tw-text-opacity))}.dks-icon{position:relative}.dks-icon:before{content:"";position:absolute;bottom:-14rem;left:46%;z-index:-10;height:13rem;width:.25rem;--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(var(--zgray-400)/var(--tw-bg-opacity))}.box{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#ccc;border:1px solid #000;text-align:center;padding:10px;box-sizing:border-box;overflow:hidden;position:relative;margin:20px}.macro-item .btn-edit{display:none}.macro-item[data-select=true] .btn-edit{display:block}.arrow{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-300)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--zgray-200)/var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;--tw-text-opacity:1;color:rgb(var(--zgray-800)/var(--tw-text-opacity));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.arrow:hover{cursor:pointer}.arrow[aria-disabled=true]{--tw-border-opacity:1;border-color:rgb(var(--zgray-400)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--zgray-500)/var(--tw-bg-opacity))}.arrow[aria-disabled=true]:hover{cursor:not-allowed}.arrow[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--zgray-100)/var(--tw-text-opacity))}.color-panle[aria-hidden=true]{display:none}.wave-area{position:relative;height:100px;overflow:hidden}.wave-area .wave{background:url(/images/wave.svg) repeat-x;animation:wave 35s cubic-bezier(.36,.45,.63,.53) infinite;transform:translateZ(0);position:absolute;z-index:10;height:100px;width:6400px}.wave-area .wave:nth-of-type(2){top:20px;animation:wave 20s cubic-bezier(.36,.45,.63,.53) -.125s infinite;opacity:1;z-index:1}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-45px,0)}50%{transform:translate3d(0,5px,0)}}.menu-tabs .chakra-tabs__tab{color:var(--tab-menu-text)}.menu-tabs .chakra-tabs__tab[aria-selected=true]{color:var(--tab-menu-select-text);background-color:var(--tab-menu-select-bg)}.menu-tabs .chakra-tabs__tab[aria-selected=true] svg{fill:var(--tab-menu-select-svg)}.menu-tabs .chakra-tabs__tab:hover{color:var(--tab-menu-hover-text);background-color:var(--tab-menu-hover-bg)}.menu-tabs .chakra-tabs__tab:hover svg{fill:var(--tab-menu-hover-svg)}.menu-tabs .chakra-tabs__tab svg{fill:var(--tab-menu-svg)}.menu-tabs .chakra-tabs__tab{margin-right:1rem;display:flex;gap:.25rem;border-radius:9999px;padding:.5rem 1.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500!important}.menu-tabs .chakra-tabs__tab:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.key-content-layer{color:var(--key-content);position:absolute;top:0;left:0;z-index:20;height:100%;width:100%;font-weight:500}.key-content-layer .img-key{filter:drop-shadow(10000px 0 0 var(--key-content));transform:translate(-10000px)}.key-travel-layer{color:var(--key-travel);position:absolute;top:0;left:0;height:100%;width:100%;align-items:center;padding:.25rem;font-size:.75rem;line-height:1rem;font-weight:500;line-height:1}.key-travel-layer .press{color:var(--key-travel-press)}.key-travel-layer .dz{color:var(--key-travel-dz)}.lightmenu-tabs .chakra-tabs__tab{color:var(--text-mute)}.lightmenu-tabs .chakra-tabs__tab[aria-selected=true]{color:var(--text-primary)}.lightmenu-tabs .chakra-tabs__tab{z-index:10;margin-right:.5rem;font-weight:500!important}@keyframes bg-color{0%{--tw-bg-opacity:1;background-color:rgb(var(--zbush-200)/var(--tw-bg-opacity))}50%{background-color:transparent}to{--tw-bg-opacity:1;background-color:rgb(var(--zbush-200)/var(--tw-bg-opacity))}}.chakra-checkbox:hover .chakra-checkbox__control{box-shadow:0 0 0 5px rgba(70,70,70,.465);padding:1px}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pad-key{height:100%;width:100%;overflow-wrap:break-word;border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity));text-align:center;--tw-text-opacity:1;color:rgb(var(--zgray-500)/var(--tw-text-opacity))}.pad-key:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(var(--zgray-400)/var(--tw-bg-opacity))}.macro-name-list li{border-color:var(--border-primary);border-bottom-width:1px;padding:.5rem 1rem}.macro-name-list li:hover{opacity:.6;cursor:pointer}.macro-name-list li:hover,.macro-name-list li[data-selected=true]{background-color:var(--bg-quaternary)}.macro-action-list{justify-content:center;font-size:.875rem;line-height:1.25rem;font-weight:500}.macro-action-list svg{fill:var(--bg-secondary)}.macro-action-list>div{border-color:var(--border-primary);color:var(--text-primary);border-bottom-width:1px;padding:.25rem .5rem}.macro-action-list .macro-time{background-color:var(--bg-secondary);color:var(--text-quaternary);height:1.5rem;border-radius:9999px;padding:.125rem .25rem;text-align:center}.macro-action-list .time-bar{overflow:hidden}.macro-action-list .time-bar>div{width:calc(var(--var-scale)*var(--width));left:calc(var(--var-scale)*var(--left));background-color:var(--bg-secondary)}.ruler{background:none;overflow:visible;background-image:repeating-linear-gradient(0deg,var(--ruler-bg1) 0,var(--ruler-bg1) 2px,transparent 0,transparent 10px),repeating-linear-gradient(0deg,var(--ruler-bg2) 0,var(--ruler-bg2) 2px,transparent 0,transparent 10px)!important;background-position:0 0,0 5px;background-repeat:no-repeat;background-size:6px 100%,6px 100%}.ruler>div{border-color:var(--ruler-bg3)}.left-ruler{background:none;overflow:visible;background-image:repeating-linear-gradient(0deg,var(--ruler-bg1) 0,var(--ruler-bg1) 2px,transparent 0,transparent 10px),repeating-linear-gradient(0deg,var(--ruler-bg2) 0,var(--ruler-bg2) 2px,transparent 0,transparent 10px)!important;background-position:6px 5px,6px 0;background-repeat:no-repeat;background-size:6px 100%,6px 100%}.left-ruler>div{border-color:var(--ruler-bg3)}.commbo-key{gap:.5rem;padding-top:.25rem;padding-bottom:.25rem}.commbo-key .normal-key{height:3rem;width:3rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity));padding-top:.75rem;padding-bottom:.75rem;text-align:center}.commbo-key .normal-key:hover{cursor:pointer}.commbo-key .normal-key[aria-selected=true]{border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-500)/var(--tw-border-opacity))}.commbo-key .modifier-key{height:3rem;width:4rem;border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity));padding-top:.75rem;padding-bottom:.75rem;text-align:center}.commbo-key .modifier-key:hover{cursor:pointer}.commbo-key .modifier-key[aria-selected=true]{border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-500)/var(--tw-border-opacity))}.main-btn{background-color:var(--btn-primary);color:var(--btn-text-primary);border-radius:.25rem;padding:.25rem 1rem}.main-btn svg{fill:var(--btn-svg-primary)}.main-btn:disabled{background-color:var(--btn-disabled-primary);color:var(--btn-disabled-text-primary);cursor:not-allowed}.main-btn:disabled svg{fill:var(--btn-disabled-svg-primary)}.main-btn:hover{background-color:var(--btn-hover-primary);color:var(--btn-hover-text-primary);cursor:pointer}.main-btn:hover svg{fill:var(--btn-hover-svg-primary)}.dks-down-end,.dks-down-start,.dks-up-end,.dks-up-start{height:22px;width:22px;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-200)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity));padding-inline-start:0;padding-inline-end:0}.dks-border-circle{position:absolute;top:2px;right:0;width:16px}.dks-border-dragbox{position:absolute;top:2px;right:20px;z-index:20;height:1.5rem;width:.75rem}.dks-border-dragbox:hover{cursor:ew-resize}.drag-bar{position:absolute;top:0;left:18px;z-index:10;height:23px;width:22px;min-width:22px;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-50)/var(--tw-border-opacity));padding-inline-start:0;padding-inline-end:0;text-align:right;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drag-bar:hover{cursor:pointer}.w-color-editable-input input{border-style:none!important}.w-color-editable-input input:focus-visible{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;outline:2px solid transparent!important;outline-offset:2px!important}.w-color-editable-input-rgba .w-color-editable-input{margin-top:.75rem;margin-bottom:.75rem;margin-left:0!important;margin-right:0!important;gap:.75rem}.w-color-editable-input-rgba .w-color-editable-input input{--tw-bg-opacity:1!important;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity))!important;text-align:center}.w-color-editable-input-rgba .w-color-editable-input input:focus-visible{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;outline:2px solid transparent!important;outline-offset:2px!important}.remap-key{border-color:transparent;color:var(--remap-key-cap);background-color:var(--remap-key-cap-bg)}.remap-key:hover{border-color:var(--remap-key-cap-border)}.remap-key{height:3rem;width:3rem;border-radius:.125rem;border-width:1px;text-align:center;font-size:.875rem;line-height:1.25rem}.remap-key:hover{cursor:pointer}.performance-tabs .chakra-tabs__tab{width:9rem;border-radius:9999px;padding-top:.375rem!important;padding-bottom:.375rem!important}.performance-tabs .chakra-tabs__tab:focus-visible{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.performance-tabs .chakra-tabs__tab[aria-selected=true]{background-color:var(--tab-menu-select-bg);color:var(--tab-menu-select-text);overflow:hidden}.performance-tabs .chakra-tabs__tablist{border-right-color:var(--border-primary)}.performance-setting{background-color:var(--setting-bg);margin-top:1rem;width:1170px;flex:1 1 0%;gap:.75rem;border-radius:.25rem;font-weight:500}.select-keys{background-color:var(--bg-quaternary)}.select-keys>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.select-keys{border-radius:.25rem;padding:1rem}.select-keys div{text-align:center;font-weight:500;background-color:var(--btn-primary);color:var(--btn-text-primary);border-radius:.25rem;padding:.25rem 1rem}.select-keys div svg{fill:var(--btn-svg-primary)}.select-keys div:disabled{background-color:var(--btn-disabled-primary);color:var(--btn-disabled-text-primary);cursor:not-allowed}.select-keys div:disabled svg{fill:var(--btn-disabled-svg-primary)}.select-keys div:hover{background-color:var(--btn-hover-primary);color:var(--btn-hover-text-primary);cursor:pointer}.select-keys div:hover svg{fill:var(--btn-hover-svg-primary)}.undo-redo div[aria-disabled=true] svg{fill:rgb(var(--zgray-400)/1)}.undo-redo div[aria-disabled=true] svg:hover{cursor:not-allowed}.undo-redo div svg{fill:rgb(var(--zgray-500)/1)}.undo-redo div svg:hover,.undo-redo div:hover{cursor:pointer}.undo-redo div:hover svg{fill:rgb(var(--zgray-600)/1)}.socd .keycode{height:5rem;width:5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-600)/var(--tw-border-opacity))}.socd-normal{width:100%}.socd-collapse{width:200px}.dks-setting .dks-normal{display:flex;width:100%;--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity))}.dks-setting .dks-normal .socd-keys{display:flex;gap:1rem}.dks-setting .dks-collapse{display:flex;width:180px;--tw-bg-opacity:1;background-color:rgb(var(--zgray-50)/var(--tw-bg-opacity))}.dks-setting .dks-collapse .dks-comfirm{display:none}.dks-setting .dks-collapse .socd-keys{display:flex;flex-direction:column;gap:1rem}.dks-setting .keycode{height:5rem;width:5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-600)/var(--tw-border-opacity))}.keyboard-layer div{background-color:var(--keyboard-layer-bg);border-radius:9999px;padding:.5rem}.keyboard-layer div:hover{background-color:var(--keyboard-layer-hover-bg);cursor:pointer}.keyboard-layer div[aria-selected=true]{background-color:var(--keyboard-layer-select-bg);color:var(--keyboard-layer-select-text)}.advanced-keys{background-color:var(--bg-tertiary);max-height:400px}.advanced-keys>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.advanced-keys{overflow-y:auto;border-radius:.25rem;padding:1rem}.advanced-keys>div{background-color:var(--primary-list-bg-color)}.advanced-keys>div:hover{background-color:var(--primary-list-bg-hover-color);cursor:pointer}.advanced-keys>div{height:3rem;border-radius:.25rem;padding:.5rem}.advanced-keys .advanced-keys-list{gap:.5rem}.advanced-keys .advanced-keys-list>div{height:2rem;width:2rem;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-400)/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--zgray-200)/var(--tw-bg-opacity))}.socd-select .chakra-radio__control{border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--zgray-600)/var(--tw-border-opacity))}.socd-select .chakra-radio__control[data-checked]{border-color:transparent}.advancedkey.mt{background-color:rgb(37 99 235/var(--tw-bg-opacity))}.advancedkey.mpt,.advancedkey.mt{border-radius:9999px;--tw-bg-opacity:1;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.advancedkey.mpt{background-color:rgb(220 38 38/var(--tw-bg-opacity))}.advancedkey.tgl{background-color:rgb(101 163 13/var(--tw-bg-opacity))}.advancedkey.socd,.advancedkey.tgl{border-radius:9999px;--tw-bg-opacity:1;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.advancedkey.socd{background-color:rgb(217 119 6/var(--tw-bg-opacity))}.advancedkey.end{background-color:rgb(124 58 237/var(--tw-bg-opacity))}.advancedkey.dks,.advancedkey.end{border-radius:9999px;--tw-bg-opacity:1;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.advancedkey.dks{background-color:rgb(var(--zgray-600)/var(--tw-bg-opacity))}.advancedkey.mcr{background-color:rgb(234 88 12/var(--tw-bg-opacity))}.advancedkey.mcr,.advancedkey.rs{border-radius:9999px;--tw-bg-opacity:1;padding:.125rem .5rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity:1;color:rgb(var(--zgray-50)/var(--tw-text-opacity))}.advancedkey.rs{background-color:rgb(13 148 136/var(--tw-bg-opacity))}.select-lang-menu .chakra-menu__menuitem{font-size:1rem;line-height:1.5rem}.select-lang-menu .chakra-menu__menuitem:hover,.select-lang-menu .chakra-menu__menuitem[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(var(--zgray-300)/var(--tw-bg-opacity))}.mod{position:fixed;top:0;left:0;width:100%;height:100%;perspective:330px;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.mod .cube{top:50%;left:50%;margin-top:-105px;margin-left:-105px;transform-style:preserve-3d;transform-origin:105px 105px;animation:spinCube 9s linear infinite}.mod .cube,.mod .cube .faces{position:absolute;width:210px;height:210px}.mod .cube .faces{top:0;left:0}.mod .cube .faces .dot{position:absolute;background:#fff;width:2px;height:2px;border-radius:50%}.mod .cube .faces .p1{top:-1px;margin-left:-1px}.mod .cube .faces .p2{top:-1px;left:50%;margin-left:- 1px}.mod .cube .faces .p3{top:-1px;left:100%;margin-left:-1px}.mod .cube .faces .p4{top:50%;left:-1px;margin-top:-1px}.mod .cube .faces .p5{top:50%;left:50%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p6{top:50%;left:100%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p7{top:100%;left:0;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p8{top:100%;left:50%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p9{top:100%;left:100%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p10{top:25%;left:25%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p11{top:25%;left:75%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p12{top:75%;left:25%;margin-top:-1px;margin-left:-1px}.mod .cube .faces .p13{top:75%;left:75%;margin-top:-1px;margin-left:-1px}.mod .cube .f1{transform:translateZ(-105px);animation-delay:.3s}.mod .cube .f2{transform:translateZ(-84px);animation-delay:.6s}.mod .cube .f3{transform:translateZ(-63px);animation-delay:.9s}.mod .cube .f4{transform:translateZ(-42px);animation-delay:1.2s}.mod .cube .f5{transform:translateZ(-21px);animation-delay:1.5s}.mod .cube .f6{transform:translateZ(0);animation-delay:1.8s}.mod .cube .f7{transform:translateZ(21px);animation-delay:2.1s}.mod .cube .f8{transform:translateZ(42px);animation-delay:2.4s}.mod .cube .f9{transform:translateZ(63px);animation-delay:2.7s}.mod .cube .f10{transform:translateZ(84px);animation-delay:3s}.mod .cube .f11{transform:translateZ(105px);animation-delay:3.3s}@keyframes spinCube{0%{transform:rotateY(0deg) rotateX(-45deg) rotate(0deg)}50%{transform:rotateY(180deg) rotateX(135deg) rotate(180deg)}to{transform:rotateY(1turn) rotateX(315deg) rotate(1turn)}}@keyframes spinDots{0%{transform:rotateX(0deg) rotateY(45deg)}50%{transform:rotateX(-180deg) rotateY(-135deg)}to{transform:rotateX(-1turn) rotateY(-315deg)}}@keyframes spinFaces{0%{transform:rotateX(0deg)}50%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}.key-travel-tab{border-right-color:var(--border-primary);color:var(--text-primary);flex:1 1 0%;gap:1.5rem;border-right-width:1px}.key-dz-travel-tab,.key-tr-travel-tab{border-right-color:var(--border-primary);color:var(--text-primary)}.link-icon{border-radius:.25rem;border-width:1px;padding:.25rem;background-color:var(--primary-btn-bg-color);color:var(--primary-btn-text-color);border-color:var(--primary-btn-border-color)}.link-icon svg{fill:var(--primary-btn-svg-color)}.link-icon:hover{background-color:var(--primary-btn-hover-bg-color);color:var(--primary-btn-hover-text-color);border-color:var(--primary-btn-hover-border-color)}.link-icon:disabled{background-color:var(--primary-btn-disabled-bg-color);color:var(--primary-btn-disabled-text-color);border-color:var(--primary-btn-disabled-border-color)}.edit-travel-input{color:var(--text-quaternary);background-color:var(--bg-secondary)!important}.travel-slider .chakra-slider__track{background-color:var(--slider-track)}.travel-slider .chakra-slider__filled-track{background-color:var(--slider-filled)}.travel-slider{color:var(--ruler-text)}.travel-slider .ruler>div{border-color:var(--ruler-bg3)}.key-travel-motion .motion-body{background-color:var(--travel-motion-body);opacity:.6}.key-travel-motion .dz-travel{background-color:var(--travel-motion-dz)}.key-travel-motion .press-travel{background-color:var(--travel-motion-press)}.kb-status{border-color:var(--border-primary);color:var(--keyboard-info-text)}.kb-status svg{fill:var(--keyboard-info-svg)}.main{background-color:var(--main-bg-color)}.aside,.main-kb{background-color:transparent}.remap-key-setting{background-color:var(--remap-key-bg)}.remap-key-setting svg{fill:var(--remap-key-svg)}.remap-key-setting .title{color:var(--remap-title-text);svg:var(--reemap-title-svg)}.test-setting{color:var(--text-primary)}.test-setting>div{background-color:var(--setting-bg)}.chakra-switch__track[data-focus-visible]{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.user-profile,.user-profile-title{color:var(--text-primary)}.user-profile-box{background-color:var(--profile-box-bg)}.user-profile-box li{color:var(--profile-list-text);background-color:var(--profile-list-bg)}.user-profile-box li svg{fill:var(--profile-list-svg)}.user-profile-box li:hover{color:var(--profile-list-hover-text);background-color:var(--profile-list-hover-bg)}.user-profile-box li:hover svg{fill:var(--profile-list-hover-svg)}.user-profile-create{background-color:var(--profile-create-bg);box-shadow:var(--profile-create-shadow)}.user-profile-create svg{fill:var(--profile-create-svg)}.keycode-menu-tab-ind{background-color:var(--bg-secondary)}.macro-setting{background-color:var(--setting-bg)}.macro-setting-border,.macro-setting-list,.macro-setting-title{border-color:var(--border-primary)}.macro-setting-title{background-color:var(--bg-secondary);color:var(--text-quaternary)}.macro-setting-list-name{color:var(--text-primary)}.btn-record,.macro-setting-action{background-color:var(--bg-secondary);color:var(--text-quaternary)}.light-setting-box{background-color:var(--setting-bg)}.light-setting-box,.light-setting-param-title{color:var(--text-primary)}.light-setting-param .chakra-slider__track{background-color:var(--lighting-slider-track)}.light-setting-param .chakra-slider__filled-track{background-color:var(--lighting-slider-filled)}.light-setting-param .chakra-slider__thumb{background-color:var(--lighting-slider-thumb)}.light-setting-param option{color:var(--text-primary)}.travel-test-canvas{background-color:var(--bg-quaternary);border-color:var(--border-primary)}.kb-setting{background-color:var(--setting-bg);color:var(--setting-text)}.kb-setting .label{color:var(--setting-label)}.kb-setting-border{border-color:var(--border-primary)}.blue-btn{border-color:var(--border-secondary)}.blue-btn:hover,.blue-btn[data-active]{background-color:var(--bg-tertiary)}.fw-log{color:var(--setting-log-text);background-color:var(--setting-log-bg);border-color:var(--setting-log-border)}.chakra-switch__track{background-color:var(--switch-track)}.chakra-switch__thumb{background-color:var(--switch-thumb)}.chakra-accordion__item{border-color:var(--remap-group-border-color)}.mt-setting .label{color:var(--mt-label)}.mt-setting .key-box{color:var(--mt-key-text);background-color:var(--mt-key-bg)}.mt-setting .key-box:hover{color:var(--mt-key-hover-text);background-color:var(--mt-key-hover-bg)}.mt-setting .save-mt{color:var(--mt-btn-text);background-color:var(--mt-btn-bg);border-color:var(--mt-btn-border)}.mt-setting .save-mt:hover{color:var(--mt-btn-hover-text);background-color:var(--mt-btn-hover-bg);border-color:var(--mt-btn-hover-border)}.mt-setting .save-mt:disabled{color:var(--mt-btn-disabled-text);background-color:var(--mt-btn-disabled-bg);border-color:var(--mt-btn-disabled-border)}.dks-bg{background-color:var(--dks-bg)}.dks-bg .save-dks{color:var(--dks-btn-text);background-color:var(--dks-btn-bg);border-color:var(--dks-btn-border)}.dks-bg .save-dks:hover{color:var(--dks-btn-hover-text);background-color:var(--dks-btn-hover-bg);border-color:var(--dks-btn-hover-border)}.dks-bg .save-dks:disabled{color:var(--dks-btn-disabled-text);background-color:var(--dks-btn-disabled-bg);border-color:var(--dks-btn-disabled-border)}.dks-bg .label{color:var(--dks-label-text)}.dks-bg .dks-travel-edit{color:#4f46e5}.dks-bg .dks-travel-edit:hover{color:#4338ca}.dks-bg .dks-travel{color:var(--dks-travel-text)}.dks-bg .keyBox{color:var(--dks-key-text);background-color:var(--dks-key-bg);border-color:var(--dks-key-border)}.dks-bg .drag-bar{background-color:var(--dks-drag-bar-bg);border-color:var(--dks-drag-bar-border)}.dks-bg .dks-down-end,.dks-bg .dks-down-start,.dks-bg .dks-up-end,.dks-bg .dks-up-start{background-color:var(--dks-btn-bg);border-color:var(--dks-btn-border)}.dks-bg .dks-down-end svg,.dks-bg .dks-down-start svg,.dks-bg .dks-up-end svg,.dks-bg .dks-up-start svg{color:var(--dks-btn-svg)}.dks-travel-edit-dlg{background-color:var(--dks-travel-edit-dlg-bg);color:var(--dks-travel-edit-dlg-text)}.dks-travel-edit-dlg svg{color:var(--dks-travel-edit-dlg-svg)}.dks-normal{background-color:var(--socd-bg)!important}.dks-normal .save-socd{color:var(--socd-btn-text);background-color:var(--socd-btn-bg);border-color:var(--socd-btn-border)}.dks-normal .save-socd:hover{color:var(--socd-btn-hover-text);background-color:var(--socd-btn-hover-bg);border-color:var(--socd-btn-hover-border)}.dks-normal .save-socd:disabled{color:var(--socd-btn-disabled-text);background-color:var(--socd-btn-disabled-bg);border-color:var(--socd-btn-disabled-border)}.dks-normal .title{color:var(--primary-text-color)}.dks-normal .keycode{color:var(--socd-keycode-text);background-color:var(--socd-keycode-bg);border-color:var(--socd-keycode-border)}.advanced-keys>div{background-color:var(--advancedkey-list-bg)}.advanced-keys .border-color{border-color:var(--advancedkey-list-border)}.advanced-keys .key-type{color:var(--advancedkey-list-text)}.advanced-keys .chakra-kbd{background-color:var(--advancedkey-list-kbd-bg);color:var(--advancedkey-list-kbd-text);border-color:var(--advancedkey-list-kbd-border)}.advanced-keys .advanced-keys-list>div{background-color:var(--advancedkey-list-key-bg);color:var(--advancedkey-list-key-text);border-color:var(--advancedkey-list-key-border)}.advanced-keys svg{fill:var(--advancedkey-list-svg)}.lighting-menu-btn{background-color:var(--lighting-select-btn-bg);color:var(--lighting-select-btn-text);border-color:var(--lighting-select-btn-border)}.lighting-menu-list{background-color:var(--lighting-select-list-bg);color:var(--lighting-select-list-text);border-color:var(--lighting-select-list-border)}.lighting-menu-list .chakra-menu__menuitem{background-color:var(--lighting-select-list-item-bg);color:var(--lighting-select-list-item-text)}.lighting-menu-list .chakra-menu__menuitem:hover{background-color:var(--lighting-select-list-item-hover-bg);color:var(--lighting-select-list-item-hover-text)}.setting-select-btn{background-color:var(--setting-select-btn-bg);color:var(--setting-select-btn-text);border-color:var(--setting-select-btn-border)}.setting-select-list{background-color:var(--setting-select-list-bg);color:var(--setting-select-list-text);border-color:var(--setting-select-list-border)}.setting-select-list .chakra-menu__menuitem{background-color:var(--setting-select-list-item-bg);color:var(--setting-select-list-item-text)}.setting-select-list .chakra-menu__menuitem:hover{background-color:var(--setting-select-list-item-hover-bg);color:var(--setting-select-list-item-hover-text)}.setting-reset-dlg,.setting-update-dlg{background-color:var(--setting-dlg-bg);color:var(--setting-dlg-text)}.setting-update-progress{background-color:var(--setting-update-progress-bg)}.setting-update-progress>div{background-color:var(--setting-update-progress-bar)}.color-box{border-color:var(--lighting-color-box-border)}.color-select .w-color-editable-input input{background-color:var(--lighting-color-edit-bg)!important;color:var(--lighting-color-edit-text)!important;box-shadow:none!important;border-width:1px!important;border-color:var(--lighting-color-edit-border)!important}.update-btn{color:var(--setting-update-btn-text);background-color:var(--setting-update-btn-bg);border-color:var(--setting-update-btn-border)}.update-btn:hover{color:var(--setting-update-btn-hover-text);background-color:var(--setting-update-btn-hover-bg);border-color:var(--setting-update-btn-hover-border)}.update-btn:disabled{color:var(--setting-update-btn-disabled-text);background-color:var(--setting-update-btn-disabled-bg);border-color:var(--setting-update-btn-disabled-border)}.motion-ruler{background:none;overflow:visible;background-image:repeating-linear-gradient(0deg,var(--ruler-bg1) 0,var(--ruler-bg1) 2px,transparent 0,transparent 12px),repeating-linear-gradient(0deg,var(--ruler-bg2) 0,var(--ruler-bg2) 2px,transparent 0,transparent 12px)!important;background-position:0 0,0 6px;background-repeat:no-repeat;background-size:6px 100%,6px 100%}.motion-ruler>div{border-color:var(--ruler-bg3)}.motion-left-ruler{background:none;overflow:visible;background-image:repeating-linear-gradient(0deg,var(--ruler-bg1) 0,var(--ruler-bg1) 2px,transparent 0,transparent 12px),repeating-linear-gradient(0deg,var(--ruler-bg2) 0,var(--ruler-bg2) 2px,transparent 0,transparent 12px)!important;background-position:6px 6px,6px 0;background-repeat:no-repeat;background-size:6px 100%,6px 100%}.motion-left-ruler>div{border-color:var(--ruler-bg3)}.menu-tabs.MuiTabs-root{background-color:var(--primary-menu-bg-color);align-items:center}.menu-tabs.MuiTabs-root .MuiTabs-flexContainer{gap:1rem}.menu-tabs.MuiTabs-root .MuiTab-root{color:var(--primary-menu-text-color)}.menu-tabs.MuiTabs-root .MuiTab-root svg{fill:var(--primary-menu-svg-color)}.menu-tabs.MuiTabs-root .MuiTab-root{height:1.5rem;min-height:-moz-fit-content;min-height:fit-content;border-radius:9999px;padding:.375rem 1.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500}.menu-tabs.MuiTabs-root .MuiTouchRipple-child{background-color:var(--primary-menu-ripple-color)}.menu-tabs.MuiTabs-root .MuiTabs-indicator{display:none;background-color:var(--primary-menu-ripple-color)!important}.menu-tabs.MuiTabs-root .Mui-selected{background-color:var(--primary-menu-bg-select-color);color:var(--primary-menu-text-select-color)!important}.menu-tabs.MuiTabs-root .Mui-selected svg{fill:var(--primary-menu-text-select-color)}.travel-slider{color:var(--primary-slider-text-color)}.travel-slider .MuiSlider-rail{background-color:var(--primary-slider-rail-color);width:.5rem;border-radius:.5rem}.travel-slider .MuiSlider-track{background-color:var(--primary-slider-track-color);border-color:var(--primary-slider-track-color);width:.5rem;border-radius:.5rem}.travel-slider .MuiSlider-thumb.Mui-focusVisible,.travel-slider .MuiSlider-thumb.Mui-selected,.travel-slider .MuiSlider-thumb:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.travel-slider .MuiSlider-thumb{height:1rem;width:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.travel-tabs{border-right-width:1px;--tw-border-opacity:1;border-right-color:rgb(209 213 219/var(--tw-border-opacity));padding:2rem 2.5rem}.travel-tabs .MuiTabs-flexContainer>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.travel-tabs .MuiTabs-indicator{display:none}.travel-tabs .MuiTab-root{color:var(--primary-tabs-text-color);min-height:2rem;border-radius:9999px;padding:.25rem 1.5rem;font-size:1rem;line-height:1.5rem}.travel-tabs .MuiTab-root .MuiTouchRipple-child{background-color:var(--primary-tabs-ripple-color)}.travel-tabs .Mui-selected{background-color:var(--primary-tabs-bg-color);color:var(--primary-tabs-text-select-color)!important}.lighting-params .MuiSlider-root .MuiSlider-rail{background-color:#e5e7eb}.lighting-params .MuiSlider-root .MuiSlider-track{background-color:#4f46e5;border-color:#4f46e5}.lighting-params .MuiSlider-root .MuiSlider-thumb{background-color:#4338ca;height:.75rem;width:.75rem}.lighting-params .MuiSlider-root .MuiSlider-thumb:hover{box-shadow:0 0 0 3px rgba(79,70,229,.3)}.lighting-params .MuiSlider-root .MuiSlider-thumb.Mui-active{box-shadow:0 0 0 6px rgba(79,70,229,.3)}.lightmenu-tabs.MuiTabs-root .MuiTab-root{min-height:1.5rem}.lightmenu-tabs.MuiTabs-root .MuiTouchRipple-child{background-color:var(--second-menu-ripple-color)}.lightmenu-tabs.MuiTabs-root .Mui-selected{color:var(--second-menu-text-select-color)}.lightmenu-tabs.MuiTabs-root .MuiTabs-indicator{display:none}.small-key{border-color:#999;border-radius:.25rem;border-width:1px;padding:0 .25rem;font-size:.75rem;line-height:1rem}input::-webkit-inner-spin-button{display:none!important}.performance-setting .MuiSwitch-thumb{background-color:var(--primary-switch-bg-color)}.performance-setting .Mui-checked+.MuiSwitch-track,.performance-setting .MuiSwitch-track{background-color:var(--primary-switch-track-color)!important}.travel-preset li{background-color:#e5e7eb;border-radius:.75rem;padding:1rem}.travel-preset li:hover{cursor:pointer}.switch-change .swiper-slide{--tw-scale-x:.75!important;--tw-scale-y:.75!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.switch-change .swiper-slide,.switch-change .swiper-slide-active{transform-origin:center center!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.switch-change .swiper-slide-active{--tw-scale-x:1!important;--tw-scale-y:1!important}.switch-change .swiper-slide-active>div{border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.color-bg{background:linear-gradient(to bottom right,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)!important}.primary-dlg{position:absolute;top:50%;left:50%;width:400px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));padding:2rem}.travel-notify{text-align:center}.travel-notify .MuiPaper-root{justify-content:center;--tw-bg-opacity:1!important;background-color:rgb(223 215 194/var(--tw-bg-opacity))!important;text-align:center;--tw-text-opacity:1!important;color:rgb(55 65 81/var(--tw-text-opacity))!important}.press-travel[data-trigger=true]{background-color:#4338ca}.webcode-editor{width:7rem}.delaytime-editor,.webcode-editor{border-style:none;outline:2px solid transparent;outline-offset:2px}.delaytime-editor{width:4rem;opacity:.8}.macro-action-list .delaytime-editor{background-color:var(--bg-secondary);color:var(--text-quaternary);height:1.5rem;border-radius:9999px;padding:.125rem .25rem;text-align:center}.mpt-slider .MuiSlider-root .MuiTouchRipple-root{display:none}.mpt-slider .MuiSlider-thumb{height:1rem;width:1rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.mpt-slider .MuiSlider-thumb:hover{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.mpt-slider .MuiSlider-rail{height:.375rem;--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.mpt-slider .MuiSlider-track{height:.375rem;--tw-bg-opacity:1;background-color:rgb(248 99 18/var(--tw-bg-opacity))}.macro-type-select{height:2rem;width:10rem;overflow:clip;text-overflow:ellipsis}.macro-type-select:focus{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.macro-type-select:focus-visible{outline:2px solid transparent;outline-offset:2px}button{text-transform:none!important}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-zblue-100:hover{--tw-bg-opacity:1;background-color:rgb(var(--zblue-100)/var(--tw-bg-opacity))}.focus-visible\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\:\!bg-slate-300:disabled{--tw-bg-opacity:1!important;background-color:rgb(203 213 225/var(--tw-bg-opacity))!important}.aria-selected\:border-blue-400[aria-selected=true]{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.aria-selected\:bg-zblue-200[aria-selected=true]{--tw-bg-opacity:1;background-color:rgb(var(--zblue-200)/var(--tw-bg-opacity))}.\[\&_div\]\:text-center div{text-align:center}.\[\&_div\]\:transition-\[width\] div{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&_div\]\:duration-700 div{transition-duration:.7s}.\[\&_div\]\:ease-in-out div{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[\&_li\]\:hover\:cursor-pointer:hover li{cursor:pointer}