@font-face{font-family:Comfortaa;src:url(/fonts/comfortaa/Comfortaa-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Comfortaa;src:url(/fonts/comfortaa/Comfortaa-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Comfortaa;src:url(/fonts/comfortaa/Comfortaa-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Jersey 20";src:url(/fonts/jersey/Jersey20-Regular.ttf) format("truetype");font-weight:bolder;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}button,a,input,textarea,select{outline:none}body{font-size:1rem;font-family:Comfortaa,Poppins,sans-serif;background-color:#17ff9e26;overflow-x:hidden}html{scroll-behavior:smooth}.app{width:70%;height:100vh;margin:auto;display:grid;grid-template-rows:auto auto 1fr auto}.to-top{position:fixed;bottom:0;right:0;padding:1.5rem;width:60px;height:60px;margin:2rem;display:flex;justify-content:center;align-items:center;font-size:2rem;background-color:#17ff9e;border-radius:100%;transition:.15s;transform:scale(1);text-decoration:none;color:#0c633d}.to-top:hover{opacity:.6;box-shadow:0 10px 20px #17ff9e66}.to-top.none{visibility:hidden;transform:scale(0)}.to-top .icon-up{display:block;width:40px}.title{background:#17ff9e33;border:2px solid rgba(23,255,158,1);border-radius:20px;padding:2rem;margin:1rem 0 2rem}.title h1{font-family:"Jersey 20",Poppins,sans-serif;text-align:center;font-size:4rem;color:#0d7248}.title h2{font-size:1.1rem;opacity:.8;font-style:italic;text-align:center;color:#064128;padding-top:1rem}.title h2 a{text-decoration:none;color:inherit}.title h2 a:hover{color:#4f46e5;text-decoration:underline wavy #4f46e5}.title h2 a:active{zoom:1.1}.title .quote-mobile{display:none;visibility:hidden}.add-form{background:linear-gradient(2deg,#17ff9e99,#17ff9e4d);box-shadow:0 15px 129px -35px #0641284d;border:1px solid rgb(23,255,158);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:2rem;padding:.5rem 0;position:sticky;top:0;z-index:9999;margin-bottom:2rem}.add-form h3{font-size:2rem;color:#064128;text-align:center}.add-form .select-container{display:flex;align-items:center;justify-content:center;margin:1rem 0;gap:.8rem}.add-form .add-btn{background-color:#064128;color:#cffae8;font-size:1.1rem;font-weight:700;padding:.9rem 2rem}.add-form input,.add-form #qty-list{font-size:1rem;font-weight:600;color:#064128;text-align:center;padding:.9rem 0rem;border:2px solid transparent;cursor:text}.add-form input:hover,.add-form #qty-list:hover{border-color:#064128}.add-form button:hover{background-color:#04291a}.add-form #qty-list{width:7rem;margin-right:1rem}button,#qty-list,input,label,select{background-color:#dcfdf0;font-family:inherit;border:none;border-radius:3rem;cursor:pointer;transition:.15s background}button:active,a:active,label:active,#qty-list:active{transform:scale(.95)}.popup-animate{animation:popUp .8s cubic-bezier(.68,-.55,.27,1.55)}.list{background-image:url(/paper-bg.jpg);background-repeat:repeat-y;background-size:100%;border-radius:20px;color:#fefae0;padding:2.8rem 0 0;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3.2rem;overflow-y:visible}.list .emptyItemMsg{color:#064128;font-weight:900;font-size:1.5rem;padding-bottom:3rem}.list ul{list-style:none;width:90%;height:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:3rem}.list li{color:#09482d;font-size:2rem;font-weight:700;background:#17ff9e33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(23,255,158,1);width:15.9rem;height:fit-content;padding:2rem;display:flex;flex-direction:column;border-radius:2rem;gap:1.2rem;margin-bottom:.5rem;transition:.3s}.list li.checked{color:#759688;border:2px solid rgb(150,172,163);background:#d9e3df33}.list li.overload-text{height:22rem;padding:0 2rem}.list li .item{width:100%;line-height:2rem;white-space:wrap;overflow-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.list li.overload-text .item{padding:2rem 0;mask-image:linear-gradient(180deg,rgb(3,22,14) 20%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,rgb(3,22,14) 20%,transparent 100%)}.list li.checked .item,.list li.checked .qty-txt{color:#96aca3}.list li.checked button,.list li.checked label{background-color:#76998b80;color:#064128}.list li.checked input[type=checkbox]{accent-color:rgba(118,153,139,1)}.list li .see-more{font-size:1.1rem;opacity:.8;cursor:pointer}.list li .see-more:hover{opacity:1}.list li .see-more.view{white-space:normal;overflow-wrap:normal}.list li.height-full{height:fit-content}.list li.height-full .item{mask-image:none;-webkit-mask-image:none}.list li .btn-container{padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.list li.overload-text .btn-container{padding-bottom:2rem}.list li .qty-txt{font-size:1.2rem;color:#3b715a}.list li .qty{font-size:1.5rem;font-weight:900}.list li label{padding:.6rem 0}.list li label input{margin-left:1.4rem}.list li.checked .item{text-decoration:line-through;color:#78a894}.list input[type=checkbox]{width:1.5rem;height:1.5rem;accent-color:rgba(23,255,158,1);margin-right:1.3rem}.list li button,.list li label{font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;background-color:#17ff9e80;color:#064128;transition:.1s}.list li button:hover{background-color:#671b35;color:#ffdae5}.list li label:hover{background-color:#064128;color:#17ff9e}.list li button span{font-size:2.6rem;margin-left:1rem;padding:0}.actions{background-color:#17ff9e;border-radius:2rem;width:100%;padding:2rem 0;text-align:center}.actions button,.actions select{padding:.8rem 2.4rem;font-size:1.1rem;margin:0 .8rem;border:2px dotted transparent}.actions button:hover,.actions select:hover{background-color:#d4eee4}.actions button:focus,.actions select:focus{border-color:#09482d}.stats{display:block;width:100%;border-radius:2rem 2rem 0 0;background-color:#064128;color:#17ff9e;text-align:center;margin-top:2rem;padding:3.2rem;font-size:1.5rem;font-weight:700}.stats .progress-container{height:100%}.stats .progress-container .progress-counter{display:none;visibility:hidden}.stats progress{margin-top:1.5rem;width:100%;height:50%;padding:.4rem;background:linear-gradient(45deg,#ffffff4d,#8da1994d);border-radius:1.5rem;-moz-appearance:none;appearance:none;-webkit-appearance:none}.stats progress::-webkit-progress-bar{border-radius:1.5rem;background-color:#d5ffed}.sats progress::-moz-progress-bar{border-radius:1.5rem;background-color:#d5ffed}.stats progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg,#00ff95,#50ffb6e6);transition:1s cubic-bezier(.77,0,.18,1)}@media (max-width: 576px){*{-webkit-tap-highlight-color:transparent}html{font-size:40%}.app{width:100%}.to-top{width:50px;height:50px;padding:0;z-index:999;margin-bottom:15rem;font-size:3.8rem}.to-top .icon-up{width:35px}.title{border-radius:0 0 20px 20px;padding:2rem;margin:0 0 2rem}.title h1{font-size:5rem}.title h2{font-size:1.8rem}.title .quote-mobile{display:block;visibility:visible;text-align:center;font-size:2.3rem;padding-top:2rem;color:#064128;opacity:.9}.add-form{padding:1rem 0;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;border-radius:0 0 2rem 2rem}.add-form h3{display:none;visibility:hidden}.add-form .select-container{margin:1rem 0;gap:.8rem}.add-form .add-btn{font-size:2rem;padding:1.5rem 2rem}.add-form input,.add-form #qty-list{font-size:2rem;padding:1.2rem 2rem;border:1px solid transparent}.add-form #qty-list{width:10rem;margin-right:0}button:active,label:active,#qty-list:active{transform:scale(.96)}.list .emptyItemMsg{font-size:2.5rem}.list ul{width:100%;height:100%;display:flex;gap:2rem;margin-top:1rem;margin-bottom:5rem}.list li{font-size:3rem;width:22rem;padding:4rem 2rem;gap:1.2rem}.list li.overload-text{height:40rem;padding:2rem}.list li .item{line-height:3rem}.list li .see-more{font-size:2rem}.list li.height-full{height:fit-content}.list li .qty-txt{margin-top:.5rem;font-size:2rem}.list li .qty{font-size:2.8rem}.list li .btn-container{padding-top:2rem;gap:1.2rem}.list li.overload-text .btn-container{padding-top:0rem}.list li label{margin-top:2rem;padding:0rem}.list li label input{margin-left:1.4rem}.list input[type=checkbox]{width:1.8rem;height:3rem}.list li button,.list li label{font-size:2rem;padding:1.2rem 0}.actions{padding:2rem 0;bottom:0;border-radius:2rem 2rem 0 0}.actions button,.actions select{padding:1rem 2rem;font-size:1.9rem;margin:0 1rem}.actions select{margin-bottom:1rem}.stats{border-radius:0;margin-top:0;padding:3rem 3rem 4rem;font-size:2.3rem;line-height:1.2;margin-bottom:100px;height:18rem}.stats .progress-container{position:fixed;width:70%;height:unset;bottom:15px;right:15%;border-radius:20px}.stats .progress-container .progress-counter{display:block;visibility:visible;position:absolute;top:22px;right:115px;color:#053521;opacity:.6;font-size:2rem;font-weight:700;letter-spacing:.1rem}.stats progress{border-radius:5rem;background:linear-gradient(45deg,#ffffff4d,#8da1994d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px 10px #0641281a;height:6rem;padding:1rem}.stats progress::-webkit-progress-bar{border-radius:5rem}.sats progress::-moz-progress-bar{border-radius:5rem}.stats progress::-webkit-progress-value{background:linear-gradient(90deg,#01e385,#35ffab)}}@media (min-width: 768px) and (max-width: 1023.98px){html{font-size:40%}.app{width:100%}.to-top{width:50px;height:50px;padding:0;z-index:999;margin-bottom:15rem;font-size:3rem}.title{padding:0 1rem 1rem;margin:1rem 0 2rem}.title h1{font-size:6rem}.add-form{margin-bottom:2rem;display:flex;justify-content:center;align-items:center;border-radius:0 0 2rem 2rem}.add-form h3{width:120px;font-size:2.2rem;opacity:.9;text-align:start;display:inline-block}.add-form .select-container{margin:1rem 0;gap:.8rem}.add-form .add-btn{font-size:2rem;padding:1.5rem 2rem}.add-form input,.add-form #qty-list{font-size:2rem;padding:1.5rem 2rem;border:1px solid transparent}.add-form #qty-list{width:10rem;margin-right:0}button:active,label:active,#qty-list:active{transform:scale(.96)}.list{padding:2rem 0 0;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:3.2rem;overflow-y:visible}.list .emptyItemMsg{font-size:3rem}.list ul{width:90%;height:100%;display:flex;gap:2rem;margin-top:1rem;margin-bottom:5rem}.list li{font-size:3.5rem;width:30rem;padding:4rem 2rem;gap:1.2rem}.list li.overload-text{height:40rem;padding:2rem}.list li .item{line-height:3rem}.list li .see-more{font-size:2rem}.list li.height-full{height:fit-content}.list li .qty-txt{margin-top:.5rem;font-size:2.2rem}.list li .qty{font-size:2.8rem}.list li .btn-container{padding-top:2rem;gap:1.2rem}.list li.overload-text .btn-container{padding-top:0rem}.list li label{margin-top:2rem;padding:0rem}.list li label input{margin-left:1.4rem}.list input[type=checkbox]{width:1.8rem;height:3rem}.list li button,.list li label{font-size:2.3rem;padding:1.3rem}.actions{padding:2rem 0;position:sticky;bottom:0;border-radius:2rem 2rem 0 0}.actions button,.actions select{padding:1.5rem 2rem;font-size:2rem;margin:0 1rem}.stats{border-radius:0;margin-top:0;padding:4rem 3rem;font-size:2.3rem}.stats progress{margin-top:2rem;padding:1rem}}@keyframes popUp{0%{opacity:0;transform:scale(0)}40%{transform:scale(1.1)}80%{opacity:1}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:smooth}}