@charset "UTF-8";.app__header{position:absolute;height:80px;z-index:999;background:transparent;top:0;top:env(safe-area-inset-top,0px);right:0;right:env(safe-area-inset-right,0px);display:flex;mix-blend-mode:difference}.app__header--right{display:flex;justify-content:flex-end}.app__header--logo{display:flex;align-items:center;justify-content:center;color:var(--light);font-size:24px;text-align:center;width:80px}.app__header--logo img{width:50px;height:auto}.app__header--thumb{opacity:0;display:none;width:48px;height:48px;align-items:center;justify-content:center}.app__header--thumb.img-loaded{display:flex;opacity:1}.app__header .app__fileinput{display:flex;justify-content:center;align-items:center;flex-direction:column;width:64px;height:64px;margin:8px;cursor:pointer;position:relative;text-align:center;background:transparent;border-radius:50%;color:var(--color-fg)}.app__header .app__fileinput svg{margin-left:-4px}.app__burger{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80px;height:80px;cursor:pointer;position:relative;text-align:center;background:transparent;border-radius:50%}.app__burger--svg{width:46px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s;user-select:none}.app__burger--svg .line{fill:none;stroke:var(--color-fg);stroke-width:4;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.app__burger--svg .line1{stroke-dasharray:60 207;stroke-width:4}.app__burger--svg .line2{stroke-dasharray:60 60;stroke-width:4}.app__burger--svg .line3{stroke-dasharray:60 207;stroke-width:4}.app__burger.opened .app__burger--svg .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:4}.app__burger.opened .app__burger--svg .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:4}.app__burger.opened .app__burger--svg .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:4}.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}div.app__scroller{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app__sliding{width:100%;height:100%;position:relative;z-index:20}.app__sliding--panel{margin:0 auto;padding:0 16px;width:100%}.app__sliding--panel>li{appearance:none;display:block}.app__sliding--inner{height:100%;overflow:hidden;transition:height .3s ease-in-out;display:flex;justify-content:center}.app__sliding--menu-left-enter{opacity:0}.app__sliding--menu-left-enter-active{opacity:1;transition:transform .3s ease-in-out,opacity .3s ease}.app__sliding--menu-left-exit{position:absolute}.app__sliding--menu-left-exit-active{opacity:0;transition:transform .3s ease-in-out,opacity .3s ease}.app__sliding--menu-left-exit-done{display:none}.app__sliding--menu-right-enter{opacity:0}.app__sliding--menu-right-enter-active{opacity:1;transition:transform .3s ease-in-out,opacity .3s ease}.app__sliding--menu-right-exit{position:absolute}.app__sliding--menu-right-exit-active{opacity:0;transition:transform .3s ease-in-out,opacity .3s ease}.app__sliding--menu-right-exit-done{display:none}@media screen and (max-width: 768px){.app__sliding{min-height:auto;max-height:auto}}:export{slideTime:.3s}.app__menusliding{max-height:calc(100vh - 164px);width:100%;border-radius:2px}.app__menusliding--body{width:100%}.app__menusliding--row{width:100%;align-items:center;display:flex;justify-content:space-between}.app__menusliding--item{min-height:40px;background-color:transparent;color:var(--color-fg);border:0;width:100%;justify-content:center;padding:0;margin:8px auto;display:flex;align-items:center;flex:1;white-space:nowrap;position:relative}.app__menusliding--item>small{white-space:nowrap;letter-spacing:0}.app__menusliding--nav,.app__menusliding--back{background-color:transparent;color:var(--color-fg);text-align:left;padding:0;margin:0;border:0;cursor:pointer;text-align:center}.app__menusliding--bottom{position:absolute;left:0;bottom:0;padding:16px}.app__menusliding--bottom a{color:var(--color-fg)}.app__menusliding--bottom svg{stroke:var(--color-fg)}.app__hero{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;font-weight:300;letter-spacing:.2rem;text-transform:uppercase;pointer-events:none;z-index:1}.app__hero h1{font-size:calc(max(4em,5vw)*.75);letter-spacing:.2rem;text-align:center;font-weight:400}.app__background{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;pointer-events:none}.app__background canvas{width:100%;height:100%}.app__container{width:100%;height:100%;display:flex;flex-direction:column}.app__container>*{flex:0 0 auto}.app__content{width:100%;height:100%}.app__dropzone{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1000;opacity:0;pointer-events:none}.app__dropzone--overlay{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1000;background-color:#0000001a}.app__dropzone--content{position:absolute;top:16px;left:16px;bottom:16px;right:16px;border:1px;z-index:1000;border:1px dashed var(--danger);border-radius:0;display:flex;justify-content:center;align-items:center;color:#fff}.app__dropzone--row{text-align:center}.app__dropzone.active{opacity:1}.ogl-bg{width:100%;height:100%;z-index:0;inset:0;position:fixed;pointer-events:none}.appmenu{text-align:center;width:100%;height:100%;overflow:hidden;position:fixed;top:0;left:0;z-index:998;display:grid;grid-template-columns:100%;grid-template-rows:1fr auto auto;pointer-events:none}.appmenu.menu--open{pointer-events:auto}.appmenu__menu{position:relative;width:100%;display:flex;justify-content:center}.appmenu__item{width:100%;position:relative;overflow:hidden}.appmenu__item-inner{overflow:hidden;transform:translate3d(101%,0,0);height:100%;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center}.appmenu__item--1 .appmenu__item-inner{padding-top:env(safe-area-inset-top,0px);background:var(--color-bg)}.appmenu__item--2 .appmenu__item-inner{background:var(--color-muted);padding-top:30px;padding-bottom:30px}.appmenu__item--3 .appmenu__item-inner{background:var(--color-bg);padding-top:30px;padding-bottom:38px}.appmenu__item--4{display:none}.appmenu__item--4 .appmenu__item-inner{background:var(--color-muted)}.appmenu__item--5{display:none}.appmenu__item--5 .appmenu__item-inner{background:var(--color-dark)}.appmenu__item-map{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;transition:transform .8s cubic-bezier(.2,1,.8,1)}.appmenu__item-link{display:flex;flex-direction:column;width:100%;height:calc(100% - 3rem);padding:2rem;margin:3rem 0 auto}.appmenu__item-link>button{text-align:left;align-self:flex-start;justify-self:start;font-size:1.5rem;line-height:1;padding:0;color:var(--lightish);background-color:transparent;border:none;outline:none;cursor:pointer}.appmenu__item-link>button:hover{color:var(--light)}.appmenu__item-hoverlink{position:relative;z-index:1000;display:block;color:var(--lightish)}.appmenu__item-hoverlink:hover{color:var(--light)}.appmenu__label{display:none}.appmenu .sidemenu{display:flex;justify-content:space-around;padding:0 4px}.appmenu .sidemenu__item{position:relative;overflow:hidden;transition:color .1s;margin:.25rem 0;display:block;color:var(--light)}.appmenu .sidemenu__item:active,.appmenu .sidemenu__item:visited{color:var(--light)}.appmenu .sidemenu__item-inner{display:block;transform:translate3d(0,100%,0)}.appmenu__logo{position:absolute;bottom:0;left:0}.appmenu__logo .app__header--logo{display:flex;justify-content:center;align-items:center;flex-direction:column;width:80px;height:80px;cursor:pointer;position:relative;text-align:center;background:transparent;border-radius:50%}.appmenu .quote{font-size:2rem;padding:1rem;text-align:center;max-width:70%;color:var(--lightish)}@media screen and (min-width: 1010px){.appmenu{grid-template-columns:20% 30% 50%;grid-template-rows:60% 40%;grid-template-areas:"item3 item2 item1" "item4 item5 item1"}.appmenu__label{display:block;color:var(--lightish-alt);position:absolute;z-index:1000;margin:0;white-space:nowrap}.appmenu__label:before{content:"\2014  ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-1px;margin:0 .75rem 0 0}.appmenu__item{height:100%}.appmenu__item-inner{align-items:center}.appmenu__item--1{grid-area:item1}.appmenu__item--2{grid-area:item2}.appmenu__item--3{grid-area:item3}.appmenu__item--4{grid-area:item4;display:block}.appmenu__item--5{grid-area:item5;display:block}.appmenu__item-hoverlink{font-size:1.25rem;text-transform:lowercase;transition:opacity .3s}.appmenu__item-inner:hover .menu__item-hoverlink{opacity:1}.appmenu .sidemenu{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.appmenu .sidemenu__item{text-transform:uppercase;letter-spacing:.15rem}.appmenu .label--topleft{top:2rem;left:2rem}.appmenu .label--vert,.appmenu .label--vert-mirror{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.appmenu .label--vert-mirror{transform:rotate(180deg)}.appmenu .label--vert:before,.appmenu .label--vert-mirror:before{margin:.75rem 0}.appmenu .label--bottomright{bottom:2rem;right:2rem}}.app__playbar{position:absolute;background-color:var(--color-bg);color:var(--color-fg);letter-spacing:0;width:100%;height:84px;left:0;bottom:0;right:0;z-index:997;display:flex;justify-content:flex-start;align-items:center;transform:translateY(46px);transition:transform .3s cubic-bezier(.45,0,.55,1)}.app__playbar.empty{transform:translateY(84px)}.app__playbar.opened{transform:translate(0)}.app__playbar--wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.app__playbar--controls{display:flex;flex:0 0 38px;border-bottom:1px solid var(--border)}.app__playbar--controls>div{display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;letter-spacing:.025rem;border-right:1px solid var(--border)}.app__playbar--controls button{appearance:none;border:0;border-right:1px solid var(--border);text-align:left;font-size:12px;letter-spacing:.025rem;background-color:transparent;font-weight:200;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app__playbar--controls-inner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;bottom:1px;position:relative}.app__playbar--controls-playpause{flex:0 0 44px;display:flex;align-items:center;justify-content:center;border:0;color:var(--primary);background-color:var(--color-bg);border-right:1px solid var(--border);margin:0;padding:0}.app__playbar--controls-info{flex:1;color:var(--color-fg)}.app__playbar--controls-attr{flex:0 0 60px;display:flex;align-items:center;justify-content:center}.app__playbar--surfer{display:flex;flex:1;min-height:0;background-color:var(--color-muted);padding:2px 8px}@media screen and (min-width: 786px){.app__playbar{height:46px;transform:translate(0);opacity:.1}.app__playbar.opened{opacity:1}.app__playbar--wrapper{flex-direction:row}.app__playbar--controls{flex:0 0 360px;min-width:360px}}.app__surfer{width:100%;height:100%;position:relative;user-select:none}.app__surfer--display{width:100%;height:100%}@keyframes haloripple{0%{opacity:0;width:100%;height:100%}50%{opacity:1}to{opacity:0;width:calc(100% + 80px);height:calc(100% + 80px)}}.app__loader{width:100%;height:100%;z-index:97;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;opacity:1}.app__loader--fixed{position:fixed}.app__loader--halo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:30vmin;min-height:30vmin;max-width:30vmax;max-height:30vmax;margin:auto}.app__loader--halo:before{content:"";position:absolute;border-radius:50%;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;width:100%;height:100%;opacity:0;border:1px solid var(--primary);animation-name:haloripple;filter:drop-shadow(0 0 5.3333333333px rgba(var(--primary),.75))}.app__loader--hidden{visibility:hidden;opacity:0;transition:visibility 0s .5s,opacity .5s ease-in-out}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css *//*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 9, 2022 */@font-face{font-family:"CY.Grotesk-Grand";src:url(/assets/cy_grotesk_grand_medium-webfont.2fd08632.woff2) format("woff2"),url(/assets/cy_grotesk_grand_medium-webfont.9d9dbf41.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:"CY.Grotesk-Grand";src:url(/assets/cy_grotesk_grand_light-webfont.4989e610.woff2) format("woff2"),url(/assets/cy_grotesk_grand_light-webfont.a9015920.woff) format("woff");font-weight:300;font-style:normal}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1,.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:rgba(0,0,0,.2)}*,*: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:300;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:.05rem}body .app__container,body .app__page{width:100%;height:100%;display:flex;flex-direction:column}body.app__standalone{width:100vw;height:100vh;position:relative!important;display:flex;flex-direction:column}body.app__standalone .app__container{margin:0;width:100vw;height:auto;flex:1;position:relative}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:Montserrat,-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,-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}h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:.5rem;font-family:"CY.Grotesk-Grand",Montserrat,-apple-system,BlinkMacSystemFont,Avenir,Avenir Next,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;line-height:1.2}h1,.h1{font-size:calc(1.3625rem + 1.35vw)}@media (min-width: 1200px){h1,.h1{font-size:2.375rem}}h2,.h2{font-size:calc(1.315rem + .78vw)}@media (min-width: 1200px){h2,.h2{font-size:1.9rem}}h3,.h3{font-size:calc(1.29125rem + .495vw)}@media (min-width: 1200px){h3,.h3{font-size:1.6625rem}}h4,.h4{font-size:calc(1.2675rem + .21vw)}@media (min-width: 1200px){h4,.h4{font-size:1.425rem}}h5,.h5{font-size:1.1875rem}h6,.h6{font-size:.95rem}:root{--primary: #555555;--secondary: #a834e1;--color-fg: #f8f9fa;--color-bg: #161618;--main: #555555;--success: #7dd321;--warning: #f0c52d;--danger: #e92c81;--info: #a834e1;--special: #f951d9;--color-accent-1: #6859eb;--color-accent-2: #a834e1;--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{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;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__layout{flex:1 1 auto;display:flex;overflow:hidden}.app__layout>*{flex:0 0 auto}.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:#555;color:var(--main)}.text-success{color:#7dd321;color:var(--success)}.text-info{color:#a834e1;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__three--nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);right:0;padding:8px;border-radius:2px;overflow:visible}.app__three--nav li{padding:8px;list-style:none;position:relative;appearance:none}.app__three--nav li button,.app__three--nav li .dot{width:32px;height:32px;text-indent:-9999px;line-height:32px;cursor:pointer;position:relative;background:none;border:1px solid transparent;display:flex;color:transparent;background-color:#0006;appearance:none}.app__three--nav li button:before,.app__three--nav li .dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:100%;background:#eee;transition:all .2s linear}.app__three--nav a:not(.dot){color:#fff;user-select:none}.app__three--vis{flex:1;display:flex;max-width:520px;margin:0 auto;justify-content:center}.app__three--vis-thumbs{display:flex;flex:1;justify-content:center;background-color:var(--color-bg)}.app__three--vis-thumb{width:92px;height:92px;position:relative}.app__three--vis-thumb.active:after{content:"";position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:100%;background:#eee}.app__three--vis-thumb>span{display:flex;justify-content:center;align-items:center;font-size:9px;position:absolute;text-align:center;z-index:3;bottom:4px;left:4px;color:var(--color-fg);background-color:var(--color-bg)}.app__three--vis-next,.app__three--vis-prev{width:36px}