.container.svelte-ldbskl{display:flex;flex-direction:column;align-items:center;height:60px;width:80px}.text.svelte-ldbskl{text-align:center;font-size:10px;font-family:var(--font)}.tri.svelte-ldbskl,.tri.svelte-ldbskl:hover,.tri.svelte-ldbskl:active{fill:var(--primary)}.clock.svelte-ogdes0{display:flex;flex-direction:column;gap:1em;border-left:1px dashed var(--primary)}.clock.svelte-ogdes0>.controls:where(.svelte-ogdes0){display:flex;flex-direction:row}.tala.svelte-ogdes0{margin-top:1em;display:grid;grid-template-columns:1.5ch 1.5ch 1.5ch;justify-content:center;gap:.5em;font-size:40px}.tala.svelte-ogdes0>.col:where(.svelte-ogdes0){display:flex;flex-direction:column}.tala.svelte-ogdes0>.col>.letter:where(.svelte-ogdes0){font-size:1.5rem}.panel{display:grid;grid-template-rows:auto auto auto auto;place-items:center;gap:1em}.area{padding:1em}.label{color:var(--primary)}.container.svelte-4x61go{display:flex;flex-direction:row;gap:0;place-items:center}button.svelte-4x61go{border-radius:30px;background-color:#fff;border:1px solid var(--primary);height:20px;width:40px;font-family:var(--font);color:#000;font-size:10px;text-align:center}button.svelte-4x61go:hover:not(.selected:where(.svelte-4x61go)){background-color:var(--grey);color:#000}.selected.svelte-4x61go{background-color:var(--primary);color:#fff}svg.svelte-103kg9v{touch-action:none;background-color:#fff;stroke-width:1px;stroke:#000;outline:1px solid rgb(136,136,136)}rect.svelte-103kg9v{fill:var(--primary);stroke:var(--primary)}.active.svelte-103kg9v{background-color:var(--grey)}.time_pattern.svelte-u2jcik{display:flex;flex-direction:column;gap:1em;border-left:1px dashed var(--primary);place-items:center}.time_pattern.svelte-u2jcik>.controls:where(.svelte-u2jcik){display:flex;flex-direction:row;gap:3em;place-items:center}@media only screen and (max-width: 1005px){.time_pattern.svelte-u2jcik{border-right:1px dashed var(--primary)}.time_pattern.svelte-u2jcik>.controls:where(.svelte-u2jcik){flex-direction:column}}.time_unit.svelte-u2jcik{display:grid;grid-template-rows:auto auto auto;gap:1em}.slider-group.svelte-u2jcik{display:grid;grid-template-columns:auto auto auto;place-items:center}div.svelte-5mgxb9{border:1px solid var(--primary);width:20px;height:20px;border-radius:50%;transition:background-color 50ms ease-in-out}.active.svelte-5mgxb9{background-color:var(--primary)}.container.svelte-892a9w{display:flex;flex-direction:column;gap:.05em}button.svelte-892a9w{border-radius:30px;background-color:#fff;border:1px solid var(--primary);height:30px;width:60px;font-family:var(--font);color:#000;font-size:10px;text-align:center}button.svelte-892a9w:hover:not(.selected:where(.svelte-892a9w)){background-color:var(--grey);color:#000}.selected.svelte-892a9w{background-color:var(--primary);color:#fff}.sound_pattern.svelte-1w792ig{display:flex;flex-direction:column;gap:1em;border-left:1px dashed var(--primary);border-right:1px dashed var(--primary);place-items:center;color:#ff42b4}.sound_pattern.svelte-1w792ig>.controls:where(.svelte-1w792ig){display:grid;grid-template-columns:repeat(3,auto)}.container.svelte-12y2cyq{display:grid;justify-content:center;margin:2em auto 0}@media only screen and (min-width: 1005px){.container.svelte-12y2cyq{grid-template-columns:repeat(3,auto)}}@media only screen and (max-width: 1005px){.container.svelte-12y2cyq{grid-template-rows:repeat(3,auto)}}button.svelte-18hi53q{border-radius:30px;background-color:#fff;border:1px solid var(--primary);font-family:var(--font);color:#000;text-align:center}button.svelte-18hi53q:hover{background-color:var(--grey);color:#000}.loading.svelte-1evq5rl{margin:10em}