:root{--primary-100: #e8f2ed;--primary-200: #c2ddcd;--primary-300: #9bc8ad;--primary-400: #74b38d;--primary-500: #4d9e6d;--primary-600: #3d7f58;--primary-700: #2e6043;--primary-800: #1e412e;--primary-900: #0f2119;--secondary-100: #fce8d8;--secondary-200: #f9d1b1;--secondary-300: #f5ba8a;--secondary-400: #f2a363;--secondary: #ef8c3c;--secondary-600: #bf702f;--secondary-700: #8f5422;--secondary-800: #5f3815;--secondary-900: #2f1c08;--border: .01rem solid var(--primary-500);--fontColor: #e4e7dd;--secondary: rgb(233, 150, 25);--primary: var(--primary-500);--maxWidth: 660px;--minWidth: 320px;--maxHeight: 100vh;--minHeight: 100vh}.icon{margin:5px}.sync-btn{background-color:transparent;width:90%;text-align:center}.sync-btn:hover{background-color:var(--secondary);border-radius:var(--border)}.add-btn{background-color:#e99619;width:50px;height:50px;z-index:1000;border-radius:50%}.edit-btn{color:var(--secondary)}.add-btn:hover,.edit-btn.hover,.delete-btn:hover{background-color:#7e5508;cursor:pointer}.container:hover>.delete-btn,.edit-btn{opacity:1}.settings-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.clear-btn{font-size:small;position:absolute;right:30px;margin:10px}.clear-btn:hover{color:#1a5776}.link:hover{text-decoration:underline;color:var(--primary-500)}