.legend.svelte-e6quv8.svelte-e6quv8{position:relative;border-radius:6px;display:block;height:100%;font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif;background:#f5f3f1;background:linear-gradient(left,#e5e2e1,#f5f3f1,#e5e2e1);box-shadow:0 0 10px #00000026}.legend.svelte-e6quv8 .label.svelte-e6quv8{color:#222;font-weight:400;text-shadow:0 0 1px rgba(0,0,0,.1);box-sizing:border-box}.legend.svelte-e6quv8 .label .tm.svelte-e6quv8{position:absolute;float:left;width:100%;height:23px;line-height:23px;top:1px;font-size:16px}.legend.svelte-e6quv8 .label .cm.svelte-e6quv8{position:absolute;float:left;top:13px;width:100%;height:20px;font-size:16px}.legend.svelte-e6quv8 .label .bm.svelte-e6quv8{position:absolute;float:left;width:100%;top:18px;height:23px;line-height:23px;font-size:16px}.legend.svelte-e6quv8 .label .tm.svelte-e6quv8,.legend.svelte-e6quv8 .label .cm.svelte-e6quv8,.legend.svelte-e6quv8 .label .bm.svelte-e6quv8{position:absolute;left:0;width:100%;text-align:center}.legend.svelte-e6quv8 .label .br.svelte-e6quv8{position:absolute;float:left;width:100%;top:26px;height:25px;line-height:23px;font-size:.75em;text-align:right;opacity:.8}.legend.svelte-e6quv8 .label .fr.svelte-e6quv8{position:absolute;top:44px;left:0;right:0;margin:auto;font-size:8px;padding-left:1em;padding-right:1em;text-align:center;height:10px;line-height:10px;border-radius:3px}.legend.KC_TRANSPARENT.svelte-e6quv8 .label.svelte-e6quv8{opacity:.4}.legend.KC_NO.svelte-e6quv8 .label.svelte-e6quv8{color:red}.legend.KC_TRANSPARENT.svelte-e6quv8 .label .tm.svelte-e6quv8,.legend.KC_NO.svelte-e6quv8 .label .tm.svelte-e6quv8{font-size:.75em!important;text-align:center}.legend.svelte-e6quv8 .label .mods.svelte-e6quv8{position:relative;font-size:12px;line-height:12px;text-align:center;width:100%;opacity:.6}.legend.svelte-e6quv8 .label .mods span.svelte-e6quv8{position:absolute;display:inline-block;height:12px;width:12px;background:red;color:#fff;border-radius:2px;box-sizing:border-box;visibility:hidden}.legend.svelte-e6quv8 .label .mods.r span.svelte-e6quv8{background-color:#00f!important;color:#fff}.legend.svelte-e6quv8 .label .mods span.mods_s.svelte-e6quv8,.legend.svelte-e6quv8 .label .mods span.mods_c.svelte-e6quv8,.legend.svelte-e6quv8 .label .mods span.mods_g.svelte-e6quv8,.legend.svelte-e6quv8 .label .mods span.mods_a.svelte-e6quv8{visibility:visible}.legend.svelte-e6quv8 .label .mods span.mods_s.winOnly.svelte-e6quv8,.legend.svelte-e6quv8 .label .mods span.mods_s.macOnly.svelte-e6quv8{top:21px;left:0}.legend.svelte-e6quv8 .label .mods span.mods_c.winOnly.svelte-e6quv8,.legend.svelte-e6quv8 .label .mods span.mods_c.macOnly.svelte-e6quv8{top:34px;left:0}.legend.svelte-e6quv8 .label .mods span.mods_g.winOnly.svelte-e6quv8{top:34px;left:13px}.legend.svelte-e6quv8 .label .mods span.mods_g.macOnly.svelte-e6quv8,.legend.svelte-e6quv8 .label .mods span.mods_a.winOnly.svelte-e6quv8{top:34px;left:26px}.legend.svelte-e6quv8 .label .mods span.mods_a.macOnly.svelte-e6quv8{top:34px;left:13px}.legend.isoEnterAdd.svelte-e6quv8.svelte-e6quv8{top:5px;height:105px;left:21px;width:64px;position:absolute;box-shadow:none}.legend .label i{font-size:1.2em!important}.isoEnterlegend.svelte-e6quv8 .label .tm.svelte-e6quv8{top:30px!important;width:60px;left:15px}.isoEnterlegend.svelte-e6quv8 .label .cm.svelte-e6quv8{top:45px!important;width:60px;left:15px}.isoEnterlegend.svelte-e6quv8 .label .bm.svelte-e6quv8,.isoEnterlegend.svelte-e6quv8 .label .br.svelte-e6quv8{top:50px!important;width:60px;left:15px}.isoEnterlegend.svelte-e6quv8 .label .fr.svelte-e6quv8{top:105px;margin-left:15px}.isoEnterlegend.svelte-e6quv8.svelte-e6quv8{box-shadow:none!important}.isoEnterlegend.svelte-e6quv8 .label .br.svelte-e6quv8{top:86px!important}.legend.KC_INTERNATIONAL_1.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_2.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_3.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_4.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_5.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_6.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_7.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_8.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_INTERNATIONAL_9.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_1.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_2.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_3.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_4.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_5.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_6.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_7.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_8.svelte-e6quv8 .cm.svelte-e6quv8,.legend.KC_LANGUAGE_9.svelte-e6quv8 .cm.svelte-e6quv8{font-size:.8em}.key{width:60px;height:60px;padding:1px;position:absolute;box-sizing:border-box;user-select:none}.key:hover{cursor:pointer;padding:2px 0 0 2px!important}.keycap .keyborder{height:100%;background:#dedad6;border-width:4px 8px 10px;border-color:#ece8e4 #dedad6 #c9c4c4;border-style:solid;border-radius:4px}.positionKey:after{content:"";position:absolute;left:26px;top:44px;border-width:1px 5px 1px 5px;border-color:#64646467;border-style:solid;box-shadow:0 0 2px #fff5}.positionKey:hover:after{left:26px;top:45px}.key.w100{width:60px}.key.w125{width:75px}.key.w150{width:90px}.key.w175{width:105px}.key.w200{width:120px}.key.w225{width:135px}.key.w250{width:150px}.key.w275{width:165px}.key.w300{width:180px}.key.w600{width:360px}.key.w625{width:375px}.key.w700{width:420px}.isoEnter .keycap{background-image:none;box-shadow:none}.key.isoEnter{width:90px}.key.isoEnterAdd{width:75px;height:120px;position:absolute;top:0;left:15px}.keycap.isoEnterKeycap{box-sizing:border-box;position:absolute;background-image:none;box-shadow:none;border-top-left-radius:0;border-top-right-radius:1px;width:73px;left:16px;top:54px;height:65px;border-style:solid;border-width:4px 8px 10px;background:#c9c4c4;border-color:#c9c4c4 #c9c4c4 #c9c4c4}.isoEnterAddBg.svelte-77owmj{box-sizing:border-box;width:75px;height:60px;position:absolute;top:60px;left:15px;background-image:none;box-shadow:none;background:#050402}.key.r0{padding-top:1px}.key.r0{top:0px}.key.r25{top:15px}.key.r50{top:30px}.key.r75{top:45px}.key.r100{top:60px}.key.r125{top:75px}.key.r150{top:90px}.key.r175{top:105px}.key.r200{top:120px}.key.r225{top:135px}.key.r250{top:150px}.key.r275{top:165px}.key.r300{top:180px}.key.r325{top:195px}.key.r350{top:210px}.key.r375{top:225px}.key.r400{top:240px}.key.r425{top:255px}.key.r450{top:270px}.key.r475{top:285px}.key.r500{top:300px}.key.r525{top:315px}.key.r550{top:330px}.key.r575{top:345px}.key.r600{top:360px}.key.r625{top:375px}.key.r650{top:390px}.key.r675{top:405px}.key.r700{top:420px}.key.r725{top:435px}.key.r750{top:450px}.key.r775{top:465px}.key.r800{top:480px}.key.r825{top:495px}.key.r850{top:510px}.key.r875{top:525px}.key.r900{top:540px}.key.r925{top:555px}.key.r950{top:570px}.key.r975{top:585px}.key.c0{left:1px}.key.c25{left:16px}.key.c50{left:31px}.key.c75{left:46px}.key.c100{left:61px}.key.c125{left:76px}.key.c150{left:91px}.key.c175{left:106px}.key.c200{left:121px}.key.c225{left:136px}.key.c250{left:151px}.key.c275{left:166px}.key.c300{left:181px}.key.c325{left:196px}.key.c350{left:211px}.key.c375{left:226px}.key.c400{left:241px}.key.c425{left:256px}.key.c450{left:271px}.key.c475{left:286px}.key.c500{left:301px}.key.c525{left:316px}.key.c550{left:331px}.key.c575{left:346px}.key.c600{left:361px}.key.c625{left:376px}.key.c650{left:391px}.key.c675{left:406px}.key.c700{left:421px}.key.c725{left:436px}.key.c750{left:451px}.key.c775{left:466px}.key.c800{left:481px}.key.c825{left:496px}.key.c850{left:511px}.key.c875{left:526px}.key.c900{left:541px}.key.c925{left:556px}.key.c950{left:571px}.key.c975{left:586px}.key.c1000{left:601px}.key.c1025{left:616px}.key.c1050{left:631px}.key.c1075{left:646px}.key.c1100{left:661px}.key.c1125{left:676px}.key.c1150{left:691px}.key.c1175{left:706px}.key.c1200{left:721px}.key.c1225{left:736px}.key.c1250{left:751px}.key.c1275{left:766px}.key.c1300{left:781px}.key.c1325{left:796px}.key.c1350{left:811px}.key.c1375{left:826px}.key.c1400{left:841px}.key.c1425{left:856px}.key.c1450{left:871px}.key.c1475{left:886px}.key.c1500{left:901px}.key.c1525{left:916px}.key.c1550{left:931px}.key.c1575{left:946px}.key.c1600{left:961px}.key.c1625{left:976px}.key.c1650{left:991px}.key.c1675{left:1006px}.key.c1700{left:1021px}.key.c1725{left:1036px}.key.c1750{left:1051px}.key.c1775{left:1066px}.key.c1800{left:1081px}.key.c1825{left:1096px}.key.c1850{left:1111px}.key.c1875{left:1126px}.key.c1900{left:1141px}.key.c1925{left:1156px}.key.c1950{left:1171px}.key.c1975{left:1186px}.key.c2000{left:1201px}.key.c2025{left:1216px}.key.c2050{left:1231px}.key.c2075{left:1246px}.key.c2100{left:1261px}.key.c2125{left:1276px}.key.c2150{left:1291px}.key.c2175{left:1306px}.key.c2200{left:1321px}.key.c2225{left:1336px}.key.c2250{left:1351px}.key.c2275{left:1366px}.key.c2300{left:1381px}.key.c2325{left:1396px}.key.c2350{left:1411px}.key.c2375{left:1426px}.keycap{height:44px;border-radius:3px;font-family:Helvetica,Arial,sans-serif}.keySelected .keycap .keyborder,.keySelected .isoEnterKeycap{animation:svelte-77owmj-color-fade 1s infinite}.layoutHide.svelte-77owmj{visibility:hidden}@-webkit-keyframes svelte-77owmj-color-fade{0%{border-color:red}33%{border-color:#0f0}66%{border-color:#00f}}@-moz-keyframes svelte-77owmj-color-fade{0%{border-color:red}33%{border-color:#0f0}66%{border-color:#00f}}@keyframes svelte-77owmj-color-fade{0%{border-color:red}33%{border-color:#0f0}66%{border-color:#00f}}.hallEffectSetting,.HeDebuging{position:relative}.hallEffectSetting .legend,.HeDebuging.keycap .legend{background:#e0e0e0!important}.hallEffectSetting .legend .label,.HeDebuging .legend .label{opacity:.2!important}.hallEffectSetting .keyborder,.HeDebuging.keycap .keyborder{background:#dbdbdb!important;border-color:#ddd #ccc #ddd;height:100%}.heKey,.heDebugKey{visibility:hidden}.hallEffectSetting .heKey,.HeDebuging .heDebugKey{visibility:visible;position:absolute;top:6px;height:42px;left:4px;height:44px;border-radius:3px;z-index:9999}.key.heKeySelected .keycap .keyborder,.key.heKeySelected .isoEnterKeycap{animation:svelte-77owmj-colorchange 1s infinite}@keyframes svelte-77owmj-colorchange{0%{border-color:#ff271a}50%{border-color:#ff7571}to{border-color:#ff271a}}.heKeyDebugSelected .keycap .keyborder,.heKeyDebugSelected .isoEnterKeycap{animation:svelte-77owmj-heDebugSel 1s infinite}@keyframes svelte-77owmj-heDebugSel{0%{border-color:#1aabff}50%{border-color:#fff}to{border-color:#1aabff}}