*{margin:0;padding:0}svg,canvas{display:inline-block;border-radius:3px}body{font:12px Helvetica, arial, freesans, clean, sans-serif;overflow:hidden;background:#fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIUlEQVQYV2N89+7dfwYiACNIoZCQECMhtaMK8YYQ0cEDAIUFJ9QI76xWAAAAAElFTkSuQmCC")}.center{display:block;margin:0 auto}.render-shell{position:absolute;top:0;right:0;bottom:0;left:0}.is-embedded .render-shell{border:1px solid #ddd;border-bottom:1px solid #ccc;border-radius:3px}.render-viewport{position:absolute;top:0;right:0;left:0;bottom:0}.render-info{position:absolute;z-index:999;top:10px;right:10px;vertical-align:middle}.render-info .symbol{font-size:20px;color:#777;float:right;cursor:pointer;line-height:1;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff}.render-info .message{z-index:9999;margin-top:-8px;margin-right:18px;display:none;background:rgba(0,0,0,0.8);color:#aaa;border-radius:3px;border:1px solid #eee;padding:10px}.render-info .message a{color:#4183c4;text-decoration:none}.render-attribution{position:relative;display:block;z-index:9999;float:right}.render-attribution:hover .symbol{color:#000}.render-attribution:hover .message{display:block}.render-health:hover .symbol{color:#000}.render-health:hover .message{display:block}.render-health{display:none;position:relative;float:right;margin-left:5px}.render-health .symbol{font-size:25px;line-height:15px}.is-viewer-bad.render-health{display:block}.render-bar{z-index:9999;position:absolute;bottom:0;right:0;left:0;padding:10px;border-top:1px solid #ddd;text-align:center;background-color:#f7f7f7}.render-bar-with-modes{font:12px "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif}.render-bar-with-modes .render-message{float:right}.render-message{display:none;color:#999}.render-message a{font-weight:bold;color:#666;text-decoration:none}.is-embedded .render-bar{display:block;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.is-embedded .render-bar-with-modes{text-align:left}.is-embedded .render-message{display:inline-block}.render-view-modes{background:none;background-repeat:no-repeat;display:inline-block}.render-view-modes li{background:none;display:inline-block;cursor:pointer;border-right:1px solid #ccc;padding:0 5px;position:relative;color:#666}.render-view-modes li:first-child{padding-left:0}.render-view-modes li:last-child{border-right:none;padding-right:0}.render-view-modes li.active{font-weight:bold}.render-view-modes li.active:before{position:absolute;top:-13px;left:40%;font-size:10px;content:"▼";color:#ddd}.is-viewer-good{display:none}.is-viewer-bad{display:inline-block}a.failed,a:hover.failed,a:visited.failed{color:#ff0000}.slider{z-index:999;background-color:rgba(100,100,100,0.8);height:25px;width:100%;border-top:1px #111 solid;margin:10px auto}.slider .slider-track{position:static;width:100%;height:0px;margin:12px auto;border-top:#fff 1px solid}.slider .dragger{text-shadow:none;position:absolute;top:6.5px;left:25%}.slider .dragger:hover,.slider .dragger:active{cursor:pointer;color:#eee}.render-shell img,img.asset{border:1px solid #fff;background:url("../bg.gif") right bottom #eee}.img-view img{max-width:600px}div.border-wrap{background-color:#fff;border:1px solid #999;display:inline-block;line-height:0px}div.border-wrap.added{border:1px solid #63c363}div.border-wrap.removed{border:1px solid #f77}.render-shell{text-align:center;background-color:#eee;padding:30px}.shell{display:inline-block;line-height:0;vertical-align:top}.shell p{color:#999;font-family:Helvetica, arial, freesans, clean, sans-serif;font-size:12px;padding:12px 0}.shell .added-meta .changed{color:#63c363}.shell .deleted-meta .changed{color:#f77}.swipe{margin:auto}.swipe .swipe-frame{position:absolute}.swipe .swipe-frame .deleted-frame{position:absolute}.swipe .swipe-frame .swipe-shell{position:absolute;right:-2px;display:block;border-left:1px solid #999;height:100%;overflow:hidden}.swipe .swipe-frame .swipe-shell .added-frame{position:absolute;right:0px}.swipe .swipe-frame .swipe-bar{z-index:100;position:absolute;height:100%;top:0px;left:0px}.swipe .swipe-frame .swipe-bar .top-handle{background:url("../img/swipemode_sprites.gif") 0 3px no-repeat;top:-14px;left:-7px;height:14px;width:15px;position:absolute}.swipe .swipe-frame .swipe-bar .bottom-handle{background:url("../img/swipemode_sprites.gif") 0 -11px no-repeat;bottom:-16px;left:-7px;height:14px;width:15px;position:absolute}.onion-skin{margin:0 auto}.onion-skin .onion-skin-frame{margin:0 auto;position:relative}.onion-skin .controls{width:300px;position:absolute;bottom:-25px;left:50%;margin-left:-150px;height:14px}.onion-skin .controls .transparent,.onion-skin .controls .opaque{position:absolute;width:10px;height:10px;top:14px}.onion-skin .controls .transparent{background:url("../img/onion_skin_sprites.gif") -2px -10px no-repeat;left:-15px}.onion-skin .controls .opaque{background:url("../img/onion_skin_sprites.gif") -2px 0 no-repeat;top:14px;right:-15px}.onion-skin .controls .slider{position:absolute;background-color:transparent;border-top:0px;margin:0px}.onion-skin .controls .slider .slider-track{position:absolute;right:0px;border-top:0px;height:10px;background:url("../img/onion_skin_sprites.gif") -4px -20px repeat-x}.onion-skin .controls .slider .slider-track .dragger{height:14px;width:14px;top:2px;background:url("../img/onion_skin_sprites.gif") 0px -36px repeat-x}.onion-skin .added-frame{position:absolute}.onion-skin .deleted-frame{position:absolute}.deleted-frame{border:1px solid #f77;display:block}.added-frame{border:1px solid #63c363;display:block}.two-up .added-frame:before,.two-up .deleted-frame:before{position:relative;top:-15px;font-weight:bold}.two-up .deleted-frame:before{content:"Deleted";color:#ff4444}.two-up .added-frame:before{content:"Added";color:#44b044}