.container-settings{z-index:100;position:absolute;display:flex;flex-direction:column;align-items:flex-start;top:0;right:0;background-color:#7a9e7e;min-height:100%;width:0;transform:translateX(100%)}.container-settings.container-active{transition:transform .2s,width .2s;min-width:150px;width:90vw;max-width:600px;transform:translateX(0)}.container-settings .setting{position:absolute;top:30px;left:-100px;z-index:200;font-size:35px;cursor:pointer;background:transparent;border:none;color:#e8f1f2}.container-settings .setting:active{box-shadow:none}.container-settings .setting.setting-active{left:20px;color:#31493c}.container-settings .updates{margin-top:30px;display:none}.container-settings .updates.updates-active{width:100%;display:block}.container-settings .updates .chronos,.container-settings .updates .interval-lap{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.container-settings .updates .chronos .title-update,.container-settings .updates .interval-lap .title-update{margin:5px 10px;width:110px}.container-settings .updates .chronos .title-update .title,.container-settings .updates .interval-lap .title-update .title{font-weight:700;margin-bottom:5px;color:#001a23}.container-settings .updates .chronos .title-update .update,.container-settings .updates .interval-lap .title-update .update{display:flex;align-items:center;justify-content:space-between}.container-settings .updates .chronos .title-update .update .num,.container-settings .updates .interval-lap .title-update .update .num{padding:5px}.container-settings .updates button.btn-setting{padding:6px;min-width:32px;font-size:20px;border-radius:10px;cursor:pointer;border:none;color:#001a23}.container-settings .updates .ex{display:flex;flex-direction:column;min-width:170px;width:62%;margin:10px auto;color:#001a23}.container-settings .updates .ex .title{font-weight:700}.container-settings .updates .ex .inputs{display:flex;flex-direction:column}.container-settings .updates .ex .inputs input{height:30px;margin:5px 0;padding:5px;outline:none;border:none;border-radius:5px;font-family:"Comfortaa",cursive}@media screen and (max-width:440px){.container-settings .setting{left:-60px}.container-settings .updates{margin-top:80px}}.container-counter{margin:100px auto;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:30vw;height:400px}.container-counter .exercice,.container-counter .timers{font-weight:700;font-size:50px;height:40px;text-align:center}.container-counter .timers{display:flex;flex-direction:column;align-items:center;position:relative;max-width:300px;height:100px}.container-counter .timers .timer{position:absolute;top:0;transform:scale(.4);opacity:.3}.container-counter .timers .primary{position:absolute;bottom:0;transition:transform .2s;white-space:nowrap}.container-counter .laps{display:flex;justify-content:space-between;width:100%;white-space:nowrap}.container-counter .laps .info{width:33%;display:flex;justify-content:center}.container-counter .laps .current-lap{text-align:end}.container-counter .laps .message{text-align:center;font-weight:700;font-size:20px}.container-counter .progress-bar{position:relative;width:100%;height:20px;border:1px solid;border-radius:10px;overflow:hidden}.container-counter .progress-bar .current-progress{transition:width .2s;position:absolute;background:linear-gradient(220deg,#b3efb2,#7a9e7e);width:100%;height:100%}.container-counter .buttons{white-space:nowrap}.container-counter .buttons button{font-size:25px;padding:15px;width:55px;border-radius:30%;border:none;margin:20px 30px;cursor:pointer;color:#001a23}@media screen and (max-width:1200px){.container-counter{width:50vw}}@media screen and (max-width:700px){.container-counter{width:75vw;max-height:300px}.container-counter .exercice,.container-counter .timers{font-size:2rem}.container-counter .timers{height:65px}.container-counter .laps{font-size:12px}.container-counter .buttons button{margin:10px 20px}}@media screen and (max-width:440px){.container-counter{margin:50px auto}.container-counter .exercice{font-size:30px}.container-counter .laps .info{flex-wrap:wrap}.container-counter .laps .current-interval,.container-counter .laps .current-lap{align-self:flex-end;flex-direction:column}.container-counter .laps .message{font-size:15px;margin-bottom:30px}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;display:block}ul{list-style:none}a{text-decoration:none;color:inherit}body{font-family:"Comfortaa",cursive;background-color:#001a23;color:#e8f1f2}body .App{position:relative;min-height:100vh}body .App h1{text-align:center;padding:30px}body em{color:#b3efb2;font-style:normal}button{font-family:"Comfortaa",cursive;transition:background .2s}button:active{box-shadow:inset 1px 1px 5px}button:hover{background-color:#d5e5e7}
/*# sourceMappingURL=main.cba51e0e.chunk.css.map */