.tags-wrapper.svelte-dn0c51{--background-color: rgba(255, 255, 255, .8);display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out;margin-bottom:1rem;--tags-containermin-height: 1rem}@media (max-width: 480px){.tags-wrapper.svelte-dn0c51{--tags-containermin-height: 2.5rem}}.tags-wrapper.expanded.svelte-dn0c51{grid-template-rows:1fr}.tags-container.svelte-dn0c51{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.5rem;background-color:none;padding:0rem;position:relative;overflow:hidden;min-height:var(--tags-containermin-height)}.tag.svelte-dn0c51{display:inline-block;background-color:var(--brand-color-transparent);color:var(--color-text, #333);border-radius:var(--radius-s, 4px);padding:.1rem .3rem .1rem 0;font-size:.6rem;font-weight:500;white-space:nowrap;text-decoration:none;position:relative;clip-path:polygon(8px 0%,100% 0%,100% 100%,8px 100%,0% 50%);padding-left:12px;transition:background-color .2s}.tag.large.svelte-dn0c51{font-size:.8rem;padding-top:0;padding-bottom:0;background-color:var(--brand-color-transparent2)}.tag.small.svelte-dn0c51{opacity:.7}.more-button.svelte-dn0c51{--button-color: #f8f3f5;position:absolute;right:0;bottom:0;background-color:transparent;border:none;color:var(--brand-color);font-size:.8rem;font-weight:600;background-color:var(--button-color);z-index:10;padding:0;border-radius:.25em;box-shadow:-5px 1px 5px 0 var(--button-color)}.image-container.svelte-160bs91{container-type:inline-size;width:100%;max-width:1200px;height:auto;padding:0 0 1em;box-shadow:0 0 1em #4f4f4f1a,0 0 .25em #0606061a;border:1px solid rgba(255,255,255,.5);border-radius:1em;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--secondary-color-1),var(--secondary-color-2),var(--secondary-color-3));margin-bottom:3em;--rotation-factor: 08deg;--scale-factor: .12;--base-scale: 1.2;--translate-factor: 4%;--active-scale: 1.15;--pulse-scale: 1.17}.top-title.svelte-160bs91{font-family:Doto,sans-serif;font-weight:400;color:#0006;text-align:center;font-size:1.2em;margin-top:.5rem;margin-bottom:1.5rem}.books-fan.svelte-160bs91{display:flex;flex-direction:row;gap:.5cqi;padding:0 0%}.book-item.svelte-160bs91{width:auto;flex:1;border-radius:5px;overflow:visible;box-shadow:0 0 .25cqi #0006,0 0 1.5cqi #0003;transition:transform .3s ease,box-shadow .3s ease}.book-item.svelte-160bs91:nth-child(1){--book-position: -2;--book-abs-position: 2;transform:rotate(calc(var(--book-position) * var(--rotation-factor))) scale(calc(var(--base-scale) - var(--book-abs-position) * var(--scale-factor))) translateY(calc(var(--book-position) * var(--book-position) * var(--translate-factor)));z-index:calc(5 - var(--book-abs-position))}.book-item.svelte-160bs91:nth-child(2){--book-position: -1;--book-abs-position: 1;transform:rotate(calc(var(--book-position) * var(--rotation-factor))) scale(calc(var(--base-scale) - var(--book-abs-position) * var(--scale-factor))) translateY(calc(var(--book-position) * var(--book-position) * var(--translate-factor)));z-index:calc(5 - var(--book-abs-position))}.book-item.svelte-160bs91:nth-child(3){--book-position: 0;--book-abs-position: 0;transform:rotate(calc(var(--book-position) * var(--rotation-factor))) scale(calc(var(--base-scale) - var(--book-abs-position) * var(--scale-factor))) translateY(calc(var(--book-position) * var(--book-position) * var(--translate-factor)));z-index:calc(5 - var(--book-abs-position))}.book-item.svelte-160bs91:nth-child(4){--book-position: 1;--book-abs-position: 1;transform:rotate(calc(var(--book-position) * var(--rotation-factor))) scale(calc(var(--base-scale) - var(--book-abs-position) * var(--scale-factor))) translateY(calc(var(--book-position) * var(--book-position) * var(--translate-factor)));z-index:calc(5 - var(--book-abs-position))}.book-item.svelte-160bs91:nth-child(5){--book-position: 2;--book-abs-position: 2;transform:rotate(calc(var(--book-position) * var(--rotation-factor))) scale(calc(var(--base-scale) - var(--book-abs-position) * var(--scale-factor))) translateY(calc(var(--book-position) * var(--book-position) * var(--translate-factor)));z-index:calc(5 - var(--book-abs-position))}.book-item.svelte-160bs91>img:where(.svelte-160bs91){width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}.book-tags.svelte-160bs91{position:absolute;bottom:0;width:100%;text-align:center;opacity:0;left:-.5em;transition:opacity .3s ease}.book-tags.svelte-160bs91 .tag:where(.svelte-160bs91){font-size:.6em;background-color:#f3b262;width:fit-content;margin:.1em;padding:.1em .15em .1em .7em;color:#333;clip-path:polygon(8px 0%,100% 0%,100% 100%,8px 100%,0% 50%)}.book-info.svelte-160bs91{position:absolute;width:100%;text-align:center;opacity:0;transition:opacity .3s ease}.book-info.svelte-160bs91 .book-title:where(.svelte-160bs91){font-size:.8em;font-weight:700;color:#000000b3}.book-info.svelte-160bs91 .book-author:where(.svelte-160bs91){font-size:.6em;color:#00000080}.book-item.active.svelte-160bs91 .book-info:where(.svelte-160bs91),.book-item.active.svelte-160bs91 .book-tags:where(.svelte-160bs91){opacity:1}.book-item.active.svelte-160bs91{transform:rotate(0) scale(var(--active-scale)) translateY(0);box-shadow:0 0 .5cqi #0009,0 0 2cqi #0000004d;z-index:10!important;animation:svelte-160bs91-pulse .8s ease-in-out 2;animation-delay:.3s}@keyframes svelte-160bs91-pulse{0%,to{transform:rotate(0) scale(var(--active-scale)) translateY(0)}50%{transform:rotate(0) scale(var(--pulse-scale)) translateY(0)}}.no-touch.svelte-160bs91 .book-item:where(.svelte-160bs91):hover .book-info:where(.svelte-160bs91),.no-touch.svelte-160bs91 .book-item:where(.svelte-160bs91):hover .book-tags:where(.svelte-160bs91){opacity:1}.no-touch.svelte-160bs91 .book-item:where(.svelte-160bs91):hover{transform:rotate(0) scale(var(--active-scale)) translateY(0);box-shadow:0 0 .5cqi #0009,0 0 2cqi #0000004d;z-index:10!important}@media (max-width: 599px){.image-container.svelte-160bs91{--active-scale: 1.35;--pulse-scale: 1.38}.book-info.svelte-160bs91 .book-title:where(.svelte-160bs91){font-size:.5em}.book-info.svelte-160bs91 .book-author:where(.svelte-160bs91){font-size:.4em}.book-tags.svelte-160bs91 .tag:where(.svelte-160bs91){font-size:.4em}}.no-results-container.svelte-9fyvx2{background-color:#0000001a;padding:1rem;border-radius:.5rem;opacity:.5}.search-container.svelte-9fyvx2{position:relative;width:100%}.clear-search.svelte-9fyvx2{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;color:#666;height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:1rem}.clear-search.svelte-9fyvx2:hover{background-color:#0000001a;color:#333}.icon-button.svelte-9fyvx2{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.search-bar-wrapper.svelte-9fyvx2{display:flex;flex-direction:row;width:100%;gap:1rem;align-items:top;margin-bottom:2rem}.search-bar-wrapper.svelte-9fyvx2 .search-bar:where(.svelte-9fyvx2){flex:1}.search-bar-wrapper.svelte-9fyvx2 .search-button:where(.svelte-9fyvx2){margin-top:.5rem}.search-bar-wrapper.svelte-9fyvx2{transition:margin-top .3s ease-in-out}.searchBarHidden.svelte-9fyvx2{margin-top:-4rem}.search-bar.svelte-9fyvx2{opacity:1;transition:all .6s ease-in-out}.searchBarHidden.svelte-9fyvx2 .search-bar:where(.svelte-9fyvx2){overflow:hidden;opacity:0;height:0px}.tags-container.svelte-9fyvx2{margin-top:.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.tag.svelte-9fyvx2{display:inline-block;background-color:var(--brand-color-transparent);color:var(--color-text, #333);border-radius:var(--radius-s, 4px);padding:.1rem .3rem .1rem 0;font-size:.6rem;font-weight:500;white-space:nowrap;text-decoration:none;position:relative;clip-path:polygon(8px 0%,100% 0%,100% 100%,8px 100%,0% 50%);padding-left:12px;transition:background-color .2s}.matching.svelte-9fyvx2{background-color:var(--brand-color-transparent2)}.reader-profile-container.svelte-88h94s{position:relative;background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1em;margin:1em;border-radius:2em}.reader-profile-container.svelte-88h94s .book-badge:where(.svelte-88h94s){left:3em;background-color:#94cf8d}.dismiss-message.svelte-88h94s{margin:1em;padding:1em;border-radius:var(--border-radius)}.dismiss-message.svelte-88h94s .tip:where(.svelte-88h94s){display:flex;align-items:center;gap:.5em}
