@charset "UTF-8";.device{padding:1rem;border-radius:.5rem;background:var(--deviceColour);box-shadow:var(--boxShadow, 0 var(--boxShadowSize, -3rem) var(--boxShadowSize, 6rem) var(--boxShadowSize, .375rem) var(--lightBounceColour), 0 var(--boxShadowSize, 3rem) var(--boxShadowSize, 6rem) var(--boxShadowSize, .45rem) var(--shadowColour), 0 var(--boxShadowSize, -1px) var(--boxShadowSize, 1px) var(--shadowColour) inset, 0 var(--boxShadowSize, 1px) var(--boxShadowSize, 1px) var(--highlightColour) inset)}.device .mapping{outline:.125rem solid var(--good);cursor:pointer}.device .mapping.active{outline-color:#fff}.device .mapping *{pointer-events:none}.device button{--buttonTextColour: var(--displayTextColour);--textShadow: var(--buttonTextColour) 0 0 .25rem;--buttonWidth: 4rem;--buttonHeight: 2rem;display:flex;justify-content:center;align-items:center;height:var(--buttonHeight);min-width:var(--buttonWidth);color:var(--buttonTextColour);text-shadow:var(--textShadowDisplay, var(--textShadow));border:none;border-radius:.3rem;padding:0 .5rem;font-size:.75rem;line-height:.75rem;text-transform:uppercase;font-weight:700;background-color:var(--controlColour);box-shadow:var(--boxShadow, 0 var(--boxShadowSize, -.125rem) var(--boxShadowSize, .25rem) var(--lightBounceColour), 0 var(--boxShadowSize, .125rem) var(--boxShadowSize, .25rem) var(--shadowColour), 0 var(--boxShadowSize, .0025rem) var(--boxShadowSize, .0075rem) var(--shadowColour), 0 var(--boxShadowSize, -.0625rem) var(--boxShadowSize, .0625rem) var(--shadowColour) inset, 0 var(--boxShadowSize, .0625rem) var(--boxShadowSize, .0625rem) var(--highlightColour) inset)}.device button.round{position:relative;height:var(--buttonWidth);width:var(--buttonWidth);border-radius:50%}.device button.round.small{--buttonWidth: var(--buttonHeight)}.device button.small{--buttonHeight: 1.25rem;--buttonWidth: 2rem;font-size:.625rem;line-height:.625rem}.device button.white{--buttonTextColour: #fff}.device button.bad{--buttonTextColour: var(--bad)}.device button.neutral{--buttonTextColour: var(--neutral)}.device button.good{--buttonTextColour: var(--good)}.device button.bright{text-shadow:var(--textShadowDisplay, var(--textShadow), var(--textShadow))}.device button[disabled],.device button.off{--buttonTextColour: var(--deviceColour);--textShadowDisplay: none}.device button.error{--buttonTextColour: var(--deviceColour);--textShadowDisplay: none;pointer-events:none;cursor:default;animation:button-error-flash 1s steps(2,jump-none) infinite}.device button:hover:not([disabled]):not(.error):not(:active){box-shadow:var(--boxShadow, 0 var(--boxShadowSize, -1px) var(--boxShadowSize, 2px) var(--lightBounceColour), 0 var(--boxShadowSize, 1px) var(--boxShadowSize, 2px) var(--shadowColour), 0 var(--boxShadowSize, .02px) var(--boxShadowSize, .06px) var(--shadowColour), 0 var(--boxShadowSize, -.5px) var(--boxShadowSize, .5px) var(--shadowColour) inset, 0 var(--boxShadowSize, .5px) var(--boxShadowSize, .5px) var(--highlightColour) inset);cursor:pointer}.device button:active:not([disabled]):not(.error){box-shadow:var(--boxShadow, 0 var(--boxShadowSize, .0625rem) var(--boxShadowSize, .125rem) var(--shadowColour) inset)}.device .label{font-size:.625rem;line-height:.75rem;text-transform:uppercase;text-align:center}.device .label.preserve-case{text-transform:initial}.device .label.dull{opacity:.5}.device .label .material-symbols-outlined{line-height:.75rem;font-size:.75rem}.display{padding:1rem;border-radius:.5rem;background:var(--displayColour);font-size:.75rem;color:var(--displayTextColour);text-shadow:var(--textShadowDisplay, var(--displayTextColour) 0 0 .25rem);box-shadow:var(--boxShadow, 0 var(--boxShadowSize, .0625rem) var(--boxShadowSize, .125rem) var(--shadowColour) inset)}.display .dialogs{--dialogBackground: var(--displayColour);--backdropBackground: transparent;--dialogWidth: 67%;--dialogHeight: 67%;--dialogZindex: 7;--dialogPadding: .5rem;--dialogBorderColour: var(--displayTextColour);--dialogBorderRadius: .5rem}.display button,.display input[type=button]{font-size:.625rem;background:none;width:fit-content;max-height:1.5rem;color:var(--displayTextColour);text-shadow:var(--textShadowDisplay, var(--displayTextColour) 0 0 1px inset);border:none;box-shadow:none;border-radius:.25rem;padding:0 .5rem;white-space:nowrap;cursor:pointer}.display button.icon,.display input[type=button].icon{padding:0;min-width:fit-content;border:none;box-shadow:none}.display button.primary,.display input[type=button].primary{border:1px solid var(--displayTextColour);box-shadow:var(--boxShadow, var(--displayTextColour) 0 0 1px inset, var(--displayTextColour) 0 0 1px)}.display button.error,.display input[type=button].error{pointer-events:none;cursor:default;opacity:.5;animation:button-error-flash 1s steps(2,jump-none) infinite}.display button:hover:not([disabled]):not(.error):not(:active),.display input[type=button]:hover:not([disabled]):not(.error):not(:active){box-shadow:none;--displayTextColour: var(--displaySecondaryColour)}.display button:active:not([disabled]):not(.error),.display input[type=button]:active:not([disabled]):not(.error){box-shadow:none;opacity:.75}.display button.togglable:not(.active),.display input[type=button].togglable:not(.active){opacity:.5}.display button.round,.display input[type=button].round{--buttonHeight: 1rem;padding:0}.display h1,.display h2,.display h3,.display h4,.display h5{font-size:.75rem;font-weight:100;text-transform:uppercase}.display a{color:var(--displayTextColour);text-decoration:none}.flat a{color:var(--labelColour);opacity:.85;text-decoration:underline}.flat .label.small{font-size:.875rem}.flat button,.flat input[type=button],.flat a.button{--buttonBg: transparent;--buttonHoverBg: var(--lighten);--buttonOpacity: 1;--buttonHoverOpacity: 1;--buttonActiveBg: var(--darken);--buttonActiveOpacity: 1;--buttonColour: var(--labelColour);background:var(--buttonBg);border:none;color:var(--buttonColour);font-size:1rem;padding:.5rem 1rem;text-decoration:none;display:flex;gap:.5rem;justify-content:center;align-items:center;opacity:var(--buttonOpacity)}.flat button.primary,.flat input[type=button].primary,.flat a.button.primary{--buttonBg: var(--darken)}.flat button.bad,.flat input[type=button].bad,.flat a.button.bad{--buttonBg: var(--bad);--buttonHoverBg: var(--bad);--buttonActiveBg: var(--bad);--buttonHoverOpacity: .875;--buttonActiveOpacity: .75;--buttonColour: black }.flat button.good,.flat input[type=button].good,.flat a.button.good{--buttonBg: var(--good);--buttonHoverBg: var(--good);--buttonActiveBg: var(--good);--buttonHoverOpacity: .875;--buttonActiveOpacity: .75;--buttonColour: black }.flat button.accent,.flat input[type=button].accent,.flat a.button.accent{--buttonBg: var(--displayAccentColour);--buttonHoverBg: var(--displayAccentColour);--buttonActiveBg: var(--displayAccentColour);--buttonHoverOpacity: .875;--buttonActiveOpacity: .75;--buttonColour: black }.flat button:hover:not(:disabled):not(.disabled):not(.error):not(:active),.flat input[type=button]:hover:not(:disabled):not(.disabled):not(.error):not(:active),.flat a.button:hover:not(:disabled):not(.disabled):not(.error):not(:active){cursor:pointer;background:var(--buttonHoverBg);opacity:var(--buttonHoverOpacity)}.flat button:active:not(:disabled):not(.disabled):not(.error),.flat input[type=button]:active:not(:disabled):not(.disabled):not(.error),.flat a.button:active:not(:disabled):not(.disabled):not(.error){background:var(--buttonActiveBg);opacity:var(--buttonActiveOpacity)}.flat button.icon,.flat input[type=button].icon,.flat a.button.icon{width:1.25rem;height:1.25rem;border-radius:50%;padding:0}.flat button:disabled,.flat button.disabled,.flat input[type=button]:disabled,.flat input[type=button].disabled,.flat a.button:disabled,.flat a.button.disabled{opacity:.5}.flat button.error,.flat input[type=button].error,.flat a.button.error{opacity:.5;pointer-events:none;cursor:default;animation:button-error-flash-bg 1s steps(2,jump-none) infinite}.flat button.small,.flat input[type=button].small,.flat a.button.small{padding:.25rem;font-size:.825rem}.flat button.togglable:not(.active),.flat input[type=button].togglable:not(.active),.flat a.button.togglable:not(.active){opacity:.5}.flat form{display:flex;align-items:flex-end;overflow:hidden;gap:.5rem;align-items:center}.flat form input:not([type=checkbox]),.flat form select{line-height:1.2rem;border:none;font-size:1rem;height:1.2rem}.flat form input:not([type=checkbox])::placeholder,.flat form select::placeholder{padding:0;margin:0;font-size:.9rem;line-height:1rem}.flat form input:not([type=checkbox]){flex-grow:1;background:none;color:var(--labelColour);text-overflow:ellipsis}.flat form input:not([type=checkbox])::placeholder{color:var(--highlightColour);opacity:1}.flat form input:not([type=checkbox]):focus{outline:none}.flat form input:not([type=checkbox]).outlined{border:1px solid var(--highlightColour);padding:.5rem;height:fit-content}.flat form input:not([type=checkbox]).outlined:focus{border:1px solid var(--labelColour)}.flat form .input-with-icon{position:relative}.flat form .input-with-icon input:not([type=checkbox]){width:100%;padding-left:2rem}.flat form .input-with-icon .input-icon{position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.flat table{border-collapse:collapse}.flat table th{text-align:left}@font-face{font-family:Material Symbols Outlined;font-style:normal;src:url(/material-symbols.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;src:url(/Roboto-Regular.ttf) format("truetype")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:1rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 1;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-symbols-outlined.flip-h{transform:scaleX(-1)}.material-symbols-outlined.flip-v{transform:scaleY(-1)}:root{--waveformMask: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%, rgba(0, 0, 0, 1) 75%, rgba(0, 0, 0, 0) 100%);--zoomLevel: 1}:root.disable-shadows{--boxShadow: none;--brushedHighlightDisplay: none;--waveformMask: none;--glowDisplay: none;--textShadowDisplay: none}:root.disable-inner-display{--innerDisplay: none}:root *{box-sizing:border-box;touch-action:none}html{font-size:calc(var(--fontSize, 16px) * var(--zoomLevel));height:100%;overflow:hidden}html *{font-family:Roboto,sans-serif}.relative{position:relative}.row,.column{display:flex;justify-content:space-between;gap:.5rem}.row.left,.column.left{justify-content:left}.row.right,.column.right{justify-content:right}.row.center,.column.center{justify-content:center}.row.end,.column.end{justify-content:flex-end}.row.start,.column.start{justify-content:flex-start}.row.align-center,.column.align-center{align-items:center}.row.align-start,.column.align-start{align-items:start}.row.align-start>*,.column.align-start>*{width:fit-content}.row.align-end,.column.align-end{align-items:flex-end}.row.align-end>*,.column.align-end>*{width:fit-content}.row.level>*,.column.level>*{height:100%}.row .grow,.column .grow{flex-grow:1}.row .overflow-hidden,.column .overflow-hidden{overflow:hidden;text-overflow:ellipsis}.no-gap{gap:0}.small-gap{gap:.25rem}.big-gap{gap:1rem}.column{flex-direction:column}.column>*{width:100%}.pad{padding:1rem}.pad-v{padding-top:1rem;padding-bottom:1rem}.pad-h{padding-left:1rem;padding-right:1rem}.progress-marker{position:absolute;left:50%;top:0;height:100%;width:0;border:1px solid var(--displayAccentColour)}.progress-marker.slip{border:1px solid var(--displaySecondaryColour)}.blockquote{padding:1rem;background-color:var(--lighten)}body{height:100%;width:100%;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;background:var(--backgroundColour);color:var(--labelColour)}body>div{height:100%;overflow:hidden}body>div>.app{height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}body>div>.app>.desktop{flex:1 1 0;min-height:0}body>div>.app>.browser{flex-shrink:0;min-height:0}a:hover{cursor:pointer}.capitalise{text-transform:capitalize}.menu-right,.menu-left{position:absolute;z-index:var(--menuZindex)}.menu-right.menu-right,.menu-left.menu-right{right:0}.avatar{border:1px solid var(--highlightColour);border-radius:50%}.top-controls,.bottom-controls{position:absolute;top:.5rem;left:0;right:0}.top-controls .controls,.bottom-controls .controls{background:var(--darken);-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);padding:.5rem;border-radius:.5rem;z-index:8;height:fit-content}.top-controls .controls button,.bottom-controls .controls button{padding:.25rem .5rem;border-radius:.25rem;line-height:1rem;display:flex;gap:.5rem;justify-content:center;align-content:center}.top-controls .controls button.stop-button,.bottom-controls .controls button.stop-button{padding:0 .25rem}.top-controls .controls button.stop-button .material-symbols-outlined,.bottom-controls .controls button.stop-button .material-symbols-outlined{font-size:1.5rem}.top-controls .controls button.starting,.bottom-controls .controls button.starting{opacity:.5;animation:blinker 2s linear infinite}.top-controls .controls button.recording,.bottom-controls .controls button.recording{opacity:1}.bottom-controls{top:unset;bottom:.5rem}#overlay{position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(/noise-texture.png);background-repeat:repeat;mix-blend-mode:overlay;pointer-events:none;z-index:9}::-webkit-scrollbar{display:none}.dev-mode{position:relative;border:1px solid red}.dev-mode:after{content:"dev";text-transform:uppercase;background-color:red;color:#fff;padding:.25rem;position:absolute;top:0;left:0;font-size:.5rem}.loader{width:1rem}@media only screen and (max-width: 1080px){:root{--fontSize: .625rem}}@media only screen and (max-width: 720px){:root{--fontSize: .5rem}}@media only screen and (max-width: 360px){:root{--fontSize: .25rem}}:root{--dialogPadding: 1rem;--dialogBackground: var(--backgroundColour);--dialogBorderColour: var(--lightBounceColour);--dialogBorderRadius: 0;--backdropBackground: var(--shadowColour)}.dialogs{position:absolute;top:0;bottom:0;left:0;right:0;z-index:var(--dialogZindex)}.dialogs .dialog-background{background:var(--backdropBackground);position:absolute;width:100%;height:100%}.dialogs .dialog-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-direction:column;pointer-events:none}.dialogs .dialog-container>div:first-child{flex:1}.dialogs .dialog-container>div:last-child{flex:2}.dialogs .dialog-container .dialog{position:relative;background:var(--dialogBackground);border:1px solid var(--dialogBorderColour);border-radius:var(--dialogBorderRadius);max-height:100%;overflow:auto;pointer-events:auto}.dialogs .dialog-container .dialog .content,.dialogs .dialog-container .dialog .dialog-content{padding:0 var(--dialogPadding)}.dialogs .dialog-container .dialog .footer,.dialogs .dialog-container .dialog .dialog-footer{padding:var(--dialogPadding)}.dialogs .dialog-container .dialog button.close{margin-top:var(--dialogPadding);float:right}.dialogs .dialog-container .dialog.small{width:var(--dialogWidth, 24rem);min-height:var(--dialogHeight, 12rem)}.dialogs .dialog-container .dialog.medium{width:var(--dialogWidth, 48rem);min-height:var(--dialogHeight, 12rem)}.dialogs .dialog-container .dialog.large{width:var(--dialogWidth, 64rem);min-height:var(--dialogHeight, 12rem)}@media only screen and (max-width: 540px){:root{--dialogWidth: 100%}}.menu{padding:.5rem 1rem;display:flex;font-size:1rem;line-height:1rem}.menu>.item{position:relative;padding:.5rem 1rem;cursor:pointer;display:flex;gap:.5rem;white-space:nowrap;text-overflow:ellipsis}.menu>.item.primary{background:var(--darken)}.menu>.item>.mark,.menu>.item>.arrow{display:flex;width:1rem}.menu>.item>.menu-label{flex-grow:1}.menu>.item>.dropdown{position:absolute;top:100%;left:0;display:none;background:var(--backgroundColour)}.menu>.item>.dropdown .menu{padding:0;position:relative}.menu>.item>.dropdown .menu>.item:not(:hover){background:var(--darken)}.menu>.item>.dropdown .menu>.item:hover>.dropdown{display:block}.menu>.item:hover{background:var(--lighten)}.menu>.item img{width:1.5rem;height:1.5rem;margin-top:-.25rem;margin-bottom:-.25rem}.menu.open>.item:hover>.dropdown{display:block}.menu.vertical{flex-direction:column}.menu.vertical>.item{min-width:8rem}.menu.vertical>.item>.dropdown{top:0;left:100%}.menu.horizontal-right>.item>.dropdown{right:0;left:unset}.menu.horizontal-right,.menu.horizontal{gap:.5rem}.menu.horizontal-right>.item,.menu.horizontal>.item{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);padding:.5rem .75rem}.midi-settings table td,.midi-settings table th{border:1px solid var(--highlightColour);padding:.5rem;vertical-align:top}.midi-settings table td:first-child,.midi-settings table th:first-child{width:25%}.midi-settings table td:nth-child(2),.midi-settings table th:nth-child(2){width:8%}.midi-settings table td.active,.midi-settings table th.active{color:var(--good)}.midi-settings table input{width:2rem}.midi-settings .label.active{color:var(--good)}.midi-settings div.control{padding:.25rem;background:var(--lighten);border-radius:.25rem}.midi-settings div.control.active{outline:1px solid var(--good)}.midi-settings input{width:100%}.desktop{position:relative;display:flex;flex:1 1 0;min-height:0;overflow:hidden;align-items:center;justify-content:center}.desktop .soundsystem{display:flex;justify-content:center;height:fit-content;gap:2rem;transition:transform .25s ease;align-items:flex-end}.desktop .soundsystem .area-center{display:flex;flex-direction:column;gap:1rem;justify-content:flex-end;align-items:center}.desktop .soundsystem .area-center .waveforms{width:17rem}.desktop div{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.player{--displayHeight: 10rem;--playerHeight: 33rem;position:relative;height:var(--playerHeight);width:26rem;border-radius:1rem}.player.no-pointer-events>*{pointer-events:none}.player.inserting{outline:1px solid var(--labelColour)}.player .play-buttons{position:absolute;left:1rem;bottom:1rem}.player .loop-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem}.player .loop-controls>*:first-child{grid-column:1/3}.player .small-controls{display:flex;flex-direction:column;width:50%;gap:.5rem}.player .pitch-slider{position:relative}.player .pitch-slider .label{padding:0}.player .pitch-slider .middle{position:absolute;right:50%;top:50%;transform:translateY(-50%)}.player .nudge-buttons{position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes blinker{50%{opacity:1}}.slider-container{--sliderSize: 3rem;min-width:var(--sliderSize)}.slider-container .slider-cutout{position:relative;width:.5rem;height:.5rem;background-color:var(--holeColour);border-radius:.5rem}.slider-container .slider-cutout .slider{position:absolute;left:50%;height:1rem;width:var(--sliderSize);border-radius:.125rem;z-index:1;transform:translate(-50%,50%);background-color:var(--controlColour);box-shadow:var(--boxShadow, 0 var(--boxShadowSize, -.75rem) var(--boxShadowSize, 1.5rem) var(--boxShadowSize, .09375rem) var(--lightBounceColour), 0 var(--boxShadowSize, .75rem) var(--boxShadowSize, 1.5rem) var(--boxShadowSize, .1125rem) var(--shadowColour), 0 var(--boxShadowSize, -1px) var(--boxShadowSize, 1px) var(--shadowColour) inset, 0 var(--boxShadowSize, 1px) var(--boxShadowSize, 1px) var(--highlightColour) inset)}.slider-container .slider-cutout .slider:hover{cursor:pointer}.slider-container.horizontal{min-height:var(--sliderSize);width:fit-content}.slider-container.horizontal .slider-cutout{height:.5rem}.slider-container.horizontal .slider-cutout .slider{width:1rem;height:var(--sliderSize);top:50%;transform:translate(-50%,-50%)}.player .player-display{max-height:var(--displayHeight);min-height:var(--displayHeight);display:flex;flex-direction:column;position:relative}.player .player-display .track-info{flex:1}.player .player-display .track-info.emergency-message{color:var(--displayAccentColour);text-shadow:var(--textShadowDisplay, var(--displayAccentColour) 0 0 .25rem);text-align:center}.player .player-display .track-info>a .info{overflow:hidden}.player .player-display .track-info>a .info>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player .player-display .track-info>a .covers{--trackCoverSize: 3rem;display:flex;align-items:center;height:var(--trackCoverSize);min-width:var(--trackCoverSize);max-width:var(--trackCoverSize);max-height:var(--trackCoverSize);mix-blend-mode:lighten;position:relative}.player .player-display .track-info>a .covers img{position:absolute;width:100%;height:100%;object-fit:contain;border-radius:.125rem;background:var(--snapshotBg);filter:var(--colourFilter);transition:opacity .25s ease}.player .player-display .track-info>a:hover .covers img.cover{opacity:0}.player .player-display .label{padding:0}.player .player-display .loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;opacity:.1;animation:blinker 2s linear infinite}.player .player-display .waveform-container{position:relative;display:flex;margin:.5rem 0;overflow:hidden;--waveformHeight: 1.5rem}.player .player-display .waveform-container canvas{height:var(--waveformHeight);width:100%;max-width:100%}.player .player-display .waveform-container canvas.loading{opacity:0}.jog-wheel{--jogWheelSize: 16.5rem;height:var(--jogWheelSize);width:var(--jogWheelSize);position:absolute;left:50%;bottom:4rem;transform:translate(-50%);border-radius:50%;background-color:var(--controlColour);cursor:grab;box-shadow:var(--boxShadow, 0 var(--boxShadowSize, -40px) var(--boxShadowSize, 80px) var(--lightBounceColour), 0 var(--boxShadowSize, 40px) var(--boxShadowSize, 80px) var(--shadowColour), 0 var(--boxShadowSize, .8px) var(--boxShadowSize, 2.4px) var(--shadowColour), 0 var(--boxShadowSize, -20px) var(--boxShadowSize, 20px) var(--shadowColour) inset, 0 var(--boxShadowSize, 20px) var(--boxShadowSize, 20px) var(--highlightColour) inset)}.jog-wheel .platter{width:100%;height:100%;position:relative;border-radius:50%;background:conic-gradient(var(--controlLabelColour) 0%,var(--transparent) .25%,var(--transparent) 99.75%,var(--controlLabelColour) 100%)}.jog-wheel .platter:after{content:"|";color:var(--controlLabelColour);position:absolute;line-height:1.5rem;font-size:1.5rem;top:-.25rem;left:50%;transform:translate(-50%)}.jog-wheel .top{position:absolute;width:85%;height:85%;top:7.5%;left:7.5%;border-radius:50%;background-color:var(--deviceColour);overflow:hidden}.jog-wheel .top:after{content:"";display:var(--brushedHighlightDisplay, block);position:absolute;top:1px;bottom:1px;left:1px;right:1px;border-radius:50%;background-image:conic-gradient(from 0deg at 50% 50%,var(--highlightColour) 1%,var(--transparent) 10%,var(--transparent) 40%,var(--highlightColour) 50%,var(--transparent) 60%,var(--transparent) 90%,var(--highlightColour) 99%)}.jog-wheel .inner-display{display:var(--innerDisplay, flex);position:absolute;width:40%;height:40%;top:30%;left:30%;border-radius:50%;background-color:var(--displayColour);box-shadow:var(--boxShadow, 0 var(--boxShadowSize, .0625rem) var(--boxShadowSize, .125rem) var(--shadowColour) inset)}.jog-wheel .inner-display .cover-icon{position:absolute;width:85%;height:85%;top:7.5%;left:7.5%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.75rem;color:var(--displayAccentColour);mix-blend-mode:lighten;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.jog-wheel .inner-display .cover-icon.glow{display:var(--glowDisplay, flex);mix-blend-mode:screen;filter:blur(2rem);opacity:.75}.jog-settings ul{list-style:none;padding-left:1rem;margin:0}.jog-settings ul li{display:flex;gap:1rem;align-items:center}.jog-settings .steps>*{margin:0}.jog-settings .icon>.material-symbols-outlined{font-size:4rem}.mixer{height:fit-content;padding:1.5rem 1rem;align-self:center}.mixer .controls{display:flex}.mixer .controls .crossfader{padding-right:.5rem}.mixer .controls .main,.mixer .controls .mixer-channel{position:relative;display:flex;width:4.75rem}.mixer .controls .main>*,.mixer .controls .mixer-channel>*{margin:0 auto;text-align:center}.mixer .controls .main .slider-cutout,.mixer .controls .mixer-channel .slider-cutout{margin-top:.5rem;margin-bottom:.5rem}.mixer .controls .main .mixer-controls,.mixer .controls .mixer-channel .mixer-controls{flex-grow:1;align-items:center}.mixer .controls .main button,.mixer .controls .mixer-channel button{width:fit-content}.mixer .controls .main .levels,.mixer .controls .mixer-channel .levels{display:flex;gap:.25rem}.knob{position:relative}.knob .knob-container{position:relative;border-radius:50%;margin:.25rem auto -.25rem;background-color:var(--controlColour);z-index:1;box-shadow:var(--boxShadow, 0 var(--boxShadowSize, -1.125rem) var(--boxShadowSize, 2.25rem) var(--boxShadowSize, .140625rem) var(--lightBounceColour), 0 var(--boxShadowSize, 1.125rem) var(--boxShadowSize, 2.25rem) var(--boxShadowSize, .16875rem) var(--shadowColour), 0 var(--boxShadowSize, -1px) var(--boxShadowSize, 1px) var(--shadowColour) inset, 0 var(--boxShadowSize, 1px) var(--boxShadowSize, 1px) var(--highlightColour) inset)}.knob .knob-container:hover{cursor:pointer}.knob .knob-container .knob{position:relative;height:100%;width:100%}.knob .knob-container .knob:before{content:"•";width:.5rem;font-size:1.5rem;position:absolute;left:.75rem;top:-.5rem;color:var(--controlLabelColour)}.knob .small-labels{height:.5rem;display:flex;flex-direction:row}.knob .small-labels .label{padding:0;font-size:.5rem}.knob .small-labels .label .material-symbols-outlined{font-size:.5rem}.knob .small-labels .label.min,.knob .small-labels .label.max{flex:1;margin-top:-.125rem;width:0}.level-meter{width:.5rem;height:7rem;border-radius:.5rem;overflow:hidden;background:var(--holeColour)}.level-meter .level{background-image:linear-gradient(var(--bad),var(--neutral),var(--good) 33.33%);height:100%}.waveforms .waveforms-mask{-webkit-mask-image:var(--waveformMask);mask-image:var(--waveformMask);overflow:hidden}:root{--transparent: rgba(0, 0, 0, 0);--zoomZindex: 8;--menuZindex: 9;--dialogZindex: 10;--darken: rgba(0, 0, 0, .25);--lighten: rgba(255, 255, 255, .125);--lightenMore: rgba(255, 255, 255, .175);--lightenMost: rgba(255, 255, 255, .225);--snapshotBg: #1A1A1A}@keyframes button-error-flash{0%{text-shadow:none}50%{color:var(--bad);text-shadow:var(--bad) 0 0 .25rem}}@keyframes button-error-flash-bg{0%{opacity:.5}50%{background:var(--bad);color:#000;opacity:1}}.waveform-container{min-height:var(--waveformHeight, 1rem);position:relative;display:flex}.waveform-container canvas{width:100%;max-width:100%;max-height:var(--waveformHeight, 1rem);height:var(--waveformHeight, 1rem)}.mapping-controls div:first-child{color:var(--good)}.mapping-controls button.primary{background:var(--darken)}.zoom-slider{padding:16px 32px;gap:8px;position:absolute;bottom:0;right:0;z-index:var(--zoomZindex)}.zoom-slider button.small.icon{padding:4px;width:20px;height:20px}.zoom-slider input{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:8px;border-radius:4px;background:var(--lighten);outline:none}.zoom-slider input::-webkit-slider-thumb{--htmlSliderSize: 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--htmlSliderSize);height:var(--htmlSliderSize);border-radius:50%;background:var(--labelColour);cursor:pointer}.zoom-slider .material-symbols-outlined{font-size:16px}