*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--page-max-width:957px;--font-family:var(--font-departure-mono),monospace;--background-color:#222;--border-color:#6c6c58;--color:#ffa132;--color-muted:#8b8b72}html{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100%}html::selection{background-color:#000}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background-color:var(--background-color);min-height:100dvh;color:var(--color);font-size:11px;line-height:1.5;font-family:var(--font-family);font-variant-numeric:tabular-nums;text-transform:uppercase;place-items:center;margin:0;padding:0;display:grid}#root,#__next{isolation:isolate}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:inherit;margin:0}p{margin:0}small{color:var(--color-muted);font:inherit}header{padding:44px 22px 22px}main{gap:22px;display:grid}button,.button,input,select{border:1px solid var(--border-color);background-color:var(--background-color);width:-moz-fit-content;width:fit-content;height:33px;color:inherit;font:inherit;text-transform:uppercase;border-radius:0;outline:none;place-items:center;padding:5.5px 11px;line-height:1;display:grid;position:relative}:is(button,.button,input,select)[type=file]{visibility:hidden;display:none}:is(button,.button,input,select)[type=number]{justify-items:unset}:is(button,.button,input,select):focus-visible{border-color:var(--color)}:is(button,.button,input,select):hover{border-color:var(--color)}.container{width:100%;max-width:var(--page-max-width)}@media (max-width:957px){.container{max-width:100%}}#composer{border:1px dashed var(--border-color);gap:11px;padding:22px;display:grid}#composer .toolbar{grid-auto-columns:max-content;grid-auto-flow:column;gap:5.5px;display:grid}#composer .transport{grid-auto-columns:max-content;grid-auto-flow:column;gap:5.5px;display:grid}#composer .settings{position:relative}#composer .settings:after{border-bottom:1px dashed var(--border-color);content:"";pointer-events:none;width:calc(100% + 44px);position:absolute;top:100%;left:-22px}#composer .transport{position:relative}#composer .transport:after{border-bottom:1px dashed var(--border-color);content:"";pointer-events:none;width:calc(100% + 44px);position:absolute;top:100%;left:-22px}#composer .settings{margin-top:5.5px;position:relative}#composer .settings div{display:grid}#composer .settings div:first-child{gap:5.5px;margin-bottom:5.5px}#composer .settings div:last-child{margin-bottom:11px}#composer .settings label{width:100%;display:block}#composer .settings select{width:-moz-fit-content;width:fit-content;min-width:363px}#composer .transport{align-items:stretch;gap:22px;padding:5.5px 0 16.5px}#composer .transport label{grid-auto-columns:max-content;grid-auto-flow:column;align-items:start;gap:11px;display:grid}#composer .transport label input[type=number]{min-width:99px}#composer .transport label input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:0;width:99px;height:22px;padding:0}#composer .transport label input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color);cursor:grab;width:11px;height:22px}#composer .transport label input[type=range]:active::-webkit-slider-thumb{cursor:grabbing}#composer .sequencer-grid{padding-top:11px;display:grid}#composer .sequencer-grid .track-row{grid-template-columns:198px 1fr;justify-content:end;align-items:start;display:grid}#composer .sequencer-grid .track-row .info{display:grid}#composer .sequencer-grid .track-row .steps{grid-auto-flow:column;display:grid}#composer .sequencer-grid .track-row .steps button{cursor:cell;width:44px;height:44px;padding:0}#composer .sequencer-grid .track-row .steps button:after{border:1px dashed var(--color);content:"";opacity:0;pointer-events:none;position:absolute;top:5.5px;bottom:5.5px;left:5.5px;right:5.5px}#composer .sequencer-grid .track-row .steps button.playing:after{opacity:1}#composer .sequencer-grid .track-row .steps button:not(:last-child){border-right:none}#composer .sequencer-grid .track-row .steps button:focus-visible{border-color:var(--border-color)}#composer .sequencer-grid .track-row .steps button:focus-visible:after{border-color:var(--border-color);opacity:1}#composer .sequencer-grid .track-row .steps button:hover{border-color:var(--border-color)}#composer .sequencer-grid .track-row .steps button:hover:after{border-color:var(--border-color);opacity:1}#composer .sequencer-grid .track-row:not(:first-child) .steps button{border-top:none}#editor{border:1px dashed var(--border-color);gap:22px;margin-bottom:22px;padding:22px;display:grid}#editor h3{color:var(--color-muted);font:inherit}#editor label{color:var(--color-muted);font:inherit}#editor .wrapper{grid-template-columns:209px 1fr;justify-content:end;align-items:stretch;gap:22px;padding-top:22px;display:grid;position:relative}#editor .wrapper:after{border-top:1px dashed var(--border-color);content:"";pointer-events:none;width:calc(100% + 44px);position:absolute;top:0;left:-22px}#editor .toolbar{align-content:start;gap:11px;padding-right:22px;display:grid;position:relative}#editor .toolbar>div{gap:11px;width:100%;height:-moz-fit-content;height:fit-content;display:grid}#editor .toolbar>div>div{gap:5.5px;width:100%;height:-moz-fit-content;height:fit-content;display:grid}#editor .toolbar button{width:100%}#editor .toolbar input{width:100%}#editor .toolbar select{width:100%}#editor .toolbar .palette{flex-wrap:wrap;display:flex}#editor .toolbar .palette label{cursor:crosshair;position:relative}#editor .toolbar .palette label input{visibility:hidden;display:none}#editor .toolbar .palette label span{width:22px;height:22px;display:block}#editor .toolbar .palette label:after{border:1px dashed var(--border-color);content:"";mix-blend-mode:difference;opacity:0;pointer-events:none;position:absolute;top:5.5px;bottom:5.5px;left:5.5px;right:5.5px}#editor .toolbar .palette label:focus-visible:after{opacity:1}#editor .toolbar .palette label:hover:after{opacity:1}#editor .toolbar .palette .dropdown-menu{position:relative}#editor .toolbar .palette .dropdown-menu .trigger{width:22px;height:22px;padding:0}#editor .toolbar .palette .dropdown-menu .panel{z-index:2;border:1px dashed var(--border-color);background-color:var(--background-color);opacity:0;pointer-events:none;gap:11px;width:231px;height:-moz-fit-content;height:fit-content;padding:11px;display:grid;position:absolute;top:calc(100% + 11px);left:0}#editor .toolbar .palette .dropdown-menu .panel .color-area{width:100%;height:187px;position:relative}#editor .toolbar .palette .dropdown-menu .panel .picker-indicator{border:2px dashed #fff;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%)}#editor .toolbar .palette .dropdown-menu .panel .sliders-wrapper{align-items:stretch;gap:11px;display:flex}#editor .toolbar .palette .dropdown-menu .panel .sliders-wrapper .sliders{flex-direction:column;flex:1 0 0;gap:5.5px;display:flex}#editor .toolbar .palette .dropdown-menu .panel .sliders-wrapper .sliders .slide{width:100%;height:11px;position:relative}#editor .toolbar .palette .dropdown-menu .panel .sliders-wrapper .sliders .slide .picker-indicator{top:50%}#editor .toolbar .palette .dropdown-menu .panel .sliders-wrapper .preview{aspect-ratio:1;height:100%}#editor .toolbar .palette .dropdown-menu .color-input{gap:5.5px;width:100%;display:grid}#editor .toolbar .palette .dropdown-menu.open .panel{opacity:1;pointer-events:all}#editor .toolbar .layer-list{gap:5.5px;display:grid}#editor .toolbar .layer-list .item{border:1px dashed var(--border-color);place-items:center;gap:11px;width:100%;min-height:33px;padding:5.5px 11px;display:flex}#editor .toolbar .layer-list .item button{border:none;padding:0}#editor .toolbar .layer-list .item .move-buttons button{aspect-ratio:1;color:var(--color-muted)}#editor .toolbar .layer-list .item .move-buttons button svg{pointer-events:none}#editor .toolbar .layer-list .item .move-buttons button:focus-visible{color:var(--color)}#editor .toolbar .layer-list .item .move-buttons button:hover{color:var(--color)}#editor .toolbar .layer-list .item .visibility-toggle{aspect-ratio:1;color:var(--color-muted)}#editor .toolbar .layer-list .item .visibility-toggle svg{pointer-events:none}#editor .toolbar .layer-list .item .visibility-toggle:focus-visible{color:var(--color)}#editor .toolbar .layer-list .item .visibility-toggle:hover{color:var(--color)}#editor .toolbar .layer-list .item .delete-button{aspect-ratio:1;color:var(--color-muted)}#editor .toolbar .layer-list .item .delete-button svg{pointer-events:none}#editor .toolbar .layer-list .item .delete-button:focus-visible{color:var(--color)}#editor .toolbar .layer-list .item .delete-button:hover{color:var(--color)}#editor .toolbar .layer-list .item .move-buttons{gap:5.5px;display:grid}#editor .toolbar .layer-list .item .move-buttons button{width:11px;height:11px}#editor .toolbar .layer-list .item .label{height:100%}#editor .toolbar .layer-list .item .visibility-toggle{width:22px;height:22px}#editor .toolbar .layer-list .item .delete-button{width:22px;height:22px}#editor .toolbar:after{border-right:1px dashed var(--border-color);content:"";pointer-events:none;width:1px;height:calc(100% + 44px);position:absolute;top:-22px;left:100%}#editor .art-grid{width:100%;display:grid}#editor .art-grid>div{aspect-ratio:1;border:1px solid var(--border-color);background-color:var(--background-color);display:grid;overflow:hidden}#editor .art-grid>div .cell{cursor:cell;border-width:.5px;width:100%;height:100%;padding:0;position:relative}#editor .art-grid>div .cell:after{border:1px dashed var(--border-color);content:"";opacity:0;pointer-events:none;position:absolute;top:5.5px;bottom:5.5px;left:5.5px;right:5.5px}#editor .art-grid>div .cell:focus-visible:after{opacity:1}#editor .art-grid>div .cell:hover:after{opacity:1}.sr-only{visibility:hidden;display:none}
@font-face{font-family:departureMono;src:url(../media/departure_mono-s.p.5bf2e55b.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:departureMono Fallback;src:local(Arial);ascent-override:71.7%;descent-override:19.56%;line-gap-override:0.0%;size-adjust:139.46%}.departuremono_6fee1977-module__q2fD9a__className{font-family:departureMono,departureMono Fallback;font-weight:400}.departuremono_6fee1977-module__q2fD9a__variable{--font-departure-mono:"departureMono","departureMono Fallback"}