.page_metronome__f5TgY{width:100%;height:100%}.page_metronome__f5TgY .page_backgroundFilter__jSyQo,.page_metronome__f5TgY .page_backgroundImage__lT_nf{height:100%;width:100%;position:fixed;top:0;left:0}.page_metronome__f5TgY .page_backgroundImage__lT_nf{background-image:url(https://source.unsplash.com/random/1920x1080?forest-rain);background-size:cover;background-position:50%;opacity:.6;filter:blur(4px) grayscale(30%)}.page_metronome__f5TgY .page_backgroundFilter__jSyQo{background:radial-gradient(rgba(0,0,0,.6) 50%,transparent)}.page_metronome__f5TgY .page_controls__3GXrM{width:100%;display:flex;justify-content:flex-end;position:fixed;top:0;left:0;z-index:10;padding:1rem;gap:12px}.page_metronome__f5TgY .page_controls__3GXrM .page_controlButton__S2vAd{background-color:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px;height:2rem;border:none;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:capitalize;cursor:pointer}.page_metronome__f5TgY .page_controls__3GXrM .page_controlButton__S2vAd.page_active__hhbmP{background-color:hsla(0,0%,100%,.2)}.page_metronome__f5TgY .page_controls__3GXrM .page_playSound__ztJW9{border-radius:999px}.page_metronome__f5TgY .page_controls__3GXrM .page_instrumentControls__OECHX{border-radius:999px;overflow:hidden}.page_metronome__f5TgY .page_controls__3GXrM .page_instrumentControls__OECHX>.page_controlButton__S2vAd{color:#fff}.page_metronome__f5TgY .page_controls__3GXrM .page_instrumentControls__OECHX>.page_controlButton__S2vAd:first-child{padding-left:16px}.page_metronome__f5TgY .page_controls__3GXrM .page_instrumentControls__OECHX>.page_controlButton__S2vAd:last-child{padding-right:16px}.page_metronome__f5TgY .page_soundMessage__y6UyU{position:fixed;top:36%;left:50%;translate:-50% -50%;z-index:3;padding:.75rem 1.5rem;background-color:hsla(0,0%,100%,.05);border-radius:999px;transition:opacity 1s;pointer-events:none}.page_metronome__f5TgY .page_soundMessage__y6UyU>p{color:#fff;font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.page_metronome__f5TgY .page_logo__qlSA3{display:flex;height:3.2vmin;aspect-ratio:1.6;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;opacity:.1;white-space:nowrap;pointer-events:none;background-image:url(/logo_white.png);background-size:cover;background-position:50%}.page_metronome__f5TgY .page_paper__It0qA{height:100vh;width:100vw;position:relative;z-index:9}.page_metronome__f5TgY.page_playSound__ztJW9 .page_soundMessage__y6UyU{opacity:0}