*,::after,::before{box-sizing:border-box}*,body{margin:0}*{padding:0}body{font-family:Arial,Helvetica,sans-serif}img{display:block;max-width:100%}.main{margin-left:230px;padding:1px 16px}@media screen and (max-width:700px){.sidebar{width:100%;height:auto;position:relative}.sidebar a{float:left}div.content{margin-left:0}}@media screen and (max-width:400px){.sidebar a{text-align:center;float:none}}.d4-sidebar{margin:0;width:230px;position:fixed;height:100%;z-index:1;top:0;left:0;background-color:#21232c;overflow:auto;padding:20px 0 0}.d4-sidebar a{display:block;color:#dedcd3;padding:6px 8px 6px 16px;text-decoration:none}.d4-sidebar a.active{background-color:#373a49;color:#26111e}.d4-sidebar a:hover:not(.active){background-color:#555;color:#26111e}.d4-sidebar h2{color:#fff;padding:6px 8px 6px 16px}.leftmenuinner{padding-top:87px}.d4-example{padding:8px 20px;margin:24px -20px;background-color:#e7e9eb;box-shadow:0 2px 4px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important}.d4-example h3{margin:10px 0}.d4-code{border-left:4px solid #3498db;margin-top:16px!important;margin-bottom:16px!important;width:auto;background-color:#fff;padding:8px 12px;word-wrap:break-word;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:15px}.d4-btn{color:#fff;background-color:#3498db;border-radius:5px;font-family:Source Sans Pro,sans-serif;font-size:17px;padding:6px 18px;border:0;display:inline-block;vertical-align:middle;overflow:hidden;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .3s;white-space:nowrap}.d4-btn:active,.d4-btn:focus,.d4-btn:hover{background-color:#2980b9}.d4-margin-bottom{margin-bottom:16px!important}#tryItLeaderboard{overflow:hidden;height:90px;margin-top:5px;text-align:center}.tryit #dragbar{position:absolute;cursor:col-resize;z-index:3;padding:5px}.tryit #shield{display:none;top:0;left:0;width:100%;position:absolute;height:100%;z-index:4}.tryit #framesize{font-family:"Montserrat","Source Sans Pro",sans-serif;font-size:14px}.tryit #container,.tryit .topnav{background-color:#e7e9eb;width:100%;position:absolute}.tryit .topnav{display:flex;height:48px;overflow:hidden;min-width:380px;top:calc(90px + 9px)}.tryit .topnav .svg-icons{display:flex;padding:0 10px;height:auto;width:52px;fill:#afb6bd}.tryit #container{overflow:auto;top:144px;bottom:0;height:auto}.tryit #iframecontainer,.tryit #textareacontainer{float:left;height:100%;width:50%}.tryit #textarea{padding-left:10px;padding-right:5px}.tryit #iframe{padding-left:5px;padding-right:10px}.tryit #iframe,.tryit #textarea{height:100%;width:100%;padding-top:1px;padding-bottom:10px}.tryit #textareawrapper{width:100%;height:100%;overflow:auto;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.tryit #textareaCode{background-color:#fff;font-family:consolas,Menlo,courier new,monospace;font-size:15px;height:100%;width:100%;padding:8px;resize:none;border:0;line-height:normal}.tryit #iframewrapper{-webkit-overflow-scrolling:touch;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.tryit #iframeResult,.tryit #iframewrapper{background-color:#fff;height:100%;width:100%}.tryit #runbtn{margin-top:4px;margin-bottom:4px;color:#fff;font-family:"Source Sans Pro",sans-serif;font-size:18px;padding:6px 25px;border-radius:5px;word-spacing:10px}.tryit .CodeMirror.cm-s-default{line-height:normal;padding:4px;height:100%;width:100%}.d4-bar{width:100%}.d4-right{margin-left:auto}@media screen and (max-width:600px){.d4-hide-small{display:none!important}}