@charset "UTF-8";:root{--uicolor:#0288d1}html{font-family:helvetica,arial,sans-serif}footer,header,main{padding-left:0px}@media only screen and (max-width:1580px){footer,header,main{padding-left:0}}textarea{font-family:monospace}body{padding-top:0px;background:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}footer,nav{min-width:1280px}.brand-logo{margin-left:20px}#nav-mobile .button,#nav-mobile .dropdown-trigger{width:130px;float:left}#nav-mobile .button .material-icons,#nav-mobile .dropdown-trigger .material-icons{float:left}#kbdinfo_tab_name,#logo_name,.brand-logo{font-family:"United Sans","Helvetica","Arial",sans-serif;font-size:16px;font-weight:bold}#loading{font-family:"United Sans","Helvetica","Arial",sans-serif}#logo_name{font-size:36px}.brand-logo{margin-top:-2px;font-size:30px;font-weight:normal}kbd{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#ffffff;text-shadow:none;padding:0.3em;border:1px solid rgba(0,0,0,0.05);border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#5e5e5e;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.3),0 1px 0 #444444,inset 0 1px 0 #868686;box-shadow:0 2px 2px rgba(0,0,0,0.3),0 1px 0 #444444,inset 0 1px 0 #868686}.material-icons.mr5{margin-right:5px;width:24px}.sidenav-overlay{background:rgba(0,0,0,0.2)!important}.sidenav{width:210px}.sidenav .logo{height:64px;line-height:64px;color:#fefefe;font-size:2.1rem;padding:0 16px}.sidenav li{margin-right:3px}.sidenav li.uicolor,.sidenav li>a:hover{border-radius:0 25px 25px 0;background:linear-gradient(45deg,rgba(0,0,0,0.3),rgba(255,255,255,0.1))}.sidenav li.uicolor{-webkit-box-shadow:0 6px 20px 0 rgba(111,111,111,0.5)!important;box-shadow:0 6px 20px 0 rgba(111,111,111,0.5)!important}.sidenav li.logo{border-radius:0;margin-right:0px}.sidenav-dark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0.75;background:#2c323f}.sidenav-dark li>a{color:#fff}.sidenav-dark li.optgroup{background:#2b2b2b}.sidenav-dark #kbd-name-filter{background:#ffffff}.sidenav-dark li.uicolor,.sidenav-dark li>a:hover{border-radius:0 25px 25px 0;background:linear-gradient(45deg,rgba(255,255,255,0.3),rgba(255,255,255,0.1))}.sidenav-dark li.logo{border-radius:0;margin-right:0px}.yangfont1{font-family:"YANGKeycap","Helvetica","Arial",sans-serif}.choose_key_title{font-size:18px;font-weight:normal;padding:8px 20px 2px 10px;text-shadow:0 0 20px #888}#main-text{width:1280px;margin:0 auto;font-size:16px;font-weight:Normal;padding-top:1px;padding-bottom:1px;padding-left:5px}#firmware-dropdown li>a{height:40px;line-height:40px}#firmware-dropdown li.optgroup{height:30px;line-height:30px;margin-right:-3px;background-color:rgba(0,0,0,0.8);-webkit-box-shadow:0 2px 2px 0 rgba(111,111,111,0.5)!important;box-shadow:0 2px 2px 0 rgba(111,111,111,0.5)!important;position:sticky;top:110px}#firmware-dropdown li.optgroup span{font-size:14px}#firmware-dropdown .fav-kbd{height:18px;line-height:18px;position:absolute;right:0px;margin-top:11px;font-size:18px;color:white;visibility:hidden}#firmware-dropdown li:hover .fav-kbd{visibility:visible}#firmware-dropdown .myfav{visibility:visible}#kbd-name-filter{margin-top:4px;margin-left:6px;padding-left:36px!important;height:36px;width:154px;border:2px solid #7BA7AB;border-radius:20px;font-size:20px}#nav-side-keycap li.optgroup{height:30px;line-height:30px}#kind_dropdown li.optgroup{height:20px;margin-left:6px;width:calc(100% - 12px);background-color:#ddd;pointer-events:none}#kind_dropdown li.optgroup a{padding:4px 3px;font-size:13px;cursor:default;line-height:13px}#nav-side-keycap li>a{color:inherit}#firmware-dropdown-btn{white-space:nowrap}#key-set-tabs,#layer_set{letter-spacing:-5px}#key-set-tabs li,#layer_set li{letter-spacing:normal}.layer.active{font-size:15px!important}.tabs .indicator{background-color:#fcfcfc;height:38px;border-radius:3px 3px 0 0;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6);box-shadow:0 2px 2px rgba(0,0,0,0.6);line-height:36px}#latest_firmware_date{margin-top:-3px}#key-set-tabs .indicator{padding:0 24px}a #kbdinfo_tab_name{color:#fff}.hide{visibility:hidden}.keyboard-pane{font-size:14px;font-weight:Normal;width:1280px;margin:0 auto;margin-top:10px}.disabled.optgroup{background:#ededed;cursor:default}.resizable{resize:both;overflow:auto}.editor_dropdown{height:34px;background:#FFFFFF;font-size:14px}#ledmap-setting{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-row-gap:20px}#keycap_color-user-setting{margin-left:3%;display:-ms-grid;display:grid;-ms-grid-columns:20% 20px 30% 20px 30%;grid-template-columns:20% 30% 30%;grid-gap:20px;margin-bottom:20px}#keyboard-ledmap .dropdown-trigger{width:160px}#keyboard-ledmap .mykeycap2{width:120px;margin-left:30px;line-height:36px}#layout-info-pane{margin-bottom:0px;font-size:16px;overflow:hidden}.fixed-action-btn.tips{margin:-10px 0 0 5px;position:absolute;z-index:5;padding:0;right:auto;bottom:auto}.fixed-action-btn.tips ul{margin:-8px 0 0 -20px}#lock_shift{color:#888;height:20px;width:22px;margin:20px 0 0 79px;position:absolute;z-index:12;font-size:22px}#lock_shift.fa-lock,#lock_shift:hover{color:black}.key-color,.key-set{float:left;color:#bbb;font-weight:normal;text-decoration:none;text-align:center;line-height:19px;width:42px;height:40px;margin:4px;background:rgba(239,240,242,0.6901960784);font-family:"United Sans","Helvetica","Arial",sans-serif;font-size:15px;border-radius:4px;border-top:1px solid #f5f5f5;text-shadow:0px 1px 0px #f5f5f5;vertical-align:middle;cursor:pointer}.key-color .t2_s,.key-set .t2_s{margin-left:-10px;color:#bbb}.key-color .t2_l,.key-set .t2_l{line-height:1px;margin-right:-10px;font-size:20px}.editing-key .key-color,.editing-key .key-set{color:#888;background:#eff0f2;-webkit-box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;box-shadow:inset 0 0 25px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333}.key-set:hover{-webkit-box-shadow:inset 0 0 25px #e8e8e8,0 0 8px #c30000;box-shadow:inset 0 0 25px #e8e8e8,0 0 8px #c30000}.key-set.t1a{line-height:40px;font-size:20px}.key-flat{width:64px;height:64px;line-height:64px;border-style:solid;border-radius:6px;border-width:3px;border-color:rgba(0,0,0,0.1);vertical-align:middle;cursor:pointer}.key-set:active,.keydown{color:#888;background:#ebeced;margin-top:5px;margin-bottom:3px;-webkit-box-shadow:inset 0 0 25px #ddd,0 0 3px #333,0 0 8px #0080ff;box-shadow:inset 0 0 25px #ddd,0 0 3px #333,0 0 8px #0080ff;border-top:1px solid #eee}.key-set.keydown,.key-set.shift_locked{color:#888;background:#ccc;margin-top:5px;margin-bottom:3px;-webkit-box-shadow:inset 0 0 25px #ddd,0 0 3px #333,0 0 8px #0080ff;box-shadow:inset 0 0 25px #ddd,0 0 3px #333,0 0 8px #0080ff;border-top:1px solid #eee}.key-set.h200:active,.keydown{color:#888;background:#ebeced;margin-top:5px;margin-bottom:-45px}.rowstart{clear:left}.rowend{clear:right}.keyboard-set,.row .keyboard-set{display:table-cell;background-image:url("./common/case/00-otis-redding.png"),-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.15)),color-stop(60%,rgba(128,128,128,0.15)),to(rgba(0,0,0,0.15))),-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.15)),color-stop(50%,rgba(128,128,128,0.15)),to(rgba(0,0,0,0.15)));background-image:url("./common/case/00-otis-redding.png"),linear-gradient(to right,rgba(0,0,0,0.15) 0%,rgba(128,128,128,0.15) 60%,rgba(0,0,0,0.15) 100%),linear-gradient(to bottom,rgba(0,0,0,0.15) 0%,rgba(128,128,128,0.15) 50%,rgba(0,0,0,0.15) 100%);border-radius:7px;padding:8px;-webkit-box-shadow:inset 0 0 8px #bbb,0 1px 0 #aaa,0 4px 0 #bbb,0 10px 30px #ddd;box-shadow:inset 0 0 8px #bbb,0 1px 0 #aaa,0 4px 0 #bbb,0 10px 30px #ddd}.key-set.low{height:24px;line-height:24px}.key-set.t1{line-height:40px;font-size:16px}.key-set.s1{line-height:40px;font-size:24px}.key-set.low.s1{height:24px;line-height:24px;font-size:20px}.keyboard-set.icon i{line-height:40px}.keys-category{padding-left:5px;padding-top:10px;clear:both;font-size:15px;float:left}li,ul{padding:0;margin:0}ul li>a{cursor:pointer}li{list-style-type:none;display:block}.autow{width:auto;font-size:15px}.btn,.btn-flat{text-transform:none;font-size:14px;height:36px;padding-left:15px;padding-right:15px}.fl{float:left}.bg1{background:#fcfcfc}.bg2{background:#f5f5f5}.onerow{display:table-row}.page-wd{margin:0 auto;width:1280px}.tabs .tab a.active,.tabs .tab a:hover{color:#fefefe}#layer_set .indicator,.tabs .tab .compact{padding-left:10px;padding-right:10px}.tabs{height:42px}.tabs .tab{line-height:42px;color:#64b5f6}.tabs .tab a{color:rgba(200,200,200,0.7)}#key-set-tabs .tab{text-transform:none}.uicolor{background-color:var(--uicolor)!important;border-color:var(--uicolor)!important}.uicolor-text{color:var(--uicolor)!important}*{scrollbar-width:thin;scrollbar-color:var(--uicolor) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--uicolor);border-radius:1px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5)}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:42px;line-height:1.5rem;width:100%;text-align:left;text-transform:none}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:inherit;display:block;line-height:22px;padding:10px 12px}#fn-set{margin-top:10px;padding-top:5px;padding-bottom:10px}#fn-set #keycodes4tap_dropdown-btn:before,#fn-set #keycodes_dropdown-btn:before{color:var(--color-mykeycap1);background-color:var(--bgcolor-mykeycap1)}#fn-set #key_mods_dropdown-btn:before,#fn-set #layer_mods_dropdown-btn:before{color:var(--color-mykeycap2);background-color:var(--bgcolor-mykeycap2)}#fn-set #layer_dropdown-btn:before,#fn-set #layer_tap_dropdown-btn:before{color:var(--color-mykeycap3);background-color:var(--bgcolor-mykeycap3)}#fn-set .dropdown-trigger{width:200px}#fn-set>a{white-space:nowrap}#fn-set>a.dropdown-trigger:before{content:attr(data-dropkind);min-width:3rem;padding:0 6px;margin-right:-12px;text-align:center;font-size:0.9rem;line-height:22px;height:22px;float:right;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}.btn-flat.select{border-bottom:2px solid;border-color:#0288d1;background-color:rgba(0,0,0,0)!important}footer.page-footer{background-color:#0288d1}#keyfunction-display{height:42px;width:1000px;line-height:42px;margin-left:156px;opacity:80;position:absolute;z-index:12;font-size:18px;color:#fff;text-align:center}#keyfunction-display.hidef{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;z-index:-1}.keyboard-mask.hidef{-webkit-transition:all 0s ease-in-out 0.4s;transition:all 0s ease-in-out 0.4s;z-index:-1}#fn-set .col,#fn-set ul{margin-left:4px;margin-right:4px}.btn.jscolor{width:80px}#mykeycap_system_change{margin-left:50px!important;width:108px;padding:0}#mykeycap_system_change button{width:45%;margin:0!important;padding:0;background-color:#b0b0b0!important}#mykeycap_system_change button.using{width:55%;color:white!important;background-color:transparent!important}#keymap-c.materialize-textarea{width:1024px;margin-left:-60px;font-size:14px;font-family:"Consolas",Sans-serif}#key_mods_dropdown label>span,#layer_mods_dropdown label>span{color:rgba(0,0,0,0.87);width:180px}#key_mods_dropdown .optgroup-option>span,#layer_mods_dropdown .optgroup-option>span{padding:2px 12px;line-height:36px}#key_mods_dropdown #select-lmods>span,#key_mods_dropdown #select-rmods>span,#layer_mods_dropdown #select-lmods>span,#layer_mods_dropdown #select-rmods>span{width:70px}[type=checkbox]:checked+span:not(.lever):before{border-right:2px solid var(--uicolor);border-bottom:2px solid var(--uicolor)}[type=radio].with-gap:checked+span:before{border-color:var(--uicolor)}[type=radio].with-gap:checked+span:after,[type=radio]:checked+span:after{border-color:var(--uicolor);background-color:var(--uicolor)}.center-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto}.center-text{text-align:center}.fs32.mousefix{padding-left:5px;line-height:36px}.fs32.macpowerfix{padding-top:6px;line-height:36px}.key-set.h200{height:88px;line-height:88px;margin-bottom:-48px}.border{position:absolute;margin:1px;border-width:12px;border-style:solid;border-radius:3px;border-color:rgba(0,0,0,0.03) rgba(0,0,0,0.1) rgba(0,0,0,0.18) rgba(100,100,100,0.1);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);box-shadow:0 0 5px rgba(0,0,0,0.5);background-color:inherit;color:inherit;cursor:pointer}.border .top{margin:-6px;width:40px;height:40px;border-style:solid;border-width:0px;border-color:rgba(0,0,0,0.1);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.2) 3%,rgba(0,0,0,0.2) 10%,rgba(255,255,255,0.1) 80%,rgba(255,255,255,0.1) 100%);background-color:inherit;color:inherit}.border .top .key{padding:5px 3px 2px}.border .top .key .bigfont,.border .top .key .midfont{font-family:"YANGKeycap","Helvetica","Arial",sans-serif;font-style:normal;font-size:25px}.border .top .key .midfont{line-height:1.1em;font-size:15px}.space>.border{border-color:rgba(100,100,100,0.08) rgba(0,0,0,0.16) rgba(0,0,0,0.24) rgba(100,100,100,0.1);background-color:inherit}.space>.border .top{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.15)),color-stop(90%,rgba(0,0,0,0.1)));background:linear-gradient(to bottom,rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.1) 90%);background-color:inherit;border-radius:5px}.w150.h200{-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}.w150.h200 .border{clip-path:polygon(0 0,100% 0%,100% 100%,14px 100%,14px calc(100% - 54px),0 calc(100% - 54px));-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,14px 100%,14px calc(100% - 54px),0 calc(100% - 54px))}.w150.h200 .border :before{content:"";left:-13px;bottom:34px;width:14px;height:13px;background-color:inherit;position:absolute;border-width:7px 0 0 0;border-color:rgba(0,0,0,0.24) transparent transparent transparent;border-style:solid;-webkit-transform:skewX(-45deg);transform:skewX(-45deg)}.w150.h200 .border :after{content:"";left:-6px;bottom:-13px;width:8px;height:54px;background-color:inherit;position:absolute;border-width:0 14px 0 0;border-color:transparent rgba(0,0,0,0.1) transparent transparent;border-style:solid;-webkit-transform:skewY(-45deg);transform:skewY(-45deg)}.w150.h200 .border .top :before{border-width:0}.w150.h200 .border .top :after{border-width:0}.w150.h200 .border .top .key{padding-left:14px}.homing>.border>.top{border-style:solid;border-width:0px;border-color:rgba(0,0,0,0.1);border-radius:12px;background:linear-gradient(135deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 20%,rgba(255,255,255,0.1) 70%,rgba(255,255,255,0.1) 100%);background-color:inherit;color:inherit}.homing>.border>.top :after{content:"";border:none}.kbd-led.suden{margin-top:32px}.w125>.border>.top{min-width:53.5px}.w150>.border>.top{min-width:67px}.w175>.border>.top{min-width:80.5px}.w200>.border>.top{min-width:94px}.w225>.border>.top{min-width:107.5px}.w250>.border>.top{min-width:121px}.w275>.border>.top{min-width:134.5px}.w300>.border>.top{min-width:148px}.w350>.border>.top{min-width:175px}.w450>.border>.top{min-width:229px}.w600>.border>.top{min-width:310px}.w625>.border>.top{min-width:323.5px}.w650>.border>.top{min-width:337px}.w700>.border>.top{min-width:364px}:root{--mycase-backgound-image:url(./common/case/00-otis-redding.png)}@font-face{font-family:"YANGKeycap";src:url("./common/fonts/YANGKeycap.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"United Sans";src:url("./common/fonts/united_sans_medium.woff2") format("woff2");font-weight:normal;font-style:normal}.mycase{background-image:var(--mycase-background-image)}#mycase-style .mycase,#mycase-style2 .mycase{background-image:none!important}.mycase,.mykeycap1,.mykeycap2,.mykeycap3{position:relative}#keycap_color-userset-on .key-main,.mykeycap1{background-color:var(--bgcolor-mykeycap1);color:var(--color-mykeycap1)}#keycap_color-userset-on .key-mod,.mycase,.mykeycap2{background-color:var(--bgcolor-mykeycap2);color:var(--color-mykeycap2)}#keycap_color-userset-on .key-enter,.mykeycap3{background-color:var(--bgcolor-mykeycap3);color:var(--color-mykeycap3)}.mykeycap1{border:4px;border-color:#ff0000}.keycap-length{font-size:16px}.rr45>.border>.top>.key{transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.kbdbg-border{margin-left:-6px;margin-top:-6px;position:absolute;border-style:solid;border-width:0px;border-radius:6px;background-color:inherit;background-image:inherit}.kbdbg-inner{width:60px;height:60px;margin-left:-3px;margin-top:-3px;position:absolute;background-color:#888;border-style:none;border-radius:4px;-webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.3);box-shadow:inset 0 0 10px 0 rgba(0,0,0,0.3)}.kbdbg-mask{margin-left:-6px;margin-top:-6px;position:absolute;border-style:none;border-radius:6px;background:linear-gradient(110deg,rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.05) 50%,rgba(0,0,0,0.15) 100%),linear-gradient(10deg,rgba(0,0,0,0.15) 0%,rgba(255,255,255,0.05) 40%,rgba(0,0,0,0.15) 100%);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.4),0 0 8px #bbb,0 1px 0 #aaa,0 4px 0 #bbb,0 10px 30px #ddd;box-shadow:inset 0 0 10px rgba(0,0,0,0.4),0 0 8px #bbb,0 1px 0 #aaa,0 4px 0 #bbb,0 10px 30px #ddd}.kbdbg-mask.bevel{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.2)),color-stop(5%,rgba(0,0,0,0.15)),to(rgba(0,0,0,0.05)));background:linear-gradient(to bottom,rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.15) 5%,rgba(0,0,0,0.05) 100%);-webkit-box-shadow:none;box-shadow:none;border-style:solid;border-width:1px;border-color:rgba(255,255,255,0.2) transparent transparent transparent}.kbdbg-mask2{position:absolute;border-style:none;background-color:rgba(0,0,0,0.15)}.marginb1{margin-left:-6px;margin-top:-6px}.marginb2{margin-left:-12px;margin-top:-12px}.marginb12{margin-left:-12px;margin-top:-12px}.marginb24{margin-left:-24px;margin-top:-24px;border-radius:18px}.bl-key-mask{z-index:99;display:none;margin-left:-6px;margin-top:-6px;width:66px;height:66px;position:absolute;border-style:solid;border-color:red;border-width:6px;border-radius:6px;background-color:transparent}.keyboard-mask{margin-top:-20px;z-index:6;position:absolute;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,0.6)}.marginin1{margin-left:-2px;margin-top:-2px}.kbd-led{cursor:pointer;width:7px;height:7px;background-color:#66ccff;-webkit-box-shadow:#000 0 -1px 2px 1px,inset #000 0 -1px 2px,#999 0 2px 6px;box-shadow:#000 0 -1px 2px 1px,inset #000 0 -1px 2px,#999 0 2px 6px;border-radius:3px}.kbd-led .round{border-radius:50%}.border>.kbd-led{position:absolute;margin-left:calc(100% - 10px)}.border>.kbd-led.suden{width:14px;height:8px;margin-left:0;left:calc((100% - 14px) / 2)}#rectangle{width:14px;height:3px;background:rgba(0,0,0,0.2)}.plate{z-index:0}.key-editing{z-index:2}.border{z-index:3}.plate{position:absolute;margin-top:-3px;margin-left:-3px;border-radius:4px;background:#777}.round>.plate{z-index:-1;background:rgba(0,0,0,0);width:84px;height:50px}.round.key-editing{z-index:3}.keylarger150 .border .top .key{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5)}.border .top .key{display:table-cell;position:static;font-family:"YANGKeycap","Helvetica","Arial",sans-serif;font-size:12px;vertical-align:middle;text-align:center;font-weight:normal;text-decoration:none;min-width:inherit;width:inherit;height:inherit;overflow:hidden;white-space:normal}.circle .border{position:absolute;margin:2px;border-width:8px;border-style:solid;border-radius:25px;border-color:rgba(100,100,100,0.03) rgba(100,100,100,0.1) rgba(100,100,100,0.18) rgba(100,100,100,0.1);-webkit-box-shadow:0 0 5px rgb(100,100,200);box-shadow:0 0 5px rgb(100,100,200);background-color:inherit;color:inherit;cursor:pointer}.circle .border .top{margin:-8px;width:50px;height:50px;border-style:solid;border-width:0px;border-color:rgba(0,0,0,0.1);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.2) 3%,rgba(0,0,0,0.2) 10%,rgba(255,255,255,0.1) 80%,rgba(255,255,255,0.1) 100%);background-color:inherit;color:inherit}.circle .border .top .key{font-size:12px;vertical-align:middle;text-align:center;padding:5px 3px 2px}.circle .border .top .key .bigfont,.circle .border .top .key .midfont{font-family:"YANGKeycap","Helvetica","Arial",sans-serif;font-style:normal;font-size:25px}.circle .border .top .key .midfont{line-height:1.1em;font-size:15px}.border:hover{margin:2px}.border:active{margin:3px 2px}.key-editing{position:relative;border-radius:inherit;-webkit-transform:translate(1px,4px);transform:translate(1px,4px)}.key-editing .plate{-webkit-transform:translate(-1px,-4px);transform:translate(-1px,-4px)}.keyboard-outline{width:1280px;margin:0 auto;font-size:0;padding:0px 0px 10px 0px}#keycap_color-userset-border,#layouts-set-border{max-width:600px;position:absolute;display:none;z-index:1000;opacity:0}#layouts-set{padding:10px}#keycap_color-user .row{height:64px}.card .card-action{padding-top:10px;padding-bottom:0px}#firmware-download,#firmware-download-bin{width:100%;padding-right:40px;padding-left:10px}#firmware-dropdown li.uicolor,#fn-set ul li.uicolor{color:#ffffff!important}#layouts-set label{width:130px}li.optgroup{min-height:18px;color:#0288d1}li.optgroup span{padding:0 4px;font-size:12px}.h150>.border>.top{height:67px}.h200>.border>.top{height:94px}.key-editing .plate{background-color:#eee}.plate{width:60px;height:60px}#keycap-color-list{max-height:338px;overflow:auto;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}#keycap-color-list .keycap-color-block{border:1px solid #5da1c6;margin-left:1px;margin-top:1px;padding:10px}#keycap-color-list .keycap-color-block:hover{cursor:pointer;background-color:rgba(0,0,0,0.2)}#keycap-color-list .keycap-color-block .key-color{height:32px;width:32px;line-height:32px;text-align:center;border-radius:3px;-webkit-box-shadow:0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #777;box-shadow:0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #777;text-shadow:none;font-family:"Helvetica","Arial",sans-serif}#keycap-color-list .keycap-color-block .key-color.key-enter{width:70px}#keycap-color-list .keycap-color-block .key-color.key-mod{width:110px}#mykeycap_change li>a{height:70px;width:42px;margin-top:10px;line-height:18px;padding-top:10px}.dark-mode body{background:#000}.dark-mode .bg1,.dark-mode .keyboard-pane{background-color:#131313}.dark-mode #layout-info-pane{color:#fefefe}.dark-mode .key-set{color:#ccc;background:#100f0d;font-family:"Helvetica","Arial",sans-serif;font-size:13px;border-radius:4px;border-top:1px solid #0a0a0a;-webkit-box-shadow:inset 0 0 25px #171717,0 1px 0 #3c3c3c,0 2px 0 #363636,0 2px 3px #666;box-shadow:inset 0 0 25px #171717,0 1px 0 #3c3c3c,0 2px 0 #363636,0 2px 3px #666;text-shadow:0px 1px 0px #0a0a0a;vertical-align:middle;cursor:pointer}.dark-mode .key-set.h200:active,.dark-mode .keydown{color:#777;background:#141312;margin-top:5px;margin-bottom:3px;-webkit-box-shadow:inset 0 0 25px #222,0 0 3px #ccc;box-shadow:inset 0 0 25px #222,0 0 3px #ccc;border-top:1px solid #111}.dark-mode .key-set.keydown,.dark-mode .key-set.shift_locked{color:#777;background:#333;margin-top:5px;margin-bottom:3px;-webkit-box-shadow:inset 0 0 25px #222,0 0 3px #ccc;box-shadow:inset 0 0 25px #222,0 0 3px #ccc;border-top:1px solid #111}.dark-mode #lock_shift{color:#ccc}.dark-mode .keyboard-set{color:#ccc;background:#333 repeat-x;-webkit-box-shadow:inset 0 0 8px #555,0 1px 0 #444,0 4px 0 #333,0 10px 30px #222;box-shadow:inset 0 0 8px #555,0 1px 0 #444,0 4px 0 #333,0 10px 30px #222}.dark-mode .keys-category{color:#ccc}.dark-mode .kbdbg-mask{background-color:transparent;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.4),0 0 8px #444,0 1px 0 #333,0 4px 0 #444,0 10px 30px #222;box-shadow:inset 0 0 10px rgba(0,0,0,0.4),0 0 8px #444,0 1px 0 #333,0 4px 0 #444,0 10px 30px #222}.dark-mode nav .brand-logo{color:#ddd}.dark-mode nav ul a{color:#ddd}.dark-mode .dropdown-content{color:#ddd;background-color:#363636}.dark-mode .dropdown-content li{color:#ccc}.dark-mode .dropdown-content li.active,.dark-mode .dropdown-content li:hover{background-color:#222}.dark-mode #firmware-dropdown .optgroup{color:#ccc!important}.dark-mode .divider{background-color:#000}.dark-mode #kbd-name-filter{background-color:#333}.dark-mode #preset-keymap-group.optgroup{color:#ccc!important;background-color:#111}.dark-mode .btn-flat{color:#ddd}.dark-mode .btn,.dark-mode .btn-large,.dark-mode .btn-small{color:#ddd}.dark-mode .tabs .tab a.active{background-color:transparent;color:#eee}.dark-mode .white-text{color:#eee!important}.dark-mode .grey-text{color:#ccc!important}.dark-mode .card,.dark-mode .modal-content,.dark-mode .modal-footer{background-color:#333;color:#ddd!important}.dark-mode .card-content label{color:#bbb}.dark-mode .materialize-textarea{color:#ccc}.dark-mode #key_mods_dropdown label span,.dark-mode #layer_mods_dropdown label span{color:#ccc}.loader-wobble{font-size:0.8em;top:160px;left:50%;display:inline-block;width:5em;height:1em;line-height:1.3;position:relative;color:#fff;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:0.1em solid;margin-left:-5em;-webkit-transform:translateX(50%);transform:translateX(50%);-webkit-animation:loadingTextMove 1s infinite cubic-bezier(1,-2.3,1,2.5) alternate,loadingText 1s infinite cubic-bezier(1,-2.3,1,2.5) alternate,loadingBar 8s infinite cubic-bezier(0.445,0.05,0.55,0.95) alternate;animation:loadingTextMove 1s infinite cubic-bezier(1,-2.3,1,2.5) alternate,loadingText 1s infinite cubic-bezier(1,-2.3,1,2.5) alternate,loadingBar 8s infinite cubic-bezier(0.445,0.05,0.55,0.95) alternate;-webkit-filter:drop-shadow(0.2em 0.2em 0.2em rgba(0,0,0,0.5));filter:drop-shadow(0.2em 0.2em 0.2em rgba(0,0,0,0.5))}.loader-wobble:after,.loader-wobble:before{content:"";width:7em;height:7em;position:absolute;top:-3em;left:-0.5em;right:0;bottom:0;border-radius:50%}.loader-wobble:before{-webkit-box-shadow:inset 0 0 0 0.2em rgba(255,255,255,0.8);box-shadow:inset 0 0 0 0.2em rgba(255,255,255,0.8);-webkit-animation:loadingInner 1s infinite cubic-bezier(1,-2.3,1,2.5) alternate;animation:loadingInner 1s infinite cubic-bezier(1,-2.3,1,2.5) alternate}.loader-wobble:after{color:#fff;border-radius:50%;border:0.2em dashed;border-top:0.2em solid #fff;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:loading 1s infinite cubic-bezier(0.6,0,0.4,1);animation:loading 1s infinite cubic-bezier(0.6,0,0.4,1)}@-webkit-keyframes loading{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loadingInner{to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes loadingInner{to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes loadingText{0%{color:#fff;width:0em}to{color:#fff;width:4em}}@keyframes loadingText{0%{color:#fff;width:0em}to{color:#fff;width:4em}}@-webkit-keyframes loadingTextMove{0%{text-indent:1em}to{text-indent:-1em}}@keyframes loadingTextMove{0%{text-indent:1em}to{text-indent:-1em}}@-webkit-keyframes loadingBar{0%{width:0em}to{width:6em}}@keyframes loadingBar{0%{width:0em}to{width:6em}}.fade-out-down{opacity:0;-webkit-animation:fade_out_down 0.4s ease;animation:fade_out_down 0.4s ease}@-webkit-keyframes fade_out_down{0%{opacity:1}to{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}}@keyframes fade_out_down{0%{opacity:1}to{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}}.fade-out-up{opacity:0;-webkit-animation:fade_out_up 0.4s ease;animation:fade_out_up 0.4s ease}@-webkit-keyframes fade_out_up{0%{opacity:1}to{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:0}}@keyframes fade_out_up{0%{opacity:1}to{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:0}}.fade-in-down{opacity:1;-webkit-animation:fade_in_down 0.4s ease;animation:fade_in_down 0.4s ease}@-webkit-keyframes fade_in_down{0%{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:0}to{opacity:1}}@keyframes fade_in_down{0%{-webkit-transform:translateY(-16px);transform:translateY(-16px);opacity:0}to{opacity:1}}.fade-in-up{opacity:1;-webkit-animation:fade_in_up 0.4s ease;animation:fade_in_up 0.4s ease}@-webkit-keyframes fade_in_up{0%{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}to{opacity:1}}@keyframes fade_in_up{0%{-webkit-transform:translateY(16px);transform:translateY(16px);opacity:0}to{opacity:1}}.homing>.border>.top .fade-in-down:after,.homing>.border>.top .fade-in-up:after,.homing>.border>.top .fade-out-down:after,.homing>.border>.top .fade-out-up:after{content:"";visibility:hidden}.keyboard-mask.fade-out{opacity:0;-webkit-animation:keyboard_mask_fade_out 0.05 ease;animation:keyboard_mask_fade_out 0.05 ease}@-webkit-keyframes keyboard_mask_fade_out{0%{opacity:1}to{opacity:0}}@keyframes keyboard_mask_fade_out{0%{opacity:1}to{opacity:0}}#keyboard-outline .mycase,#keyboard-outline .mykeycap1,#keyboard-outline .mykeycap2,#keyboard-outline .mykeycap3{-webkit-animation:mykeycaps_anim 0.3s ease;animation:mykeycaps_anim 0.3s ease}@-webkit-keyframes mykeycaps_anim{0%{-webkit-transform:translateY(-27px);transform:translateY(-27px);z-index:5}60%{z-index:5}}@keyframes mykeycaps_anim{0%{-webkit-transform:translateY(-27px);transform:translateY(-27px);z-index:5}60%{z-index:5}}#layout-info-pane.hidef{height:0px;-webkit-animation:hide_layout_info 0.3s ease;animation:hide_layout_info 0.3s ease}@-webkit-keyframes hide_layout_info{0%{height:80px}to{height:0px}}@keyframes hide_layout_info{0%{height:80px}to{height:0px}}#layout-info-pane.showf{height:80px;-webkit-animation:show_layout_info 0.3s ease;animation:show_layout_info 0.3s ease}@-webkit-keyframes show_layout_info{0%{height:0px}to{height:80px}}@keyframes show_layout_info{0%{height:0px}to{height:80px}}#fn-set>.dropdown-trigger.showf{-webkit-animation:fn_drop_down_show 0.3s ease;animation:fn_drop_down_show 0.3s ease}#fn-set>.dropdown-trigger.hidef{-webkit-animation:fn_drop_down_hide 0.31s ease;animation:fn_drop_down_hide 0.31s ease;padding:0;margin:0}#fn-set>.dropdown-trigger.hidden{display:none}@-webkit-keyframes fn_drop_down_show{0%{width:0;opacity:0;padding:0;margin:0}to{width:200px;opacity:1}}@keyframes fn_drop_down_show{0%{width:0;opacity:0;padding:0;margin:0}to{width:200px;opacity:1}}@-webkit-keyframes fn_drop_down_hide{0%{width:200px;opacity:1;margin:6px;margin:0 4px;padding:0 6px}to{width:0px;opacity:0}}@keyframes fn_drop_down_hide{0%{width:200px;opacity:1;margin:6px;margin:0 4px;padding:0 6px}to{width:0px;opacity:0}}#fly-button{position:absolute;border:none;color:var(--fbcolor);background:var(--fbbgcolor);z-index:-1;visibility:hidden;padding:3px 5px}#fly-button.fly{font-size:1.1em;-webkit-animation:fly_button 0.31s ease;animation:fly_button 0.31s ease}@-webkit-keyframes fly_button{0%{z-index:99;visibility:visible;left:var(--fbs_left);top:var(--fbs_top)}to{z-index:99;visibility:visible;left:var(--fbe_left);top:var(--fbe_top)}}@keyframes fly_button{0%{z-index:99;visibility:visible;left:var(--fbs_left);top:var(--fbs_top)}to{z-index:99;visibility:visible;left:var(--fbe_left);top:var(--fbe_top)}}#share-dialog{position:absolute;color:#5da1c6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:transparent;--aug-tl:48px;--aug-tr:36px;--aug-tr-width:66%;--aug-r:12px;--aug-r-width:12px;--aug-br:25px;--aug-bl:0px;--aug-bl-width:-130px;--aug-b:16px;--aug-b-width:50%;--aug-border:5px;--aug-inset:5px;--aug-border-bg:#5da1c6;--aug-border-opacity:0.5;--aug-inset-bg:rgba(0,0,0,0.3)}#share-dialog .modal-content{padding:24px 36px 0px 24px}#share-dialog .modal-footer{margin-bottom:20px;padding-right:30px;background:transparent}#share-dialog .materialize-textarea{color:#ddd}#share-dialog .modal-footer>.modal-action{color:#5da1c6;--aug-br:10px;--aug-border:2px;--aug-border-bg:#5da1c6}.material-tooltip{background-color:transparent}.material-tooltip .aug{padding:12px;line-height:1.5;background:transparent;--aug-tl:10px;--aug-tr:6px;--aug-br:10px;--aug-bl:6px;--aug-border:3px;--aug-inset:1px;--aug-border-bg:#5da1c6;--aug-inset-bg:rgba(0,0,0,0.6)}.material-tooltip .aug.large{font-size:120%}.material-tooltip .aug.kbdlist{--aug-border-bg:#690;font-size:110%;padding:12px 14px 12px 14px}.material-tooltip .aug.redt{--aug-border-bg:#fd3d38}.material-tooltip .aug.greent{--aug-border-bg:#41ae5b}.material-tooltip .aug.bluet{--aug-border-bg:#009aed}.aug kt{font-weight:bold;font-size:16px;color:#fd3d38;background:rgba(0,0,0,0.6);padding:3px 6px 3px 6px;border-radius:3px}#keyfunction-display kt{background:rgba(0,0,0,0.4);padding:4px 6px 4px 6px;border-radius:3px}