@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@300;700&display=swap");body,html{padding:0;margin:0;font-family:'Heebo',sans-serif}hr{margin:10vh 0;border:0;height:1px;background:#EEE}pre{padding:10px;background:#EEE;border-radius:5px;overflow:auto}p{max-width:1200px}.container{max-width:1000px;margin:0 auto}.box{padding:40px;margin:0 auto;margin-bottom:10vh;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px}.navigation{position:fixed;left:0;top:0;display:inline-block}.navigation h4{margin:10px 0 0 10px}.navigation li,.navigation ul{list-style-type:none;margin:0;padding:0}.navigation li a{padding:10px;display:block;text-decoration:none}.navigation li a:hover{background:#EEE}.accordion .control,.btn.btn-primary,.edge-container,.edge-container.active,.slider [data-content],.transition,body{-webkit-transition:all 500ms ease;transition:all 500ms ease}.x{position:relative;width:15px;height:15px;display:inline-block}.x:after,.x:before{content:" ";position:absolute;top:50%;left:0;background:red;height:1px;width:100%}.x:before{right:100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.x:after{right:100%;-webkit-transform:rotate(135deg);transform:rotate(135deg)}h1,h2,h3,h4,h5,h6{margin:0;padding:0}h2{font-size:2em;font-weight:normal}h3{font-size:1.5em;font-weight:normal}h4{padding-bottom:10px}h5{padding-top:10vh}.row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5vh;padding-bottom:5vh}.intro{text-align:center;margin:0 auto;min-height:80vh;padding:10vh 0 0 0}.intro h1{font-size:3vw;text-transform:uppercase;letter-spacing:3px;margin-bottom:5vh}.intro p{margin:5vh auto}.code-info{background:#EEE;border-radius:5px;padding:20px;margin:2vh 0;text-align:center}.code-info a{font-weight:bold;position:relative;display:inline-block;margin:0 3px;padding:0 5px;text-decoration:none;color:#000}.code-info a:after{content:'';border:2px solid #000;position:absolute;left:0;right:0;top:0;bottom:0}.code-info a.active{background:#000;color:#FFF}.code-info .tip{position:relative;display:inline-block}.code-info .tip:before{content:attr(title);position:absolute;background:#333;color:#FFF;white-space:nowrap;text-indent:0;padding:5px 10px;text-align:left;border-radius:3px;line-height:normal;font-size:14px;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.code-info .tip:hover:before{opacity:1}.code-info .tip.top:before{bottom:110%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.code-info .tip.left:before{top:0;right:100%}.code-info .tip.right:before{top:0;left:100%}.code-info .tip.bottom:before{top:110%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.btn{display:inline-block;padding:10px 20px;text-decoration:none;border-radius:4px}.btn.btn-primary{background:#000;color:#FFF}.btn.btn-primary:hover{background:#333}.footer{text-align:center}@media (max-width:767px){body{padding:0 30px}.intro{height:auto}.intro h1{font-size:50px}.navigation{display:none}.box{height:auto}.row{display:block}svg{width:100%}}.control{display:inline-block;background:#EEE;padding:10px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.control.active{background:#CCC;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}[data-content]{display:none;opacity:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}[data-content].active{display:block;opacity:1;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.drop,.pop,.popover,.tooltip{position:relative;display:inline-block}.drop [data-content],.pop [data-content],.popover [data-content],.tooltip [data-content]{position:absolute}.drop [data-content].active,.pop [data-content].active,.popover [data-content].active,.tooltip [data-content].active{z-index:1}.pop-left.drop [data-content],.pop-left.popover [data-content],.pop-left.tooltip [data-content],.pop.pop-left [data-content]{right:100%;top:0}.pop-right.drop [data-content],.pop-right.popover [data-content],.pop-right.tooltip [data-content],.pop.pop-right [data-content]{left:100%;top:0}.pop-top.drop [data-content],.pop-top.popover [data-content],.pop-top.tooltip [data-content],.pop.pop-top [data-content]{left:50%;bottom:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pop-bottom.drop [data-content],.pop-bottom.popover [data-content],.pop-bottom.tooltip [data-content],.pop.pop-bottom [data-content]{left:50%;top:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.accordion .control{position:relative;display:block;padding-left:30px}.accordion .control:after,.accordion .control:before{content:'';display:inline-block;width:10px;height:2px;background:#000;position:absolute;left:10px;top:50%}.accordion .control:after{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.accordion .control.active:after{display:none}.accordion.accordion-h{display:-webkit-box;display:-ms-flexbox;display:flex}.accordion.accordion-h [data-content]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media (max-width:767px){.accordion.accordion-h{display:block}}.tabs .tab-nav a{display:inline-block;max-width:200px}.tabs .tab-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:1px solid #EEE}.tabs .tab-content [data-content]{padding:20px}.tabs.tab-v{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.tabs.tab-v .tab-nav a{display:block}.tray [data-content]{background:#EEE;padding:0;height:0;min-height:0;overflow:hidden;display:block}.tray [data-content].active{height:auto;min-height:300px;overflow:auto}.popover [data-content]{background:#FFF;padding:10px;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:200px}.tooltip [data-content]{background:#FFF;padding:10px;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:200px}.drop [data-content]{background:#FFF;padding:10px;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);min-width:200px}.drop a{display:block;padding:10px;border-top:1px solid rgba(0,0,0,0.1)}.drop a:first-child{border:0}.drop.pop-top [data-content]{left:0;-webkit-transform:none;transform:none}.drop.pop-bottom [data-content]{left:0;-webkit-transform:none;transform:none}.slider{position:relative;overflow:hidden}.slider .dots{margin:10px 0}.slider .dots .control{text-indent:-9999px;border-radius:100px;width:15px;height:15px;padding:0}.slider [data-content]{width:100%;opacity:0;position:relative;padding:20px;background:#EEE;width:100%}.slider [data-content].active{opacity:1}.edge-container{position:fixed;z-index:9999;background:#EEE;width:270px;overflow:auto;visibility:hidden;display:block;pointer-events:none}.edge-container.active{visibility:visible;bottom:0;pointer-events:all}.edge-container::-webkit-scrollbar{width:10px}.edge-container::-webkit-scrollbar-track{border-radius:10px}.edge-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:10px}.edge-container.full{left:0;right:0;width:100%;height:100%}.edge-container.left{top:0;bottom:0;left:-270px}.edge-container.left.open{top:0;bottom:0;left:0}.edge-container.left.full{right:100%;left:auto;height:100%;width:100%}.edge-container.left.full.open{right:0;left:auto;height:100%;width:100%}.edge-container.right{top:0;bottom:0;right:-270px}.edge-container.right.open{right:0}.edge-container.right.full{left:100%;right:auto;height:100%;width:100%}.edge-container.right.full.open{left:0;right:auto;height:100%;width:100%}.edge-container.top{width:100%;height:270px;left:0;top:-270px}.edge-container.top.open{top:0}.edge-container.top.full{bottom:100%;height:100%;top:-100%}.edge-container.top.full.open{bottom:0;height:100%}.edge-container.bottom{width:100%;height:270px;left:0;bottom:-270px}.edge-container.bottom.open{bottom:0}.edge-container.bottom.full{top:100%;height:100%;bottom:-100%}.edge-container.bottom.full.open{top:0;height:100%}body{position:relative;-ms-content-zoom-boundary-max:100%;-ms-content-zoom-boundary-min:100%}body.open{overflow:hidden}body.push-left{left:0}body.push-left.open{left:270px}body.push-right{right:0}body.push-right.open{right:270px}body.push-top{left:0;right:0;top:0}body.push-top.open{top:270px}body.push-bottom{left:0;right:0;bottom:0}body.push-bottom.open{bottom:270px}.modal{position:fixed;width:100vw;height:100vh;padding:0;top:0;left:0}.modal:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8)}.modal.active{z-index:99}.modal .modal-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:300px;background:#FFF;padding:10px}.modal .modal-content .control.x{position:absolute;right:0;top:0}