:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-height:100vh;display:flex;background:rgb(127,177,203);background:linear-gradient(0deg,#658DA7 85%,rgb(33,52,70) 100%)}h1{font-size:3.2em;line-height:1.1;font-family:Open Sans,Arial,sans-serif;font-weight:400;color:#fff}p,h2,h3,h4,button{font-family:Open Sans,Arial,sans-serif}#app{width:100vw;margin:0 auto;text-align:center;display:flex;place-items:center;flex-direction:column}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}svelte-scroller-outer.svelte-xdbafy{display:block;position:relative}svelte-scroller-background.svelte-xdbafy{display:block;position:relative;width:100%}svelte-scroller-foreground.svelte-xdbafy{display:block;position:relative;z-index:2}svelte-scroller-foreground.svelte-xdbafy:after{content:" ";display:block;clear:both}svelte-scroller-background-container.svelte-xdbafy{display:block;position:absolute;width:100%;max-width:100%;pointer-events:none;will-change:transform}.invisible.svelte-85o77b path.svelte-85o77b{opacity:0}.outline.svelte-85o77b path.svelte-85o77b{fill:none;stroke:#f1f1f2;opacity:1}.solid.svelte-85o77b path.svelte-85o77b{fill:#f1f1f2;stroke:none;opacity:.8}.rotating.svelte-nncn3q{animation-name:svelte-nncn3q-spin;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes svelte-nncn3q-spin{0%{transform:rotate(0);transform-origin:center}to{transform:rotate(360deg);transform-origin:center}}#triangles.svelte-nncn3q,#rectangles.svelte-nncn3q,#combined.svelte-nncn3q{opacity:50%}.grid-container.svelte-1jgia7x.svelte-1jgia7x{display:grid;grid-template-columns:repeat(5,1fr)}@media screen and (min-width: 700px){.grid-container.svelte-1jgia7x.svelte-1jgia7x{width:65%;position:absolute;right:0;margin-right:50px;grid-template-columns:repeat(10,1fr);gap:20px}}.intro-viz.svelte-1jgia7x svg.svelte-1jgia7x{position:fixed;left:50%;transform:translate(-50%,25%)}@media screen and (max-width: 500px){.intro-viz.svelte-1jgia7x svg.svelte-1jgia7x{transform:translate(-50%,50%)}}g.overlay.svelte-1jgia7x.svelte-1jgia7x{opacity:20%}[class^=grid-item].svelte-1jgia7x.svelte-1jgia7x{position:relative}[class^=grid-item].svelte-1jgia7x svg.svelte-1jgia7x{pointer-events:all}[class^=grid-item].svelte-1jgia7x p.svelte-1jgia7x{pointer-events:none}.song-title.svelte-1jgia7x.svelte-1jgia7x{font-size:12px;line-height:12px;position:absolute;left:50%;transform:translate(-50%);bottom:0;text-align:center;margin:0!important;padding:0!important;color:#000;text-shadow:-1px -1px 0 white,1px -1px 0 white,-1px 1px 0 white,1px 1px 0 white;opacity:0}.nosingalong.svelte-1jgia7x.svelte-1jgia7x,.nottaylor.svelte-1jgia7x.svelte-1jgia7x,.notworship.svelte-1jgia7x.svelte-1jgia7x,.notmusical.svelte-1jgia7x.svelte-1jgia7x,.nothighlighted.svelte-1jgia7x.svelte-1jgia7x,.nothighlightedmood.svelte-1jgia7x.svelte-1jgia7x,.notrepeat.svelte-1jgia7x.svelte-1jgia7x{opacity:.2}.alarm-button.svelte-1jgia7x.svelte-1jgia7x{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;top:60vh;text-align:center;width:200px;border-radius:50px;background:orange;color:#fff;animation:svelte-1jgia7x-shake-animation 3s ease infinite;transform-origin:50% 50%}@keyframes svelte-1jgia7x-shake-animation{0%{transform:translate(0)}1.78571%{transform:translate(10px)}3.57143%{transform:translate(0)}5.35714%{transform:translate(10px)}7.14286%{transform:translate(0)}8.92857%{transform:translate(10px)}10.71429%{transform:translate(0)}12.92857%{transform:translate(10px)}14.71429%{transform:translate(0)}15.92857%{transform:translate(10px)}17.71429%{transform:translate(0)}to{transform:translate(0)}}.scroll-down.svelte-1jgia7x.svelte-1jgia7x{font-size:12px;color:#fff;position:absolute;top:70vh;margin-left:auto;margin-right:auto;left:0;right:0}.mouse-body.svelte-1jgia7x.svelte-1jgia7x{border-style:solid;border-width:1px;border-color:#fff;border-radius:32px;z-index:9;height:30px;width:16px;margin:0 auto 10px}.mouse-body.svelte-1jgia7x .mouse-wheel.svelte-1jgia7x{border-width:1px;border-color:#333;border-radius:50%;background-color:#fff;position:relative;height:2px;width:2px;margin:0 auto;-webkit-animation:svelte-1jgia7x-wheel_animation 1.5s linear infinite;animation:svelte-1jgia7x-wheel_animation 1.5s linear infinite}@keyframes svelte-1jgia7x-wheel_animation{0%{opacity:0;top:2px}50%{opacity:1;top:50%}to{opacity:0;top:23px}}.intro.svelte-1jgia7x.svelte-1jgia7x{color:#fff;font-size:16px;pointer-events:none}div.alert-audio.svelte-18hunwg.svelte-18hunwg{color:#fff;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;max-width:400px;font-size:12px}div.alert-audio.svelte-18hunwg button.svelte-18hunwg{padding:5px 10px}div.audio-button.svelte-18hunwg.svelte-18hunwg{position:fixed;top:0;right:0;margin:10px}@media screen and (max-width: 500px){div.audio-button.svelte-18hunwg.svelte-18hunwg{margin:5px}}div.audio-button.svelte-18hunwg button.svelte-18hunwg{background:none;pointer-events:all;border:none}div.audio-button.svelte-18hunwg button.svelte-18hunwg:focus{border:none;outline:none}div.audio-button.svelte-18hunwg button.svelte-18hunwg:hover{opacity:.7}div.audio-button.svelte-18hunwg button img.svelte-18hunwg{width:40px;height:40px}@media screen and (max-width: 500px){div.audio-button.svelte-18hunwg button img.svelte-18hunwg{width:30px;height:30px}}.demo.svelte-18hunwg.svelte-18hunwg{width:100%}[slot=background].svelte-18hunwg.svelte-18hunwg{font-size:1.4em;overflow:hidden;padding:1em;pointer-events:all!important}section.svelte-18hunwg.svelte-18hunwg{height:100vh;padding:1em;margin:0 auto;max-width:400px}section.svelte-18hunwg p.svelte-18hunwg,section.svelte-18hunwg button.svelte-18hunwg{pointer-events:all}section.svelte-18hunwg .scrolly-text.svelte-18hunwg{background-color:#ffffffe6;border-radius:5px;color:#000;text-align:left;padding:10px;max-width:400px;display:inline-block;box-sizing:border-box}section.svelte-18hunwg .scrolly-text button.svelte-18hunwg{border:#648da6 1px solid}section.svelte-18hunwg .scrolly-text button.svelte-18hunwg:hover,section.svelte-18hunwg .scrolly-text button.svelte-18hunwg:active{border:rgb(255,203,3) 1px solid}@media screen and (min-width: 700px){section.side.svelte-18hunwg.svelte-18hunwg{margin:0 auto 0 20px}section.side.svelte-18hunwg .scrolly-text.svelte-18hunwg{background:none;color:#fff}}.intro.svelte-18hunwg.svelte-18hunwg{background:none;color:#fff;text-align:center}[slot=background].svelte-18hunwg.svelte-18hunwg,[slot=foreground].svelte-18hunwg.svelte-18hunwg,.demo.svelte-18hunwg.svelte-18hunwg{pointer-events:none}.alarm-button.svelte-18hunwg.svelte-18hunwg{margin-left:auto;margin-right:auto;text-align:center;width:200px;border-radius:50px;background:orange;color:#fff}.inline-image.svelte-18hunwg.svelte-18hunwg{margin:10px auto;border-radius:5px;width:200px}.key-container-2.svelte-18hunwg.svelte-18hunwg{max-width:200px;width:100%}.key-container-2.svelte-18hunwg .key.svelte-18hunwg{pointer-events:all;cursor:pointer;float:left;width:33.33%}.key-container-2.svelte-18hunwg .key p.svelte-18hunwg{text-align:center;margin:0;font-weight:700;font-size:12px}.key-container-2.svelte-18hunwg .key img.svelte-18hunwg{margin:0 7px;width:50px;height:50px}.key-container-2.svelte-18hunwg .key img.nohighlight.svelte-18hunwg{opacity:.2}.key-container-1.svelte-18hunwg.svelte-18hunwg{max-width:400px;width:100%}.key-container-1.svelte-18hunwg .key.svelte-18hunwg{cursor:pointer;pointer-events:all;float:left;width:20%}.key-container-1.svelte-18hunwg .key p.svelte-18hunwg{text-align:center;margin:0;font-weight:700}.key-container-1.svelte-18hunwg .key img.svelte-18hunwg{margin:0 15px;width:50px;height:35px}.key-container-1.svelte-18hunwg .key img.nohighlight.svelte-18hunwg{opacity:.2}@media screen and (max-width: 500px){.key-container-1.svelte-18hunwg.svelte-18hunwg{background-color:#ffffffb3}}.slider.svelte-18hunwg.svelte-18hunwg{max-width:400px;pointer-events:all}.about.svelte-18hunwg.svelte-18hunwg{color:#fff;max-width:600px;margin:200px auto 0;padding:16px;text-align:left;pointer-events:all}.about.svelte-18hunwg .footer.svelte-18hunwg{margin-top:50px;font-size:12px;line-height:15px;text-align:center}.about.svelte-18hunwg a.svelte-18hunwg{color:#fff;text-decoration:underline}.note.svelte-18hunwg.svelte-18hunwg{font-size:12px;line-height:15px}.headline.svelte-18hunwg.svelte-18hunwg{max-width:500px;color:#fff}h2.svelte-18hunwg.svelte-18hunwg{padding-top:30px}