:root{--body-bg:#1e213f;--accent-color:#70f3f8;--color-primary-1:#272c5a;--color-primary-2:#121530;--dark-purple:#0e112a;--light-purple:#eff1fa;--dark-gray:rgba(30,33,63,0.4);--light-gray:#e3e1e1;--alert:#da0000}*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:inherit}html{font-size:62.5%}@media (max-width:600px){html{font-size:50%}}@media (max-width:350px){html{font-size:47%}}body{height:100vh;width:100vw;font-family:"Kumbh Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e213f;background-color:var(--body-bg);display:flex;justify-content:center;position:relative}#root{height:100%}#root,button{display:flex;justify-content:center;align-items:center}button{border:none;background:transparent;cursor:pointer}.hidden{display:none}.flex{display:flex}.toast__container{position:fixed;right:2rem;top:2rem;z-index:999}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.toast{cursor:pointer;padding:2rem;margin-bottom:2rem;color:var(--accent-color);max-width:40rem;border-radius:.5rem;-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;background-color:var(--color-primary-2);font-size:2rem;font-weight:700;-webkit-user-select:none;-ms-user-select:none;user-select:none}.progress-bar{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.progress-bar__bar,.progress-bar__path{fill:none;height:100%;width:100%}.progress-bar__path{stroke-width:6;stroke:var(--dark-purple)}.progress-bar__bar{stroke:var(--accent-color);stroke-width:6;stroke-linecap:round;fill:var(--dark-purple)}.modes{display:flex;padding:1rem;border-radius:10rem;background:linear-gradient(315deg,var(--color-primary-1),var(--color-primary-2));box-shadow:-1rem -1rem 2rem var(--color-primary-1),1rem 1rem 2rem var(--color-primary-2);-webkit-user-select:none;-ms-user-select:none;user-select:none}.mode:not(:last-child){margin-right:2rem}.mode__label{cursor:pointer;display:block;font-size:1.4rem;color:var(--light-purple);padding:1rem 2rem;border-radius:10rem;font-weight:700}.mode__input:checked+.mode__label{background-color:var(--accent-color);color:var(--color-primary-2)}.pomodoro{height:95%;max-height:580px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;outline:none}.timer{position:relative;background:linear-gradient(315deg,var(--color-primary-1),var(--color-primary-2));box-shadow:-1rem -1rem 2rem var(--color-primary-1),1rem 1rem 2rem var(--color-primary-2);border-radius:50%;width:35rem;height:35rem;cursor:pointer}.timer:active{-webkit-transform:scale(.98);transform:scale(.98);box-shadow:-.5rem -.5rem 1rem var(--color-primary-1),.5rem .5rem 1rem var(--color-primary-2)}.timer__contents{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:var(--light-gray);-webkit-user-select:none;-ms-user-select:none;user-select:none}.timer__time{font-size:4rem;font-weight:700}.timer__text{font-size:2rem;font-weight:700;margin-top:2rem}.timer__volume{font-size:2.5rem;margin-top:2rem}.buttons{display:flex;flex-direction:row;align-items:center;grid-gap:4rem;gap:4rem}.button{padding:2rem;color:var(--accent-color);border-radius:50%;font-size:3.6rem;letter-spacing:.25rem;box-shadow:-.4rem -.4rem 1rem var(--color-primary-1),.4rem .4rem 1rem var(--color-primary-2);transition:all .1s ease-out}.button:hover{box-shadow:-.3rem -.3rem .6rem var(--color-primary-1),.3rem .3rem .6rem var(--color-primary-2)}.button:active{box-shadow:inset -.3rem -.3rem .6rem var(--color-primary-1),inset .3rem .3rem .6rem var(--color-primary-2)}.modal__background{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.modal{background-color:#fff;border-radius:1.5rem;width:400px;max-width:calc(100% - 2rem)}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:2.4rem;border-bottom:1px solid var(--light-gray)}.modal__heading{font-size:2rem;font-weight:700}.modal__close{color:rgba(30,33,63,.4);font-size:1.6rem;font-weight:700}.modal__body{padding-right:2.4rem;padding-left:2.4rem;padding-bottom:1.2rem}.body__section{padding-top:2.4rem;padding-bottom:2.4rem}.body__section:not(:last-child){border-bottom:1px solid var(--light-gray)}.section__title{text-align:left;font-size:1.6rem;margin-bottom:2rem}.section__paragraph{text-align:justify;font-size:1.4rem;line-height:1.5}.section__option{display:grid;grid-template-columns:repeat(2,1fr);align-items:center}.section__option:not(:last-child){margin-bottom:1rem}.option__label{font-weight:700;font-size:1.3rem;color:var(--dark-gray)}.option__input{border:none;border-radius:1rem;background-color:var(--light-purple);padding:1rem .5rem 1rem 1.5rem;font-weight:700;width:100%}.option__button{font-size:1.6rem;font-weight:700;border-radius:10rem;color:#fff;padding:1rem 3rem;margin:3rem auto 0;text-transform:uppercase;letter-spacing:1px}.option__button-save{background-color:var(--body-bg)}.option__button-reset{background-color:var(--alert)}
/*# sourceMappingURL=main.ac55f55c.chunk.css.map */