:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1;font-weight:400;color-scheme:light dark;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}p{font-size:18pt;line-height:1;font-family:"monospace";margin-block-start:5px;margin-block-end:0em;font-weight:400}button{border-radius:8px;border:1px solid black;padding:0 1em;font-size:18px;font-weight:500;font-family:inherit;background-color:#fff;cursor:inherit;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button:hover{background-color:#0ff}}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0}#root{max-width:2800px;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.waiting *{cursor:wait}.card{padding:2em}.read-the-docs{color:#888}.navbar{height:40px;background-color:#fff;overflow:visible}.navbar a{float:left;font-size:14px;color:#000;text-align:center;padding:10px 5px;text-decoration:none;overflow:visible}.dropdown{float:left;position:relative;overflow:visible}.dropdown .dropbtn{font-size:16px;border:none;outline:none;color:#000;padding:2px 5px;background-color:inherit;font-family:inherit;margin:0;overflow:visible}.navbar a:hover,.dropdown:hover .dropbtn{background-color:red}.dropdown-one{cursor:pointer;display:none;position:absolute;background-color:#fff;color:#000;min-width:100px;box-shadow:0 8px 16px #0003;overflow:visible}.dropdown-two{cursor:pointer;display:none;position:relative;left:0;top:0;min-width:160px;background-color:#ddd;color:#000;box-shadow:0 8px 16px #0003;overflow:visible}.dropdown:hover .dropdown-one,#link1:hover>.dropdown-two{display:block}.dropdown-one .dItem{color:#000;background-color:#fff;padding:10px;display:block;text-align:left;overflow:visible}.dropdown-one .dItem:hover,.dropdown-two a:hover{background-color:#ddd}.page{padding:0;margin:0;background-color:#fffc;width:100%;height:100%;text-align:left;display:grid;grid-template-rows:40px 40px 1fr 180px;grid-template-areas:"header" "timeline" "body" "footer"}.page .header{position:absolute;grid-area:header;top:0;left:0;width:100%;display:grid;grid-template-columns:50px 200px 1fr 250px;grid-template-areas:"icon menu title .";gap:0}.page .header .icon{grid-area:icon}.page .header .menu{grid-area:menu;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;z-index:2;grid-template-areas:"file edit play help"}.page .header .menu .file{grid-area:file}.page .header .menu .edit{grid-area:edit}.page .header .menu .play{grid-area:play}.page .header .menu .help{grid-area:help}.page .header .title{grid-area:title;text-align:center}.page .timeline{display:grid;position:absolute;top:40px;left:0;width:100%;grid-area:timeline;grid-template-columns:200px 1fr;grid-template-areas:"control display";height:40px}.page .timeline .control{grid-area:control}.page .timeline .display{grid-area:display;fill:#fff}.page .body{display:grid;grid-area:body;grid-template-columns:200px 1fr;grid-template-rows:repeat(6,100px);gap:0;position:absolute;top:80px;left:0;overflow:auto;overflow-x:hidden}.page .footer{display:grid;grid-area:footer;grid-template-columns:1fr 300px 200px 300px 40px;grid-template-areas:"status reverb compressor equalizer volume";position:fixed;width:100%;top:auto;bottom:0}.page .footer .status{display:block;grid-area:status;align-self:flex-end;margin-bottom:5px}.page .footer .compressor{display:block;grid-area:compressor;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8}.page .footer .compressor .title{line-height:normal;font-size:10px;text-align:center;color:#000}.page .footer .compressor .title .button{font-size:5px}.page .footer .compressor .sliders{display:flex}.page .footer .compressor .sliders .slider{display:flex;align-items:center;gap:1rem;width:40px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.page .footer .compressor .sliders .slider .param{color:#000;font-size:10px;line-height:10px;text-align:center;cursor:inherit}.page .footer .compressor .sliders .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:90px;width:30px;cursor:inherit}.page .footer .reverb{display:block;grid-area:reverb;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8;cursor:inherit}.page .footer .reverb .title{line-height:normal;font-size:10px;text-align:center;color:#000;cursor:inherit}.page .footer .reverb .title .button{font-size:5px}.page .footer .reverb .sliders{display:flex;cursor:inherit}.page .footer .reverb .slider{display:flex;align-items:center;gap:1rem;width:40px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.page .footer .reverb .slider .param{color:#000;font-size:10px;line-height:10px;text-align:center;cursor:inherit}.page .footer .reverb .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:90px;width:30px;cursor:inherit}.page .footer .equalizer{display:block;grid-column:equalizer;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8;cursor:inherit}.page .footer .equalizer .title{line-height:normal;font-size:10px;text-align:center;color:#000;cursor:inherit}.page .footer .equalizer .title .button{font-size:5px}.page .footer .equalizer .sliders{display:flex;cursor:inherit}.page .footer .equalizer .slider{display:flex;align-items:center;gap:1rem;width:30px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.page .footer .equalizer .slider .param{color:#000;font-size:10px;line-height:10px;cursor:inherit}.page .footer .equalizer .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:100px;width:30px;cursor:inherit}.page .footer .volume{display:block;grid-area:volume;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8;cursor:inherit}.page .footer .volume .title{line-height:normal;font-size:10px;text-align:center;color:#000;cursor:inherit}.page .footer .volume .sliders{display:flex;cursor:inherit}.page .footer .volume .slider{display:flex;align-items:center;gap:1rem;width:30px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.page .footer .volume .slider .param{color:#000;font-size:10px;line-height:10px;cursor:inherit}.page .footer .volume .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:100px;width:30px;cursor:inherit}.page .footer [inert]>*{opacity:.5;cursor:wait}.body-control{grid-area:body-control;border:1px black solid;margin:0}.body-display{grid-area:body-display;border:1px black solid;margin:0}.track-button{padding:1px;width:60px;height:30px;font-size:8pt;cursor:inherit}.track-name-button{padding:1px;width:150px;height:30px;text-align:left;font-size:8pt;cursor:inherit}.modal-header{padding:2px 16px;background-color:#5cb85c;color:#fff;cursor:inherit}.modal-body{padding:2px 16px;cursor:inherit}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff;cursor:inherit}.modal-content{position:absolute;z-index:10;top:160px;left:200px;width:50em;background-color:#fefefe;margin:0;padding:0;border:1px solid #888;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;animation-name:animatetop;animation-duration:.4s;cursor:inherit}.generator-header{padding:2px 16px;background-color:#5c75b8;color:#fff}.generator-body{padding:2px 16px}.generator-footer{padding:2px 16px;background-color:#5c75b8;color:#fff}.generator-selected{fill:#ffa9cb6b}.generator-playing{fill:#ffa9cb}.generator-normal{fill:#fff}.generator-content{position:fixed;z-index:2;top:5%;left:5%;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:90%;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;animation-name:animateleft;animation-duration:.4s;cursor:inherit}div.algorithmic-table{display:grid;grid-template-columns:1fr 1fr 10fr;grid-template-areas:"attribute gentype parameters";gap:5px}div.algorithmic-table .attribute{grid-area:attribute;align-self:center}div.algorithmic-table div.gentype{grid-area:gentype;align-self:center}div.algorithmic-table div.parameters{grid-area:parameters}div.algorithmic-table div.parameters div.constant{display:grid;grid-template-columns:1fr;grid-template-areas:"valuetitle" "value";gap:0}div.algorithmic-table div.parameters div.constant div.valuetitle{grid-area:valuetitle}div.algorithmic-table div.parameters div.constant div.value{grid-area:value}div.algorithmic-table div.parameters div.oscillator{display:grid;grid-template-columns:repeat(5,1fr);grid-template-areas:"typetitle centertitle frequencytitle amplitudetitle phasetitle" "type center frequency amplitude phase";gap:0}div.algorithmic-table div.parameters div.oscillator div.typetitle{grid-area:typetitle}div.algorithmic-table div.parameters div.oscillator div.centertitle{grid-area:centertitle}div.algorithmic-table div.parameters div.oscillator div.frequencytitle{grid-area:frequencytitle}div.algorithmic-table div.parameters div.oscillator div.amplitudetitle{grid-area:amplitudetitle}div.algorithmic-table div.parameters div.oscillator div.phasetitle{grid-area:phasetitle}div.algorithmic-table div.parameters div.oscillator div.type{grid-area:type}div.algorithmic-table div.parameters div.oscillator div.center{grid-area:center}div.algorithmic-table div.parameters div.oscillator div.frequency{grid-area:frequency}div.algorithmic-table div.parameters div.oscillator div.amplitude{grid-area:amplitude}div.algorithmic-table div.parameters div.oscillator div.phase{grid-area:phase}div.algorithmic-table div.parameters div.autoregressive{display:grid;grid-template-columns:repeat(6,1fr);grid-template-areas:"initialvaluetitle seedtitle alphatitle sigmatitle lotitle hititle" "initialvalue seed alpha sigma lo hi";gap:0}div.algorithmic-table div.parameters div.autoregressive .seedtitle{grid-area:seedtitle}div.algorithmic-table div.parameters div.autoregressive .initialvaluetitle{grid-area:initialvaluetitle}div.algorithmic-table div.parameters div.autoregressive .alphatitle{grid-area:alphatitle}div.algorithmic-table div.parameters div.autoregressive .sigmatitle{grid-area:sigmatitle}div.algorithmic-table div.parameters div.autoregressive .lotitle{grid-area:lotitle}div.algorithmic-table div.parameters div.autoregressive .hititle{grid-area:hititle}div.algorithmic-table div.parameters div.autoregressive .seed{grid-area:seed}div.algorithmic-table div.parameters div.autoregressive .initialvalue{grid-area:initialvalue}div.algorithmic-table div.parameters div.autoregressive .alpha{grid-area:alpha}div.algorithmic-table div.parameters div.autoregressive .sigma{grid-area:sigma}div.algorithmic-table div.parameters div.autoregressive .lo{grid-area:lo}div.algorithmic-table div.parameters div.autoregressive .hi{grid-area:hi}div.algorithmic-table div.parameters div.markovian{display:grid;grid-template-columns:repeat(5,1fr);grid-template-areas:"seed start lo hi step" "transition tosame toup todown ." "fromsame ss su sd ." "fromup us uu ud ." "fromdown ds du dd .";gap:0}div.algorithmic-table div.parameters div.markovian .seed{grid-area:seed}div.algorithmic-table div.parameters div.markovian .start{grid-area:start}div.algorithmic-table div.parameters div.markovian .lo{grid-area:lo}div.algorithmic-table div.parameters div.markovian .hi{grid-area:hi}div.algorithmic-table div.parameters div.markovian .step{grid-area:step}div.algorithmic-table div.parameters div.markovian .transition{grid-area:transition}div.algorithmic-table div.parameters div.markovian .tosame{grid-area:tosame}div.algorithmic-table div.parameters div.markovian .toup{grid-area:toup}div.algorithmic-table div.parameters div.markovian .todown{grid-area:todown}div.algorithmic-table div.parameters div.markovian .fromsame{grid-area:fromsame}div.algorithmic-table div.parameters div.markovian .fromup{grid-area:fromup}div.algorithmic-table div.parameters div.markovian .fromdown{grid-area:fromdown}div.algorithmic-table div.parameters div.markovian .ss{grid-area:ss}div.algorithmic-table div.parameters div.markovian .su{grid-area:su}div.algorithmic-table div.parameters div.markovian .sd{grid-area:sd}div.algorithmic-table div.parameters div.markovian .us{grid-area:us}div.algorithmic-table div.parameters div.markovian .uu{grid-area:uu}div.algorithmic-table div.parameters div.markovian .ud{grid-area:ud}div.algorithmic-table div.parameters div.markovian .ds{grid-area:ds}div.algorithmic-table div.parameters div.markovian .du{grid-area:du}div.algorithmic-table div.parameters div.markovian .dd{grid-area:dd}div.algorithmic-table div.parameters div.wiener{display:grid;grid-template-columns:repeat(6,1fr);grid-template-areas:"seedtitle initialtitle trendtitle dispersiontitle lotitle hititle" "seed initialv trend dispersion lo hi";gap:2px}div.algorithmic-table div.parameters div.wiener .seedtitle{grid-area:seedtitle;size:10em}div.algorithmic-table div.parameters div.wiener .initialtitle{grid-area:initial}div.algorithmic-table div.parameters div.wiener .trendtitle{grid-area:trendtitle}div.algorithmic-table div.parameters div.wiener .dispersiontitle{grid-area:dispersiontitle}div.algorithmic-table div.parameters div.wiener .lotitle{grid-area:lotitle}div.algorithmic-table div.parameters div.wiener .hititle{grid-area:hititle}div.algorithmic-table div.parameters div.wiener .seed{grid-area:seed;size:10em}div.algorithmic-table div.parameters div.wiener .initial{grid-area:initialv}div.algorithmic-table div.parameters div.wiener .trend{grid-area:trend}div.algorithmic-table div.parameters div.wiener .dispersion{grid-area:dispersion}div.algorithmic-table div.parameters div.wiener .lo{grid-area:lo}div.algorithmic-table div.parameters div.wiener .hi{grid-area:hi}.track-control,.track-display{display:block;grid-column:span 1;border:1px black solid}.modal-menu{background:#dbd7d0;cursor:inherit;overflow:visible}.cursor-default{cursor:default}.cursor-all-scroll{cursor:all-scroll}.cursor-ew-resize{cursor:ew-resize}.cursor-ns-resize{cursor:ns-resize}.cursor-col-resize{cursor:col-resize}.cursor-context-menu{cursor:context-menu}.progress-container{height:20;width:100%;background-color:#e0e0de;border-radius:50;margin:50;cursor:inherit}.progress-filler{height:100%;background-color:#00695c;border-radius:inherit;text-align:right;cursor:inherit}.progress-labels{padding:5;color:#fff;font-weight:700;cursor:inherit}.intervalbox{stroke:#000;stroke-width:1;fill:#a9a9a980;cursor:inherit}.intervalmarker{fill:#000;cursor:inherit}.intervaledge{stroke:#000;stroke-width:5;cursor:inherit}.preview{display:grid;grid-template-rows:40px 40px 1fr 180px;grid-template-areas:"header" "timeline" "drawing" "footer";gap:0px;position:relative;background-color:#fff}.preview .header{grid-area:header;display:grid;grid-template-columns:50px 250px 1fr 150px 150px;grid-template-rows:40px;grid-template-areas:"icon buttons title left right"}.preview .header .icon{grid-area:icon}.preview .header .buttons{grid-area:buttons}.preview .header .title{grid-area:title;text-align:center}.preview .header .left{grid-area:left}.preview .header .right{grid-area:right}.preview .timeline{grid-area:timeline;background-color:#d3d3d3}.preview .drawing{grid-area:drawing;background-color:#e6e6e6}.preview .footer{grid-area:footer;display:grid;grid-template-columns:1fr 200px 200px 300px 200px 300px 40px;grid-template-areas:"status leftSpectrum rightSpectrum reverb compressor equalizer volume"}.preview .footer .status{grid-area:status}.preview .footer .leftSpectrum{grid-area:leftSpectrum}.preview .footer .rightSpectrum{grid-area:rightSpectrum}.preview .footer .compressor{display:block;grid-area:compressor;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8}.preview .footer .compressor .title{line-height:normal;font-size:10px;text-align:center;color:#000}.preview .footer .compressor .title .button{font-size:5px}.preview .footer .compressor .sliders{display:flex}.preview .footer .compressor .sliders .slider{display:flex;align-items:center;gap:1rem;width:40px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.preview .footer .compressor .sliders .slider .param{color:#000;font-size:10px;line-height:10px;text-align:center;cursor:inherit}.preview .footer .compressor .sliders .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:90px;width:30px;cursor:inherit}.preview .footer .reverb{display:block;grid-area:reverb;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8;cursor:inherit}.preview .footer .reverb .title{line-height:normal;font-size:10px;text-align:center;color:#000;cursor:inherit}.preview .footer .reverb .title .button{font-size:5px}.preview .footer .reverb .sliders{display:flex;cursor:inherit}.preview .footer .reverb .slider{display:flex;align-items:center;gap:1rem;width:40px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.preview .footer .reverb .slider .param{color:#000;font-size:10px;line-height:10px;text-align:center;cursor:inherit}.preview .footer .reverb .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:90px;width:30px;cursor:inherit}.preview .footer .equalizer{display:block;grid-column:equalizer;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8;cursor:inherit}.preview .footer .equalizer .title{line-height:normal;font-size:10px;text-align:center;color:#000;cursor:inherit}.preview .footer .equalizer .title .button{font-size:5px}.preview .footer .equalizer .sliders{display:flex;cursor:inherit}.preview .footer .equalizer .slider{display:flex;align-items:center;gap:1rem;width:30px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.preview .footer .equalizer .slider .param{color:#000;font-size:10px;line-height:10px;cursor:inherit}.preview .footer .equalizer .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:100px;width:30px;cursor:inherit}.preview .footer .volume{display:block;grid-area:volume;justify-self:right;max-width:300px;width:100%;height:180px;justify-content:center;align-items:center;outline:solid #5c75b8;cursor:inherit}.preview .footer .volume .title{line-height:normal;font-size:10px;text-align:center;color:#000;cursor:inherit}.preview .footer .volume .sliders{display:flex;cursor:inherit}.preview .footer .volume .slider{display:flex;align-items:center;gap:1rem;width:30px;height:150px;flex-direction:column;justify-content:space-between;padding:0;margin:0;cursor:inherit}.preview .footer .volume .slider .param{color:#000;font-size:10px;line-height:10px;cursor:inherit}.preview .footer .volume .slider input[type=range]{writing-mode:vertical-lr;direction:rtl;height:100px;width:30px;cursor:inherit}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animateleft{0%{left:-300px;opacity:0}to{top:0;opacity:1}}