.modal-mask[data-v-bc044ed5]{z-index:9998;background-color:#11111125;width:100%;height:100%;transition:opacity .3s;display:table;position:fixed;top:0;left:0}.modal-wrapper[data-v-bc044ed5]{vertical-align:middle;display:table-cell}.modal-container[data-v-bc044ed5]{background-color:#fff;border-radius:2px;width:90%;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Consolas,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,Arial;transition:all .3s;box-shadow:0 2px 8px #00000054}@media (width>=768px){.modal-container[data-v-bc044ed5]{width:33%}}.modal-header h3[data-v-bc044ed5]{margin-top:0}.modal-body[data-v-bc044ed5]{margin:20px 0 5px}.modal-default-button[data-v-bc044ed5]{float:right}.modal-enter-from[data-v-bc044ed5],.modal-leave-to[data-v-bc044ed5]{opacity:0}.modal-enter-active .modal-container[data-v-bc044ed5],.modal-leave-active .modal-container[data-v-bc044ed5]{transform:scale(1.1)}.node-control[data-v-767f1077]{background-color:var(--white-mute);border:1px solid var(--color-text);text-align:center;border-radius:.5rem;flex-direction:column;align-items:center;margin:0;padding:5px;display:none}@media (width>=600px){.node-control[data-v-767f1077]{width:100%;margin-left:0;margin-right:8px;padding-top:0}.node-control#pan .value-container[data-v-767f1077]:before{content:"L";position:relative;left:-5px}.node-control#pan .value-container[data-v-767f1077]:after{content:"R";position:relative;right:-10px}.node-control[data-v-767f1077]:last-child{margin-right:0}}body.dark-theme .node-control[data-v-767f1077]{background-color:var(--black-soft)}.node-control[group=adsr][data-v-767f1077]{background-color:var(--group-adsr)}.node-control[group=adsr] .value-container[data-v-767f1077]:after{content:"s";position:relative;right:-10px}.node-control[group=adsr]#sustainLevel .value-container[data-v-767f1077]:after{content:""}.node-control[group=filters][data-v-767f1077]{background-color:var(--group-filters)}.node-control[group=output][data-v-767f1077]{background-color:var(--group-output)}.node-control.visible[data-v-767f1077]{display:flex}.node-control.dropdown-control[data-v-767f1077]{padding-bottom:8px}.node-control.horizontal-range[data-v-767f1077]{padding-bottom:0}.node-control.horizontal-range input[type=range][data-v-767f1077]{width:90px;height:auto}@media (width>=600px){.node-control.horizontal-range input[type=range][data-v-767f1077]{height:32px}}.node-control.vertical-range[data-v-767f1077]{padding-bottom:8px}.node-control.vertical-range input[type=range][data-v-767f1077]{appearance:slider-vertical;writing-mode:bt-lr;width:32px;height:60px}.node-control legend[data-v-767f1077]{color:var(--black);text-align:center;text-transform:uppercase;white-space:nowrap;margin:0 auto;font-weight:700;line-height:1.5}body.dark-theme .node-control legend[data-v-767f1077]{color:var(--green-bright-active)}.node-control legend input[data-v-767f1077]{position:relative;top:1px;right:2px}.node-control legend label[data-v-767f1077]{font-weight:700}.node-control .node-values[data-v-767f1077]{flex-direction:row;align-items:center;gap:1em;margin:0 0 .5em;display:flex}@media (width>=600px){.node-control .node-values[data-v-767f1077]{flex-direction:column;gap:0;margin-bottom:0}}.node-control .node-values .value-container[data-v-767f1077]{flex-direction:row;justify-content:center;align-items:center;display:flex}.node-control .node-values .value-container select[data-v-767f1077]{font-size:1.5rem}.node-control .node-values .value-container input[type=text][data-v-767f1077]{border:1px solid var(--color-text);text-align:left;z-index:1;border-radius:.15rem;width:5rem;height:2.5rem;padding:.3rem;font-size:1.5rem}.node-control .node-values .value-container input[type=checkbox][data-v-767f1077]{margin:0 4px}.node-control .node-values .value-container input[type=number][data-v-767f1077]{margin:0 auto}.node-control .node-values .value-container input[type=range][data-v-767f1077]{margin:8px auto;display:block}.node-control .node-values .value-container .increase-decrease-container[data-v-767f1077]{z-index:2;flex-direction:column;margin-top:0;margin-left:-1.86rem;display:flex}.node-control .node-values .value-container .increase-decrease-container .control-value-increase[data-v-767f1077],.node-control .node-values .value-container .increase-decrease-container .control-value-decrease[data-v-767f1077]{appearance:none;text-align:center;background:0 0;border:none;border-radius:.125rem;width:12px;height:1.1rem;margin:0;padding:0;position:relative;bottom:1px}.node-control .node-values .value-container .increase-decrease-container .control-value-increase[data-v-767f1077]:disabled,.node-control .node-values .value-container .increase-decrease-container .control-value-decrease[data-v-767f1077]:disabled{cursor:default;filter:invert()sepia(1%)saturate(1895%)hue-rotate(235deg)brightness(111%)contrast(60%)}.node-control .node-values .value-container .increase-decrease-container .control-value-increase img[data-v-767f1077],.node-control .node-values .value-container .increase-decrease-container .control-value-decrease img[data-v-767f1077]{filter:none;width:16px;height:16px;margin:0;padding:0;position:absolute;top:.015rem;left:.09rem}@media (hover:hover){.node-control .node-values .value-container .control-value-increase:not(:disabled) img[data-v-767f1077]:hover,.node-control .node-values .value-container .control-value-decrease:not(:disabled) img[data-v-767f1077]:hover{filter:invert(63%)sepia(38%)saturate(649%)hue-rotate(99deg)brightness(89%)contrast(86%)}}#note-recognition-top[data-v-b08cc8de]{background-color:var(--gray-light);color:var(--black);justify-content:center;width:100%;padding:0 .6rem;font-size:12px;font-weight:700;display:flex}body.dark-theme #note-recognition-top[data-v-b08cc8de]{background-color:var(--green-deep-active);color:var(--green-bright-active)}#note-recognition-top.empty[data-v-b08cc8de]{background-color:var(--gray-light);color:var(--gray);font-weight:400}body.dark-theme #note-recognition-top.empty[data-v-b08cc8de]{background-color:var(--color-background-mute);color:var(--color-text)}#scroll-buttons[data-v-b08cc8de]{justify-content:space-between;width:100%;margin:2px 0;padding:0 3px;display:flex}@media (width>=1024px){#scroll-buttons[data-v-b08cc8de]{padding:5px 20px}}#scroll-buttons button[data-v-b08cc8de]{border:2px solid var(--color-border);color:var(--color-text);-webkit-user-select:none;user-select:none;align-items:center;height:32px;font-size:1.5rem;display:flex}#scroll-buttons button i[data-v-b08cc8de]{margin-right:5px}#scroll-buttons button i.fa-circle-stop[data-v-b08cc8de]{margin-right:0}@media (width>=425px){#scroll-buttons button i.fa-circle-stop[data-v-b08cc8de]{margin-right:5px}}#scroll-buttons button>span[data-v-b08cc8de]{font-weight:700}#scroll-buttons button>span.small[data-v-b08cc8de]{display:inline}#scroll-buttons button>span.large[data-v-b08cc8de]{display:none}@media (hover:hover){#scroll-buttons button[data-v-b08cc8de]:hover{background-color:var(--green);color:var(--green-bright-active)}}@media (width>=425px){#scroll-buttons button>span.small[data-v-b08cc8de]{display:none}#scroll-buttons button>span.large[data-v-b08cc8de]{display:inline}}@media (width>=768px){#scroll-buttons button[data-v-b08cc8de]{font-size:1.75rem}}#keyboard-container[data-v-b08cc8de]{border-top:1px solid var(--black);white-space:nowrap;height:200px;margin:0;display:flex}@media (width>=1024px){#other-controls-container[data-v-b08cc8de]{margin-top:10px}#keyboard-container[data-v-b08cc8de]{height:300px;-moz-box-shadow:0 2px 4px 2px var(--color-shadow);-webkit-box-shadow:0 2px 4px 2px var(--color-shadow);box-shadow:0 2px 4px 2px var(--color-shadow);margin:0 20px}}#keyboard[data-v-b08cc8de]{background-color:#0000;width:100%;height:100%;position:relative;overflow-x:scroll}#keyboard button[data-v-b08cc8de]{border:2px solid var(--color-key-border);cursor:auto;border-top-left-radius:0;border-top-right-radius:0;height:300px;margin:0;padding:0;font-size:1.5rem;font-weight:700;display:inline-block;position:relative}@media (hover:hover){#keyboard button[data-v-b08cc8de]:not(.enabled-mouse):hover{cursor:default}}#keyboard button div[data-v-b08cc8de]{text-align:center;width:100%;margin:0 auto;font-weight:700;line-height:2;position:absolute}#keyboard button div.key-label[data-v-b08cc8de]{border:1px solid var(--color-text);border-radius:5px;width:24px;height:24px;padding:5px;display:none;bottom:40px}#keyboard button div.key-label.show[data-v-b08cc8de]{display:block}#keyboard button div.note-label[data-v-b08cc8de]{color:var(--color-text);text-transform:none;bottom:0}#keyboard button.key-white[data-v-b08cc8de]{background-color:var(--color-button-white-background);z-index:1;border-top:0;width:47px;height:100%}@media (width>=768px){#keyboard button.key-white[data-v-b08cc8de]{width:40px}}#keyboard button.key-white.root-note[data-v-b08cc8de]{background-color:var(--color-button-white-root-background)}body.dark-theme #keyboard button.key-white[data-v-b08cc8de]{border-top:1px solid var(--color-border)}body.dark-theme #keyboard button.key-white.root-note[data-v-b08cc8de]{background-color:var(--color-background-light)}@media (hover:hover){#keyboard button.key-white.enabled-mouse[data-v-b08cc8de]:hover{background-color:var(--green-bright);color:var(--color-text);cursor:pointer}body.dark-theme #keyboard button.key-white.enabled-mouse[data-v-b08cc8de]:hover{background-color:var(--green-deep-active)}}#keyboard button.key-white.active[data-v-b08cc8de]{background-color:var(--green-bright-active);color:var(--color-text)}body.dark-theme #keyboard button.key-white.active[data-v-b08cc8de]{background-color:var(--green-deep)}#keyboard button.key-white div[data-v-b08cc8de]{color:var(--color-text);padding:0}#keyboard button.key-white div.key-label[data-v-b08cc8de]{height:30px;margin:0 10px}@media (width>=768px){#keyboard button.key-white div.key-label[data-v-b08cc8de]{margin:0 6px}}#keyboard button.key-white div.midi-label[data-v-b08cc8de]{color:var(--gray)}#keyboard button.key-black[data-v-b08cc8de]{background-color:var(--color-button-black-background);color:var(--color-flatnote-text);z-index:10;width:43px;height:45%;margin-top:0;margin-left:-20px;margin-right:-20px;font-size:1.25rem;display:inline-flex;position:absolute;top:0}@media (hover:hover){#keyboard button.key-black[data-v-b08cc8de]:hover div.midi-label[data-v-b08cc8de]{color:var(--black)}}@media (width>=768px){#keyboard button.key-black[data-v-b08cc8de]{width:36px}}#keyboard button.key-black.root-note[data-v-b08cc8de]{background-color:var(--color-button-black-root-background)}body.dark-theme #keyboard button.key-black[data-v-b08cc8de]{border-top:1px solid var(--color-border)}@media (hover:hover){#keyboard button.key-black.enabled-mouse[data-v-b08cc8de]:hover{background-color:var(--green-flat);color:var(--color-flatnote-text)}}#keyboard button.key-black.active[data-v-b08cc8de]{background-color:var(--green-flat-active);color:var(--color-flatnote-text)}#keyboard button.key-black div.key-label[data-v-b08cc8de]{border:1px solid var(--color-flatnote-text);height:24px;margin:0 7px;line-height:1}@media (width>=768px){#keyboard button.key-black div.key-label[data-v-b08cc8de]{margin:0 4px}}#keyboard button.key-black div.note-label[data-v-b08cc8de]{color:var(--color-flatnote-text)}#keyboard button div.midi-label[data-v-b08cc8de]{color:var(--gray)}#other-controls-container[data-v-b08cc8de]{flex-wrap:wrap;align-items:center;margin:5px 0 5px 3px;display:flex}@media (width>=768px){#other-controls-container[data-v-b08cc8de]{flex-direction:row;height:40px;margin:0 3px}}@media (width>=1024px){#other-controls-container[data-v-b08cc8de]{margin:5px 20px 0}}#other-controls-container .form-group[data-v-b08cc8de]{background-color:var(--color-background-soft);border:1px solid #aaa;border-radius:4px;justify-content:center;align-items:center;height:30px;margin:0 5px 0 0;padding:0;display:flex}@media (width>=768px){#other-controls-container .form-group[data-v-b08cc8de]{border:1px solid #aaa;border-radius:4px;justify-content:left;width:auto;margin-right:5px}}#other-controls-container fieldset[data-v-b08cc8de]{border-width:0;padding:5px 0;display:flex}#other-controls-container fieldset input[type=checkbox][data-v-b08cc8de]{appearance:none;font:inherit;background-color:#fff;border:1px solid #000;border-radius:.15em;place-content:center;width:1.35rem;height:1.35rem;margin:0 5px;display:grid;transform:translateY(.55rem)}#other-controls-container fieldset input[type=checkbox][data-v-b08cc8de]:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform-origin:0 100%;width:.65em;height:.65em;box-shadow:inset 1em 1em var(--form-control-color);background-color:canvastext;transition:transform .12s ease-in-out;transform:scale(0)}#other-controls-container fieldset input[type=checkbox][data-v-b08cc8de]:checked:before{transform:scale(1)}#other-controls-container fieldset input[type=checkbox][data-v-b08cc8de]:focus{outline-offset:max(2px, .1em);outline:max(2px,.1em) solid}@media (width>=768px){#other-controls-container fieldset[data-v-b08cc8de]{padding-right:0}}#other-controls-container input[data-v-b08cc8de]{margin:0 .35em}#other-controls-container label[data-v-b08cc8de]{min-width:20px}@media (width>=768px){#other-controls-container label[data-v-b08cc8de]{margin-right:.5em}}#other-controls-container label.fieldset-label[data-v-b08cc8de]{background-color:var(--color-background-soft);color:var(--color-text);text-transform:uppercase;border:1px solid #aaa;border-radius:0;align-items:center;height:30px;padding:0 5px;font-size:1.4rem;font-weight:700;display:none}@media (width>=768px){#other-controls-container label.fieldset-label[data-v-b08cc8de]{align-items:center;margin-right:0;display:flex}}#other-controls-container label.fieldset-label.label-text[data-v-b08cc8de]{border-right:0;padding-right:0;display:none}@media (width>=768px){#other-controls-container label.fieldset-label.label-text[data-v-b08cc8de]{border-left:0;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;padding-right:5px;display:flex}}#other-controls-container label.fieldset-label.label-image[data-v-b08cc8de]{border:1px solid #aaa;border-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px;display:flex}@media (width>=768px){#other-controls-container label.fieldset-label.label-image[data-v-b08cc8de]{display:none}}#other-controls-container label+select.small[data-v-b08cc8de]{margin-right:5px}#other-controls-container select.small[data-v-b08cc8de]{height:26px;padding:0}#other-controls-container select.small[data-v-b08cc8de]:last-of-type{margin-right:5px}#synth-controls-header[data-v-ba91f9ae]{justify-content:flex-start;align-items:center;padding:0 3px;display:flex}@media (width>=1024px){#synth-controls-header[data-v-ba91f9ae]{padding:0 20px}}#synth-controls-header button[data-v-ba91f9ae]{border:2px solid var(--color-border);color:var(--color-text);align-items:center;height:36px;padding:.65rem;font-size:1.5rem;display:flex}@media (hover:hover){#synth-controls-header button[data-v-ba91f9ae]:hover{background-color:var(--green-bright);color:var(--green-bright-active)}}#synth-controls-header button img[data-v-ba91f9ae]{position:relative;top:0;left:0}#synth-controls-header button span.label-image[data-v-ba91f9ae]{color:var(--black);margin-right:2px;font-size:2rem;font-weight:700;display:inline-block;position:relative;top:0;left:2px}@media (width>=576px){#synth-controls-header button span.label-image[data-v-ba91f9ae]{display:none}}#synth-controls-header button span.label-text[data-v-ba91f9ae]{color:var(--black);padding-right:3px;font-weight:700;display:none;position:relative;top:0;left:2px}@media (width>=576px){#synth-controls-header button span.label-text[data-v-ba91f9ae]{display:inline-block}}body.dark-theme #synth-controls-header img[data-v-ba91f9ae]{filter:invert()sepia()saturate(13%)hue-rotate(237deg)brightness(104%)contrast(104%)}#synth-controls-header #note-recognition[data-v-ba91f9ae]{background-color:var(--green-bright-active);border:1px solid var(--gray-dark);box-shadow:inset 0 0 5px 1px var(--green);color:var(--black);border-radius:4px;width:100%;height:36px;margin-left:.5rem;padding:.4rem .75rem;font-weight:700}body.dark-theme #synth-controls-header #note-recognition[data-v-ba91f9ae]{background-color:var(--green-deep-active);border:1px solid var(--gray-bright-active);color:var(--green-bright-active)}@media (width>=768px){#synth-controls-header #note-recognition[data-v-ba91f9ae]{max-width:150px}}#synth-controls-header #note-recognition.empty[data-v-ba91f9ae]{background-color:var(--gray-light);box-shadow:inset 0 0 5px 1px var(--gray);color:var(--gray);font-weight:400}body.dark-theme #synth-controls-header #note-recognition.empty[data-v-ba91f9ae]{background-color:var(--color-background-mute);box-shadow:inset 0 0 5px 1px var(--color-text);color:var(--color-text)}#synth-controls-container[data-v-ba91f9ae]{background-color:var(--white-soft);border:2px solid var(--gray-light);flex-direction:column;height:auto;margin:5px 3px;padding:5px;display:flex;overflow-y:auto}@media (width>=600px){#synth-controls-container[data-v-ba91f9ae]{flex-wrap:nowrap;align-items:normal;padding:0 5px 5px}}@media (width>=1024px){#synth-controls-container[data-v-ba91f9ae]{margin:5px 20px}}#synth-controls-container .node-group[data-v-ba91f9ae]{flex-direction:column;display:none}#synth-controls-container .node-group.visible[data-v-ba91f9ae]{display:flex}#synth-controls-container .node-group:first-of-type legend[data-v-ba91f9ae]{line-height:1}@media (width>=600px){#synth-controls-container .node-group[data-v-ba91f9ae]{flex-flow:row;justify-content:space-between}}@media (width>=375px){#synth-controls-container .node-group[group=adsr][data-v-ba91f9ae]{flex-flow:wrap}#synth-controls-container .node-group[group=adsr] .node-control[data-v-ba91f9ae]{width:50%;padding:0 0 5px}}@media (width>=600px){#synth-controls-container .node-group[group=adsr][data-v-ba91f9ae]{flex-flow:row;width:100%}#synth-controls-container .node-group[group=adsr] .node-control[data-v-ba91f9ae]{width:100%;padding:5px}}body.dark-theme #synth-controls-container[data-v-ba91f9ae]{background-color:var(--black-mute)}#visualizer-container[data-v-ba91f9ae]{width:auto;margin:5px 0 0}@media (width>=481px){#visualizer-container[data-v-ba91f9ae]{margin:5px 3px 0}}@media (width>=768px){#visualizer-container[data-v-ba91f9ae]{margin:0 3px}}@media (width>=1024px){#visualizer-container[data-v-ba91f9ae]{margin:0 1.25em}}#visualizer[data-v-ba91f9ae]{border:1px solid var(--black);border-radius:4px;width:100%;height:50px;margin:0;padding:0;position:relative}@media (width>=768px){#visualizer[data-v-ba91f9ae]{height:100px}}.nav-list a[data-v-fcda8f73]{color:var(--green-bright);background-color:#0000;justify-content:left;align-items:center;height:30px;padding:4px 0 4px 18px;font-size:16px;font-weight:700;text-decoration:none;display:flex}@media (hover:hover){.nav-list a[data-v-fcda8f73]:hover{background-color:var(--green-bright);color:var(--color-text)}}header[data-v-713bf328]{background:var(--green);border-bottom:5px solid var(--green-deep);color:var(--color-text);flex-flow:row;justify-content:space-between;align-items:center;height:50px;padding:2px 16px;display:flex}header .menu-left[data-v-713bf328]{justify-content:flex-start;align-items:center;width:70px;margin:0;padding:0;display:flex}header .menu-left #nav-overlay[data-v-713bf328]{align-items:unset;z-index:11;background-color:#0000;justify-content:left;width:100%;height:100%;display:none;position:absolute;top:50px;left:0}header .menu-left #nav-overlay.show[data-v-713bf328]{display:flex}header .menu-left #nav-overlay #nav-content[data-v-713bf328]{background-color:var(--green);box-sizing:border-box;border-radius:0;width:100%;max-width:500px;max-height:calc(100% - 41px);padding:0;animation:.2s SlideRight;position:relative;top:0;overflow-y:auto;box-shadow:3px 5px 5px #00000026}@media (width>=415px){header .menu-left #nav-overlay #nav-content[data-v-713bf328]{width:325px}}header .menu-left #nav-overlay #nav-content a[data-v-713bf328]{color:var(--color-text);text-decoration:none}header .menu-left #nav-overlay #nav-content .container[data-v-713bf328]{align-items:normal;padding:0}header .menu-left #nav-overlay #nav-content .container .nav-header[data-v-713bf328]{color:var(--color-flatnote-text);padding-top:18px;padding-bottom:18px;padding-left:18px;font-size:20px;font-weight:700}header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-713bf328]{background-color:#0000;justify-content:left;align-items:center;height:30px;padding:4px 0 4px 18px;font-size:16px;font-weight:700;display:flex}@media (hover:hover){header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-713bf328]:hover{background-color:var(--color-link-highlight)}}header .menu-left #nav-overlay #nav-content #button-nav-close[data-v-713bf328]{color:var(--color-flatnote-text);width:24px;height:24px;font-size:20px;position:absolute;top:16px;right:16px}@media (hover:hover){header .menu-left #nav-overlay #nav-content #button-nav-close a[data-v-713bf328]:hover{color:var(--color-link-highlight)}}header .menu-left #nav-overlay #nav-content .nav-footer[data-v-713bf328]{display:flex}header .menu-left #nav-overlay #nav-content #footer-neb-host[data-v-713bf328]{color:#d1d1d1;letter-spacing:initial;text-align:left;z-index:2;background:#004e30;border-top:2px solid #002115;margin-top:20px;padding:10px 18px;font-family:Consolas,sans-serif;font-size:12px;font-weight:500;position:absolute;bottom:9px;left:0;right:0}@media (hover:hover){header .menu-left #nav-overlay #nav-content #footer-neb-host a[data-v-713bf328]:hover{text-decoration:underline}}header .title[data-v-713bf328]{letter-spacing:.1em;pointer-events:none;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700;line-height:150%}header .title h1 span[data-v-713bf328]{color:#fff;position:relative;bottom:-2px}header .title h1 span.flat[data-v-713bf328]{color:var(--green-bright);position:relative;bottom:3px}@media (width>=768px){header .title[data-v-713bf328]{letter-spacing:.01em;font-size:20px;line-height:100%}}header .menu-right[data-v-713bf328]{justify-content:flex-end;width:70px;display:flex}header .menu-right button#button-settings[data-v-713bf328]{justify-content:flex-end;align-items:center;margin-right:0;display:flex}:root{--white:#fff;--white-soft:#f8f8f8;--white-mute:#f2f2f2;--gray:#888;--gray-soft:#555;--gray-light:#d8d8d8;--gray-dark:#333;--black:#181818;--black-soft:#222;--black-mute:#282828;--green:#09714b;--green-deep:#085b18;--green-deep-active:#005311;--green-dark:#012d09;--green-dark-active:#052b0c;--green-bright:#a3ffb6;--green-bright-active:#74ea94;--green-flat:#3eb67c;--green-flat-active:#2c9d4e;--group-adsr:#dcffe3;--group-filters:#e0dcff;--group-output:#ffdcf8;--color-background:var(--white);--color-background-soft:var(--white-soft);--color-background-mute:var(--white-mute);--color-button-black-background:var(--black);--color-button-black-root-background:var(--gray-dark);--color-button-white-background:var(--white-mute);--color-button-white-root-background:var(--gray-light);--color-border:var(--black);--color-key-border:var(--black-soft);--color-flatnote-text:var(--white);--color-text:var(--black);--color-link-highlight:var(--green-bright-active);--color-shadow:var(--gray-dark)}body.dark-theme{--color-background:var(--black);--color-background-light:var(--gray-soft);--color-background-soft:var(--black-soft);--color-background-mute:var(--black-mute);--color-button-black-background:var(--black);--color-button-white-background:var(--black-soft);--color-border:var(--white);--color-key-border:var(--white-mute);--color-flatnote-text:var(--white);--color-text:var(--white-mute);--color-link-highlight:var(--green-deep-active);--color-shadow:var(--gray)}@media (prefers-color-scheme:dark){:root{--color-background:var(--black);--color-background-light:var(--gray-soft);--color-background-soft:var(--black-soft);--color-background-mute:var(--black-mute);--color-button-black-background:var(--black);--color-button-white-background:var(--black-soft);--color-border:var(--white);--color-key-border:var(--white-mute);--color-flatnote-text:var(--white);--color-text:var(--white-mute);--color-link-highlight:var(--green-deep-active);--color-shadow:var(--gray)}body.light-theme{--color-background:var(--white);--color-background-soft:var(--white-soft);--color-background-mute:var(--white-mute);--color-button-black-background:var(--black-mute);--color-button-white-background:var(--white-mute);--color-border:var(--black);--color-key-border:var(--black-mute);--color-flatnote-text:var(--white);--color-text:var(--black-mute);--color-link-highlight:var(--green-bright-active);--color-shadow:var(--gray-dark)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}html{height:100%;font-size:62.5%}body{background:var(--color-background);color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Consolas,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}body a{color:var(--color-text)}.button,button,input[type=submit],input[type=reset],input[type=button]{box-sizing:border-box;color:#555;cursor:pointer;letter-spacing:.1rem;text-align:center;text-transform:uppercase;white-space:nowrap;background-color:#0000;border:1px solid #bbb;border-radius:4px;padding:.75rem;font-size:11px;font-weight:600;text-decoration:none;display:inline-block}button#theme-toggler{background-color:var(--color-background);opacity:.9;text-align:center;z-index:9997;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:0;padding:5px;font-size:1.5rem;font-weight:600;display:flex;position:absolute;top:7px;right:12px}button#theme-toggler span.theme-image{position:relative;bottom:2px}button#theme-toggler span.theme-image:after{display:none}@media (width>=481px){button#theme-toggler{width:95px}button#theme-toggler span.theme-image:after{display:inline}body.dark-theme button#theme-toggler span.theme-image:after{content:" dark"}body.light-theme button#theme-toggler span.theme-image:after{content:" light"}}body.dark-theme button#theme-toggler{color:var(--color-text)}a.icon,button.icon{color:#fff;cursor:pointer;background:0 0;border:none;margin:0 6px;padding:1px;font-size:24px}@media (hover:hover){button.icon:hover{color:#fffca3}}input[type=number]{appearance:none;background-color:#fff;border:1px solid #545454a6;border-radius:.25em;outline:none;width:72px;margin:0;padding:.5em .2rem .5em .4rem;display:block}select{border:1px solid var(--color-border);color:var(--color-text);min-width:60px;padding:.5em 1rem .5em .4rem}@media (hover:hover){select:hover{cursor:pointer}}body.dark-theme select{background-color:var(--color-background);color:var(--color-text)}hr{margin:.5em 0}#app{margin:0 auto;padding:0;font-weight:400}.success{color:#00bd7e}.failure{color:#bd0000}.modal-header h3{font-size:2.25rem}.modal-body p{margin:5px 0 10px}.modal-body strong{font-weight:700}@keyframes SlideRight{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes SlideLeft{0%{opacity:1;transform:translate(0)}90%{opacity:0}to{opacity:0;transform:translate(-200px)}}