canvas[data-paper-resize]{height:100%;pointer-events:none;width:100%}.countdownWrapper__SLrUA{height:100%}.countdown__V3B0C{background:#fff;border:2px solid #202124;border-radius:15px;display:-ms-flexbox;display:flex;height:100%;overflow:hidden;padding:24px;position:relative;text-align:center;width:100%}.countdown--dark{background:#202124;border-color:#fff}.beatMachineContainer__R5x1O{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;position:relative;transition:none;width:100%;z-index:0}.beatMachineContainer--dark{background:#202124}.visualizer__psoVH .introAnimationContainer__peh7s{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background:#fff;display:-ms-flexbox;display:flex;height:100%;justify-content:center;position:absolute;transition:opacity .5s linear .3s;width:100%}.visualizer__psoVH .introAnimationContainer__peh7s.introAnimationContainer--dark{background:#202124}.introAnimationContainer--complete{opacity:0}.introAnimationContainer__peh7s .introAnimation__Z-aH4{height:100%;width:auto}.menuContainer__w\+Bq1{height:100%;position:absolute;right:-210px;transition:none;width:200px}.menuContainer__w\+Bq1>div{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:90px 0 30px 30px;width:100%}.menuContainer--open{display:-ms-flexbox;display:flex;right:24px;width:210px}.beatMachineContainer--menuOpen{width:calc(100% - 200px)}.beatMachineContainer--menuOpen .btnContainer__65N2M{display:none}.btnContainer__65N2M{-ms-flex-pack:center;background:#fff;border:2px solid #202124;border-radius:800px;display:-ms-flexbox;display:flex;justify-content:center;padding:0 6px;position:absolute;right:2%;top:2%;width:176px;z-index:1}.menuContainer--open .btnContainer__65N2M{left:14%;margin:0 auto;right:0}.btnContainer__65N2M>div{padding:8px 6px}.btnContainer--dark{background:#202124}.menuContainer--open .btnContainer--dark{border-color:#fff}.fullscreenBtnContainer__M1dnI{background:#fff;border:2px solid #202124;border-radius:50%;left:40px;padding:8px;position:absolute;top:40px;z-index:1}.fullscreenBtnContainer--dark{background:#202124}.fullscreenBtn__6V8tC,.menuBtn__zOAok,.pauseBtn__iXI1D,.volumeBtn__SwUBn{-ms-flex-align:center;align-items:center;border-radius:50%;display:-ms-flexbox;display:flex;height:40px;padding:1px 6px 1px 8px;transition:.2s ease;width:40px}.fullscreenBtn__6V8tC:hover,.menuBtn__zOAok:hover,.pauseBtn__iXI1D:hover,.volumeBtn__SwUBn:hover{background:#f6bd41}.fullscreenBtn--dark,.menuBtn--dark,.pauseBtn--dark,.volumeBtn--dark{background:#202124;border-color:#202124}.fullscreenBtn--dark:hover,.menuBtn--dark:hover,.pauseBtn--dark:hover,.volumeBtn--dark:hover{background:#f6bd41}.fullscreenBtn--fullscreen{bottom:13%}.menuBtn__zOAok{background:#538ff7}.icon__AS2Le{fill:#202124;height:24px;width:24px}.speakerContainer__1my0a{-ms-flex:1 1;flex:1 1;height:auto;margin-bottom:16px;max-height:144px;overflow:hidden;position:relative}.speaker__GoMMi{height:170px;width:100%}.volume__\+IBsL{fill:#202124}#volumeControlLabels{margin-top:-21px}#minLabel{margin-left:43px}#maxLabel{margin-left:auto;margin-right:43px}.volumeContainer--light{fill:#000;stroke:#000}.volumeContainer--dark{fill:#fff;stroke:#fff}.volumeControl--active{fill:#ff5145;stroke:#ff5145}.volumeControl--inactive path{fill:#3c4043;stroke:#3c4043}.volumeControl--inactive circle,.volumeControl--inactive ellipse{stroke:#3c4043}.fullscreenBtn__6V8tC:hover .icon__AS2Le,.menuBtn__zOAok:hover .icon__AS2Le,.pauseBtn__iXI1D:hover .icon__AS2Le,.volumeBtn__SwUBn:hover .icon__AS2Le{fill:#e3e3e3}.fullscreenBtn--dark svg,.menuBtn--dark svg,.pauseBtn--dark svg,.volumeBtn--dark svg{fill:#e8eaed}.fullscreenBtn--dark:hover .icon__AS2Le,.menuBtn--dark:hover .icon__AS2Le,.pauseBtn--dark:hover .icon__AS2Le,.volumeBtn--dark:hover .icon__AS2Le{fill:#e3e3e3}.visualizer__psoVH{border:2px solid #202124;border-radius:15px;-ms-flex:1;flex:1;height:50%;overflow:hidden;position:relative;width:100%;z-index:0}.visualizer--dark{border-color:#fff}.timerWrapper__C3UfI{height:42%;margin-top:3%;min-height:80px}.timerBar__3Jc1h{height:100%;width:100%}.timerBar--dark{border-top-color:#e3e3e3}.timerBar--dark>p:not(:last-of-type):after{border-right-color:#e3e3e3}.timerColumn__yw9\+A{position:relative}.timerNumber__J6M\+Z{display:-ms-flexbox;display:flex;height:80%}.timerText__Br-Ih{font-family:Google Sans Text;font-size:24px;height:auto;padding:8px 4px}.timerNumberColumn__hc5ws{background:#e8eaed;border:2px solid #202124;border-radius:8px;height:100%;padding:0;position:relative;-ms-touch-action:manipulation;touch-action:manipulation;width:100%}.timerNumberColumn__hc5ws .timerNumberDesktop__Y1bFk,.timerNumberColumn__hc5ws .timerNumberMobile__Gs6Ri{height:100%;left:0;position:absolute;top:0;width:100%}.timerNumberColumn__hc5ws .timerNumberMobile__Gs6Ri{padding:6.25px}.timerNumberColumn__hc5ws .timerNumberDesktop__Y1bFk svg,.timerNumberColumn__hc5ws .timerNumberMobile__Gs6Ri svg{height:100%;pointer-events:none;width:100%}.timerNumberColumn__hc5ws .timerNumberDesktop__Y1bFk{cursor:pointer}.timerNumberColumn--dark:not(:hover) .timerNumberDesktop__Y1bFk .black path{fill:#202124}.timerNumberColumn--light:not(:hover) .timerNumberDesktop__Y1bFk .black path{fill:#1a1b1f}.timerNumberColumn--dark:not(:hover) .timerNumberDesktop__Y1bFk path,.timerNumberColumn--dark:not(:hover) path.colorfill{fill:#e8eaed}.timerNumberColumn--light:not(:hover) .timerNumberDesktop__Y1bFk path,.timerNumberColumn--light:not(:hover) path.colorfill{fill:#fff}.timerNumberColumn--light:not(:hover) .timerNumberMobile__Gs6Ri svg.zero__UuPo7{background:red}path.colorfill{transition:fill .3s ease}.timerNumberColumn--dark{background:#202124;border:2px solid #fff}.menuText--dark{color:#fff}@-webkit-keyframes clickAnimation__-5dPz{10%{background:#e8eaed}40%{background:#e8eaed}60%{background:#202124}}@keyframes clickAnimation__-5dPz{10%{background:#e8eaed}40%{background:#e8eaed}60%{background:#202124}}.timerNumberColumn--dark.is-playing{-webkit-animation:clickAnimation__-5dPz 1s ease-in-out;animation:clickAnimation__-5dPz 1s ease-in-out}.beatsBtn__2gdi\+{border:2px solid #202124;border-radius:8px;cursor:pointer;padding:16px 20px;text-transform:uppercase}.beatsBtn--active,.beatsBtn__2gdi\+:hover{background:#000;color:#fff}.beatsBtn--dark{background:#202124;border-color:#fff;color:#fff}.beatsBtn--dark.beatsBtn--active,.beatsBtn--dark:hover{background:#fff;border-color:#202124;color:#202124}.soundsBtnsContainer__SVLhz{grid-template-columns:repeat(3,minmax(0,1fr))}.soundsBtn__ta51m input{height:0;opacity:0;width:0}.soundSlider__fVqDl{background-color:#fff;border:2px solid #202124;border-radius:8px;cursor:pointer;height:123px;position:relative;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transition:.4s;width:56px}.soundSliderText__9CKdT,.soundSlider__fVqDl{bottom:0;left:0;right:0}.soundSlider--dark{background-color:#202124;border:2px solid #fff}.soundSliderText__9CKdT{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background-color:#202124;border-radius:8px;color:#fff;content:"";display:-ms-flexbox;display:flex;height:63px;justify-content:center;left:3px;position:absolute;top:3px;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);transition:.4s;width:46px}.soundSlider--dark .soundSliderText__9CKdT{background-color:#fff;color:#202124}.soundSlider__fVqDl input{visibility:hidden}input:checked+.soundSliderText__9CKdT{background:#428eff;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}input:checked+.soundSlider--green{background:#38a852}input:checked+.soundSlider--red{background:#ff5145}.soundSlider--dark input:checked+.soundSliderText__9CKdT{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media (min-width:577px) and (max-width:959px){.countdown__V3B0C{height:75vh}.timerBar__3Jc1h>p{font-size:24px}}@media (max-width:1024px) and (orientation:landscape){.countdown__V3B0C{height:100vh;overflow:hidden}.menuContainer__w\+Bq1{overflow-x:hidden;overflow-y:scroll}.timerText__Br-Ih{font-size:16px;margin-bottom:-8px;padding-bottom:0}.soundsBtnsContainer__SVLhz{padding-bottom:30px}.timerBar__3Jc1h{border-top:none;-ms-flex-direction:column;flex-direction:column;grid-template-columns:repeat(4,minmax(0,1fr))}.timerNumber__J6M\+Z{height:60px}.visualizer__psoVH{height:unset}.timerWrapper__C3UfI{height:unset;min-height:unset}.beatMachineContainer--fullscreen{border:none;border-radius:0;-ms-flex-direction:column;flex-direction:column}.visualizer--fullscreen{height:100%}.timerWrapper--fullscreen{height:auto;width:100%}.timerBar--fullscreen{border-top:none;-ms-flex-direction:column;flex-direction:column;grid-template-columns:repeat(4,minmax(0,1fr))}.timerBar--fullscreen>p{border-left:3px solid #202124;-ms-flex:1 1 0px;flex:1 1 0;font-size:18px;line-height:24px;word-spacing:100px}.timerBar--fullscreen.timerBar--dark>p{border-left-color:#e3e3e3}.timerBar--fullscreen>p:not(:last-of-type){border-bottom:3px solid #202124}.timerBar--fullscreen.timerBar--dark>p:not(:last-of-type){border-bottom-color:#e3e3e3}.timerBar--fullscreen>p:not(:last-of-type):after{content:none}.fullscreenBtn--fullscreen{bottom:2%}}@media (max-width:576px) and (orientation:portrait){.beatMachineContainer--fullscreen{border:none;border-radius:0}.fullscreenBtn--fullscreen{bottom:2%}}@media (max-width:768px){.visualizer__psoVH .introAnimationContainer__peh7s{display:none}}@media (max-width:576px){.countdown__V3B0C{height:85vh;padding:16px}.timerWrapper__C3UfI{min-height:111px}.timerBar__3Jc1h{-ms-flex-wrap:wrap;flex-wrap:wrap}.timerBar__3Jc1h>p{-ms-flex:1 1 50%;flex:1 1 50%;font-size:20px;height:50%;letter-spacing:0;line-height:32px;min-height:54px}.timerBar__3Jc1h>p:first-child,.timerBar__3Jc1h>p:nth-child(2){border-bottom:2px solid #202124}.timerText__Br-Ih{font-size:18px}.timerBar--dark>p:first-child,.timerBar--dark>p:nth-child(2){border-bottom-color:#e3e3e3}.timerBar__3Jc1h>p:nth-child(2):after{content:none}.pauseBtn__iXI1D{margin-bottom:0;margin-right:12px}.btnContainer__65N2M{right:-12px;top:-16px}.btnContainer__65N2M,.fullscreenBtnContainer__M1dnI{border:none}.beatMachineContainer__R5x1O{transition:none}.beatMachineContainer--menuOpen{height:auto;margin-top:60%;position:static;width:100%}.beatMachineContainer--menuOpen .btnContainer__65N2M{display:inherit;right:4px;top:0}.fullscreenBtn__6V8tC{left:-12px;position:absolute;top:-16px;transition:none}.beatMachineContainer--menuOpen .fullscreenBtn__6V8tC{left:0;position:static;top:0}.fullscreenBtnContainer__M1dnI{border-radius:0;left:24px;padding:0;top:24px;z-index:2}.beatMachineContainer--menuOpen .fullscreenBtnContainer__M1dnI{left:4px;top:8px}.visualizer__psoVH{margin-bottom:8px;margin-top:50px}.beatMachineContainer--menuOpen .visualizer__psoVH{margin:8px 0}.menuContainer--open .btnContainer__65N2M{display:none}.menuContainer__w\+Bq1{height:0;position:absolute;right:0;transition:all .3s ease-in-out;width:100%}.menuContainer__w\+Bq1.menuContainer--open{height:auto;position:absolute;top:50px;width:100%}.menuContainer__w\+Bq1>div{-ms-flex-direction:row;flex-direction:row;padding:16px}.speakerContainer__1my0a{margin-top:0}.speaker__GoMMi,.volumeContainer__xtoUh{display:none}.beatsContainer__4eTpk{width:50%}.beatsBtn__2gdi\+{padding:16px 20px}.soundsBtnsContainer__SVLhz{margin-left:.5rem}}.volume-6__zjgAi .circle-6__1BVIC,.volume-6__zjgAi .stroke-6__oCqAe{stroke:#ff5145;fill:#ff5145}@media (-ms-high-contrast:active),(forced-colors:active){.fullscreenBtn__6V8tC,.menuBtn__zOAok,.pauseBtn__iXI1D,.volumeBtn__SwUBn{background:none;border-color:#e3e3e3}.fullscreenBtn__6V8tC svg,.menuBtn__zOAok svg,.pauseBtn__iXI1D svg,.volumeBtn__SwUBn svg{fill:#8080ff}.volumeContainer__xtoUh svg{stroke:#8080ff}.fullscreenBtn__6V8tC:hover .icon__AS2Le,.menuBtn__zOAok:hover .icon__AS2Le,.pauseBtn__iXI1D:hover .icon__AS2Le,.volumeBtn__SwUBn:hover .icon__AS2Le{fill:#8080ff}}