.cardContainer.svelte-1kd7gjb{width:100%;height:100%;overflow:hidden;justify-content:center;align-items:center;display:flex;padding:40px 60px 40px 20px;position:relative}.card.svelte-1kd7gjb{all:unset;min-width:100px;position:relative;perspective:1000px;transform-style:preserve-3d;width:100%;height:100%;aspect-ratio:1 / 1.414;display:flex;z-index:1}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb){all:unset;--book-thickness: 50px;--transition-time: .2s;--scale: .8;height:100%;width:100%;transform-style:preserve-3d;transform:rotateY(-15deg);transition:scale var(--transition-time),transform .5s;cursor:pointer}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .page:where(.svelte-1kd7gjb){background-color:#ebeae8;top:3px;left:3px;bottom:3px;right:5px;position:absolute;overflow:visible;pointer-events:none;transform-style:preserve-3d}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .page:where(.svelte-1kd7gjb) .side:where(.svelte-1kd7gjb){background-color:#cac9c7;position:absolute;right:calc(var(--book-thickness) * -1);width:var(--book-thickness);height:100%;transform-origin:left;transform:rotateY(90deg);pointer-events:none}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCoverBack:where(.svelte-1kd7gjb){background-color:#91908e;width:100%;height:100%;position:absolute;transform:translateZ(calc(var(--book-thickness) * -1));box-shadow:-10px 10px 20px #0003;pointer-events:none;backface-visibility:hidden;border-radius:0 5px 5px 0}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb){position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(calc(var(--book-thickness) * -1)) rotateY(180deg);backface-visibility:hidden;overflow:hidden;background-color:#000;color:#fff;border-radius:0 5px 5px 0}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) :where(.svelte-1kd7gjb){color:inherit}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) .preview:where(.svelte-1kd7gjb){position:absolute;z-index:-1;background-color:var(--indent-color);width:200%;top:-50%;right:-50%;bottom:-50%;left:-50%;filter:blur(20px)}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) .info:where(.svelte-1kd7gjb){text-shadow:0 2px 5px rgba(0,0,0,.5);padding:.5em;border-top:1px solid var(--border-muted-color);bottom:0;overflow:hidden;transition:height .2s;display:flex;flex-direction:column;gap:.5em;height:100%}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) .info:where(.svelte-1kd7gjb) .author:where(.svelte-1kd7gjb){text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;cursor:pointer}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) section:where(.svelte-1kd7gjb){display:flex;flex-direction:row;gap:.2em}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) span:where(.svelte-1kd7gjb){font-size:.6em}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) p:where(.svelte-1kd7gjb){font-size:.7em;margin:0;overflow:scroll;scrollbar-width:none;flex-grow:1}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .backCover:where(.svelte-1kd7gjb) h1:where(.svelte-1kd7gjb){height:1.5em;margin:0;font-weight:700;font-size:.7em;max-width:10em;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;align-content:center}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .cover:where(.svelte-1kd7gjb){position:relative;transition:transform .2s;transform-origin:left;box-shadow:0 0 5px #0000001a;border-radius:0 5px 5px 0;overflow:hidden;height:100%}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .cover:where(.svelte-1kd7gjb) .preview:where(.svelte-1kd7gjb){background-color:var(--indent-color);width:100%;top:0;left:0}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .cover:where(.svelte-1kd7gjb) .shadow:where(.svelte-1kd7gjb){position:absolute;top:0;right:0;bottom:0;left:10px;width:8px;background:linear-gradient(to right,transparent 0%,black 25%,black 75%,transparent 100%);opacity:.2;z-index:1}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb) .cover:where(.svelte-1kd7gjb):after{all:unset;content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 10px #0003;background:linear-gradient(-30deg,transparent 0%,rgba(255,255,255,1) 100%);opacity:.05;transition:opacity var(--transition-time)}.card.svelte-1kd7gjb .book:where(.svelte-1kd7gjb):after{all:unset}.card.svelte-1kd7gjb .flipped:where(.svelte-1kd7gjb){transform:rotateY(-175deg)}.infoButton.svelte-1kd7gjb,.coverButton.svelte-1kd7gjb{position:absolute;top:60px;right:50%;width:50px;height:40px;border-radius:0 40px 40px 0;transition:right .4s;background-color:var(--highlight-color)}.infoButton.svelte-1kd7gjb img:where(.svelte-1kd7gjb),.coverButton.svelte-1kd7gjb img:where(.svelte-1kd7gjb){width:100%;height:100%;right:0}.cardContainer.svelte-1kd7gjb:hover .book:where(.svelte-1kd7gjb):not(.flipped) .cover:where(.svelte-1kd7gjb){transform:rotateY(-15deg)}.cardContainer.svelte-1kd7gjb:hover .book:where(.svelte-1kd7gjb):not(.flipped) .cover:where(.svelte-1kd7gjb):after{--shine-brightness: 1;opacity:.1}.cardContainer.svelte-1kd7gjb:hover .book:where(.svelte-1kd7gjb){scale:1.05}.cardContainer.svelte-1kd7gjb:hover .infoButton:where(.svelte-1kd7gjb):not(.flipped){right:0}.cardContainer.svelte-1kd7gjb:hover .coverButton.flipped:where(.svelte-1kd7gjb){right:0}.card.svelte-1kut5fz{all:unset;border-radius:var(--panel-corner-radius);min-width:300px;width:100%;aspect-ratio:2;cursor:pointer;position:relative;overflow:hidden;text-align:center;box-shadow:0 0 5px #0003}.card.svelte-1kut5fz .preview:where(.svelte-1kut5fz){position:absolute;background-color:var(--indent-color);width:100%;margin-bottom:50px;top:0;left:0}.card.svelte-1kut5fz .cardContent:where(.svelte-1kut5fz){width:100%;height:100%;top:0}.card.svelte-1kut5fz .cardContent:where(.svelte-1kut5fz) h1:where(.svelte-1kut5fz){position:absolute;bottom:0;min-width:100%;text-shadow:0 0 5px rgba(0,0,0,.7);font-size:1em;z-index:1;transition:bottom .2s}.card.svelte-1kut5fz .cardContent:where(.svelte-1kut5fz) .info:where(.svelte-1kut5fz){position:absolute;padding:.5em;height:100px;width:100%;border-top:1px solid var(--border-muted-color);left:0;bottom:-100px;overflow:hidden;transition:bottom .2s;display:flex;flex-direction:column;gap:.5em;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.card.svelte-1kut5fz .cardContent:where(.svelte-1kut5fz) .info:where(.svelte-1kut5fz) .author:where(.svelte-1kut5fz){color:var(--text-color);text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;cursor:pointer}.card.svelte-1kut5fz section:where(.svelte-1kut5fz){display:flex;flex-direction:row;gap:.2em}.card.svelte-1kut5fz span:where(.svelte-1kut5fz){font-size:.6em;color:var(--text-color)}.card.svelte-1kut5fz p:where(.svelte-1kut5fz){font-size:.7em;color:var(--text-color);margin:0;overflow:scroll;scrollbar-width:none;height:4em}.card.svelte-1kut5fz h1:where(.svelte-1kut5fz){height:1.5em;margin:0;font-weight:700;font-size:.7em;max-width:10em;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;align-content:center}.card.svelte-1kut5fz:hover .cardContent:where(.svelte-1kut5fz) h1:where(.svelte-1kut5fz){bottom:65px}.card.svelte-1kut5fz:hover .cardContent:where(.svelte-1kut5fz) .info:where(.svelte-1kut5fz){bottom:0}.card.svelte-1kut5fz:after{all:unset}.artCard.svelte-etwdbj{all:unset;position:relative;width:100%;background-color:var(--panel-color);border-radius:8px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;box-shadow:4px 4px 0 var(--indent-color);border:1px solid var(--indent-color);transition:transform .1s ease-out,box-shadow .1s ease-out,border-color .1s ease-out;padding:5px}.artCard.svelte-etwdbj img:where(.svelte-etwdbj){width:100%;object-fit:cover;border-radius:4px;background-color:var(--indent-color)}.artCard.svelte-etwdbj .info:where(.svelte-etwdbj){width:100%;padding:10px;display:flex;flex-direction:column;z-index:1;align-items:center}.artCard.svelte-etwdbj .info:where(.svelte-etwdbj) *{text-shadow:2px 2px 2px rgba(0,0,0,1)}.artCard.svelte-etwdbj .info:where(.svelte-etwdbj) h1:where(.svelte-etwdbj){font-weight:400;font-size:1em;margin:0}.artCard.svelte-etwdbj .info:where(.svelte-etwdbj) span:where(.svelte-etwdbj){font-size:.8em;display:inline}.artCard.svelte-etwdbj:after{all:unset}.artCard.svelte-etwdbj:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--highlight-color);border-color:var(--highlight-color)}.card.svelte-9scsde{all:unset;border:1px solid var(--border-muted-color);border-radius:var(--panel-corner-radius);min-width:300px;width:300px;height:min-content;cursor:pointer;position:relative;overflow:hidden}.card.svelte-9scsde .preview:where(.svelte-9scsde){background-color:var(--indent-color);width:100%;margin-bottom:50px;top:0;left:0}.card.svelte-9scsde .info:where(.svelte-9scsde){position:absolute;padding:.5em;height:50px;width:100%;background-color:var(--panel-color);border-top:1px solid var(--border-muted-color);bottom:0;overflow:hidden;transition:height .2s;display:flex;flex-direction:column;gap:.5em}.card.svelte-9scsde .info:where(.svelte-9scsde) .author:where(.svelte-9scsde){color:var(--text-color);text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;cursor:pointer}.card.svelte-9scsde .info:where(.svelte-9scsde):hover{height:150px}.card.svelte-9scsde section:where(.svelte-9scsde){display:flex;flex-direction:row;gap:.2em}.card.svelte-9scsde span:where(.svelte-9scsde){font-size:.6em;color:var(--text-color)}.card.svelte-9scsde p:where(.svelte-9scsde){font-size:.7em;color:var(--text-color);margin:0;overflow:scroll;scrollbar-width:none;height:4em}.card.svelte-9scsde h1:where(.svelte-9scsde){height:1.5em;margin:0;font-weight:700;font-size:.7em;max-width:10em;text-overflow:ellipsis;overflow:hidden;text-wrap:nowrap;align-content:center}.card.svelte-9scsde:after{all:unset}.artGrid.svelte-1ocen1q{--item-width: 250px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--item-width),1fr));justify-content:center;justify-items:center;gap:1em;align-content:start;padding:10px}