diff --git a/assets/recomp.rcss b/assets/recomp.rcss
index 6d064fb..454de43 100644
--- a/assets/recomp.rcss
+++ b/assets/recomp.rcss
@@ -1 +1 @@
-h1{font-size:64dp;letter-spacing:4.48dp;line-height:64dp;font-style:normal;font-weight:700}h2{font-size:48dp;letter-spacing:3.36dp;line-height:48dp;font-style:normal;font-weight:700}h3{font-size:32dp;letter-spacing:2.24dp;line-height:32dp;font-style:normal;font-weight:700}.label-lg,.menu-list-item__label,.button{font-size:32dp;letter-spacing:3.52dp;line-height:32dp;font-style:normal;font-weight:700}.label-md,.config-option__title,.tab,.control-option__label{font-size:24dp;letter-spacing:2.64dp;line-height:24dp;font-style:normal;font-weight:700}.label-sm,.subtitle-title__disclaimer,.config-option__range-label,.config-option__list .config-option__tab-label{font-size:16dp;letter-spacing:2.24dp;line-height:16dp;font-style:normal;font-weight:700;text-transform:uppercase}body{font-size:16dp;letter-spacing:0dp;line-height:16dp;font-style:normal;font-weight:400}.prompt-font{font-family:promptfont;font-style:normal;font-weight:400;font-size:40dp;line-height:40dp}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{nav-up:auto;nav-down:auto;nav-right:auto;nav-left:auto}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{focus:auto;tab-index:auto}h1{font-size:64dp;letter-spacing:4.48dp;line-height:64dp;font-style:normal;font-weight:700}h2{font-size:48dp;letter-spacing:3.36dp;line-height:48dp;font-style:normal;font-weight:700}h3{font-size:32dp;letter-spacing:2.24dp;line-height:32dp;font-style:normal;font-weight:700}.label-lg,.menu-list-item__label,.button{font-size:32dp;letter-spacing:3.52dp;line-height:32dp;font-style:normal;font-weight:700}.label-md,.config-option__title,.tab,.control-option__label{font-size:24dp;letter-spacing:2.64dp;line-height:24dp;font-style:normal;font-weight:700}.label-sm,.subtitle-title__disclaimer,.config-option__range-label,.config-option__list .config-option__tab-label{font-size:16dp;letter-spacing:2.24dp;line-height:16dp;font-style:normal;font-weight:700;text-transform:uppercase}body{font-size:16dp;letter-spacing:0dp;line-height:16dp;font-style:normal;font-weight:400}.prompt-font{font-family:promptfont;font-style:normal;font-weight:400;font-size:40dp;line-height:40dp}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{nav-up:auto;nav-down:auto;nav-right:auto;nav-left:auto}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{focus:auto;tab-index:auto}*{box-sizing:border-box}hr{display:block;background:#000;padding:1.5dp}body{font-family:chiaro;font-weight:normal;font-style:normal;font-size:20dp;color:#fff}div#window{position:relative;width:100%;height:100%;box-sizing:border-box;background-color:#121018;border-color:rgba(255,255,255,.2)}div#content{z-index:2;width:auto;height:100%;overflow:hidden auto;text-align:center}p{text-align:left}input.submit{margin-left:0}input.text,input.password{box-sizing:border-box;height:31dp;padding:11dp 10dp 0;cursor:text;text-align:left}textarea{padding:14dp 12dp 10dp;cursor:text;text-align:left}input.text,input.password,select,textarea{height:auto}table input.text{box-sizing:border-box;width:100%;margin:0;line-height:1;border-width:1dp;border-color:#000;background-color:#fff;font-size:15dp;decorator:none;height:auto}select{display:inline-block;text-align:left;box-sizing:border-box;vertical-align:center;padding:4dp;border-radius:5dp;background-color:#787878;width:100%}select selectvalue{height:auto}select:hover selectvalue{background-color:#969696}select selectbox,tbody{background-color:#787878}select selectbox option{width:auto;background-color:#787878}select selectbox option:nth-child(even),tr:nth-child(even){background-color:#646464}select selectbox option:checked{font-weight:bold;color:#fff}select selectbox option:hover{background:#969696}input.radio,input.checkbox{flex:0;tab-index:auto;focus:auto;nav-up:auto;nav-down:auto;nav-right:auto;nav-left:auto;width:0dp}thead tr{height:35dp}thead td{padding-top:11dp}tbody{margin-left:5dp;margin-right:4dp;padding-top:4dp;padding-bottom:4dp}tbody tr{margin-left:9dp;margin-right:8dp;color:#000}expand{display:block;margin:1dp 0 1dp 5dp;height:17dp;width:17dp}scrollbarvertical{margin-top:-6dp;margin-bottom:-6dp;margin-right:-11dp;width:27dp}scrollbarvertical slidertrack:active{image-color:#aaa}scrollbarvertical sliderbar{margin-left:4dp;width:23dp;min-height:46dp}scrollbarvertical sliderarrowdec,scrollbarvertical sliderarrowinc{width:27dp;height:24dp}scrollbarhorizontal{width:0;height:0}textarea scrollbarvertical{cursor:arrow;margin:10dp 0 4dp 0;width:12dp}textarea scrollbarvertical slidertrack{decorator:none}textarea scrollbarvertical sliderbar{margin-left:2dp;width:10dp;min-height:16dp}textarea scrollbarvertical sliderarrowdec,textarea scrollbarvertical sliderarrowinc{width:0;height:0}textarea scrollbarhorizontal{cursor:arrow;margin-left:7dp;height:12dp}textarea scrollbarhorizontal sliderbar{background-color:rgba(188,0,0,.8);height:8dp;min-width:10dp}textarea scrollbarhorizontal sliderbar:hover{background-color:rgba(184,37,0,.8)}textarea scrollbarhorizontal sliderbar:active{background-color:rgba(119,0,0,.8)}.centered-page{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;padding:32dp;background-color:rgba(255,255,255,.1)}.centered-page__modal{display:flex;flex-direction:column;position:relative;margin:auto;flex:1 1 100%;max-width:1920dp dp;width:100%;height:100%;background:rgba(8,7,13,.84);border-radius:16dp;border-color:rgba(0,0,0,.35);border-width:1dp}.centered-page__modal panels{flex:1 1 100%}.control-option{color:#ccc;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:auto;padding:8dp 16dp 8dp 20dp;border-radius:8dp;background-color:rgba(0,0,0,0)}.control-option svg{image-color:#ccc}.control-option:focus-visible:not(:disabled,[disabled]),.control-option:hover:not(:disabled,[disabled]){color:#f2f2f2;background-color:rgba(190,184,219,.1)}.control-option:focus-visible:not(:disabled,[disabled]) svg,.control-option:hover:not(:disabled,[disabled]) svg{image-color:#f2f2f2}.control-option:disabled,.control-option[disabled]{opacity:.5}.control-option .icon-button{flex:1 1 auto}.control-option__label{flex:2 1 300dp;height:auto;white-space:nowrap}.control-option__bindings{display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;flex:2 1 400dp;width:100%;height:72dp;padding:0 12dp 0 4dp}.control-option__binding{color:#ccc;display:flex;align-items:center;justify-content:center;margin:0 4dp;flex:1 1 100%;width:100%;height:72dp;padding:8dp;background-color:rgba(190,184,219,.1);border-color:rgba(190,184,219,.1);border-width:1dp;border-radius:8dp}.control-option__binding svg{image-color:#ccc}.control-option__binding:focus,.control-option__binding:hover{color:#f2f2f2;background-color:rgba(255,255,255,.1);border-color:#f2f2f2}.control-option__binding:focus svg,.control-option__binding:hover svg{image-color:#f2f2f2}.control-option__binding:active{color:#f5f5f5}.control-option__binding:active svg{image-color:#f5f5f5}.control-option__binding:disabled,.control-option__binding[disabled]{color:#ccc;opacity:.5}.control-option__binding:disabled svg,.control-option__binding[disabled] svg{image-color:#ccc}.tabs tabs{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.tab{display:block;position:relative;padding:20dp 24dp;background-color:rgba(0,0,0,0);margin:0;color:rgba(255,255,255,.6);transition:color .033s linear-in-out}.tab:selected{color:#f2f2f2}.tab:selected .tab__indicator{background-color:rgba(255,255,255,.6)}.tab:selected:hover{cursor:default}.tab:hover{cursor:pointer}.tab:focus{color:#f2f2f2}.tab__indicator{position:absolute;background-color:rgba(0,0,0,0);right:0;bottom:2dp;left:0;height:2dp}.config__form{border-top-color:rgba(255,255,255,.1);border-top-width:1dp;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 100%;width:100%;height:100%;border-bottom-left-radius:16dp;border-bottom-right-radius:16dp}.config__wrapper{display:flex;flex-direction:column;border-radius:0dp;flex:1 1 100%;height:100%;padding:16dp;text-align:left;background-color:rgba(0,0,0,.35)}.config__footer{border-top-color:rgba(255,255,255,.1);border-top-width:1dp;display:flex;justify-content:flex-end;align-items:center;width:100%;padding:20dp 20dp;background-color:rgba(0,0,0,.35);border-bottom-left-radius:16dp;border-bottom-right-radius:16dp}.config__row{display:flex;flex-direction:row}.config-option{display:flex;flex-direction:column;flex:1;align-items:flex-start;justify-content:space-between;margin:8dp 0 16dp}.config-option__title{padding:0 12dp}.config-option__list{display:flex;padding:0;flex-direction:row;width:100%;align-items:flex-start;justify-content:flex-start}.config-option__list .config-option__tab-label{display:block;padding:12dp 0;margin:0 12dp;margin-right:16dp;color:rgba(255,255,255,.6);tab-index:none;transition:color .033s linear-in-out}.config-option__list .config-option__tab-label:hover{cursor:pointer}.config-option__list input.radio{visibility:visible;width:0;height:0}.config-option__list input.radio:checked+.config-option__tab-label{border-bottom:1dp;border-color:rgba(255,255,255,.3)}.config-option__list input.radio:checked+.config-option__tab-label:hover{cursor:default}.config-option__list input.radio:focus+.config-option__tab-label{color:#f2f2f2}.config-option__list input.range slidertrack{margin-top:7dp;height:2dp;background-color:rgba(255,255,255,.2)}.config-option__list input.range sliderbar{margin-left:-8dp;margin-right:-6dp;width:16dp;height:16dp;background-color:#ccc;border-radius:8dp;transition:background-color .033s linear-in-out}.config-option__list input.range sliderbar:hover{cursor:pointer;background-color:#f2f2f2}.config-option__list input.range sliderbar:active,.config-option__list input.range slidertrack:active+sliderbar{background-color:#17d6e8}.config-option__list input.range sliderarrowdec,.config-option__list input.range sliderarrowinc{display:none}.config-option__range-wrapper{margin-top:4dp;max-width:360dp}.config-option__range-label{flex:0 0 16dp;display:block;padding:0;margin:0 12dp;margin-right:16dp;color:#f2f2f2;tab-index:none}.input-config{padding:0}.input-config__horizontal-split{display:flex;position:relative;flex-direction:row;height:100%}.input-config__mappings{display:block;flex:1 1 auto;height:100%;min-width:720dp}.input-config__mappings-scroll{display:block;width:100%;max-height:100%;overflow-y:auto}.input-config__mappings-wrapper{padding:8dp}.input-config__visual-wrapper{display:block;width:auto;height:auto;max-width:1120dp;max-height:100%;margin:auto 0;flex:1 1 100%}.input-config__visual-aspect{position:relative;width:100%;padding-bottom:75%;background-color:rgba(23,214,232,.05);margin:auto 0}.input-config__visual{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0}[cur-input=NONE] .input-config__visual-input[visual-input]{opacity:1}.input-config__visual-input[visual-input=A]{opacity:.5}[cur-input=A] .input-config__visual-input[visual-input=A]{opacity:1}.input-config__visual-input[visual-input=B]{opacity:.5}[cur-input=B] .input-config__visual-input[visual-input=B]{opacity:1}.input-config__visual-input[visual-input=Z]{opacity:.5}[cur-input=Z] .input-config__visual-input[visual-input=Z]{opacity:1}.input-config__visual-input[visual-input=START]{opacity:.5}[cur-input=START] .input-config__visual-input[visual-input=START]{opacity:1}.input-config__visual-input[visual-input=DPAD_UP]{opacity:.5}[cur-input=DPAD_UP] .input-config__visual-input[visual-input=DPAD_UP]{opacity:1}.input-config__visual-input[visual-input=DPAD_DOWN]{opacity:.5}[cur-input=DPAD_DOWN] .input-config__visual-input[visual-input=DPAD_DOWN]{opacity:1}.input-config__visual-input[visual-input=DPAD_LEFT]{opacity:.5}[cur-input=DPAD_LEFT] .input-config__visual-input[visual-input=DPAD_LEFT]{opacity:1}.input-config__visual-input[visual-input=DPAD_RIGHT]{opacity:.5}[cur-input=DPAD_RIGHT] .input-config__visual-input[visual-input=DPAD_RIGHT]{opacity:1}.input-config__visual-input[visual-input=L]{opacity:.5}[cur-input=L] .input-config__visual-input[visual-input=L]{opacity:1}.input-config__visual-input[visual-input=R]{opacity:.5}[cur-input=R] .input-config__visual-input[visual-input=R]{opacity:1}.input-config__visual-input[visual-input=C_UP]{opacity:.5}[cur-input=C_UP] .input-config__visual-input[visual-input=C_UP]{opacity:1}.input-config__visual-input[visual-input=C_DOWN]{opacity:.5}[cur-input=C_DOWN] .input-config__visual-input[visual-input=C_DOWN]{opacity:1}.input-config__visual-input[visual-input=C_LEFT]{opacity:.5}[cur-input=C_LEFT] .input-config__visual-input[visual-input=C_LEFT]{opacity:1}.input-config__visual-input[visual-input=C_RIGHT]{opacity:.5}[cur-input=C_RIGHT] .input-config__visual-input[visual-input=C_RIGHT]{opacity:1}.input-config__visual-input[visual-input=X_AXIS_NEG]{opacity:.5}[cur-input=X_AXIS_NEG] .input-config__visual-input[visual-input=X_AXIS_NEG]{opacity:1}.input-config__visual-input[visual-input=X_AXIS_POS]{opacity:.5}[cur-input=X_AXIS_POS] .input-config__visual-input[visual-input=X_AXIS_POS]{opacity:1}.input-config__visual-input[visual-input=Y_AXIS_NEG]{opacity:.5}[cur-input=Y_AXIS_NEG] .input-config__visual-input[visual-input=Y_AXIS_NEG]{opacity:1}.input-config__visual-input[visual-input=Y_AXIS_POS]{opacity:.5}[cur-input=Y_AXIS_POS] .input-config__visual-input[visual-input=Y_AXIS_POS]{opacity:1}.button{background-color:rgba(185,125,242,.05);color:#ccc;border-color:rgba(185,125,242,.8);display:block;padding:23dp;border-radius:12dp;border-width:1dp;width:auto;height:auto}.button:focus{color:#f2f2f2;border-color:#b97df2;background-color:rgba(185,125,242,.3)}.button:disabled,.button[disabled]{color:rgba(255,255,255,.6)}.button:active{background-color:rgba(185,125,242,.2);color:#f5f5f5}.button--secondary{background-color:rgba(23,214,232,.05);color:#ccc;border-color:rgba(23,214,232,.8)}.button--secondary:focus{color:#f2f2f2;border-color:#17d6e8;background-color:rgba(23,214,232,.3)}.button--secondary:disabled,.button--secondary[disabled]{color:rgba(255,255,255,.6)}.button--secondary:active{background-color:rgba(23,214,232,.2);color:#f5f5f5}.button--tertiary{background-color:rgba(242,242,242,.05);color:#ccc;border-color:rgba(242,242,242,.8)}.button--tertiary:focus{color:#f2f2f2;border-color:#f2f2f2;background-color:rgba(242,242,242,.3)}.button--tertiary:disabled,.button--tertiary[disabled]{color:rgba(255,255,255,.6)}.button--tertiary:active{background-color:rgba(242,242,242,.2);color:#f5f5f5}.button--success{background-color:rgba(69,208,67,.05);color:#ccc;border-color:rgba(69,208,67,.8)}.button--success:focus{color:#f2f2f2;border-color:#45d043;background-color:rgba(69,208,67,.3)}.button--success:disabled,.button--success[disabled]{color:rgba(255,255,255,.6)}.button--success:active{background-color:rgba(69,208,67,.2);color:#f5f5f5}.button--error{background-color:rgba(248,96,57,.05);color:#ccc;border-color:rgba(248,96,57,.8)}.button--error:focus{color:#f2f2f2;border-color:#f86039;background-color:rgba(248,96,57,.3)}.button--error:disabled,.button--error[disabled]{color:rgba(255,255,255,.6)}.button--error:active{background-color:rgba(248,96,57,.2);color:#f5f5f5}.button--warning{background-color:rgba(233,205,53,.05);color:#ccc;border-color:rgba(233,205,53,.8)}.button--warning:focus{color:#f2f2f2;border-color:#e9cd35;background-color:rgba(233,205,53,.3)}.button--warning:disabled,.button--warning[disabled]{color:rgba(255,255,255,.6)}.button--warning:active{background-color:rgba(233,205,53,.2);color:#f5f5f5}.button:disabled,.button[disabled]{opacity:.5}.button__label{width:auto;height:auto}.icon-button{color:#ccc;background-color:rgba(185,125,242,.05);border-color:rgba(185,125,242,.8);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:28dp;border-width:1.5dp;width:56dp;height:56dp;min-width:56dp;min-height:56dp;max-width:56dp;max-height:56dp}.icon-button svg{image-color:#ccc}.icon-button:focus,.icon-button:hover{border-color:#b97df2;background-color:rgba(185,125,242,.3)}.icon-button:active{background-color:rgba(185,125,242,.2)}.icon-button:focus,.icon-button:hover{color:#f2f2f2}.icon-button:focus svg,.icon-button:hover svg{image-color:#f2f2f2}.icon-button:active{color:#f5f5f5}.icon-button:active svg{image-color:#f5f5f5}.icon-button:disabled,.icon-button[disabled]{color:#ccc;opacity:.5}.icon-button:disabled svg,.icon-button[disabled] svg{image-color:#ccc}.icon-button svg{width:32dp;height:32dp}.icon-button--secondary{background-color:rgba(23,214,232,.05);border-color:rgba(23,214,232,.8)}.icon-button--secondary:focus,.icon-button--secondary:hover{border-color:#17d6e8;background-color:rgba(23,214,232,.3)}.icon-button--secondary:active{background-color:rgba(23,214,232,.2)}.icon-button--tertiary{background-color:rgba(242,242,242,.05);border-color:rgba(242,242,242,.8)}.icon-button--tertiary:focus,.icon-button--tertiary:hover{border-color:#f2f2f2;background-color:rgba(242,242,242,.3)}.icon-button--tertiary:active{background-color:rgba(242,242,242,.2)}.icon-button--success{background-color:rgba(69,208,67,.05);border-color:rgba(69,208,67,.8)}.icon-button--success:focus,.icon-button--success:hover{border-color:#45d043;background-color:rgba(69,208,67,.3)}.icon-button--success:active{background-color:rgba(69,208,67,.2)}.icon-button--danger{background-color:rgba(248,96,57,.05);border-color:rgba(248,96,57,.8)}.icon-button--danger:focus,.icon-button--danger:hover{border-color:#f86039;background-color:rgba(248,96,57,.3)}.icon-button--danger:active{background-color:rgba(248,96,57,.2)}.icon-button--warning{background-color:rgba(233,205,53,.05);border-color:rgba(233,205,53,.8)}.icon-button--warning:focus,.icon-button--warning:hover{border-color:#e9cd35;background-color:rgba(233,205,53,.3)}.icon-button--warning:active{background-color:rgba(233,205,53,.2)}.launcher{display:block;flex-direction:row;justify-content:space-between;position:relative;width:100%;height:100%;background-color:#08070d}.launcher__vertical-split{display:flex;position:absolute;flex-direction:column;align-items:flex-start;justify-content:space-between;top:0;right:50%;bottom:0;left:0}.launcher__vertical-split--right{align-items:flex-end;right:0;left:50%}@keyframes slide-mm-bg-over{0%{transform:translateX(100dp)}to{transform:translateX(0dp)}}.launcher__background-wrapper{display:flex;align-items:center;justify-content:flex-start;position:absolute;left:-70vw;right:-100%;top:-55vw;bottom:-50vw;transform:translateX(0dp);animation:25s cubic-out 1 slide-mm-bg-over}@keyframes fade-mm-in{0%{opacity:0}to{opacity:.1}}.launcher__background-mm{position:absolute;left:0;top:0;bottom:0;height:100%;width:auto;opacity:.1;animation:2.5s cubic-in-out 1 fade-mm-in}.launcher__title-quadrant{flex:1 1 auto;padding-top:96dp;padding-left:96dp;width:auto;height:auto}.launcher__title-quadrant--right{padding-right:96dp;padding-left:0}.launcher__content-quadrant{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:32dp;width:100%;height:auto;flex:1 1 100%}.menu-list-item{color:#ccc;display:flex;flex-direction:row;align-items:center;width:100%;height:auto;padding:16dp;border-radius:8dp;background-color:rgba(0,0,0,0);cursor:pointer}.menu-list-item svg{image-color:#ccc}.menu-list-item--right{align-content:flex-end;flex-direction:row-reverse}.menu-list-item--right .menu-list-item__bullet{opacity:1;margin-left:12dp}.menu-list-item--right.menu-list-item:focus:not(:disabled,[disabled]),.menu-list-item--right.menu-list-item:hover:not(:disabled,[disabled]){decorator:gradient(horizontal #7A2AC600 #DABAF714)}.menu-list-item:focus:not(:disabled,[disabled]),.menu-list-item:hover:not(:disabled,[disabled]){color:#b97df2;decorator:gradient(horizontal #7A2AC614 #DABAF700)}.menu-list-item:focus:not(:disabled,[disabled]) svg,.menu-list-item:hover:not(:disabled,[disabled]) svg{image-color:#b97df2}.menu-list-item:focus:not(:disabled,[disabled]) .menu-list-item__bullet,.menu-list-item:hover:not(:disabled,[disabled]) .menu-list-item__bullet{opacity:1}.menu-list-item:disabled,.menu-list-item[disabled]{opacity:.5;tab-index:none;cursor:default}.menu-list-item__bullet{opacity:0;margin-right:12dp}.subtitle-title{display:block;position:relative;width:auto;height:auto;flex-direction:column;align-items:flex-start;align-content:flex-start;background-color:rgba(0,0,0,0);color:#ccc;cursor:pointer;text-align:left;padding:0}.subtitle-title--right{align-content:flex-end}.subtitle-title--right,.subtitle-title--right>*{text-align:right}.subtitle-title[selected]{color:#f2f2f2;cursor:default}.subtitle-title:focus:not(:disabled,[disabled]),.subtitle-title:hover:not(:disabled,[disabled],[selected]){color:#b97df2}.subtitle-title:disabled,.subtitle-title[disabled]{opacity:.5;cursor:default;tab-index:none}.subtitle-title h3{margin-bottom:6dp}.subtitle-title h1{margin-top:6dp}.subtitle-title__disclaimer{margin-top:16dp}body{box-sizing:border-box;color:#f2f2f2;font-family:chiaro}body[disable-mouse]{pointer-events:none}.rmlui-window{opacity:1;transition:opacity .1s quadratic-in-out}.rmlui-window--hidden{opacity:0;transition:none}*,*:before,*:after{box-sizing:border-box}button{background-color:#7a2ac6}
+h1{font-size:64dp;letter-spacing:4.48dp;line-height:64dp;font-style:normal;font-weight:700}h2{font-size:48dp;letter-spacing:3.36dp;line-height:48dp;font-style:normal;font-weight:700}h3{font-size:32dp;letter-spacing:2.24dp;line-height:32dp;font-style:normal;font-weight:700}.label-lg,.menu-list-item__label,.button{font-size:32dp;letter-spacing:3.52dp;line-height:32dp;font-style:normal;font-weight:700}.label-md,.config-option__title,.tab,.control-option__label{font-size:24dp;letter-spacing:2.64dp;line-height:24dp;font-style:normal;font-weight:700}.label-sm,.subtitle-title__disclaimer,.config-option__range-label,.config-option__list .config-option__tab-label{font-size:16dp;letter-spacing:2.24dp;line-height:16dp;font-style:normal;font-weight:700;text-transform:uppercase}body{font-size:16dp;letter-spacing:0dp;line-height:16dp;font-style:normal;font-weight:400}.prompt-font{font-family:promptfont;font-style:normal;font-weight:400;font-size:40dp;line-height:40dp}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{nav-up:auto;nav-down:auto;nav-right:auto;nav-left:auto}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{focus:auto;tab-index:auto}h1{font-size:64dp;letter-spacing:4.48dp;line-height:64dp;font-style:normal;font-weight:700}h2{font-size:48dp;letter-spacing:3.36dp;line-height:48dp;font-style:normal;font-weight:700}h3{font-size:32dp;letter-spacing:2.24dp;line-height:32dp;font-style:normal;font-weight:700}.label-lg,.menu-list-item__label,.button{font-size:32dp;letter-spacing:3.52dp;line-height:32dp;font-style:normal;font-weight:700}.label-md,.config-option__title,.tab,.control-option__label{font-size:24dp;letter-spacing:2.64dp;line-height:24dp;font-style:normal;font-weight:700}.label-sm,.subtitle-title__disclaimer,.config-option__range-label,.config-option__list .config-option__tab-label{font-size:16dp;letter-spacing:2.24dp;line-height:16dp;font-style:normal;font-weight:700;text-transform:uppercase}body{font-size:16dp;letter-spacing:0dp;line-height:16dp;font-style:normal;font-weight:400}.prompt-font{font-family:promptfont;font-style:normal;font-weight:400;font-size:40dp;line-height:40dp}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{nav-up:auto;nav-down:auto;nav-right:auto;nav-left:auto}.subtitle-title:not(:disabled,[disabled]),.menu-list-item:not(:disabled,[disabled]),.icon-button:not([disabled]),.button:not([disabled]),.config-option__list input.radio,.tab,.control-option__binding:not([disabled]),.centered-page__modal{focus:auto;tab-index:auto}*{box-sizing:border-box}hr{display:block;background:#000;padding:1.5dp}body{font-family:chiaro;font-weight:normal;font-style:normal;font-size:20dp;color:#fff}div#window{position:relative;width:100%;height:100%;box-sizing:border-box;background-color:#121018;border-color:rgba(255,255,255,.2)}div#content{z-index:2;width:auto;height:100%;overflow:hidden auto;text-align:center}p{text-align:left}input.submit{margin-left:0}input.text,input.password{box-sizing:border-box;height:31dp;padding:11dp 10dp 0;cursor:text;text-align:left}textarea{padding:14dp 12dp 10dp;cursor:text;text-align:left}input.text,input.password,select,textarea{height:auto}table input.text{box-sizing:border-box;width:100%;margin:0;line-height:1;border-width:1.5dp;border-color:#000;background-color:#fff;font-size:15dp;decorator:none;height:auto}select{display:inline-block;text-align:left;box-sizing:border-box;vertical-align:center;padding:4dp;border-radius:5dp;background-color:#787878;width:100%}select selectvalue{height:auto}select:hover selectvalue{background-color:#969696}select selectbox,tbody{background-color:#787878}select selectbox option{width:auto;background-color:#787878}select selectbox option:nth-child(even),tr:nth-child(even){background-color:#646464}select selectbox option:checked{font-weight:bold;color:#fff}select selectbox option:hover{background:#969696}input.radio,input.checkbox{flex:0;tab-index:auto;focus:auto;nav-up:auto;nav-down:auto;nav-right:auto;nav-left:auto;width:0dp}scrollbarvertical,scrollbarhorizontal{margin:0;border:0}scrollbarvertical slidertrack,scrollbarhorizontal slidertrack{background:#dabaf7;opacity:.05}scrollbarvertical sliderbar,scrollbarhorizontal sliderbar{border-radius:5dp;background:#dabaf7;opacity:.1}scrollbarvertical sliderbar:hover:not(:active),scrollbarhorizontal sliderbar:hover:not(:active){opacity:.2}scrollbarvertical sliderbar:active,scrollbarhorizontal sliderbar:active{opacity:.3}scrollbarvertical sliderarrowdec,scrollbarvertical sliderarrowinc,scrollbarhorizontal sliderarrowdec,scrollbarhorizontal sliderarrowinc{width:0;height:0}scrollbarvertical{width:12dp}scrollbarvertical slidertrack{width:12dp}scrollbarvertical sliderbar{width:12dp}scrollbarhorizontal{height:12dp}scrollbarhorizontal slidertrack{height:12dp}scrollbarhorizontal sliderbar{height:12dp}.centered-page{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;padding:64dp;background-color:rgba(255,255,255,.1)}.centered-page__modal{display:flex;flex-direction:column;position:relative;margin:auto;flex:1 1 100%;max-width:1692.4444444444dp;width:100%;height:100%;background:rgba(8,7,13,.84);border-radius:16dp;border-color:rgba(0,0,0,.35);border-width:1.5dp}.centered-page__modal panels{flex:1 1 100%}.control-option{color:#ccc;display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:auto;padding:8dp 16dp 8dp 20dp;border-radius:8dp;background-color:rgba(0,0,0,0)}.control-option svg{image-color:#ccc}.control-option:focus-visible:not(:disabled,[disabled]),.control-option:hover:not(:disabled,[disabled]){color:#f2f2f2;background-color:rgba(190,184,219,.1)}.control-option:focus-visible:not(:disabled,[disabled]) svg,.control-option:hover:not(:disabled,[disabled]) svg{image-color:#f2f2f2}.control-option:disabled,.control-option[disabled]{opacity:.5}.control-option .icon-button{flex:1 1 auto}.control-option__label{flex:2 1 300dp;height:auto;white-space:nowrap}.control-option__bindings{display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;flex:2 1 400dp;width:100%;height:72dp;padding:0 12dp 0 4dp}.control-option__binding{color:#ccc;display:flex;align-items:center;justify-content:center;margin:0 4dp;flex:1 1 100%;width:100%;height:72dp;padding:8dp;background-color:rgba(190,184,219,.1);border-color:rgba(190,184,219,.1);border-width:1.5dp;border-radius:8dp}.control-option__binding svg{image-color:#ccc}.control-option__binding:focus,.control-option__binding:hover{color:#f2f2f2;background-color:rgba(255,255,255,.1);border-color:#f2f2f2}.control-option__binding:focus svg,.control-option__binding:hover svg{image-color:#f2f2f2}.control-option__binding:active{color:#f5f5f5}.control-option__binding:active svg{image-color:#f5f5f5}.control-option__binding:disabled,.control-option__binding[disabled]{color:#ccc;opacity:.5}.control-option__binding:disabled svg,.control-option__binding[disabled] svg{image-color:#ccc}.tabs tabs{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.tab{display:block;position:relative;padding:20dp 24dp;background-color:rgba(0,0,0,0);margin:0;color:rgba(255,255,255,.6);transition:color .033s linear-in-out}.tab:selected{color:#f2f2f2}.tab:selected .tab__indicator{background-color:rgba(255,255,255,.6)}.tab:selected:hover{cursor:default}.tab:hover{cursor:pointer}.tab:focus{color:#f2f2f2}.tab__indicator{position:absolute;background-color:rgba(0,0,0,0);right:0;bottom:2dp;left:0;height:2dp}.config__form{border-top-color:rgba(255,255,255,.1);border-top-width:1.5dp;display:flex;flex-direction:column;justify-content:space-between;flex:1 1 100%;width:100%;height:100%;border-bottom-left-radius:16dp;border-bottom-right-radius:16dp}.config__wrapper{display:flex;flex-direction:column;border-radius:0dp;flex:1 1 100%;height:100%;padding:16dp;text-align:left;background-color:rgba(0,0,0,.35)}.config__footer{border-top-color:rgba(255,255,255,.1);border-top-width:1.5dp;display:flex;justify-content:flex-end;align-items:center;width:100%;padding:20dp 20dp;background-color:rgba(0,0,0,.35);border-bottom-left-radius:16dp;border-bottom-right-radius:16dp}.config__row{display:flex;flex-direction:row}.config-option{display:flex;flex-direction:column;flex:1;align-items:flex-start;justify-content:space-between;margin:8dp 0 16dp}.config-option__title{padding:0 12dp}.config-option__list{display:flex;padding:0;flex-direction:row;width:100%;align-items:flex-start;justify-content:flex-start}.config-option__list .config-option__tab-label{display:block;padding:12dp 0;margin:0 12dp;margin-right:16dp;color:rgba(255,255,255,.6);tab-index:none;transition:color .033s linear-in-out}.config-option__list .config-option__tab-label:hover{cursor:pointer}.config-option__list input.radio{visibility:visible;width:0;height:0}.config-option__list input.radio:checked+.config-option__tab-label{border-bottom:1dp;border-color:rgba(255,255,255,.3)}.config-option__list input.radio:checked+.config-option__tab-label:hover{cursor:default}.config-option__list input.radio:focus+.config-option__tab-label{color:#f2f2f2}.config-option__list input.range slidertrack{margin-top:7dp;height:2dp;background-color:rgba(255,255,255,.2)}.config-option__list input.range sliderbar{margin-left:-8dp;margin-right:-6dp;width:16dp;height:16dp;background-color:#ccc;border-radius:8dp;transition:background-color .033s linear-in-out}.config-option__list input.range sliderbar:hover{cursor:pointer;background-color:#f2f2f2}.config-option__list input.range sliderbar:active,.config-option__list input.range slidertrack:active+sliderbar{background-color:#17d6e8}.config-option__list input.range sliderarrowdec,.config-option__list input.range sliderarrowinc{display:none}.config-option__range-wrapper{margin-top:4dp;max-width:360dp}.config-option__range-label{flex:0 0 16dp;display:block;padding:0;margin:0 12dp;margin-right:16dp;color:#f2f2f2;tab-index:none}.input-config{padding:0}.input-config__horizontal-split{display:flex;position:relative;flex-direction:row;height:100%}.input-config__mappings{display:block;flex:1 1 auto;height:100%;min-width:640dp}.input-config__mappings-scroll{display:block;width:100%;max-height:100%;overflow-y:auto}.input-config__mappings-wrapper{padding:8dp}.input-config__visual-wrapper{display:block;width:auto;height:auto;max-width:1040.4444444444dp;max-height:780.3333333333dp;margin:auto 0;flex:1 1 100%}.input-config__visual-aspect{position:relative;width:100%;padding-bottom:75%;background-color:rgba(23,214,232,.05);margin:auto 0}.input-config__visual{display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0}[cur-input=NONE] .input-config__visual-input[visual-input]{opacity:1}.input-config__visual-input[visual-input=A]{opacity:.5}[cur-input=A] .input-config__visual-input[visual-input=A]{opacity:1}.input-config__visual-input[visual-input=B]{opacity:.5}[cur-input=B] .input-config__visual-input[visual-input=B]{opacity:1}.input-config__visual-input[visual-input=Z]{opacity:.5}[cur-input=Z] .input-config__visual-input[visual-input=Z]{opacity:1}.input-config__visual-input[visual-input=START]{opacity:.5}[cur-input=START] .input-config__visual-input[visual-input=START]{opacity:1}.input-config__visual-input[visual-input=DPAD_UP]{opacity:.5}[cur-input=DPAD_UP] .input-config__visual-input[visual-input=DPAD_UP]{opacity:1}.input-config__visual-input[visual-input=DPAD_DOWN]{opacity:.5}[cur-input=DPAD_DOWN] .input-config__visual-input[visual-input=DPAD_DOWN]{opacity:1}.input-config__visual-input[visual-input=DPAD_LEFT]{opacity:.5}[cur-input=DPAD_LEFT] .input-config__visual-input[visual-input=DPAD_LEFT]{opacity:1}.input-config__visual-input[visual-input=DPAD_RIGHT]{opacity:.5}[cur-input=DPAD_RIGHT] .input-config__visual-input[visual-input=DPAD_RIGHT]{opacity:1}.input-config__visual-input[visual-input=L]{opacity:.5}[cur-input=L] .input-config__visual-input[visual-input=L]{opacity:1}.input-config__visual-input[visual-input=R]{opacity:.5}[cur-input=R] .input-config__visual-input[visual-input=R]{opacity:1}.input-config__visual-input[visual-input=C_UP]{opacity:.5}[cur-input=C_UP] .input-config__visual-input[visual-input=C_UP]{opacity:1}.input-config__visual-input[visual-input=C_DOWN]{opacity:.5}[cur-input=C_DOWN] .input-config__visual-input[visual-input=C_DOWN]{opacity:1}.input-config__visual-input[visual-input=C_LEFT]{opacity:.5}[cur-input=C_LEFT] .input-config__visual-input[visual-input=C_LEFT]{opacity:1}.input-config__visual-input[visual-input=C_RIGHT]{opacity:.5}[cur-input=C_RIGHT] .input-config__visual-input[visual-input=C_RIGHT]{opacity:1}.input-config__visual-input[visual-input=X_AXIS_NEG]{opacity:.5}[cur-input=X_AXIS_NEG] .input-config__visual-input[visual-input=X_AXIS_NEG]{opacity:1}.input-config__visual-input[visual-input=X_AXIS_POS]{opacity:.5}[cur-input=X_AXIS_POS] .input-config__visual-input[visual-input=X_AXIS_POS]{opacity:1}.input-config__visual-input[visual-input=Y_AXIS_NEG]{opacity:.5}[cur-input=Y_AXIS_NEG] .input-config__visual-input[visual-input=Y_AXIS_NEG]{opacity:1}.input-config__visual-input[visual-input=Y_AXIS_POS]{opacity:.5}[cur-input=Y_AXIS_POS] .input-config__visual-input[visual-input=Y_AXIS_POS]{opacity:1}.button{background-color:rgba(185,125,242,.05);color:#ccc;border-color:rgba(185,125,242,.8);display:block;padding:23dp;border-radius:12dp;border-width:1.5dp;width:auto;height:auto}.button:focus{color:#f2f2f2;border-color:#b97df2;background-color:rgba(185,125,242,.3)}.button:disabled,.button[disabled]{color:rgba(255,255,255,.6)}.button:active{background-color:rgba(185,125,242,.2);color:#f5f5f5}.button--secondary{background-color:rgba(23,214,232,.05);color:#ccc;border-color:rgba(23,214,232,.8)}.button--secondary:focus{color:#f2f2f2;border-color:#17d6e8;background-color:rgba(23,214,232,.3)}.button--secondary:disabled,.button--secondary[disabled]{color:rgba(255,255,255,.6)}.button--secondary:active{background-color:rgba(23,214,232,.2);color:#f5f5f5}.button--tertiary{background-color:rgba(242,242,242,.05);color:#ccc;border-color:rgba(242,242,242,.8)}.button--tertiary:focus{color:#f2f2f2;border-color:#f2f2f2;background-color:rgba(242,242,242,.3)}.button--tertiary:disabled,.button--tertiary[disabled]{color:rgba(255,255,255,.6)}.button--tertiary:active{background-color:rgba(242,242,242,.2);color:#f5f5f5}.button--success{background-color:rgba(69,208,67,.05);color:#ccc;border-color:rgba(69,208,67,.8)}.button--success:focus{color:#f2f2f2;border-color:#45d043;background-color:rgba(69,208,67,.3)}.button--success:disabled,.button--success[disabled]{color:rgba(255,255,255,.6)}.button--success:active{background-color:rgba(69,208,67,.2);color:#f5f5f5}.button--error{background-color:rgba(248,96,57,.05);color:#ccc;border-color:rgba(248,96,57,.8)}.button--error:focus{color:#f2f2f2;border-color:#f86039;background-color:rgba(248,96,57,.3)}.button--error:disabled,.button--error[disabled]{color:rgba(255,255,255,.6)}.button--error:active{background-color:rgba(248,96,57,.2);color:#f5f5f5}.button--warning{background-color:rgba(233,205,53,.05);color:#ccc;border-color:rgba(233,205,53,.8)}.button--warning:focus{color:#f2f2f2;border-color:#e9cd35;background-color:rgba(233,205,53,.3)}.button--warning:disabled,.button--warning[disabled]{color:rgba(255,255,255,.6)}.button--warning:active{background-color:rgba(233,205,53,.2);color:#f5f5f5}.button:disabled,.button[disabled]{opacity:.5}.button__label{width:auto;height:auto}.icon-button{color:#ccc;background-color:rgba(185,125,242,.05);border-color:rgba(185,125,242,.8);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:26.5dp;border-width:1.5dp;width:53dp;height:53dp;min-width:53dp;min-height:53dp;max-width:53dp;max-height:53dp}.icon-button svg{image-color:#ccc}.icon-button:focus,.icon-button:hover{border-color:#b97df2;background-color:rgba(185,125,242,.3)}.icon-button:active{background-color:rgba(185,125,242,.2)}.icon-button:focus,.icon-button:hover{color:#f2f2f2}.icon-button:focus svg,.icon-button:hover svg{image-color:#f2f2f2}.icon-button:active{color:#f5f5f5}.icon-button:active svg{image-color:#f5f5f5}.icon-button:disabled,.icon-button[disabled]{color:#ccc;opacity:.5}.icon-button:disabled svg,.icon-button[disabled] svg{image-color:#ccc}.icon-button svg{width:32dp;height:32dp}.icon-button--secondary{background-color:rgba(23,214,232,.05);border-color:rgba(23,214,232,.8)}.icon-button--secondary:focus,.icon-button--secondary:hover{border-color:#17d6e8;background-color:rgba(23,214,232,.3)}.icon-button--secondary:active{background-color:rgba(23,214,232,.2)}.icon-button--tertiary{background-color:rgba(242,242,242,.05);border-color:rgba(242,242,242,.8)}.icon-button--tertiary:focus,.icon-button--tertiary:hover{border-color:#f2f2f2;background-color:rgba(242,242,242,.3)}.icon-button--tertiary:active{background-color:rgba(242,242,242,.2)}.icon-button--success{background-color:rgba(69,208,67,.05);border-color:rgba(69,208,67,.8)}.icon-button--success:focus,.icon-button--success:hover{border-color:#45d043;background-color:rgba(69,208,67,.3)}.icon-button--success:active{background-color:rgba(69,208,67,.2)}.icon-button--danger{background-color:rgba(248,96,57,.05);border-color:rgba(248,96,57,.8)}.icon-button--danger:focus,.icon-button--danger:hover{border-color:#f86039;background-color:rgba(248,96,57,.3)}.icon-button--danger:active{background-color:rgba(248,96,57,.2)}.icon-button--warning{background-color:rgba(233,205,53,.05);border-color:rgba(233,205,53,.8)}.icon-button--warning:focus,.icon-button--warning:hover{border-color:#e9cd35;background-color:rgba(233,205,53,.3)}.icon-button--warning:active{background-color:rgba(233,205,53,.2)}.launcher{display:block;flex-direction:row;justify-content:space-between;position:relative;width:100%;height:100%;background-color:#08070d}.launcher__vertical-split{display:flex;position:absolute;flex-direction:column;align-items:flex-start;justify-content:space-between;top:0;right:50%;bottom:0;left:0}.launcher__vertical-split--right{align-items:flex-end;right:0;left:50%}@keyframes slide-mm-bg-over{0%{transform:translateX(100dp)}to{transform:translateX(0dp)}}.launcher__background-wrapper{display:flex;align-items:center;justify-content:flex-start;position:absolute;left:-70vw;right:-100%;top:-55vw;bottom:-50vw;transform:translateX(0dp);animation:25s cubic-out 1 slide-mm-bg-over}@keyframes fade-mm-in{0%{opacity:0}to{opacity:.1}}.launcher__background-mm{position:absolute;left:0;top:0;bottom:0;height:100%;width:auto;opacity:.1;animation:2.5s cubic-in-out 1 fade-mm-in}.launcher__title-quadrant{flex:1 1 auto;padding-top:96dp;padding-left:96dp;width:auto;height:auto}.launcher__title-quadrant--right{padding-right:96dp;padding-left:0}.launcher__content-quadrant{display:flex;position:relative;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:32dp;width:100%;height:auto;flex:1 1 100%}.menu-list-item{color:#ccc;display:flex;flex-direction:row;align-items:center;width:100%;height:auto;padding:16dp;border-radius:8dp;background-color:rgba(0,0,0,0);cursor:pointer}.menu-list-item svg{image-color:#ccc}.menu-list-item--right{align-content:flex-end;flex-direction:row-reverse}.menu-list-item--right .menu-list-item__bullet{opacity:1;margin-left:12dp}.menu-list-item--right.menu-list-item:focus:not(:disabled,[disabled]),.menu-list-item--right.menu-list-item:hover:not(:disabled,[disabled]){decorator:gradient(horizontal #7A2AC600 #DABAF714)}.menu-list-item:focus:not(:disabled,[disabled]),.menu-list-item:hover:not(:disabled,[disabled]){color:#b97df2;decorator:gradient(horizontal #7A2AC614 #DABAF700)}.menu-list-item:focus:not(:disabled,[disabled]) svg,.menu-list-item:hover:not(:disabled,[disabled]) svg{image-color:#b97df2}.menu-list-item:focus:not(:disabled,[disabled]) .menu-list-item__bullet,.menu-list-item:hover:not(:disabled,[disabled]) .menu-list-item__bullet{opacity:1}.menu-list-item:disabled,.menu-list-item[disabled]{opacity:.5;tab-index:none;cursor:default}.menu-list-item__bullet{opacity:0;margin-right:12dp}.subtitle-title{display:block;position:relative;width:auto;height:auto;flex-direction:column;align-items:flex-start;align-content:flex-start;background-color:rgba(0,0,0,0);color:#ccc;cursor:pointer;text-align:left;padding:0}.subtitle-title--right{align-content:flex-end}.subtitle-title--right,.subtitle-title--right>*{text-align:right}.subtitle-title[selected]{color:#f2f2f2;cursor:default}.subtitle-title:focus:not(:disabled,[disabled]),.subtitle-title:hover:not(:disabled,[disabled],[selected]){color:#b97df2}.subtitle-title:disabled,.subtitle-title[disabled]{opacity:.5;cursor:default;tab-index:none}.subtitle-title h3{margin-bottom:6dp}.subtitle-title h1{margin-top:6dp}.subtitle-title__disclaimer{margin-top:16dp}body{box-sizing:border-box;color:#f2f2f2;font-family:chiaro}body[disable-mouse]{pointer-events:none}.rmlui-window{opacity:1;transition:opacity .1s quadratic-in-out}.rmlui-window--hidden{opacity:0;transition:none}*,*:before,*:after{box-sizing:border-box}button{background-color:#7a2ac6}
diff --git a/assets/scss/styles/components/Button.scss b/assets/scss/styles/components/Button.scss
index 2fe0e35..fd9c011 100644
--- a/assets/scss/styles/components/Button.scss
+++ b/assets/scss/styles/components/Button.scss
@@ -30,7 +30,7 @@
     padding: space(24 - 1);
 
     border-radius: $border-radius-md;
-    border-width: space(1);
+    border-width: $border-width-thickness;
     width: auto;
     height: auto;
 
diff --git a/assets/scss/styles/components/CenteredPage.scss b/assets/scss/styles/components/CenteredPage.scss
index 374e379..a2561da 100644
--- a/assets/scss/styles/components/CenteredPage.scss
+++ b/assets/scss/styles/components/CenteredPage.scss
@@ -19,14 +19,13 @@
     position: relative;
     margin: auto;
     flex: 1 1 100%;
-    max-width: space(math.div($base-height*16, 9))dp;
-    // max-width: space(math.div($base-height*4, 3))dp;
+    max-width: space($base-modal-max-width);
     width: 100%;
     height: 100%;
     background: $color-modal-overlay;
     border-radius: $border-radius-modal;
     border-color: $color-bg-shadow;
-    border-width: space(1);
+    border-width: $border-width-thickness;
 }
 
 .centered-page__modal panels {
diff --git a/assets/scss/styles/components/ControlOption.scss b/assets/scss/styles/components/ControlOption.scss
index dc872ca..90358b7 100644
--- a/assets/scss/styles/components/ControlOption.scss
+++ b/assets/scss/styles/components/ControlOption.scss
@@ -60,7 +60,7 @@
     padding: space(8);
     background-color: $color-bg-overlay;
     border-color: $color-bg-overlay;
-    border-width: space(1);
+    border-width: $border-width-thickness;
     border-radius: $border-radius-sm;
 
     &:focus, &:hover {
diff --git a/assets/scss/styles/components/IconButton.scss b/assets/scss/styles/components/IconButton.scss
index 09655bb..f935070 100644
--- a/assets/scss/styles/components/IconButton.scss
+++ b/assets/scss/styles/components/IconButton.scss
@@ -14,7 +14,7 @@
     }
 }
 
-$icon-button-size: 56;
+$icon-button-size: 56 - ($border-width-thickness-num * 2);
 
 .icon-button {
     @include set-color($color-text-dim);
@@ -26,7 +26,7 @@ $icon-button-size: 56;
     overflow: hidden;
 
     border-radius: space($icon-button-size * 0.5);
-    border-width: space(1.5);
+    border-width: $border-width-thickness;
     width: space($icon-button-size);
     height: space($icon-button-size);
     min-width: space($icon-button-size);
diff --git a/assets/scss/styles/components/InputConfig.scss b/assets/scss/styles/components/InputConfig.scss
index 1a4b396..190b30e 100644
--- a/assets/scss/styles/components/InputConfig.scss
+++ b/assets/scss/styles/components/InputConfig.scss
@@ -1,9 +1,8 @@
 @use 'sass:math';
 
 // Probably will need to adjust for other langs...
-$mapping-min-width: 720;
-// Need to figure out where the -16 comes from...
-$visual-max-width: math.div($base-height*16, 9) - $page-margin - $page-margin - $mapping-min-width - 16;
+$mapping-min-width: 80*8;
+$visual-max-width: $base-modal-max-width - $mapping-min-width - $scrollbar-width;
 
 .input-config {
     padding: 0;
@@ -39,7 +38,7 @@ $visual-max-width: math.div($base-height*16, 9) - $page-margin - $page-margin -
     width: auto;
     height: auto;
     max-width: space($visual-max-width);
-    max-height: 100%;
+    max-height: space(math.div($visual-max-width, 4) * 3);
     margin: auto 0;
     flex: 1 1 100%;
 }
diff --git a/assets/scss/styles/global.scss b/assets/scss/styles/global.scss
index 207b2f9..55d3491 100644
--- a/assets/scss/styles/global.scss
+++ b/assets/scss/styles/global.scss
@@ -1,5 +1,6 @@
 @import "./base";
 @import "./globals/old";
+@import "./globals/scrollbars";
 @import "./components/components";
 
 $font-size: 20dp;
diff --git a/assets/scss/styles/globals/_old.scss b/assets/scss/styles/globals/_old.scss
index 99345d3..e60d4cf 100644
--- a/assets/scss/styles/globals/_old.scss
+++ b/assets/scss/styles/globals/_old.scss
@@ -79,7 +79,7 @@ table input.text {
     margin: 0;
     /* padding: 0 5dp; */
     line-height: 1;
-    border-width: 1dp;
+    border-width: $border-width-thickness;
     border-color: #000;
     background-color: #fff;
     font-size: 15dp;
@@ -172,11 +172,6 @@ select selectbox option:hover {
 
 input.radio,
 input.checkbox {
-    /* width: 30dp; */
-    /* height: 30dp; */
-    /* vertical-align: -11dp; */
-    /* margin-top: 4dp; */
-    /* margin-bottom: 4dp; */
     flex: 0;
     tab-index:auto;
     focus:auto;
@@ -186,192 +181,3 @@ input.checkbox {
     nav-left:auto;
     width:0dp;
 }
-
-/* input.radio:checked:hover + label {
-    background: rgb(150,150,150);
-} */
-
-/* input.radio:checked:active {
-    decorator: image(radio-checked-active)
-} */
-
-/* input.checkbox {
-    decorator: image(checkbox)
-}
-
-input.checkbox:hover {
-    decorator: image(checkbox-hover)
-}
-
-input.checkbox:active {
-    decorator: image(checkbox-active)
-}
-
-input.checkbox:checked {
-    decorator: image(checkbox-checked)
-}
-
-input.checkbox:checked:hover {
-    decorator: image(checkbox-checked-hover)
-}
-
-input.checkbox:checked:active {
-    decorator: image(checkbox-checked-active)
-} */
-
-thead tr {
-    height: 35dp;
-    /* decorator: tiled-horizontal(tableheader-l, tableheader-c, tableheader-r) */
-}
-
-thead td {
-    padding-top: 11dp
-}
-
-tbody {
-    margin-left: 5dp;
-    margin-right: 4dp;
-    padding-top: 4dp;
-    padding-bottom: 4dp
-}
-
-tbody tr {
-    margin-left: 9dp;
-    margin-right: 8dp;
-    color: #000
-}
-
-expand {
-    display: block;
-    margin: 1dp 0 1dp 5dp;
-    height: 17dp;
-    width: 17dp;
-    /* decorator: image(expand) */
-}
-
-/* expand:hover {
-    decorator: image(expand-hover)
-}
-
-expand:active {
-    decorator: image(expand-active)
-}
-
-expand.collapsed {
-    decorator: image(expand-collapsed)
-}
-
-expand.collapsed:hover {
-    decorator: image(expand-collapsed-hover)
-}
-
-expand.collapsed:active {
-    decorator: image(expand-collapsed-active)
-} */
-
-scrollbarvertical {
-    margin-top: -6dp;
-    margin-bottom: -6dp;
-    margin-right: -11dp;
-    width: 27dp
-}
-
-scrollbarvertical slidertrack {
-    /* decorator: tiled-vertical(slidertrack-t, slidertrack-c, slidertrack-b) */
-}
-
-scrollbarvertical slidertrack:active {
-    image-color: #aaa
-}
-
-scrollbarvertical sliderbar {
-    margin-left: 4dp;
-    width: 23dp;
-    min-height: 46dp;
-    /* decorator: tiled-vertical(sliderbar-t, sliderbar-c, sliderbar-b) */
-}
-
-/* scrollbarvertical sliderbar:hover {
-    decorator: tiled-vertical(sliderbar-hover-t, sliderbar-hover-c, sliderbar-hover-b)
-} */
-
-/* scrollbarvertical sliderbar:active {
-    decorator: tiled-vertical(sliderbar-active-t, sliderbar-active-c, sliderbar-active-b)
-} */
-
-scrollbarvertical sliderarrowdec,
-scrollbarvertical sliderarrowinc {
-    width: 27dp;
-    height: 24dp
-}
-
-/* scrollbarvertical sliderarrowdec {
-    decorator: image(sliderarrowdec)
-}
-
-scrollbarvertical sliderarrowdec:hover {
-    decorator: image(sliderarrowdec-hover)
-}
-
-scrollbarvertical sliderarrowdec:active {
-    decorator: image(sliderarrowdec-active)
-}
-
-scrollbarvertical sliderarrowinc {
-    decorator: image(sliderarrowinc)
-}
-
-scrollbarvertical sliderarrowinc:hover {
-    decorator: image(sliderarrowinc-hover)
-}
-
-scrollbarvertical sliderarrowinc:active {
-    decorator: image(sliderarrowinc-active)
-} */
-
-scrollbarhorizontal {
-    width: 0;
-    height: 0
-}
-
-textarea scrollbarvertical {
-    cursor: arrow;
-    margin: 10dp 0 4dp 0;
-    width: 12dp
-}
-
-textarea scrollbarvertical slidertrack {
-    decorator: none
-}
-
-textarea scrollbarvertical sliderbar {
-    margin-left: 2dp;
-    width: 10dp;
-    min-height: 16dp
-}
-
-textarea scrollbarvertical sliderarrowdec,
-textarea scrollbarvertical sliderarrowinc {
-    width: 0;
-    height: 0
-}
-
-textarea scrollbarhorizontal {
-    cursor: arrow;
-    margin-left: 7dp;
-    height: 12dp
-}
-
-textarea scrollbarhorizontal sliderbar {
-    background-color: rgba(188, 0, 0, .8);
-    height: 8dp;
-    min-width: 10dp
-}
-
-textarea scrollbarhorizontal sliderbar:hover {
-    background-color: rgba(184, 37, 0, .8)
-}
-
-textarea scrollbarhorizontal sliderbar:active {
-    background-color: rgba(119, 0, 0, .8)
-}
diff --git a/assets/scss/styles/globals/_scrollbars.scss b/assets/scss/styles/globals/_scrollbars.scss
new file mode 100644
index 0000000..375c164
--- /dev/null
+++ b/assets/scss/styles/globals/_scrollbars.scss
@@ -0,0 +1,52 @@
+@use 'sass:math';
+
+$scrollbar-width: 12;
+
+@mixin _set-scroll-size($size-key) {
+    #{$size-key}: space($scrollbar-width);
+    
+    slidertrack {
+        #{$size-key}: space($scrollbar-width);
+    }
+    
+    sliderbar {
+        #{$size-key}: space($scrollbar-width);
+    }
+}
+
+scrollbarvertical,scrollbarhorizontal {
+    margin: 0;
+    border: 0;
+    
+    slidertrack {
+        background: $color-primary-l;
+        opacity: 0.05;
+    }
+    
+    sliderbar {
+        border-radius: space(math.div($scrollbar-width, 2) - 1);
+        background: $color-primary-l;
+        opacity: 0.1;
+
+        &:hover:not(:active) {
+            opacity: 0.2;
+        }
+
+        &:active {
+            opacity: 0.3;
+        }
+    }
+    
+    sliderarrowdec, sliderarrowinc {
+        width: 0;
+        height: 0;
+    }
+}
+
+scrollbarvertical {
+    @include _set-scroll-size(width);
+}
+
+scrollbarhorizontal {
+    @include _set-scroll-size(height);
+}
diff --git a/assets/scss/styles/vars/_borders.scss b/assets/scss/styles/vars/_borders.scss
index 557c080..5898a1b 100644
--- a/assets/scss/styles/vars/_borders.scss
+++ b/assets/scss/styles/vars/_borders.scss
@@ -6,12 +6,15 @@ $border-radius-lg: 16dp;
 
 $border-radius-modal: $border-radius-lg;
 
+$border-width-thickness-num: 1.5;
+$border-width-thickness: space($border-width-thickness-num);
+
 @mixin border($col: $color-border) {
     border-color: $col;
-    border-width: space(1);
+    border-width: $border-width-thickness;
 }
 
 @mixin border-top($col: $color-border) {
     border-top-color: $col;
-    border-top-width: space(1);
+    border-top-width: $border-width-thickness;
 }
diff --git a/assets/scss/styles/vars/_spacing.scss b/assets/scss/styles/vars/_spacing.scss
index 9f01a4d..b61c8e1 100644
--- a/assets/scss/styles/vars/_spacing.scss
+++ b/assets/scss/styles/vars/_spacing.scss
@@ -1,3 +1,7 @@
+@use 'sass:math';
 
-$page-margin: 32;
+// $page-margin: 32;
+$page-margin: 64;
 $base-height: 1080;
+$base-modal-height: $base-height - ($page-margin * 2);
+$base-modal-max-width: math.div($base-modal-height * 16, 9);