.feedback-container{z-index:2;position:absolute;display:none}.feedback-container.cursor-icon{background:url(../img/touch_sprite_feedback.7a525a42.png) -260px -15px no-repeat;width:17px;height:23px}.feedback-container.tap-icon{background:url(../img/touch_sprite_feedback.7a525a42.png) -300px -15px no-repeat;width:36px;height:36px}.feedback-container.drag-icon{background:url(../img/touch_sprite_feedback.7a525a42.png) -10px -10px no-repeat;width:100px;height:100px}.feedback-container.pulse-icon{background:url(../img/touch_sprite_feedback.7a525a42.png) -111px -10px no-repeat;width:100px;height:100px}.feedback-container.scroll-icon{background:url(../img/touch_sprite_feedback.7a525a42.png) -212px -10px no-repeat;width:27px;height:100px}.animate-feedback-indicator{display:block;opacity:0;animation-name:showfadeout;animation-duration:.35s;-webkit-animation-name:showfadeout;-webkit-animation-duration:.35s;-moz-animation-name:showfadeout;-moz-animation-duration:.35s;-ms-animation-name:showfadeout;-ms-animation-duration:.35s}.animate-double-feedback-indicator{display:block;opacity:0;animation-name:showdoublefadeout;animation-duration:.4s;-webkit-animation-name:showdoublefadeout;-webkit-animation-duration:.4s;-moz-animation-name:showdoublefadeout;-moz-animation-duration:.4s;-ms-animation-name:showdoublefadeout;-ms-animation-duration:.4s}.touch-sprite{background-image:url(../img/touch_sprite.8c37f8eb.png)}.trackpad-wrapper{width:289px!important;border:1px solid #333!important;background:none!important;border-radius:6px;-webkit-box-shadow:0 4px 9px rgba(0,0,0,.6);box-shadow:0 4px 9px rgba(0,0,0,.6)}.trackpad-wrapper .trackpad-container{padding:0!important}.trackpad-wrapper .left-border{background:#aaabb6;background:-webkit-gradient(linear,left top,left bottom,from(rgba(170,171,182,.93)),to(rgba(123,123,133,.93)));background:linear-gradient(top,rgba(170,171,182,.93),rgba(123,123,133,.93));margin-top:-1px;float:left;width:12px;height:209px;border:0}.trackpad-wrapper .touch-area{background:hsla(0,0%,100%,.8);background:linear-gradient(110deg,hsla(0,0%,100%,.8),rgba(238,238,240,.8) 22%,rgba(210,210,216,.8) 71%);border:1px solid #555;-webkit-box-shadow:0 2px 6px 1px #888 inset;box-shadow:inset 0 2px 6px 1px #888;float:left;width:263px;height:206px}.trackpad-wrapper .right-border{background:#aaabb6;background:-webkit-gradient(linear,left top,left bottom,from(rgba(170,171,182,.93)),to(rgba(123,123,133,.93)));background:linear-gradient(top,rgba(170,171,182,.93),rgba(123,123,133,.93));margin-top:-1px;float:left;width:12px;height:209px;border:0}.trackpad-wrapper .bottom-border{background:#7b7b85;background:-webkit-gradient(linear,left top,left bottom,from(rgba(123,123,133,.93)),to(rgba(110,110,119,.93)));background:linear-gradient(top,rgba(123,123,133,.93),rgba(110,110,119,.93));width:289px;height:73px;margin-top:208px;border:0}.trackpad-wrapper .button-left,.trackpad-wrapper .button-right{background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.7)),color-stop(3%,rgba(225,225,227,.7)),color-stop(45%,hsla(0,0%,80%,.7)),color-stop(96%,rgba(190,190,195,.7)),to(rgba(131,131,135,.7)));background:linear-gradient(top,hsla(0,0%,100%,.7),rgba(225,225,227,.7) 3%,hsla(0,0%,80%,.7) 45%,rgba(190,190,195,.7) 96%,rgba(131,131,135,.7));border-radius:6px;-webkit-box-shadow:0 2px 5px #333;box-shadow:0 2px 5px #333;float:left;width:126px;height:47px}.trackpad-wrapper .button-left{margin:12px 0 auto 12px}.trackpad-wrapper .button-right{margin:12px}.trackpad-wrapper .button-left.button-highlight,.trackpad-wrapper .button-right.button-highlight{background:-webkit-gradient(linear,left top,left bottom,from(rgba(170,171,182,.7)),to(rgba(123,123,133,.7)));background:linear-gradient(top,rgba(170,171,182,.7),rgba(123,123,133,.7))}.ctrl-pane-wrapper{width:290px!important;border:1px solid #333!important;border-radius:6px;background:#aaabb6;background:-webkit-gradient(linear,left top,left bottom,from(rgba(170,171,182,.93)),to(rgba(123,123,133,.93)));background:linear-gradient(top,rgba(170,171,182,.93),rgba(123,123,133,.93))}.fnKey-pane-wrapper{background:#c1c4d1;background:-webkit-gradient(linear,left top,left bottom,from(#c1c4d1),to(#b0b1bd));background:linear-gradient(top,#c1c4d1,#b0b1bd)}.fnKey-pane-wrapper,.fnKey-pane-wrapper-down{width:427px;border:1px solid #333;border-radius:6px;position:absolute;padding:0;-webkit-box-shadow:0 5px 7px rgba(0,0,0,.5);box-shadow:0 5px 7px rgba(0,0,0,.5)}.fnKey-pane-wrapper-down{background:#6e6e77;background:-webkit-gradient(linear,left top,left bottom,from(#6e6e77),to(#656565));background:linear-gradient(top,#6e6e77,#656565)}.fnKey-inner-border-helper{position:relative;background:none!important;border-style:solid;border-color:#d5d5d5;border-width:1px;border-radius:5px;pointer-events:none}.ctrl-pane-wrapper .ctrl-pane{padding:3px 0 3px 6px;height:140px;width:280px}.ctrl-pane .baseKey{float:left;border:0;padding:0;width:57px;height:57px;margin:6px;border-radius:6px;font-family:HelveticaNeue,Helvetica Neue,TeXGyreHeros,Helvetica,Tahoma,Geneva,Arial,sans-serif;font-size:18px;text-shadow:0 1px 1px #eee;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.7);box-shadow:0 1px 3px rgba(0,0,0,.7)}.ctrl-pane .ctrl-key-top-row{background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(2%,#f3f5fb),color-stop(98%,#d2d2d8),to(#999));background:linear-gradient(top,#fff,#f3f5fb 2%,#d2d2d8 98%,#999)}.ctrl-pane .ctrl-key-bottom-row{background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(2%,#e1e1e3),color-stop(50%,#d1d1d4),color-stop(98%,#bebec3),to(#838387));background:linear-gradient(top,#fff,#e1e1e3 2%,#d1d1d4 50%,#bebec3 98%,#838387)}.ctrl-pane .up-position .fn-key-top-row{color:#333;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(2%,#f7f7f7),color-stop(96%,#dcdde3),to(#999));background:linear-gradient(top,#fff,#f7f7f7 2%,#dcdde3 96%,#999)}.ctrl-pane .up-position .fn-key-bottom-row{color:#333;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(2%,#f3f5fb),color-stop(98%,#d2d2d8),to(#999));background:linear-gradient(top,#fff,#f3f5fb 2%,#d2d2d8 98%,#999)}.ctrl-pane .down-position .fn-key-top-row{color:#333;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(4%,#e1e1e3),color-stop(45%,#d1d1d4),color-stop(98%,#b7b8bd),to(#838387));background:linear-gradient(top,#fff,#e1e1e3 4%,#d1d1d4 45%,#b7b8bd 98%,#838387)}.ctrl-pane .down-position .fn-key-bottom-row{color:#333;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(4%,#d9dadd),color-stop(45%,#c8c8cd),color-stop(98%,#b0b0b7),to(#838387));background:linear-gradient(top,#fff,#d9dadd 4%,#c8c8cd 45%,#b0b0b7 98%,#838387)}.ctrl-pane .fn-key-top-row{margin:12px 6px 6px 6px}.ctrl-pane .border-key-top-left .fn-key-top-row{margin:12px 6px 6px 12px}.ctrl-pane .border-key-top-right .fn-key-top-row{margin:12px 12px 6px 6px}.ctrl-pane .fn-key-bottom-row{margin:5px 6px 12px 6px}.ctrl-pane .border-key-bottom-left .fn-key-bottom-row{margin:5px 6px 12px 12px}.ctrl-pane .border-key-bottom-right .fn-key-bottom-row{margin:5px 12px 12px 6px}.ctrl-pane .ctrl-key-bottom-row:active,.ctrl-pane .ctrl-key-top-row:active,.ctrl-pane .fn-key-bottom-row:active,.ctrl-pane .fn-key-top-row:active{background:#bbb;background:-webkit-gradient(linear,left bottom,left top,color-stop(25%,#888),color-stop(68%,#ccc));background:linear-gradient(bottom,#888 25%,#ccc 68%)}.ctrl-pane .ctrl-key-bottom-row div,.ctrl-pane .ctrl-key-top-row div,.ctrl-pane .fn-key-bottom-row div,.ctrl-pane .fn-key-top-row div{width:100%;text-align:center;padding-top:17px;overflow-x:hidden}.ctrl-pane .ab-modifier-key-down{color:#4d8dff}.ctrl-pane .baseKey img{background-repeat:no-repeat;width:57px;height:57px;border:0;border-radius:6px}.ctrl-pane .baseKey .right-arrow{background-position:-242px -182px}.ctrl-pane .baseKey .left-arrow{background-position:-126px -182px}.ctrl-pane .baseKey .up-arrow{background-position:-299px -182px}.ctrl-pane .baseKey .down-arrow{background-position:-183px -182px}.ctrl-pane .baseKey .more-keys{background-position:-10px -182px}.ctrl-pane.flip-container{perspective:1000;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000}.flip-container.perform-flip .flipper{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}.flip-container .flipper{transition:.6s;transform-style:preserve-3d;-webkit-transition:.6s;-webkit-transform-style:preserve-3d;-moz-transition:.6s;-moz-transform-style:preserve-3d;-ms-transition:.6s;-ms-transform-style:preserve-3d;position:relative}.flip-container .back,.flip-container .front{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;position:absolute;top:0;left:0}.flip-container .front{z-index:200}.flip-container .back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg)}