#canvas-viz-parent{display:flex;justify-content:center;align-items:center;background-color:#000;z-index:-1000}#canvas-viz{background-color:#fff;z-index:-999;margin:auto}.slider-label{padding-top:1.9vh;padding-top:calc(var(--vh, 1vh)*1.9);padding-bottom:.8vh;padding-bottom:calc(var(--vh, 1vh)*0.8)}.slider-row{padding-top:1vh;padding-top:calc(var(--vh, 1vh)*1);padding-bottom:1vh;padding-bottom:calc(var(--vh, 1vh)*1)}.canvas-slider{padding:0;margin:0;height:100%;width:100%}.canvas-slider-wrapper{cursor:ew-resize;height:6.5vh;height:calc(var(--vh, 1vh)*6.5);flex:1 1;height:3vh;width:100%}#effects-controls-row{margin-top:4vh;margin-top:calc(var(--vh, 1vh)*4)}#effects-panel input{width:100%}.switch{position:relative;display:inline-block;width:6vh;width:calc(var(--vh, 1vh)*6);height:3vh;height:calc(var(--vh, 1vh)*3)}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider:before{position:absolute;content:"";height:2vh;height:calc(var(--vh, 1vh)*2);width:2vh;width:calc(var(--vh, 1vh)*2);left:.5vh;left:calc(var(--vh, 1vh)*0.5);bottom:.5vh;bottom:calc(var(--vh, 1vh)*0.5);background-color:#fff}input:checked+.slider{background-color:#00e19e}input:focus+.slider{box-shadow:0 0 1px #00e19e}input:checked+.slider:before{transform:translateX(3vh);transform:translateX(calc(var(--vh, 1vh)*3))}.slider.round{border-radius:1.75vh;border-radius:calc(var(--vh, 1vh)*1.75)}.slider.round:before{border-radius:50%}#freq-bands{top:1.5vh;top:calc(var(--vh, 1vh)*1.5);left:1.5vh;left:calc(var(--vh, 1vh)*1.5);position:absolute}#freq-bands-canvas{padding:0;margin:0;height:9vh;height:calc(var(--vh, 1vh)*9);width:9vh;width:calc(var(--vh, 1vh)*9)}.menu-button-content *{will-change:visibility;color:#fff}.menu-button-content p{margin:.5vh 0;margin:calc(var(--vh, 1vh)*0.5) 0 calc(var(--vh, 1vh)*0.5) 0;display:inline-block;font-size:1.75vh;font-size:calc(var(--vh, 1vh)*1.75)}.menu-button-content{visibility:visible;border-radius:.75rem .75rem;position:absolute;width:auto;background:hsla(0,0%,100%,.15);overflow:auto}.flex-panel{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1 1 auto}h2,h3{color:#fff;text-transform:capitalize}h2{font-size:3vh;font-size:calc(var(--vh, 1vh)*3);margin:0 0 1vh;margin:0 0 calc(var(--vh, 1vh)*1) 0}h3{font-size:2.25vh;font-size:calc(var(--vh, 1vh)*2.25);margin:0;padding:0 1vh 0 0;padding:0 calc(var(--vh, 1vh)*1) 0 0;flex:0 0 content;white-space:nowrap}.button-white{border-color:#fff;color:#fff}.button-white,.button-yellow{font-size:1.75vh;font-size:calc(var(--vh, 1vh)*1.75);background-color:hsla(0,0%,100%,0);border-style:solid;padding:1vh;padding:calc(var(--vh, 1vh)*1);margin:0 auto;flex-basis:auto;flex-grow:1}.button-yellow{border-color:#f6f2d5;color:#f6f2d5}.grouped-buttons{flex:1 1 auto;border-width:.2vh .1vh;border-width:calc(var(--vh, 1vh)*0.2) calc(var(--vh, 1vh)*0.1)}.grouped-buttons:first-of-type{border-left-width:.2vh;border-left-width:calc(var(--vh, 1vh)*0.2)}.grouped-buttons:last-of-type{border-right-width:.2vh;border-right-width:calc(var(--vh, 1vh)*0.2)}.icon,.toggle-icon{height:100%;width:100%}.toggle-icon{position:absolute;top:0;left:0}.sharing-link{padding:1vh;padding:calc(var(--vh, 1vh)*1)}.sharing-link img{width:6vh;width:calc(var(--vh, 1vh)*6);height:6vh;height:calc(var(--vh, 1vh)*6)}.info-panel-icon{width:5vh;width:calc(var(--vh, 1vh)*5);height:5vh;height:calc(var(--vh, 1vh)*5)}.icon-row{width:100%}.coming-soon-icon-row{margin:5vh 0}.icon-row-child{display:flex;align-items:center;justify-content:center;width:6vh;width:calc(var(--vh, 1vh)*6);height:6vh;height:calc(var(--vh, 1vh)*6);padding:1vh;padding:calc(var(--vh, 1vh)*1)}.icon-row-child:first-child{margin-left:0}.icon-row-child:last-child{margin-right:0}.menu-button-icon{position:absolute;width:100%;height:100%;top:0;left:0}.icon-white{fill:#fff;stroke:#fff}.icon-moon{fill:#f6f2d5;stroke:#f6f2d5}.rotate45{transform:rotate(45deg)}.scale-div{transition-duration:.25s;top:25%;left:25%;height:50%;width:50%}.scale-div,.scale-div-morph{display:inline-block;position:absolute;transform-origin:50% 50%;margin:auto}.scale-div-morph{top:37.5%;left:37.5%;height:25%;width:25%}#icon-play3-poly{transform-origin:50% 50%}#icon-plus{transition-duration:.25s}#icon-info{top:-20%;left:-20%;height:140%;width:140%}.menu-button-child{transition-duration:.2s;position:absolute;border-radius:50%;border:.2vh solid #fff;border:calc(var(--vh, 1vh)*0.2) solid #fff}.arrow{position:absolute;width:0;height:0;border-left-color:transparent;border-left-style:solid;border-right-color:transparent;border-right-style:solid;border-bottom-style:solid}.menu-button{position:absolute;display:inline-block;height:auto;width:auto}.menu-button-parent{position:relative;border:.2vh solid #fff;border:calc(var(--vh, 1vh)*0.2) solid #fff;border-radius:50%}#song-info-panel{color:#fff;display:flex;flex-direction:column;flex-wrap:nowrap}#song-info-panel p,.social-link{display:inline-block}.padded-row{margin-top:4vh;margin-top:calc(var(--vh, 1vh)*4)}.row-margin-bottom{margin-bottom:2vh;margin-bottom:calc(var(--vh, 1vh)*2)}.row-margin-top{margin-top:2vh;margin-top:calc(var(--vh, 1vh)*2)}.toggle-button{position:relative;border-radius:50%;border:none;padding:0;overflow-wrap:break-word;background-color:hsla(0,0%,100%,0);z-index:99;margin-right:3vh;margin-right:calc(var(--vh, 1vh)*3);cursor:pointer}.toggle-button:focus{outline:none}.toggle-button:last-child{margin-right:0}.svg-circle{position:absolute;display:inline;top:0;left:0;fill-opacity:0;stroke:#fff;stroke-linecap:round;transform-origin:50% 50%}#oscilloscope{height:6.5vh;height:calc(var(--vh, 1vh)*6.5);flex:1 1}#oscilloscope-canvas{padding:0;margin:0;height:100%;width:100%}.mute-button,.solo-button{font-size:1.5vh;font-size:calc(var(--vh, 1vh)*1.5);color:#fff;padding:0;height:3.25vh;height:calc(var(--vh, 1vh)*3.25);width:3.25vh;width:calc(var(--vh, 1vh)*3.25);border-color:#fff;border-style:solid;background-color:hsla(0,0%,100%,0)}.solo-button{margin-left:1vh;margin-left:calc(var(--vh, 1vh)*1);border-width:.2rem .1rem .2rem .2rem}.solo-button-active{background-color:rgba(135,206,250,.5)}.mute-button{border-width:.2rem .2rem .2rem .1rem}.mute-button-active{background-color:rgba(255,255,159,.5)}.toggle-button-group{display:flex;flex-direction:column;flex-wrap:nowrap}.toggle-buttons{display:flex;flex-direction:row;flex-wrap:nowrap}.announcement{text-align:center;bottom:20px;width:100%}#landing-page-canvas{z-index:-1}#landing-page-soundscape-title-wrapper{padding-top:10rem}@media screen and (max-width:670px){#landing-page-soundscape-title-wrapper{padding-top:3rem}}#landing-page-soundscape-title{font-family:"Satisfy";font-size:10.5rem;font-weight:400;margin:0;padding:2rem;color:#fff;background:linear-gradient(30deg,#feac5e,#f3a280,#e7979b,#db8cb2,#ce80c7,#be8ad4,#aaa6dc,#94bfe4,#7ad4eb,#59e8f2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:670px){#landing-page-soundscape-title{font-size:7.5rem}}.landing-page-header{font-size:1.6rem;color:#fff;display:flex;flex-direction:column;width:100%;height:100%;justify-content:flex-start;align-items:center;grid-gap:.5rem;gap:.5rem}.landing-page-header .flex-row{justify-content:center}#landing-page{overflow:auto}#landing-page-song-title{color:#ff4c7a}#landing-page-bpm{color:#00e19e}#landing-page-key{color:#00f9ff}.filler{display:inline-block;width:100%;height:25rem}.mobile-song-icon-wrapper{border:solid #f6f2d5;border-width:1px 1px 0}#song-selection-panel{width:75vw;width:calc(var(--vw, 1vw)*75);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;margin-top:2rem}.song-link{border-radius:50%}.song-link:hover{background-color:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.song-link-mobile{text-decoration:none;max-width:320px;display:block;border-radius:1rem;width:100%;margin:1rem 0}.song-link-mobile>div{flex-basis:50%}.song-link-mobile:hover{background-color:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.info-row{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center}.info-row>p,.info-subheader{text-align:center}.info-subheader{font-size:3rem;margin-bottom:4rem;text-transform:none;max-width:375px;text-wrap:wrap}.info-page-button{font-size:1.6rem;border-radius:4px;width:140px}.info-page-button:hover{background-color:hsla(0,0%,100%,.1);transition-duration:.25s}p,span{font-size:1.75rem}.new-label{position:absolute;top:15px;left:15px;font-size:1.6rem;color:#00e19e}.custom-song-icon{display:block;margin:0;width:25rem;height:25rem}.custom-song-icon-mobile{display:block;margin:0;width:15rem;height:15rem}#loading-button,#loading-button-wrapper{width:25rem;height:25rem}#loading-button{position:absolute;margin:0;padding:0;text-align:center;vertical-align:middle;border:none;border-radius:50%;background-color:rgba(255,0,0,0)}#loading-button *{text-transform:none;font-size:1.6rem;color:#f6f2d5}#song-title{color:#fff;font-size:3rem;display:block}@font-face{font-family:"Lato";font-style:normal;font-weight:400;src:url(/static/media/lato-v16-latin-regular.6a8ad33d.eot);src:local("Lato Regular"),local("Lato-Regular"),url(/static/media/lato-v16-latin-regular.6a8ad33d.eot) format("embedded-opentype"),url(/static/media/lato-v16-latin-regular.65e877e5.woff2) format("woff2"),url(/static/media/lato-v16-latin-regular.319df0f5.woff) format("woff"),url(/static/media/lato-v16-latin-regular.f71f2288.ttf) format("truetype"),url(/static/media/lato-v16-latin-regular.ec530704.svg) format("svg")}@font-face{font-family:"Satisfy";font-style:normal;font-weight:400;src:url(/static/media/satisfy-v10-latin-regular.7836be75.eot);src:local("Satisfy Regular"),local("Satisfy-Regular"),url(/static/media/satisfy-v10-latin-regular.7836be75.eot) format("embedded-opentype"),url(/static/media/satisfy-v10-latin-regular.084d93d7.woff2) format("woff2"),url(/static/media/satisfy-v10-latin-regular.7d63999e.woff) format("woff"),url(/static/media/satisfy-v10-latin-regular.fbf302c0.ttf) format("truetype"),url(/static/media/satisfy-v10-latin-regular.199a1c07.svg) format("svg")}html{font-size:52.5%}body{font-family:"Lato",Helvetica,sans-serif;font-weight:400;background-color:#141b24}canvas{display:block}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:inherit}.button,button{cursor:pointer}button:focus{outline:none}.flex-row{width:100%;flex-direction:row;align-items:center}.flex-col,.flex-row{display:flex;justify-content:flex-start}.flex-col{height:100%;flex-direction:column;align-items:flex-start}.fullscreen{position:absolute;overflow:hidden;top:0;left:0;margin:0;width:100vw;width:calc(var(--vw, 1vw)*100);height:100vh;height:calc(var(--vh, 1vh)*100)}.transparent{background-color:transparent}.off-black{background-color:#141b24}.front-most{z-index:999}.hot-pink{color:#ff4c7a}.hot-green{color:#00e19e}.hot-blue{color:#00f9ff}.announcement{background-color:#141b24;font-size:1.6rem;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;height:50px;width:100vw}
/*# sourceMappingURL=main.5fe81e88.chunk.css.map */