:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--y-c-mute: #0041d19c;--y-c-mute-before: #2581ff9c;--y-c-blue: rgb(0, 0, 139);--y-c-blue-btn-back: rgb(0, 14, 167);--y-c-blue-text-shadow: rgb(172, 229, 238);--y-c-blue-box-shadow: rgb(0, 21, 255);--y-c-blue-btn-text: rgb(28, 169, 201);--y-c-blue-rad-grad: radial-gradient(ellipse farthest-side at center center, var(--y-c-blue-box-shadow) 0%, transparent 100%);--y-c-blue-rad-grad-hover: radial-gradient(ellipse farthest-side at center center, var(--y-c-blue-shadow-light) 0%, var(--y-c-blue-btn-back) 100%);--y-c-blue-rad-grad-disable: radial-gradient(ellipse farthest-side at center center, var(--y-c-mute) 0%, transparent 100%);--y-c-blue-play-rad-grad: radial-gradient(ellipse farthest-side at center center, var(--y-c-blue-box-shadow) 0%, var(--y-c-blue) 100%);--y-c-blue-play-rad-grad-hover: radial-gradient(ellipse farthest-side at center center, var(--y-c-blue-shadow-light) 0%, var(--y-c-blue) 100%);--y-c-blue-shadow-light: rgb(0, 140, 240);--vt-c-indigo: #2c3e50;--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(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--y-c-blue);--color-background-soft: var(--vt-c-white-soft);--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;--color-background-mute: var(--y-c-mute);--color-background-mute-before: var(--y-c-mute-before);--color-back: var(--y-c-blue);--color-btn-back: var(--y-c-blue-btn-back);--color-box-shadow: var(--y-c-blue-box-shadow);--color-btn-text: var(--y-c-blue-btn-text);--color-radial-grad: var(--y-c-blue-rad-grad);--color-radial-grad-hover: var(--y-c-blue-rad-grad-hover);--color-radial-grad-disabled: var(--y-c-blue-rad-grad-disable);--color-play-radial-grad: var(--y-c-blue-play-rad-grad);--color-play-radial-grad-hover: var(--y-c-blue-play-rad-grad-hover);--color-shadow-light: var(--y-c-blue-shadow-light);--color-text-shadow: var(--y-c-blue-text-shadow)}[data-theme=dark]{--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-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-back: var(--y-c-blue);--color-btn-back: var(--y-c-blue-btn-back);--color-box-shadow: var(--y-c-blue-box-shadow);--color-btn-text: var(--y-c-blue-btn-text);--color-radial-grad: var(--y-c-blue-rad-grad);--color-radial-grad-hover: var(--y-c-blue-rad-grad-hover);--color-play-radial-grad: var(--y-c-blue-play-rad-grad);--color-play-radial-grad-hover: var(--y-c-blue-play-rad-grad-hover);--color-radial-grad-disabled: var(--y-c-blue-rad-grad-disable);--color-shadow-light: var(--y-c-blue-shadow-light);--color-text-shadow: var(--y-c-blue-text-shadow)}[data-theme=blue]{--color-background: var(--vt-c-black);--color-back: var(--y-c-blue);--color-btn-back: var(--y-c-blue-btn-back);--color-box-shadow: var(--y-c-blue-box-shadow);--color-btn-text: var(--y-c-blue-btn-text);--color-radial-grad: var(--y-c-blue-rad-grad);--color-radial-grad-hover: var(--y-c-blue-rad-grad-hover);--color-play-radial-grad: var(--y-c-blue-play-rad-grad);--color-play-radial-grad-hover: var(--y-c-blue-play-rad-grad-hover);--color-radial-grad-disabled: var(--y-c-blue-rad-grad-disable);--color-shadow-light: var(--y-c-blue-shadow-light);--color-text-shadow: var(--y-c-blue-text-shadow)}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:14px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}#app{display:flex;height:100%;justify-content:center;width:100%}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}input[type=range]{-webkit-appearance:none;background-color:transparent;padding:0 20px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{background-color:var(--color-box-shadow);border:2px solid var(--color-btn-text);border-radius:50%;height:20px;cursor:ew-resize;-webkit-appearance:none;width:20px;margin-top:-10px}input[type=range]::-moz-range-thumb{background-color:var(--color-box-shadow);border:2px solid var(--color-btn-text);border-radius:50%;cursor:ew-resize;height:18px;-webkit-appearance:none;width:18px}input[type=range]::-webkit-slider-runnable-track{background-color:var(--color-box-shadow);height:2px;width:100%}input[type=range]::-moz-range-track{background-color:var(--color-box-shadow);height:2px;width:100%}input[type=number],input[type=text],input[type=email],input[type=password],input[type=search]{background-color:var(--color-box-shadow)!important;border:none;border-radius:6px;color:var(--color-btn-text);font-weight:700;height:22px;padding:0 2px}input[type=number]::-webkit-inner-spin-button,input[type=text]::-webkit-inner-spin-button,input[type=email]::-webkit-inner-spin-button,input[type=password]::-webkit-inner-spin-button,input[type=search]::-webkit-inner-spin-button{opacity:0}input[type=number]:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus{outline:none}input[type=number]:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=search]:disabled{background-color:var(--color-background-mute);cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-internal-autofill-selected{background-color:var(--color-box-shadow)!important;-webkit-text-fill-color:var(--color-box-shadow)!important}.error[data-v-8ce4cdb6]{color:#f33;font-size:.8rem;margin-top:.2rem}.repeat-switcher[data-v-3ce2effb]{cursor:pointer;display:block;font-size:22px;margin-right:25px;position:relative;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.repeat-switcher input[data-v-3ce2effb]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark[data-v-3ce2effb]{background-color:var(--color-box-shadow);border-radius:6px;height:19px;left:0;position:absolute;top:2px;width:19px}.repeat-switcher:hover input~.checkmark[data-v-3ce2effb]{box-shadow:0 0 3px #008cf0}.repeat-switcher input:checked~.checkmark[data-v-3ce2effb]{background-color:#008cf0}.repeat-switcher input:checked~.checkmark[data-v-3ce2effb]:after{display:block}.repeat-switcher .checkmark[data-v-3ce2effb]:after{border:solid var(--color-back);border-width:0 3px 3px 0;content:"";display:none;height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);width:6px}.repeat-switcher input:disabled~.checkmark[data-v-3ce2effb]{background-color:var(--color-background-mute);cursor:not-allowed}.repeat-switcher input:checked:disabled~.checkmark[data-v-3ce2effb]:after{border:solid var(--color-background-mute-before);border-width:0 3px 3px 0}.switch-reverse[data-v-3ce2effb]{display:inline-block;height:22px;position:relative;width:40px}.switch-reverse input[data-v-3ce2effb]{opacity:0;width:0;height:0}.switch-reverse .slider[data-v-3ce2effb]{background-color:var(--color-box-shadow);border-radius:6px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;-webkit-transition:.4s}.switch-reverse .slider[data-v-3ce2effb]:before{background-color:var(--color-btn-back);border-radius:35%;bottom:3px;content:"";height:16px;position:absolute;left:3px;transition:.4s;-webkit-transition:.4s;width:16px}.switch-reverse input:checked+.slider[data-v-3ce2effb]{background-color:#008cf0}.switch-reverse input:focus+.slider[data-v-3ce2effb]{box-shadow:0 0 1px #008cf0}.switch-reverse input:checked+.slider[data-v-3ce2effb]:before{background-color:#00f;transform:translate(18px);-ms-transform:translateX(18px);-webkit-transform:translateX(18px)}.switch-reverse input:disabled+.slider[data-v-3ce2effb]{background-color:var(--color-background-mute);cursor:not-allowed}.switch-reverse input:disabled+.slider[data-v-3ce2effb]:before{background-color:var(--color-background-mute-before)}.panel-columns{display:flex;flex-direction:column;margin-bottom:.4rem}.repeat-switcher-wrapper{display:flex}.settings-btn[data-v-cbfc8d4e]{align-items:center;background:var(--color-radial-grad);border:none;border-radius:35%;cursor:pointer;color:var(--color-btn-text);display:flex;fill:var(--color-btn-text);font-size:1em;flex-grow:1;justify-content:center;padding:.4rem .5rem;transition:all .2s ease-in-out}.settings-btn[data-v-cbfc8d4e]:hover{background:var(--color-radial-grad-hover);color:var(--color-background);fill:var(--color-background);text-shadow:0px 0px 6px var(--color-text-shadow)}.settings-btn[data-v-cbfc8d4e]:disabled{background:var(--color-radial-grad-disabled);cursor:not-allowed;opacity:.7}.spinning[data-v-8cd271c4]{animation:spin-8cd271c4 1s linear infinite}@keyframes spin-8cd271c4{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.account-form[data-v-8cd271c4]{padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.status-message[data-v-8cd271c4]{background-color:#d1e7dd;color:#0f5132;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;text-align:center}.form-group[data-v-8cd271c4]{display:flex;flex-direction:column;gap:.8rem;width:100%}.form-group input[data-v-8cd271c4]{width:100%}.form-actions[data-v-8cd271c4]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.account-btn-footer[data-v-8cd271c4]{align-items:center;background-color:var(--color-btn-back);border:none;border-radius:14px;display:flex;justify-content:space-around;text-align:center}.table[data-v-fcc64997]{width:100%;border-collapse:collapse}.table td[data-v-fcc64997]{border-bottom:1px solid var(--color-box-shadow);padding:.2rem .4rem;text-align:left}.table th[data-v-fcc64997]{background:var(--color-btn-back);color:var(--color-background-mute-before)}.title-cell[data-v-fcc64997]{cursor:pointer;color:var(--color-box-shadowt);text-decoration:underline}.title-cell[data-v-fcc64997]:hover{color:var(--color-btn-text)}.action-cell[data-v-fcc64997],.desc-cell[data-v-fcc64997]{width:30px;text-align:center}.account-form[data-v-a9d8497b]{padding:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-group[data-v-a9d8497b]{display:flex;flex-direction:column;gap:.8rem;width:100%}.form-group input[data-v-a9d8497b]{width:100%}.form-actions[data-v-a9d8497b]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;width:100%}.account-btn-footer[data-v-a9d8497b]{align-items:center;background-color:var(--color-btn-back);border:none;border-radius:14px;display:flex;justify-content:space-around;text-align:center}.status-message[data-v-5b2be6e2]{background-color:var(--color-box-shadow);color:var(--color-btn-text);padding:.3rem;border-radius:8px;margin-bottom:.3em;text-align:center}.settings_panel[data-v-5b2be6e2]{background:var(--color-btn-back);border-radius:14px;margin-top:3.5rem;display:grid;box-shadow:0 0 0 0 var(--color-box-shadow);grid-template-rows:0fr;margin-bottom:0;padding:0;width:100%;opacity:0;transition:transform .5s ease,opacity .5s ease;pointer-events:none}.settings_panel_show[data-v-5b2be6e2]{box-shadow:0 0 10px 2px var(--color-box-shadow);grid-template-rows:1fr;margin-bottom:1.4em;padding:.6em;opacity:1;pointer-events:auto}.bar-settings-panel[data-v-5b2be6e2]{overflow:hidden}.bars-panel[data-v-5b2be6e2]{align-items:center;display:flex;text-shadow:var(--color-back);justify-content:space-between;margin-bottom:.4rem;text-align:center}.tempo-settings[data-v-5b2be6e2]{display:flex;justify-content:space-between;margin-top:.4rem;overflow:hidden}.bar-settings-footer[data-v-5b2be6e2]{align-items:center;background-color:var(--color-btn-back);border:none;border-radius:14px;display:flex;justify-content:space-around;margin-top:14px;text-align:center}.logo[data-v-c3152431]{background:var(--color-box-shadow);border:none;border-radius:18px 7px 25px 15px;box-shadow:0 0 10px 2px var(--color-box-shadow);cursor:pointer;display:block;fill:var(--color-btn-text);height:auto;margin-top:0;margin-left:0;padding:.1rem .2rem;width:89px}.logo-btn[data-v-8bf61a42]{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;fill:var(--color-btn-text);height:18px;justify-content:start;padding:0rem}.bar-settings-wrapper[data-v-8bf61a42]{background-color:transparent;display:block;left:0;margin:auto;position:absolute;right:0;top:1rem;width:242.3px;z-index:10}.bar-settings-head[data-v-8bf61a42]{align-items:center;background-color:var(--color-btn-back);border:none;border-radius:14px;box-shadow:0 0 10px 2px var(--color-box-shadow);display:flex;justify-content:space-around;text-align:center}.tempo-changes-display[data-v-7a28151d]{display:flex;align-items:center;justify-content:space-around;width:100%}.source-icon-target[data-v-7a28151d]{display:flex;fill:var(--color-shadow-light)}.flex-table[data-v-62d69e05]{display:flex;flex-direction:row}.flex-row[data-v-62d69e05]{display:flex;width:100%;padding:5px 0}.flex-cell[data-v-62d69e05]{display:flex;flex-direction:column;padding:5px;height:100%}.cell-1[data-v-62d69e05]{line-height:.75;align-items:flex-start;justify-content:flex-start;text-align:left}.bpmDcml[data-v-62d69e05]{font-size:1.4rem;line-height:1}.bpm[data-v-62d69e05]{line-height:.8}.flex-item[data-v-62d69e05]{flex:1;display:flex;align-items:flex-end;justify-content:flex-end;text-align:right}.tempo[data-v-62d69e05]{font-size:4rem;padding:0;height:fit-content}.tempo-text-display[data-v-62d69e05]{display:flex;align-items:center;justify-content:space-around;width:100%}.tempo-text[data-v-62d69e05]{text-shadow:0px 0px 8px var(--color-background);font-size:.8em;text-align:center;text-transform:uppercase;display:flex}.regular-tempo-settings[data-v-0a030162]{background:var(--color-btn-back);border-radius:14px;box-shadow:0 0 10px 2px var(--color-box-shadow);display:flex;margin-top:1rem;padding:.6em;justify-content:space-between;overflow:hidden}.start-stop[data-v-136b364e]{background:var(--color-play-radial-grad);border:none;border-radius:14px;fill:var(--color-shadow-light);text-shadow:0px 0px 6px var(--color-background);cursor:pointer;margin-bottom:.4rem;margin-top:.8rem;padding:1rem 4rem;text-align:center;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.start-stop[data-v-136b364e]:hover{background:var(--color-play-radial-grad-hover)}.start-stop:hover>svg[data-v-136b364e]{fill:var(--color-box-shadow);filter:drop-shadow(0px 0px 6px var(--color-text-shadow))}.measure-beats[data-v-e4d5a619]{background:transparent;fill:var(--color-btn-text);padding:0 1em}.beats-per-measure-text[data-v-3cd611ec]{text-shadow:0px 0px 8px var(--color-back);font-size:.9em;margin-bottom:.4em;text-transform:uppercase}.measures[data-v-3cd611ec]{background:var(--color-btn-back);align-items:center;border-radius:14px;box-shadow:0 0 10px 2px var(--color-box-shadow);color:var(--color-btn-text);display:flex;font-size:1.5em;padding:.2rem .4rem}.bpm-display[data-v-926661c6]{background:var(--color-btn-back);border-radius:14px;box-shadow:0 0 10px 2px var(--color-box-shadow);display:flex;font-weight:700;margin-bottom:.4rem;padding:.6em;text-shadow:0px 0px 8px var(--color-background)}.metronome-wrapper[data-v-926661c6]{box-sizing:border-box;font-family:Calibri,sans-serif;margin:0 auto;max-width:1146px;-webkit-user-select:none;user-select:none;width:262.3px}.metronome[data-v-926661c6]{align-items:center;color:var(--color-btn-text);display:flex;flex-direction:column;justify-content:center;padding:10px}@media (min-width: 1024px){header[data-v-926661c6]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-926661c6]{margin:0 2rem 0 0}header .wrapper[data-v-926661c6]{display:flex;place-items:flex-start;flex-wrap:wrap}}