:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:100%;box-sizing:border-box;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}main.svelte-1sn47cv.svelte-1sn47cv.svelte-1sn47cv{display:flex;gap:30px}.content.svelte-1sn47cv.svelte-1sn47cv.svelte-1sn47cv{text-align:left;width:18rem}.content.svelte-1sn47cv h1.svelte-1sn47cv.svelte-1sn47cv{margin-top:0}.audioButtons.svelte-1sn47cv.svelte-1sn47cv.svelte-1sn47cv{margin:0;width:3rem;display:flex;flex-direction:column-reverse;gap:2px;background:#fff;padding:2px}.audioButtons.svelte-1sn47cv button.svelte-1sn47cv.svelte-1sn47cv{color:#fff;display:block;width:100%;padding:.5rem;border-radius:0;border:2px solid transparent;font-weight:700;display:grid;justify-content:center;align-content:center;align-items:center;justify-items:center;line-height:2rem}.audioButtons.svelte-1sn47cv button.svelte-1sn47cv>span.svelte-1sn47cv{grid-row:1 / 2;grid-column:1 / 2;transition:opacity ease-out .2s;filter:drop-shadow(0 0 1.5px rgba(0,0,0,.5));display:block}.audioButtons.svelte-1sn47cv button svg.svelte-1sn47cv.svelte-1sn47cv{display:block}.audioButtons.svelte-1sn47cv button.svelte-1sn47cv.svelte-1sn47cv:focus{outline:none}.audioButtons.svelte-1sn47cv button.svelte-1sn47cv.svelte-1sn47cv:focus-visible{outline:2px solid -webkit-focus-ring-color}.audioButtons.svelte-1sn47cv button .play.svelte-1sn47cv.svelte-1sn47cv,.audioButtons.svelte-1sn47cv button .stop.svelte-1sn47cv.svelte-1sn47cv{opacity:0;width:16px;height:16px}.audioButtons.svelte-1sn47cv button:hover .play.svelte-1sn47cv.svelte-1sn47cv,.audioButtons.svelte-1sn47cv button:focus-visible .play.svelte-1sn47cv.svelte-1sn47cv,.audioButtons.svelte-1sn47cv button:active .play.svelte-1sn47cv.svelte-1sn47cv{opacity:1}.audioButtons.svelte-1sn47cv button:hover .band.svelte-1sn47cv.svelte-1sn47cv,.audioButtons.svelte-1sn47cv button:focus-visible .band.svelte-1sn47cv.svelte-1sn47cv,.audioButtons.svelte-1sn47cv button:active .band.svelte-1sn47cv.svelte-1sn47cv{opacity:0}.svelte-1sn47cv:is(.audioButtons button.playing,.audioButtons button.playing:hover,.audioButtons button.playing:focus-visible,.audioButtons button.playing:active) .play.svelte-1sn47cv.svelte-1sn47cv{opacity:0}.svelte-1sn47cv:is(.audioButtons button.playing,.audioButtons button.playing:hover,.audioButtons button.playing:focus-visible,.audioButtons button.playing:active) .stop.svelte-1sn47cv.svelte-1sn47cv{opacity:1}.svelte-1sn47cv:is(.audioButtons button.playing,.audioButtons button.playing:hover,.audioButtons button.playing:focus-visible,.audioButtons button.playing:active) .band.svelte-1sn47cv.svelte-1sn47cv{opacity:0}.audioButtons.svelte-1sn47cv li.svelte-1sn47cv.svelte-1sn47cv{display:block}.audioButtons.svelte-1sn47cv li:first-child button.svelte-1sn47cv.svelte-1sn47cv{background-color:#009245;outline-color:#009245;border-radius:0 0 1.5rem 1.5rem;padding-bottom:.75rem}.audioButtons.svelte-1sn47cv li:nth-child(2) button.svelte-1sn47cv.svelte-1sn47cv{background-color:#8cc63f;outline-color:#8cc63f}.audioButtons.svelte-1sn47cv li:nth-child(3) button.svelte-1sn47cv.svelte-1sn47cv{background-color:#fcee21;outline-color:#fcee21}.audioButtons.svelte-1sn47cv li:nth-child(4) button.svelte-1sn47cv.svelte-1sn47cv{background-color:#f7931e;outline-color:#f7931e}.audioButtons.svelte-1sn47cv li:nth-child(5) button.svelte-1sn47cv.svelte-1sn47cv{background-color:#ed1c24;outline-color:#ed1c24;border-radius:1.5rem 1.5rem 0 0;padding-top:.75rem}