*{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;user-select:none}:focus{outline:none}.vertical-center{display:flex;flex-direction:column;height:100%;justify-content:center}.horizontal-center{margin:auto}.align-right{display:flex;flex-direction:row;justify-content:end}.narrow-column{margin-left:auto;margin-right:auto;max-height:100%;max-width:50%;width:100%}.animate-in{animation:animate-in .2s ease-out;animation-fill-mode:both}.zoom-in{animation:zoom-in .2s ease-out;animation-fill-mode:forwards;opacity:1}.slide-up{animation:slide-up .5s ease-out;animation-fill-mode:forwards}.slide-down,.slide-up{opacity:0;transform:none}.slide-down{animation:slide-down .1s linear;animation-fill-mode:forwards}.fade-in{animation:fade-in 1s ease-out;animation-fill-mode:forwards;opacity:0}.shake{animation:shake .2s;animation-iteration-count:infinite;position:relative}@keyframes animate-in{0%{opacity:0;transform:scale(110%)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{opacity:1;transform:none}to{opacity:0;transform:scale(200%)}}@keyframes slide-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%{transform:translate(4px,4px)}10%{transform:translate(-4px,-4px)}20%{transform:translate(-4px)}30%{transform:translate(4px,4px)}40%{transform:translate(4px,-4px)}50%{transform:translate(-4px,4px)}60%{transform:translate(-4px,4px)}70%{transform:translate(4px,4px)}80%{transform:translate(-4px,-4px)}90%{transform:translate(4px,4px)}to{transform:translate(4px,-4px)}}.balanced-row{display:flex;flex-direction:row;flex-wrap:nowrap}.balanced-row>div{flex:1 0 0}.balanced-stack{display:flex;flex-direction:column;flex-wrap:nowrap;height:100%}.balanced-stack>div{flex:1 0 0}.main-button{align-items:center;cursor:pointer;display:flex;font-size:20px;justify-content:center;text-align:center}.main-button.disabled{color:#888;pointer-events:none}.main-button>span{flex:1}.dim{background-color:rgba(0,0,0,.5);height:100%;width:100%}.flow-list{display:flex;flex-direction:row-reverse;flex-wrap:wrap}.flow-list>div{flex:1 1 0;position:relative}.frame{background-color:rgba(0,0,0,.8)}.gauge{background-color:#444;height:20px;overflow:hidden;width:100%}.gauge>div{background-color:#fff;display:flex;flex-direction:row;height:100%;justify-content:end;padding:var(--spacing-xxs);position:relative;transition:width .1s linear}.gauge>div>*{align-self:center;color:#000;flex:0 0 auto;font-size:15px}.highlightable-row{background-color:rgba(0,0,0,.2)}.highlightable-row:focus{background-color:hsla(0,0%,100%,.2)!important}.screen-layout-column>.screen-layout-column-main-column .highlightable-row{background-color:transparent}.key-value-layout{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.key-value-layout>:first-child{flex:1 0 auto}.key-value-layout>*{align-self:center;max-width:50%}.label-giant{font-size:100px}.label-large{font-size:var(--font-size-l)}.label-medium{font-size:var(--font-size-m)}.label-small{font-size:var(--font-size-s)}.label-tiny{font-size:var(--font-size-xs)}.main-title{font-size:var(--font-size-xxl);text-align:center}.text-block{color:#fff;font-size:var(--font-size-m);padding:10px 10%}.text-block p{margin:10px 0}.text-block ul{list-style-type:square;margin-left:20px}.screen-layout-column{display:flex;flex-direction:row;height:100%}.screen-layout-column>*{height:100%}.screen-layout-column>.screen-layout-column-main-column{background-color:rgba(0,0,0,.7);display:flex;flex:0 0 45%;flex-direction:column}.screen-layout-column>.screen-layout-column-main-column>.screen-layout-column-main-column-header{display:flex;flex-basis:40%;flex-direction:column;flex-shrink:0;justify-content:center;padding-left:5%;padding-right:5%;text-align:center}.screen-layout-column>.screen-layout-column-main-column>.screen-layout-column-main-column-footer{display:flex;flex-basis:100px;flex-direction:column;justify-content:center}.screen-layout-column>.screen-layout-column-main-column>.screen-layout-column-main-column-content{flex:1 0 0;overflow:hidden auto}.screen-layout-column>.screen-layout-column-central-content{display:flex;flex:1 1 auto;flex-direction:column;padding:10%}.mobile .screen-layout-column>.screen-central-content{display:none}.mobile .screen-layout-column>.screen-layout-column-main-column{background:transparent;flex-basis:100%;justify-content:start;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}.mobile .screen-layout-column>.screen-layout-column-main-column>.screen-layout-column-main-column-header{flex-basis:30%;flex-shrink:1;justify-content:end;padding-left:20px;padding-right:20px;position:relative;z-index:1}.mobile .screen-layout-column>.screen-layout-column-main-column>.screen-layout-column-main-column-content{flex:0 1 auto}.mobile .screen-layout-column>.screen-layout-column-main-column>.screen-layout-column-main-column-footer{flex-basis:auto;justify-content:end;padding-top:50px}.mobile .screen-layout-column .screen-layout-column-main-column-content,.mobile .screen-layout-column .screen-layout-column-main-column-footer{background-color:rgba(0,0,0,.7);padding:5px}.mobile .screen-layout-column>.screen-layout-column-main-column>.screen-layout-column-main-column-header .main-title{background:#fff;color:#000;margin:0;position:relative;text-shadow:none;top:20px}.mobile .screen-layout-column .screen-layout-column-main-column-content{padding-top:30px}.mobile .main-menu .screen-layout-column .screen-layout-column-main-column-content{padding:5px}.screen-stack-layout{display:flex;flex-direction:column;height:100%;margin:auto}.screen-stack-layout-bottom,.screen-stack-layout-top{display:flex;flex:0 0 100px;flex-direction:column;justify-content:center}.screen-stack-layout-content{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.screen-stack-layout-content>*{flex:1 1 auto;max-height:100%}.scrollable-content{max-height:100%;overflow-x:hidden;overflow-y:scroll}input[type=range]{appearance:none;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#000;border:none;height:20px;margin-top:-10px;width:20px}input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:0;box-shadow:0 2px #000;height:15px;width:15px}input[type=range]::-webkit-slider-runnable-track{background-color:#fff;height:0;width:100%}input[type=range]::-moz-range-track{background-color:#fff;box-shadow:0 2px #000;height:2px;width:100%}.labelled-slider{background-color:#fff;padding:1px;position:relative}.labelled-slider>:first-child{display:block;height:100%;width:100%}.labelled-slider>:nth-child(2){margin:0;min-width:50px;position:absolute;right:0;text-align:right;top:100%}.labelled-slider input[type=range]{height:20px}.labelled-slider input[type=range]::-moz-range-thumb{box-shadow:none;width:0}.labelled-slider input[type=range]::-moz-range-progress{background:#000;height:100%;width:100%}.labelled-slider input[type=range]::-moz-range-track{background-color:transparent;box-shadow:none}:root{--spacing-xxl:32px;--spacing-xl:24px;--spacing-l:20px;--spacing-m:16px;--spacing-s:12px;--spacing-xs:8px;--spacing-xxs:4px}.stack-list{display:flex;flex-direction:column}.tab-layout{display:flex;flex:0 1 auto;flex-direction:row}.tab-layout>*{flex:1 0 0px}.tab{border-bottom:2px solid transparent;cursor:pointer;font-size:15px;padding:5px}.tab:focus{background-color:hsla(0,0%,100%,.2)}.tab.selected{border-bottom-color:#fff}:root{--font-size-xxl:32px;--font-size-xl:24px;--font-size-l:20px;--font-size-m:16px;--font-size-s:12px;--font-size-xs:8px;--font-size-xxs:4px}