@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap";body.pomodoro{background-color:#fff2f2}body.break{background-color:#f2fff5}body.longBreak{background-color:#f2f9ff}.pomoApp{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.chip{width:max-content;font-family:Roboto Flex,sans-serif;font-size:2rem;border:2px solid transparent;padding:.8rem 1.6rem;border-radius:10rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.chip__stm{text-transform:capitalize}.pomodoro .chip{border-color:#471515;background-color:#ff4c4c26;color:#471515}.break .chip{border-color:#14401d;background-color:#4dda6e26;color:#14401d}.longBreak .chip{border-color:#153047;background-color:#4cacff26;color:#153047}.btn{margin:0;border:none;position:relative;padding:2em 3em;cursor:pointer;border-radius:2em;transition:box-shadow .3s,transform .1s cubic-bezier(.65,-.17,.12,1.18),border-color .3s}.btn:hover{box-shadow:0 10px 10px 5px #0000001a}.btn:active{transform:scale(.9)}.btn:focus{outline:none}.btn--md{padding:1.5em;border-radius:1.5em}.btn--sm{padding:0}.btn__icon{font-size:3.2rem}.pomodoro .btn{background-color:#ff4c4cb5;color:#471515}.pomodoro .btn.sec{background-color:#ff4c4c26}.pomodoro .btn.sec-2{background-color:transparent}.break .btn{background-color:#4dda6e9e;color:#14401d}.break .btn.sec{background-color:#4dda6e26}.break .btn.sec-2{background-color:transparent}.longBreak .btn{background-color:#4cacff9e;color:#153047}.longBreak .btn.sec{background-color:#4cacff26}.longBreak .btn.sec-2{background-color:transparent}.timer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem}.timer__clock{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;font-family:Roboto Flex,sans-serif;font-weight:200;font-size:20rem;line-height:.85;position:relative}.timer__finishedSessions{text-align:center;position:absolute;font-size:1.5rem;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5}.timer__actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1.6rem;position:relative}.timer__btn{min-width:12rem}.timer__currentSession{text-transform:capitalize;font-size:"Roboto Flex",sans-serif;font-size:1.5rem;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);opacity:.5;display:flex;gap:.5rem}@media screen and (max-width:412px){.timer__clock{font-size:19rem}}.profileForm{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:1.5rem;font-size:1.6rem}.profileForm__place{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}.profileForm__input{border-radius:.8rem;border:2px solid rgba(0,0,0,.1490196078);padding:1.2rem}.profileForm__input[type=text]{max-width:50%}.profileForm__input[type=number]{width:5rem}.profileForm__submit{padding:1.5rem;font-weight:700;display:flex;justify-content:center;gap:1rem}.modal{width:100vw;min-height:100vh;position:fixed;top:0;left:0;display:none;justify-content:center;align-items:center;background-color:#0003;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:Roboto Flex,sans-serif;z-index:10}.modal__container{position:relative;border-radius:2.4rem;max-width:400px;background-color:inherit;padding:2.4rem}.modal.modal--open{display:flex}.pomodoro .modal__container{background-color:#fff2f2}.break .modal__container{background-color:#f2fff5}.longBreak .modal__container{background-color:#f2f9ff}@media screen and (max-width:550px){.modal__container{max-width:90%}}.ps__openBtn{width:max-content;font-family:Roboto Flex,sans-serif;font-size:2.4rem;border:2px solid transparent;padding:.8rem 1.6rem;border-radius:5rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;cursor:pointer}.ps__stm{text-transform:capitalize}.ps__modal-profiles{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;gap:2.4rem}.ps__header{min-width:30rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.ps__title{margin:0;font-weight:700;font-size:2.4rem}.ps__modal-close{padding:1rem;width:4rem;height:4rem}.ps__profiles{list-style-type:none;margin:0;padding:0}.ps__li{padding:.8rem;border-radius:1rem;font-size:1.8rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0;cursor:pointer}.ps__li:hover{text-decoration:underline}.ps__profile-name{text-transform:capitalize}.ps__actions{display:flex;gap:2rem}.pomodoro .ps__li--active{background-color:#ff4c4c26}.break .ps__li--active{background-color:#4dda6e26}.longBreak .ps__li--active{background-color:#4cacff26}.ps__addProfileBtn{padding:1.5rem;font-weight:700;display:flex;justify-content:center;gap:1rem}.pomodoro .ps__openBtn{border-color:#471515;background-color:#ff4c4c26}.break .ps__openBtn{border-color:#14401d;background-color:#4dda6e26}.longBreak .ps__openBtn{border-color:#153047;background-color:#4cacff26}.switch{--button-width: 3.5em;--button-height: 2em;--toggle-diameter: 1.5em;--button-toggle-offset: calc( (var(--button-height) - var(--toggle-diameter)) / 2 );--toggle-shadow-offset: 10px;--toggle-wider: 3em;--color-grey: #cccccc}.pomodoro .switch{--color-green: #ff4c4c}.break .switch{--color-green: #4dda6c}.longBreak .switch{--color-green: #4cacff}.slider{display:inline-block;width:var(--button-width);height:var(--button-height);background-color:var(--color-grey);border-radius:calc(var(--button-height) / 2);position:relative;transition:.3s all ease-in-out;cursor:pointer}.slider:after{content:"";display:inline-block;width:var(--toggle-diameter);height:var(--toggle-diameter);background-color:#fff;border-radius:calc(var(--toggle-diameter) / 2);position:absolute;top:var(--button-toggle-offset);transform:translate(var(--button-toggle-offset));box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a;transition:.3s all ease-in-out}.switch input[type=checkbox]:checked+.slider{background-color:var(--color-green)}.switch input[type=checkbox]:checked+.slider:after{transform:translate(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));box-shadow:calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a}.switch input[type=checkbox]{display:none}.switch input[type=checkbox]:active+.slider:after{width:var(--toggle-wider)}.switch input[type=checkbox]:checked:active+.slider:after{transform:translate(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)))}.settings{display:flex;flex-direction:column;gap:2.4rem}.settings__header{min-width:30rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}.settings__title{display:flex;gap:1.5rem;margin:0;font-weight:700;font-size:2.4rem}.settings__closeModal{padding:1rem;width:4rem;height:4rem}.settings__form{font-size:1.8rem}.settings__field{padding-bottom:2.25rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:0}.settings__field:last-child{padding-bottom:0}.attribution{padding-top:2rem;border-top:1px solid rgba(0,0,0,.1490196078);font-size:1.4rem;color:#0000009e;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;line-height:1.5;font-family:Roboto,sans-serif}html{font-size:10px;height:100%}body{font-size:1.6rem;height:100%;font-family:Roboto,sans-serif}.pomodoro,.pomodoro input{color:#471515}.pomodoro input:focus{border-color:#471515}.pomodoro a{color:#471515}.break,.break input{color:#14401d}.break input:focus{border-color:#14401d}.break a{color:#14401d}.longBreak,.longBreak input{color:#153047}.longBreak input:focus{border-color:#153047}.longBreak a{color:#153047}#root{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0);transition:border-color .3s}input:focus,textarea:focus,button:focus,select:focus,a:focus{outline:none}a{font-weight:500;text-decoration:none}a:hover{text-decoration:underline}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}