.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:rgba(0,0,0,.5)}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#ffeaa7;min-height:70vh;height:90vh;padding:1rem;box-sizing:border-box;display:flex;justify-content:center;align-items:center;color:#494a4b;font-family:Architects Daughter,cursive;text-align:center;font-size:130%}.container{width:100%;height:auto;min-height:500px;max-width:500px;min-width:250px;background:#f1f5f8;background-image:radial-gradient(#bfc0c1 7.2%,transparent 0);background-size:25px 25px;border-radius:20px;box-shadow:4px 3px 7px 2px #00000040;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;zoom:170%}.header{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.header h1{transform:rotate(2deg);padding:.2rem 1.2rem;border-radius:20% 5%/5% 20% 25%;background-color:#fdcb6e;font-size:1.5rem}.date{text-align:left;font-size:1rem;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;display:flex;margin-top:.5em;justify-content:space-between;align-items:center}.form input{box-sizing:border-box;background-color:transparent;padding:.2rem .7rem;border-bottom-right-radius:15px 3px;border-bottom-left-radius:3px 15px;border:solid 3px transparent;border-bottom:dashed 3px #fdcb6e;font-family:Architects Daughter,cursive;font-size:1rem;color:#3f3e41b3;width:70%;margin-bottom:20px}.form{display:flex;justify-content:space-between;align-items:center}button span{background:#f1f5f8;display:block;padding:.5rem 1rem;border-radius:5px;border:2px solid hsl(198,1%,29%)}input:focus{outline:none}li{list-style:none;text-align:left;position:relative;display:flex;justify-content:space-between;align-items:center;padding-left:.7rem}li img{vertical-align:middle}input[type=checkbox]{margin-right:.2rem;accent-color:#fdcb6e}img{width:1.2rem;margin:.2rem;cursor:pointer;transition:transform .1s ease-in-out}::placeholder{font-family:Arial,Helvetica,sans-serif;font-size:small;color:#fb4c4c}input.error{border-bottom:dashed 3px #e75959}img.add{width:2rem;height:2rem;margin:0}img:hover{transform:scale(1.2)}.clear{padding:0 .5rem;border:.5px solid gray;border-radius:10%;font-size:medium;cursor:pointer;transition:background-color .2s ease-in-out}.clear:hover{background-color:#fdcb6e;color:#fff}.footer{align-self:end;width:100%;text-align:right;margin-top:auto}.error{animation:shake .4s cubic-bezier(.36,.07,.19,.97)}hr{margin-bottom:.5rem;margin-top:.1rem;border-top:#bfc0c1 solid .5px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.deleteContainer{zoom:150%;font-size:.8rem}.button{border:none;padding:.2rem .5rem;margin:0 2px;color:#fff;border-radius:10%;cursor:pointer;transition:opacity .1s;opacity:.6}.button:hover{opacity:1}.button.delete,.cancel{background-color:#e75959}.button.close,.save{background-color:#19ba00}.popup-content{width:max-content!important}.itemData{display:flex;flex-direction:column;text-align:left;font-family:Arial,Helvetica,sans-serif;font-size:1rem}.itemData>div{margin-bottom:8px}.itemData span{font-weight:700}ul{overflow-y:scroll;height:280px}ul::-webkit-scrollbar{display:none}.itemDataForm{display:flex;flex-direction:column;gap:10px;margin-top:10px;zoom:150%}.itemDataForm label{font-weight:700;font-family:Arial,Helvetica,sans-serif}.itemDataForm input[type=text],.itemDataForm input[type=date],.itemDataForm input[type=checkbox]{width:60%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.itemDataForm .formButtons{margin-top:10px;display:flex;gap:10px;justify-content:center}.itemDataForm .formButtons button{padding:8px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.footerContent{display:flex;justify-content:space-between}.footerContent input{outline:none;border-radius:5px;border:.5px solid gray;color:#4d4d4d;padding:0 25px 0 10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAADsAAAA7AF5KHG9AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAz1JREFUWIXllU1vG1UUhp8zyXzYpKKOaetGKk7AQQUkWGTBorEjBCLsoMCSP0ErFqzZsemCH5A/gFRoQXwskGoLdRMhgeQFJYpRIuIQSGxU4ozH4zksyljj2u7MpA0S4l2dc3XOeZ+5c+cO/N8lcQXb29uZru+vIvKKqDyjqlMIPdCfRKRmqH6xsLDgPnKAer1uOdmZ9xR9H8g/YEZb0Y+m4dpxQMYCNBqN+T7yCbCUdJDCD33h8sX5+cZDAWxubhYDMarAk9F1yzSxbRvDMAiCANfz6Hne/e1NX7iUBmIIYH193Tydf+I2kSe3bIv86Vls2x5p9jyPg3YL1x3a+br6vaXFxcVuEgAjmuTyZ65EzTNOhvNnC2PNASzLonD2HKdmTkWXn2d6+oMk5hDZgZ2dnWyn6/0CnAmHnz9XQCT2QwFgd++36E60DjPOhRcLhcO4vsEOdDxvNTQHyOdmE5uH9RHlZlz3jSR9AwAJeDWMwwOXRqZp4jjOIFd4ORUAIqUwtK105qGcaJ9Smlw5DgB9fLA4ZYyrjR8W6VPIpQJQ4W4YB0FwLIBon0DsARwCkIA7YeyOXjCJ5Hajn77cmVg4DkBFa2Hc8zy8lBC+79ONAEhkXiKArG3fAP4M8/32AaqaGOCg1RrUCxxOi1xPBTA3N9cR5FqYd90uf+zvJzJvt9t0jjqDPOj7a8VisZWkd+imaTQaTh/5Hng2XHMch3xuFtM0R5p7PZ9WuzVk7vv+1l6zmVE13l1ZufRNKgCAn7e2npZ+cJvIrQhgOzaOZWMYU2gQcNR1h945gAZBa3fn15YqTwEu6JuVSuXrVAAAGxvbJZ3q3xS4GPcEoXzf3/p9t+n/Yx4qFmLsjVMqXdh4zLaWED5E+CvG+26v53+812xm7zMHcEA+rVarq5OaY/829frejJ05ektFVwSeAyyEDqqbwLemYdwoFoutW7e+e00k+Oye6Yg8Ed4ul8ufpwZIowQQ75TL5ZsnBnAciEcOAFCr1V5X5foECBf0pUql8iNMOIQPq3K5/JUIl++ZjchRlathciIAcRAiZE8c4EEQqrI2gDlJgFDVavUF4ApI1jBkbXl5+ct/w/e/ob8BD+o+5lzqKbAAAAAASUVORK5CYII=) no-repeat scroll 98% 30%;background-size:10%;position:relative}.footerContent input:before{content:"";position:absolute;top:2px;right:10px;width:1px;height:calc(100% - 4px);background-color:gray}.footerContent input::placeholder{color:#898989}@media only screen and (max-width:500px){body{height:100svh}.itemDataForm,.deleteContainer,.container{zoom:normal}}