#tablet:after,#tablet:before{content:'';display:block}#demoPage,#tabletOverlay{height:100%;top:0;width:100%}#demoPage,#tablet,#tabletCanvas{overflow:hidden}#demoPage,#demoPageLeftBar,#demoPageTopBar,#tabletOverlay{position:absolute;left:0}#tablet{background-color:#f4f4f4;max-width:570px;height:280px;padding:45px 45px 0;border-radius:20px 20px 0 0;margin:0 auto;box-shadow:inset 0 0 3px 0 rgba(0,0,0,.15),inset 0 4px 3px 0 rgba(0,0,0,.03),0 -2px 10px 0 rgba(0,0,0,.05)}#tablet:before{background-color:#666;position:absolute;top:-webkit-calc(50% + 17px);top:calc(50% + 17px);left:20px;height:8px;width:8px;border-radius:50%}#tablet:after{position:absolute;top:-webkit-calc(50% + 2px);top:calc(50% + 2px);right:14px;height:40px;width:15px;border-radius:3px;border:1px solid rgba(0,0,0,.1)}#tabletOverlay{background-image:-webkit-linear-gradient(left,rgba(255,255,255,.2) 0,transparent 75%,transparent 100%);background-image:linear-gradient(90deg,rgba(255,255,255,.2) 0,transparent 75%,transparent 100%);display:block;-webkit-transform:scale(1.5) rotate(-60deg) translateY(50%);-ms-transform:scale(1.5) rotate(-60deg) translateY(50%);transform:scale(1.5) rotate(-60deg) translateY(50%);pointer-events:none}#tabletCanvas{background-color:#111;height:100%;border-radius:5px 5px 0 0;box-shadow:0 0 2px 0 rgba(0,0,0,.1)}#demoPage{background-color:#eaeaea;font-size:8px;padding:34px 0 0 90px}#demoPageTopBar{background-color:#fff;text-align:center;line-height:24px;top:0;width:100%;height:24px;padding:0 10px;background-position-y:center}#demoPageLeftBar{background-color:#c8c8c8;top:24px;height:-webkit-calc(100% - 24px);height:calc(100% - 24px);width:80px;padding-top:24px}#demoPageContent{height:100%}#demoPageContent .column{width:-webkit-calc(33.33% - 10px);width:calc(33.33% - 10px);height:100%;margin-right:10px}#demoPageContent .column,#demoPageLeftBar,#demoPageTopBar{background-size:100% auto;background-position:top center;background-repeat:no-repeat;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}#tablet .left{float:left}#tablet .right{float:right}#tablet .gif{background-color:#EEEEEB}