

.auth .wrapper{max-width:320px;padding:20px}.auth #logout .inner-ct{display:flex;flex-flow:row;width:100%;background:var(--light-grey);align-items:center}.auth #logoutBtn{margin-top:0}.auth .logo{color:var(--grey)}.auth[data-state=indeterminated] #forgotPassword,.auth[data-state=indeterminated] #loginForm,.auth[data-state=indeterminated] #logout,.auth[data-state=indeterminated] #signupForm{display:none}.auth[data-state=authenticated] #forgotPassword,.auth[data-state=authenticated] #loginForm,.auth[data-state=authenticated] #signupForm{display:none}.auth[data-state=authenticated] #logout{display:block}.auth[data-state=log-in] #forgotPassword,.auth[data-state=log-in] #logout,.auth[data-state=log-in] #signupForm{display:none}.auth[data-state=log-in] #loginForm{display:block}.auth[data-state=sign-up] #forgotPassword,.auth[data-state=sign-up] #loginForm,.auth[data-state=sign-up] #logout{display:none}.auth[data-state=sign-up] #signupForm{display:block}.auth[data-state=forgot-password] #loginForm,.auth[data-state=forgot-password] #logout,.auth[data-state=forgot-password] #signupForm{display:none}.auth[data-state=forgot-password] #forgotPassword{display:block}footer{background:var(--light-grey);padding:2em}.table{font-variant:tabular-nums;border-collapse:collapse;margin-bottom:50px;width:100%}.table{background:var(--lightest-grey)}.table tfoot,.table thead{font-weight:700;color:var(--black)}.table tr{vertical-align:top}.table tr:nth-of-type(odd){background-color:var(--white)}.table thead tr:nth-child(1){background-color:transparent}.table td{padding:.25em 1.5em .25em .5em}.table td:nth-child(1){width:5ch}.table td:nth-child(2){text-align:right;width:5ch}.table thead{border-bottom:1px var(--light-grey) solid}.table tfoot{border-top:1px var(--light-grey) solid}.time-entries{width:100%;max-width:800px;margin:7rem auto 5rem}.time-entries h3{margin:0}.time-entries p{margin:0}.time-entries p+p{margin:1em 0 3em}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mobile-only{display:block}@media screen and (min-width:900px){.mobile-only{display:none}}.hide-on-mobile{display:none}@media screen and (min-width:50rem){.hide-on-mobile{display:block}}