*{box-sizing:border-box;position:relative}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:600px;width:100%;margin:0 auto;padding:2rem;text-align:center}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.App{display:flex;flex-direction:column}.imageBoxed{height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.ActivityListItem{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #52538d}.ActivityListItem.finished{opacity:.5}.ActivityListItem.rest .name{border-radius:2rem;background-color:#747bff;padding:.5rem 1rem;color:#131313}.ActivityListItem .image{background-color:#747bff;height:75px;width:75px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:10px}.ActivityListItem .name{font-weight:700;flex:1;text-align:left}.ActivityListItem .description .unit{color:#9ba2ff;margin-left:.2rem}.ActivityPreview{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #52538d}.ActivityPreview .image{height:22rem;width:25rem;background-color:#dcdeff;padding:5rem 1rem;border-radius:2rem;display:flex;flex-direction:column;align-items:center}.ActivityPreview .name{z-index:10;font-size:3.2em;position:absolute;bottom:0;line-height:1.2;text-align:center;color:#131313;text-shadow:-1px 1px 0 #fff,1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,0 0 3px #000}.ActivityPreview .amount{z-index:10;font-size:4.5em;position:absolute;top:0;line-height:1.1;text-align:center;color:#747bff;text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.CurrentActivity .anchor{top:-3rem;position:absolute}.CurrentActivity .actions{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.NextActivity{border:none;scale:.9;opacity:.8}.ActivitySwitchTimer{background:repeating-linear-gradient(317deg,#52538d,#52538d 3rem,#0000 3rem 7rem);margin:2rem 0 1rem;padding:1rem;border-radius:1rem}.ActivitySwitchTimer .anchor{top:-2rem;position:absolute}.ActivitySwitchTimer .time,.ActivitySwitchTimer .instruction{font-size:4.5em;text-align:center;text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000}.ActivitySwitchTimer .instruction{font-size:2.5em;color:#747bff}.ProgressControls{position:fixed;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:1rem;z-index:1000}.ProgressControls .pause{height:4rem;width:4rem;background-color:#9ba2ff;border-radius:50%;padding:.7rem;box-shadow:1px 1px 10px 7px #0005,1px 1px 3px #000;cursor:pointer;opacity:.7;transition:all .15s}.ProgressControls .pause:hover,.ProgressControls .pause:active{background-color:#747bff;opacity:1}.ProgressControls .pause:active{box-shadow:1px 1px 5px 5px #0005,1px 1px 3px #000}.ProgressControls .pause img{width:100%;height:100%}.WorkoutTemplates{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center}.WorkoutTemplates .WorkoutButton{cursor:pointer;background-color:#52538d;border-radius:2rem;padding:.6rem 2rem;text-align:center;text-shadow:-1px 1px 0 #52538d,1px 1px 0 #52538d,1px -1px 0 #52538d,-1px -1px 0 #52538d}.WorkoutTemplates .WorkoutButton.active{background-color:#747bff}.WorkoutCalender{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:0 auto 20px;opacity:.75;transition:all .2s}.WorkoutCalender:hover{opacity:1}.WorkoutCalender .CalenderDay{border-radius:25px;background-color:#555;font-size:.8rem;display:flex;justify-content:center;align-items:center;transition:all .5s;padding:3px 7px}.WorkoutCalender .CalenderDay.completed{background-color:#747bff}.WorkoutCalender .CalenderDay.today{border:3px solid #9ba2ff}.WorkoutCalender .CalenderDay.today.completed{border-color:#747bff}
