@charset "UTF-8";.border{position:absolute;margin:1px;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}.border .top{margin:-2px -1px;width:36px;height:40px;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}.border .top .key{font-family:"Helvetica","Arial",sans-serif;font-size:13px;line-height:1.3em;vertical-align:top;text-align:left;padding:2px 3px}.border .top .key .bigfont,.border .top .key .midfont{font-family:"Helvetica","Arial",sans-serif;font-style:normal;font-size:19px}.border .top .key .midfont{line-height:1.4em;font-size:14px}.border .top .key .bottom_content{font-size:10px;font-style:normal;position:absolute;white-space:nowrap;left:2px;top:36px}.border .top .key .bottomfont{font-style:normal;font-size:10px;white-space:nowrap}.round>.border,.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}.round>.border .top,.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}.round>.border .top .key,.square>.border .top .key{font-family:"Helvetica","Arial",sans-serif;font-size:13px;line-height:1.3em;text-align:center;padding:2px 3px}.round>.border .top .key .bigfont,.round>.border .top .key .midfont,.square>.border .top .key .bigfont,.square>.border .top .key .midfont{font-family:"Helvetica","Arial",sans-serif;font-style:normal;font-size:19px}.round>.border .top .key .midfont,.square>.border .top .key .midfont{line-height:1.4em;font-size:14px}.round.ccw>.border,.round.cw>.border,.square.dnward>.border,.square.upward>.border{border-radius:39px 39px 0 0}.round.ccw>.border .top,.round.cw>.border .top,.square.dnward>.border .top,.square.upward>.border .top{margin:-2px -2px;width:70px;height:35px;border-radius:35px 35px 0 0}.round.ccw>.border .top .key,.round.cw>.border .top .key,.square.dnward>.border .top .key,.square.upward>.border .top .key{vertical-align:top;font-size:9px!important;line-height:9px}.round.ccw>.border .top .key .bigfont,.round.ccw>.border .top .key .midfont,.round.cw>.border .top .key .bigfont,.round.cw>.border .top .key .midfont,.square.dnward>.border .top .key .bigfont,.square.dnward>.border .top .key .midfont,.square.upward>.border .top .key .bigfont,.square.upward>.border .top .key .midfont{line-height:9px;font-size:9px}.round.ccw>.border,.square.dnward>.border{border-radius:0 0 39px 39px}.round.ccw>.border .top,.square.dnward>.border .top{border-radius:0 0 35px 35px}.round.ccw>.border .top .key,.square.dnward>.border .top .key{vertical-align:bottom}.round.sw>.border,.square.sw>.border{border-radius:17px;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.round.sw>.border .top,.square.sw>.border .top{margin:-2px -2px;width:68px;height:30px;border-radius:15px;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.round.sw>.border .top .key,.square.sw>.border .top .key{vertical-align:middle}.round>.border>.top>.key,.square>.border>.top>.key{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.round>.border>.top>.key .fs32,.square>.border>.top>.key .fs32{font-size:22px}.square.dnward>.border .top,.square.upward>.border .top{height:25px}.square.upward>.border{border-radius:24px 24px 6px 6px}.square.upward>.border .top{border-radius:20px 20px 2px 2px}.square.dnward>.border{border-radius:6px 6px 24px 24px}.square.dnward>.border .top{border-radius:2px 2px 20px 20px}.square.sw>.border{border-radius:5px;border-width:2px;border-style:solid;border-color:rgba(0,0,0,0.15)}.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:30px;border-radius:5px}.square.encoder.u1{margin-left:-13px;margin-top:-13px;text-transform:scale(0.68)}.square.encoder.u1 .plate{height:36px}.round.ccw{top:35px}.square.dnward{top:45px}.round.sw,.square.sw{left:1px;top:20px}.encoder{position:absolute}.encoder.u1{margin-left:-14px;margin-top:-14px;-webkit-transform:scale(0.72);transform:scale(0.72);width:82px;height:82px}.encoder.u1 .plate{width:84px;height:48px}.encoder{position:absolute}.encoder.u1{margin-left:-14px;margin-top:-14px;-webkit-transform:scale(0.72);transform:scale(0.72);width:82px;height:82px}.encoder.u1 .plate{width:84px;height:48px}.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:-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)}.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)}.w150.h200 .border .top :before{border-width:0}.w150.h200 .border .top :after{border-width:0}.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}.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)}.homing>.border>.top i:after,.homing>.border>.top span:after{border:none}.border:hover{margin:3px;margin-top:2px}.kbd-led.suden{margin-top:40px}.w125>.border>.top{min-width:49.5px}.w150>.border>.top{min-width:63px}.w175>.border>.top{min-width:76.5px}.w200>.border>.top{min-width:90px}.h150>.border>.top{height:66.5px}.h200>.border>.top{height:94px}.w225>.border>.top{min-width:103.5px}.w250>.border>.top{min-width:117px}.w275>.border>.top{min-width:130.5px}.w300>.border>.top{min-width:144px}.w350>.border>.top{min-width:171px}.w450>.border>.top{min-width:224px}.w600>.border>.top{min-width:306px}.w625>.border>.top{min-width:319.5px}.w650>.border>.top{min-width:333px}.w700>.border>.top{min-width:360px}