:root{--multilayer-cols: 3;--leftColumnWidth: 280px;--inspectorWidth: 280px;--status-bar-height: 32px;--background-color: linear-gradient(18deg, rgb(68, 21, 52) 0%, rgb(23, 24, 100) 100%);--mod-background-color: rgb(55, 21, 68);--button-background-color-active: rgba(0, 0, 0, .2);--button-background-color-hover: rgba(255, 255, 255, .2);--button-background-color: rgba(255, 255, 255, .1);--control-edit-button-active-background-color: rgba(212, 226, 23, .226);--control-edit-button-listening-background-color: rgba(255, 166, 0, .623);--control-header-background-color: rgba(255, 255, 255, .1);--dangerous-button-background-color-active: rgba(100, 0, 0, .4);--dangerous-button-background-color-hover: rgba(255, 100, 100, .3);--dangerous-button-background-color: rgba(255, 0, 0, .2);--header-background-color: rgba(0, 0, 0, .5);--outline-color: rgba(255, 255, 255, .15);--pulse-color-active: rgba(100, 255, 100, .5);--pulse-color: rgba(255, 255, 255, .3);--scrollbar-background-color: rgba(0, 0, 0, .1);--scrollbar-foreground-color: rgba(255, 255, 255, .2);--status-bar-background-color: var(--header-background-color);--status-bar-foreground-color: var(--text-color);--sub-header-background-color: rgba(0, 0, 0, .3);--text-color: rgb(255, 255, 255);--hex-text-color: var(--text-color);--hex-text-color-selected: var(--hex-text-color);--hex-background-color: transparent;--hex-background-color-selected: rgba(255, 255, 255, .2);--hex-playhead-background-color: rgba(255, 0, 0, .3);--hex-playhead-background-color-dying: rgba(255, 0, 0, .2);--hex-playhead-text-color: var(--hex-text-color);--hex-outline-color: var(--outline-color);--hex-key-background-color: rgba(0, 197, 197, .2);--hex-background-color-drop: var(--hex-background-color-selected)}*{font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;position:relative}hr{width:100%;border:none;background:var(--outline-color);min-height:1px;max-height:1px}.grow{flex-grow:1}.col{display:flex;flex-direction:column;gap:inherit}.gap-0{gap:0!important}.gap-0-5{gap:.5rem!important}.gap-1{gap:1rem!important}.clicky{cursor:pointer}.noclicky{cursor:default!important}.noselect{user-select:none}.hide{display:none}.numberInput-container{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:stretch}.numberInput-container input.numberInput{-moz-appearance:textfield;flex-grow:1;min-width:0}.numberInput-container input.numberInput::-webkit-inner-spin-button{-webkit-appearance:none}.numberInput-container .numberInput-buttons{display:flex;flex-direction:column;justify-content:stretch}.numberInput-container .numberInput-buttons button{padding:2px .25rem;font-size:.6em;flex-grow:1}html,body,#root{font-size:14px;padding:0;margin:0;width:100%;max-width:100%;height:100%;position:relative;color:var(--text-color);background:var(--background-color);scrollbar-color:var(--scrollbar-foreground-color) var(--scrollbar-background-color)}input,select{font-size:1em;background-color:#ffffff1a;color:var(--text-color);border:0;border-bottom:1px solid var(--outline-color);padding:.25rem .5rem}input:hover,select:hover{background-color:#fff3}input>option,select>option{background-color:#000}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'>    <path fill='white' d='M0 0l5 6 5-6z'/>    </svg>");padding-right:2rem;background-repeat:no-repeat;background-position:right .5rem center;background-size:10px 6px}select,input[type=checkbox]{cursor:pointer}label{display:flex;flex-direction:row;align-items:center}input[type=checkbox]{width:1.05em;height:1.05em}button:not(.nostyle),.button:not(.nostyle){user-select:none;background-color:var(--button-background-color);color:var(--text-color);border:0;font-size:1em;cursor:pointer;padding:.5rem}button:not(.nostyle):hover,.button:not(.nostyle):hover{background-color:var(--button-background-color-hover)}button:not(.nostyle):active,.button:not(.nostyle):active{background-color:var(--button-background-color-active)}button:not(.nostyle).iconButton,.button:not(.nostyle).iconButton{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center;gap:.4em}button:not(.nostyle):disabled,.button:not(.nostyle):disabled{cursor:default}button.nostyle{color:var(--text-color);font-size:1em;user-select:none;background-color:transparent;border:0;cursor:pointer;padding:0;margin:0}button.nostyle:hover{background-color:var(--button-background-color-hover)}button.nostyle:active{background-color:var(--button-background-color-active)}button.delete{background-color:var(--dangerous-button-background-color)}button.delete:hover{background-color:var(--dangerous-button-background-color-hover)}button.delete:active{background-color:var(--dangerous-button-background-color-active)}.app{width:100%;height:100%;padding:0;margin:0;position:relative;display:flex;flex-direction:column}.mono{font-family:monospace}.tokenMenuItem{display:flex;flex-direction:row;gap:1rem}.modal-backdrop,.settings-backdrop,.lfoEditor-backdrop,.tokenSettings-backdrop{width:100%;height:100%;padding:0;margin:0;left:0;top:0;position:absolute;background-color:#000000b3;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-backdrop .modal-content,.modal-backdrop .settings-content,.modal-backdrop .lfoEditor-content,.settings-backdrop .modal-content,.settings-backdrop .settings-content,.settings-backdrop .lfoEditor-content,.lfoEditor-backdrop .modal-content,.lfoEditor-backdrop .settings-content,.lfoEditor-backdrop .lfoEditor-content,.tokenSettings-backdrop .modal-content,.tokenSettings-backdrop .settings-content,.tokenSettings-backdrop .lfoEditor-content{min-width:20%;min-height:20%;background-color:#223;padding:1rem 1.5rem;display:flex;flex-direction:column;max-height:80%;max-width:80%;overflow:auto;gap:.25rem}.modal-backdrop .modal-content h1,.modal-backdrop .settings-content h1,.modal-backdrop .lfoEditor-content h1,.settings-backdrop .modal-content h1,.settings-backdrop .settings-content h1,.settings-backdrop .lfoEditor-content h1,.lfoEditor-backdrop .modal-content h1,.lfoEditor-backdrop .settings-content h1,.lfoEditor-backdrop .lfoEditor-content h1,.tokenSettings-backdrop .modal-content h1,.tokenSettings-backdrop .settings-content h1,.tokenSettings-backdrop .lfoEditor-content h1{margin-top:.5rem;margin-bottom:1rem}.modal-backdrop .modal-content h2,.modal-backdrop .settings-content h2,.modal-backdrop .lfoEditor-content h2,.settings-backdrop .modal-content h2,.settings-backdrop .settings-content h2,.settings-backdrop .lfoEditor-content h2,.lfoEditor-backdrop .modal-content h2,.lfoEditor-backdrop .settings-content h2,.lfoEditor-backdrop .lfoEditor-content h2,.tokenSettings-backdrop .modal-content h2,.tokenSettings-backdrop .settings-content h2,.tokenSettings-backdrop .lfoEditor-content h2{margin-top:1rem;margin-bottom:.25rem}.modal-backdrop .modal-content .midiSelects,.modal-backdrop .settings-content .midiSelects,.modal-backdrop .lfoEditor-content .midiSelects,.settings-backdrop .modal-content .midiSelects,.settings-backdrop .settings-content .midiSelects,.settings-backdrop .lfoEditor-content .midiSelects,.lfoEditor-backdrop .modal-content .midiSelects,.lfoEditor-backdrop .settings-content .midiSelects,.lfoEditor-backdrop .lfoEditor-content .midiSelects,.tokenSettings-backdrop .modal-content .midiSelects,.tokenSettings-backdrop .settings-content .midiSelects,.tokenSettings-backdrop .lfoEditor-content .midiSelects{margin-top:.25rem;display:flex;flex-direction:row;gap:.5rem;align-items:start;flex-wrap:wrap}.modal-backdrop .modal-content .midiSelects .midiSelect,.modal-backdrop .settings-content .midiSelects .midiSelect,.modal-backdrop .lfoEditor-content .midiSelects .midiSelect,.settings-backdrop .modal-content .midiSelects .midiSelect,.settings-backdrop .settings-content .midiSelects .midiSelect,.settings-backdrop .lfoEditor-content .midiSelects .midiSelect,.lfoEditor-backdrop .modal-content .midiSelects .midiSelect,.lfoEditor-backdrop .settings-content .midiSelects .midiSelect,.lfoEditor-backdrop .lfoEditor-content .midiSelects .midiSelect,.tokenSettings-backdrop .modal-content .midiSelects .midiSelect,.tokenSettings-backdrop .settings-content .midiSelects .midiSelect,.tokenSettings-backdrop .lfoEditor-content .midiSelects .midiSelect{display:flex;flex-direction:column;gap:.25rem;border:1px solid var(--outline-color);padding:.25rem;flex-basis:100%}@media (min-width: 800px){.modal-backdrop .modal-content .midiSelects .midiSelect,.modal-backdrop .settings-content .midiSelects .midiSelect,.modal-backdrop .lfoEditor-content .midiSelects .midiSelect,.settings-backdrop .modal-content .midiSelects .midiSelect,.settings-backdrop .settings-content .midiSelects .midiSelect,.settings-backdrop .lfoEditor-content .midiSelects .midiSelect,.lfoEditor-backdrop .modal-content .midiSelects .midiSelect,.lfoEditor-backdrop .settings-content .midiSelects .midiSelect,.lfoEditor-backdrop .lfoEditor-content .midiSelects .midiSelect,.tokenSettings-backdrop .modal-content .midiSelects .midiSelect,.tokenSettings-backdrop .settings-content .midiSelects .midiSelect,.tokenSettings-backdrop .lfoEditor-content .midiSelects .midiSelect{flex-basis:calc(50% - .25rem)}}.modal-backdrop .modal-content .tokenSettings,.modal-backdrop .settings-content .tokenSettings,.modal-backdrop .lfoEditor-content .tokenSettings,.settings-backdrop .modal-content .tokenSettings,.settings-backdrop .settings-content .tokenSettings,.settings-backdrop .lfoEditor-content .tokenSettings,.lfoEditor-backdrop .modal-content .tokenSettings,.lfoEditor-backdrop .settings-content .tokenSettings,.lfoEditor-backdrop .lfoEditor-content .tokenSettings,.tokenSettings-backdrop .modal-content .tokenSettings,.tokenSettings-backdrop .settings-content .tokenSettings,.tokenSettings-backdrop .lfoEditor-content .tokenSettings{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:.25rem}.modal-backdrop .modal-content .tokenSettings .tokenSetting,.modal-backdrop .settings-content .tokenSettings .tokenSetting,.modal-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.settings-backdrop .modal-content .tokenSettings .tokenSetting,.settings-backdrop .settings-content .tokenSettings .tokenSetting,.settings-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .modal-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .settings-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .modal-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .settings-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .lfoEditor-content .tokenSettings .tokenSetting{border:1px solid var(--outline-color);padding:.5rem;display:flex;flex-direction:column;flex-basis:calc(50% - .125rem);gap:.5rem;min-width:0}@media (min-width: 800px){.modal-backdrop .modal-content .tokenSettings .tokenSetting,.modal-backdrop .settings-content .tokenSettings .tokenSetting,.modal-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.settings-backdrop .modal-content .tokenSettings .tokenSetting,.settings-backdrop .settings-content .tokenSettings .tokenSetting,.settings-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .modal-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .settings-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .modal-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .settings-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .lfoEditor-content .tokenSettings .tokenSetting{flex-basis:calc(33.3333333333% - .1666666667rem)}}@media (min-width: 1000px){.modal-backdrop .modal-content .tokenSettings .tokenSetting,.modal-backdrop .settings-content .tokenSettings .tokenSetting,.modal-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.settings-backdrop .modal-content .tokenSettings .tokenSetting,.settings-backdrop .settings-content .tokenSettings .tokenSetting,.settings-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .modal-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .settings-content .tokenSettings .tokenSetting,.lfoEditor-backdrop .lfoEditor-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .modal-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .settings-content .tokenSettings .tokenSetting,.tokenSettings-backdrop .lfoEditor-content .tokenSettings .tokenSetting{flex-basis:calc(25% - .1875rem)}}.modal-backdrop .modal-content .tokenSettings .tokenSetting input,.modal-backdrop .settings-content .tokenSettings .tokenSetting input,.modal-backdrop .lfoEditor-content .tokenSettings .tokenSetting input,.settings-backdrop .modal-content .tokenSettings .tokenSetting input,.settings-backdrop .settings-content .tokenSettings .tokenSetting input,.settings-backdrop .lfoEditor-content .tokenSettings .tokenSetting input,.lfoEditor-backdrop .modal-content .tokenSettings .tokenSetting input,.lfoEditor-backdrop .settings-content .tokenSettings .tokenSetting input,.lfoEditor-backdrop .lfoEditor-content .tokenSettings .tokenSetting input,.tokenSettings-backdrop .modal-content .tokenSettings .tokenSetting input,.tokenSettings-backdrop .settings-content .tokenSettings .tokenSetting input,.tokenSettings-backdrop .lfoEditor-content .tokenSettings .tokenSetting input{flex-grow:1;min-width:0}.modal-backdrop .modal-content .tokenSettings .tokenSetting .tokenLabel,.modal-backdrop .settings-content .tokenSettings .tokenSetting .tokenLabel,.modal-backdrop .lfoEditor-content .tokenSettings .tokenSetting .tokenLabel,.settings-backdrop .modal-content .tokenSettings .tokenSetting .tokenLabel,.settings-backdrop .settings-content .tokenSettings .tokenSetting .tokenLabel,.settings-backdrop .lfoEditor-content .tokenSettings .tokenSetting .tokenLabel,.lfoEditor-backdrop .modal-content .tokenSettings .tokenSetting .tokenLabel,.lfoEditor-backdrop .settings-content .tokenSettings .tokenSetting .tokenLabel,.lfoEditor-backdrop .lfoEditor-content .tokenSettings .tokenSetting .tokenLabel,.tokenSettings-backdrop .modal-content .tokenSettings .tokenSetting .tokenLabel,.tokenSettings-backdrop .settings-content .tokenSettings .tokenSetting .tokenLabel,.tokenSettings-backdrop .lfoEditor-content .tokenSettings .tokenSetting .tokenLabel{font-size:1.2em}.modal-backdrop .modal-content .keyboardShortcuts,.modal-backdrop .settings-content .keyboardShortcuts,.modal-backdrop .lfoEditor-content .keyboardShortcuts,.settings-backdrop .modal-content .keyboardShortcuts,.settings-backdrop .settings-content .keyboardShortcuts,.settings-backdrop .lfoEditor-content .keyboardShortcuts,.lfoEditor-backdrop .modal-content .keyboardShortcuts,.lfoEditor-backdrop .settings-content .keyboardShortcuts,.lfoEditor-backdrop .lfoEditor-content .keyboardShortcuts,.tokenSettings-backdrop .modal-content .keyboardShortcuts,.tokenSettings-backdrop .settings-content .keyboardShortcuts,.tokenSettings-backdrop .lfoEditor-content .keyboardShortcuts{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;gap:.25rem}.modal-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.modal-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.modal-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut{border:1px solid var(--outline-color);padding:.5rem;display:flex;flex-direction:row;flex-basis:calc(100% + -0rem);gap:.5rem;min-width:0}@media (min-width: 800px){.modal-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.modal-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.modal-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut{flex-basis:calc(50% - .125rem)}}@media (min-width: 1000px){.modal-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.modal-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.modal-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.settings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.lfoEditor-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut,.tokenSettings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut{flex-basis:calc(33.3333333333% - .1666666667rem)}}.modal-backdrop .modal-content .keyboardShortcuts .keyboardShortcut input,.modal-backdrop .settings-content .keyboardShortcuts .keyboardShortcut input,.modal-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut input,.settings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut input,.settings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut input,.settings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut input,.lfoEditor-backdrop .modal-content .keyboardShortcuts .keyboardShortcut input,.lfoEditor-backdrop .settings-content .keyboardShortcuts .keyboardShortcut input,.lfoEditor-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut input,.tokenSettings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut input,.tokenSettings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut input,.tokenSettings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut input{flex-grow:1;min-width:0}.modal-backdrop .modal-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.modal-backdrop .settings-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.modal-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.settings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.settings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.settings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.lfoEditor-backdrop .modal-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.lfoEditor-backdrop .settings-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.lfoEditor-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.tokenSettings-backdrop .modal-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.tokenSettings-backdrop .settings-content .keyboardShortcuts .keyboardShortcut .tokenLabel,.tokenSettings-backdrop .lfoEditor-content .keyboardShortcuts .keyboardShortcut .tokenLabel{font-size:1.2em}.modal-backdrop .modal-content .sequence,.modal-backdrop .settings-content .sequence,.modal-backdrop .lfoEditor-content .sequence,.settings-backdrop .modal-content .sequence,.settings-backdrop .settings-content .sequence,.settings-backdrop .lfoEditor-content .sequence,.lfoEditor-backdrop .modal-content .sequence,.lfoEditor-backdrop .settings-content .sequence,.lfoEditor-backdrop .lfoEditor-content .sequence,.tokenSettings-backdrop .modal-content .sequence,.tokenSettings-backdrop .settings-content .sequence,.tokenSettings-backdrop .lfoEditor-content .sequence{border:1px solid var(--outline-color);padding:.5rem;gap:.5rem}.modal-backdrop .modal-content .sequence .row,.modal-backdrop .settings-content .sequence .row,.modal-backdrop .lfoEditor-content .sequence .row,.settings-backdrop .modal-content .sequence .row,.settings-backdrop .settings-content .sequence .row,.settings-backdrop .lfoEditor-content .sequence .row,.lfoEditor-backdrop .modal-content .sequence .row,.lfoEditor-backdrop .settings-content .sequence .row,.lfoEditor-backdrop .lfoEditor-content .sequence .row,.tokenSettings-backdrop .modal-content .sequence .row,.tokenSettings-backdrop .settings-content .sequence .row,.tokenSettings-backdrop .lfoEditor-content .sequence .row{align-items:stretch}.modal-backdrop .modal-content .row,.modal-backdrop .settings-content .row,.modal-backdrop .lfoEditor-content .row,.settings-backdrop .modal-content .row,.settings-backdrop .settings-content .row,.settings-backdrop .lfoEditor-content .row,.lfoEditor-backdrop .modal-content .row,.lfoEditor-backdrop .settings-content .row,.lfoEditor-backdrop .lfoEditor-content .row,.tokenSettings-backdrop .modal-content .row,.tokenSettings-backdrop .settings-content .row,.tokenSettings-backdrop .lfoEditor-content .row{display:flex;flex-direction:row;align-items:center;gap:.5rem}.modal-backdrop .modal-content .bottomButtons,.modal-backdrop .settings-content .bottomButtons,.modal-backdrop .lfoEditor-content .bottomButtons,.settings-backdrop .modal-content .bottomButtons,.settings-backdrop .settings-content .bottomButtons,.settings-backdrop .lfoEditor-content .bottomButtons,.lfoEditor-backdrop .modal-content .bottomButtons,.lfoEditor-backdrop .settings-content .bottomButtons,.lfoEditor-backdrop .lfoEditor-content .bottomButtons,.tokenSettings-backdrop .modal-content .bottomButtons,.tokenSettings-backdrop .settings-content .bottomButtons,.tokenSettings-backdrop .lfoEditor-content .bottomButtons{margin-top:auto;margin-bottom:0;display:flex;gap:.5rem;justify-content:flex-end}.columns{display:flex;flex-direction:row;align-items:center;padding:0;margin:0;position:relative;flex-grow:1;overflow:auto}@media only screen and (max-width: 768px){.columns{flex-direction:column}}.statusBar{flex-shrink:0;height:var(--status-bar-height);background-color:var(--status-bar-background-color);display:flex;flex-direction:row;align-items:center;padding:0 calc(var(--status-bar-height) / 4);gap:.25rem;overflow:hidden;overflow-x:auto}.statusBar .version{margin-left:auto;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:hsl(from var(--text-color) h s l/.5)}.statusBar .version:hover{color:var(--text-color)}.statusBar .version a{text-decoration:none;overflow:hidden;white-space:nowrap;color:inherit}.statusBar .version a:hover{text-decoration:underline;color:var(--text-color)}.statusBar .separator{background-color:var(--outline-color);max-width:1px;min-width:1px;height:100%}.statusBar button{background-color:transparent;height:100%;width:calc(var(--status-bar-height) * .8);display:flex;align-items:center;justify-content:center;font-size:calc(var(--status-bar-height) * .625);color:var(--status-bar-foreground-color)}.statusBar button.inactive{color:hsl(from var(--status-bar-foreground-color) h s calc(l - 50))}.statusBar .pulse{margin-right:.5rem;min-width:calc(var(--status-bar-height) * .5);min-height:calc(var(--status-bar-height) * .5);max-width:calc(var(--status-bar-height) * .5);max-height:calc(var(--status-bar-height) * .5);background-color:var(--pulse-color);border-radius:100%}.statusBar .pulse.active{background-color:var(--pulse-color-active)}.hexGridContextMenuContents{display:flex;flex-direction:column;gap:.5rem;max-height:75dvh;overflow:visible}.context-menu:has(.hexGridContextMenuContents){padding:0}.context-menu .context-menu-item:has(.hexGridContextMenuContents){padding:1rem}.hexGridContextMenuContents .addSection{display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:space-around}.hexGridContextMenuContents .addSection .addTokenRow{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;gap:.25rem;flex-wrap:wrap}.hexGridContextMenuContents .addSection .addTokenRow button{width:calc(20% - .2rem)}.hexGridContextMenuContents .modifySection{overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.hexGridContextMenuContents .modifySection>.title{display:flex;justify-content:center}.hexGridContextMenuContents .modifySection .tokenSelect{display:flex;flex-direction:column;align-items:stretch;gap:.25rem}.hexGridContextMenuContents .modifySection .tokenSelect .title{font-size:1.2rem;display:flex;flex-direction:row;gap:.5rem}.hexGridContextMenuContents .modifySection .tokenSelect .title .fill{flex-grow:1}.hexGridContextMenuContents .modifySection .tokenSelect .title .remove{margin-left:auto}.hexGridContextMenuContents .modifySection .tokenSelect .description{display:flex;flex-direction:column;align-items:start;color:#ddd;font-size:.8rem}.hexGridContextMenuContents .selectedTokenContents{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.hexGridContextMenuContents .selectedTokenContents>.title{font-size:1.2rem;display:flex;flex-direction:row;gap:.5rem}.hexGridContextMenuContents .selectedTokenContents>.title .remove{margin-left:auto}.hexGridContextMenuContents .selectedTokenContents .tokenControl{display:flex;flex-direction:column;overflow-y:auto}.hexGridContextMenuContents .selectedTokenContents .control{margin:0}.gridSizeMenu{position:absolute;bottom:var(--status-bar-height);background-color:#0f0f0f4d;backdrop-filter:blur(10px);z-index:2;border:1px solid var(--outline-color);align-items:stretch}.gridSizeMenu .gridSizeMenuRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.touchModeMenu{position:absolute;bottom:var(--status-bar-height);background-color:#0f0f0f4d;backdrop-filter:blur(10px);z-index:2;border:1px solid var(--outline-color)}.touchModeMenu .touchModeMenuItem{display:flex;flex-direction:row;align-items:center;padding:.5rem .75rem .5rem .25rem;gap:.25rem;cursor:pointer}.touchModeMenu .touchModeMenuItem:hover{background-color:#ffffff1a}.touchModeMenu .touchModeMenuItem:not(:last-of-type){border-bottom:1px solid var(--outline-color)}.touchModeMenu .touchModeMenuItem .titleAndDescription{display:flex;flex-direction:column}.touchModeMenu .touchModeMenuItem .title{font-size:1.2rem}.touchModeMenu .touchModeMenuItem .description{display:flex;flex-direction:column;color:#ddd}.touchModeMenu .touchModeMenuItem .description span{display:block}.touchModeMenu .touchModeMenuItem .itemIcon{font-size:1.75rem;padding:0 .75rem;display:flex;align-items:center;justify-content:center}.touchModeMenu .touchModeMenuItem .check{font-size:1.75rem;margin-left:auto}.lfoVisualizer{position:relative;display:flex}.lfoVisualizer canvas{width:100%;border:1px solid var(--outline-color);position:absolute;left:0;top:0}.lfoVisualizer canvas:first-child{position:relative}.lfoControls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.lfoControls select,.lfoControls .numberInput-container{flex-grow:1}.lfoControls .typePart{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:.5rem}.lfoControls .minPart,.lfoControls .maxPart{display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:.5rem}.lfoControls .periodPart{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:.5rem}.lfoControls .loPeriodPart,.lfoControls .hiPeriodPart{display:flex;flex-direction:row;align-items:center;justify-content:stretch;gap:.5rem}.lfoControls .inputValue{overflow:hidden;text-overflow:ellipsis}.lfoControlRow{display:flex;flex-direction:row;justify-content:stretch;align-items:center;gap:.5rem;flex-grow:1}.lfoControlRow:has(.group){gap:1rem}.lfoControlRow .group{display:inherit;flex-direction:inherit;align-items:inherit;justify-content:inherit;flex-grow:1;gap:.5rem}.lfoControlRow .group input,.lfoControlRow .group .numberInput-container,.lfoControlRow .group select{flex-grow:1;min-width:0}.lfoControlRow .group .numberInput-container{width:4rem}.lfoControlRow input,.lfoControlRow .numberInput-container,.lfoControlRow select{flex-grow:1;min-width:0}.directionRow{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;border:1px solid var(--outline-color);border-radius:5px;overflow:hidden}.directionRow button{flex-basis:33.3333333333%;min-width:1rem;padding:0;height:2.25rem;flex-grow:1;margin:0;background-color:transparent;background-position:center;background-repeat:no-repeat;border-left-width:0;border-right-width:0}.directionRow button:hover{background-color:#ffffff1a}.directionRow button.selected{background-color:#c832c880}.directionRow.disabled button:hover:not(.selected){background-color:transparent}.control{display:flex;align-items:stretch;flex-direction:column;justify-content:stretch;gap:.25rem;padding:.25rem .5rem}.control:nth-child(2n){background-color:#fff0}.control .row{display:flex;flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}.control .row .valueType{margin-left:auto}.control .controlRow{display:flex;flex-direction:row;justify-content:stretch;align-items:center;gap:inherit;flex-grow:1}.control .controlRow input,.control .controlRow .numberInput-container,.control .controlRow select{flex-grow:1;min-width:0;width:0}.control .sequence{border:1px solid var(--outline-color);padding:.5rem}.control .sequence .row{align-items:stretch}.control .midiSelect{display:flex;flex-direction:column;border:1px solid var(--outline-color)}.control .triadRow{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;border:1px solid var(--outline-color);border-radius:5px;overflow:hidden}.control .triadRow button{min-width:2rem;height:2.25rem;flex-grow:1;margin:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:2rem;border-left-width:0;border-right-width:0}.control .triadRow button:hover{background-color:#ffffff1a}.control .triadRow button.selected{background-color:#c832c880}.control .triadRow.disabled button:hover:not(.selected){background-color:transparent}.control .edit.active{background-color:var(--control-edit-button-active-background-color)}.control .edit.listening{background-color:var(--control-edit-button-listening-background-color)}button.googleIconButton{display:flex;gap:.25rem;align-items:center;justify-content:center}button.googleIconButton.naked{background-color:transparent}button.showLeftColumn{border-radius:4px;align-self:flex-start;margin-left:.5rem;margin-top:.5rem}button.showInspector{border-radius:4px;align-self:flex-start;margin-right:.5rem;margin-top:.5rem}.resizeHandle:hover{background-color:#fff3}@media only screen and (min-width: 768px){.resizeHandle{max-width:1rem;min-width:1rem;height:100%;cursor:ew-resize}}@media only screen and (max-width: 768px){.resizeHandle{max-height:0;min-height:0;width:100%;cursor:ns-resize}}.resizeHandle-alt:hover{background-color:#fff3}@media only screen and (min-width: 768px){.resizeHandle-alt{max-height:1rem;min-height:1rem;margin-top:-1rem;width:100%;cursor:ns-resize}}@media only screen and (max-width: 768px){.resizeHandle-alt{max-width:0;min-width:0;height:100%;cursor:ew-resize}}@media only screen and (min-width: 768px){.leftColumn+*{border-left:1px solid var(--outline-color)}}@media only screen and (max-width: 768px){.leftColumn+*{border-top:1px solid var(--outline-color)}}.leftColumn,.inspector{box-sizing:content-box;display:flex;flex-direction:column}@media only screen and (max-width: 768px){.leftColumn,.inspector{flex-direction:row}}.leftColumn .mainHeader,.inspector .mainHeader{border:1px solid var(--outline-color);border-top-width:0;border-left-width:0;border-right-width:0;display:flex;flex-direction:row;gap:.25rem;align-items:center;padding:0 0rem 0 .25rem;background-color:var(--header-background-color)}.leftColumn .mainHeader .pin,.inspector .mainHeader .pin{margin-left:auto}.leftColumn .mainHeader .pin:not(:hover),.inspector .mainHeader .pin:not(:hover){background-color:transparent}@media only screen and (max-width: 768px){.leftColumn .mainHeader,.inspector .mainHeader{border-bottom-width:0;border-top-width:0;border-left-width:1px;border-right-width:1px;padding:0rem .25rem .25rem}.leftColumn .mainHeader .pin,.inspector .mainHeader .pin{margin-left:auto}.leftColumn .mainHeader .pin:not(:hover),.inspector .mainHeader .pin:not(:hover){background-color:transparent}}.leftColumn .header,.inspector .header{border:1px solid var(--outline-color);border-left-width:0;border-right-width:0;padding:.25rem .5rem;background-color:var(--sub-header-background-color);margin-bottom:.25rem;display:flex;flex-direction:row;align-items:center;gap:1rem}.leftColumn .header:not(:first-of-type),.inspector .header:not(:first-of-type){margin-top:.25rem}@media only screen and (max-width: 768px){.leftColumn .header,.inspector .header{border-top-width:0;border-bottom-width:0;border-left-width:1px;border-right-width:1px;margin-bottom:0;margin-right:.25rem;padding:.5rem .25rem}.leftColumn .header:not(:first-of-type),.inspector .header:not(:first-of-type){margin-top:0;margin-left:.25rem}}@media only screen and (max-width: 768px){.leftColumn .mainHeader,.leftColumn .header,.leftColumn .layerHeader,.inspector .mainHeader,.inspector .header,.inspector .layerHeader{writing-mode:sideways-lr}.leftColumn .mainHeader.layerHeader,.leftColumn .header.layerHeader,.leftColumn .layerHeader.layerHeader,.inspector .mainHeader.layerHeader,.inspector .header.layerHeader,.inspector .layerHeader.layerHeader{padding:.25rem}}.leftColumn{height:100%;min-width:var(--leftColumnWidth);max-width:var(--leftColumnWidth)}@media only screen and (max-width: 768px){.leftColumn{height:auto;min-height:fit-content;flex-direction:row;max-width:unset;min-width:0;overflow-x:auto;width:100%}}.leftColumn .tabs{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch}.leftColumn .tabs button{flex-grow:1}.leftColumn .tabs button.active{background-color:#fff;color:#111}@media only screen and (max-width: 768px){.leftColumn .tabs{flex-direction:column}}.leftColumn .playerSettings,.leftColumn .layerSettings,.leftColumn .layerSettingsInner{flex-grow:1;display:flex;flex-direction:column;justify-content:start;overflow:auto;overflow-x:hidden}@media only screen and (max-width: 768px){.leftColumn .playerSettings,.leftColumn .layerSettings,.leftColumn .layerSettingsInner{flex-direction:row;overflow-x:auto}}.leftColumn .playerSettings .layerHeader,.leftColumn .layerSettings .layerHeader,.leftColumn .layerSettingsInner .layerHeader{text-align:center;padding-top:.25rem;padding-bottom:.25rem;border:1px solid var(--outline-color);border-left:0;border-right:0;font-weight:700;background-color:var(--sub-header-background-color)}.leftColumn .playerSettings.layerSettings .header:first-of-type,.leftColumn .layerSettings.layerSettings .header:first-of-type,.leftColumn .layerSettingsInner.layerSettings .header:first-of-type{border-top:0}.middleColumn{display:flex;flex-direction:column;flex-grow:1;height:100%;align-content:stretch;min-width:0}.middleColumn.single-layer{margin-left:.5rem;margin-right:.5rem;padding:1rem 0;gap:1rem}.middleColumn .multilayerSizeContainer{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.5rem 1.5rem}.middleColumn .multilayerSizeContainer .columnsLabel{width:6rem}.middleColumn .multilayer{overflow-y:auto;display:flex;flex-direction:row;flex-wrap:wrap;padding:1rem 1.5rem;gap:1rem}.middleColumn .multilayer .layerContainer{display:flex;flex-direction:column;align-items:center;min-width:0;flex-basis:calc(100% / var(--multilayer-cols) - (1rem - 1rem / var(--multilayer-cols)))}.middleColumn .multilayer .layerContainer .layerName{margin-bottom:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.middleColumn .multilayer .layerContainer .hexGrid>canvas{width:100%}.middleColumn .layerSelectRow{display:flex;flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:.5rem}.middleColumn .layerSelectRow>*{font-size:1em}.middleColumn .layerSelectRow label{flex-grow:1;display:flex;flex-direction:row;align-items:center;min-width:0}.middleColumn .layerSelectRow label input,.middleColumn .layerSelectRow label select,.middleColumn .layerSelectRow label .numberInput-container{flex-grow:1;margin-left:.5rem;min-width:0}.elysiumControls{display:flex;flex-direction:row;align-items:stretch;border-radius:.75rem;background-color:#fff0;padding:.5rem;border:1px solid var(--outline-color)}.elysiumControls>*{margin-right:.5rem}.elysiumControls span{display:flex;flex-direction:row;align-items:center}.hexGrid{display:flex;align-items:center;justify-content:center;position:relative}.hexGrid>canvas{user-select:none;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.hexGrid>canvas:focus{outline:none}.hexGrid>canvas:first-of-type{position:relative;left:0;top:0;transform:unset}.middleColumn>.hexGrid{flex-grow:1;min-height:0;min-width:0}.middleColumn>.hexGrid>canvas{max-height:100%;max-width:100%;min-height:0;min-width:0}.tokenControl{display:flex;flex-direction:column;justify-content:stretch;gap:0rem;border:1px solid var(--outline-color)}.tokenControl .header{display:flex;flex-direction:row;align-items:center}.tokenControl .header.collapsible{cursor:pointer}.tokenControl .header .remove{margin-left:auto}.tokenControl .header .remove:hover{background-color:#ffffff80}.tokenControl .controlRow input,.tokenControl .controlRow select,.tokenControl .controlRow .numberInput-container{width:100%}.inspector{gap:.25rem}@media only screen and (min-width: 768px){.inspector{border-left:1px solid var(--outline-color);height:100%;min-width:var(--inspectorWidth);max-width:var(--inspectorWidth)}}@media only screen and (max-width: 768px){.inspector{border-top:1px solid var(--outline-color);width:100%}}.inspector .headerSection{display:flex;flex-direction:column;gap:inherit}@media only screen and (max-width: 768px){.inspector .headerSection{padding:.5rem 0}}.inspector .selectedHexLabel{padding:0 .5rem}.inspector .tokens{display:flex;flex-direction:column;justify-content:stretch;overflow:auto}@media only screen and (max-width: 768px){.inspector .tokens{flex-direction:row}}@media only screen and (max-width: 768px){.inspector .tokens .tokenControl{flex-direction:row}}.inspector .tokens .tokenControl .control:last-child{margin-bottom:.5rem}.inspector .tokenAdder{display:flex;flex-direction:column;justify-content:stretch;padding:0px .5rem}.inspector .tokenAdder .addButton.expanded{border-bottom:1px solid var(--outline-color)}.inspector .tokenAdder .tokenAdderList{display:flex;flex-direction:column;justify-content:stretch}.modChainWorkspace{position:relative;display:flex;flex-direction:column;border-top:1px solid var(--outline-color);min-height:var(--modChainWorkspaceHeight);max-height:var(--modChainWorkspaceHeight)}.modChainWorkspace>.header{z-index:1;display:flex;flex-direction:row;gap:.25rem;align-items:center;padding:.25rem .5rem;background-color:var(--header-background-color)}.modChainWorkspace>.header .remove{margin-left:auto}.modChainWorkspace .addButtons{position:absolute;left:1rem;bottom:1rem;display:flex;flex-direction:row;padding-top:0;gap:.5rem}.modChainWorkspace .addButtons .listening{background-color:var(--control-edit-button-listening-background-color)}.modChainWorkspace .row{display:flex;flex-direction:row;gap:.5rem;align-items:center}.modChainWorkspace .row:has(>.modChainOutputNode){margin-left:auto}.modChainWorkspace .inputtableValue{flex-grow:1;justify-content:stretch}.modChainWorkspace .inputtableValue .numberInput-container{flex-grow:1}.modChainWorkspace .modChainOutputNode{min-width:1rem;min-height:1rem;border:1px solid var(--outline-color);background-color:var(--button-background-color);cursor:pointer;transform:rotate(45deg);position:relative}.modChainWorkspace .modChainOutputNode:hover,.modChainWorkspace .modChainOutputNode.connected{background-color:var(--button-background-color-hover)}.modChainWorkspace .modChainInputNode{min-width:1rem;min-height:1rem;border:1px solid var(--outline-color);border-radius:50%;background-color:var(--button-background-color)}.modChainWorkspace .modChainInputNode.connected{background-color:#c3a600;border-color:gold;cursor:pointer}.listeningForConnections.modChainWorkspace .modChainInputNode:hover{cursor:pointer;background-color:#c3a600;border-color:gold}.modChainWorkspace .mainRow{overflow:hidden;flex-grow:1;display:flex;flex-direction:row;padding:1rem;gap:1rem;min-height:0}.modChainWorkspace .mainRow .scrollPart{display:flex;flex-direction:row;flex-wrap:wrap;flex-grow:1;gap:inherit;overflow-y:auto}.modChainWorkspace .mainRow .scrollPart>*{min-width:min-content;width:min-content}.modChainWorkspace .mainRow .scrollPart>*.lfo{max-width:20rem;min-width:20rem}.modChainWorkspace .mainOutput{display:flex;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.modChainWorkspace .mainOutput .modChainWorkspaceOutput{color:color-mix(in oklab,var(--text-color),transparent)}.modChainWorkspace .mainOutput .modChainWorkspaceOutput.connected{color:var(--text-color)}.listeningForConnections.modChainWorkspace .mainOutput .modChainWorkspaceOutput:hover{color:color-mix(in oklab,var(--text-color) 75%,transparent)}.modChainWorkspace .modChainItem{position:absolute;display:flex;flex-direction:column;border:1px solid var(--outline-color);border-radius:4px;overflow:hidden;resize:both;transform-origin:0 0;background:var(--mod-background-color);user-select:none}.modChainWorkspace .modChainItem .controlRow{display:flex;flex-direction:row;justify-content:stretch;align-items:center;gap:inherit;flex-grow:1}.modChainWorkspace .modChainItem .controlRow input,.modChainWorkspace .modChainItem .controlRow select{flex-grow:1;min-width:0;width:0}.modChainWorkspace .modChainItem .controlRow input{min-width:3.5rem}.modChainWorkspace .modChainItem .header{display:flex;flex-direction:row;gap:.25rem;align-items:center;padding:.25rem .5rem;background-color:var(--header-background-color);cursor:move;white-space:nowrap}.modChainWorkspace .modChainItem .header>.label{pointer-events:none;min-width:0;overflow:hidden;text-overflow:ellipsis}.modChainWorkspace .modChainItem .header .spacer{margin-left:auto}.modChainWorkspace .modChainItem .contents{gap:.5rem;padding:1rem;display:flex;flex-direction:column;align-items:stretch;overflow:auto}.modChainWorkspace .modChainItem .contents .sequence{border:1px solid var(--outline-color);padding:.5rem;display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.modChainWorkspace .modChainItem .contents .sequence .row{display:flex;flex-direction:row;gap:.5rem;align-items:stretch}.modChainWorkspace .modChainItem .contents .sequence .row input,.modChainWorkspace .modChainItem .contents .sequence .row .numberInput-container{flex-grow:1}.modChainWorkspace .modChainWorkspaceWires{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.modChainWorkspace .modChainWorkspaceWires svg{position:absolute;left:0;top:0}.context-menu{z-index:10;position:fixed;display:flex;flex-direction:column;align-items:stretch;background-color:#0f0f0f66;border:1px solid var(--outline-color);backdrop-filter:blur(15px);box-shadow:0 0 10px 1px #0000001a;border-radius:2px;min-width:10rem;padding:.25rem;max-height:100svh;max-width:100svw}.context-menu .context-menu-item{padding:.25rem 1rem;border-radius:inherit}.context-menu .context-menu-item.has-handler{cursor:pointer}.context-menu .context-menu-item.has-handler:hover{background-color:#ffffff1a}.context-menu .context-menu-separator{padding:.25rem 0rem;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.context-menu .context-menu-separator:after{content:"";border-bottom:1px solid var(--outline-color)}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/acheron/assets/MaterialSymbolsOutlined-VariableFont_FILL_GRAD_opsz_wght-CRdQYuLD.ttf)}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:400;font-display:block;src:url(/acheron/assets/MaterialSymbolsRounded-VariableFont_FILL_GRAD_opsz_wght-86u3gClc.ttf)}@font-face{font-family:Material Symbols Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/acheron/assets/MaterialSymbolsSharp-VariableFont_FILL_GRAD_opsz_wght-yLw_KBf5.ttf)}.material-symbol{font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbol.outlined{font-family:Material Symbols Outlined}.material-symbol.rounded{font-family:Material Symbols Rounded}.material-symbol.sharp{font-family:Material Symbols Sharp}.material-symbol.small{font-size:1rem}.material-symbol.medium{font-size:2rem}.material-symbol.large{font-size:3rem}