:root{--color-blue: #4f81ff;--color-shadow: #000000;--color-shadow-10: color-mix(in srgb, var(--color-shadow), transparent 90%);--color-shadow-20: color-mix(in srgb, var(--color-shadow), transparent 80%);--color-shadow-25: color-mix(in srgb, var(--color-shadow), transparent 75%);--color-shadow-40: color-mix(in srgb, var(--color-shadow), transparent 60%);--color-shadow-50: color-mix(in srgb, var(--color-shadow), transparent 50%);--color-overlay: rgba(230, 230, 230, .5);--color-primary-10: color-mix(in srgb, var(--color-primary), transparent 90%);--color-primary-15: color-mix(in srgb, var(--color-primary), transparent 85%);--color-primary-20: color-mix(in srgb, var(--color-primary), transparent 80%);--color-primary-40: color-mix(in srgb, var(--color-primary), transparent 60%);--color-primary-50: color-mix(in srgb, var(--color-primary), transparent 50%);--color-primary-00: color-mix( in srgb, var(--color-primary), transparent 100% );--trans-key: box-shadow .2s ease;--fade-function: cubic-bezier(.23, 1, .32, 1);--anim-fade-in: fade-in .3s var(--fade-function) forwards;--anim-fade-out: fade-out .3s var(--fade-function) forwards;--anim-fade-in-down: fade-in-down .3s var(--fade-function) forwards;--anim-fade-out-up: fade-out-up .3s var(--fade-function) forwards;--anim-fade-in-zoom: fade-in-zoom .3s var(--fade-function) forwards;--anim-fade-out-zoom: fade-out-zoom .3s var(--fade-function) forwards}html{--radius-default: 12px;--font-menu-1: 900 16px var(--font);--font-menu-2: 700 20px var(--font);--font-1: 500 18px var(--font);--font-2: 400 16px var(--font);--font-3: 400 10px var(--font);--font-normal: 400 16px var(--font);--font-title: 400 18px var(--font);--font-tips: 400 16px var(--font);--color-text: #64748b;--color-text-secondary: #91a1b8;--color-border-default: #64748b;--color-border-secondary: #91a1b8;--color-title: var(--color-text);--color-tips: var(--color-text-secondary);--color-body: var(--color-text);--color-home-bg: #ffffff;--color-hid-title: #000000;--color-hid: var(--color-text);--color-conifgure-bg: #f3f3f3;--color-side-bg: #f4f4f4;--color-subside-bg: #ffffff;--color-danger: #e38974;--color-primary-t: #ffffff;--color-cfg-bg: rgb(243, 243, 243);--color-side-bg: #ffffff;--color-keyboard-bg: #fafafa;--color-keyboard-border: rgba(255, 255, 255, 1);--color-keycap: var(--color-text);--color-keycap-act: var(--color-primary);--color-keycap-ap-1: #0087f9;--color-keycap-ap-2: #7531f2;--color-keycap-ap-3: #aa5e67;--color-keycap-ap-4: #1e00ff;--color-keycap-axis-1: #ffc828;--color-keycap-axis-2: #ff881e;--color-keycap-axis-3: #e18590;--color-keycap-shadow: 0px 2px 4px var(--color-primary-15);--color-keycap-face: #ffffff;--color-keycap-a-face: #ffffff;--color-keycap-h-face: #ffffff;--color-keycap-side: #b5bbc4;--color-keycap-a-side: var(--color-primary);--color-keycap-h-side: #b5bbc4;--color-keycap-common-border: #bfbfbf;--color-keycap-common-border-a: var(--color-primary);--color-keycap-common-border-hover: #ffffff;--color-keycap-common: var(--color-text);--color-keycap-common-a: var(--color-primary-t);--color-keycap-cmmmon-bg: none;--color-keycap-cmmmon-bg-a: var(--color-primary);--color-keycap-common-bg-hover: #ffffff;--color-menu-icon-a-bg: var(--color-primary);--color-menu: var(--color-title);--color-menu-a: var(--color-primary-t);--color-menu-bg: none;--color-menu-bg-a: var(--color-primary);--color-dialog-bg: #ffffff;--color-dialog-border: var(--color-border-default);--color-btn-bg-default: #ebebeb;--color-btn-bg: var(--color-primary);--color-btn: var(--color-primary-t);--color-btn-disable: var(--color-text);--color-btn-default: var(--color-text);--color-scrollbar: #d9d9d9;--color-badge-title: var(--color-title);--color-badge-indicator: #43cf7c;--color-badge-new: var(--color-primary-t);--color-badge-device-border: var(--color-border-secondary);--color-badge-device-a-bg: #e2e8f0;--color-profile: var(--color-text);--color-profile-border: var(--color-border-default);--color-profile-edit-bg: #ffffff;--color-layer: var(--color-text);--color-layer-bg: #ebebeb;--color-test-key: var(--color-text-secondary);--color-test-key-bg: #ffffff;--color-test-border: var(--color-text);--color-test-press: #d97365;--color-test-release: var(--color-primary);--color-acttest-rail-scale-l: var(--color-text);--color-acttest-rail-scale-s: var(--color-text-secondary);--color-acttest-rail-bg: #bfbdc7;--color-acttest-rail-most: #e2e1e5;--color-acttest-rail-active: var(--color-primary);--color-slider-rail-bg: #e2e1e5;--color-slider-handler-bg: var(--color-primary);--color-slider-handler-border: var(--color-primary-t);--color-slider-track-bg: var(--color-primary);--color-slider-border: transparent;--color-slider-poplabel-bg: var(--color-primary);--color-slider-poplabel: var(--color-primary-t);--color-slider-disabled-handler-bg: var(--color-primary);--color-slider-disabled-handler-border: var(--color-primary-t);--color-slider-disabled-track-bg: var(--color-primary);--color-slider-disabled-poplabel-bg: var(--color-primary);--color-slider-disabled-poplabel: var(--color-primary-t);--color-switch-border: var(--color-border-default);--color-switch-action-border: var(--color-primary);--color-switch-action-bg: var(--color-primary-t);--color-switch-bg: #d9d9d9;--color-switch-checked-bg: var(--color-primary);--color-act-tips: var(--color-tips);--color-ap-title: var(--color-text);--color-rt-title: var(--color-primary);--color-dz-bg: #f7f7f8;--color-dz-border: #ffffff;--color-remap-menu-item: var(--color-text);--color-remap-any: var(--color-text);--color-macro-panel-border: var(--color-border-secondary);--color-macro-divider: var(--color-border-secondary);--color-macro: var(--color-text);--color-macro-delay-btn-bg: #d9d9d9;--color-macro-delay-bg: #d9d9d9;--color-rgb-effect: var(--color-text);--color-rgb-divider: var(--color-border-secondary);--color-pop-border: var(--color-border-secondary);--color-pop-bg: #ffffff;--color-select: var(--color-text);--color-rgb-picker-border: var(--color-border-default);--color-rgb-picker: var(--color-text);--color-rgb-picker-input: var(--color-text);--color-ak: var(--color-text);--color-ak-border: var(--color-border-secondary);--color-ak-cfg-left-bg: #ffffff;--color-ak-code: var(--color-text);--color-icon-mouse: var(--color-primary);--color-dks-color1: #17186a;--color-dks-color2: #860e0e;--color-dks-color3: #bbbe0a;--color-dks-color4: #dcde7e;--color-dks-guide: #475569;--color-dks-action: #475569;--color-dks-action-panel-border: var(--color-border-secondary);--color-dks-aciton-panel-bg: #ffffff;--color-dks-act-label: #79b2ff;--color-cali-press: #97cbf1;--color-cali-state1: #96f788;--color-cali-state2: #eeb8b8;--color-cali-light-primary: #bed7ff;--color-cali-step-content: var(--color-text);--color-cali-btn-disabled-bg: var(--color-text-secondary);--color-axis-bg: #f7f7f8;--color-axis: var(--color-text);--color-firmware: var(--color-text);--color-firmware-light-primary: #bed7ff;--color-progresss-bg: #d9d9d9;--color-progress: var(--color-text);--color-system: var(--color-text);--color-system-item-border: var(--color-border-secondary);--color-theme-button: var(--color-text);--color-help: var(--color-text);--color-version: var(--color-text)}@keyframes rotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes hueRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-down{0%{opacity:0;transform:scaleY(.8)}70%{opacity:1}to{opacity:1;transform:scaleY(1)}}@keyframes fade-out-up{0%{opacity:1;transform:scaleY(1)}70%{opacity:0}to{opacity:0;transform:scaleY(.8)}}@keyframes fade-in-zoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fade-out-zoom{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/HarmonyOS_Sans_SC_Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}html,body{height:100%;min-height:100%}body{position:relative;font-family:var(--font);font-weight:400;font-size:16px;margin:0;padding:0;-webkit-user-select:none;user-select:none;color:var(--color-body)}button{font-weight:700}li{list-style:none}svg{display:block}*:focus{outline:none}#root{height:100%;width:100%}:where(*){border-width:0px;border-style:solid;box-sizing:border-box;overflow-wrap:break-word}.custom-scrollbar{scrollbar-gutter:stable}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{width:5px;height:5px;border-radius:5px;-webkit-box-shadow:none}.custom-scrollbar::-webkit-scrollbar-thumb{cursor:pointer;border-radius:5px;background:var(--color-scrollbar)}.custom-scrollbar::-webkit-scrollbar-corner{background:transparent}.custom-scrollbar.both{scrollbar-gutter:stable both-edges}img{pointer-events:none}.spin{transform-origin:center;animation:spin 1s infinite linear;will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent;cursor:grabbing}.drag-overlay.can-drop{cursor:copy}.drag-overlay.not-allowed{cursor:not-allowed}