.app-section{color:#fff;padding:1rem;transition:background-color .5s ease}.activity-container{display:flex;justify-content:center;margin-top:1rem;font-weight:700;font-size:1.25em}.app-container{margin:1.5rem auto;padding:.5rem;border-radius:var(--border-radius);transition:background-color .5s ease}.timer{font-size:7.5em;display:flex;justify-content:center;font-weight:700;padding:1rem 0}.timer-controls{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;margin:.5rem 0}.startBtn{font-size:1.5em;border:none;border-radius:var(--border-radius);width:12rem;height:3.5rem;transition:background-color .5s ease;font-weight:600}.skipBtn-container{display:flex}.skipBtn{background-color:transparent;border:none;font-size:2em;opacity:0;pointer-events:none;transition:opacity .5s ease-in}.skipBtn.fade-in{opacity:1;pointer-events:auto}.mode-controls{margin:.5rem 0;display:flex;justify-content:center}.modeBtns{color:#fff;border:none;padding:.5rem;border-radius:var(--border-radius)}.non-active-mode{background-color:transparent;font-weight:300}.pomodoroBtn-active{background-color:#9f1239}.shortBtn-active{background-color:#115e59}.longBtn-active{background-color:#075985}.pomodoroBtn-active,.shortBtn-active,.longBtn-active{font-weight:700}@media (min-width: 640px){.app-container{width:30rem}}header h1{margin:0;font-size:1.5em}header{display:flex;justify-content:space-between;align-items:center}.settingsBtn{border:none;color:#fff;display:flex;align-items:center;padding:.5rem 1rem;border-radius:var(--border-radius)}.settingsBtn img{margin-right:.5rem}@media (min-width: 640px){header h1{font-size:2em}header{margin:0 2rem}}.information-container{margin:1.5rem auto;padding:0 1.5rem;background-color:#fff;flex:1 0 auto}.pomotime-intro h2,.pomodoro-explanation h2{margin:0}.pomotime-intro,.pomodoro-explanation{padding:1rem 0}@media (min-width: 640px){.information-container{width:40rem;padding:0}}.settings-modal--background{position:fixed;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;z-index:50;background-color:#000000b3}.settings-modal--container{width:100%;max-width:24rem;background-color:#fff;color:#475569;border-radius:var(--border-radius);overflow:hidden;animation:fade-in 1s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-modal--bottom{background-color:#e2e8f0}.settings-modal--container h2{margin:0;padding:1rem;font-size:1em;font-weight:700}.timeSettings-container h3{margin:0;font-size:1em;font-weight:700;color:#94a3b8}.timeSettings-container h4{margin:0;padding:1rem 0}.timeSettings-container{padding:1rem;font-size:1em;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.timerSetting-panel{display:grid;grid-template-columns:repeat(3,1fr)}.timerSetting-panel div{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.timerSetting-panel div label{font-size:.9em;margin-bottom:.25rem}.timerSetting-panel div input{padding:.5rem}.saveBtn{margin:1rem;width:5rem;height:2rem;border:none;background-color:#0f172a;color:#fff;border-radius:var(--border-radius)}.timerSetting-panel input,.longBreakIntervalSetting-container input{background-color:#e2e8f0;border:none}.longBreakIntervalSetting-container,.autoBreaksSetting-container,.autoPomodorosSetting-container{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.longBreakIntervalSetting-container label,.autoBreaksSetting-container label,.autoPomodorosSetting-container label{font-weight:700}.longBreakIntervalSetting-container input{padding:.5rem;width:4rem}footer{display:inline-flex;justify-content:center;width:100%;align-items:center;padding:.5rem 0;border-top:solid 2px #e2e8f0;flex-shrink:0}footer a{display:inline-flex;margin:0 .25rem}footer a img{margin-left:.25rem}/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}html,body,#root{height:100%}#root{display:flex;flex-direction:column}:root{--border-radius: 5px}