@font-face{font-family:rye;src:url(/assets/Rye-Regular-BAwH82du.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ptserif;src:url(/assets/PTSerif-Regular-DPh-w9Z0.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--white: #ffffff;--green: #27694d;--yellow: #daa520;--red: #ef4444;--brown: #383129;--black: #2a2622;--title: #2b2622;--text: #7c736a;--border: #E7E2DA;--background: #f7f4ef;--card: #fcfaf7;--secondary: #eeebe4;--shadow: #c4b8a8;--favorite: #eaf0ed}body,#root{width:100%;display:flex;flex-direction:column;margin:0;background-color:var(--background);font-family:ptserif}.topbar-wrapper{display:flex;flex:1;flex-direction:row;flex-wrap:wrap;width:100%;background-color:var(--secondary);justify-content:space-between;gap:20px}.topbar-navbutton-wrapper{display:flex;flex-direction:row;justify-content:space-between;width:20%;gap:20px}.logo{display:flex;flex-direction:row}.logo-text{display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none;max-width:300px;width:100%}.logo-text-main{font-family:rye,"monospace";font-size:clamp(1em,5vw,2em);display:flex;flex-direction:row}.logo-text-description{font-family:ptserif,"sans-serif";display:flex;flex-direction:row}.logo-image{background-color:green;display:flex;width:30px;height:30px;margin:20px;padding:5px;border-radius:7px}.searchbar{width:50%;display:flex;align-items:center;flex-direction:row;min-width:340px;justify-content:center}.search-icon-btn{all:unset;display:inline-flex;margin:10px;cursor:pointer;border-radius:6px;transition:background-color .2s ease,transform .2s ease}.search-input{height:20%;width:85%;font-size:20px;font-family:ptserif;padding:10px;min-width:300px}.search-icon{height:25px;width:25px;padding:6px}.search-icon-btn:hover{background-color:var(--shadow)}.topbar-navbutton{display:flex;align-self:center;font-size:25px;font-weight:600;text-wrap:nowrap;-webkit-user-select:none;user-select:none}.topbar-navbutton:hover{cursor:pointer}@media(max-width:1420px){.topbar-wrapper{justify-content:space-evenly;gap:30px}.searchbar{width:100%;min-width:0;flex-basis:100%}.topbar-navbutton-wrapper{width:max-content}.logo{flex-shrink:0}.logo-image{margin-left:0}.search-input{min-width:0;font-size:clamp(14px,4vw,20px);margin-right:29px}}.section-wrapper{display:flex;align-items:center;flex-direction:column;font-family:rye;text-align:center;margin-top:40px;margin-bottom:60px}.section-main{display:flex;font-size:40px;width:70%;justify-content:center}.section-description{display:flex;font-family:ptserif;font-size:30px;margin-top:15px}.section-marker{display:flex;justify-content:center;font-size:55px;margin-bottom:30px;gap:20px;flex-wrap:wrap;padding:0 20px}.cat-select{font-size:55px;font-family:ptsans;max-width:100%;min-width:0}@media(max-width:768px){.section-marker{font-size:36px;gap:10px}.cat-select{font-size:36px;max-width:calc(100vw - 40px)}}@media(max-width:480px){.section-marker{font-size:28px;gap:8px}.cat-select{font-size:28px}}.card-wrapper{display:flex;width:350px;min-width:350px;height:580px;flex-direction:column;border-style:solid;border-width:2px;border-color:var(--border);border-radius:8px;gap:10px;background-color:var(--card);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card-wrapper:hover{cursor:pointer}.image-section{position:relative;width:300px;height:450px;display:flex;align-self:center;margin-top:25px}.icon-heart{position:absolute;right:0;margin-right:15px;margin-top:15px;padding:10px;background-color:var(--favorite);border-radius:30px;width:35px;height:35px}.svg-icon-heart{fill:var(--red)}.image-cover{width:300px;height:450px;object-fit:fill}.description-section{margin-left:25px;margin-right:25px;display:flex;height:100%;flex-direction:column;justify-content:space-evenly}.description-title{font-family:rye;font-size:28px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-author{font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-yor{font-size:16px}.noimage-wrapper{width:300px;height:450px;display:flex;justify-content:center;align-items:center;background-color:var(--shadow);font-size:20px;font-weight:700}@media(max-width:375px){.card-wrapper{width:calc(100vw - 40px);min-width:unset;height:auto}.image-section{width:calc(100% - 50px);height:auto;aspect-ratio:2 / 3}.image-cover,.noimage-wrapper{width:100%;height:100%;object-fit:fill}.description-section{min-height:0;flex-shrink:1}}.collection-wrapper{display:grid;grid-template-columns:repeat(auto-fit,350px);gap:30px;margin-left:15px;margin-right:15px;justify-content:center}.card-wrapper-collection{width:fit-content;display:flex;justify-content:center}@media(max-width:375px){.collection-wrapper{display:flex;flex-direction:column;align-items:center;margin-left:0;margin-right:0}}.no-books-text{display:flex;font-size:36px;justify-content:center}