:root{--carousel-light-color: #4483aaab;--carousel-dark-color: #132b3980;--card-light-color: #122b39;--card-dark-color: #000000;--text-color: #eeede9}body{margin:0;background:#121212}.ccatm.svelte-19bggtz{--carousel-light-color: rgb(0, 221, 255);--carousel-dark-color: rgb(27, 39, 60);--card-light-color: rgb(33, 17, 12);--card-dark-color: rgb(255, 194, 12)}.stu-comic.svelte-19bggtz{--carousel-light-color: #ffe7c3;--carousel-dark-color: #6e593b80;--card-light-color: #4e251b;--card-dark-color: #0f0708}.image-gallery-comics-page.svelte-19bggtz{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.carousel-wrapper.svelte-19bggtz{background:linear-gradient(var(--carousel-dark-color),var(--carousel-light-color));display:flex;flex-direction:column;padding:10px;border-radius:8px;margin:10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;width:100%;max-width:940px;color:var(--text-color)}.carousel-wrapper.svelte-19bggtz>h2:where(.svelte-19bggtz){margin-bottom:8px;margin-top:0}.carousel-wrapper.svelte-19bggtz>p:where(.svelte-19bggtz){margin-top:0;font-size:1.2rem}.carousel.svelte-19bggtz{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;align-items:start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(var(--carousel-dark-color),var(--carousel-light-color));box-shadow:inset 0 0 100px 0 var(--carousel-dark-color);border-radius:6px;scrollbar-width:none}.carousel.svelte-19bggtz::-webkit-scrollbar{display:none}.carousel-card.svelte-19bggtz{display:flex;flex-direction:column;align-items:center;margin:10px;background:linear-gradient(var(--card-dark-color),var(--card-light-color));box-shadow:0 4px 8px #0006;padding:10px;border-radius:6px;text-decoration:none;-webkit-user-select:none;user-select:none;scroll-snap-align:start}.carousel-card.svelte-19bggtz:hover{box-shadow:0 8px 16px #0009;transform:scale(1.05);transition:transform .2s;cursor:grab}.carousel-card.svelte-19bggtz>img:where(.svelte-19bggtz){margin-bottom:8px;height:288px;width:200px;box-shadow:0 4px 8px #000000bf}.carousel-card.svelte-19bggtz>.title:where(.svelte-19bggtz){margin-top:8px;font-size:1rem;text-align:center;color:var(--text-color)}.thumbnail.svelte-19bggtz{object-fit:cover;border-radius:8px}