@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Source+Sans+3:wght@300;400;500;600&display=swap";:root{--white:#fff;--green:#27694d;--yellow:#daa520;--red:#ef4444;--brown:#383129;--black:#2a2622;--title:#2b2622;--text:#7c736a;--border:#e7e2da;--background:#f7f4ef;--card:#fcfaf7;--secondary-background:#eeebe4;--shadow:#c4b8a8;--accent:var(--green);--liked:var(--red);--icons:var(--white);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--background);font-family:Inter}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--title:#f9fafb;--text:#d1d5db;--border:#272b35;--background:#0f1117;--card:#111522;--secondary-background:#2b2a33;--shadow:#14171f}}*{box-sizing:border-box;color:var(--text);margin:0;padding:0;font-family:Playfair Display}h1,h2,h3,h4,h5,h6{color:var(--title)}button{cursor:pointer;outline:none}input{outline:none}header{z-index:10;background-color:var(--background);border-bottom:1px var(--border) solid;align-items:center;gap:10px;width:100%;height:10vh;padding-inline:10%;display:flex;position:fixed}header svg{background-color:var(--accent);width:34px;height:34px;color:var(--icons);border-radius:10px;padding:5px}header>button{background-color:#0000;border:none;margin-left:auto}main{z-index:10;flex-direction:column;align-items:center;gap:5vh;width:100%;min-height:90vh;padding-top:10vh;display:flex}h1{text-align:center;width:80%;margin-bottom:-2rem;padding-top:1rem;font-size:2.5rem;font-weight:700}main>h2{text-align:center;width:50%;max-width:550px;font-size:1rem;font-weight:400}.search-form{gap:10px;width:45%;min-width:fit-content;max-width:700px;height:6vh;display:flex;position:relative}.search-form>svg{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-form input{background-color:var(--card);border:2px var(--border) solid;border-radius:10px;flex:1;padding:10px 10px 10px 40px;font-size:16px}.search-form button{background-color:var(--accent);color:var#f8f6f1;border:2px solid #0000;border-radius:10px;padding-inline:10px;font-size:16px;transition:opacity .25s ease-in-out}.search-form button:hover{opacity:.95}section{gap:2vw;width:80%;max-width:1200px;margin-bottom:5vh;display:flex}.book-list{flex:1;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.book-list>p{position:absolute;left:50%;transform:translate(-50%)}.favorites{border:var(--border) 2px solid;width:20vw;color:var(--card);box-shadow:var(--shadow) 0px 0px 3px;border-radius:10px;flex-direction:column;display:flex}.favorites>.info{border-bottom:2px var(--border) solid;align-items:center;gap:10px;padding:10px 15px;display:flex}#favorites{flex:1}#favorites>p{text-align:center;padding:10px}.info>svg{background-color:var(--accent);width:34px;height:34px;color:var(--icons);border-radius:10px;padding:5px}.info .text>h2{font-size:1.2rem;font-weight:500}.info .text>p{font-size:.8rem;font-weight:400}.favorite{border-bottom:2px var(--border) solid;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.favorite .data{font-size:.75rem;font-weight:400}.favorite .data>h4{font-size:1rem;font-weight:600}.favorite>button{background-color:#0000;border:none;margin-left:auto;font-size:1.2rem;font-weight:500}.favorite button>svg{fill:var(--liked);stroke:var(--liked)}footer{border-top:1px var(--border) solid;justify-content:center;align-items:center;width:100%;min-height:10vh;display:flex}@media screen and (width<=1024px){.book-list{grid-template-columns:repeat(2,1fr)}section{flex-direction:column-reverse}.favorites{flex-direction:row;width:100%}.favorites>.info{border-bottom:none;border-right:2px var(--border) solid}}@media screen and (width<=768px){main>h2,.search-form{width:70%}}@media screen and (width<=500px){h1{font-size:2rem}main>h2{font-size:.75rem}.search-form{min-width:none}.book-list{grid-template-columns:repeat(1,1fr)}.favorites{flex-direction:column;width:100%;margin-bottom:1rem}.favorites>.info{border-right:none;border-bottom:2px var(--border) solid}}.book-card{background-color:var(--card);box-shadow:var(--shadow) 0px 0px 5px;border-radius:10px;flex-direction:column;gap:5px;padding-bottom:5px;display:flex;position:relative}.book-card>button>svg{stroke:var(--text)}.book-card>button{aspect-ratio:1;background-color:var(--secondary-background);border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;padding:5px;transition:background-color .2s;display:flex;position:absolute;top:10px;right:10px}.book-card>button:hover{background-color:var(--background)}.book-card>button svg{transition:all .1s}.book-card.favorite-book>button svg{fill:var(--liked);stroke:var(--liked)}.book-card img{aspect-ratio:1/1.414;border-top-left-radius:10px;border-top-right-radius:10px;width:100%}.book-card h3{padding-inline:5%;font-size:1rem}.book-card p{padding-inline:5%;font-size:.75rem}.favorite-card{border-bottom:2px var(--border) solid;justify-content:space-between;align-items:center;margin-inline:10px;padding:10px;display:flex;position:relative}.favorite-card:last-child{border-bottom:none}.favorite-card>button{background-color:#0000;border:none;justify-content:center;align-items:center;transition:all .3s;display:flex}.favorite-card>button svg{aspect-ratio:1;height:28px;fill:var(--liked);stroke:var(--liked)}.favorite-card>button:hover{scale:1.25}.favorite-card>button:active{translate:0 5px}.favorite-card img{aspect-ratio:1/1.414;height:100%}.favorite-card h4{margin-bottom:.25rem;font-size:1rem}.favorite-card a{text-decoration:none}.favorite-card p{font-size:.75rem}
/*$vite$:1*/