:root{--padding-search: 2rem}html[data-rtl=true] main.svelte-1hqpqp0 input:where(.svelte-1hqpqp0){padding-right:var(--padding-search);padding-left:0}main.svelte-1hqpqp0{width:100%;max-width:56rem;display:inline-flex;align-items:center;background-color:var(--background-secondary);border-radius:50px;box-shadow:0 2px 10px #0000001a;cursor:text;height:100%}main.svelte-1hqpqp0 input:where(.svelte-1hqpqp0){flex:1;height:100%;width:100%;padding-left:var(--padding-search);font-size:1.2rem}main.svelte-1hqpqp0 input:where(.svelte-1hqpqp0):focus{outline:none}main.svelte-1hqpqp0 input:where(.svelte-1hqpqp0)::-moz-placeholder{font-family:var(--font-serif);font-style:italic}main.svelte-1hqpqp0 input:where(.svelte-1hqpqp0)::placeholder{font-family:var(--font-serif);font-style:italic}button.svelte-1hqpqp0{background-color:var(--primary);color:var(--white);border-radius:50%;padding:calc(var(--padding-search) / 2);margin:calc(var(--padding-search) / 4);display:grid;place-items:center;cursor:pointer;transition:all var(--transition-duration) var(--transition-easing)}button.svelte-1hqpqp0:hover{transform:scale(1.05) rotate(5deg)}@media screen and (max-width: 600px){:root{--padding-search: 1rem}main.svelte-1hqpqp0 input:where(.svelte-1hqpqp0){font-size:.875rem}}main.svelte-xjkre1{padding:0;min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;transition:all .4s ease-in-out}main.searched.svelte-xjkre1{padding:2rem 0;min-height:60vh;align-items:flex-start;justify-content:flex-start}.books-grid.svelte-xjkre1{width:100%}.header.svelte-xjkre1{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:0;transition:all .4s ease-in-out}.header.searched.svelte-xjkre1{margin-bottom:3rem;margin-top:4rem}.title.svelte-xjkre1{font-size:3rem;margin-bottom:1rem;transition:font-size .4s ease-in-out}.header.searched.svelte-xjkre1 .title:where(.svelte-xjkre1){font-size:2.5rem}.subtitle.svelte-xjkre1{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem;transition:all .4s ease-in-out}.results.svelte-xjkre1{opacity:0;transform:translateY(20px);animation:svelte-xjkre1-fadeInUp .5s ease-out .2s forwards;display:flex;flex-direction:column;align-items:center;width:100%}.loading-state.svelte-xjkre1{text-align:center;padding:4rem 2rem}.spinner.svelte-xjkre1{width:40px;height:40px;border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;animation:svelte-xjkre1-spin 1s linear infinite;margin:0 auto 1rem}.no-results.svelte-xjkre1{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.no-results.svelte-xjkre1 h3:where(.svelte-xjkre1){font-family:var(--font-serif);font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.pagination.svelte-xjkre1{display:flex;justify-content:center;margin-bottom:3rem;width:100%;max-width:400px}@media (max-width: 768px){.title.svelte-xjkre1{font-size:2.5rem}.header.searched.svelte-xjkre1{margin-bottom:0}.header.searched.svelte-xjkre1 .title:where(.svelte-xjkre1){font-size:2rem}.pagination.svelte-xjkre1{margin:0;margin-top:2rem;margin-bottom:2rem;max-width:unset}.view.svelte-xjkre1{padding:0 1rem}}@keyframes svelte-xjkre1-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-xjkre1-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}