@import "https://fonts.googleapis.com/css?family=Google+Sans+Code";:root{--resize-window-height:90%;--output-banner-height:45px}body.resizing #view-panel{-webkit-user-select:none;user-select:none}.resizable-area{height:var(--resize-window-height);display:flex}.panel{padding:0;overflow:auto}.left{background-color:var(--plain-colour);flex-shrink:0;flex-basis:50%}.right{background-color:var(--plain-colour);flex-grow:1}.resizer{cursor:ew-resize;background-color:#333;width:10px}.switch-tab,#blockly-area{height:90%;max-height:90%}.page-tabs{background-color:var(--light-accent-colour);flex-direction:row;justify-content:center;align-items:center;height:10%;display:flex}.page-tabs .page-tab{color:#000;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;height:80%;margin-left:10px;margin-right:10px;padding:20px;list-style:none;transition:background-color .6s;display:flex}.page-tab-icon{width:20px;height:20px;padding-right:10px}.page-tab.selected{background-color:var(--plain-colour)}#code,#preview{overflow-y:scroll}#preview{position:relative}#preview-content{min-height:calc(100% - var(--output-banner-height));margin:8px}#preview-content ul,#preview-content ol{margin:16px 0;padding-left:32px}#preview-content li{margin:4px 0}#preview-content table{border-collapse:collapse;width:100%;margin:16px 0}#preview-content th,#preview-content td{text-align:left;border:1px solid #999;padding:8px}#preview-content th{background-color:var(--plain-colour)}.code-output{padding:16px}.code-output pre{white-space:pre-wrap;margin:0}.code-table{margin:0}.code-table-grid{border-collapse:collapse;table-layout:fixed;width:100%}.code-table-grid tr:nth-child(odd){background-color:var(--plain-colour)}.code-table-grid tr:nth-child(2n){background-color:var(--lighter-accent-colour)}.code-line-number{text-align:right;vertical-align:top;color:#666;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;border-right:1px solid #d9d9d9;width:4rem;padding-top:5px;padding-bottom:5px;padding-right:10px}.code-line-content{padding-top:5px;padding-bottom:5px;padding-left:10px}.blocklyToolboxCategoryIcon{flex-shrink:0;width:32px;height:32px;margin-right:8px;font-size:24px;line-height:1;visibility:visible!important;background-image:none!important;justify-content:center!important;align-items:center!important;display:flex!important}.blocklyToolboxCategoryIcon ion-icon{color:currentColor;width:24px;height:24px}.blocklyToolboxSelected .blocklyToolboxCategoryIcon ion-icon,.blocklyToolboxSelected .blocklyToolboxCategoryIcon{color:#fff!important}.blocklyToolboxCategory{align-items:center!important;min-height:40px!important;padding:12px 8px!important;font-size:14px!important;display:flex!important}.blocklyTreeRowContentContainer{align-items:center!important;display:flex!important}.blocklyToolboxCategoryLabel{padding-left:6px!important;font-weight:500!important}.output-banner{background-color:var(--light-accent-colour);height:var(--output-banner-height);justify-content:space-between;align-items:center;display:flex}#preview .output-banner{z-index:1;position:sticky;top:0}.traffic-lights{align-items:center;height:100%;margin-left:10px;display:flex}.traffic-light{border-radius:50%;width:15px;height:15px;margin-right:10px}.red{background-color:var(--red)}.yellow{background-color:var(--yellow)}.green{background-color:var(--green)}.search-bar{background-color:var(--plain-colour);border-radius:50px;flex-grow:2;align-items:center;height:70%;margin-left:10px;margin-right:10px;display:flex}.search-bar .icon{width:20px;height:20px;margin-left:20px;margin-right:20px}:root{--dark-accent-colour:#1a232d;--lighter-accent-colour:#f8f8f8;--light-accent-colour:#ebebeb;--plain-colour:white;--red:#a55b5b;--orange:#a5745b;--yellow:#a5a55b;--green:#5ba55b;--mint:#5ba593;--blue:#5b80a5;--navy:#5b6da5;--purple:#935ba5;--pink:#a55b80;font-family:Google Sans Code}*{box-sizing:border-box;margin:0;padding:0}header{background-color:var(--dark-accent-colour);border-bottom:1px solid #adadad;flex-wrap:nowrap;align-items:center;height:10vh;display:flex}body{height:100vh}#header-logo{width:200px;height:auto}footer{background:linear-gradient(115deg,#5b80a5 0%,#a55b80 100%);justify-content:flex-start;height:300px;display:flex}.sitemap{background-color:var(--plain-colour);border-radius:30px 0 30px 30px;flex-direction:row;justify-content:space-between;width:75%;height:80%;margin-top:30px;margin-left:30px;display:flex}.sitemap-list{flex-direction:column;padding-top:30px;padding-right:40px;text-decoration:none;list-style:none;display:flex}.sitemap-title{padding-bottom:10px;font-size:20px}.sitemap-home{padding-left:50px}.sitemap-accounts{padding-right:30px}.sitemap-link a,.sitemap-link visited,.sitemap-link hover{color:#000;text-decoration:none}.footer-logo-link{width:25%;padding-top:27px;transform:translate(-11.5%)}.footer-logo-link img{width:100%}@media (width<=900px){.sitemap-hidden{display:none}}