.lists-grid.svelte-4mkkwp{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.5rem;padding:0}.list-card.svelte-4mkkwp{background-color:var(--accent-color);border:2px solid #000;transition:transform .1s;position:relative}.list-card.svelte-4mkkwp:hover{transform:translate(2px,2px)}.list-link.svelte-4mkkwp{display:block;color:inherit}.list-content.svelte-4mkkwp{padding:1rem 4rem 1rem 1rem}.list-name.svelte-4mkkwp{color:#000;font-weight:700;font-size:1.1rem;letter-spacing:.05em}.remove-form.svelte-4mkkwp{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}input[type=text].svelte-4mkkwp{border:2px solid #000;padding:.5rem;margin-right:.5rem;background-color:#fff}.modal-overlay.svelte-4mkkwp{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center}.modal-content.svelte-4mkkwp{background-color:#fff;padding:2rem;margin:1rem;border:2px solid #000;max-width:28rem;width:100%}.modal-content.svelte-4mkkwp h1:where(.svelte-4mkkwp){font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:.05em}.modal-content.svelte-4mkkwp p:where(.svelte-4mkkwp){margin-bottom:2rem;font-weight:700;letter-spacing:.05em}.button-group.svelte-4mkkwp{display:flex;justify-content:flex-end;gap:.5rem}.add-list-form-container.svelte-4mkkwp{margin-bottom:2rem}