.control.svelte-4ye005{display:grid;grid-template-columns:min-content 1fr min-content;grid-template-rows:repeat(2,min-content);gap:8px;align-items:center;background-color:var(--bg-2);border:1px solid var(--border-2);border-radius:12px}.label.svelte-4ye005{grid-row:1 / 2;grid-column:1 / 2}.text-input.svelte-4ye005{grid-row:1 / 2;grid-column:3 / 4}.slider-input.svelte-4ye005{grid-row:2 / 3;grid-column:1 / 4}p.svelte-4ye005,.suffix.svelte-4ye005{font-family:var(--music-font);font-size:12px;line-height:1}.suffix.svelte-4ye005{margin-bottom:-2px}.text-input.svelte-4ye005{padding:0 8px;display:grid;grid-auto-flow:column;background-color:var(--bg-1);border:1px solid var(--border-3);border-radius:8px;align-items:center;line-height:1;grid-auto-columns:min-content}input[type=text].svelte-4ye005{background-color:#0000;border:none;width:40px;outline:none;color:#fff;padding:0 4px;font-family:var(--music-font);text-align:end}input[type=text].svelte-4ye005:focus{border:1px solid white;box-shadow:0 0 8px #fff}input[type=range].svelte-4ye005{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:var(--slider-bg);border-radius:16px;background-image:linear-gradient(var(--slider-fill),var(--slider-fill));background-size:0% 100%;background-repeat:no-repeat;z-index:10}input[type=range].svelte-4ye005::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:32px;width:16px;border-radius:8px;background:#ffffffbf;border:2px solid white;cursor:ew-resize;box-shadow:0 0 2px #555}input[type=range].svelte-4ye005::-moz-range-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:24px;background:#fff;cursor:ew-resize;box-shadow:0 0 2px #555}input[type=range].svelte-4ye005::-ms-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:24px;background:#fff;cursor:ew-resize;box-shadow:0 0 2px #555}input[type=range].svelte-4ye005::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range].svelte-4ye005::-moz-range-track{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range].svelte-4ye005::-ms-track{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}@media screen and (orientation:portrait){input[type=range].svelte-4ye005{height:32px;border-radius:32px}input[type=range].svelte-4ye005::-webkit-slider-thumb{width:40px;height:40px;border-radius:40px}input[type=range].svelte-4ye005::-moz-range-thumb{width:40px;height:40px;border-radius:40px}input[type=range].svelte-4ye005::-ms-thumb{width:40px;height:40px;border-radius:40px}}.box.svelte-10sf0yu{width:100%;width:512px;padding:8px;row-gap:8px;border:1px solid var(--border-1);border-radius:16px;background-color:var(--bg-1);display:grid}@media screen and (orientation:portrait){.box.svelte-10sf0yu{width:100%}}.buttons.svelte-10sf0yu{padding:8px;display:grid;grid-auto-flow:column;align-items:center;column-gap:8px;background-color:var(--bg-2);border:1px solid var(--border-2);border-radius:12px}.ios-warning.svelte-10sf0yu{display:grid;text-align:center;padding:4px 0;font-family:var(--music-font);font-size:10px}.buttons.svelte-10sf0yu{display:grid;grid-auto-flow:column;gap:8px;width:100%}button.svelte-10sf0yu{width:128px;height:32px;border-radius:8px;background-color:var(--bg-4);border:1px solid var(--border-4)}.playing.svelte-10sf0yu{border:1px solid white;background-color:var(--bg-8)}@media screen and (orientation:landscape){.box.svelte-10sf0yu{width:400px}.buttons.svelte-10sf0yu{justify-self:center;width:min-content}}