.header.svelte-6rjjpv.svelte-6rjjpv{z-index:inherit;--height:50%;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100vh}.header.svelte-6rjjpv .thumbnail.svelte-6rjjpv{z-index:1;top:0px;display:flex;justify-content:center;align-items:center;color:#f5f5f5;width:100%;height:max(var(--height),100px)}.header.svelte-6rjjpv .thumbnail img.svelte-6rjjpv{aspect-ratio:1;height:min(100%,500px)}.header.svelte-6rjjpv .thumbnail h1.svelte-6rjjpv{font-size:64pt}.card.svelte-batmlk.svelte-batmlk{width:225px;height:350px;margin:0 5px}.card.svelte-batmlk img.svelte-batmlk{height:100%;width:100%;object-fit:contain;object-position:center;transform:scale(.9);cursor:pointer;transition:transform 125ms}.card.svelte-batmlk:hover img.svelte-batmlk{transform:scale(.95)}.section.svelte-4aqofn.svelte-4aqofn{height:fit-content}.section.svelte-4aqofn .wrapper.svelte-4aqofn{display:flex;justify-content:left;flex-wrap:wrap;margin:50px auto}.audioPreview.svelte-zi9y9r.svelte-zi9y9r{width:90%;margin:0 auto 10px;border-radius:8px;background-color:var(--layer1)}.audioPreview.svelte-zi9y9r .name.svelte-zi9y9r{padding:16px 0 8px 16px;color:var(--text3)}.audioPreview.svelte-zi9y9r audio.svelte-zi9y9r{width:calc(100% - 16px);margin-bottom:4px;margin-left:8px;height:30px}.cardInfoDisplay.svelte-1w4ujj5.svelte-1w4ujj5{z-index:10;display:flex;align-items:center;justify-content:center;position:fixed;z-index:100;inset:0;width:100vw;height:100vh;backdrop-filter:blur(8px);background-color:#000000a8}.cardInfoDisplay.svelte-1w4ujj5 .card.svelte-1w4ujj5{z-index:inherit;display:grid;grid-template-columns:30% auto;grid-template-rows:20% 1fr 50%;grid-template-areas:"img header" "img body" "footer footer";width:min(80%,768px);height:640px;border-radius:16px;background-color:var(--layer3);overflow:hidden}.cardInfoDisplay.svelte-1w4ujj5 .card .button-close.svelte-1w4ujj5{position:absolute;justify-self:right;margin:15px;padding:5px;width:35px;height:35px;background-color:var(--layer1);border-radius:5px;text-align:center;transition:background-color 125ms,box-shadow 125ms}.cardInfoDisplay.svelte-1w4ujj5 .card .button-close svg.svelte-1w4ujj5{fill:var(--light1)}.cardInfoDisplay.svelte-1w4ujj5 .card .button-close.svelte-1w4ujj5:hover{background-color:var(--light1);box-shadow:0 0 10px var(--layer1);cursor:pointer}.cardInfoDisplay.svelte-1w4ujj5 .card .button-close:hover svg.svelte-1w4ujj5{fill:var(--dark1)}.cardInfoDisplay.svelte-1w4ujj5 .card img.svelte-1w4ujj5{grid-area:img;height:95%;padding-top:5%;padding-left:5%}.cardInfoDisplay.svelte-1w4ujj5 .card .header.svelte-1w4ujj5{grid-area:header;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-right:64px;color:var(--text1)}.cardInfoDisplay.svelte-1w4ujj5 .card .header2.svelte-1w4ujj5{grid-area:header;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text1)}.cardInfoDisplay.svelte-1w4ujj5 .card .body.svelte-1w4ujj5{grid-area:body;padding-right:32px;color:var(--text2)}.cardInfoDisplay.svelte-1w4ujj5 .card .footer.svelte-1w4ujj5{grid-area:footer;overflow-y:scroll;padding-top:16px;background-color:var(--layer2)}.cardInfoDisplay.svelte-1w4ujj5 .card .footer.svelte-1w4ujj5::-webkit-scrollbar{width:30px}.cardInfoDisplay.svelte-1w4ujj5 .card .footer.svelte-1w4ujj5::-webkit-scrollbar-track{background-color:var(--layer1)}.cardInfoDisplay.svelte-1w4ujj5 .card .footer.svelte-1w4ujj5::-webkit-scrollbar-thumb{background-color:var(--layer4);border:10px solid var(--layer1);border-radius:100px;transition:background-color .25s}.cardInfoDisplay.svelte-1w4ujj5 .card .footer.svelte-1w4ujj5::-webkit-scrollbar-thumb:hover{background-color:var(--light1)}.sidemenu.svelte-161wl1i.svelte-161wl1i{z-index:10;position:fixed;top:50%;left:calc(100% - 100px);width:35px;height:min-content;max-height:min(560px,80%);border-radius:25px;transform:translateY(-50%);overflow-y:hidden;background-color:var(--layer3);box-shadow:0 0 10px #00000080}.sidemenu.svelte-161wl1i .selected.svelte-161wl1i{background-color:var(--light1);color:var(--layer1)}.sidemenu.svelte-161wl1i a.svelte-161wl1i{width:100%;height:35px;display:flex;justify-content:center;align-items:center;color:var(--text1);border-radius:25px;transition:background-color 125ms}.sidemenu.svelte-161wl1i a.svelte-161wl1i:hover{background-color:var(--light1);color:var(--layer1)}