@charset "UTF-8";:root{--uicolor:#0288d1}html{font-family:"Helvetica Neue",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}#nav-mobile .button,#nav-mobile .dropdown-trigger{width:130px;float:left}#nav-mobile .button .material-icons,#nav-mobile .dropdown-trigger .material-icons{float:left}#loading{font-family:"YDKB Keyset","Helvetica","Arial",sans-serif}#logo_name{font-size:36px}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}.yangfont1{font-family:"YANGKeycap","Helvetica","Arial",sans-serif}#setting-tabs,#user-keymaps-tabs{letter-spacing:-5px}#setting-tabs li,#user-keymaps-tabs li{letter-spacing:normal}#temp-row,#user-keyboard-panel{opacity:0}.device-connected #temp-row,.device-connected #user-keyboard-panel{opacity:1}.device-connected #start-page{display:none}.indicator,.tabs .tab{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;text-transform:none}#start-page{width:600px;margin:50px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#start-page div{font-size:1.6em}#start-page .text{margin-top:50px;margin-bottom:10px}#start-page .btn{width:200px;height:56px;line-height:56px}#top-tabs.tabs{height:64px}#top-tabs.tabs a{line-height:64px}#top-tabs.tabs .indicator{color:var(--color-mykeycap2);background:var(--bgcolor-mykeycap2);padding-left:24px;height:52px;top:5px;border-radius:10px;line-height:52px}#top-tabs.tabs .tab{margin:0 -10px}#setting-tabs.tabs .tab a,#top-tabs.tabs .tab a,#user-keymaps-tabs.tabs .tab a{color:#eee}#setting-tabs.tabs .tab a:not(.active):hover,#top-tabs.tabs .tab a:not(.active):hover,#user-keymaps-tabs.tabs .tab a:not(.active):hover{text-shadow:0 0 10px red,0 0 20px red}.tabs.chrome .material-icons{float:left;margin-right:2px}.tabs.chrome .tab .material-icons{line-height:40px}.tabs.chrome .indicator .material-icons{line-height:36px}.tabs.chrome .indicator,.tabs.chrome .tab,.tabs.chrome .tab a{padding-left:10px;padding-right:15px}.tabs.chrome a .transparent{color:rgba(0,0,0,0)}.tabs.chrome .indicator{padding-left:22px;padding-right:30px;margin:0 -10px;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;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M100 100C44.772 100 0 55.228 0 0v100h100z' fill='%23F8EAE7'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 100c55.228 0 100-44.772 100-100v100H0z' fill='%23F8EAE7'/%3E%3C/svg%3E"),url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><rect rx='12' width='100%' height='100%' fill='%23F8EAE7'/></svg>");-webkit-mask-size:12px 12px,12px 12px,calc(100% - 24px) calc(100% + 12px);-webkit-mask-position:right bottom,left bottom,center top;-webkit-mask-repeat:no-repeat}.tabs.chrome .tab{margin:0 -10px;text-transform:none}#setting-tabs.tabs .indicator{padding-left:20px}.hide{visibility:hidden}#user-keyboard-panel{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}#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:"YDKB Keyset","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 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333;box-shadow:inset 0 0 2px #e8e8e8,0 1px 0 #c3c3c3,0 2px 0 #c9c9c9,0 2px 3px #333}.editing-key .key-set.bluek{background:#0080ff;text-shadow:none;color:#eee}.editing-key .key-set.redk{background:#f44336}.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.low{height:24px;line-height:24px}.key-set.low br{display:none}.key-set.low.s1{font-size:20px}.key-set.t1{line-height:40px;font-size:16px}.key-set.t1a{line-height:40px;font-size:20px}.key-set.s1{line-height:40px;font-size:24px}.key-set.low.s1{height:24px;line-height:24px;font-size:20px}.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!important;box-shadow:inset 0 0 25px #ddd,0 0 3px #333,0 0 8px #0080ff!important;border-top:1px solid #eee}.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}.keyboard-set.icon i{line-height:40px}.keys-category{padding:5px 0 0 5px;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}.tabs{height:42px}.tabs .tab{line-height:42px;color:#64b5f6}.tabs .tab a{color:rgba(200,200,200,0.7)}.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}.keyboard-mask.hidef{-webkit-transition:all 0s ease-in-out 0.4s;transition:all 0s ease-in-out 0.4s;z-index:-1}.btn.jscolor{width:80px}#system-style{float:right;margin:15px 60px 10px}#mykeycap_system_change{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}.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}.tabs .tab{height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#tabs-keys-mods .rowstart,#tabs-setting-layout .rowstart{margin-left:10px}#tabs-keys-mods input+span,#tabs-setting-layout input+span{padding:0}#tabs-keys-mods input+span:after,#tabs-keys-mods input+span:before,#tabs-setting-layout input+span:after,#tabs-setting-layout input+span:before{content:"";display:none}#tabs-keys-mods label,#tabs-setting-layout label{color:#9a929e;display:inline-block;cursor:pointer;font-weight:bold;padding:5px 20px}#tabs-keys-mods .optgroup-option label,#tabs-setting-layout .optgroup-option label{margin-left:-4px}#tabs-keys-mods label:has(input[type=checkbox]:checked),#tabs-keys-mods label:has(input[type=radio]:checked),#tabs-setting-layout label:has(input[type=checkbox]:checked),#tabs-setting-layout label:has(input[type=radio]:checked){color:#ccc8ce;background:var(--bgcolor-mykeycap2)!important}#tabs-keys-mods label+label:has(input[type=radio]),#tabs-setting-layout label+label:has(input[type=radio]){border-left:solid 3px var(--bgcolor-mykeycap2)}#tabs-keys-mods .label-title+div,#tabs-keys-mods .radio-group,#tabs-keys-mods span+span,#tabs-setting-layout .label-title+div,#tabs-setting-layout .radio-group,#tabs-setting-layout span+span{border:solid 3px var(--bgcolor-mykeycap2);display:inline-block;padding:0;margin:0 10px 0 10px;border-radius:10px;overflow:hidden}#tabs-keys-mods .optgroup-option,#tabs-setting-layout .optgroup-option{margin-bottom:5px}#tabs-keys-mods .label-title,#tabs-setting-layout .label-title{width:15%;height:40px;line-height:40px;font-size:16px;font-weight:bold}.border{position:absolute;margin:2px;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:calc(var(--width) - 14px);height:calc(var(--height) - 14px);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% - 56px),0 calc(100% - 56px));-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,14px 100%,14px calc(100% - 56px),0 calc(100% - 56px))}.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:56px;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}.gmk{}.gmk .border{position:absolute;margin:2px;width:calc(var(--width) - 3px);border-width:3px 9px 13px;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.22) 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}.gmk .border .top{margin:-2px -1px;width:calc(var(--width) - 18px);height:calc(var(--height) - 14px);border-style:solid;border-width:0px;border-color:rgba(0,0,0,0.1);border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:8px 4px;border-bottom-left-radius:8px 4px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.15)),color-stop(2%,rgba(0,0,0,0.12)),color-stop(90%,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.1)));background:linear-gradient(to right,rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.12) 2%,rgba(255,255,255,0.1) 90%,rgba(255,255,255,0.1) 100%);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);background-color:inherit;color:inherit}.gmk .border .top .key:not(.halfkey){font-family:"OpenCherry","Helvetica","Arial",sans-serif;font-size:14px;line-height:1.3em;vertical-align:middle;text-align:left;padding:3px 2px}.gmk .border .top .key:not(.halfkey) .bigfont,.gmk .border .top .key:not(.halfkey) .midfont{font-family:"OpenCherry","Helvetica","Arial",sans-serif;font-style:normal;font-size:20px}.gmk .border .top .key:not(.halfkey):has(.bigfont){vertical-align:top}.gmk .border .top .key:not(.halfkey) .midfont{line-height:1.1em;font-size:16px}.gmk .border .top .key:not(.halfkey) .bottom_content{font-size:10px;font-style:normal;position:absolute;white-space:nowrap;left:2px;top:36px}.gmk .border .top .key:not(.halfkey) .bottom_content br{display:none}.gmk .border .top .key:not(.halfkey) .bottom_content .halfkey{display:inline}.gmk .border .top .key:not(.halfkey) .bottomfont{font-style:normal;font-size:10px;white-space:nowrap}.gmk .round>.border,.gmk .square>.border{position:absolute;margin:4px;border-width:2px;border-style:solid;border-radius:50%;border-color:black;background-color:inherit;color:inherit;cursor:pointer}.gmk .round>.border .top,.gmk .square>.border .top{margin:-2px -2px;width:70px;height:70px;border-style:solid;border-radius:50%;border-width:1px;border-color:rgba(0,0,0,0.1);background:rgba(0,0,0,0.1);background-color:inherit;color:inherit}.gmk .round>.border .top .key:not(.halfkey),.gmk .square>.border .top .key:not(.halfkey){font-family:"Helvetica","Arial",sans-serif;font-size:13px;line-height:1.3em;text-align:center;padding:2px 3px}.gmk .round>.border .top .key:not(.halfkey) .bigfont,.gmk .round>.border .top .key:not(.halfkey) .midfont,.gmk .square>.border .top .key:not(.halfkey) .bigfont,.gmk .square>.border .top .key:not(.halfkey) .midfont{font-family:"Helvetica","Arial",sans-serif;font-style:normal;font-size:19px}.gmk .round>.border .top .key:not(.halfkey) .midfont,.gmk .square>.border .top .key:not(.halfkey) .midfont{line-height:1.4em;font-size:14px}.gmk .round.ccw>.border,.gmk .round.cw>.border,.gmk .square.dnward>.border,.gmk .square.upward>.border{border-radius:39px 39px 0 0}.gmk .round.ccw>.border .top,.gmk .round.cw>.border .top,.gmk .square.dnward>.border .top,.gmk .square.upward>.border .top{margin:-2px -2px;width:70px;height:35px;border-radius:35px 35px 0 0}.gmk .round.ccw>.border,.gmk .square.dnward>.border{border-radius:0 0 39px 39px}.gmk .round.ccw>.border .top,.gmk .square.dnward>.border .top{border-radius:0 0 35px 35px}.gmk .round.ccw>.border .top .key,.gmk .square.dnward>.border .top .key{vertical-align:bottom}.gmk .round.ccw>.border:before,.gmk .round.cw>.border:before{position:absolute;top:0px;left:56px;text-shadow:0 0 2px #000;z-index:99;content:">";-webkit-transform:rotate(45deg);transform:rotate(45deg);font-size:15px;font-weight:bold;background-color:transparent}.gmk .round.ccw>.border:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:8px}.gmk .round.sw>.border,.gmk .square.sw>.border{border-radius:17px;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.gmk .round.sw>.border .top,.gmk .square.sw>.border .top{margin:-2px -2px;width:68px;height:20px;border-radius:15px;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.gmk .round.sw>.border .top .key,.gmk .square.sw>.border .top .key{padding:0;line-height:20px}.gmk .round>.border>.top>.key,.gmk .square>.border>.top>.key{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gmk .round>.border>.top>.key .fs24,.gmk .round>.border>.top>.key .fs32,.gmk .square>.border>.top>.key .fs24,.gmk .square>.border>.top>.key .fs32{font-size:20px}.gmk .square.dnward>.border .top,.gmk .square.upward>.border .top{height:25px}.gmk .square.upward>.border{border-radius:24px 24px 6px 6px}.gmk .square.upward>.border .top{border-radius:20px 20px 2px 2px}.gmk .square.dnward>.border{border-radius:6px 6px 24px 24px}.gmk .square.dnward>.border .top{border-radius:2px 2px 20px 20px}.gmk .square.sw>.border{border-radius:5px;border-width:2px;border-style:solid;border-color:rgba(0,0,0,0.15)}.gmk .square.sw>.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%);margin:-2px -4px;width:72px;height:20px;border-radius:5px}.gmk .square.encoder.u1{margin-left:-13px;margin-top:-13px;text-transform:scale(0.68)}.gmk .square.encoder.u1 .plate{height:36px}.gmk .round.ccw{top:35px}.gmk .square.dnward{top:45px}.gmk .round.sw,.gmk .square.sw{left:1px;top:25px}.gmk .encoder{position:absolute}.gmk .encoder.u1{margin-left:-14px;margin-top:-14px;-webkit-transform:scale(0.72);transform:scale(0.72);width:82px;height:82px}.gmk .encoder.u1 .plate{width:84px;height:48px}.gmk .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}.gmk .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}.gmk .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))}.gmk .w150.h200 .border{clip-path:polygon(0 0,100% 0%,100% 100%,14px 100%,14px calc(100% - 56px),0 calc(100% - 56px));-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,14px 100%,14px calc(100% - 56px),0 calc(100% - 56px))}.gmk .w150.h200 .border :before{content:"";left:-7px;bottom:38px;width:16px;height:13px;background-color:inherit;position:absolute;border-width:10px 0 0 0;border-color:rgba(0,0,0,0.24) transparent transparent transparent;border-style:solid;-webkit-transform:skewX(-41deg);transform:skewX(-41deg)}.gmk .w150.h200 .border :after{content:"";left:5px;bottom:-7px;width:9px;height:52px;background-color:inherit;position:absolute;border-width:0 9px 0 0;border-color:transparent rgba(0,0,0,0.1) transparent transparent;border-style:solid;-webkit-transform:skewY(-49deg);transform:skewY(-49deg)}.gmk .w150.h200 .border .top :before{border-width:0}.gmk .w150.h200 .border .top :after{border-width:0}.gmk .w150.h200 .border .key{vertical-align:top}.gmk .homing>.border>.top{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:16px 5px;border-bottom-left-radius:16px 5px;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0.15)),color-stop(2%,rgba(0,0,0,0.2)),color-stop(70%,rgba(255,255,255,0.1)),to(rgba(255,255,255,0.1)));background:linear-gradient(to right,rgba(255,255,255,0.15) 0%,rgba(0,0,0,0.2) 2%,rgba(255,255,255,0.1) 70%,rgba(255,255,255,0.1) 100%);background-color:inherit}.gmk .homing>.border>.top :after{content:"";position:absolute;left:12px;bottom:1px;border-width:1px 5px 1px 5px;border-color:rgba(0,0,0,0.3);border-style:solid;-webkit-box-shadow:0 0 3px rgba(255,255,255,0.4);box-shadow:0 0 3px rgba(255,255,255,0.4)}.gmk .homing>.border>.top i:after,.gmk .homing>.border>.top span:after{border:none}.gmk .border:hover{margin:3px;margin-top:2px}.gmk .kbd-led.suden{margin-top:40px}.gmk .top .key[kcode="0x0028"]:before{content:"\e816";font-family:kbd-webfont;float:left;margin-top:4px;font-size:1.4em}.gmk .top .key[kcode="0x00E1"]:before,.gmk .top .key[kcode="0x00E5"]:before{content:"⇧";float:left}.gmk .top .key[kcode="0x002A"]{white-space:nowrap!important}.gmk .top .key[kcode="0x002A"]:before{content:"keyboard_backspace";font-family:Material Icons;float:left;-webkit-transform:scaleX(0.8);transform:scaleX(0.8)}.gmk .top .key[kcode="0x002A"]:after{content:"    ";white-space:pre}.gmk .top .key[kcode="0x002B"]{padding-top:8px!important}.gmk .top .key[kcode="0x002B"]:before{content:"\e853";font-family:kbd-webfont;font-size:2em;float:left;position:absolute;top:0;left:0;-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}.gmk .top .key[kcode="0x002B"]:after{content:"\e854";font-family:kbd-webfont;font-size:2em;float:left;position:absolute;top:25px;left:0;-webkit-transform:scaleY(0.8);transform:scaleY(0.8)}.os-mac .key[kcode="0x002A"]:before{content:" "!important}.flat .border{position:absolute;margin:5px;width:calc(var(--width) - 8px);border-width:1px;border-style:solid;border-radius:4px;border-color:black;background-color:inherit;color:inherit;cursor:pointer}.flat .border .top{margin:-2px -2px;width:calc(var(--width) - 7px);height:calc(var(--height) - 6px);border-style:solid;border-radius:4px;border-width:1px;border-color:rgba(0,0,0,0.1);background:rgba(0,0,0,0.1);background-color:inherit;color:inherit}.flat .border .top .key:not(.halfkey){font-family:"Helvetica","Arial",sans-serif;font-size:13px;line-height:1.3em;vertical-align:top;text-align:left;padding:2px 3px}.flat .border .top .key:not(.halfkey) .bigfont,.flat .border .top .key:not(.halfkey) .midfont{font-family:"Helvetica","Arial",sans-serif;font-style:normal;font-size:19px}.flat .border .top .key:not(.halfkey) .midfont{line-height:1.4em;font-size:14px}.flat .space>.border{border-color:rgba(0,0,0,0.1);background-color:inherit}.flat .space>.border .top{background:rgba(0,0,0,0.1);background-color:inherit;border-radius:5px}.flat .w150.h200{-webkit-filter:drop-shadow(0 0 5px rgba(0,0,0,0.6));filter:drop-shadow(0 0 5px rgba(0,0,0,0.6))}.flat .w150.h200 .border{clip-path:polygon(0 0,100% 0%,100% 100%,14px 100%,14px calc(100% - 56px),0 calc(100% - 56px));-webkit-clip-path:polygon(0 0,100% 0%,100% 100%,14px 100%,14px calc(100% - 56px),0 calc(100% - 56px));background-color:inherit}.flat .w150.h200 .border :before{border-width:0;border-style:solid}.flat .homing>.border>.top{border-style:solid;border-radius:4px;border-width:1px;border-color:rgba(0,0,0,0.1);background:rgba(0,0,0,0.1);background-color:inherit;color:inherit}.flat .homing>.border>.top :after{left:17px;bottom:2px}.flat .border:hover{margin:6px}.flat .kbd-led.suden{margin-top:36px}:root{--mycase-backgound-image:url(./common/case/00-otis-redding.png)}@font-face{font-family:"OpenCherry";src:url("./common/fonts/OpenCherry-Regular.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"YANGKeycap";src:url("./common/fonts/YANGKeycap.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"YDKB Keyset";src:url("./common/fonts/titillium-web-v4-latin-regular.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"YDKB Keyset";src:url("./common/fonts/titillium-web-v4-latin-600.woff2") format("woff2");font-weight:bold;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,.mycase,.mykeycap1{background-color:var(--bgcolor-mykeycap1);color:var(--color-mykeycap1)}#keycap_color-userset-on .key-mod,.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:not(.halfkey){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}.border .top .key:not(.halfkey) .halfkey{display:block;white-space:nowrap;margin-top:-1px;width:100%;max-width:calc(var(--width) - 18px);padding:1px 2px;border-radius:2px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.border .top .key:not(.halfkey) .halfkey:before{content:"";position:absolute;opacity:0.5;top:-1px;left:-1px;right:-1px;bottom:-1px;border:1px solid var(--color-mykeycap1);z-index:1;border-radius:2px}.border .top .key:not(.halfkey) .halfkey.mykeycap2:before{border:1px solid var(--color-mykeycap2)}.halfkey .fa-ban:before{content:" "}#tabs-keys-mods .key-set .fa-ban:before{content:" "}.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::not(.halfkey){font-size:12px;vertical-align:middle;text-align:center;padding:5px 3px 2px}.circle .border .top .key::not(.halfkey) .bigfont,.circle .border .top .key::not(.halfkey) .midfont{font-family:"YANGKeycap","Helvetica","Arial",sans-serif;font-style:normal;font-size:25px}.circle .border .top .key::not(.halfkey) .midfont{line-height:1.1em;font-size:15px}.border:hover{margin:2px}.border:active{margin:3px 2px}#user-keyboard .active,.key-editing{z-index:99;position:relative;border-radius:inherit;-webkit-transform:translate(1px,4px);transform:translate(1px,4px)}#user-keyboard .active .plate,.key-editing .plate{-webkit-transform:translate(-1px,-3px);transform:translate(-1px,-3px)}#user-keyboard .active .border,.key-editing .border{text-shadow:0 0 15px red,0 0 20px red,0 0 30px red;-webkit-box-shadow:0px 0px 10px #ff0000;box-shadow:0px 0px 10px #ff0000}#user-keyboard .active.w150.h200,.key-editing.w150.h200{z-index:3}#user-keyboard .active.w150.h200 .plate,.key-editing.w150.h200 .plate{-webkit-box-shadow:0px 0px 10px inset #ff0000;box-shadow:0px 0px 10px inset #ff0000}#user-keyboard .active .halfkey,.key-editing .halfkey{text-shadow:none}#user-keyboard .active .plate{-webkit-transform:translate(1px,1px);transform:translate(1px,1px)}#user-keyboard .valid .border{text-shadow:0 0 15px greenyellow,0 0 20px greenyellow,0 0 30px greenyellow;-webkit-box-shadow:0px 0px 10px greenyellow;box-shadow:0px 0px 10px greenyellow}#user-keyboard .valid .plate{background-color:greenyellow;z-index:2}.key-editing.halfkey,.key-editing.halfkey:before{text-shadow:0 0 15px red,0 0 20px red,0 0 30px red;-webkit-box-shadow:0px 0px 10px #ff0000,inset 0px 0px 20px #ff0000;box-shadow:0px 0px 10px #ff0000,inset 0px 0px 20px #ff0000}#user-keyboard{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}#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}li.optgroup{min-height:18px;color:#0288d1}li.optgroup span{padding:0 4px;font-size:12px}.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 .tabs.chrome .indicator{background-color:#131313;color:#eee}.dark-mode .mycase{-webkit-filter:brightness(0.8);filter:brightness(0.8)}.dark-mode .plate{background:#555}.dark-mode #user-keyboard-panel,.dark-mode .bg1{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 .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 .divider{background-color:#000}.dark-mode #preset-keymap-group.optgroup{color:#ccc!important;background-color:#111}.dark-mode .btn-flat{color:#ddd}.dark-mode .btn-large,.dark-mode .btn-small,.dark-mode .btn:not(.mykeycap2){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 #mykeycap_system_change .disabled{background-color:#333!important;color:#555!important}.dark-mode #mykeycap_system_change .disabled.using{color:#171717!important;background-color:#AEAEAE!important}.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}}#user-keyboard .mycase,#user-keyboard .mykeycap1,#user-keyboard .mykeycap2,#user-keyboard .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;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);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.5)}.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}