.toolbar-container.svelte-rfuq4y{display:flex;flex-direction:row;align-items:center;background-color:#1976d2;color:#fff;padding:0 16px;height:64px;position:sticky;position:-webkit-sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0003}.toolbar-title.svelte-rfuq4y{flex:1;margin:0 .5%;font-size:20px;font-weight:500}.icon.svelte-rfuq4y{width:24px;height:24px}.audio-button.svelte-rfuq4y{background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:8px;aspect-ratio:1 / 1;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;height:100%;transition:background-color .2s}.audio-button.svelte-rfuq4y:hover{background-color:#ffffff1a}.audio-button.svelte-rfuq4y:focus{outline-offset:2px}.app-toolbar.svelte-rfuq4y{position:sticky;position:-webkit-sticky;top:0;z-index:1000}.player-timer-container.svelte-1dcajy{display:flex;flex-direction:column;align-items:center}.player-name-header.svelte-1dcajy{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 0 16px}.timer-card.svelte-1dcajy{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:24px;min-width:200px}.timer-text.svelte-1dcajy{font-size:3em;margin:0;text-align:center}@media(min-width:600px)and (max-width:959px){.timer-text.svelte-1dcajy{font-size:3.5em}}@media(min-width:960px){.timer-text.svelte-1dcajy{font-size:4em}}.timer-icon-container.svelte-1dcajy{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:15%;height:50px}.timer-icon.svelte-1dcajy{width:50px;height:50px}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background-color:#fafafa}.app-container.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column}.content-container.svelte-1uha8ag{display:flex;flex-direction:column;gap:2.5%;padding:20px}@media(max-width:599px){.content-container.svelte-1uha8ag{gap:7.5%}}@media(min-width:600px)and (max-width:959px){.content-container.svelte-1uha8ag{gap:5%}}.card.svelte-1uha8ag{background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:24px;margin-bottom:20px}.pb-0.svelte-1uha8ag{padding-bottom:0}kbd.svelte-1uha8ag{margin:0 .25rem;background-color:#f5f5f5;border-radius:6px;border:1px solid rgba(0,0,0,.08);color:#000000bf;display:inline-block;font-size:.9rem;line-height:1;padding:6px 8px;vertical-align:middle;white-space:nowrap;letter-spacing:.02em}.form-container-mobile.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:16px}.form-container-desktop.svelte-1uha8ag{display:flex;flex-direction:row;justify-content:space-around;gap:16px}.form-row.svelte-1uha8ag{display:flex;flex-direction:row;justify-content:center}.form-field.svelte-1uha8ag{display:flex;flex-direction:column;gap:8px}.form-field.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:12px;color:#0009}.form-field.svelte-1uha8ag input:where(.svelte-1uha8ag){padding:16px 12px;border:1px solid rgba(0,0,0,.23);border-radius:4px;font-size:16px;background-color:#f5f5f5}.form-field.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{outline:2px solid #1976d2;background-color:#fff}button.svelte-1uha8ag{background-color:#1976d2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;text-transform:uppercase;transition:background-color .2s}button.svelte-1uha8ag:hover{background-color:#1565c0}button.svelte-1uha8ag:focus{outline:2px solid rgba(25,118,210,.5);outline-offset:2px}.hide-mobile.svelte-1uha8ag{display:flex}@media(max-width:959px){.hide-mobile.svelte-1uha8ag{display:none!important}}.flex-row.svelte-1uha8ag{display:flex;flex-direction:row}.flex-column.svelte-1uha8ag{display:flex;flex-direction:column}.flex-center.svelte-1uha8ag{justify-content:center;align-items:center}.instruction-label.svelte-1uha8ag{min-height:48px}.instruction-label.svelte-1uha8ag h4:where(.svelte-1uha8ag){line-height:1;display:flex;align-items:center}.instruction-label.svelte-1uha8ag h4.hidden:where(.svelte-1uha8ag){display:none!important}.flex-space-around.svelte-1uha8ag{justify-content:space-around}.button-container.svelte-1uha8ag{gap:5%}.button-group.svelte-1uha8ag{display:flex;flex-direction:column;gap:12px}.custom-button-md.svelte-1uha8ag{padding:2rem;font-size:1.5em;width:100%;min-width:200px;margin:auto;white-space:nowrap}.button-container.svelte-1uha8ag:not(.mobile-mode) .custom-button-md:where(.svelte-1uha8ag){min-width:250px}@media(min-width:960px){.button-container.svelte-1uha8ag:not(.mobile-mode) .custom-button-md:where(.svelte-1uha8ag){min-width:300px}}.button-container.mobile-mode.svelte-1uha8ag .button-switch:where(.svelte-1uha8ag){width:75%}@media(min-width:960px){.button-container.mobile-mode.svelte-1uha8ag .button-switch:where(.svelte-1uha8ag){width:50%}}.button-pause.svelte-1uha8ag{background-color:#cea800;color:#fff}.button-pause.svelte-1uha8ag:hover{background-color:#ba9400}.button-reset.svelte-1uha8ag{background-color:#a91409;color:#fff}.button-reset.svelte-1uha8ag:hover{background-color:#950a00}.button-resume.svelte-1uha8ag{background-color:#00bd7e;color:#fff}.button-resume.svelte-1uha8ag:hover{background-color:#00a96a}.button-start.svelte-1uha8ag{background-color:#28a844;color:#fff}.button-start.svelte-1uha8ag:hover{background-color:#1e943a}.button-switch.svelte-1uha8ag{background-color:#0067bb;color:#fff}.button-switch.svelte-1uha8ag:hover{background-color:#0053a7}.snackbar.svelte-1uha8ag{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#323232;color:#fff;padding:14px 24px;border-radius:4px;display:flex;align-items:center;gap:16px;box-shadow:0 3px 5px #0000004d;z-index:2000}.snackbar.svelte-1uha8ag button:where(.svelte-1uha8ag){background:none;border:none;color:#bb86fc;padding:0;text-transform:uppercase;font-weight:500;cursor:pointer}.snackbar.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{background:none;color:#d0a1ff}