*{box-sizing:border-box}body{color:#333;margin:0;padding:0;height:100%;font:16px/1.5 sans-serif}header h4:before{display:inline-block;content:'';background:transparent url(../media/dino.svg) 0 0 no-repeat;margin-right:.6em;width:45px;height:45px;vertical-align:middle}header h4{display:inline-block;margin:0;font-size:.9rem;font-weight:700}.user-message{display:none;position:absolute;top:30px;left:50%;background-color:#333;color:#fff;padding:.5em;border-radius:4px;font-size:14px;opacity:1;transition:opacity .5s;z-index:4}.fade-in{animation:fadein .5s}.fade-out{animation:fadeout .5s}.hide{opacity:0}.hidden{display:none}.show{display:block}.visually-hidden{position:absolute!important;height:1px;width:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);padding:0;border:0}@media screen and (min-width:47.9375em){header h4{font-size:1.1rem}}@media screen and (min-width:63.9375em){header h4{font-size:1.4rem}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}@font-face{font-family:'Fira Sans';src:local('FiraSans-Regular'),url(/media/fonts/FiraSans-Regular.woff2) format('woff2')}@font-face{font-family:'Fira Sans';font-weight:400;font-style:oblique;src:local('FiraSans-SemiBoldItalic'),url(/media/fonts/FiraSans-SemiBoldItalic.woff2)}@font-face{font-family:'Dancing Script';src:url(/media/fonts/DancingScript-Regular.ttf)}@font-face{font-family:molot;src:url(/media/fonts/molot.woff2) format('woff2')}@font-face{font-family:rapscallion;src:url(/media/fonts/rapscall.woff2) format('woff2')}button[role=tab]{background-color:#fff;color:#333;padding:10px 20px;border:1px solid #333;border-bottom:0;font-size:1.1rem;cursor:pointer}button[aria-selected=true],button[role=tab]:focus,button[role=tab]:hover{background-color:#333;color:#fff;outline:0}button[aria-selected=true]{color:#83d0f2;border-top:3px solid #83d0f2}.editor-container{display:inline-block;vertical-align:top;overflow:hidden}.CodeMirror{border:3px solid #3f87a6;border-right:none;border-left:5px solid #3f87a6}.tabbed-shorter{height:300px}.tabbed-shorter .CodeMirror{height:240px}.tabbed-standard{height:370px}.tabbed-standard .CodeMirror{height:300px}.tabbed-taller{height:580px}.tabbed-taller .CodeMirror{height:500px}.shadow-container{width:40%}.output.style-scope{background-color:#fff;border:15px solid #eee;box-shadow:inset 5px 5px 10px rgba(0,0,0,.3),inset -5px -5px 10px rgba(0,0,0,.2);font-size:.9rem;height:342px;line-height:1.5;margin:24px 1em 0 0;overflow:scroll;padding:30px}.editor-container{display:flex}.tabs{font-size:.9rem;flex:none}.tabs{width:60%}.console-label,.output-label{position:absolute;background-color:#333;color:#83d0f2;top:92px;right:29px;margin:0;padding:3px 10px;width:70px;height:25px;font-size:.9rem;letter-spacing:.035rem;z-index:2}.output-header{margin:0;padding:0 0 .5em 0}.output-header button{float:right;background-color:#53caff;color:#333;margin:0 0 .5em;padding:.7em .9em;border:none;width:100px;max-width:150px;font-size:16px;font-weight:700;line-height:1;cursor:pointer;outline:0}.output-header button.reset{background-color:rgba(83,202,255,.6)}.output-header button:focus,.output-header button:hover{background-color:#333;color:#fff}.icon-clear{display:inline-block;width:16px;height:16px;vertical-align:bottom}.clear{background-color:rgba(83,202,255,.6);color:#333;border:0;padding:5px 5px 8px;width:150px;height:auto;font-size:1rem;font-weight:700;cursor:pointer}.console-container{position:relative}.console-label{position:initial;display:inline-block;padding:5px 5px 5px 16px;width:150px;height:auto}.console{position:relative;display:inline-block;background-color:#fff;margin:0;padding:.8em;border:1px solid #3f87a6;border-left-width:5px;box-shadow:0 2px 5px 0 rgba(0,0,0,.2) inset;width:99%;height:200px}.console code{display:block;width:100%;height:100px;white-space:pre;word-break:break-word;overflow-y:auto}