:root{--font-sans:"Public Sans";--font-mono:"DM Mono"}:root{--primary:#005EDF;--primary-text:#f7faff;--secondary:red;--error:#9c0016;--warn:#df8f00;--success:#02A244;--info:#005EDF;--background:white;--foreground:black;--shade-1:rgb(245,245,245);--shade-2:rgb(237,237,237);--shade-3:rgb(231,231,231);--shade-4:rgb(225,225,225);--shade-5:rgb(215,215,215);--shade-6:rgb(200,200,200);--shade-7:rgb(175,175,175);--shade-8:rgb(150,150,150);--shade-9:rgb(100,100,100);--overlay:rgba(0,0,0,0.25);--overlay-2:rgba(0,0,0,0.45);--overlay-3:rgba(0,0,0,0.65);--overlay-4:rgba(0,0,0,0.9);--box-shdw-subtle:0 0 3em 1em rgba(0,0,0,0.15);--box-shdw-1:0 0 25vw 2.5em rgba(0,0,0,0.175);--box-shdw-2:0 0 50vw 5em rgba(0,0,0,0.25);--box-shdw-3:0 0 100vw 10em rgba(0,0,0,0.5)}:root.dark{--primary:#005EDF;--primary-text:#f7faff;--secondary:red;--error:#9c0016;--warn:#df8f00;--success:#02A244;--info:#005EDF;--background:rgb(20,20,20);--foreground:white;--shade-1:rgb(30,30,30);--shade-2:rgb(38,38,38);--shade-3:rgb(44,44,44);--shade-4:rgb(50,50,50);--shade-5:rgb(65,65,65);--shade-6:rgb(80,80,80);--shade-7:rgb(105,105,105);--shade-8:rgb(130,130,130);--shade-9:rgb(180,180,180);--overlay:rgba(0,0,0,0.25);--overlay-2:rgba(0,0,0,0.45);--overlay-3:rgba(0,0,0,0.65);--overlay-4:rgba(0,0,0,0.9);--box-shdw-subtle:0 0 3em 1em rgba(0,0,0,0.15);--box-shdw-1:0 0 25vw 2.5em rgba(0,0,0,0.175);--box-shdw-2:0 0 50vw 5em rgba(0,0,0,0.25);--box-shdw-3:0 0 100vw 10em rgba(0,0,0,0.5)}@font-face{font-display:swap;font-family:'DM Mono';font-style:normal;font-weight:300;src:url('../fonts/dm-mono-v14-latin-300.woff2') format('woff2')}@font-face{font-display:swap;font-family:'DM Mono';font-style:italic;font-weight:300;src:url('../fonts/dm-mono-v14-latin-300italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'DM Mono';font-style:normal;font-weight:400;src:url('../fonts/dm-mono-v14-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:'DM Mono';font-style:italic;font-weight:400;src:url('../fonts/dm-mono-v14-latin-italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'DM Mono';font-style:normal;font-weight:500;src:url('../fonts/dm-mono-v14-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:'DM Mono';font-style:italic;font-weight:500;src:url('../fonts/dm-mono-v14-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:100;src:url('../fonts/public-sans-v18-latin-100.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:100;src:url('../fonts/public-sans-v18-latin-100italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:200;src:url('../fonts/public-sans-v18-latin-200.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:200;src:url('../fonts/public-sans-v18-latin-200italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:300;src:url('../fonts/public-sans-v18-latin-300.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:300;src:url('../fonts/public-sans-v18-latin-300italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:400;src:url('../fonts/public-sans-v18-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:400;src:url('../fonts/public-sans-v18-latin-italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:500;src:url('../fonts/public-sans-v18-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:500;src:url('../fonts/public-sans-v18-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:600;src:url('../fonts/public-sans-v18-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:600;src:url('../fonts/public-sans-v18-latin-600italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:700;src:url('../fonts/public-sans-v18-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:700;src:url('../fonts/public-sans-v18-latin-700italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:800;src:url('../fonts/public-sans-v18-latin-800.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:800;src:url('../fonts/public-sans-v18-latin-800italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:normal;font-weight:900;src:url('../fonts/public-sans-v18-latin-900.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Public Sans';font-style:italic;font-weight:900;src:url('../fonts/public-sans-v18-latin-900italic.woff2') format('woff2')}::-webkit-scrollbar{width:5px;height:10px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--shade-4);border-radius:10px}::-webkit-scrollbar-track{background-color:transparent}*{font-family:var(--font-sans),sans-serif;box-sizing:border-box;margin:0;padding:0}:not(svg):not(path){color:var(--foreground)}body{width:100vw;height:100%;display:flex;overflow:hidden;background-color:var(--background);color:var(--foreground)}button{border:1px solid var(--shade-3);font-size:.8em;padding:0.35rem .5rem;background-color:var(--shade-1);cursor:pointer;display:flex;align-items:center;border-radius:.5rem;transition:transform 50ms}button:hover{outline:1px solid var(--shade-5);outline-offset:-1px;background-color:var(--shade-3)}input{border:1px solid var(--shade-3);font-size:.8em;padding:0.35rem .5rem;background-color:var(--shade-1);display:flex;align-items:center;border-radius:.5rem}input:hover{border-color:var(--shade-5)}input:focus{outline:1px solid var(--primary);outline-offset:-1px}.tooltip{width:350px;background-color:var(--overlay-4);backdrop-filter:blur(3px);height:fit-content;border-radius:.5em;color:var(--shade-1);padding:.5em .75em;position:fixed;z-index:5000;top:280px;left:200px;visibility:hidden;border:1px solid black;user-select:none;pointer-events:none}.tooltip.tooltip-compact{padding:.2em .4em;width:fit-content;border-radius:8px;text-wrap:nowrap}.fs-collapsable-legend{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1em;position:absolute;top:0;left:0;background-color:var(--shade-3);height:27px;overflow:hidden}.fs-collapsable-legend button{background-color:transparent;border-color:transparent;font-size:.7em!important;padding:0}.fs-collapsable-legend button:hover{border-color:transparent!important;outline-color:transparent!important;background-color:var(--shade-6)}.fs-collapsable-legend button .inner-icon{transition:300ms rotate ease-in-out}.fs-collapsable-legend button .inner-icon svg{font-size:.7em!important;width:20px}.fs-collapsable.collapsed .fs-collapsable-legend{border-bottom:1px solid var(--shade-5);opacity:1!important;visibility:visible!important}.fs-collapsable.collapsed .fs-collapsable-legend button .inner-icon{rotate:180deg}.problem,.problem:focus,.problem:hover{background-color:color-mix(in srgb,var(--error) 20%,var(--background) 90%)!important;outline:1px solid color-mix(in srgb,var(--error) 50%,var(--background) 90%)!important;outline-offset:-1px!important}.tooltip.tooltip-compact .tooltip-header .inner-icon{display:none}.tooltip.tooltip-compact .tooltip-header .inner-text{margin-left:0;color:rgb(237,237,237)}.tooltip .tooltip-header{display:flex;align-items:center}.tooltip .tooltip-header .inner-text{font-weight:500;font-size:.8em;font-family:var(--font-sans),sans-serif;display:flex;align-items:center}.tooltip.tooltip-compact{padding:.2em .3em;border-radius:.3em;color:white}.tooltip.tooltip-compact .tooltip-header .inner-text{font-family:var(--font-sans),sans-serif!important;font-size:.8em;font-weight:400}.tooltip .tooltip-divider{width:100%;height:1px;background-color:rgb(65,65,65);margin:.5em 0}.tooltip .tooltip-description{font-size:.85em;line-height:1.3em}.tooltip .tooltip-helper{font-size:.8em;margin-top:.7em;color:grey;font-style:italic}.visible{visibility:visible!important}.inner-content{display:flex;align-items:center}.inner-icon{display:flex;align-items:center}.inner-text{display:flex;align-items:center;margin-left:.55em}.content{position:relative;width:100%;overflow-x:hidden;overflow-y:auto;height:100vh;max-height:100vh;scrollbar-gutter:stable;padding:.5em 3em .5em 7em}.navigation{position:fixed;padding:2em 0;top:50%;transform:translateY(-50%);background-color:var(--shade-1);border-radius:0 1em 1em 0;text-align:center;z-index:500;box-shadow:var(--box-shdw-1);transition:250ms box-shadow;overflow:hidden;display:flex;align-items:center}.navigation:hover{box-shadow:var(--box-shdw-2);transition:250ms box-shadow;transition-delay:250ms}.navigation-item-current:hover{background:none!important;border:1px solid transparent!important}.navigation-item-current:before{content:"";width:100%;background-color:var(--shade-4);border:1px solid transparent;height:100%;position:absolute;top:0;left:-1px;border-radius:0 100vw 100vw 0;z-index:-1;transition:width 300ms}.navigation:hover .navigation-item-current:before{width:500px!important;border-color:var(--shade-5);transition:width 300ms;transition-delay:250ms}.navigation-item:after{content:attr(data-menu-title);font-family:var(--font-sans),sans-serif;font-weight:600;visibility:hidden;max-width:0;margin-left:0;padding-right:0;opacity:0;transition:max-width 250ms,margin-left 250ms,padding-right 250ms,visibility 250ms,opacity 250ms;text-wrap:nowrap;overflow:hidden}.navigation:hover .navigation-item:after{visibility:visible!important;max-width:200px;margin-left:1em!important;padding-right:4em!important;opacity:1!important;transition:max-width 250ms,margin-left 250ms,padding-right 250ms,visibility 250ms,opacity 250ms;transition-delay:250ms}.navigation-item{position:relative;width:fit-content;height:3.5em;padding:.75em 1em;font-size:1em;display:flex;align-items:center;margin-top:.1em;color:var(--foreground);text-decoration:none;border:1px solid transparent}.navigation-item:hover{width:100%;background-color:var(--shade-4);border:1px solid var(--shade-5)}.navigation-item .inner-icon{font-size:1.4em}.navigation-item .inner-text{margin-left:1em}.navigation-items{display:block}.sysex-pg{display:none;position:relative;height:100%}.sysex-pg-current{display:block}.loading-panel{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#222;display:none;justify-content:center;align-items:center;z-index:4000;backdrop-filter:blur(2px)}.loading-panel.data-loading{display:flex}.loading-panel .lp-icon{font-size:3em}.loading-panel .lp-details{position:absolute;bottom:1em;right:1em;display:flex}.loading-panel .lp-details #lp-details-animation{margin-left:.25em;animation:_textSpinner 1s steps(4,end) infinite;overflow:hidden}.config-panel.data-loading{display:none!important}.options{background-color:var(--shade-1);border:1px solid var(--shade-4);border-radius:.5em;margin-top:1.5em;background-image:radial-gradient(circle at 1px 1px,var(--shade-4) 1px,transparent 0);background-size:2em 2em;position:relative}.option-actions{width:100%;background-color:var(--shade-1);border-radius:.5em .5em 0 0;padding:.5em 1em;display:flex}.console{width:100%;border-radius:.5em;margin-top:2em}.console .console-title{width:100%;border-bottom:none;font-size:.8em;font-weight:500;padding:.1em .75em;border-radius:.5em .5em 0 0;font-family:var(--font-mono),monospace}#display{width:100%;font-family:var(--font-mono),sans-serif;font-size:1em;padding:.5em 1em;height:100%;margin-top:.5em;min-height:5em;max-height:25em;resize:vertical;border-radius:.5em;background-color:var(--shade-1);border:1px solid var(--shade-5)}.options-actions_mode{display:flex}.options-actions_mode input{opacity:0;visibility:hidden;position:absolute}.options-actions_mode label{border:1px solid var(--shade-3);font-size:.8em;padding:0.35rem .5rem;background-color:var(--shade-1);cursor:pointer;display:flex;align-items:center}.options-actions_mode input:not(:checked)+label:hover{border-color:var(--shade-5);background-color:var(--shade-3)}.options-actions_mode input:checked+label{background-color:var(--shade-4);border-color:var(--shade-6);font-weight:500}.options-actions_mode label:first-of-type{border-radius:.5rem 0 0 .5rem}.options-actions_mode label:nth-of-type(2){border-radius:0 .5rem .5rem 0}.options-actions_mode input:not(:checked)+label:first-of-type{border-right:none}.options-actions_mode input:not(:checked)+label:nth-of-type(2){border-left:none}.options-actions_buttons{display:flex;user-select:none}.options-actions-toggle{display:flex;margin-left:1em;border:1px solid var(--shade-3);font-size:.8em;padding:0.35rem .5rem;background-color:var(--shade-1);cursor:pointer;align-items:center;border-radius:.5rem;user-select:none}.options-actions-toggle:has(:checked),.options-actions-toggle:hover{border-color:var(--shade-5);background-color:var(--shade-3)}.options-actions-toggle p{margin-left:.5em;user-select:none}#options-actions-toggle_inner{display:none}#options-actions-toggle_inner+label{position:relative;display:inline-block;width:30px;height:15px;background-color:var(--shade-4);border-radius:20px;transition:background-color 0.3s}#options-actions-toggle_inner+label:before{content:"";position:absolute;top:1px;left:1px;width:13px;height:13px;background-color:var(--shade-6);border-radius:50%;transition:transform 0.3s,background-color 0.3s}#options-actions-toggle_inner:checked+label{background-color:var(--primary)}#options-actions-toggle_inner:checked+label:before{background-color:var(--shade-1)}#options-actions-toggle_inner:checked+label:before{transform:translateX(15px)}.button-group{display:flex}.button-group button.options-actions-btn{width:fit-content;justify-content:center}.button-group button:first-of-type{margin-left:.5em}.button-group .options-actions-pw:first-child button.options-actions-btn{border-radius:.5rem 0 0 .5rem;border:1px solid var(--shade-3)}.button-group .options-actions-pw button.options-actions-btn{border-radius:0;border-left:none}.button-group .options-actions-pw:last-child button.options-actions-btn{border-radius:0 .5rem .5rem 0}.button-group button.options-actions-btn{border-radius:0;border-left:none;z-index:5}.options-actions_buttons button:hover{outline:1px solid var(--shade-5);outline-offset:-1px;background-color:var(--shade-3);z-index:10}.options-actions-pw{position:relative}.options-actions_psw label{font-weight:bold;font-size:.9em;margin-top:.5em;display:block}.button-group{display:flex;justify-content:center}.button-group button.options-actions-btn{width:100%;border-radius:0}.button-group button.options-actions-btn{border-radius:.5rem 0 0 .5rem}.button-group button.options-actions-btn:last-child{border-radius:0 .5rem .5rem 0}.options-actions-p{position:absolute;z-index:100;border:1px solid var(--shade-1);border-radius:1em;background-color:var(--background);padding:1em;left:0;top:125%;box-shadow:var(--box-shdw-subtle);min-width:20em;min-height:20em;max-width:50em;max-height:25em;overflow-y:auto;resize:both;display:none}.popup-pack{min-width:0;min-height:0;width:25em;resize:none}.options-actions-p[open=true]{display:block}.popup-var{left:0;width:30em}.options-actions-p table{margin-top:1em}.options-actions-p table,.popup table{width:100%;border:1px solid var(--shade-4);background-color:var(--shade-1);border-collapse:collapse}.options-actions-p table tbody:empty:after,.popup table tbody:empty:after{content:"No entries";width:100%;font-size:.8em;padding:1em;line-height:3em}.options-actions-p table th,.popup table th{padding:10px;text-align:left}.options-actions-p table th,.options-actions-p td,.popup table td,.popup table th{height:30px;position:relative;border:1px solid var(--shade-4);font-size:.8em}.options-actions-p table td input{width:100%;height:100%;background-color:var(--shade-1);border:1px solid var(--shade-1);outline:none;padding:0 .5em;font-size:1em;border-radius:0}.options-actions-p table td input:focus{border-color:var(--primary)}.options-actions-p table td:nth-child(3) div{height:100%;display:flex;position:relative}.options-actions-p table td:nth-child(3) div button{font-size:1em;width:100%;border-radius:0;border:none;margin:0;height:100%}.options-actions-p table td:nth-child(3) button[data-role=delete]{background-color:var(--error);color:white;border:none}.options-actions-p table td:nth-child(3) button[data-role=delete]:focus,.options-actions-p table td:nth-child(3) button[data-role=delete]:hover{background-color:color-mix(in srgb,var(--error),black 30%);border:none;outline:none}.options-actions-p label{display:block;font-size:.9em}.options-actions-p textarea{border:1px solid var(--shade-4);background-color:var(--shade-1);border-radius:.5em;margin-top:.75em;width:100%;min-height:7em;font-size:.8em;padding:1em;font-family:var(--font-sans),sans-serif;resize:vertical}.options-actions-p textarea:focus{outline:1px solid var(--primary)}#generate{border:1px solid color-mix(in srgb,var(--background) 35%,var(--success));font-size:.8em;padding:0.35rem .5rem;background-color:color-mix(in srgb,var(--background) 35%,var(--success));font-weight:bold;cursor:pointer;display:flex;align-items:center;border-radius:.5rem;margin-left:.25em;position:absolute;right:1em}#generate:hover{background-color:color-mix(in srgb,var(--background) 25%,var(--success));border-color:color-mix(in srgb,var(--background) 25%,var(--success));outline:none!important}#generate .inner-icon{color:color-mix(in srgb,black 50%,var(--success))}.select-wrapper{position:relative;display:inline-block}.select-button{margin-left:.5em;display:flex;align-items:center;justify-content:space-between;width:200px;padding:0.35rem .75rem;border:1px solid var(--shade-3);border-radius:0.5rem;font-size:.8em;background-color:var(--shade-1);cursor:pointer}.select-button #select-label-1{display:flex;align-items:center}.select-button #select-label-1 span{font-size:.9em}.select-button #select-label-1 b{margin-left:.5em}.select-button:hover{border-color:var(--shade-5);background-color:var(--shade-3)}.select-icon{transition:transform 0.2s ease}.select-list{position:absolute;display:none;top:125%;left:.25em;width:calc(100% - .25em);z-index:10;border:1px solid var(--shade-1);border-radius:.5em;background-color:var(--background);overflow-x:hidden;max-height:0;transition:max-height 0.3s ease,opacity 0.2s ease,transform 0.2s ease;transform:translateY(-5px);padding:.35em}.select-list .select-search input{width:100%;margin:.3em 0 .7em 0;padding:.3em;border:none;background-color:var(--background)}.select-list .select-search input:focus{outline:none}.select-list[aria-hidden=false]{max-height:25em;display:block;transform:translateY(0);box-shadow:var(--box-shdw-subtle)}.select-option{width:100%;padding:0.5rem 1rem;cursor:pointer;transition:background-color 0.2s ease,transform 0.1s ease;border:none;background:none;border-radius:.5em;text-align:left;position:relative;display:block}.select-option[aria-selected=true]:after{content:"✓";position:absolute;top:50%;right:1em;transform:translateY(-50%)}.select-option p.select-option-description{font-style:italic;font-size:.9em;margin-top:.3em;color:var(--shade-8)}.select-option:hover,.select-option[aria-selected=true]{background-color:var(--shade-3)}.select-option[aria-selected=true]{font-weight:bold}fieldset{width:100%;padding:2.25em .5em .5em .5em;border-radius:10px;border:1px solid var(--shade-2);background-color:var(--shade-1);position:relative;overflow:hidden;min-height:1.5em;max-height:80vh;transition:max-height 500ms ease-in-out,padding 500ms ease-in-out,background 500ms ease-in-out,border-color 500ms ease-in-out}fieldset #inner-fieldset{overflow-y:auto;max-height:80vh}fieldset.collapsed{max-height:1.75em;box-sizing:border-box;padding-top:0!important;background:var(--shade-2);border-color:var(--shade-2)}@keyframes _trVanish{0%{transform:translateY(0);opacity:1}to{transform:translateY(-30%);opacity:0}}fieldset>*{visibility:visible;opacity:1;transition:opacity 500ms ease-in-out,visibility 500ms ease-in-out}fieldset.collapsed>*{visibility:hidden;opacity:0}fieldset .legend button{border:none;background-color:transparent;cursor:pointer}fieldset .legend button .inner-icon{transform:rotate(180deg);transition:transform 500ms ease-in-out}fieldset.collapsed .legend button .inner-icon{transform:rotate(0deg)}fieldset .legend{background-color:var(--shade-2);color:var(--shade-9);height:1.8em;width:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;font-size:.9em;padding:0 .6em;z-index:150;visibility:visible!important;opacity:1!important}fieldset.collapsable .legend{visibility:visible!important;opacity:1!important}fieldset .legend .inner-icon svg{width:1.1em}.panel-list{width:100%;position:relative;justify-content:center;padding:1.5em 1em}.panel-list.disallow-interaction{pointer-events:none;user-select:none}.config-panel{width:100%;position:relative;transition:transform 250ms ease,opacity 250ms ease,box-shadow 250ms ease;border-radius:.5em;animation:panel_slide 250ms ease forwards;opacity:0}.config-panel.dragging{z-index:1000;box-shadow:var(--box-shdw-subtle);opacity:0.9;position:fixed;transition:transform 250ms ease,opacity 250ms ease,box-shadow 250ms ease;pointer-events:none}.config-panel .panel-notify{padding:10px;background-color:var(--shade-3);border:1px solid var(--shade-4);border-left:none;border-bottom:none;font-size:.9em}.config-panel .panel-notify_info{background-color:var(--info);border-color:var(--info)}.config-panel .panel-notify_warn{background-color:var(--warn);border-color:var(--warn)}.config-panel .panel-notify_error{background-color:var(--error);border-color:var(--error)}.config-panel .fields-outer{border:1px solid var(--shade-5);border-top:none;width:100%;position:relative;overflow:hidden;font-family:var(--font-sans),sans-serif}.config-panel .fields{width:100%;border-collapse:collapse}.config-panel .fields tr td{border:1px solid var(--shade-5)}.panel-list.panels-bulk .config-panel .fields tr:first-child td{border-top:none}.config-panel .fields tr td:last-child{border-right:none}.config-panels.reorder .config-panel .fields-outer{border-left:none}.config-panels.reorder .config-panel .title{border-left:none}.config-panel .fields tr:last-child td{border-bottom:none}.config-panel .fields tr td:first-child{border-left:none;background-color:var(--shade-3);font-size:.8em;padding:5px 12px;font-weight:500}.config-panel td{position:relative;padding:0}.config-panel td .input-wrapper{width:100%;height:100%;position:relative;border:1px solid var(--shade-1);overflow:hidden;display:flex;transition:border 175ms ease-in-out}.config-panel td .input-wrapper:has(input[data-scope=variable]):before{content:attr(data-variable);width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--shade-3);color:var(--shade-9);display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:400;font-family:var(--font-mono),monospace}.config-panel td .input-wrapper:has(button){border:none}.config-panel td .input-wrapper:has(button) input{border-top:1px solid var(--shade-1);border-bottom:1px solid var(--shade-1)}.config-panel td .input-wrapper:not(:has(button)):has(input:focus,select:focus){border-color:var(--primary)}.config-panel td .input-wrapper input,.config-panel td .input-wrapper select{width:100%;min-height:100%;padding:5px 10px;border:none;border-radius:0;outline:none;font-family:var(--font-sans),sans-serif;background:var(--shade-1);transition:border 175ms ease-in-out}.config-panel td .input-wrapper button{width:5%;background:var(--shade-2);border:1px solid var(--shade-2);cursor:pointer;border-right:1px solid var(--shade-4);transition:border 175ms ease-in-out;border-radius:0;justify-content:center}.config-panel td .input-wrapper button:last-of-type{border-right:1px solid var(--shade-2);border-left:1px solid var(--shade-4)}.config-panel td .input-wrapper:has(input:focus) button{border-color:var(--primary)}.config-panel td .input-wrapper:has(input:focus) button:first-child{border-left:1px solid var(--primary);border-right-color:var(--shade-4)}.config-panel td .input-wrapper:has(input:focus) button:last-of-type{border-left-color:var(--shade-4);border-right:1px solid var(--primary)}.config-panel td .input-wrapper:has(button) input:focus{border-color:var(--primary)}.config-panel .title{width:100%;background-color:var(--shade-3);display:none;border:1px solid var(--shade-5);border-bottom:none;height:2em;position:relative;border-top:none}.config-panel.config-panel-m_bulk .title{display:flex;align-items:center}.panel-list.panels-bulk{display:flex}.config-panel .title input{width:100%;height:100%;padding:4px 10px;border:1px solid var(--shade-5);background-color:transparent;outline:none;font-family:var(--font-sans),sans-serif;font-weight:bold;border-right:none;border-left:none;border-bottom:none;border-radius:0}.config-panel .title input::placeholder{font-style:italic;font-weight:normal}.config-panel .title button{display:flex;align-items:center;appearance:none;background:var(--shade-3);border:1px solid var(--shade-5);border-right:none;border-bottom:none;color:black;padding:0 .65em 0 .4em;font-family:"Public Sans",sans-serif;font-size:.75em;user-select:none;cursor:pointer;overflow:visible;margin-top:0;height:100%;border-radius:0}.config-panel button:hover{background:var(--shade-5)}.config-panel .inner-icon{display:flex;align-items:center;font-size:1.2em}.config-panels{min-height:10em}.config-panel:not(:first-child):not(:last-child){margin:20px 0}.config-panel:first-child{margin-bottom:20px}.config-panel:last-child{margin-top:20px}.config-panels:empty:after{content:"Select a mode (or add a panel) to get started.";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.3em}.config-panel .inner-text{display:flex;margin-left:.3em;align-items:center}.config-panel .drag{width:35px;height:100%;background-color:var(--shade-5);color:var(--foreground);position:absolute;top:0;left:-35px;align-items:center;justify-content:center;cursor:grab;border:1px solid var(--shade-5);border-left:none;border-radius:0;z-index:100;display:none}.config-panels.reorder .config-panel .drag{display:flex}.config-panel .drag:hover{background-color:var(--shade-4)}.config-panel.dragging .drag{background-color:var(--shade-4)}.config-panel .drag:active{cursor:grabbing}.config-panel .options-menu{position:absolute;z-index:100;top:10px;right:-30px;background-color:var(--background);border-radius:.5em;padding:.25em 0;border:1px solid var(--shade-5);box-shadow:var(--box-shdw-subtle);visibility:hidden}.config-panel .options:focus .options-menu{visibility:visible}.config-panel .options-menu a{display:flex;font-family:"Public Sans",sans-serif;font-size:1em;padding:5px 14px}.config-panel .options-menu a .inner-icon{margin-right:.6em}.config-panel .options-menu a{border-bottom:1px solid var(--shade-5);color:var(--foreground);text-decoration:none}.config-panel .options-menu a:hover{background-color:var(--shade-5);cursor:pointer}.config-panel .options-menu a:last-child{border-bottom:none}.config-panel .options-menu a .inner-text{font-size:1em}.config-panels .panel-placeholder{background-color:var(--shade-4);width:100%;height:150px;margin-bottom:1em;margin-top:1em}.config-panel .panel-list .panel.panel-up.dragging{transform:translateY(-5px) scale(.92) translateX(-10px)!important}.config-panel .panel-list .panel.panel-down.dragging{transform:translateY(5px) scale(.92) translateX(-10px)!important}@keyframes panel_slide{to{opacity:1;transform:translateY(0)}}.modal-overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;background-color:transparent;border:none;transition:visibilty 100ms ease-in-out,opacity 100ms ease-in-out;padding:0}.modal-overlay[open]{background-color:var(--overlay-2);z-index:10000;visibility:visible;opacity:1;transition:visibilty 100ms ease-in-out,opacity 100ms ease-in-out;--modal-accent-color:var(--info);--modal-icon-color:color-mix(in srgb,var(--modal-accent-color) 25%,transparent)}.modal-overlay:before{content:'';position:absolute;z-index:1000;left:0;width:100%;height:100%;background-color:var(--overlay);backdrop-filter:blur(4px);transition:backdrop-filter 0.5s}.modal-overlay[open]:before{backdrop-filter:blur(4px)}.modal{z-index:2000;background:var(--shade-3);padding:1.5em;border-radius:2em;position:relative;border:none;box-shadow:var(--box-shdw-1);overflow:hidden;width:290px;max-width:400px;min-height:0;max-height:100px;height:fit-content;visibility:hidden;opacity:0;transition:max-width 250ms ease,min-height 250ms ease,visibility 200ms ease 100ms,opacity 200ms ease 100ms}.modal-overlay[open] .modal{visibility:visible;opacity:1;width:550px!important;max-width:550px!important;min-height:260px!important;max-height:1000px!important;transition:max-width 250ms ease,min-height 250ms ease,visibility 200ms ease 100ms,opacity 200ms ease 100ms}.modal-titlebar{display:flex;align-items:center;justify-content:space-between;z-index:3000}.modal-titlebar .inner-content p{text-transform:uppercase;font-size:1.05em;font-weight:bold}.modal .modal-icon{z-index:-1;color:var(--modal-accent-color);position:absolute;height:100%;top:0;right:-12%;display:flex;align-items:center;justify-content:center}.modal .modal-icon svg{color:var(--modal-accent-color);fill:var(--modal-accent-color)}.modal .modal-icon *{z-index:2500;width:150%;height:150%}.modal-titlebar button{display:flex;align-items:center;justify-content:center;font-size:1em;padding:.2em;background-color:transparent;border:none;border-radius:.2em;z-index:3000}.modal-titlebar button:hover{cursor:pointer;background-color:rgba(255,0,0,0.426)}.modal-body{margin-top:1em;max-height:500px;overflow-y:auto;scrollbar-gutter:stable;z-index:2500;line-height:1.4em;font-size:1em;padding-bottom:3em}.modal-actions{display:flex;margin-top:1em;position:absolute;bottom:1em;width:95%;left:50%;transform:translateX(-50%);z-index:3000}.modal-actions button{width:100%;overflow:hidden;padding:.75em .25em;border-radius:0;border:none;background-color:var(--shade-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:3000;position:relative;text-transform:uppercase;margin:.1em .1em 4em;transition:margin-bottom 400ms ease,visibility 400ms ease,opacity 400ms ease;visibility:hidden;opacity:0}.modal-overlay[open] .modal .modal-actions button{margin-bottom:0!important;visibility:visible!important;opacity:1!important}.modal-actions button .inner-icon{position:absolute;left:1em;font-size:1.4em;font-weight:bolder}.modal-actions button.primary{background-color:var(--modal-accent-color);color:color-mix(in srgb,var(--modal-accent-color) 20%,var(--background))}.modal-actions button.primary:hover{background-color:color-mix(in srgb,var(--modal-accent-color) 85%,black)}.modal-actions button.destructive{background-color:var(--error);color:color-mix(in srgb,var(--error) 20%,var(--background))}.modal-actions button:hover{background-color:var(--shade-4)}.modal-actions button:only-child{border-radius:16px!important}.modal-actions button:first-child{border-radius:16px 8px 8px 15px}.modal-actions button:last-child:not(:first-child){border-radius:8px 16px 16px 8px}#modal-progress{width:100%;position:absolute;top:0;left:0;border:none;height:5px}#modal-progress::-webkit-progress-bar{background-color:transparent;height:2px}#modal-progress::-webkit-progress-value{background-color:var(--modal-accent-color);transition:width 300ms ease-in-out}.modal-progress-hidden{display:none}.return-to-main{margin-top:2em;margin-bottom:1em;color:var(--foreground);text-decoration:none}.sysex-error{margin-top:.6em}.sysex-error summary{list-style:disc inside;margin-bottom:.3em;cursor:pointer}.sysex-error-path{font-family:var(--font-mono),monospace;background-color:var(--shade-5);padding:0 .3em;border-radius:5px}.sysex-error-code{font-family:var(--font-mono),monospace;background-color:var(--shade-5);padding:0 .3em;border-radius:5px}.checkbox-wrapper input[type=checkbox]{--focus:2px rgba(39,94,254,.3);-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;outline:none;display:inline-block;vertical-align:top;position:relative;margin:0;cursor:pointer;border:1px solid var(--shade-5);background:var(--shade-1);transition:background 0.3s,border-color 0.3s,box-shadow 0.2s}.checkbox-wrapper input[type=checkbox]:after{content:"";display:block;left:0;top:0;position:absolute;transition:transform var(--d-t,0.3s) var(--d-t-e,ease),opacity var(--d-o,0.2s)}.checkbox-wrapper input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);--d-o:.3s;--d-t:.6s;--d-t-e:cubic-bezier(.2,.85,.32,1.2)}.checkbox-wrapper input[type=checkbox]:focus{box-shadow:0 0 0 var(--focus)}.checkbox-wrapper input[type=checkbox]:not(.switch){width:18px}.checkbox-wrapper input[type=checkbox]:not(.switch):after{opacity:var(--o,0)}.checkbox-wrapper input[type=checkbox]:not(.switch):checked{--o:1}.checkbox-wrapper input[type=checkbox]+label{display:inline-block;vertical-align:middle;cursor:pointer;margin-left:.75em}.checkbox-wrapper input[type=checkbox]:not(.switch){border-radius:5px}.checkbox-wrapper input[type=checkbox]:not(.switch):after{width:5px;height:9px;border:2px solid var(--primary-text);border-top:0;border-left:0;left:calc(50% - 3px);top:calc(50% - 5px);transform:rotate(var(--r,20deg))}.checkbox-wrapper input[type=checkbox]:not(.switch):checked{--r:43deg}.checkbox-wrapper{display:flex;align-items:center;margin-top:.5em}.checkbox-wrapper :after,.checkbox-wrapper :before{box-sizing:inherit}#browse-safe[open]{width:100vw;height:100vh;position:fixed;display:flex;align-items:center;justify-content:center;z-index:10000;background-color:var(--overlay);backdrop-filter:blur(20px)}#browse-safe #bs-details{text-align:center;visibility:visible}#browse-safe #bs-details #bs-icon{font-size:9em}#browse-safe #bs-details #bs-title{margin-top:.5em;font-size:1.1em}#browse-safe #bs-details #bs-description p{margin-top:1em;font-size:.9em}#browse-safe #bs-footer{position:fixed;bottom:2em;right:2em;font-size:.65em}#modal-begin,#modal-end{border:none;height:0;width:0;max-width:0;max-height:0;background:transparent;position:absolute;top:0}@keyframes _textSpinner{0%{max-width:0}to{max-width:10px}}.settings{margin-top:2em;line-height:1.75em}.settings .settings-userexposed{margin:1em 0}.settings tr{display:table-row}.settings td.ip-wrapper{padding:0 0 0 3em;display:flex}.popup{position:fixed;width:500px;height:100%;right:0;top:50%;transform:translateY(-50%);background-color:var(--background);border-radius:1em 0 0 .1em;box-shadow:var(--box-shdw-subtle);padding:3em 2em}.scope-btn{background-color:var(--shade-5);padding:.2em .7em;display:flex;align-items:center;border-radius:5px;border:1px solid var(--shade-6);position:absolute;top:50%;transform:translateY(-50%);right:5px}#closepopup{position:absolute;top:1em;right:1em;cursor:pointer;padding:.3em;border-radius:.5em;background-color:transparent;border-color:transparent!important}#closepopup:focus,#closepopup:hover{background-color:var(--error);border-color:transparent!important;outline:none}