@import url(https://fonts.googleapis.com/css2?family=Spirax&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lobster&display=swap);.App{position:relative;text-align:center;height:100%;max-width:800px;margin:auto;overflow-x:hidden;background-repeat:no-repeat;background-size:cover;background-position:50%}@media screen and (min-width:800px){.App{border:2px solid #f3d07b;border-radius:5px;box-shadow:0 0 10px 3px #000}}.logBox{height:100%;display:flex;flex-direction:column;align-items:center}.logBox h1{margin:10px 0 0;padding:5px 20px;font-size:2rem;font-family:"Spirax",cursive}.logBox .form,.logBox h1{background-color:var(--bg-secondary);border-radius:5px;box-shadow:0 0 3px 0 #000}.logBox .form{position:relative;margin-top:20%;padding:20px 20px 10px;text-align:left;width:95%;max-width:500px;display:flex;flex-direction:column}.logBox label{margin-bottom:10px}.logBox button,.logBox input{border:none;padding:5px;border-radius:5px;width:100%}.logBox button{margin:10px 0;font-size:1.2rem;box-shadow:0 0 5px 0 var(--box-shadow-color);font-family:Lobster}.logBox .alert,.logBox .success{font-style:italic;font-weight:400;border-radius:5px;padding:2px 10px;text-align:center;box-shadow:0 0 5px 0 #a7a7a7;font-family:Roboto}.logBox .alert{color:red;background-color:rgba(255,173,173,.5)}.logBox .success{color:green;background-color:rgba(134,255,144,.5)}.logBox .deja-container{display:flex;justify-content:space-between}.logBox .deja{text-decoration:none;font-style:italic;text-align:right;font-size:.9rem}.ToggleBtn{position:absolute;top:0;right:0;z-index:3}.ToggleBtn .toggle{vertical-align:middle;margin:2px}.PwaButton{position:absolute;top:0;left:0;height:100px;width:100%;border:none;display:flex;justify-content:center;align-items:center;transition:all 1.5s;border-bottom-right-radius:20px;border-bottom-left-radius:20px;font-style:italic;transform:translateY(-110%);cursor:pointer;box-shadow:0 1px 3px 1px var(--box-shadow-color);text-shadow:1px 1px 1px #000;z-index:3}.slide{transform:translateX(0)}@media screen and (min-width:768px){.PwaButton{display:none}}.Calendar{height:100%}.Calendar .grid{height:calc(100% - 35px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(8,1fr);grid-gap:5px;padding:5px;margin-top:3px;animation:zoom .7s forwards}.Calendar .settingIco{position:absolute;top:2px;left:6px;height:34px;border-radius:50%;cursor:pointer;animation:rotate 1s ease-in-out;animation-iteration-count:3;border:1px solid #fff}.Day{background-color:rgba(0,0,0,.4);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;-webkit-tap-highlight-color:rgba(107,107,107,0);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.Day,.Day .date{position:relative;border-radius:5px}.Day .date{right:-6px;padding:2px 10px 2px 4px;transform:skew(-16deg);width:-moz-fit-content;width:fit-content;font-size:1rem;background-color:var(--bg-secondary);align-self:flex-end}.Day .poids-valid{text-align:left;position:relative}.Day .poids{display:inline-block;position:relative;left:-6px;font-size:1rem;padding:2px 2px 0 10px;background-color:var(--bg-secondary);border-radius:5px;transform:skewX(348deg)}.Day .valid{position:absolute;right:2px;bottom:-3px;font-size:1.5rem;color:#3a3a3a;opacity:.5}.Day.backSuccess{background-color:rgba(76,175,80,.7)}.Day.backEchec{background-color:rgba(255,103,2,.4)}.Day .success{color:#31ec48}.Day .echec,.Day .success{opacity:1;text-shadow:1px 1px 1px #646464}.Day .echec{color:var(--color-red)}.Day .jour{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-content:center;font-size:2rem;background-color:rgba(163,188,192,.7);border-radius:5px;width:40px;height:40px;color:gold;text-shadow:1px 1px 2px #000;margin:auto}.Day .Modale{position:fixed;top:-35px;left:0;height:calc(100% + 35px);width:100%;background-color:rgba(0,0,0,.7);z-index:2;display:flex;flex-direction:column;align-items:center;animation:fadeIn .7s forwards}.Day .Modale h1{margin:10px 0 0;padding:5px 20px;font-size:2rem;font-family:"Spirax",cursive}.Day .Modale form,.Day .Modale h1{background-color:var(--bg-secondary);border-radius:5px;box-shadow:0 0 3px 0 #000}.Day .Modale form{margin-top:20%;padding:20px 10px 10px;text-align:left;width:95%;height:-moz-fit-content;height:fit-content;max-width:500px;display:flex;flex-direction:column;animation:zoom .7s forwards}.Day .Modale .formPoids{display:flex;justify-content:space-between;align-items:center}.Day .Modale .formPoids .input{width:48%}.Day .Modale .formPoids .input input{border:none;padding:5px 0 5px 5px;border-radius:5px 0 0 5px;background-color:#fff;font-size:1.1rem;box-shadow:0 0 5px 0 var(--box-shadow-color);width:80%}.Day .Modale .formPoids .input .kgs{border-radius:0 5px 5px 0;border:1px solid #eef4ff;background:#eef4ff;width:20%;display:inline-block;padding:4px 0 5px 4px;box-shadow:3px 0 5px 0 var(--box-shadow-color)}.Day .Modale .formPoids .input label{width:48%;padding:5px 0}.Day .Modale .buttons{display:flex;justify-content:space-between}.Day .Modale .buttons button{margin:10px 0;border:none;padding:5px;border-radius:5px;font-size:1.2rem;box-shadow:0 0 5px 0 var(--box-shadow-color);font-family:Lobster;width:48%}.Day .Modale .buttons-radio{display:flex;justify-content:space-between;margin:5px 0 10px}.Day .Modale .buttons-radio .button-radio{border:none;padding:5px;border-radius:5px;color:#fff;font-size:1.1rem;box-shadow:0 0 5px 0 var(--box-shadow-color);font-family:Lobster;width:32%;text-align:center}.Day .Modale .buttons-radio .button-radio label{display:inline-block;width:77%}.Day .Modale .buttons-radio .button-radio input:checked{border:10px solid #00f}.Day .Modale .buttons-radio .green{background-color:#70c570}.Day .Modale .buttons-radio .red{background-color:#ec6565}.Day .Modale .buttons-radio .gray{background-color:#8c8c8c}@media screen and (max-width:500px){.Day .jour{width:30px;height:30px;font-size:1.1rem}.Day .date{font-size:.8rem}.Day .poids-valid .poids{font-size:.9rem}}.InfoBar{height:32px;justify-content:center;cursor:pointer}.InfoBar,.InfoBar .date{display:flex;align-items:center}.InfoBar .date{text-transform:capitalize;background-color:var(--bg-secondary);padding:2px 10px;border-radius:5px}.InfoBar .icon{margin-left:5px}.Loader{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.7);z-index:2;display:flex;align-items:center;justify-content:center}.Total{border-radius:5px;background-color:hsla(0,0%,79.6%,.8);grid-area:8/3/9/5;box-shadow:0 0 5px 0 var(--box-shadow-color);flex-direction:column;justify-content:space-around}.Total,.Total .line{display:flex;padding-left:2px}.Total .line{justify-content:space-between;padding-right:4px}.Total .line .white{color:#fff}.Total .line .green{color:#16b82a}.Total .line .red{color:var(--color-red)}.ErrorModal{position:fixed;inset:0;background-color:rgba(0,0,0,.9);z-index:2;display:flex;justify-content:center;align-items:center;animation:fadeIn .7s forwards;padding:20px}.ErrorModal .container{background-color:var(--bg-secondary);color:#8b0000;font-size:1.6rem;border-radius:5px;padding:20px;max-width:500px;height:200px;display:grid;place-content:center;box-shadow:0 0 3px 0 #000;animation:zoom .7s forwards}.Settings{position:absolute;inset:0;background-color:rgba(0,0,0,.7);z-index:2;display:flex;flex-direction:column;align-items:center;animation:fadeIn .7s forwards}.Settings h1{margin:10px 0 0;padding:5px 20px;font-size:2rem;font-family:"Spirax",cursive}.Settings form,.Settings h1{background-color:var(--bg-secondary);border-radius:5px;box-shadow:0 0 3px 0 #000}.Settings form{position:relative;margin-top:20%;padding:40px 10px 20px;text-align:left;width:95%;height:-moz-fit-content;height:fit-content;max-width:500px;display:flex;flex-direction:column;animation:zoom .7s forwards}.Settings label{margin-bottom:10px}.Settings input{border:none;padding:5px;border-radius:5px;width:100%;background-color:#fff}.Settings .buttons{display:flex;justify-content:space-between}.Settings .buttons button{margin:10px 0;font-size:1.2rem;width:48%}.Settings .buttons button,.Settings .suppression{border:none;padding:5px;border-radius:5px;box-shadow:0 0 5px 0 var(--box-shadow-color);font-family:Lobster}.Settings .suppression{color:#fff;background-color:#ff4545;margin-top:15px}.Settings .def{background-color:red;color:#000}.Settings .alert{position:absolute;font-style:italic;font-weight:400;top:5px;left:50%;transform:translateX(-50%);border-radius:5px;padding:2px 10px;width:96%;text-align:center;box-shadow:0 0 5px 0 #a7a7a7;color:red;background-color:rgba(255,173,173,.5)}.Settings .container-radio{display:flex;justify-content:space-around;position:relative;top:-5px}.Settings .container-radio label{margin:0}.Settings .container-radio img{width:35px;height:45px;border-radius:5px}.Settings .container-radio [type=radio]{position:absolute;opacity:0}.Settings .container-radio [type=radio]+img{cursor:pointer;outline:2px solid transparent;transition:all .5s}.Settings .container-radio [type=radio]:checked+img{outline:2px solid var(--color-theme-1)}.Settings .link{margin-top:20px;text-align:center}.Settings .mt-0{margin-top:0}.Settings .about{text-align:center}.Settings .icon{position:relative;top:2px;margin-left:5px}.Home{height:100%;display:flex;justify-content:center}.Home .buttons{margin-top:40%;width:90%;max-width:500px;background-color:var(--bg-secondary);border-radius:5px;height:25%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px 10px;box-shadow:0 0 3px 0 #000}:root{--color-red:#ff500d;--bg-color:#c1c8ca;--bg-secondary:hsla(0,0%,100%,0.8);--box-shadow-color:#494944;--color-theme-1:#2563eb;--color-theme-2:#673ab7}*{box-sizing:border-box}#root,body,html{height:100%}body{margin:0;font-family:Lobster;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color)}button{color:#fff;cursor:pointer}button:disabled{cursor:not-allowed;box-shadow:0 0 5px 0 #a7a7a7;opacity:.5}.btn-primary{text-decoration:none;border-radius:5px;padding:5px;width:80%;box-shadow:0 0 5px 0 var(--box-shadow-color);font-size:1.2rem}.theme1,.theme1 a,.theme3,.theme3 a,.theme4,.theme4 a,.theme5,.theme5 a,.theme6,.theme6 a,.theme7,.theme7 a{color:var(--color-theme-1)}.theme1 .btn-primary,.theme1 button,.theme3 .btn-primary,.theme3 button,.theme4 .btn-primary,.theme4 button,.theme5 .btn-primary,.theme5 button,.theme6 .btn-primary,.theme6 button,.theme7 .btn-primary,.theme7 button{color:#fff;background-color:var(--color-theme-1)}.theme1 .react-switch-handle,.theme3 .react-switch-handle,.theme4 .react-switch-handle,.theme5 .react-switch-handle,.theme6 .react-switch-handle,.theme7 .react-switch-handle{background:var(--color-theme-1)!important}.theme2,.theme2 a,.theme8,.theme8 a{color:var(--color-theme-2)}.theme2 .btn-primary,.theme2 button,.theme8 .btn-primary,.theme8 button{color:#fff;background-color:var(--color-theme-2)}.theme2 .react-switch-handle,.theme8 .react-switch-handle{background:var(--color-theme-2)!important}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d5d607f3.chunk.css.map */