@import url(https://unpkg.com/tailwindcss@3.0.23/src/css/preflight.css);@font-face{font-family:iA Writer Quattro S;src:url(/iAWriterQuattroS-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:iA Writer Quattro S;src:url(/iAWriterQuattroS-Bold.woff2) format("woff2");font-weight:700;font-style:normal}:root{--grey-full:#000;--grey:#242424;--grey-rgb:36 36 36;--grey-medium:#363636;--grey-light:#494949;--grey-lighter:#5c5c5c;--bg:var(--grey);--bg-rgb:36 36 36;--fg:#fff;--fg-trans:hsla(0,0%,100%,.076);--fg-rgb:255 255 255;--gap:20px;--rad:3px}body.light{--grey-full:#f3f3f3;--grey:#fcfcfb;--grey-medium:#f3f4f0;--grey-light:#dfdbdb;--bg:var(--grey);--fg:#000;--fg-trans:rgba(0,0,0,.076);--fg-rgb:0 0 0}body,html{height:100%}body{font-family:iA Writer Quattro S,sans-serif;font-size:15px;line-height:1.4;background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.control-panel{position:fixed;bottom:0;right:0}.control-panel .control-panel-entry{background-color:var(--grey-medium);border:none;border-radius:0;font-family:iA Writer Quattro S,sans-serif;padding:5px;box-shadow:none}.control-panel .dropdown{border:none}.control-panel .dropdown-option,.control-panel .dropdown-trigger{font-size:14px;border:none;background:transparent;color:var(--fg);line-height:1.2}.control-panel .dropdown-options{top:auto;bottom:100%;border:none}.control-panel .dropdown-option{padding:3px 7px}.control-panel .dropdown-option.selected{background-color:var(--grey-light);color:var(--fg)}.control-panel .arrow:after,.control-panel .arrow:before{background-color:var(--fg);transition:none}.landing-hgroup{text-align:center;display:grid;grid-gap:10px;gap:10px}.landing-title,.large-text{font-size:60px;font-weight:700;text-transform:lowercase;line-height:1;margin:0}.landing-hgroup h2{text-transform:none!important;letter-spacing:0!important}.bsx,.video-wrapper{box-shadow:0 .2px .7px rgba(0,0,0,.07),0 .4px 1.7px rgba(0,0,0,.101),0 .8px 3.1px rgba(0,0,0,.124),0 1.3px 5.1px rgba(0,0,0,.146),0 2.1px 8.5px rgba(0,0,0,.169),0 3.7px 14.8px rgba(0,0,0,.2),0 8px 32px rgba(0,0,0,.27)}.video-wrapper{font-size:0;overflow:hidden;position:relative;width:100%}.video-wrapper:after{display:block;content:""}.video-wrapper.ableton:after{padding-top:52.9%}.video-wrapper.bitwig:after{padding-top:58.06%}.video-wrapper.reaper:after{padding-top:58.44%}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--rad)}.video-wrapper .button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;border:none;z-index:1;background-color:rgba(var(--bg-rgb)/50%);font-size:30px;border-radius:var(--rad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:4px}.big-btn,.video-wrapper .button{width:100%;cursor:pointer;color:var(--fg)}.big-btn{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-decoration:none;border:1px solid var(--fg);padding:10px 20px;border-radius:var(--rad);text-align:center;background-color:var(--bg)}.big-btn:disabled{opacity:.5;cursor:not-allowed;transition:none}.big-btn:disabled:hover{background-position:0 0}.settings-link rect{fill:var(--fg)}body.light .homepage-hand{filter:invert(0);mix-blend-mode:darken}[data-backdrop]{background-color:rgb(var(--grey-rgb)/60%);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dialog{display:grid;grid-gap:var(--gap);gap:var(--gap);background-color:var(--grey-medium);border-radius:var(--rad);padding:var(--gap);width:100%;max-width:500px;top:50%;left:50%;position:fixed;box-shadow:0 .5px 1.4px rgba(0,0,0,.031),0 1.2px 3.1px rgba(0,0,0,.046),0 2.1px 5.3px rgba(0,0,0,.057),0 3.2px 8.2px rgba(0,0,0,.066),0 4.7px 12.2px rgba(0,0,0,.074),0 6.9px 17.9px rgba(0,0,0,.083),0 10.4px 26.8px rgba(0,0,0,.094),0 16.5px 42.7px rgba(0,0,0,.109),0 31px 80px rgba(0,0,0,.14);z-index:50;max-height:calc(100% - 32px);transform:translate3d(-50%,-50%,0) scale(.95);opacity:0;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dialog header{display:flex;justify-content:space-between;align-items:center}.dialog .video{justify-self:center}.dialog video{border-radius:var(--rad)}[data-backdrop][data-enter]{opacity:1}.dialog[data-enter]{transform:translate3d(-50%,-50%,0) scale(1);opacity:1}[data-dialog-dismiss]{font-size:24px}.dialog h3{font-size:25px;text-transform:uppercase}.dialog section,.mc-field-group{display:grid;grid-gap:10px;gap:10px}.mc-field-group,input[type=submit]{margin-top:5px}.mc-field-group input[type=email]{border:none;border-radius:var(--rad);padding:10px;font-size:16px;background-color:var(--grey-medium);color:var(--fg)}.brandingLogo{display:none}.help :target,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px dotted rgba(var(--fg-rgb)/.5);outline-offset:3px}.login-section,.loom-iframe{border-radius:var(--rad)}.login-section{display:grid;grid-gap:10px;gap:10px;text-align:center;background-color:var(--grey-light);background-image:linear-gradient(45deg,rgba(var(--grey-rgb)/.5) 25%,transparent 25%,transparent 50%,rgba(var(--grey-rgb)/.5) 50%,rgba(var(--grey-rgb)/.5) 75%,transparent 75%,transparent);padding:var(--gap)}section.login-section h2{font-size:25px}.login-section hgroup{display:grid;grid-gap:5px;gap:5px;margin-bottom:10px}.login-section p{margin-bottom:3px}.login-section label{max-width:550px;text-align:left;margin-inline:auto;margin-bottom:20px}.login-section .big-btn{background-color:var(--grey-light)}.landing.home-page{gap:50px}.betaboy{color:var(--bg);padding:20px;border-radius:var(--rad);text-align:center;background:url(/homepage-hand.webp) no-repeat right 30px bottom/contain var(--fg);background-repeat:none}body.light .betaboy{background:var(--fg)}.betaboy p{max-width:400px;margin-inline:auto}label{display:grid;grid-gap:15px;gap:15px;align-items:center;grid-auto-flow:column;justify-content:start;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:var(--rad);border:1px solid var(--fg);background-color:var(--bg);position:relative}input[type=checkbox]:checked:after{content:"";display:block;width:13px;height:13px;border-radius:calc(var(--rad) - 2px);background-color:var(--fg);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-animation:scaleIn .1s ease-in-out;animation:scaleIn .1s ease-in-out}@-webkit-keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.landing-image{width:300px;height:300px;margin-inline:auto;position:relative;position:fixed;z-index:-1;filter:invert(1);mix-blend-mode:lighten;opacity:.2}.landing-image.a{top:calc(50% - 150px);right:calc(50% - 600px)}.landing-image.b{width:270px;height:270px;top:130px;left:calc(50% - 600px)}.callouts{display:grid;grid-gap:20px;gap:20px}.callouts section{display:grid;grid-gap:10px;gap:10px;padding:20px 20px 35px;border-radius:var(--rad);border:2px solid var(--grey-light);position:relative}.callouts section:after{content:" ";position:absolute;left:3px;right:3px;bottom:-7px;height:5px;z-index:-1;background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,var(--grey-light) 2px,var(--grey-light) 4px)}.callouts h3{font-size:25px;text-transform:uppercase}.main-callout{display:grid;grid-gap:10px;gap:10px}section.main-callout h2{font-size:36px;text-transform:uppercase}.homepage-nav{display:grid;grid-gap:20px;gap:20px;grid-auto-flow:column;justify-content:end}.homepage-nav.banner a{text-decoration:none}.set-area .btn{background-color:var(--grey-light);border:none;border-radius:var(--rad);padding:5px 10px;font-size:16px;color:var(--fg)}.set-area .btn:hover{background-color:var(--grey-lighter)}.set-title button,.set-title-input{font-size:40px;margin:0;line-height:1;background-color:transparent;padding:0;font-weight:400;width:400px;text-align:left}.set-title button:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;-webkit-text-decoration-color:var(--grey-lighter);text-decoration-color:var(--grey-lighter)}.set-area header{grid-gap:var(--gap);grid-auto-flow:column;justify-content:start;align-items:end}.set-area,.set-area header{display:grid;gap:var(--gap)}.set-area{max-width:900px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:var(--gap);margin-inline:auto;grid-gap:var(--gap);padding-inline:var(--gap)}.set-area__gestures{display:grid;grid-template:auto/auto auto 100px repeat(3,auto);justify-content:start;align-items:center;grid-gap:var(--gap);gap:var(--gap)}kbd{display:inline-block;padding:3px 6px;border-radius:var(--rad);background-color:var(--bg);font-size:12px;font-family:monospace;color:var(--fg)}.on-button,kbd{border:1px solid var(--fg)}.on-button{border-radius:var(--rad);padding:5px 10px}.on-button[aria-pressed=true]{background-color:var(--fg);color:var(--bg)}.gesture-chooser{display:flex;justify-content:flex-start;text-align:center;gap:var(--gap)}.set-area__gesture__left{display:grid;grid-auto-flow:column;grid-gap:calc(var(--gap) / 2);gap:calc(var(--gap) / 2)}.set-area__gesture__left button{width:33px;height:33px;color:var(--fg);font-size:16px;padding:0!important;display:grid;place-content:center}.gesture-video video{width:33px;height:33px;border-radius:var(--rad)}.set-list{display:grid}.set-list button{padding:5px 10px;width:100%;text-align:left;font-size:1rem}.set-list button:hover{background-color:var(--grey-light);border-radius:var(--rad)}.set-list li{font-size:0;padding-block:2px}.set-list li:not(:last-child){border-bottom:1px solid var(--grey-light)}.getting-started-video{overflow:hidden;position:relative;width:100%}.getting-started-video:after{padding-top:60.2%;display:block;content:""}.getting-started-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--rad)}.dialog-content{display:grid;grid-gap:calc(.75 * var(--gap));gap:calc(.75 * var(--gap))}.no-video{width:50px;height:50px;border-radius:var(--rad);display:grid;place-content:center;background-color:var(--grey-light);color:var(--fg);font-size:20px}.demos-outer{margin-top:var(--gap)}.demos-list,.demos-outer{display:grid;grid-gap:calc(var(--gap) / 2);gap:calc(var(--gap) / 2)}.demos-list{grid-auto-flow:column;justify-content:start;align-items:center}.demos-list button{text-transform:capitalize}.magic-link{display:grid;grid-gap:calc(var(--gap) / 2);gap:calc(var(--gap) / 2);grid-auto-flow:column}input[type=email]{padding:5px 10px;border-radius:var(--rad);border:1px solid var(--fg);font-size:16px;background-color:var(--bg);color:var(--fg)}.verify-request .wrapper{max-width:450px;width:100%;padding-top:20px;margin-inline:auto;display:grid;grid-gap:calc(var(--gap) / 2);gap:calc(var(--gap) / 2)}.verify-request .img{width:100%;background:url(/homepage-hand.webp) no-repeat bottom/cover var(--bg);background-blend-mode:lighten;border-bottom:1px dashed var(--grey-lighter);overflow:hidden;position:relative}.verify-request .img:after{padding-top:100%;display:block;content:""}.hands-preview{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;z-index:-1;background-color:var(--bg);filter:blur(10px)}.auth-layout{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.auth-layout>header{padding:16px 20px;display:grid;grid-auto-flow:column;justify-content:space-between}.auth-layout nav{display:grid;grid-auto-flow:column;justify-content:start;align-items:center;grid-gap:25px;gap:25px}.auth-layout a{position:relative}.auth-layout a[aria-current=page]:after{content:" ";width:100%;height:8px;background-color:var(--fg);position:absolute;left:0;bottom:-16px}select{background-color:var(--bg)}.gestures{display:grid;justify-content:center;place-items:center;--size:min(max(100px,18.98vw),12vh);grid-template-columns:repeat(3,var(--size));grid-gap:max(30px,5.99vw);gap:max(30px,5.99vw);margin-top:30px;padding-inline:20px;width:min(100%,750px);margin-inline:auto}.gesture{display:grid;grid-gap:10px;gap:10px;justify-items:center}.gesture.disabled .cc-number,.gesture.disabled .gesture-image-wrapper,.gesture.disabled .gesture-title,.gesture.disabled .settings-link,.gesture.muted .cc-number,.gesture.muted .gesture-image-wrapper,.gesture.muted .gesture-title,.gesture.muted .settings-link{opacity:.25}.gesture.is-solo{opacity:1}.gesture.disabled .gesture-image{filter:blur(1px)}.gesture-title__wrapper{display:grid;align-items:center;grid-gap:5px;gap:5px;justify-items:center}.gesture-title{font-size:25px;font-weight:400;text-transform:uppercase;line-height:1}.gesture-image-wrapper{position:relative;width:var(--size);height:var(--size);border-radius:var(--rad);overflow:hidden;background-color:#b19779;font-size:0}.gesture-image-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.gesture-controls{display:grid;align-items:center;grid-gap:10px;gap:10px;justify-content:start;font-size:14px;padding:5px;justify-items:center}@media screen and (min-width:1001px){.gestures{margin-top:60px;gap:60px 70px;--size:190px;grid-template-columns:repeat(3,var(--size))}.gesture{justify-items:stretch;gap:12px}.gesture-title__wrapper{align-items:end;grid-template-columns:minmax(0,1fr) auto;justify-items:stretch}.gesture-controls{grid-auto-flow:column;gap:18px;justify-items:stretch}}.solo{background:var(--grey-medium);padding:3px 8px;border-radius:var(--rad)}.solo[aria-pressed=true]{color:var(--bg);background-color:var(--fg)}.cc-number{display:grid;grid-auto-flow:column;align-items:center;justify-content:start;grid-gap:7px;gap:7px}.cc-number select{font-weight:700;transform:translateY(-1px)}.settings-link{padding:11px 0}.on-off button[aria-pressed=false] .off,.on-off button[aria-pressed=true] .on{text-decoration:underline;text-underline-offset:3px}.set-bar{display:grid;grid-auto-flow:column;justify-content:start;grid-gap:18px;gap:18px;width:100%;padding:6px 20px;background-color:var(--grey-medium)}.set-bar select{font-weight:700;background-color:transparent}.page-container{max-width:1040px;margin:60px auto;display:grid;grid-gap:18px;gap:18px;padding-inline:20px}.page-container.landing{max-width:780px}.dialog h2,.md-text,.page-container h2{font-size:24px;font-weight:500;text-transform:uppercase;line-height:1.1;letter-spacing:.5px}.banner{background-color:#000;color:#fff;padding:10px 20px;text-align:center}.banner.warn{background-color:#ffa75b;color:#000;background-image:linear-gradient(180deg,#7535ff,#ffa75b);color:#fff}.banner a,.banner button{text-decoration:underline;text-underline-offset:3px}.setup-header{display:grid;grid-gap:18px;gap:18px;grid-auto-flow:column;justify-content:start;white-space:nowrap;align-items:baseline;margin-bottom:20px}.setup-grid{display:grid;grid-gap:18px;gap:18px}.setup-process{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-gap:8px;gap:8px}.setup-step{height:8px;background-color:var(--fg);opacity:.25;transition:opacity 0s linear}.setup-step.finished{opacity:1}.setup-step:first-child{transition-delay:50ms}.setup-step:nth-child(2){transition-delay:.1s}.setup-step:nth-child(3){transition-delay:.15s}.setup-step:nth-child(4){transition-delay:.2s}.setup-step:nth-child(5){transition-delay:.25s}.setup-step:nth-child(6){transition-delay:.3s}.setup-step:nth-child(7){transition-delay:.35s}.setup-step:nth-child(8){transition-delay:.4s}.setup-step:nth-child(9){transition-delay:.45s}.setup-step:nth-child(10){transition-delay:.5s}.setup-step:nth-child(11){transition-delay:.55s}.page-container.settings{gap:64px}.page-container.settings section{display:grid;grid-gap:18px;gap:18px;justify-content:start;justify-items:start}.light-dark{text-underline-offset:3px}.light-dark[aria-pressed=false] .dark,.light-dark[aria-pressed=true] .light{text-decoration:underline}.aside-column{grid-gap:18px;justify-items:start}.aside-column,.aside-column aside{display:grid;gap:18px;justify-content:start}.aside-column aside{grid-auto-flow:column;align-items:center;grid-gap:18px;margin-bottom:18px}.aside-column aside a{font-size:20px}.calibrate{display:grid;grid-gap:18px;gap:18px}hr{border:0;height:1px;width:100%;display:block;background-color:var(--grey-light)}#calibration-canvas{position:relative;width:100%;height:20px;border-radius:var(--rad);outline:1px solid var(--grey-light);outline-offset:2px;background-color:#fff}.calibrate-ranges{display:grid;grid-gap:9px;gap:9px}.calibrate-range-group{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;justify-content:start;align-items:center;grid-gap:5px;gap:5px;width:100%}.calibrate-range-group .value{text-align:right}.help{gap:24px}.help h3{font-size:20px;font-weight:400;text-transform:uppercase;line-height:1.1;margin-bottom:0}.help a{text-decoration:underline;text-underline-offset:3px}.help h2:not(:first-child){margin-top:18px}.help section{display:grid;grid-gap:9px;gap:9px;border-radius:var(--rad);outline-offset:10px!important}.perform-through{position:fixed;background-color:var(--grey-light);bottom:0;left:50%;transform:translateX(-50%);padding:1rem;display:grid;grid-auto-flow:column;grid-gap:var(--gap);gap:var(--gap);align-items:center}.perform-through .options{display:grid;grid-auto-flow:column;grid-gap:5px;gap:5px}.perform-through h4{font-weight:400}.perform-through .description{font-size:.8rem;color:var(--grey-dark);white-space:nowrap;text-transform:capitalize}.perform-through button{padding:.5rem 1rem;font-size:.8rem;border-radius:var(--rad);background-color:var(--grey);line-height:1}.control-panel-entry{width:250px;background-color:#8d8d8d;border:2px solid #fff;border-radius:15px;box-shadow:1px 1px 10px #000000a0;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:15px;line-height:25px;opacity:.8;padding:5px 25px;position:relative;z-index:100}.control-panel-text{cursor:default;font-size:20px;font-weight:600;text-align:center}.control-panel-toggle .label{position:relative}.control-panel-toggle .value{position:absolute;right:25px}.control-panel-toggle.yes{background-color:#398c39}.control-panel-toggle.no{background-color:#f92c2c}.control-panel-toggle.yes .value{color:#a3faa3}.control-panel-toggle.no .value{color:#f19e9e}.control-panel-slider .value{position:relative;width:100%}.control-panel-slider .callout{position:absolute;right:25px}.control-panel-fps{display:flex;justify-content:center;align-items:center}.control-panel-fps canvas{height:50px;width:100%;background-color:#222;border-radius:10px;margin-top:5px}.control-panel-fps .fps-text{position:absolute;font-size:20px;font-weight:600;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}.control-panel-source-picker{display:flex;flex-direction:column;align-items:center}.control-panel-source-picker .inputs{display:none}.control-panel-source-picker .file-selection div{display:flex;align-items:center;justify-items:center}.source-selection{display:flex}.source-selection,.video-controls{flex-direction:row;align-items:center;width:100%}.video-controls{display:none;justify-content:center;position:relative}.video-controls *{display:inline-block}.pause-button{height:100%}.video-track{height:5px;width:100%;background-color:#fff;flex-grow:1;margin-right:10px}.video-slider-ball{height:10px;width:10px;background-color:#fff;box-shadow:0 0 2px 2px #888;position:absolute;display:none;border-radius:50%}.video-time{padding-left:.1rem}.dropdown-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.dropdown{flex-direction:column;border-width:0 2px}.dropdown,.dropdown-trigger{position:relative;display:flex;border-color:#394a6d;border-style:solid}.dropdown-trigger{align-items:center;justify-content:space-between;padding:0 10px;font-size:16px;font-weight:300;color:#3b3b3b;height:30px;line-height:30px;background:#fff;cursor:pointer;border-width:2px 0}.dropdown-trigger,.dropdown-trigger span{white-space:nowrap;text-overflow:ellipsis}.dropdown-trigger span{max-width:calc(100% - 30px);overflow:hidden}.dropdown-options{position:absolute;display:block;top:100%;left:0;right:0;border:2px solid #394a6d;border-top:0;background:#fff;transition:all .5s;opacity:0;visibility:hidden;pointer-events:none;z-index:2}.dropdown.open .dropdown-options{opacity:1;visibility:visible;pointer-events:all}.dropdown-option{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:left;padding:0 5px;font-size:16px;font-weight:300;color:#3b3b3b;line-height:30px;cursor:pointer;transition:all .5s}.dropdown-option *{padding-right:.5rem}.dropdown-option:hover{cursor:pointer;background-color:#b2b2b2}.dropdown-option.selected{color:#fff;background-color:#305c91}.arrow{position:relative;height:15px;width:10.6066017178px;margin-left:10.6066017178px}.arrow:after,.arrow:before{content:"";position:absolute;bottom:0;width:.15rem;height:100%;transition:all .5s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.arrow:before{left:-5px;transform:rotate(135deg);background-color:#394a6d}.arrow:after{left:5px;transform:rotate(-135deg);background-color:#394a6d}.open .arrow:before{left:-5px;transform:rotate(45deg)}.open .arrow:after{left:5px;transform:rotate(-45deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fps-30{top:45%}.fps-30,.fps-60{position:absolute;font-size:8px;left:10px}.fps-60{top:15%}