.shadow-box{-webkit-box-shadow:0 0 2px rgba(0,0,0,05);-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);box-shadow:0 0 2px rgba(0,0,0,0.5)}form ul.errors{margin:0;padding:0;list-style:none;color:red;margin-top:.3em}.task-description{height:330px;margin-bottom:20px;overflow-y:auto;padding:10px 1em}.editor-container{position:relative;height:350px;margin-bottom:20px}.editor-container-tabbed{height:685px;margin-top:40px}.editor-container .editor-panel{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:10}.editor-container .editor-panel.active{z-index:100}.editor-container .editor-panel > div{height:100%}.editor-tabs{top:-38px;position:absolute}.editor-container .editor-label{position:absolute;z-index:500;right:10px;margin-top:5px}.editor-container .editor-label-switch{cursor:pointer}.editor-container .editor{height:350px;width:100%}.browser-column{position:relative;min-height:720px}.task-notification{position:absolute;width:94%;padding:10px 3%;left:0;bottom:0;text-align:right;font-size:.9em;color:#333;border:1px dashed #ccc;border-radius:3px}.browser-container{position:relative;height:315px;width:100%;margin-bottom:20px;border:4px solid #618ad2;border-top:30px solid #618ad2;border-radius:3px}.browser-container .tab{position:absolute;width:174px;height:23px;padding-top:5px;padding-left:20px;padding-right:20px;font-size:.85em;color:#666;margin-top:-28px;background:url(/themes/htmlacademy/img/browser_tab.png) no-repeat 0 0;z-index:100}.browser-container .tab .title-container{white-space:nowrap;overflow:hidden}.browser-container .second-tab{position:absolute;right:0;text-align:right;width:194px;height:23px;padding-top:5px;padding-right:20px;font-size:.85em;color:#666;margin-top:-28px;background:url(/themes/htmlacademy/img/browser_tab.png) no-repeat 0 0;z-index:50}.browser-container .tab-toggle{cursor:pointer;z-index:50;opacity:.5}.browser-container .tab-toggle-active{z-index:100;opacity:1}.browser-container iframe{height:313px;width:100%;border:none}.browser-container .reload-browser{position:absolute;top:-27px;right:12px;padding:2px 5px;height:17px}.tab-pane .browser-container{width:auto}.task-completed{display:none;margin-top:1em}.tip .tip-content{display:none;margin-top:.5em}.tip .tip-toggle{cursor:pointer;color:#3A87AD;border-bottom:1px dashed #3A87AD}.tip .tip-toggle:hover{border-bottom:none}.tip a.tip-toggle{text-decoration:none}.no-limits-left{padding-bottom:60px;background:url(/assets/course13/cat_grumpy.png) no-repeat 50% 100%}.no-limits-left h3{line-height:1.1;margin-bottom:.5em}.ha-wide-task{margin-top:-20px;padding-top:20px}.ha-wide-task .ha-task-controls{position:relative;min-height:30px;margin:20px 190px;margin-top:0;margin-left:170px;padding:9px;background-color:#F5F5F5;border:1px solid rgba(0,0,0,0.05);border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.05) inset}.ha-wide-task .ha-task-controls:after{display:table;content:'';clear:both}.ha-wide-task .ha-task-summary{position:absolute;left:-170px;width:160px;top:-2px}.ha-wide-task .ha-task-navigation{margin-bottom:4px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ha-wide-task .ha-task-results{position:absolute;right:-220px;top:10px;width:200px;text-align:right}.ha-wide-task .ha-task-goals{float:left;max-width:570px;margin-top:5px;padding-left:55px}.ha-wide-task .ha-task-goals ul,.ha-wide-task .ha-task-goals ol{margin:0;padding:0;list-style:none}.ha-wide-task .ha-task-goals li{display:none}.ha-wide-task .ha-task-goals li:first-child{display:block}.ha-wide-task .ha-task-goals .ha-goal-label{position:absolute;left:10px;line-height:14px}.ha-wide-task .ha-task-goal-switcher{float:right;margin-left:20px}.ha-wide-task .ha-task-goal-switcher button{transition:background-color .5s}.ha-wide-task .ha-next-task{transition:background-color 1s}.ha-wide-task .browser-container{height:610px}.ha-wide-task .browser-container iframe{height:608px}.ha-quest-task .browser-container{position:relative;height:685px}.ha-quest-task .browser-container iframe{height:635px}.ha-quest-task .ha-task-goals{position:absolute;bottom:70px;left:0;width:80%;padding:10px 3%;background-color:#f5f5f5;background-color:rgba(245,245,245,0.95);border:1px solid #618AD2;border-left:none;border-top-right-radius:3px;border-bottom-right-radius:3px;box-shadow:0 0 3px rgba(97,138,210,0.5)}.ha-quest-task .ha-task-goals-completed{border-color:#5BB75B;border-width:3px;background-image:url(/themes/htmlacademy/img/retina.svg);background-repeat:no-repeat;background-position:90% 50%;background-size:auto 80%}.ha-quest-task .ha-task-goals-top{bottom:auto;top:20px}.ha-quest-task .ha-next-task{float:right;transition:background-color 1s}.ha-quest-task .ha-task-controls{position:absolute;width:94.1%;bottom:0;padding:10px 3%;background:#618AD2;box-shadow:0 1px 1px rgba(0,0,0,0.05) inset}.ha-quest-task .ha-task-goals ul,.ha-quest-task .ha-task-goals ol{position:relative;margin:0;padding:0;padding-left:55px;list-style:none}.ha-quest-task .ha-task-goals li{margin-bottom:5px}.ha-quest-task .ha-task-goals .ha-goal-label{position:absolute;left:0;line-height:14px}.ha-quest-task .ha-task-goals .bonus-goal{display:none;padding-top:10px;margin-top:10px;border-top:1px solid #ccc}.ha-quest-task .ha-goals-position-toggle{position:absolute;right:-7px;top:-7px;padding:2px 5px;cursor:pointer;z-index:1500}.ha-quest-task .ha-task-goals-top .icon-arrow-up{background-position:-312px -96px}.ha-quest-task .task-notification{position:static}.ha-task-description-popup{position:absolute;top:110px;left:50%;width:660px;min-height:300px;margin-left:-330px;background:#fff;z-index:2000;box-shadow:0 2px 5px #999}.ha-task-description-popup .ha-task-description{padding:20px 30px}.ha-task-description-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1900;background:rgba(0,0,0,0.2);cursor:pointer}.ha-task-description h1{font-size:24px;line-height:30px;margin-bottom:.5em}.ha-task-description .course{margin-bottom:.5em;color:#666}.ha-task-description .course a{color:#666;text-decoration:none;box-shadow:0 1px 0 #ccc}.ha-task-description .course a:hover{box-shadow:none}.ha-task-description-overlay,.ha-task-description-popup{display:none}.ha-challenge-view-controls{position:absolute;top:-27px}.ha-challenge-view-controls button{padding:3px 8px;font-size:12px;line-height:16px}.ha-challenge-view-controls .ha-popover{position:absolute;width:15px;height:16px;line-height:15px;right:-20px;top:4px;background:#fff;color:#000;opacity:.5;font-size:12px;text-align:center;font-weight:700;border-radius:5px;cursor:pointer}.ha-quest-challenge .ha-challenge-view-mode{display:none;width:100%;height:313px;overflow:auto}.ha-quest-challenge .ha-challenge-view-mode:nth-child(2){display:block}.ha-challenge-view-mode img{max-width:none}.ha-challenge-mode-overlay{position:relative}.ha-challenge-mode-overlay .server-view{position:absolute;top:0;left:0;z-index:5;opacity:.5}.demo-toggle.need-reaction,.ha-challenge-toggle-server-view.need-reaction{position:relative}.demo-toggle.need-reaction:after,.ha-challenge-toggle-server-view.need-reaction:after{content:'*';font-size:20px;font-weight:700;position:absolute;right:2px;top:2px;color:#DA4F49}.ha-code-controls{margin-top:-5px;margin-bottom:20px}.ha-code-controls #reset-code{margin-left:20px}.ha-quest-challenge .ha-task-controls{width:100%;margin-top:-25px;border:4px solid #618AD2;border-top:none;border-radius:3px}.ha-quest-challenge .ha-task-controls-container{position:relative;padding:10px 5px;background:#618AD2}.ha-quest-challenge .ha-task-controls-container:after{content:'';display:table;clear:both}.ha-quest-challenge .ha-task-controls .btn{vertical-align:top}.ha-quest-challenge .ha-task-controls .progress{display:inline-block;width:170px;vertical-align:top;margin:5px 0}.ha-quest-challenge .ha-task-controls #check{margin-right:5px}.demo-btn.need-reaction,#check.need-reaction{box-shadow:inset 0 3px 0 0 #DA4F49}.demo-btn.need-reaction .icon-check,#check.need-reaction .icon-check{animation-name:pulse;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}.ha-quest-challenge .ha-next-task{float:right}.ha-quest-challenge .no-limits-left{margin:0;padding:10px;padding-right:70px;background:#fff url(/assets/course13/cat_grumpy.png) no-repeat 98% 10%;z-index:100;border:2px solid #ccc;border-radius:3px;clear:both}.browser-logo{display:none}.browser-container--ya,.browser-container--o{border-color:#f0f0f0}.browser-container--ya .tab,.browser-container--o .tab{position:absolute;top:-26px;left:40px;height:22px;margin:0;padding-top:3px;background:#fff;border-top-left-radius:3px;border-top-right-radius:3px;border:1px solid #ddd;border-bottom:none}.browser-container--ya .browser-logo,.browser-container--o .browser-logo{display:block;position:absolute;top:-28px;left:5px;width:25px;height:25px;font-size:0;box-shadow:0 0 2px #ccc;border-radius:50%;background-color:#fff;background-size:100% auto;transition:transform .5s}.browser-container--ya .browser-logo{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAMX0lEQVR4Ae2d7WtkVx3Hb8JS9sWQ/gOLFhJbyRobMT7QIrYoQjXENAk1oES0ESv4RonovlhREF8UlUrclSEBRYsiAfFFXkg1kBciS1FTLE7FLHbJblvbTe7kYR7mzsM9/r5wD/3t6U0mc+fcOffhfOH7IjNzH875fO95OPdOxsmaqtXaBfI4eYG8Qr5O3iTfIO+SXXKDLBQ3gvd2g89uBtuuBPsax74dq8QBHyUvkYvkHbIHoDHZC45RDI45agkMHniBPBtA2AMYw8Y5FINzKlhC8UC/SJ4nb5Dr5wFTrzdEo+GJZrMpWq2WaLfbotPpCNj3/TDL9/FZbINtsQ/s67xhqAfnOI9ztuT6Bz9BXiW73WB7XjOA7IuYhH3jGDjWeULhBuc+YUn2Bn2IPE3ePq1ya7U6QfAAA1euMCXfl4HwcE5nhWE7KNOQJXw6+GHyIrl0OnRc5R2RUOHccI5nhaEUlHHYEr8X/pwKnjfvrVZbpEw4Z5z7WUGYyz34SqU6Sd4mC9UYfGFAlnahDChLWBmDsk/mEfwI+RrZDwOPvjVrQplOCYIf1MVIXuDPkG+/E3xDjuAzLZQRZQ0JAupkJsvgC+R1teAYMGHwlDehzCh7SBBQR4WswZ8i31QLi4WWvAt1EBIC1NVUVuAvkz1ewHq9zvp5K9QF6kQJgYe6SzP4+8hrfV/1tjVYQ12mDf795C1WCMx9u0/rrFBHqCs1BFuo07TAv0Qu3dvkN3pu8m2X0FBDUELdJh3+GPmWOq+3iqaQdQPU7VhS4V8m37H9fezjAtTx5eRd+Qp83E+30iPUZUgIxpLU598aOHwbAtT5pSSM9kvG4NsQlMDA5Dx/yzh8G4ItsDARgLXEDPjswHBtoPBPTirLZCGNu1uDlRXqnDMAk0HBnyJ78sC4o2VEVqh7HgAPbOKGXyDflAdF82NX+IyuGIIBDwHYFOIMwDo7WN/38Tt390X7P7v5HdCVXhH+0VHfzxVwJmAUF/wZfiDPa/Zz1qL63KrYHx0Xdx94SHgv/FnkTfXnfyvuvus9Yv+hCVFb/4UQ0VtSsFBDMKMb/gj5to5+v/PWW+Lwc18Qdy+Nvm2E4I8v5Af+r56/p/zw0dPPCP/kRNd4AKxGdAbgGk9Y1Gf32q/eEu4jj7GCM9PV0Pj9H7IP/5e/Di0/XP7kp3GBRH7WkDMCM13wJ8m+3HHU+X7rlX+Lg8kPy8LmMgS1n/38zPLD7qOPi/be7ajrAzwAPtjpCMC23CkeVIh65R88/CFZyK4hqP/md7mEz0MQsSUAIx6C7X7hz9076m/33jS9+aZwP/pxFKwno5/Miqo/eq7n8rufeCLSmACMODMwjAp/mFySO8ITKj2r1RaHc4uyULkMQeWHz0Yu/9GXvxpldgBWPAAlsIwSgEWepCjP81Wf/QkK0o/RdOYSvnStuB7puULODix7hT+E5PSz1t95/Q1M71CI3IUAV+3Jlatayr4/dhkLZv3eKyiBaS8BmO532tfaeQkDOhRCi6s//mnu4MtBceufL+uYFk5HGvmjP4kqTOl0hgBNaqKFAdjKd3TC59PifscC2+eFPxHe9/cRggcezHwIAP/469/QVU7UmQpfx1hgwumm4+OTVbKAMafUIKz1axsPwCdXvoumNsPw9d0fAUPJE2y7wb9IduUGzWZLQMkMwdVkhKDZxHQtkfAhMGQBcMH4rADMyw+jydArhGALo1p9IfjWFVx9ZuF/6SvayoO68f60JXQLLFkI5s8KwIb8IAYQcaj5l79qDQGaXhMh8Gs1cfTFZa3wUTdxCCxZADZOg18g1+UHlWVfGwIF/uFTn08FfAgsWQDqYB0WgFne/Met5o0Xxf57H9ZVibifjiY5dfBRB6gLRXF3A7NhASjG3fyrav3jJZ0hQH8cawj842NR/uyCVvioA0WD6AaKYQHYC96UX/BIbQhwlcYCf3oulfAhMGUB2FPhj7I3B/6kb+vlf4mD909pq1w00TpD4LtlrfBRVpR5kAJTzhjMeQCW5Bt4zNiE8MRQEkPQ2T/AvXmt8FFWEwJbFoCl+Pt/0yF48ik03RZ+l3EAArDDV/9Mqv3fV8XB1CPaKh1NN0IQ5Xa2+9in9MGnMuHROJNSVgV3JPwLZE++kYR/5ISK0h6Cw8Pe4D/6eKbgQ2DLAuCBPQIwzgcH5sVC8JGPaYOAphxNejd17rymEz7KYB4+E2cN9gjAgoEBoIkrUQlB/C0Pzh1lSJDUgeACArAiX5Df+MlwCNCvY5+5hA+BMQvAinN0dHydLGADMwAjAzIVDkbmgK87ZEkUGEveYI8AbMoX8CVDAzIwJQtC8NrrfOoZfzdjXmDMA7CJANyQL8gpYE5CgKs+V/AhMGYBuIEA7MoX5C3gpIeg/JkndUHTOdVMPHwIjFkAdhEAV75gcg3AwI0ZA4tN5gXGLAAuAtBQAmBDYAi+gQA0EACRxgBA/klFPpxhxDg2zgFKaQAED0D8t4HNP6Fj+G6jeYFxpgLAQ2DhRw+A+S7A/CPa5h87M9QFqINAGwID8E0OAt3MBECG4Oln9MNf/pqEn6UAuOYXgsx/V8/89w4MLwSpS8E2BCbhG1gKVm8GZSoEJ9/8dlT42DZT8MNvBim3gzMn348cAGybNYXdDl6RL9Qwt82gogYgiwJjFoAV5/DwaIEsYOU7gTYAGRQYS95gjwCMsxdsADIeAM4a7BGAC2RPvsjWAmwAMiawZfA9sHdICMGOfCN7P/5kAyAFtiwAO2AvA1CUb7Ang20AMiawZQEo8gAsGRgI2gCYHQAu8QCMsjfkbWEbgAwJTDljMAd7HoI9dRxgA5DZ/n/PUaSMA2o2ABkLAJiq/b8agFn5AawSZUk2AAJMeQBmwwJQINflh7LzQ9A2AGDJ4NfBmrPnIdhg00EbgGxO/zY4czUA87wbSP1kwAYADNXmf/6sAFwku3w2YAOQqdG/C8YqdzUEq3KDSqViA5BygSELwCoYdwvABNsgxc8J2gCAHWcJts55VC4fbpMFXK1WbQBSKrCTHMEUbM8bgGm2YQpvEdsAgBlnCKa9BGCIXHq7FajZAKRMYMbgl8AUbHsJwaLSCtgApPfqXwTTXgMwzFuBSqVqA5AOgZV69Q+DaZQQzPEkJX952AYAjDgzMHQiS5kR4H/LJVs2AGCkjvz7DcAk2Zc7bTQaNgAJFdgw+D7YgaGOEFyTO5ZPDtsAJPOJXxaAa2CnKwAj5Nty58l7btAGAEwYfLAaATudIZhhB0jQ9whtAMCCswErJwYhBOv8QObvE9gAgIECfx2s4gpAgXxTHszsP5ayAZD/8InBB5sCWMUZgimyp44HbACM9/se2DgDEEKwTBb8XoENgNG1fnjZGaAQgjV1UGgDYGzQt+YMWq5bvo+8RRbSjYZnAxCzUMe8zsEALMDERAjuJ5f4CXmeZwMQk1C3CvwSGDgGhRBcIt9SQmADED981PklycF0CMbId5TuwAYgvmYfdT3mJEgIwWU1BPV63QagP6EOw+BfdpIopFLtDqI/VGoDgLpTm/1IV76BMQEfGPb4k/Q2APKn3tUBX5Q+3+TsgE8Rgy+cts0E4N0P9gwf25gQ6gh1pU71zI72o68TrJGF6XFB6+87ovK9Hwj82tj++z54KvT98Q+I8hMzonL1+6L54t+S0N/Da+o8P21BWCZ7vFCmf6Xcr1RF543/ifbuTRi/8mnyt39QF2FNvoe6czIghGCKfJMVLtnLxwaWdRX4qKspJ0NCCArkdaWguJ0pnzbOlVBmlF2tj6COCk5GhSDMkG+rBce3WNEUZlwoI8oaBh51MuPkQAjBCPka2X9nEKqopIyCr4aB94O6GHFyJgRhkrxNFiFByMRX01EGBl41yj7p5FwIwpy6eMRnDJ7npemfV+Jccc58ZK+6hDKzKrA6OHCHyYvkElkolq1Con/XCOcmr/aQMsCloIzDlvjpQRgiT5O3ySLM5TLCUDHdMsgrHeeCczoNOrwdlGnIEu4tDBPkVbJ7RuUG/8+oChhxjhuw7wB4Fcc8CzjsBuc+YUn2H4SL5HnyBrnepeLlvQc8NYuHJ/GdOYDD3BsQMSKHcQXD8m+8h8/gs9gG28r/sC2b9W6uB+c4j3O25OIJQ4E8Sy6S98jCsHEOxeCcDCzg2ECMkpcCCDtkL0bYXnCMYnDMUUsgeYG4QB4nL5BXyNfJm+Qb5N2gb26EwG0E7+0Gn90Mtl0J9jWOfTsZ0/8BZK4Dprxf9ekAAAAASUVORK5CYII=)}.browser-container--o .browser-logo{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAgMTIwIiBoZWlnaHQ9IjEyMCIgd2lkdGg9IjEyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmVyc2lvbj0iMS4xIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWRpYW50MSIgc3ByZWFkTWV0aG9kPSJwYWQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMCw5Ny4zOTY1ODQsLTk3LjM5NjU4NCwwLDUxLjYyMDgxNCwxMS4zODk1MDEpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeTI9IjAiIHgyPSIxIiB5MT0iMCIgeDE9IjAiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6I2ZmMWIyZDtzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMC4zIiBzdHlsZT0ic3RvcC1jb2xvcjojZmYxYjJkO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIwLjYxIiBzdHlsZT0ic3RvcC1jb2xvcjojZmYxYjJkO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojYTcwMDE0O3N0b3Atb3BhY2l0eToxIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImdyYWRpYW50MiIgc3ByZWFkTWV0aG9kPSJwYWQiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMCw4Ni4xNDI1MTEsLTg2LjE0MjUxMSwwLDc2Ljg1NDM1LDE3LjEzMDA5NSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB5Mj0iMCIgeDI9IjEiIHkxPSIwIiB4MT0iMCI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojOWMwMDAwO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIwLjciIHN0eWxlPSJzdG9wLWNvbG9yOiNmZjRiNGI7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiNmZjRiNGI7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJtNjAgOS43NWMtMjcuNzUgMC01MC4yNSAyMi41LTUwLjI1IDUwLjI1bDAgMGMwIDI2Ljk1IDIxLjIyIDQ4Ljk0IDQ3Ljg2IDUwLjE5bDAgMGMwLjggMC4wNCAxLjU5IDAuMDYgMi4zOSAwLjA2bDAgMGMxMi44NyAwIDI0LjYtNC44NCAzMy40OS0xMi43OWwwIDBjLTUuODkgMy45MS0xMi43OCA2LjE1LTIwLjE0IDYuMTVsMCAwYy0xMS45NyAwLTIyLjY4LTUuOTQtMjkuODktMTUuM2wwIDBjLTUuNTYtNi41Ni05LjE1LTE2LjI1LTkuNC0yNy4xM2wwIDBjMC0wLjAzIDAtMi4zNCAwLTIuMzdsMCAwYzAuMjUtMTAuODggMy44NC0yMC41OCA5LjQtMjcuMTNsMCAwYzcuMjEtOS4zNiAxNy45My0xNS4zIDI5Ljg5LTE1LjNsMCAwYzcuMzYgMCAxNC4yNSAyLjI1IDIwLjE0IDYuMTZsMCAwQzg0LjY1IDE0LjYzIDcyLjk4IDkuOCA2MC4xOSA5Ljc1bDAgMGMtMC4wNiAwLTAuMTMgMC0wLjE5IDB6IiBmaWxsPSJ1cmwoI2dyYWRpYW50MSkiLz48cGF0aCBkPSJtNDMuNDYgMzEuNjhjNC42MS01LjQ0IDEwLjU3LTguNzMgMTcuMDctOC43M2wwIDBjMTQuNjMgMCAyNi40OSAxNi41OSAyNi40OSAzNy4wNGwwIDBjMCAyMC40Ni0xMS44NiAzNy4wNC0yNi40OSAzNy4wNGwwIDBjLTYuNTEgMC0xMi40Ni0zLjI4LTE3LjA3LTguNzJsMCAwYzcuMjEgOS4zNiAxNy45MiAxNS4zIDI5Ljg5IDE1LjNsMCAwYzcuMzYgMCAxNC4yNS0yLjI1IDIwLjE0LTYuMTVsMCAwYzEwLjI5LTkuMiAxNi43Ni0yMi41NyAxNi43Ni0zNy40NmwwIDBjMC0xNC44OC02LjQ3LTI4LjI2LTE2Ljc2LTM3LjQ2bDAgMEM4Ny42IDE4LjYzIDgwLjcxIDE2LjM5IDczLjM1IDE2LjM5bDAgMGMtMTEuOTcgMC0yMi42OCA1Ljk0LTI5Ljg5IDE1LjMiIGZpbGw9InVybCgjZ3JhZGlhbnQyKSIvPjwvc3ZnPg==)}.browser-container--ya .browser-logo:hover,.browser-container--o .browser-logo:hover{transform:scale(1.3)}.browser-container--ya .ha-task-goals,.browser-container--o .ha-task-goals{border-color:#ddd;border-left-color:transparent;box-shadow:0 0 3px rgba(245,245,245,0.5)}.browser-container--ya .ha-task-controls,.browser-container--o .ha-task-controls{background:#f0f0f0}.ha-quest-challenge .ha-task-controls--ya,.ha-quest-challenge .ha-task-controls--o{position:relative;z-index:10;border-color:#f0f0f0}.ha-task-controls--ya .ha-task-controls-container,.ha-task-controls--o .ha-task-controls-container{background:#f0f0f0}.learn-map{width:720px;margin:0 auto;margin-bottom:20px}.learn-map .map-left{float:left;width:320px}.learn-map .map-right{float:right;width:320px}.learn-theme{width:320px;margin:20px 0;margin-bottom:40px;-webkit-box-shadow:0 0 2px rgba(0,0,0,05);-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);box-shadow:0 0 2px rgba(0,0,0,0.5);border-radius:5px;position:relative}.learn-theme .icon{position:absolute;width:21px;height:20px;top:8px;left:8px;background:#0092BE url(/themes/htmlacademy/img/web_icons.png) no-repeat 3px 2px;border-radius:3px}.learn-theme .icon-css{background-position:-212px 2px}.learn-theme .title{font-size:14px;line-height:1.2;padding:10px 20px;padding-left:35px;padding-right:30px;border-bottom:1px solid #ccc;text-align:center}.learn-theme .description{font-size:12px;color:#333;padding:10px 20px;border-bottom:1px solid #ccc;background:#f5f5f5}.learn-theme .courses{position:relative;padding:10px 20px}.learn-theme .courses b{position:absolute;top:10px;left:10px;font-weight:400}.learn-theme .courses ol{margin-left:60px}.learn-theme .courses ol .inactive{color:#999}.arrow-horizontal{position:absolute;width:70px;height:3px;background:#ccc;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);box-shadow:0 1px 2px rgba(0,0,0,0.5);top:60px;right:-71px}.arrow-horizontal .pointer{position:absolute;top:-5px;right:-15px;width:0;height:0;border:8px solid transparent;border-left-color:#ccc}.arrow-vertical{position:absolute;width:3px;height:30px;background:#ccc;-webkit-box-shadow:-1px 0 2px rgba(0,0,0,0.5);-moz-box-shadow:-1px 0 2px rgba(0,0,0,0.5);box-shadow:-1px 0 2px rgba(0,0,0,0.5);bottom:-31px;left:50px}.arrow-vertical .pointer{position:absolute;right:-5px;bottom:-15px;width:0;height:0;border:8px solid transparent;border-top-color:#ccc}.demo-course .browser-container{height:650px}.demo-course .browser-container iframe{height:650px;width:100%;border:none}.demo-course .demo-description{height:260px;margin-bottom:20px;height:280px;margin-bottom:20px}.demo-course .demo-content{padding:10px 1em;height:210px;overflow-y:auto}.demo-course .demo-controls{height:30px;padding:10px 1em;background:#f5f5f5}.demo-course .demo-controls .yashare-auto-init{float:right;margin-left:1em;margin-bottom:.5em;margin-top:-4px}.demo-course .demo-content h3{margin-bottom:.6em}.achievment{position:relative;display:inline-block;width:200px;margin-right:20px;margin-bottom:20px;min-height:50px;padding:5px;padding-left:55px;border:1px solid #fff;vertical-align:top;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,0.2)}.achievment-badge{position:absolute;left:5px;width:44px;height:44px;border:3px solid #ccc;border-radius:4px;box-shadow:inset 0 0 3px rgba(0,0,0,0.2);text-align:center;opacity:.5;-moz-transition:opacity .5s;transition:opacity .5s;background:#08C}.achievment:hover .achievment-badge{opacity:1}.achievment-title{width:180px;margin-left:10px;-moz-transition:opacity .5s .3s;transition:opacity .5s .3s}.achievment-title strong{display:block;font-size:15px;margin-bottom:.2em}.achievment-title .description{color:#666;font-size:12px}.achievment-title .date{color:#999;font-size:10px}.aq-bronze{border-color:rgba(230,204,128,0.5);box-shadow:0 1px 4px rgba(230,204,128,0.5)}.aq-bronze:hover{border-color:rgba(230,204,128,1)}.aq-bronze .achievment-badge{background:#08C url(/themes/htmlacademy/img/icons/medal.png) no-repeat 50% 50%}.aq-silver{border-color:rgba(0,112,255,0.5);box-shadow:0 1px 4px rgba(0,112,255,0.5)}.aq-silver:hover{border-color:rgba(0,112,255,1)}.aq-silver .achievment-badge{background:#08C url(/themes/htmlacademy/img/icons/medal.png) no-repeat 50% 50%}.aq-gold{border-color:rgba(255,128,0,0.5);box-shadow:0 1px 4px rgba(255,128,0,0.5)}.aq-gold:hover{border-color:rgba(255,128,0,1)}.aq-gold .achievment-badge{background:#08C url(/themes/htmlacademy/img/icons/medal.png) no-repeat 50% 50%}.achievment-1 .achievment-badge,.achievment-2 .achievment-badge,.achievment-3 .achievment-badge,.achievment-4 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/crown.png)}.achievment-5 .achievment-badge,.achievment-6 .achievment-badge,.achievment-7 .achievment-badge,.achievment-8 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/wyvern.png)}.achievment-9 .achievment-badge,.achievment-10 .achievment-badge,.achievment-11 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/hydra.png)}.achievment-12 .achievment-badge,.achievment-13 .achievment-badge,.achievment-14 .achievment-badge,.achievment-15 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/black-flag.png)}.achievment-16 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/muscle-up.png)}.achievment-17 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/anvil-impact.png)}.achievment-18 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/feather.png)}.achievment-19 .achievment-badge,.achievment-35 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/maze.png)}.achievment-20 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/black-cat.png)}.achievment-21 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/fairy-wand.png)}.achievment-22 .achievment-badge,.achievment-34 .achievment-badge,.achievment-45 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/archery-target.png)}.achievment-23 .achievment-badge,.achievment-47 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/fountain-pen.png)}.achievment-24 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/stone-tower.png)}.achievment-25 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/crown-coin.png)}.achievment-26 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/cargo-crane.png)}.achievment-27 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/dragon-head.png)}.achievment-29 .achievment-badge,.achievment-33 .achievment-badge,.achievment-46 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/flying-flag.png)}.achievment-40 .achievment-badge,.achievment-41 .achievment-badge,.achievment-42 .achievment-badge,.achievment-43 .achievment-badge{background-image:url(/themes/htmlacademy/img/icons/fairy-wand.png)}.achievment-notification{display:none;position:fixed;bottom:0;left:0;width:100%;height:auto;z-index:1000;background-image:-moz-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.5));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.5));background-image:linear-gradient(top,rgba(255,255,255,0),rgba(0,0,0,0.5))}.achievment-notification .notification-container{width:50%;margin:0 auto;padding-bottom:50px;text-align:center}.achievment-notification .notification-title{font-size:20px;margin-bottom:20px}.achievment-notification .achievment{display:block;margin:0 auto;margin-bottom:20px;text-align:left;background:#fff;box-shadow:0 0 10px rgba(0,112,255,0.7)}.achievments-stats td{padding-right:50px;padding-top:20px;vertical-align:middle;text-align:center}.achievments-stats th{padding-right:50px;padding-bottom:10px;vertical-align:middle;text-align:left;font-weight:400;border-bottom:1px solid #eee}.achievments-stats .achievment{margin:0;text-align:left}.achievments-stats td.completed-count{font-size:25px}.achievments-stats tr th:last-child,.achievments-stats tr td:last-child{padding-right:10px}.achievments-stats .total td{border-top:1px solid #eee}.social-sharing .share-item{display:inline-block;vertical-align:middle}.social-sharing .share-item-fb{margin-left:-10px;margin-right:10px}.social-sharing .share-item-ya{margin-top:-2px}.social-sharing .share-item-tw{width:80px}.social-sharing-course{margin:1em 0}.social-sharing-task{margin:.5em 0}.ha-container{font-family:"PT Sans",Helvetica,Arial,sans-serif;min-width:700px;max-width:1000px;margin:0 auto}.ha-container:after{clear:both}.ha-container:before,.ha-container:after{content:"";display:table;line-height:0}.ha-layout-1-3{float:left;width:29.3%;margin-right:3%}.ha-layout-1-3:first-child,.ha-layout-1-3-first{margin-left:3%}.ha-layout-2-3{float:left;width:61.6%;margin-right:3%}.ha-layout-2-3:first-child{margin-left:3%}.ha-layout-3-3{width:94%;margin:0 auto}.ha-header{padding-bottom:40px;background:#2c3039 url(/themes/htmlacademy/img/header-bg.png) repeat;background-size:50px 50px;color:#b9cbdd}.ha-header-logo{margin-top:40px}.ha-footer-menu{color:#fff;margin-top:40px;padding-top:20px;background:#34495e}.ha-footer-alone{margin-top:40px}.ha-footer-list{line-height:25px}.ha-footer-list-block{float:left;margin-right:80px}.ha-footer-list-block:nth-child(3){margin-right:0}.ha-footer-list h3{margin:0 0 8px;color:#fff}.ha-footer-list a{color:#bdc3c7;text-decoration:none;-webkit-transition:color .1s linear;-moz-transition:color .1s linear;-o-transition:color .1s linear;transition:color .1s linear}.ha-footer-list a:hover{color:#fff;border-bottom:1px solid #ccc}.ha-footer-nav{margin:0;padding:0;list-style:none}.ha-footer-nav li{display:inline-block;width:140px;margin-right:20px;margin-bottom:20px}.ha-footer-nav a{display:block;padding:5px 0;color:#fff;text-align:center;text-decoration:none;background:#2c3e50;border-radius:5px;-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.ha-footer-nav a:hover{background:#2980b9}.ha-footer{color:#fff;padding:20px 0;background:#2d2d44}.footer-logo{margin-bottom:20px}.footer-logo img{width:130px}.ha-social{display:inline-block;width:30px;height:30px;border:5px solid #2c3743;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#34495e;line-height:30px;vertical-align:middle;text-align:center;color:#fff;text-decoration:none;cursor:pointer;font-weight:700;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}.ha-social:hover{color:#fff;background:#2980b9;border-color:#3498db;text-decoration:none}.ha-footer .ha-copy{display:block;margin-top:20px;font-size:.85em;color:#95a5a6}.ha-page-min-height{min-height:600px}.ha-inner-container{width:940px;min-width:0;max-width:1170px}.ha-inner-container .ha-layout-3-3{width:auto}.ha-inner-container .ha-layout-1-3:first-child,.ha-inner-container .ha-layout-1-3-first{margin-left:0}.ha-inner-header{padding-top:13px;padding-bottom:12px;margin-bottom:20px;background:#2d2d44;color:#bdc3c7}.ha-inner-header .ha-header-logo{float:left;width:250px;margin-top:0}.ha-inner-header .ha-header-logo img{width:104px}.ha-inner-header .ha-header-nav,.ha-inner-header .ha-header-profile{float:left;margin:0;padding:0;list-style:none}.ha-inner-header .ha-header-profile{float:right}.ha-inner-header .ha-header-nav li{display:inline-block;margin-right:10px}.ha-inner-header .ha-header-profile li{display:inline-block;margin-left:10px}.ha-inner-header .ha-header-nav a,.ha-inner-header .ha-header-profile a{display:block;padding:8px 15px;color:#fff;text-align:center;text-decoration:none;background:#34495E;border-radius:5px;-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}.ha-inner-header .ha-header-nav a:hover,.ha-inner-header .ha-header-profile a:hover{background:#4E6D8D}.ha-inner-header .ha-header-nav a:active,.ha-inner-header .ha-header-profile a:active{background:#2C3E50}.ha-course-nav{float:left;position:relative;max-width:515px;min-height:20px;margin-left:-70px;margin-right:10px;padding-top:10px;padding-right:55px;color:#ccc;font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ha-course-nav .divider{color:#fff}.ha-course-nav a{color:#fff}.ha-course-nav .task-number{position:absolute;right:0}@media (max-width: 768px){.ha-inner-container{width:auto;padding:0 20px}.ha-footer-menu-inner{padding-top:10px}.ha-inner-container .ha-footer-nav li{margin-bottom:10px}.ha-inner-header .ha-header-nav,.ha-inner-header .ha-header-profile{float:none;display:inline-block}.ha-inner-header .ha-header-nav li{margin-right:10px;margin-bottom:5px}.ha-inner-header .ha-header-profile li{margin-left:0;margin-right:10px;margin-bottom:5px}.ha-course-nav{float:none;display:inline-block;margin-left:0;max-width:none;overflow:visible;white-space:normal}.ha-course-nav .task-number{position:static}.ha-task-description-popup{left:10%;width:80%;margin-left:0}}@media (min-width: 768px) and (max-width: 980px){.ha-inner-container{width:724px}.ha-footer-menu-inner{padding-top:10px}.ha-inner-container .ha-footer-nav li{margin-bottom:10px}.ha-course-nav{max-width:300px}}@media (min-width: 1200px){.ha-inner-container{width:1170px}.ha-course-nav{max-width:660px}}@media (max-width: 1200px){.ha-wide-task .ha-task-goals{max-width:340px}}.ads{text-align:center}.ads img{max-width:100%}.ha-blog-inner p,.ha-blog-inner li,.ha-blog-inner blockquote{font-size:16px;line-height:24px}.ha-blog-inner p{margin-bottom:16px}.ha-blog-inner ul,.ha-blog-inner ol{margin:0 0 20px 50px}.profile-image{border:1px solid #ddd;border-radius:3px;text-align:center;margin-bottom:10px;padding:10px;line-height:0;background:url(/themes/htmlacademy/img/logo-gray.png) no-repeat 50% 50%;background-size:50% auto;width:140px;height:140px;box-sizing:border-box}@media (min-width: 1200px){.profile-image{width:170px;height:170px}}@media (min-width: 768px) and (max-width: 979px){.profile-image{width:104px;height:104px}}.cerficate-ready{display:block;height:100px;background:#2c3e50 url(/themes/htmlacademy/img/certificate/cert.png) no-repeat 20px 50%;border-radius:5px;margin-bottom:20px;color:#fff;text-transform:uppercase;text-decoration:none;box-sizing:border-box;padding:20px 20px 20px 100px;background-size:auto 60%;transition:background-color .4s}.cerficate-ready:hover{color:#fff;text-decoration:none;background-color:#34495e}@media (min-width: 768px) and (max-width: 979px){.cerficate-ready{padding:100px 20px 20px;height:150px;background-position:50% 20px;background-size:60% auto;text-align:center}}@media (max-width: 767px){.cerficate-ready{width:220px}}.ha-challenge-view-controls .popover{width:276px}.payment-block{display:inline-block;width:32%;box-sizing:border-box;padding:20px 0;margin:0 1% 20px 0;border-radius:5px;text-align:center;border:1px solid #e1e1e1;vertical-align:top;position:relative}.payment-block:before{position:absolute;content:'';display:block;top:10px;left:10px;width:5px;height:5px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 2px #ccc}.payment-check:checked + .payment-block{background:#dff0d8}.payment-check:checked + .payment-block:before{background:#468847;box-shadow:0 0 0 2px #468847}#pay-1day:checked ~ .payment-way-1day,#pay-1month:checked ~ .payment-way-1month,#pay-1year:checked ~ .payment-way-1year{display:block}#give-present ~ .present-for{display:none}#give-present:checked ~ .present-for{display:block}.new-year h1{margin-bottom:30px;font-weight:400}.new-year-content{width:700px;margin:auto}@media(max-width:767px){.new-year-content{width:auto}}.new-year-share{text-align:center;margin-bottom:30px}.new-year-content + .new-year-share{margin-bottom:0}.stats-block{font-size:0;clear:left}.stats-block__item{display:inline-block;width:22.33%;font-size:21px;text-align:center;margin:30px 5.5%}.stats-block__item-value{font-weight:700;margin-bottom:20px;font-size:50px;background:#3498db;color:#fff;line-height:90px;border-radius:5px}.action-till{font-size:21px;margin-bottom:30px}.action-till__title{margin-bottom:19px}.action-till__time{color:#3498DB;font-size:33px;font-weight:400;text-transform:lowercase}.new-year-progress{height:100px;width:900px;margin:0 auto 30px;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.4);border:3px solid #fff;position:relative;box-sizing:border-box}.new-year-col4{float:left;width:400px}.new-year-col3{float:left;width:250px;margin-left:50px}@media(max-width:979px){.new-year-progress{width:auto}.new-year-col4,.new-year-col3{float:none;width:auto;margin-left:auto}.new-year-content img{display:none}}.new-year-progress__bar{position:absolute;left:0;top:0;bottom:0;box-sizing:border-box;border-radius:8px;background:#d9534f}.new-year-progress__bar--half{background:#f0ad4e}.new-year-progress__bar--done{background:#5cb85c}.new-year-progress__status{line-height:100px;text-align:center;position:relative;background:url(/themes/htmlacademy/img/newyear/deer-runs.gif) no-repeat 50% 50%;font-size:40px;color:#fff;text-shadow:1px 1px 1px #333}.new-year h1{margin-bottom:14px;font-size:3.5em;font-weight:700}.new-year h2{margin-bottom:30px;font-size:1.65em;font-weight:400}.new-year h4{margin-bottom:19px;font-size:1.65em;font-weight:400}.sidebar-info{margin-bottom:20px}.introduction-screen{color:#000;padding:20px 30px;position:absolute;top:0;left:0;right:0;bottom:0;display:none;background:rgba(245,245,245,0.96);box-shadow:inset 0 0 3px #000;overflow:auto}.introduction-screen_visible{display:block;z-index:10}.introduction-screen p{line-height:20px;font-size:14px}.introduction-screen__no-more{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.introduction-screen__no-more input{margin:0}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.3);transform:scale(1.3)}10%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.3);transform:scale(1.3)}20%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.3);transform:scale(1.3)}10%{-webkit-transform:scale(1);transform:scale(1)}15%{-webkit-transform:scale(1.3);transform:scale(1.3)}20%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1);transform:scale(1)}}#hypercomments_widget{overflow:hidden}.keks-hint{position:relative;margin-top:30px;padding:10px 50px;font-size:12px;text-align:center;color:#666;background-color:#f5f5f5;background-image:url(/assets/special/keks_hint_default.svg);background-repeat:no-repeat;background-position:5px 0;background-size:auto 90%;border-radius:4px}.keks-hint::before{content:'Совет от Инструктора Кекса';position:absolute;top:-20px;left:0;font-size:10px;color:#baab96}.keks-hint-1{background-image:linear-gradient(to right,transparent,transparent 5%,#f5f5f5 12%),url(/assets/special/keks_hint_1.jpg);background-size:auto 100%;background-position:0 0}.keks-hint-2{background-image:linear-gradient(to right,transparent,transparent 5%,#f5f5f5 12%),url(/assets/special/keks_hint_2.jpg);background-size:auto 100%;background-position:0 0}.keks-hint-3{background-image:linear-gradient(to right,transparent,transparent 4%,#f5f5f5 9%),url(/assets/special/keks_hint_3.jpg);background-size:auto 100%;background-position:0 0}.keks-hint-4{background-image:linear-gradient(to right,transparent,transparent 5%,#f5f5f5 12%),url(/assets/special/keks_hint_4.jpg);background-size:auto 100%;background-position:-10px 0}.keks-hint-5{background-image:linear-gradient(to right,transparent,transparent 5%,#2b2b32 10%),url(/assets/special/keks_hint_5.jpg);background-size:auto 100%;background-position:0 0;color:#ccc}.tooltip-answer{padding:4px 8px;transition:opacity 2s;opacity:0;background-color:#a4ffaa}.tooltip-answer_visible{opacity:1}.tooltip-answer_theme_monokai{color:#000}.keksby-design-nav{display:flex;margin:20px 0}.keksby-design-nav-whole{position:relative;margin-right:10px;box-shadow:0 0 3px #999;background-color:#363636}.keksby-design-nav-pointer{position:absolute;border:3px solid red;width:84px;height:31px;top:0;left:0}.keksby-design-nav-part{display:flex;align-items:center;background:#ccc}.keksby-design-nav-whole img{width:90px}.keksby-design-nav-part img{width:800px}.keksby-design-nav-whole:hover{transform:scale(2);transition:transform .4s}.zoom-controls{position:absolute;top:-25px;right:10px}.reload-browser ~ .zoom-controls{right:50px}.zoom-control{display:inline-block;padding:1px 5px;font-size:10px;line-height:14px;background-color:#fff;border:1px solid #ddd;cursor:pointer}.zoom-control:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px;border-right:none}.zoom-control:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px;border-left:none}.zoom-control-active{background-color:#ccc}.browser-zoomer{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;transform-origin:0 0;overflow:hidden}.browser-zoomer .browser{height:100%!important;height:calc(100% - 50px)!important}.browser-zoom-50 .browser-zoomer{width:250%;height:250%;transform:scale(0.4)}.browser-zoom-50 .browser{height:calc(100% - 125px)!important}