.modal-mask[data-v-bc044ed5]{background-color:#111;background-color:#11111125;display:table;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.modal-wrapper[data-v-bc044ed5]{display:table-cell;vertical-align:middle}.modal-container[data-v-bc044ed5]{background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;font-family:system-ui,-apple-system,BlinkMacSystemFont,Consolas,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif,Arial,sans-serif;margin:0 auto;padding:20px;transition:all .3s ease;width:90%}@media (min-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]{-webkit-transform:scale(1.1);transform:scale(1.1)}.node-control[data-v-767f1077]{align-items:center;background-color:var(--white-mute);border:1px solid var(--color-text);border-radius:.5rem;display:none;flex-direction:column;margin:0;padding:5px;text-align:center}@media (min-width: 600px){.node-control[data-v-767f1077]{margin-left:0;margin-right:8px;padding-top:0;width:100%}.node-control#pan .value-container[data-v-767f1077]:before{content:"L";left:-5px;position:relative}.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]{height:auto;width:90px}@media (min-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]{-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical;height:60px;width:32px;writing-mode:bt-lr}.node-control legend[data-v-767f1077]{color:var(--black);font-weight:700;line-height:1.5;margin:0 auto;text-align:center;text-transform:uppercase;white-space:nowrap}body.dark-theme .node-control legend[data-v-767f1077]{color:var(--green-bright-active)}.node-control legend input[data-v-767f1077]{position:relative;right:2px;top:1px}.node-control legend label[data-v-767f1077]{font-weight:700}.node-control .node-values[data-v-767f1077]{align-items:center;display:flex;flex-direction:row;gap:1em;margin:0 0 .5em}@media (min-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]{align-items:center;display:flex;flex-direction:row;justify-content:center}.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);border-radius:.15rem;font-size:1.5rem;height:2.5rem;padding:.3rem;text-align:left;width:5rem;z-index:1}.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]{display:block;margin:8px auto}.node-control .node-values .value-container .increase-decrease-container[data-v-767f1077]{display:flex;flex-direction:column;margin-left:-1.86rem;margin-top:0rem;z-index:2}.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]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:.125rem;bottom:1px;height:1.1rem;margin:0;padding:0;position:relative;text-align:center;width:12px}.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(100%) 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;height:16px;left:.09rem;margin:0;padding:0;position:absolute;top:.015rem;width:16px}@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%)}}#scroll-buttons[data-v-b3b2838a]{display:flex;justify-content:space-between;margin:2px 0;padding:0 3px;width:100%}@media (min-width: 1024px){#scroll-buttons[data-v-b3b2838a]{padding:5px 20px}}#scroll-buttons button[data-v-b3b2838a]{align-items:center;border:2px solid var(--color-border);color:var(--color-text);display:flex;font-size:1.5rem;height:32px;user-select:none;-webkit-user-select:none;-moz-user-select:none}#scroll-buttons button i[data-v-b3b2838a]{margin-right:5px}#scroll-buttons button i.fa-circle-stop[data-v-b3b2838a]{margin-right:0}@media (min-width: 425px){#scroll-buttons button i.fa-circle-stop[data-v-b3b2838a]{margin-right:5px}}#scroll-buttons button>span[data-v-b3b2838a]{font-weight:700}#scroll-buttons button>span.small[data-v-b3b2838a]{display:inline}#scroll-buttons button>span.large[data-v-b3b2838a]{display:none}@media (hover: hover){#scroll-buttons button[data-v-b3b2838a]:hover{background-color:var(--green);color:var(--green-bright-active)}}@media (min-width: 425px){#scroll-buttons button>span.small[data-v-b3b2838a]{display:none}#scroll-buttons button>span.large[data-v-b3b2838a]{display:inline}}@media (min-width: 768px){#scroll-buttons button[data-v-b3b2838a]{font-size:1.75rem}}#keyboard-container[data-v-b3b2838a]{border-top:1px solid var(--black);display:flex;height:200px;margin:0;white-space:nowrap}@media (min-width: 1024px){#other-controls-container[data-v-b3b2838a]{margin-top:10px}#keyboard-container[data-v-b3b2838a]{height:300px;margin:0 20px;-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)}}#keyboard[data-v-b3b2838a]{background-color:transparent;height:100%;overflow-x:scroll;position:relative;width:100%}#keyboard button[data-v-b3b2838a]{border:2px solid var(--color-key-border);border-top-left-radius:0;border-top-right-radius:0;cursor:auto;display:inline-block;font-size:1.5rem;font-weight:700;height:300px;margin:0;padding:0;position:relative}@media (hover: hover){#keyboard button[data-v-b3b2838a]:not(.enabled-mouse):hover{cursor:default}}#keyboard button div[data-v-b3b2838a]{font-weight:700;line-height:2;margin:0 auto;position:absolute;text-align:center;width:100%}#keyboard button div.key-label[data-v-b3b2838a]{border:1px solid var(--color-text);border-radius:5px;bottom:40px;display:none;height:24px;padding:5px;width:24px}#keyboard button div.key-label.show[data-v-b3b2838a]{display:block}#keyboard button div.note-label[data-v-b3b2838a]{bottom:0;color:var(--color-text);text-transform:none}#keyboard button.key-white[data-v-b3b2838a]{background-color:var(--color-button-white-background);border-top:0;height:100%;width:47px;z-index:1}@media (min-width: 768px){#keyboard button.key-white[data-v-b3b2838a]{width:40px}}#keyboard button.key-white.root-note[data-v-b3b2838a]{background-color:var(--color-button-white-root-background)}body.dark-theme #keyboard button.key-white[data-v-b3b2838a]{border-top:1px solid var(--color-border)}body.dark-theme #keyboard button.key-white.root-note[data-v-b3b2838a]{background-color:var(--color-background-light)}@media (hover: hover){#keyboard button.key-white.enabled-mouse[data-v-b3b2838a]:hover{background-color:var(--green-bright);color:var(--color-text);cursor:pointer}body.dark-theme #keyboard button.key-white.enabled-mouse[data-v-b3b2838a]:hover{background-color:var(--green-deep-active)}}#keyboard button.key-white.active[data-v-b3b2838a]{background-color:var(--green-bright-active);color:var(--color-text)}body.dark-theme #keyboard button.key-white.active[data-v-b3b2838a]{background-color:var(--green-deep)}#keyboard button.key-white div[data-v-b3b2838a]{color:var(--color-text);padding:0}#keyboard button.key-white div.key-label[data-v-b3b2838a]{height:30px;margin:0 10px}@media (min-width: 768px){#keyboard button.key-white div.key-label[data-v-b3b2838a]{margin:0 6px}}#keyboard button.key-white div.midi-label[data-v-b3b2838a]{color:var(--gray)}#keyboard button.key-black[data-v-b3b2838a]{background-color:var(--color-button-black-background);color:var(--color-flatnote-text);display:inline-flex;font-size:1.25rem;height:45%;margin-left:-20px;margin-right:-20px;margin-top:0;position:absolute;top:0;width:43px;z-index:10}@media (min-width: 768px){#keyboard button.key-black[data-v-b3b2838a]{width:36px}}#keyboard button.key-black.root-note[data-v-b3b2838a]{background-color:var(--color-button-black-root-background)}body.dark-theme #keyboard button.key-black[data-v-b3b2838a]{border-top:1px solid var(--color-border)}@media (hover: hover){#keyboard button.key-black.enabled-mouse[data-v-b3b2838a]:hover{background-color:var(--green-flat);color:var(--color-flatnote-text)}}#keyboard button.key-black.active[data-v-b3b2838a]{background-color:var(--green-flat-active);color:var(--color-flatnote-text)}#keyboard button.key-black div.key-label[data-v-b3b2838a]{border:1px solid var(--color-flatnote-text);height:24px;line-height:1;margin:0 7px}@media (min-width: 768px){#keyboard button.key-black div.key-label[data-v-b3b2838a]{margin:0 4px}}#keyboard button.key-black div.note-label[data-v-b3b2838a]{color:var(--color-flatnote-text)}#keyboard button div.midi-label[data-v-b3b2838a]{color:var(--gray)}#other-controls-container[data-v-b3b2838a]{align-items:center;display:flex;flex-wrap:wrap;margin:5px 0 5px 3px}@media (min-width: 768px){#other-controls-container[data-v-b3b2838a]{flex-direction:row;height:40px;margin:0 3px}}@media (min-width: 1024px){#other-controls-container[data-v-b3b2838a]{margin:5px 20px 0}}#other-controls-container .form-group[data-v-b3b2838a]{align-items:center;background-color:var(--color-background-soft);border:1px solid #aaaaaa;border-radius:4px;display:flex;height:30px;justify-content:center;margin:0 5px 5px 0;padding:0}@media (min-width: 768px){#other-controls-container .form-group[data-v-b3b2838a]{border:1px solid #aaaaaa;border-radius:4px;justify-content:left;margin-right:5px;width:auto}}#other-controls-container fieldset[data-v-b3b2838a]{border-width:0;display:flex;padding:5px 0}#other-controls-container fieldset input[type=checkbox][data-v-b3b2838a]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0 5px;font:inherit;width:1.35rem;height:1.35rem;border:1px solid #000;border-radius:.15em;transform:translateY(.55rem);display:grid;place-content:center}#other-controls-container fieldset input[type=checkbox][data-v-b3b2838a]:before{content:"";width:.65em;height:.65em;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;box-shadow:inset 1em 1em var(--form-control-color);background-color:CanvasText}#other-controls-container fieldset input[type=checkbox][data-v-b3b2838a]:checked:before{transform:scale(1)}#other-controls-container fieldset input[type=checkbox][data-v-b3b2838a]:focus{outline:max(2px,.1em) solid currentColor;outline-offset:max(2px,.1em)}@media (min-width: 768px){#other-controls-container fieldset[data-v-b3b2838a]{padding-right:0}}#other-controls-container input[data-v-b3b2838a]{margin:0 .35em}#other-controls-container label[data-v-b3b2838a]{min-width:20px}@media (min-width: 768px){#other-controls-container label[data-v-b3b2838a]{margin-right:.5em}}#other-controls-container label.fieldset-label[data-v-b3b2838a]{align-items:center;background-color:var(--color-background-soft);border:1px solid #aaaaaa;border-radius:0;color:var(--color-text);display:none;font-size:1.4rem;font-weight:700;height:30px;padding:0 5px;text-transform:uppercase}@media (min-width: 768px){#other-controls-container label.fieldset-label[data-v-b3b2838a]{align-items:center;display:flex;margin-right:0}}#other-controls-container label.fieldset-label.label-text[data-v-b3b2838a]{border-right:0;display:none;padding-right:0}@media (min-width: 768px){#other-controls-container label.fieldset-label.label-text[data-v-b3b2838a]{border-left:0;border-bottom-left-radius:4px;border-right:1px solid #aaaaaa;border-top-left-radius:4px;display:flex;padding-right:5px}}#other-controls-container label.fieldset-label.label-image[data-v-b3b2838a]{border:1px solid #aaaaaa;border-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;display:flex}@media (min-width: 768px){#other-controls-container label.fieldset-label.label-image[data-v-b3b2838a]{display:none}}#other-controls-container label+select.small[data-v-b3b2838a]{margin-right:5px}#other-controls-container select.small[data-v-b3b2838a]{height:26px;padding:0}#other-controls-container select.small[data-v-b3b2838a]:last-of-type{margin-right:5px}#synth-controls-header[data-v-a473e500]{align-items:center;display:flex;justify-content:flex-start;padding:0 3px}@media (min-width: 1024px){#synth-controls-header[data-v-a473e500]{padding:0 20px}}#synth-controls-header button[data-v-a473e500]{border:2px solid var(--color-border);color:var(--color-text);font-size:1.5rem;height:36px;padding:.65rem}@media (hover: hover){#synth-controls-header button[data-v-a473e500]:hover{background-color:var(--green);color:var(--green-bright-active)}}#synth-controls-header button img[data-v-a473e500]{left:0;position:relative;top:2px}body.dark-theme #synth-controls-header img[data-v-a473e500]{filter:invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%)}#synth-controls-header #note-recognition[data-v-a473e500]{background-color:var(--green-bright-active);border:1px solid var(--gray-dark);border-radius:4px;box-shadow:inset 0 0 5px 1px var(--green);color:var(--black);font-weight:700;height:36px;margin-left:1rem;padding:.4rem .75rem;width:100%}body.dark-theme #synth-controls-header #note-recognition[data-v-a473e500]{background-color:var(--green-deep-active);border:1px solid var(--gray-bright-active);color:var(--green-bright-active)}@media (min-width: 768px){#synth-controls-header #note-recognition[data-v-a473e500]{max-width:150px}}#synth-controls-header #note-recognition.empty[data-v-a473e500]{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-a473e500]{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-a473e500]{background-color:var(--white-soft);border:2px solid var(--gray-light);display:flex;flex-direction:column;height:auto;margin:5px 3px;overflow-y:auto;padding:5px}@media (min-width: 600px){#synth-controls-container[data-v-a473e500]{align-items:normal;flex-wrap:nowrap;padding:0 5px 5px}}@media (min-width: 1024px){#synth-controls-container[data-v-a473e500]{margin:5px 20px}}#synth-controls-container .node-group[data-v-a473e500]{display:none;flex-direction:column}#synth-controls-container .node-group.visible[data-v-a473e500]{display:flex}#synth-controls-container .node-group:first-of-type legend[data-v-a473e500]{line-height:1}@media (min-width: 600px){#synth-controls-container .node-group[data-v-a473e500]{flex-direction:row;flex-wrap:nowrap;justify-content:space-between}}@media (min-width: 375px){#synth-controls-container .node-group[group=adsr][data-v-a473e500]{flex-flow:wrap}#synth-controls-container .node-group[group=adsr] .node-control[data-v-a473e500]{padding:0 0 5px;width:50%}}@media (min-width: 600px){#synth-controls-container .node-group[group=adsr][data-v-a473e500]{flex-flow:nowrap;width:100%}#synth-controls-container .node-group[group=adsr] .node-control[data-v-a473e500]{padding:5px;width:100%}}body.dark-theme #synth-controls-container[data-v-a473e500]{background-color:var(--black-mute)}#visualizer-container[data-v-a473e500]{margin:5px 0 0;width:auto}@media (min-width: 481px){#visualizer-container[data-v-a473e500]{margin:5px 3px 0}}@media (min-width: 768px){#visualizer-container[data-v-a473e500]{margin:0 2px}}@media (min-width: 1024px){#visualizer-container[data-v-a473e500]{margin:0 1.25em}}#visualizer[data-v-a473e500]{border:1px solid var(--black);border-radius:4px;height:50px;margin:0;padding:0;position:relative;width:100%}@media (min-width: 768px){#visualizer[data-v-a473e500]{height:100px}}.nav-list a[data-v-fcda8f73]{align-items:center;background-color:transparent;color:var(--green-bright);display:flex;font-size:16px;font-weight:700;height:30px;justify-content:left;padding:4px 0 4px 18px;text-decoration:none}@media (hover: hover){.nav-list a[data-v-fcda8f73]:hover{background-color:var(--green-bright);color:var(--color-text)}}header[data-v-713bf328]{align-items:center;background:var(--green);border-bottom:5px solid var(--green-deep);color:var(--color-text);display:flex;flex-direction:row;flex-wrap:nowrap;height:50px;justify-content:space-between;padding:2px 16px}header .menu-left[data-v-713bf328]{align-items:center;display:flex;justify-content:flex-start;margin:0;padding:0;width:70px}header .menu-left #nav-overlay[data-v-713bf328]{align-items:unset;background-color:transparent;display:none;height:100%;justify-content:left;left:0;position:absolute;top:50px;width:100%;z-index:11}header .menu-left #nav-overlay.show[data-v-713bf328]{display:flex}header .menu-left #nav-overlay #nav-content[data-v-713bf328]{animation:SlideRight .2s;background-color:var(--green);border-radius:0;box-shadow:3px 5px 5px #00000026;box-sizing:border-box;max-height:calc(100% - 41px);max-width:500px;overflow-y:auto;padding:0;position:relative;top:0;width:100%}@media (min-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);font-size:20px;font-weight:700;padding-bottom:18px;padding-left:18px;padding-top:18px}header .menu-left #nav-overlay #nav-content .container .nav-list a[data-v-713bf328]{align-items:center;background-color:transparent;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:left;padding:4px 0 4px 18px}@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);font-size:20px;height:24px;position:absolute;right:16px;top:16px;width:24px}@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]{background:#004e30;border-top:2px solid #002115;bottom:9px;color:#d1d1d1;font-family:Consolas,sans-serif;font-size:12px;font-weight:500;left:0;letter-spacing:initial;margin-top:20px;padding:10px 18px;position:absolute;right:0;text-align:left;z-index:2}@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]{font-weight:700;font-size:14px;line-height:150%;letter-spacing:.1em;pointer-events:none;text-align:center;text-transform:uppercase}header .title h1 span[data-v-713bf328]{bottom:-2px;color:#fff;position:relative}header .title h1 span.flat[data-v-713bf328]{bottom:3px;color:var(--green-bright);position:relative}@media (min-width: 768px){header .title[data-v-713bf328]{font-size:20px;line-height:100%;letter-spacing:.01em}}header .menu-right[data-v-713bf328]{display:flex;justify-content:flex-end;width:70px}header .menu-right button#button-settings[data-v-713bf328]{align-items:center;display:flex;justify-content:flex-end;margin-right:0}:root{--white: #ffffff;--white-soft: #f8f8f8;--white-mute: #f2f2f2;--gray: #888888;--gray-soft: #555555;--gray-light: #d8d8d8;--gray-dark: #333333;--black: #181818;--black-soft: #222222;--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}:root{--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;font-weight:400;margin:0;padding:0}html{font-size:62.5%;height:100%}body{background:var(--color-background);color:var(--color-text);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;margin:0;min-height:100vh;padding:0;text-rendering:optimizeLegibility;transition:color .5s,background-color .5s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body a{color:var(--color-text)}.button,button,input[type=submit],input[type=reset],input[type=button]{background-color:transparent;border:1px solid #bbb;border-radius:4px;box-sizing:border-box;color:#555;cursor:pointer;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.1rem;padding:.75rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}button#theme-toggler{align-items:center;background-color:var(--color-background);display:flex;font-size:1.5rem;font-weight:600;height:32px;justify-content:center;margin-bottom:0;opacity:.9;padding:5px;position:absolute;right:12px;text-align:center;top:7px;width:32px;z-index:9997}button#theme-toggler span.theme-image{bottom:0;position:relative}button#theme-toggler span.theme-image:after{display:none}@media (min-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{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;margin:0 6px;padding:1px}@media (hover: hover){button.icon:hover{color:#fffca3}}input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(84,84,84,.65);border-radius:.1rem;background-color:#fff;border-radius:.25em;margin:0;outline:none}input[type=number]{display:block;padding:.5em .2rem .5em .4rem;width:72px}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{font-weight:400;margin:0 auto;padding:0}.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)}}