.effect-unit.svelte-1jufw3r{padding-bottom:12px}.setting-text.svelte-1jufw3r{font-size:medium}[type=range].svelte-1jufw3r:active{--range-thumb-color: var(--brand-color)}#hSpacer.svelte-1fvhn4e{display:inline-block}.control-item.svelte-12qg8kl{padding-bottom:0}.setting-text.svelte-12qg8kl{font-size:medium}[type=range].svelte-12qg8kl:active{--range-thumb-color: var(--brand-color)}.bpm-selection.svelte-12qg8kl{height:44px;width:100%;margin-bottom:0}.button-container.svelte-12qg8kl{padding-top:10px;min-width:100px}.weather-container.svelte-1q1cv8q{width:100%;aspect-ratio:1 / .6;background-image:url(../../../images/beach_background.gif);background-repeat:no-repeat;background-size:cover;background-position:bottom;border-radius:10px}.weather-row.svelte-1q1cv8q{padding-right:2%;padding-left:2%;display:flex;justify-content:space-between}.weather-element.svelte-1q1cv8q{max-width:19.5%;object-fit:contain}.hidden.svelte-1q1cv8q{opacity:0;transition:opacity 1s ease-out}.visible.svelte-1q1cv8q{opacity:1;transition:opacity .1s ease-in}.key.svelte-f7slta{border-width:1px;border-style:solid;width:33.33333%;height:90px;touch-action:none;background-color:var(--music-inactive-color);border:0;margin-right:.2em}@media (hover: hover){.key.svelte-f7slta:hover{background-color:gray}}.isActive.svelte-f7slta:hover,.isActive.svelte-f7slta{background-color:var(--brand-color)}.keyLetter.svelte-f7slta{text-align:center;position:relative;top:50%;transform:translateY(-50%)}.unselectable.svelte-f7slta{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.v-stack.svelte-1o4k63k{display:inline-flex;flex-direction:column}.full-width.svelte-1o4k63k{width:100%}.tabIcon.svelte-1gpyrsy{display:block;width:44px;height:44px;mask-size:contain;-webkit-mask-size:contain;background-color:var(--music-inactive-color)}.sequencer.svelte-1gpyrsy{mask-image:url(./tab_icons/grid_on.png);-webkit-mask-image:url(../../../tab_icons/grid_on.png)}.pad.svelte-1gpyrsy{mask-image:url(./tab_icons/piano.png);-webkit-mask-image:url(../../../tab_icons/piano.png)}.effects.svelte-1gpyrsy{mask-image:url(./tab_icons/effects.png);-webkit-mask-image:url(../../../tab_icons/effects.png)}.visualization.svelte-1gpyrsy{mask-image:url(./tab_icons/rain.png);-webkit-mask-image:url(../../../tab_icons/weather.png)}.key.svelte-1gpyrsy{border-width:1px;border-style:solid;width:25%;min-height:44px;touch-action:none;background-color:#fff;color:var(--music-inactive-color);border:0px;border-color:var(--music-inactive-color);padding:0}@media (hover: hover){.key.svelte-1gpyrsy:hover{background-color:gray;color:#fff}.key.svelte-1gpyrsy:hover .tabIcon:where(.svelte-1gpyrsy){background-color:#fff}}.isActive.svelte-1gpyrsy{color:#000}.isActive.svelte-1gpyrsy .tabIcon:where(.svelte-1gpyrsy){background-color:#000}.keyLetter.svelte-1gpyrsy{text-align:center;position:relative;top:50%;transform:translateY(-50%);font-size:small;width:100%}.unselectable.svelte-1gpyrsy{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.control-item.svelte-w26vzj{padding-bottom:0}select.svelte-w26vzj{margin-bottom:0}.value-selection.svelte-w26vzj{padding-top:7px;padding-bottom:7px;border:none;background-color:#d5dce2}.setting-text.svelte-w26vzj,.setting-text.svelte-ipybfo{font-size:medium}.octave-selection.svelte-ipybfo{height:44px;width:100%;margin-bottom:0}.loading.svelte-ipybfo{padding-top:50px;min-width:44px}.control-item.svelte-ipybfo{padding-top:20px;width:100%}.sampler-button.svelte-ipybfo{padding-top:50px}.sampler-image.svelte-ipybfo{mask-image:url(./tab_icons/microphone.png);-webkit-mask-image:url(../../../tab_icons/microphone.png);display:block;width:38px;height:38px;mask-size:contain;-webkit-mask-size:contain;background-color:var(--brand-color)}p.svelte-1qmjclv{margin-bottom:.5em}button.svelte-1qmjclv{height:44px;min-width:44px;border:none;touch-action:manipulation;margin:0;padding:0}@media (hover: hover){button.inActiveBar.svelte-1qmjclv:hover{background-color:gray}button.activeBar.svelte-1qmjclv:hover{background-color:var(--brand-color-active)}}.activeBar.svelte-1qmjclv{background-color:var(--brand-color)}.inActiveBar.svelte-1qmjclv{background-color:#b4b4b4}.modal-backdrop.svelte-1gitybh{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;z-index:1000;touch-action:none}.modal-backdrop-open.svelte-1gitybh{background-color:#0000001a}.modal-backdrop-closed.svelte-1gitybh{transition:background-color .2s ease-in-out;background-color:#0000}.modal-content.svelte-1gitybh{background:#fff;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden;touch-action:auto}.modal-scroll-container.svelte-1gitybh{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.nav-bar.svelte-1gitybh{padding-left:16px;padding-top:24px;flex-shrink:0}.countdown-indicator.svelte-1gnz5xv{max-width:400px;text-align:center}.countdown-number.svelte-1gnz5xv{font-size:4rem;font-weight:700;animation:svelte-1gnz5xv-countdownPulse 1s ease-in-out;line-height:1}.countdown-text.svelte-1gnz5xv{font-size:1.2rem;margin-top:8px}@keyframes svelte-1gnz5xv-countdownPulse{0%{transform:scale(1.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}.recording-indicator.svelte-1gnz5xv{color:var(--danger-color);margin-bottom:8px;font-size:medium}.recording-dot.svelte-1gnz5xv{display:inline-block;width:12px;height:12px;background-color:var(--danger-color);border-radius:50%;animation:svelte-1gnz5xv-pulse 1.5s ease-in-out infinite;margin-right:4px}@keyframes svelte-1gnz5xv-pulse{0%,to{opacity:1}50%{opacity:.2}}.progress-bar.svelte-1gnz5xv{width:100%;max-width:400px;height:8px;background-color:#e5e7eb;border-radius:4px}.progress-fill.svelte-1gnz5xv{height:100%;background-color:var(--brand-color);border-radius:4px;transition:width 1s linear}.card-wrapper.svelte-1hbd22s{max-height:100%}dialog.svelte-1hbd22s{border-color:#d3d3d3;border-width:1px;border-radius:10px;padding:20px 30px}dialog.svelte-1hbd22s::backdrop{background-color:#00000080;animation:svelte-1hbd22s-backgroundKeyframes .15s linear normal}dialog[open].svelte-1hbd22s{animation:svelte-1hbd22s-fadeKeyframes .15s linear normal}@keyframes svelte-1hbd22s-fadeKeyframes{0%{opacity:0}to{opacity:1}}@keyframes svelte-1hbd22s-backgroundKeyframes{0%{opacity:0}to{opacity:1}}.tip-text.svelte-16scua8,.footnote-text.svelte-186luia{font-size:small;color:gray}.error-text.svelte-186luia{color:red;font-size:small;margin-top:.5rem}.h-scroll.svelte-cqgroj{overflow-x:auto;border:1px solid #ccc;border-radius:4px;padding:8px}p.svelte-14p5emt{margin-bottom:.5em}button.svelte-14p5emt{height:44px;min-width:44px;border:none;touch-action:manipulation;margin:0;padding:0}@media (hover: hover){button.inActiveBar.svelte-14p5emt:hover{background-color:gray}button.activeBar.svelte-14p5emt:hover{background-color:var(--brand-color-active)}}.activeBar.svelte-14p5emt{background-color:var(--brand-color)}.inActiveBar.svelte-14p5emt{background-color:#b4b4b4}.track-name.svelte-1eoahbu{display:flex;align-items:center;white-space:nowrap;height:44px;min-width:20%;padding-right:20px}@media only screen and (max-width: 1198px){.track-name.svelte-1eoahbu{white-space:break-spaces;font-size:smaller;text-align:start;width:80px;min-width:none;padding-right:0}}.bar-space.svelte-1eoahbu{width:5px}button.svelte-1eoahbu{height:44px;width:44px;border:none;margin:0;padding:0;position:relative}@media only screen and (max-width: 991px){button.svelte-1eoahbu{width:44px}}@media only screen and (max-width: 768px){button.svelte-1eoahbu{width:44px}.bar-space.svelte-1eoahbu{width:2px}}@media (hover: hover){button.inActiveBeat.svelte-1eoahbu:hover{background-color:gray}button.activeBeat.svelte-1eoahbu:hover,button.continueBeat.svelte-1eoahbu:hover{background-color:var(--brand-color-active)}}.activeBeat.svelte-1eoahbu{background-color:var(--brand-color);border-radius:4px 0 0 4px}.continueBeat.svelte-1eoahbu{background-color:var(--brand-color-light, rgb(180, 180, 180));border-radius:0}.continueBeat.svelte-1eoahbu:after{content:"";position:absolute;height:6px;left:0;right:0;top:50%;margin-top:-3px;background-color:var(--brand-color)}.activeBeat.svelte-1eoahbu:last-of-type,.continueBeat.svelte-1eoahbu:last-of-type{border-radius:0 4px 4px 0}.inActiveBeat.svelte-1eoahbu{background-color:#b4b4b4}.dragging.svelte-1eoahbu{opacity:.7}td.svelte-1eoahbu{padding:0 0 2px;margin:0}td.svelte-18d9ns6{padding:0 1px 0 0}th.svelte-18d9ns6{padding:0 1px 4px 0;text-align:center;color:#7a7a7a;font-size:small}.drum-sound-title.svelte-18d9ns6{padding-left:5px;text-align:left}.bar-space.svelte-18d9ns6{width:5px}.playIndicator.svelte-18d9ns6{width:44px}.playIndicator.playingBeat.svelte-18d9ns6{color:#fff}@media only screen and (max-width: 991px){.playIndicator.svelte-18d9ns6{width:44px}}@media only screen and (max-width: 768px){.playIndicator.svelte-18d9ns6{width:44px}.bar-space.svelte-18d9ns6{width:2px}}.playingBeat.svelte-18d9ns6{background-color:var(--brand-color)}table.svelte-18d9ns6{table-layout:auto;width:min-content;margin-bottom:0}p.svelte-1unko11{margin-bottom:.5em}button.svelte-1unko11{height:44px;min-width:44px;border:none;touch-action:manipulation;margin:0;padding:0}.add-track.svelte-1unko11{margin-top:22px;background-color:var(--brand-color);height:132px}.remove-track.svelte-1unko11{background-color:var(--danger-color);height:44px}table.svelte-1unko11{table-layout:auto;width:min-content;margin-bottom:0}.bar-selection-cell.svelte-1unko11{width:44px}td.svelte-1unko11{padding:0 4px 0 0}th.svelte-1unko11{padding:0 1px 4px 0;text-align:center;color:#7a7a7a;font-size:small}.track-name.svelte-1unko11{display:flex;align-items:center;white-space:nowrap;height:44px;min-width:20%;padding-right:20px;font-size:small}.playIndicator.svelte-1unko11{width:44px}.playingBar.svelte-1unko11{background-color:var(--brand-color)}.playIndicator.playingBar.svelte-1unko11{color:#fff}.bar-selection.svelte-1unko11{width:44px;height:44px;border:none;touch-action:manipulation;margin:0;padding:0 0 0 16px;color:#fff;background:url(images/none.png) no-repeat right}.pattern-a.svelte-1unko11{background-color:#ff6b6b!important}.pattern-b.svelte-1unko11{background-color:#4ecdc4!important}.pattern-c.svelte-1unko11{background-color:#45b7d1!important}.pattern-d.svelte-1unko11{background-color:#96ceb4!important}.pattern-e.svelte-1unko11{background-color:#ffeaa7!important;color:#2d3436!important}.pattern-f.svelte-1unko11{background-color:plum!important}.pattern-g.svelte-1unko11{background-color:#ff8c42!important}.pattern-h.svelte-1unko11{background-color:#a29bfe!important}.pattern-default.svelte-1unko11{background-color:#b4b4b4!important}.song-length.svelte-1unko11{font-size:small;color:#626262}.home-page.svelte-1gajlyc{padding-bottom:100px}@media (max-width: 768px){h1.svelte-1gajlyc{font-size:larger;margin-bottom:0}}.export-message.svelte-1gajlyc{color:var(--brand-color);font-size:.9em;margin-left:.5rem}