@import"https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&display=swap";.dropdown-panel-root[data-v-75fa1b5b]{position:relative}.dropdown-panel[data-v-75fa1b5b]{z-index:5;display:grid;gap:12px;padding:20px;box-shadow:10px 10px 0 0 var(--color-border);border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg)}.color-layout[data-v-72b6d239]{display:flex;gap:18px;flex-direction:column;align-items:center;position:relative}.color-layout[data-v-72b6d239]:before{content:"";left:50%;bottom:100%;margin-bottom:-15px;height:60px;width:1.5px;background-color:var(--color-border);position:absolute}.color-input[data-v-72b6d239]{position:relative;width:150px;height:50px;border-radius:8px;overflow:hidden;border:1.3px solid var(--color-border)}.color-input input[type=color][data-v-72b6d239]{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;display:block;opacity:0;border-radius:50%}.color-input input[type=color][data-v-72b6d239]::-webkit-color-swatch-wrapper{padding:0}.color-input input[type=color][data-v-72b6d239]::-webkit-color-swatch{border:0;border-radius:50%}.color-input input[type=color][data-v-72b6d239]::-moz-color-swatch{border:0;border-radius:50%}.color-input-overlay[data-v-72b6d239]{position:absolute;left:0;top:0;bottom:0;right:0;pointer-events:none;border-radius:4;transition:all .15s ease-in-out}.toggle-field[data-v-72b6d239]{display:inline-flex;align-items:center;gap:4px;color:var(--color-text)}.toggle-field input[data-v-72b6d239]{width:auto;min-height:auto}.color-button[data-v-72b6d239]{background-color:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border);padding:7px 15px 10px;font-size:1.2rem;position:relative;font-weight:500;position:absolute;left:50%;top:100%;transform:translate(-50%) scale(.7);margin-top:15px;height:48px;width:48px;border-radius:50%;overflow:hidden;transition:all .15s ease-in-out;cursor:pointer}.color-button[data-v-72b6d239]:hover,.color-button[data-v-72b6d239]:active,.color-button-active[data-v-72b6d239]{height:48px;width:150px;border-radius:8px;transform:translate(-50%) scale(1)}.color-button[data-v-72b6d239]:hover{border:5px solid var(--color-border);border-top-width:2px;border-left-width:2px}.color-button[data-v-72b6d239]:active,.color-button-active[data-v-72b6d239]{border:3px solid var(--color-border)!important}.color-button span[data-v-72b6d239]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:all .15s ease-in-out}.color-button:hover span[data-v-72b6d239],.color-button:active span[data-v-72b6d239],.color-button-active span[data-v-72b6d239]{opacity:1}.color-button:hover .color-input-overlay[data-v-72b6d239],.color-button:active .color-input-overlay[data-v-72b6d239],.color-button-active .color-input-overlay[data-v-72b6d239]{opacity:0!important}.hotkey-editor[data-v-5531abf5]{display:grid;gap:8px}.hotkey-row[data-v-5531abf5]{display:flex;align-items:stretch;gap:8px}.modifier-picker[data-v-5531abf5]{display:inline-flex;gap:4px;align-items:stretch;min-width:0;border-radius:0;overflow:hidden;background:var(--color-bg)}.modifier-option[data-v-5531abf5]{position:relative;display:flex;flex-shrink:0}.modifier-option input[data-v-5531abf5]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.modifier-key[data-v-5531abf5]{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-end;justify-content:center;min-width:68px;min-height:44px;padding:2px 10px 3px;white-space:nowrap;background:var(--color-bg);color:var(--color-text);-webkit-user-select:none;user-select:none}.modifier-key[data-key=shift][data-v-5531abf5]{min-width:82px}.modifier-key[data-key=alt][data-v-5531abf5],.modifier-key[data-key=ctrl][data-v-5531abf5]{min-width:76px}.modifier-key[data-key=meta][data-v-5531abf5]{min-width:86px}.modifier-symbol[data-v-5531abf5]{font-size:1rem;line-height:1}.modifier-label[data-v-5531abf5]{font-size:.7rem;line-height:1;letter-spacing:.02em;text-transform:lowercase}.modifier-key.active[data-v-5531abf5]{background-color:var(--color-active-check)}.modifier-option input:focus-visible+.modifier-key[data-v-5531abf5]{outline:2px solid var(--color-border);outline-offset:-2px}.hotkey-char-input[data-v-5531abf5]{width:auto}.amount-label[data-v-5531abf5]{font-size:.9rem;font-weight:500;display:flex;align-items:center}.amount-input[data-v-5531abf5]{width:64px}.gesture-card[data-v-badce464]{position:relative;text-align:center}.gesture-trigger[data-v-badce464]{width:100%;padding:14px 16px;font-size:2rem;line-height:1;text-align:left}.gesture-trigger-label[data-v-badce464]{font-size:1.1rem;font-weight:500;margin-bottom:4px;display:block}.gesture-trigger-value[data-v-badce464]{font-size:1.2rem;font-weight:500;line-height:1.2}.back-button[data-v-badce464]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:0;text-align:left;font-weight:600;cursor:pointer;font-size:1.2rem;margin-bottom:.5rem;margin-top:-.5rem;width:fit-content}.back-button[data-v-badce464]:hover{margin-left:-.5rem}.panel[data-v-9b5b5817]{border:0;background:transparent;border-radius:0;box-shadow:none;margin-bottom:4rem;text-align:center;padding:0}.color-panel[data-v-9b5b5817]{display:flex;align-items:center;flex-direction:column;padding-bottom:20px}.no-lighting[data-v-9b5b5817]{padding-bottom:0}.shell[data-v-34156f14]{min-height:100vh;position:relative;width:700px;margin:0;padding:10vh 100px 64px;text-align:center}.hero[data-v-34156f14]{border:0;background:transparent;border-radius:0;box-shadow:none;margin-bottom:4rem;text-align:center;padding:0}.connected .hero[data-v-34156f14]{margin-bottom:5.8rem}h1[data-v-34156f14]{font-size:3.4rem;line-height:1;font-weight:900;margin-top:1rem;color:var(--color-title)}h1+.primary[data-v-34156f14]{margin-top:2rem}h2[data-v-34156f14]{font-size:1.4rem;font-weight:500;line-height:1;letter-spacing:-.03em}.primary[data-v-34156f14]{padding:14px 16px;font-size:1rem;line-height:1;text-align:center;font-weight:500}.primary[data-v-34156f14]:disabled{opacity:.45;cursor:not-allowed}.grid[data-v-34156f14]{gap:20px;display:flex;flex-wrap:wrap;justify-content:center}.footer[data-v-34156f14]{position:absolute;bottom:20px;font-size:1.1rem;font-weight:500;text-align:center;left:0;right:0;opacity:.3}:root{--color-text: #000;--color-title: #000;--color-bg: #FFF;--color-border: #000;--color-active-check: #efefef;font-family:Commissioner,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.4;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::selection{background:var(--selection-color, var(--top-color));color:var(--color-text)}body{margin:0 auto;width:700px;background:var(--color-bg);color:var(--color-text)}button,input,select{font:inherit}h1,h2,.status,.field span{margin:0}.button{border:5px solid var(--color-border);border-top-width:2px;border-left-width:2px;border-radius:8px;background:var(--color-bg);color:var(--color-text);cursor:pointer}.button:active,.button.active{border-top-width:4px;border-left-width:4px;border-bottom-width:3px;border-right-width:3px}.field{display:grid;gap:8px}.field span{font-weight:500}.input{width:100%;border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;padding:10px 12px;min-height:44px;text-align:center;font-weight:500}.select{-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select;white-space:nowrap}.select::picker-icon{color:var(--color-text);translate:-2px 0}.input:focus-visible,.select:focus-visible,.primary:focus-visible{outline:2px solid var(--color-border);outline-offset:2px}.select-list{list-style:none;text-align:left;margin:-20px;padding:10px 0;max-height:270px;min-width:200px;overflow-y:auto}.select-item{padding:0}.select-item button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;background:0;border:0;font-weight:500;padding:12px 20px;cursor:pointer;white-space:nowrap}.select-item button:hover{background-color:var(--color-active-check)}.select-item.selected button{background-color:var(--color-text);color:var(--color-bg)}