*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;background-color:#0f0f0f;color:#eeeeee;overflow:hidden;width:100vw;height:100vh}main{display:grid;width:100%;height:100%;place-items:center}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{color:#eeeeee;font:inherit;cursor:pointer;border:none;background:hsl(0,0%,9%);padding:6px;border-radius:2px;transition:background .2s}button:hover{background:hsl(0,0%,10%)}img,picture{max-width:100%;display:block}ol,ul{list-style:none}input,select,textarea{font:inherit}input{font-size:1em;font-weight:300;color:hsl(0,0%,85%);background-color:hsl(0,0%,6%);outline:none;border:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.container{max-width:1200px;margin:0 auto;padding:1rem}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:hover{box-shadow:inset 0 0 0 300px hsl(125,0%,6%);background:none;-webkit-text-fill-color:hsl(0,0%,85%);outline:1px solid hsl(0,0%,20%);caret-color:hsl(0,0%,85%);-webkit-transition:all .12s ease-out;transition:all .12s ease-out}input:-webkit-autofill:focus,select:-webkit-autofill:focus,textarea:-webkit-autofill:focus{background-color:hsl(0,0%,8%);outline:2px solid hsl(0,0%,50%)}input:-webkit-autofill:active,select:-webkit-autofill:active,textarea:-webkit-autofill:active{background-color:hsl(0,0%,6%);outline-color:hsl(0,0%,55%)}.Navbar_navbarContainer__QreF1{position:fixed;top:0;left:0;width:100%;gap:4rem;display:flex;align-items:center;justify-content:space-between;padding:1rem 40px;z-index:1000}.Navbar_pagesContainer__sGr9X{display:flex;align-items:center;gap:2rem;flex:1 1;min-width:0}.Navbar_buttonContainer__9dGlA{display:flex;align-items:center;gap:1rem;flex-shrink:0}.Navbar_navButton__PTRdH{padding:6px 2px;font-size:16px;font-weight:300;color:hsl(0,0%,50%);transition:color .25s}.Navbar_navButton__PTRdH:hover{color:hsl(0,0%,80%)}.Navbar_navButton__PTRdH.Navbar_active__5BLGn{color:hsl(0,0%,100%);border-bottom:2px solid hsl(0,0%,80%)}.Navbar_loginBtn__LRWg4{background:none;color:hsl(0,0%,85%);transition:all .25s}.Navbar_loginBtn__LRWg4:hover{background:none;color:hsl(0,0%,100%)}.Navbar_loginBtn__LRWg4:active{color:hsl(0,0%,85%)}.Navbar_joinBtn__wW8me{color:black;border-radius:100px;padding:10px 20px;background-color:hsl(0,0%,100%);transition:all .25s}.Navbar_joinBtn__wW8me:hover{background-color:hsl(0,0%,85%)}.Navbar_joinBtn__wW8me:active{background-color:hsl(0,0%,95%)}.AccountButton_accountContainer__d6a0W{position:relative}.AccountButton_accountBtn__wLFS3{display:flex;border-radius:150px;aspect-ratio:1/1}.AccountButton_userAvatar__D3jpb{border-radius:50%}.AccountButton_defaultAvatar__ka6lF{display:flex;justify-content:center;align-items:center;height:36px;width:36px;font-size:18px;font-weight:500}.AccountButton_userAvatarSvg__h8SK_{height:36px;width:36px}.AccountButton_popover__g6FuW{display:flex;flex-direction:column;padding:24px 4px;border-radius:12px;gap:16px;width:250px;background-color:hsl(0,0%,15%);position:absolute;top:120%;right:0;opacity:0;transform:translateY(-12px) scale(.97);pointer-events:none;transition:opacity .18s cubic-bezier(.03,.5,.5,1),transform .18s cubic-bezier(.03,.5,.5,1)}.AccountButton_popover__g6FuW.AccountButton_visible__hGjBB{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.AccountButton_textGroup__Tfwc5{padding:0 16px}.AccountButton_nameText__RGDyB{color:white;font-weight:500}.AccountButton_emailText__CEIOH{font-weight:300;color:#bfbfbf}.AccountButton_listGroup__oJzBQ{display:flex;justify-content:center;flex-direction:column}.AccountButton_listGroup__oJzBQ button,.AccountButton_logoutBtn__7wX_W{display:flex;align-items:center;border-radius:4px;gap:8px;width:100%;align-items:flex-start;background:none;transition:all .15s;padding:8px 16px}.AccountButton_listGroup__oJzBQ button:hover{background-color:hsl(0,0%,25%)}.AccountButton_listGroup__oJzBQ button.AccountButton_icon___yH9v,.AccountButton_logoutBtn__7wX_W{align-items:center;gap:8px}.AccountButton_logoutBtn__7wX_W:hover{color:hsl(0,150%,80%);background-color:hsl(0,20%,20%)}.AccountButton_logoutBtn__7wX_W svg{transition:all .15s}.AccountButton_logoutBtn__7wX_W:hover svg{fill:hsl(0,150%,80%)}.AccountButton_legalLinks__vO8CO{display:flex;padding:0 20px;gap:1rem;font-size:14px;color:#999999;transition:all .15s}.AccountButton_legalLinks__vO8CO a{transition:all .15s}.AccountButton_legalLinks__vO8CO a:hover{color:white;text-decoration:underline}.AccountButton_SvgIcon__r5nd2{width:16px}.timer-container{justify-content:center;min-height:90vh;gap:8px;margin-bottom:32px}.timer-box,.timer-container{display:flex;flex-direction:column;align-items:center}.timer-box{font-size:4rem;margin-top:28px;margin-bottom:28px}.timer{background:none;transition:all .2s;font-weight:600;padding:0 16px;cursor:default}.input-colon{color:gray}.button-container{display:flex;height:52px;gap:12px;font-size:20px;font-weight:300}.timer-control{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100%;aspect-ratio:1/1;border-radius:4px;padding:12px 20px 12px 12px;gap:4px;cursor:pointer;transition:background .2s,color .2s}.timer-control.started{padding:8px}.timer-control.paused{background:hsl(120,12%,9%);color:#b6c9b6}.timer-control.paused:disabled{pointer-events:none;background:hsl(120,0%,9%);color:hsl(120,0%,75%);opacity:.7}.timer-control.paused:hover{background:hsl(120,14%,10%)}.timer-control .play-svg{fill:#b6c9b6;height:28px;width:28px}.timer-control.playing{background:hsl(50,20%,9%);color:hsl(50,40%,55%)}.timer-control.playing:hover{background:hsl(50,20%,10%)}.pause-svg{fill:hsl(50,40%,70%)}.timer-control.paused:active,.timer-control.playing:active{background:hsl(0,0%,9%);transform:scale(.985)}.reset-button{height:100%;aspect-ratio:1/1;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.reset-svg{height:24px;width:24px;fill:#cccccc}.timer-control.long-break svg{fill:hsl(0,0%,75%)}.timer-control.short-break svg{stroke:hsl(0,0%,75%)}.button-container.break .timer-control{gap:4px;padding:12px;background:none;outline:1px solid #333333;border-radius:8px;color:hsl(0,0%,75%);transition:all .25s}.button-container.break .timer-control:hover{color:white;background-color:hsl(0,0%,7.5%);outline:1px solid hsl(0,0%,40%)}.button-container.break .timer-control:active{background-color:hsl(0,0%,6%);outline:1px solid hsl(0,0%,30%)}.timer-track{display:flex;align-items:center;height:16px;width:85%;background-color:#252727;border-radius:4px;margin-bottom:20px;padding:8px 3px}.timer-bar{height:8px;width:0;background-color:#66a2cc;border-radius:2px;transition:all .5s ease}.timer-bar.paused{background-color:hsl(205,5%,27.5%)}