.button{cursor:pointer;border:1px solid var(--gray-8);color:var(--gray-8);background-color:var(--white);border-radius:8px;padding:.333rem 1rem}.button:hover{background-color:var(--gray-1)}.button--icon-only{padding:.333rem}.button--variant-unset{all:unset}.text-input__root{border:1px solid var(--gray-8);color:var(--gray-8);background-color:var(--white);border-radius:8px;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.text-input__root:focus-within{outline:1px solid var(--indigo-6)}.text-input{background-color:#0000;border:none;width:100%}.text-input:focus{outline:none}.text-input::placeholder{color:var(--gray-4)}.shelf-logo{align-items:baseline;gap:.25rem;font-size:1.5rem;text-decoration:none;display:flex}.shelf-logo .shelf-logo__dot{background-color:var(--indigo-6);border-radius:100%;width:.5rem;height:.5rem}.header{border-bottom:1px solid var(--gray-2);background-color:var(--gray-0);width:100%;padding:.75rem .5rem;position:sticky;top:0}.header__inner{gap:1rem;max-width:67.5rem;margin:auto;display:flex}.header__logo{margin-right:auto}.header__input{width:100%;max-width:40rem;margin-right:auto}.main-layout{flex-direction:column;display:flex}.hero-section{flex-direction:column;width:100%;max-width:67.5rem;margin:10rem auto auto;display:flex}.hero-section h1{text-align:center;font-family:var(--font-family-serif);margin-bottom:1rem}.hero-section h1 span{color:var(--indigo-6);font-family:inherit}.hero-section p{text-align:center;color:var(--gray-6);margin-bottom:2rem}.recommendation-section{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;max-width:67.5rem;margin:auto;display:flex}.recommendation-button:hover{background-color:var(--gray-9);color:var(--gray-1)}.list--variant-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem;display:grid}.list--variant-row{flex-direction:column;gap:1rem;display:flex}.book-card{border:1px solid var(--gray-2);background-color:var(--white);border-radius:8px;flex-direction:column;height:100%;transition:all .4s;display:flex;overflow:hidden}.book-card:hover{cursor:pointer;box-shadow:0 2px 6px #00000014,0 8px 32px #0000001a}.book-card .book-card__image-section{width:100%}.book-card .book-card__text-section{flex-direction:column;justify-content:start;padding:1rem;display:flex}.book-card .book-card__title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-weight:500;overflow:hidden}.book-card .book-card__authors{text-overflow:ellipsis;white-space:nowrap;line-clamp:3;color:var(--gray-6);font-size:.9rem;overflow:hidden}.book-card--row{flex-direction:row}.book-card--row .book-card__image-section{flex-shrink:0;width:5rem}.book-card--row .book-card__text-section{justify-content:center;width:calc(100% - 5rem)}.book-cover.book-cover--placeholder{aspect-ratio:2/3;object-fit:cover;background-color:var(--gray-1);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.book-cover.book-cover--placeholder svg rect,.book-cover.book-cover--placeholder svg path,.book-cover.book-cover--placeholder p{color:var(--gray-6)}.book-cover.book-cover--placeholder p{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:1rem;overflow:hidden}.book-cover{aspect-ratio:2/3;object-fit:cover;width:100%}.toggle-button{cursor:pointer;border:1px solid var(--gray-8);color:var(--gray-8);background-color:var(--white);border-radius:8px;padding:.333rem 1rem}.toggle-button:hover{background-color:var(--gray-1)}.toggle-button--icon-only{padding:.333rem}.toggle-button[aria-pressed=true]{background-color:var(--gray-8);color:var(--white)}.toggle-button[aria-pressed=true]:hover{background-color:var(--gray-7)}.sort-by{align-items:center;gap:.5rem;display:flex}.sort-by__text{color:var(--gray-6);font-size:.9rem}.sort-by__buttons{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=480px){.sort-by__buttons{flex-direction:column}}.pagination{align-items:center;gap:.5rem;display:flex}.pagination__input{width:2rem}.pagination__button{flex-shrink:0}.pagination__total{color:var(--gray--6)}.modal{width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.modal__overlay{background-color:var(--gray-5);opacity:.5;width:100%;height:100%;position:absolute}.modal__content{background-color:var(--white);border-radius:16px;width:calc(100% - 1rem);max-width:40rem;max-height:80vh;padding:2rem;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%)translateY(-50%)}.modal__close-button{position:absolute;top:1rem;right:1rem}.tag{border:1px solid var(--gray-7);color:var(--gray-7);background-color:var(--white);border-radius:16px;padding:.25rem .5rem;display:inline-flex}@media (width<=480px){.tag{padding:.125rem .25rem}}.book-modal{gap:1rem;display:flex}.book-modal__aside{width:10rem}.book-modal__main{flex-direction:column;width:100%;display:flex}.book-modal__title{font-family:var(--font-family-serif)}.book-modal__authors{color:var(--gray-6);margin-bottom:1rem}.book-modal__published-section{gap:1rem;margin-bottom:1rem;display:flex}.book-modal__published-header{color:var(--gray-5);text-transform:uppercase;font-size:.9rem;font-weight:500}.book-modal__tags{flex-wrap:wrap;gap:.5rem;height:2.5rem;margin-bottom:1rem;display:flex;overflow-y:auto}.book-modal__description{margin-bottom:1rem;overflow-y:auto}@media (width<=480px){.book-modal{flex-direction:column}}.search-page{width:100%;max-width:67.5rem;margin:auto;padding:1rem}.search-page__options{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.search-page__display-by{flex-shrink:0;gap:.5rem;margin-left:auto;display:flex}.search-page__header{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.search-page__header h2{font-family:var(--font-family-serif)}.search-page__header p{text-align:end;height:fit-content;color:var(--gray-6);font-size:.9rem}.search-page__list{margin-bottom:1rem}.search-page__pagination{margin-left:auto}:root{--font-family-sans:"DM Sans", sans-serif;--font-family-serif:"Playfair Display", Georgia, serif;--white:#fff;--black:#000;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f}*,:before,:after{box-sizing:border-box;color:inherit;font-family:DM Sans,sans-serif}:focus{outline:1px solid var(--indigo-6)}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;background-color:var(--gray-0);scrollbar-gutter:stable;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}