:root{--primaryColor: #194a46;--primaryPastelColor: #B3D9CF;--secondaryColor: lightgray;--tertiaryColor: gray;--font-family: "Chakra Petch", sans-serif;--font-weight: 400;--font-style: normal}*{margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style);margin:0;padding:0;overflow-x:hidden;background-color:var(--primaryPastelColor)}body.no-scroll{overflow:hidden}h1{display:flex;justify-content:center;margin-block-end:25px;font-size:1.6em}form{display:flex;justify-content:center}.formError{color:red;margin:0 auto 20px}label{font-size:1.2rem;padding:2px 5px;color:#000;color:var(--primaryColor);width:35%}input{font-size:1.2rem;background-color:#fff;color:#000;width:65%;height:25px;padding-left:6px;padding-right:6px;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style);text-align:center}input:hover{background-color:var(--primaryColor);color:#fff}input:focus{background-color:var(--primaryColor);color:#fff}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}textarea{padding-left:5px;padding-right:5px;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style);text-align:center;resize:none;overflow-y:hidden;background-color:#fff;color:#000}textarea:hover{background-color:var(--primaryColor);color:#fff}textarea:focus{background-color:var(--primaryColor);color:#fff}select{text-align:center;font-size:1.2rem;background-color:#fff;color:#000;width:66.5%;height:35px;padding-left:4px;border:1px solid var(--primaryColor);box-shadow:2px 2px 8px #0000001a;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style)}select:focus{background-color:var(--primaryColor);color:#fff}select:hover{background-color:var(--primaryColor);color:#fff}button{border-radius:5px;box-shadow:2px 2px 8px #0000001a;background-color:#fff;border:1px solid var(--primaryColor);color:var(--primaryColor);width:150px;height:50px;font-size:18px;padding:10px;font-size:1.2rem;margin:35px auto 10px;font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style)}button:active{background-color:var(--primaryColor);color:#fff;border:1px solid white}.abortButton{border:1px solid red;color:red}.abortButton:active{border:1px solid white;color:#fff;background-color:red}svg{fill:var(--primaryColor)}svg:active{fill:var(--tertiaryColor)}.header{width:100%;display:flex;flex-direction:row;padding:7px;height:40px;margin:0;box-sizing:border-box;box-shadow:2px 2px 8px #0003;background-color:#fff;border:3px solid black}.panelBackground{box-shadow:3px 3px 5px 5px #0000004d;width:100%;background-color:var(--primaryColor);margin:0 0 100px;box-sizing:border-box;list-style:none;align-items:center;display:flex;flex-direction:column;padding:16px;gap:15px}.panel{padding:20px;margin:50px 0;width:100%;max-width:600px;border:3px solid black;box-shadow:2px 2px 8px #0000001a;display:flex;flex-direction:column;background-color:var(--secondaryColor);box-sizing:border-box;border-radius:5px}.panelCategorieName{background-color:var(--tertiaryColor);color:#fff;width:100%;height:20px;text-align:center;align-content:center}.card{display:flex;flex-direction:column;padding:16px;border-radius:5px;border:3px solid black;box-shadow:2px 2px 8px #0000001a;background-color:var(--secondaryColor);max-width:350px;height:50px;color:var(--primaryColor);align-items:center;justify-content:center;gap:10px;text-align:center;overflow:hidden}.cardDesc{color:#000;margin-block-end:0px}.card .edit{margin-left:-235px;margin-block-end:80px;position:absolute}.card .remove{margin-left:255px;margin-block-end:80px;position:absolute}.card .cardConditionning{color:var(--tertiaryColor)}.formGroup{display:flex;justify-content:center;margin:20px 0}.filterPanelButton{background-color:#fff}.filterPanel{position:absolute;height:280px;right:0;z-index:1;opacity:0;visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;border-style:solid;border-color:#000;border-width:3px 3px 3px 3px;width:100%;background-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}.filterPanel button{width:100px;height:30px;padding:0 0 3px;margin:0}.filterPanel span{font-size:1rem;margin-bottom:-10px}.filterPanel select{font-size:1rem;height:25px;margin:0;width:200px}.filterPanelOpen{animation:fadeIn .3s forwards}.filterPanelClose{animation:fadeOut .3s forwards}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}.bigSpinner{border:4px solid rgba(0,0,0,.1);border-left-color:#000;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;width:200px;height:200px;margin-top:50px}.spinnerParent{display:flex;justify-content:center}.checkbox{width:75px;max-width:75px;min-height:40px;height:40px;background-color:var(--secondaryColor);border-radius:20px;box-shadow:2px 2px 8px #0000004d;display:flex;align-items:center;padding-left:5px;box-sizing:border-box;transition:all linear .1s}.checkboxValid{padding-left:30px;background-color:var(--primaryColor);transition:all linear .1s}.checkboxCheck{background-color:#fff;border-radius:20px;width:40px;height:30px}.date{height:30px;width:200px;background-color:#fff;border:solid 2px black;margin:10px 0 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@media (max-width: 700px){.formGroup{flex-direction:column;margin:20px 0;gap:5px}.formError{margin:-15px auto -4px}label{text-align:center;font-size:1.2rem;padding:0 5px;color:var(--primaryColor);width:auto}input,select{font-size:1.2rem;background-color:#fff;color:var(--primaryColor);width:auto}.panel{width:90%}}