*{box-sizing:border-box}html{height:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.container{max-width:960px}body:before{transition:.5s ease .5s;content:" ";position:fixed;background-position:50%;left:0;background-image:url(../loading-icon.gif);background-repeat:no-repeat;display:none;z-index:10000}body.has-example-menu,body:before{right:0;bottom:0;top:0;background-color:#fff}body.has-example-menu{overflow:auto;font-size:15px;color:#555;position:absolute;margin:0;left:300px;line-height:18px}body.host-warning{height:auto;bottom:0;top:40px}body.has-example-menu:before{bottom:100%;top:-100%}.example-menu-header{height:60px;padding:20px 15px;font-size:12px;font-weight:400;color:#607d8b;text-transform:uppercase;position:absolute;border-bottom:1px dashed #b1dcff;top:0;background-color:inherit;margin:0;left:0;width:100%;z-index:2}h1.example-menu-header a{font-size:18px;text-decoration:underline!important;color:#2196f3!important;letter-spacing:.5px}#example-menu .example-menu-category{font-size:14px;font-weight:500;margin-bottom:4px;color:#607d8b;margin-top:15px}#example-menu a{text-decoration:none;color:inherit}#example-menu{border-right:1px dashed #b1dcff;border-left:5px solid #2196f3;position:fixed;bottom:0;top:0;box-sizing:border-box;background:#f4faff;left:0;width:300px;font-family:Open Sans,Segoe UI,sans-serif;z-index:1}body.host-warning div#example-menu{top:40px}#example-menu #example-menu-content{overflow-y:auto;padding:10px 10px 0 15px;transition:.25s ease-in;position:absolute;bottom:0;top:60px;width:100%}.example-menu-link{min-height:28px;padding:4px 0;font-size:13px;text-decoration:none;color:#656f75!important;position:relative;line-height:20px;display:block}#example-menu #example-menu-content .selected{color:red}.example-menu-link.active-example,a.example-menu-link:hover{text-decoration:underline!important;color:#2196f3!important}#example-content{height:100%;overflow:auto;border:0;position:absolute;left:310px;width:calc(100% - 310px)}#button{height:40px;padding:10px 2px;font-size:14px;color:#fff;position:fixed;opacity:.7;text-align:center;top:0;background-color:#555;left:150px;width:160px}#button:hover{opacity:1;cursor:pointer}#hamburger{height:60px;border-right:1px dashed #b1dcff;position:absolute;top:0;left:0;width:60px;display:none;z-index:5}#hamburger:hover{background-color:#b1dcff}#hamburger span{height:2px;transition:.3s ease;position:absolute;top:10px;background-color:#2194ce;transform-origin:left;left:22px;width:16px}.collapsed>#hamburger span{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important;width:16px!important}#hamburger span:first-child{-webkit-transform:translateY(6px) rotate(-45deg);-moz-transform:translateY(6px) rotate(-45deg);-ms-transform:translateY(6px) rotate(-45deg);transform:translateY(6px) rotate(-45deg);top:22px;width:12px}#hamburger span:nth-child(2){-webkit-transform:translateX(-1px);-moz-transform:translateX(-1px);-ms-transform:translateX(-1px);transform:translateX(-1px);top:28px}#hamburger span:last-child{-webkit-transform:translateY(-6px) rotate(45deg);-moz-transform:translateY(-6px) rotate(45deg);-ms-transform:translateY(-6px) rotate(45deg);transform:translateY(-6px) rotate(45deg);top:34px;width:12px}body.host-warning.has-example-menu #top-header{top:40px}@media (max-width:1000px){h1{margin-bottom:20px;margin-top:20px}#example-menu{height:480px;overflow:hidden;border:0;right:0;transition:height .25s ease-in;position:fixed;text-align:left;top:0;left:0;width:100%;z-index:100}div#example-menu.collapsed{height:60px}body.has-example-menu{overflow:auto;font-size:17px;right:0;position:absolute;bottom:0;top:60px;left:0;line-height:22px}body.has-example-menu #top-header{top:60px}body.host-warning.has-example-menu #top-header{top:100px}#hamburger{transition:background .2s ease;display:block}.example-menu-header{border-bottom:1px dashed #b1dcff;width:100%;padding-left:85px}#example-menu #example-menu-content{width:100%;padding-left:22px}#example-menu.collapsed #example-menu-content{overflow:hidden;opacity:0;bottom:auto}}#example-menu ::-webkit-scrollbar{width:8px}#example-menu ::-webkit-scrollbar-button{height:8px}#example-menu ::-webkit-scrollbar-thumb{border:0 #fff;border-radius:100px;background:rgba(0,0,0,.3)}#example-menu ::-webkit-scrollbar-thumb:active,#example-menu ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.5)}#example-menu ::-webkit-scrollbar-track{border:0 #fff;border-radius:100px;background:rgba(0,0,0,.2)}#example-menu ::-webkit-scrollbar-track:hover{background:rgba(0,0,0,.2)}#example-menu ::-webkit-scrollbar-track:active{background:rgba(0,0,0,.15)}#example-menu ::-webkit-scrollbar-corner{background:transparent}#host-warning{height:40px;padding:10px 20px;font-size:14px;color:#fff;position:fixed;top:0;background-color:#b3751b;left:0;width:100%;line-height:18px;z-index:2}.debug-info{font-size:12px;position:relative;float:right;z-index:5000}