@property --scrollbar{syntax: "<length>"; inherits: true; initial-value: 0px;}:root{--scrollbar-width: calc(100vw - 100cqw) ;--scrollbar-height: calc(100vh - 100cqh) ;--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black-darkest: #111111;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #d8ebff;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(255, 255, 255, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64);--color-app-background: var(--vt-c-black-darkest);--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--button-color: #dddddd;--button-background-color: #eeeeee14;--button-s-size: 25px;--button-m-size: 35px;--button-xl-size: 50px;--button-xxl-size: 70px;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;--font-xs: 10px;--font-s: 15px;--font-m: 18px;--font-xl: 20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--hover-color: #3bb1ff;--selected-text-color: #ffffff;--selected-background-color: #265d7469;--selected-text-color-color: #5ca1be;--input-background-color: #00000057;--audio-background-color: #333333;--position-color: #41ff41;--position-color-background: #05412d35;--margin-1: 3px;--margin-2: 6px;--margin-3: 12px;--glow-light: 0px 0px 15px rgba(26, 201, 58, .5);--glow-dark: 0px 0px 10px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}@media(max-width:1024px){:root{--button-s-size: 20px;--button-m-size: 45px;--button-xl-size: 60px;--button-xxl-size: 90px;--font-s: 15px;--font-m: 20px;--font-xl: 30px}}@font-face{font-family:digital;src:url(/assets/SFDigitalReadout-Medium-Bzud2AxH.ttf)}.digital{font-family:digital}body{position:absolute;height:100%;width:100%;overflow-x:hidden;overflow-y:hidden;color:var(--color-text);background:var(--color-app-background);transition:color .5s,background-color .5s;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:var(--font-m);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{font-weight:400;margin:0;padding:0}.no-select{-webkit-user-select:none;user-select:none}.vcontent{height:100%;width:100%;display:flex;flex-direction:column}.vcontent>div:nth-child(1){margin-bottom:5px;background-color:var(--color-background-soft)}.vcontent>div:nth-child(2){flex-grow:1;overflow:hidden}.vcontent>div:nth-child(3){margin-top:5px;background-color:var(--color-background-soft)}a{text-decoration:none;color:#defff4;transition:.4s;padding:3px}@media(hover:hover){a:hover{background-color:#00bd7e33}}input,select,.input{background-color:var(--input-background-color);color:#ddd;outline:none;border:1px solid transparent;border-color:transparent;transition:border-color .25s}input:hover,input:focus,.input:hover,.input:focus,select:hover,select:focus{border-color:var(--hover-color)}select{padding:2px}select option{background-color:#222;color:#eee;padding-top:2px;padding-bottom:2px}select option:checked{background-color:var(--selected-background-color);color:var(--selected-text-color)}label{font-size:50%;display:inline-block}button,.button{background-color:var(--button-background-color);color:var(--button-color);border-radius:5px;border:1px solid transparent;padding:3px 5px;min-height:var(--button-m-size);min-width:var(--button-m-size);font-size:var(--font-m);font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;align-content:center;justify-items:center}button:disabled,.button:disabled{background-color:#2e2e2e;color:#dddddd60;cursor:unset;opacity:.5}button>.h-spaced,.button>.h-spaced{display:grid;column-gap:2px;grid-auto-flow:column}button:hover:not(:disabled),.button:hover:not(:disabled){border-color:var(--hover-color);background-color:#2e2e2e}.button-selected{background:var(--selected-background-color)}.button-s{min-height:var(--button-s-size);min-width:var(--button-s-size);padding:0 2px;border-radius:2px;font-size:var(--font-s)}.button-m{min-height:var(--button-m-size);min-width:var(--button-m-size);font-size:var(--font-m);padding:0 2px}.button-xl{min-height:var(--button-xl-size);min-width:var(--button-xl-size);font-size:var(--font-xl)}.button-xxl{min-height:var(--button-xxl-size);min-width:var(--button-xxl-size);font-size:calc(var(--button-xxl-size) / 2.5)}button>label,.button label{font-size:60%}.button-round{border-radius:50%}button>div{display:flex;flex-direction:row;column-gap:2px;align-items:center}.text-ellipse{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-wrap{white-space:nowrap}.hcontent{display:flex;flex-direction:row;align-content:center}.hcontent-wrap{display:flex;flex-wrap:wrap}.space-between{justify-content:space-between}.hcontent .gap{column-gap:2px}.ml-1{margin-left:var(--margin-1)}.ml-2{margin-left:var(--margin-2)}.ml-3{margin-left:var(--margin-3)}.mr-1{margin-right:var(--margin-1)}.mr-2{margin-right:var(--margin-2)}.mr-3{margin-right:var(--margin-3)}.mt-1{margin-top:var(--margin-1)}.mt-2{margin-top:var(--margin-2)}.mt-3{margin-top:var(--margin-3)}.mb-1{margin-bottom:var(--margin-1)}.mb-2{margin-bottom:var(--margin-2)}.mb-3{margin-bottom:var(--margin-3)}.about{min-height:100vh;display:flex;flex-direction:column}.about>div{text-align:left;margin-left:auto;margin-right:auto;padding:10px;word-wrap:normal}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease,visibility .5s ease}.fade-enter-from,.fade-leave-to{opacity:0;visibility:hidden}.fade-enter-to,.fade-leave-from{opacity:1;visibility:visible}.text-xs{font-size:var(--font-xs)!important}.text-s{font-size:var(--font-s)!important}.text-m{font-size:var(--font-m)!important}.text-xl{font-size:var(--font-xl)!important}.fx-label{width:100%;border:1px solid transparent;border-radius:5px;padding:3px;transition:border-color .25s}.fx-label:hover{border-color:var(--hover-color);background-color:#2e2e2e}.fx-dialog{display:flex;flex-direction:column}.fx-dialog>.title{font-size:large;color:#777;font-weight:lighter;margin-bottom:5px}.fx-dialog>.body{display:flex;flex-direction:row;column-gap:5px;margin-bottom:5px}.fx-dialog>.actions{display:flex;flex-direction:row;justify-content:space-between;column-gap:5px}.text-shadow{text-shadow:0px 2px 2px black}.m-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;overflow:hidden}.m-target{display:unset}.m-center{display:flex;align-items:center;justify-content:center}.m-container{padding:10px;background-color:#333;border-radius:10px;border:.1px solid #000000;box-shadow:var(--glow-dark)}.dialog-content[data-v-c9a73dac]{width:400px;font-size:small;display:flex;column-gap:10px}.dialog-content>img[data-v-c9a73dac]{width:100px}.logo[data-v-4506a102]{display:block;margin:0 auto 2rem}.app-overlay[data-v-4506a102]{position:fixed;z-index:9997;top:0;left:0;width:100%;height:100%;background-color:#00000080;overflow:hidden}.app-overlay .busy[data-v-4506a102]{background-color:#0000004d;justify-items:center;align-content:center;padding:5px}.app-overlay-logs[data-v-4506a102]{position:fixed;z-index:9998;bottom:0;right:0;background-color:#00000080;overflow:hidden}.slider[data-v-265e1c99]{display:inline-block}.slider[data-v-265e1c99]:hover{background-color:#d1d1d118}.confirmButton[data-v-de3dfdf6]{background-color:#d0c419!important;color:#220!important}.sample-detail[data-v-de3dfdf6]{padding:2px;height:206px;width:100%;font-size:var(--font-s);display:grid;grid-template-columns:auto 1fr}.sample-detail-menu[data-v-de3dfdf6]{display:flex;flex-direction:column;gap:2px;align-items:center;padding:2px}.sample-detail-controls[data-v-de3dfdf6]{padding-left:2px;padding-right:2px;height:100%;display:grid;gap:2px;grid-template-rows:auto auto 1fr auto}.sample-info[data-v-de3dfdf6]{position:absolute;left:130px;z-index:1;white-space:nowrap}canvas[data-v-2ebe39f2]{background-color:#0002}.audioGraphSegments{display:flex;flex-direction:row;width:fit-content}.sample-view[data-v-5650523c]{position:absolute;display:flex;flex-direction:column;row-gap:1px;height:201px;width:fit-content}.sample-lane[data-v-5650523c]{width:fit-content;height:100px}.sample-overlay[data-v-5650523c]{position:absolute;top:0;left:0}.position-indicator[data-v-5650523c]{position:absolute;height:200px}.position-indicator>div[data-v-5650523c]{width:2px;height:100%}.sample-selection[data-v-5650523c]{display:flex;background-color:var(--selected-background-color);flex-direction:row;justify-content:space-between}.sample-selection-contact-area[data-v-5650523c]{width:8px;display:grid;grid-template-rows:auto}.sample-selection-contact-area .selection-gripper[data-v-5650523c]{border-left:solid 2px rgba(255,255,255,.2);border-right:solid 2px rgba(255,255,255,.2);cursor:ew-resize}@media(pointer:coarse){.sample-selection-contact-area .selection-gripper[data-v-5650523c]{border-left:solid 2px rgba(255,255,255,.8);border-right:solid 2px rgba(255,255,255,.8);position:relative;top:25%;height:50%}}.lock-y-indicator[data-v-5650523c]{position:absolute;background:radial-gradient(circle,#ffffffba,#fff0);height:1px;width:50px}.gauge[data-v-e026ff0f]{width:100%;height:100%;border-radius:50%;transition:background-color .25s;background-color:#d1d1d10a}.gauge[data-v-e026ff0f]:hover{background-color:#d1d1d125}.guage-content[data-v-e026ff0f]{position:relative;left:0;top:calc(-100% - 5px);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.gauge[data-v-9a8d99be]{width:100%;height:100%;border-radius:50%;transition:background-color .25s;background-color:#d1d1d10a}.gauge[data-v-9a8d99be]:hover{background-color:#d1d1d125}.guage-content[data-v-9a8d99be]{position:relative;left:0;top:calc(-100% - 5px);width:100%;height:100%;display:flex;justify-content:center;align-items:center}.snap-options[data-v-bca17bac]{display:flex;flex-direction:row;column-gap:5px}.container[data-v-87a60403]{display:flex;flex-direction:row;width:fit-content}.time-segment>div[data-v-87a60403]{border-left:solid 2px #ffffff65;height:15px;display:flex;flex-direction:row}.time-segment>div>div[data-v-87a60403]:nth-child(1){border-left:none!important}.time-sub-seg[data-v-87a60403]{border-left:solid 1px #ffffff56;height:7px}.sample-container[data-v-abd42c9a]{display:flex}.actions[data-v-abd42c9a]{display:flex;justify-content:center;align-items:center}.layout-content[data-v-a3edd9b9]{height:100%;width:100%;display:flex;flex-direction:column}.layout-content>.sample-containter[data-v-a3edd9b9]{flex-grow:1;overflow:auto;width:auto}.snapOptionsContainer[data-v-a3edd9b9]{display:flex;justify-content:center;padding-top:5px;padding-bottom:5px;background-color:#111;position:sticky;left:0}.position-area[data-v-a3edd9b9]{position:relative}.position-area>.overlay[data-v-a3edd9b9]{top:0;left:0;position:absolute;pointer-events:none}.zoomAudioGraphContainer[data-v-a3edd9b9]{background-color:transparent;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.zoomAudioGraph[data-v-a3edd9b9]{display:grid;grid-template-rows:auto;row-gap:5px;background-color:#0000005f}.zoomAudioGraph>div[data-v-a3edd9b9]{width:150px}.sample-selection-info[data-v-a3edd9b9]{display:flex;flex-direction:column;background-color:var(--selected-background-color);padding-left:3px;padding-right:3px;align-items:start;justify-content:center}.sample-selection-info>div[data-v-a3edd9b9]:first-child{font-size:var(--font-m);color:var(--selected-text-color);opacity:.5}.sample-selection-info>div[data-v-a3edd9b9]:last-child{font-size:var(--font-m);color:var(--selected-text-color)}.sample-details[data-v-a3edd9b9]{width:120px}.sample-row[data-v-a3edd9b9]{height:210px;position:relative}.sample-audiograph[data-v-a3edd9b9]{display:flex}.position-container[data-v-a3edd9b9]{display:flex;background-color:var(--position-color-background);height:40px;margin-bottom:3px;color:var(--position-color)}.position-indicator>div[data-v-a3edd9b9]:nth-child(1){margin-left:5px;margin-right:5px;background-color:var(--position-color);width:2px;height:40px;cursor:ew-resize}.position-indicator>div[data-v-a3edd9b9]:nth-child(2){color:var(--position-color);left:10px;top:2px;position:absolute}@media(max-width:800px){button>label[data-v-a3edd9b9]{display:none}}.add-sample[data-v-a3edd9b9]{display:flex;flex-direction:column;row-gap:10px}.add-sample>button[data-v-a3edd9b9]{padding:10px;white-space:nowrap;text-align:start}.add-samples-inline[data-v-a3edd9b9]{display:flex;column-gap:5px;flex-direction:row}.add-samples-inline button[data-v-a3edd9b9]{box-shadow:var(--glow-light);border-radius:10px;margin:10px;padding:10px}.fx-menu[data-v-a3edd9b9]{display:flex;flex-direction:column;row-gap:5px}.selection-display-start[data-v-a3edd9b9],.selection-display-end[data-v-a3edd9b9]{font-family:digital}.selection-display-start>div[data-v-a3edd9b9]:nth-child(1),.selection-display-end>div[data-v-a3edd9b9]:nth-child(1){position:absolute;background-color:var(--selected-text-color-color);width:1px;height:30px;left:-12px;bottom:0}.selection-display-start>div[data-v-a3edd9b9]:nth-child(2){bottom:0}.selection-display-end>div[data-v-a3edd9b9]:nth-child(2){bottom:10px}.selection-display-start>div[data-v-a3edd9b9]:nth-child(2),.selection-display-end>div[data-v-a3edd9b9]:nth-child(2){position:absolute;color:var(--selected-text-color-color);padding:0;left:-8px;font-size:small}.scroll-layout[data-v-a3edd9b9]{position:relative;width:100%;height:100%;overflow:auto}.header-row[data-v-a3edd9b9]{position:sticky;top:0;display:flex;flex-direction:row;z-index:20;background-color:#000;width:fit-content}.content-row[data-v-a3edd9b9]{display:flex;flex-direction:row}.top-header[data-v-a3edd9b9]{position:sticky;top:0;left:0;margin-left:125px;right:0;z-index:10}.left-header[data-v-a3edd9b9]{position:sticky;float:right;top:0;left:0;bottom:0;z-index:10}.content-main[data-v-a3edd9b9]{margin-left:5px;margin-top:2px}