/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body.not-mobile ::-webkit-scrollbar{width:.85em;height:0}body.not-mobile ::-webkit-scrollbar-thumb{height:.5em;border:.25em solid rgba(0,0,0,0);border-left:.35em solid rgba(0,0,0,0);background-clip:padding-box;border-radius:0;background-color:var(--color-border);box-shadow:inset 0 0 0 1px #00000006}body.not-mobile ::-webkit-scrollbar-thumb:hover{background-color:#00000080}body.not-mobile ::-webkit-scrollbar-button{width:0;height:0;display:none}body.not-mobile ::-webkit-scrollbar-corner{background-color:transparent}body.not-mobile ::-webkit-scrollbar-track{background:var(--color-bg);border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05)}body.color-scheme-dark ::-webkit-scrollbar-thumb{background-color:#00000080}body.color-scheme-dark ::-webkit-scrollbar-track{background:#0003}*,*:after,*:before{outline:none!important;box-sizing:border-box}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain;margin:0;padding:0;background-color:#161618;background-color:var(--color-bg);color:#f8f9fa;color:var(--color-fg)}html{overflow:hidden;z-index:9999;width:100%;height:100%}body{overflow:hidden;z-index:9999;width:100%;height:100%;font-weight:400;font-family:Montserrat,Poppins,-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body .app__container,body .app__page{width:100%;height:100%;display:flex;flex-direction:column}body.isStandalone{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}body.isStandalone .app__statusbar{position:relative;background:#232323;background:var(--color-accent-1);z-index:10;flex:0 0 23px}body.isStandalone .app__container{margin:0;width:100vw;height:auto;flex:1;position:relative}h1,h2,h3,h4,h5,h6{font-family:Montserrat,Poppins,-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.defs{position:absolute;width:0;height:0;opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.form-control{color:gray;font-size:12px;letter-spacing:1px;font-family:Montserrat,Poppins,-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}div.scrollable{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;z-index:5;overscroll-behavior:contain}div.nonscrollable{width:100%;height:100%;overflow:hidden;z-index:5}:root{--primary: #6859eb;--secondary: #a834e1;--color-fg: #f8f9fa;--color-bg: #161618;--main: #6859eb;--success: #7dd321;--warning: #f0c52d;--danger: #e92c81;--info: #25c7e3;--special: #f951d9;--color-accent-1: #6859eb;--color-accent-2: #8d4ce9;--color-accent-3: #f951d9;--color-accent-4: #25c7e3;--color-accent-5: #55b2ba;--color-accent-6: #e92c81;--color-accent-7: #7dd321;--color-border: #000000;--color-muted: #1c1c1f;--color-dark: #141416}[color-scheme=light]{--color-fg: #161618;--color-bg: #f8f9fa;--color-muted: #ffffff;--color-border: #e9e9e9;--color-dark: #e9e9e9}html,body{-webkit-user-select:none;user-select:none;font-size:10pt}body{background-color:#000}body main{background-color:var(--color-bg)}*{-webkit-touch-callout:none;-webkit-user-callout:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-user-modify:none;-webkit-highlight:none;user-select:none}button{appearance:none;-webkit-user-select:none;user-select:none;border:0;cursor:pointer;background-color:var(--color-muted);color:var(--color-fg);font-size:10pt}.clear{background-color:transparent;padding:0;margin:0;border:0}.app__monotext>span{min-width:6px}.app__btn{padding:2px 4px;border-radius:2px}.capitalize{text-transform:capitalize}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caret-down{padding-right:18px;background-image:linear-gradient(45deg,transparent 50%,#828282 0),linear-gradient(135deg,#828282 50%,transparent 0),linear-gradient(90deg,transparent,transparent);background-position:calc(100% - 5px) calc(1em - 8px),calc(100% + -0px) calc(1em - 8px),100% 0;background-size:5px 5px,5px 5px,32px 100%;background-repeat:no-repeat}.relative{position:relative}.inline{display:inline-block}.block{display:block}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-start{justify-content:flex-start}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.space-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#6859eb;color:var(--main)}.text-success{color:#7dd321;color:var(--success)}.text-info{color:#25c7e3;color:var(--info)}.text-danger{color:#e92c81;color:var(--danger)}.text-warning{color:#f0c52d;color:var(--warning)}.text-special{color:#f951d9;color:var(--special)}.text-muted{color:#1c1c1f;color:var(--color-muted)}@media (max-width: 767px){.hidden-xs{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none!important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none!important}}@media (min-width: 1200px){.hidden-lg{display:none!important}}[color-scheme=ableton]{--color-accent-1: rgba(210,210,210,255);--color-accent-2: rgba(109,215,255,255);--color-accent-3: rgba(109,215,255,255);--color-accent-4: rgba(109,215,255,255);--color-accent-5: rgba(109,215,255,255);--color-accent-6: rgba(109,215,255,255);--color-bg: rgba(65,65,65,255);--color-border: rgba(30,30,30,255);--color-dark: rgba(85,85,85,255);--color-fg: rgba(210,210,210,255);--color-muted: rgba(65,65,65,255);--primary: rgba(255,181,50,255);--samp-fg: rgba(130,130,130,255);--secondary: rgba(109,215,255,255);--special: rgba(210,210,210,255);--wave-bg: rgba(30,30,30,255);--wave-fg: rgba(255,181,50,255)}[color-scheme=absynth]{--color-fg: rgba(138,171,173,255);--color-accent-1: rgba(138,171,173,255);--special: rgba(138,171,173,255);--color-bg: rgba(0,26,28,255);--color-muted: rgba(0,26,28,255);--color-dark: rgba(0,45,48,255);--color-border: rgba(0,19,20,255);--secondary: rgba(0,238,255,255);--color-accent-2: rgba(255,255,255,255);--color-accent-3: rgba(255,255,255,255);--color-accent-4: rgba(255,255,255,255);--color-accent-5: rgba(255,255,255,255);--color-accent-6: rgba(255,255,255,255);--wave-bg: rgba(0,12,13,255);--wave-fg: rgba(255,255,255,255);--primary: rgba(255,255,255,255);--samp-fg: rgba(0,239,255,255)}[color-scheme=azure]{--color-fg: rgba(199,199,199,255);--color-accent-1: rgba(199,199,199,255);--special: rgba(199,199,199,255);--color-bg: rgba(54,47,66,255);--color-muted: rgba(54,47,66,255);--color-dark: rgba(73,63,90,255);--color-border: rgba(30,30,30,255);--secondary: rgba(228,98,124,255);--color-accent-2: rgba(228,98,124,255);--color-accent-3: rgba(228,98,124,255);--color-accent-4: rgba(228,98,124,255);--color-accent-5: rgba(228,98,124,255);--color-accent-6: rgba(228,98,124,255);--wave-bg: rgba(42,36,51,255);--wave-fg: rgba(115,211,209,255);--primary: rgba(115,211,209,255);--samp-fg: rgba(255,255,255,255)}[color-scheme=flat]{--color-accent-1: rgba(97,97,97,255);--color-accent-2: rgba(92,92,92,255);--color-accent-3: rgba(92,92,92,255);--color-accent-4: rgba(92,92,92,255);--color-accent-5: rgba(92,92,92,255);--color-accent-6: rgba(92,92,92,255);--color-bg: rgba(26,26,26,255);--color-border: rgba(41,41,41,255);--color-dark: rgba(36,36,36,255);--color-fg: rgba(97,97,97,255);--color-muted: rgba(26,26,26,255);--primary: rgba(110,110,110,255);--samp-fg: rgba(110,110,110,255);--secondary: rgba(23,23,23,255);--special: rgba(97,97,97,255);--wave-bg: rgba(18,18,18,255);--wave-fg: rgba(110,110,110,255)}[color-scheme=lcd]{--color-fg: rgba(76,230,161,255);--color-accent-1: rgba(76,230,161,255);--special: rgba(76,230,161,255);--color-bg: rgba(59,59,59,255);--color-muted: rgba(59,59,59,255);--color-dark: rgba(77,77,77,255);--color-border: rgba(0,0,0,255);--secondary: rgba(230,230,230,255);--color-accent-2: rgba(230,230,230,255);--color-accent-3: rgba(230,230,230,255);--color-accent-4: rgba(230,230,230,255);--color-accent-5: rgba(230,230,230,255);--color-accent-6: rgba(230,230,230,255);--wave-bg: rgba(0,102,75,255);--wave-fg: rgba(230,230,230,255);--primary: rgba(230,230,230,255);--samp-fg: rgba(130,130,130,255)}[color-scheme=neon]{--color-fg: rgba(151,146,252,255);--color-accent-1: rgba(151,146,252,255);--special: rgba(151,146,252,255);--color-bg: rgba(31,30,72,255);--color-muted: rgba(31,30,72,255);--color-dark: rgba(39,38,90,255);--color-border: rgba(52,50,119,255);--secondary: rgba(212,78,161,255);--color-accent-2: rgba(152,78,212,255);--color-accent-3: rgba(152,78,212,255);--color-accent-4: rgba(152,78,212,255);--color-accent-5: rgba(152,78,212,255);--color-accent-6: rgba(152,78,212,255);--wave-bg: rgba(25,24,58,255);--wave-fg: rgba(212,78,161,255);--primary: rgba(212,78,161,255);--samp-fg: rgba(212,78,161,255)}[color-scheme=night]{--color-fg: rgba(128,128,128,255);--color-accent-1: rgba(128,128,128,255);--special: rgba(128,128,128,255);--color-bg: rgba(28,28,28,255);--color-muted: rgba(28,28,28,255);--color-dark: rgba(23,23,23,255);--color-border: rgba(30,30,30,255);--secondary: rgba(255,109,118,255);--color-accent-2: rgba(255,109,109,255);--color-accent-3: rgba(255,109,109,255);--color-accent-4: rgba(255,109,109,255);--color-accent-5: rgba(255,109,109,255);--color-accent-6: rgba(255,109,109,255);--wave-bg: rgba(31,31,31,255);--wave-fg: rgba(102,102,102,255);--primary: rgba(102,102,102,255);--samp-fg: rgba(130,130,130,255)}[color-scheme=pastel]{--color-accent-1: rgba(78,77,96,255);--color-accent-2: rgba(113,111,139,255);--color-accent-3: rgba(113,111,139,255);--color-accent-4: rgba(113,111,139,255);--color-accent-5: rgba(113,111,139,255);--color-accent-6: rgba(113,111,139,255);--color-bg: rgba(180,179,194,255);--color-border: rgba(166,164,182,255);--color-dark: rgba(202,201,212,255);--color-fg: rgba(78,77,96,255);--color-muted: rgba(180,179,194,255);--primary: rgba(209,207,216,255);--samp-fg: rgba(137,136,160,255);--secondary: rgba(67,66,82,255);--special: rgba(78,77,96,255);--wave-bg: rgba(137,136,160,255);--wave-fg: rgba(209,207,216,255)}[color-scheme=spotify]{--color-fg: rgba(107,107,107,255);--color-accent-1: rgba(107,107,107,255);--special: rgba(107,107,107,255);--color-bg: rgba(23,23,23,255);--color-muted: rgba(23,23,23,255);--color-dark: rgba(28,28,28,255);--color-border: rgba(30,30,30,255);--secondary: rgba(201,201,201,255);--color-accent-2: rgba(62,218,80,255);--color-accent-3: rgba(62,218,80,255);--color-accent-4: rgba(62,218,80,255);--color-accent-5: rgba(62,218,80,255);--color-accent-6: rgba(62,218,80,255);--wave-bg: rgba(15,15,15,255);--wave-fg: rgba(62,218,80,255);--primary: rgba(62,218,80,255);--samp-fg: rgba(110,110,110,255)}body.themed .app__topbar{background-color:var(--color-bg, rgb(65, 65, 65));border-bottom:1px solid var(--color-dark, rgb(85, 85, 85))}body.themed .app__topbar--config button{background-color:var(--color-muted)}body.themed .app__layout{background-color:var(--color-dark)}body.themed .app__layout>div{background-color:var(--color-muted, rgb(65, 65, 65));border-color:var(--color-muted, rgb(65, 65, 65));border-radius:3px}body.themed .app__layout .app__waveform{background-color:var(--wave-bg, rgb(30, 30, 30))}body.themed .app__layout .app__pitch .fader__display,body.themed .app__layout .app__crossx .fader__display{border-color:var(--color-bg, rgb(65, 65, 65));background-color:var(--color-dark, rgb(85, 85, 85))}body.themed .app__layout .app__display--jog{background-color:var(--color-bg, rgb(65, 65, 65))}body.themed .app__layout .app__display--ring{border-color:var(--wave-fg, rgb(255, 181, 50))}body.themed .app__layout .app__display--ring:before{background-color:var(--wave-bg, rgb(30, 30, 30))}body.themed .app__layout .app__display--bpm{color:var(--wave-fg, rgb(255, 181, 50))}body.themed .app__layout .app__display--bg{display:none}body.themed .app__layout .app__thumb--bg{border-color:var(--color-bg, rgb(65, 65, 65))}body.themed .modalpicker__panel--head{border-bottom:1px solid var(--color-dark, rgb(85, 85, 85))}body.themed .modalpicker__footer>button{border-top:1px solid var(--color-dark, rgb(85, 85, 85));border-left:1px solid var(--color-dark, rgb(85, 85, 85))}body.themed .modalpicker__footer>button:first-child{border-left:0}body.themed .modalpicker .app__settings--row{border-bottom:1px solid var(--color-dark, rgb(85, 85, 85))}body.themed .modalpicker .app__settings--row:last-child{border-bottom:1px solid transparent}body.themed .app__switch .sw-btn{background-color:var(--color-bg, rgb(65, 65, 65))}body.themed .sw-primary input~.sw-pan{background-color:var(--color-border, rgb(30, 30, 30))}body.themed .sw-primary input:checked~.sw-btn{background-color:var(--color-bg, rgb(65, 65, 65))}body.themed .sw-primary input:checked~.sw-pan{background-color:var(--color-accent-2, rgb(109, 215, 255));opacity:1}@media screen and (max-width: 667px){body.themed .app__layout .app__display--wrap .app__display--bpm{background-color:transparent}}.app__dropzone{position:absolute;inset:0;z-index:999;opacity:0;pointer-events:none}.app__dropzone--overlay{position:absolute;inset:0;background-color:#0003}.app__dropzone--content{position:absolute;inset:16px;border:1px;border:1px dashed var(--danger);box-shadow:0 0 0 16px #0003;border-radius:0;display:flex;justify-content:center;align-items:center;color:#fff}.app__dropzone--row{text-align:center}.app__dropzone.active{opacity:1}.pad{display:block;flex:0 0 auto;margin:0;overflow:visible;position:relative;padding:0;overflow:hidden;backface-visibility:hidden;transform:translateZ(0);touch-action:manipulation}.pad__input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;outline:0;appearance:none;border:0;line-height:0}.pad__input-visual{pointer-events:none;width:100%;height:100%;padding:0}.pad__focus-indicator{opacity:0;transition:all .3s cubic-bezier(.39,.575,.565,1);fill:var(--color-accent-1)}.pad__ring-bg{fill:var(--color-muted)}.pad__indicator-ring-bg{stroke:var(--color-muted);fill:var(--color-accent-1);opacity:.2}.pad__indicator-ring{fill:var(--color-accent-1);opacity:.2}.pad__dial{transform-origin:20px 20px;transition:all .6s cubic-bezier(.39,.575,.565,1)}.pad__dial-bg{fill:var(--color-muted);stroke:var(--color-bg);stroke-width:0}.pad__dial-text{fill:var(--color-fg);font-size:4pt;letter-spacing:.2pt;text-transform:uppercase}.pad:hover .pad__focus-indicator{opacity:.8}.pad.active .pad__indicator-ring,.pad:active .pad__indicator-ring{opacity:.99}.pad.audio .pad__focus-indicator,.pad.audio .pad__indicator-ring-bg,.pad.audio .pad__indicator-ring{fill:var(--color-accent-4)}.pad.fx .pad__focus-indicator,.pad.fx .pad__indicator-ring-bg,.pad.fx .pad__indicator-ring{fill:var(--color-accent-2)}.pad.light .pad__focus-indicator,.pad.light .pad__indicator-ring-bg,.pad.light .pad__indicator-ring,.pad.inverse .pad__dial-bg{fill:var(--color-fg)}.pad.inverse .pad__dial-text{fill:var(--color-muted)}.pad.inverse .pad__indicator-ring-bg{stroke:var(--color-fg)}.pad.inverse .pad__ring-bg{fill:var(--color-fg)}.pad.danger .pad__focus-indicator,.pad.danger .pad__indicator-ring-bg,.pad.danger .pad__indicator-ring{fill:var(--color-accent-6)}.pad.special .pad__focus-indicator,.pad.special .pad__indicator-ring-bg,.pad.special .pad__indicator-ring{fill:var(--special)}.is-mobile .pad .pad__focus-indicator{display:none}.app__controls{width:100%;height:100%;flex:1;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;align-items:center}.fader{display:block;flex:0 0 auto;width:100%;height:100%;margin:0;padding:0;overflow:visible;position:relative;top:0;overflow:hidden;touch-action:manipulation}.fader__display{background-color:var(--color-muted);border:1px solid var(--color-border);width:100%;height:100%;position:relative}.fader__input{cursor:grab;cursor:-webkit-grab;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;margin:0}.fader-input__line{position:absolute;background-color:var(--color-fg)}.touchable{display:block;flex:0 0 auto;width:100%}.touchable__input{cursor:grab;cursor:-webkit-grab;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.app__crossx{width:100%;height:100%;flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 2px}.app__crossx .fader{flex:2;padding:4px 2px}.app__crossx .pad{flex:1}.app__display{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:absolute;inset:0}.app__display--disc{flex:2;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.app__display--jog{background-color:var(--color-dark);border-radius:50%;position:absolute;width:28vmin;height:28vmin;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;padding:2px}.app__display--ring{border:3px solid var(--primary);position:absolute;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%}.app__display--ring:before{content:"";position:absolute;background-color:var(--color-bg);top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%}.app__display--bpm{border-radius:50%;display:flex;flex-direction:column;justify-content:center;z-index:2;width:96px;height:96px}.app__display--bpm .app__monotext{display:flex;justify-content:center;align-items:center;margin-top:4px}.app__display--bpm .app__monotext>span{line-height:.8}.app__display--names{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:22px;z-index:2}.app__display--title{font-size:18px;line-height:1}.app__display--title .app__monotext>span{width:16px}.app__display--subtitle{font-size:12px;font-weight:100}.app__display--row{display:flex;justify-content:space-between}.app__display--row>div{padding:4px 8px}.app__display--row>div.cell{flex:0 0 72px;display:flex;justify-content:flex-end}.app__display .app__monotext{display:flex;justify-content:center;align-items:center;text-align:center}.app__display .app__monotext>span{width:10px;padding:0;margin:0}.app__display .app__monotext>span.dot{width:6px}@media screen and (max-width: 667px){.app__display--jog{display:none}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.knob{display:block;flex:0 0 auto;margin:0;overflow:visible;position:relative;padding:0;touch-action:manipulation}.knob__input{cursor:grab;cursor:-webkit-grab;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0}.knob__input-visual{pointer-events:none;width:100%;height:100%;padding:0}.knob__focus-indicator{opacity:0;transition:all .3s cubic-bezier(.39,.575,.565,1);fill:var(--color-accent-1)}.knob__ring-bg{fill:var(--color-muted)}.knob__indicator-ring-bg{stroke:var(--color-muted);fill:var(--color-accent-1);opacity:.2}.knob__indicator-ring{fill:var(--color-accent-1)}.knob__dial{transform-origin:20px 20px;transition:all .6s cubic-bezier(.39,.575,.565,1)}.knob__dial-bg{fill:var(--color-muted);stroke-width:0}.knob__dial-text{fill:var(--color-fg);font-size:4pt;letter-spacing:.2pt;text-transform:uppercase}.knob__dial-highlight{opacity:0;transition:all .3s cubic-bezier(.39,.575,.565,1)}.knob__indicator-dot,.knob__dial-dot{fill:var(--color-accent-1)}.knob.focus-active .knob__focus-indicator{opacity:.8}body.drag-active,body.drag-active *{cursor:grabbing!important;cursor:-webkit-grabbing!important}.knob.audio .knob__indicator-ring{fill:var(--color-accent-4)}.knob.audio .knob__indicator-ring-bg{fill:var(--color-accent-4);opacity:.2}.knob.audio .knob__focus-indicator,.knob.audio .knob__indicator-dot,.knob.audio .knob__dial-dot{fill:var(--color-accent-4)}.knob.fx .knob__indicator-ring{fill:var(--color-accent-2)}.knob.fx .knob__indicator-ring-bg{fill:var(--color-accent-2);opacity:.2}.knob.fx .knob__focus-indicator,.knob.fx .knob__indicator-dot,.knob.fx .knob__dial-dot{fill:var(--color-accent-2)}.knob.light .knob__indicator-ring,.knob.light .knob__indicator-ring-bg,.knob.light .knob__focus-indicator,.knob.light .knob__indicator-dot,.knob.light .knob__dial-dot{fill:var(--c-light)}.knob.danger .knob__indicator-ring,.knob.danger .knob__indicator-ring-bg,.knob.danger .knob__focus-indicator,.knob.danger .knob__indicator-dot,.knob.danger .knob__dial-dot{fill:var(--color-accent-6)}.knob.inverse .knob__dial-bg{fill:var(--color-fg)}.knob.inverse .knob__dial-text{fill:var(--color-muted)}.knob.inverse .knob__indicator-ring-bg{stroke:var(--color-fg)}.knob.inverse .knob__ring-bg{fill:var(--color-fg)}.app__mixer{width:100%;height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.app__mixer .knob,.app__mixer .pad{flex:1}.app__mixer .fader{flex:2}.app__pitch{width:100%;height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.app__pitch .knob,.app__pitch .pad{flex:1}.app__pitch .fader{flex:2;padding:6px}.app__info{width:100%;height:100%;flex:1;display:flex;flex-wrap:wrap;justify-content:center;letter-spacing:.1em}.app__info--names{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.app__info--names>div{padding:4px 16px;width:100%;text-align:center}.app__info--names>div.cell{width:100%;display:flex;justify-content:center}.app__info--names>div.cell>div{margin:0 4px}.app__info--title{font-size:18px;line-height:1}.app__info--title .app__monotext>span{width:16px}.app__info--subtitle{font-size:12px;font-weight:100}.app__info--row{display:flex;flex-direction:column;align-items:center;justify-content:center}.app__info .touchable{display:inline-block}.app__waveform{border-top:0;border-bottom:0;touch-action:none;overflow:hidden;position:absolute;inset:0}.app__waveform--container,.app__waveform--display{width:100%;height:100%}.app__waveform--container{position:relative}.app__waveform--container:before{content:"";width:2px;height:100%;position:absolute;left:50%;top:0;transform:translate(-50%);background-color:var(--color-fg);z-index:99}.app__waveform--container.vertical:before{content:"";width:100%;height:2px;position:absolute;left:0;top:calc(50% + 2px);transform:translateY(-50%);background-color:var(--color-fg);z-index:99}.app__waveform--offset{position:absolute;inset:0 0 0 auto;width:40px;height:100%;background-color:var(--secondary);opacity:.1;display:flex;justify-content:center;align-items:center;cursor:pointer}.app__waveform--offset:hover,.app__waveform--offset.active{opacity:.5}.app__waveform--offset.vertical{inset:0 0 auto;width:100%;height:40px}.app__waveform_canvas{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.app__waveform_canvas--display{width:100%;height:100%}.app__surfer{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.app__surfer--display{width:100%;height:100%}.button{display:block;flex:0 0 auto;margin:0;overflow:visible;position:relative;buttonding:0;overflow:hidden;backface-visibility:hidden;transform:translateZ(0);touch-action:manipulation}.button__input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;outline:0;appearance:none;border:0;line-height:0}.button__input-visual{pointer-events:none;width:100%;height:100%;buttonding:0}.button__focus-indicator{opacity:0;transition:all .3s cubic-bezier(.39,.575,.565,1);fill:var(--color-accent-1)}.button__ring-bg{fill:var(--color-muted)}.button__indicator-ring-bg{stroke:var(--color-muted);fill:var(--color-accent-1);opacity:.2}.button__indicator-ring{fill:var(--color-accent-1);opacity:.2}.button__dial{transform-origin:20px 20px;transition:all .6s cubic-bezier(.39,.575,.565,1)}.button__dial-bg{fill:var(--color-muted);stroke:var(--color-bg);stroke-width:0}.button__dial-text{fill:var(--color-fg);font-size:4pt;letter-spacing:.2pt;text-transform:uppercase}.button:hover .button__focus-indicator{opacity:.8}.button.active .button__indicator-ring,.button:active .button__indicator-ring{opacity:.99}.button.audio .button__focus-indicator,.button.audio .button__indicator-ring-bg,.button.audio .button__indicator-ring{fill:var(--color-accent-4)}.button.fx .button__focus-indicator,.button.fx .button__indicator-ring-bg,.button.fx .button__indicator-ring{fill:var(--color-accent-2)}.button.light .button__focus-indicator,.button.light .button__indicator-ring-bg,.button.light .button__indicator-ring{fill:var(--color-fg)}.button.inverse .button__dial-bg{fill:var(--color-fg);stroke:var(--color-fg)}.button.inverse .button__dial-text{fill:var(--color-muted)}.button.inverse .button__indicator-ring-bg{stroke:var(--color-fg)}.button.inverse .button__ring-bg{fill:var(--color-fg)}.button.danger .button__focus-indicator,.button.danger .button__indicator-ring-bg,.button.danger .button__indicator-ring{fill:var(--color-accent-6)}.button.special .button__focus-indicator,.button.special .button__indicator-ring-bg,.button.special .button__indicator-ring{fill:var(--special)}.is-mobile .button .button__focus-indicator{display:none}.app__cues{width:100%;height:100%;flex:1;display:flex;padding:8px;flex-direction:column;justify-content:center;align-items:center}.app__cues--row{display:flex;width:100%;position:relative;flex:1;justify-content:center;align-items:center}.app__fileinput{cursor:pointer;position:relative}.app__fileinput>input{cursor:pointer;outline:none;position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0}.app__waveform_gl{width:100%;height:100%;position:relative;-webkit-user-select:none;user-select:none}.app__waveform_gl--display{width:100%;height:100%}.app__layout{flex:1;display:grid;grid-template-columns:calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2) 1fr calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2) 1fr calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2);grid-template-rows:calc((100vh - 66px) / 19 * 2 / 2) calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2 * 3) calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2) calc((100vh - 66px) / 19 * 2);grid-template-areas:"surf1 surf1 surf1 surf1 surf1 surf2 surf2 surf2 surf2 surf2" "info1 info1 info1 info1 thmb1 thmb2 info2 info2 info2 info2" "ptch1 dply1 dply1 mixr1 wave1 wave2 mixr2 dply2 dply2 ptch2" "ptch1 dply1 dply1 mixr1 wave1 wave2 mixr2 dply2 dply2 ptch2" "ptch1 dply1 dply1 mixr1 wave1 wave2 mixr2 dply2 dply2 ptch2" "ptch1 dply1 dply1 mixr1 wave1 wave2 mixr2 dply2 dply2 ptch2" "ctrl1 cues1 cues1 trns1 wave1 wave2 trns2 cues2 cues2 ctrl2" "ctrl1 cues1 cues1 trns1 crssx crssx trns2 cues2 cues2 ctrl2";row-gap:4px;column-gap:4px;padding:4px}.app__layout>div{border:1px solid var(--color-border);touch-action:none;position:relative;overflow:hidden}.app__layout .app__display--wrap{grid-area:dply1}.app__layout .app__display--wrap.deck__b{grid-area:dply2}.app__layout .app__surfer--wrap{grid-area:surf1;padding:6px}.app__layout .app__surfer--wrap.deck__b{grid-area:surf2}.app__layout .app__wave--wrap{grid-area:wave1}.app__layout .app__wave--wrap.deck__b{grid-area:wave2}.app__layout .app__mixer--wrap{grid-area:mixr1}.app__layout .app__mixer--wrap.deck__b{grid-area:mixr2}.app__layout .app__cues--wrap{grid-area:cues1}.app__layout .app__cues--wrap.deck__b{grid-area:cues2}.app__layout .app__pitch--wrap{grid-area:ptch1}.app__layout .app__pitch--wrap.deck__b{grid-area:ptch2}.app__layout .app__info--wrap{grid-area:info1}.app__layout .app__info--wrap.deck__b{grid-area:info2}.app__layout .app__controls--wrap{grid-area:ctrl1}.app__layout .app__controls--wrap.deck__b{grid-area:ctrl2}.app__layout .app__thumb--wrap{grid-area:thmb1}.app__layout .app__thumb--wrap.deck__b{grid-area:thmb2}.app__layout .app__transport--wrap{grid-area:trns1}.app__layout .app__transport--wrap.deck__b{grid-area:trns2}.app__layout .app__crossx--wrap{grid-area:crssx}.app__layout .knob,.app__layout .pad{width:9.75vmin;height:9.75vmin}.app__layout .button{width:8.95vmin;height:8.95vmin;max-width:25%}.app__layout .knob,.app__layout .pad,.app__layout .button{padding:6px}.app__dropzone--a{position:absolute;top:0;height:100%;width:50%;z-index:0}.app__dropzone--b{position:absolute;top:0;left:50%;height:100%;width:50%;z-index:0}@media screen and (max-width: 1242px){.app__layout{grid-template-areas:"surf1 surf1 surf1 surf1 surf1 surf2 surf2 surf2 surf2 surf2" "wave1 wave1 wave1 wave1 wave1 wave2 wave2 wave2 wave2 wave2" "ptch1 info1 info1 info1 thmb1 thmb2 info2 info2 info2 ptch2" "ptch1 dply1 dply1 dply1 mixr1 mixr2 dply2 dply2 dply2 ptch2" "ptch1 dply1 dply1 dply1 mixr1 mixr2 dply2 dply2 dply2 ptch2" "ptch1 cues1 cues1 cues1 mixr1 mixr2 cues2 cues2 cues2 ptch2" "trns1 cues1 cues1 cues1 mixr1 mixr2 cues2 cues2 cues2 trns2" "trns1 ctrl1 ctrl1 ctrl1 crssx crssx ctrl2 ctrl2 ctrl2 trns2"}.app__layout .app__display--jog{width:20vmin;height:20vmin}.app__layout .app__display--bpm{width:80px;height:80px}}@media screen and (max-width: 758px){.app__layout{grid-template-columns:60px 60px 1fr 1fr 60px 60px;grid-template-rows:40px 36px 36px 1fr 1fr 60px 60px;grid-template-areas:"info1 info1 info1 info2 info2 info2" "dply1 dply1 dply1 dply2 dply2 dply2" "surf1 surf1 surf1 surf2 surf2 surf2" "ptch1 mixr1 wave1 wave2 mixr2 ptch2" "ptch1 mixr1 wave1 wave2 mixr2 ptch2" "trns1 ctrl1 wave1 wave2 ctrl2 trns2" "trns1 ctrl1 crssx crssx ctrl2 trns2";row-gap:2px;column-gap:2px}.app__layout>div{border:1px solid var(--color-border)}.app__layout .app__thumb--wrap{display:none}.app__layout .app__display--wrap .app__display{flex-direction:row;justify-content:space-around}.app__layout .app__display--wrap .app__display.reverse{flex-direction:row-reverse}.app__layout .app__display--wrap .app__display--disc{height:100%}.app__layout .app__display--wrap .app__display--bpm{width:auto;height:auto}.app__layout .app__display--wrap .app__display--subtitle{font-weight:300;font-size:11px;opacity:.6}.app__layout .app__display--wrap .app__monotext{margin:0}.app__layout .app__display--wrap .app__monotext>span{width:9px}.app__layout .app__display--wrap .app__monotext>span.dot{width:4px}.app__layout .app__display--wrap .app__monotext:nth-child(2){font-weight:300;margin-top:2px;font-size:11px;opacity:.6}.app__layout .app__cues--wrap{display:none}.app__layout .app__info--names>div{padding:2px 8px}.app__layout .app__info--names .app__info--title,.app__layout .app__info--names .app__info--subtitle{font-size:11px;letter-spacing:.05em}.app__layout .app__surfer--wrap{padding:8px 6px}.app__layout .app__crossx .fader,.app__layout .app__pitch .fader{height:calc(100% - 4px);width:calc(100% - 4px)}.app__layout .knob,.app__layout .pad{width:50px;height:50px}.app__layout .knob__dial-text,.app__layout .pad__dial-text{font-size:5pt}.app__layout .knob,.app__layout .pad,.app__layout .button,.app__layout .fader{padding:0}}@media (max-aspect-ratio: 1/1){.app__layout .app__cues--row{flex-wrap:wrap}.app__layout .app__cues--row:last-child{display:none}.app__layout .app__cues--row .button{max-width:50%;height:8.55vmin;padding:2px}}.app__thumb{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;position:absolute;inset:0}.app__thumb--bg{background-size:cover;background-position:center center;background-repeat:no-repeat;width:calc(100% - 8px);height:calc(100% - 8px);border:1px solid var(--color-border)}.app__transport{width:100%;height:100%;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.app__transport .knob,.app__transport .pad{flex:1}.app__topbar{display:flex;width:100%;justify-content:space-between;align-items:center;padding:4px;border-bottom:1px solid var(--color-border);background-color:var(--color-dark);font-size:11px;-webkit-user-select:none;user-select:none;height:30px}.app__topbar>div{height:100%;flex:1;text-align:center;display:flex;align-items:center;justify-content:center}.app__topbar>div:last-child{justify-content:flex-end}.app__topbar>div:first-child{justify-content:flex-start}.app__topbar--logo{background-color:transparent}.app__topbar--config button{font-size:11px;background-color:var(--color-muted);color:var(--color-fg);padding:4px 8px;border-radius:2px}.app__topbar--metronome{display:flex;justify-content:center;align-items:center}.app__topbar--metronome-marker{width:3px;height:3px;margin:2px 1px;border-radius:50%;background-color:transparent;background-color:var(--color-border);opacity:.8}.app__topbar--metronome-marker.marker-xl{width:6px;height:6px}.app__topbar--metronome-marker.marker-active{opacity:1;background-color:var(--primary)}.app__topbar--metronome[data-note="0"] .app__topbar--metronome-marker:nth-child(1){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="1"] .app__topbar--metronome-marker:nth-child(2){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="2"] .app__topbar--metronome-marker:nth-child(3){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="3"] .app__topbar--metronome-marker:nth-child(4){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="4"] .app__topbar--metronome-marker:nth-child(5){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="5"] .app__topbar--metronome-marker:nth-child(6){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="6"] .app__topbar--metronome-marker:nth-child(7){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="7"] .app__topbar--metronome-marker:nth-child(8){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="8"] .app__topbar--metronome-marker:nth-child(9){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="9"] .app__topbar--metronome-marker:nth-child(10){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="10"] .app__topbar--metronome-marker:nth-child(11){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="11"] .app__topbar--metronome-marker:nth-child(12){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="12"] .app__topbar--metronome-marker:nth-child(13){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="13"] .app__topbar--metronome-marker:nth-child(14){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="14"] .app__topbar--metronome-marker:nth-child(15){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="15"] .app__topbar--metronome-marker:nth-child(16){opacity:.99;background-color:var(--primary)}.app__topbar--metronome[data-note="16"] .app__topbar--metronome-marker:nth-child(17){opacity:.99;background-color:var(--primary)}.app__about{max-width:500px;padding:16px}.app__about--text,.app__about a{color:var(--color-fg)}.modalpicker{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;justify-content:center;z-index:999}.modalpicker .scrollpicker__main{margin:0}.modalpicker__overlay{position:absolute;width:100%;height:100%;background-color:#00000080;border:0}.modalpicker__overlay>span{opacity:0}.modalpicker__wrapper{min-width:500px;margin:0 auto;border-radius:2px;overflow:hidden;background:#161618;background:var(--color-bg);position:relative}.modalpicker__panel{max-height:calc(80vh - 78px)}.modalpicker__panel--head{width:100%;display:flex;height:40px;border-bottom:1px solid var(--color-border);text-align:center;align-items:center;padding:0 8px;color:var(--color-fg)}.modalpicker__panel--head>button{color:var(--color-muted);height:40px;align-items:center;display:flex}.modalpicker__panel--head>button:hover{color:var(--color-fg)}.modalpicker__panel--head-left,.modalpicker__panel--head-right{flex:1}.modalpicker__panel--head-left{text-align:left}.modalpicker__panel--head-right{text-align:right}.modalpicker__tabs{width:100%;display:flex}.modalpicker__tabs>button{flex:1;margin:0;padding:12px 24px;background:transparent;border-bottom:1px solid var(--color-border);color:var(--color-muted)}.modalpicker__tabs>button:first-child{border-right:1px solid var(--color-border)}.modalpicker__tabs>button.active{color:var(--color-fg)}.modalpicker__footer{width:100%;display:flex}.modalpicker__footer>button{flex:1;margin:0;padding:12px 24px;background:transparent;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.modalpicker__footer>button:first-child{border-left:0}@media (max-width: 768px){.modalpicker{justify-content:flex-end}.modalpicker__wrapper{min-width:100%;margin:0 auto;border-radius:0}.modalpicker__panel{min-width:100%;max-width:auto}}div.app__scroller{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app__switch{position:relative;margin:0;padding:0;width:34px;height:18px;cursor:pointer;display:inline-block;max-width:100%;font-weight:700}.app__switch input[type=checkbox]{display:none}.app__switch .sw-pan{display:inline-block;width:inherit;height:inherit;background:var(--color-border);border-radius:10px;transition:all .2s ease-in-out}.app__switch .sw-btn{display:inline-block;width:16px;height:16px;position:absolute;top:1px;left:1px;background:var(--color-bg);border-radius:50%;transition:all .2s ease-in-out}.app__switch input:checked~.sw-btn{left:17px;background:#adadad}.app__switch input:checked~.sw-pan{opacity:.5;background:#adadad}.app__switch input:disabled~.sw-btn,.app__switch input:disabled~.sw-pan{opacity:.5;cursor:not-allowed}.sw-default input:checked~.sw-btn{background:#adadad}.sw-default input:checked~.sw-pan{background:#adadad}.sw-primary input:checked~.sw-btn{background:var(--color-bg)}.sw-primary input:checked~.sw-pan{opacity:1;background:var(--color-accent-1)}.sw-success input:checked~.sw-btn{background:#5cb85c}.sw-success input:checked~.sw-pan{background:#5cb85c}.sw-info input:checked~.sw-btn{background:#5bc0de}.sw-info input:checked~.sw-pan{background:#5bc0de}.sw-warning input:checked~.sw-btn{background:#f0ad4e}.sw-warning input:checked~.sw-pan{background:#f0ad4e}.sw-danger input:checked~.sw-btn{background:#d9534f}.sw-danger input:checked~.sw-pan{background:#d9534f}.app__settings--row{border-bottom:1px solid var(--color-border);align-items:center;width:100%;display:flex;justify-content:space-between}.app__settings--row:last-child{border-bottom:1px solid transparent}.app__settings--column{display:flex;flex-direction:column;width:100%;border-bottom:1px solid var(--color-border);border-bottom:1px solid transparent}.app__settings--device,.app__settings--item{display:flex;align-items:center;height:40px;border-bottom:1px solid var(--color-border)}.app__settings--device:last-child,.app__settings--item:last-child{border-bottom:1px solid transparent}.app__settings--device{width:100%;justify-content:space-between;padding:0 8px;position:relative}.app__settings--device>button{background-color:transparent;color:var(--color-fg);flex:1;text-align:left;padding:0;margin:0;border:0;cursor:pointer;height:100%}.app__settings--themes{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:4px}.app__settings--themes>.app__btn{flex:0 0 114px;padding:8px 0;margin:4px;border:1px solid var(--color-border)}.app__settings--item button{padding:0 8px;height:100%;font-size:12px;background-color:transparent;color:var(--color-fg)}.app__settings--item button.muted{color:var(--color-muted)}.app__settings--item button.text-danger{color:var(--danger)}.app__settings--item small{color:var(--main);font-size:12px;text-transform:uppercase}.app__settings--item>span{flex:1;text-align:center;font-size:12px}.app__settings--item-center,.app__settings--item-left,.app__settings--item-right{display:flex;align-items:center;font-size:12px;flex:1;line-height:1}.app__settings--item-center>button,.app__settings--item-left>button,.app__settings--item-right>button{padding:0;flex:0 0 40px;height:40px;display:flex;justify-content:center;align-items:center}.app__settings--item-center{flex:0 0 186px;justify-content:space-between}.app__settings--item-center>small{width:62px;font-size:10px}.app__settings--item-center>small:last-child{text-align:right}.app__settings--item-left{justify-content:flex-start}.app__settings--item-right{justify-content:flex-end}.app__settings .open small{color:var(--success)}.app__settings .closed small{color:var(--danger)}.app__settings .pending small{color:var(--warning)}.app__sliding{width:100%;position:relative;z-index:20}.app__sliding--panel{margin:0;padding:0;width:100%}.app__sliding--panel>li{appearance:none;display:block}.app__sliding--inner{width:100%;height:100%;overflow:hidden;transition:height .3s ease-in-out}.knob__tooltip{display:none;position:fixed;overflow:hidden;z-index:10;width:36px;height:48px;color:var(--color-muted);background:var(--color-fg);text-align:center;font-size:8px;line-height:8px;text-transform:uppercase;font-weight:600;padding:0 3px;border:1px solid var(--color-border);opacity:.9;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none}.knob__tooltip p{margin:0}.knob__tooltip-text{font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.knob__tooltip circle{transform:rotate(-90deg);transform-origin:50% 50%;stroke:var(--color-muted)}.knob__tooltip circle.knob__tooltip-circle{stroke:var(--color-bg)}.knob__tooltip circle.knob__tooltip-circle-bg{stroke:transparent}.knob__tooltip svg{pointer-events:none;width:80%;padding:0}