svg.svelte-1kgle4x{display:block}path.svelte-1kgle4x{stroke-width:3px;stroke-linecap:butt;stroke-linejoin:miter}.track.svelte-1kgle4x{stroke:#3a3a3a}.fill.svelte-1kgle4x{stroke-dasharray:100 100;animation:.6s linear infinite svelte-1kgle4x-fill-cw}.fill.b.svelte-1kgle4x{animation-delay:-300ms}@keyframes svelte-1kgle4x-fill-cw{0%{stroke-dashoffset:100px;stroke:#f0f0f0;opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1)}30%{stroke-dashoffset:0;stroke:#f0f0f0}50%{stroke-dashoffset:0;stroke:#8c8c8c;opacity:1}50.01%{stroke-dashoffset:100px;opacity:0}99.99%{opacity:0}to{stroke-dashoffset:100px;opacity:1}}.root.svelte-1yydcra{box-sizing:border-box;flex-direction:column;gap:16px;min-height:100vh;padding:0 8px 8px;display:flex}.compositions-grid.svelte-1yydcra{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.composition-tile.svelte-1yydcra{box-sizing:border-box;border:1px solid #ccc;flex-direction:column;width:100%;max-width:400px;padding:4px;display:flex}.composition-title.svelte-1yydcra{text-align:center;margin-bottom:4px;font-size:20px;font-weight:400}.composition-thumbnail.svelte-1yydcra{aspect-ratio:1;object-fit:cover;border:1px solid #444;width:100%;height:auto;margin-bottom:2px;display:block}.thumb-link.svelte-1yydcra{margin-bottom:2px;display:block;position:relative}.thumb-link.svelte-1yydcra .composition-thumbnail:where(.svelte-1yydcra){margin-bottom:0}.loading-overlay.svelte-1yydcra{background:#00000073;justify-content:center;align-items:center;animation:.15s ease-out 60ms backwards svelte-1yydcra-overlay-in;display:flex;position:absolute;inset:0}@keyframes svelte-1yydcra-overlay-in{0%{opacity:0}}.composition-tags.svelte-1yydcra{flex-wrap:wrap;gap:4px;margin:4px 0 2px;display:flex}.chip.svelte-1yydcra{color:#ccc;background:#2f2f2f;border:1px solid #4a4a4a;padding:0 5px;font-size:12px}.composition-author.svelte-1yydcra{margin-bottom:-2px;font-size:14px}.pagination.svelte-1yydcra{justify-content:center;align-items:center;gap:16px;margin-top:8px;padding:16px 8px;display:flex}.pagination-button.svelte-1yydcra{color:#f0f0f0;cursor:pointer;background:#1a1a1a;border:1px solid #444;padding:4px 8px;font-size:15px;text-decoration:none;display:inline-block}.pagination-button.svelte-1yydcra:hover:not(.disabled){background:#2a2a2a;border-color:#666}.pagination-button.disabled.svelte-1yydcra{opacity:.4;cursor:not-allowed}.page-indicator.svelte-1yydcra{color:#ccc;text-align:center;min-width:80px;font-size:15px}footer.svelte-1yydcra{color:#ccc;border-top:1px solid #282828;justify-content:space-around;align-items:center;gap:12px;margin-top:auto;margin-left:-8px;margin-right:-8px;padding:4px 8px 0;font-size:13px;display:flex}@media (width<=600px){.pagination.svelte-1yydcra{gap:8px;padding:12px 4px}.pagination-button.svelte-1yydcra{padding:8px 12px;font-size:14px}.page-indicator.svelte-1yydcra{min-width:60px;font-size:14px}footer.svelte-1yydcra{text-align:center;flex-direction:column;gap:4px}}.root.svelte-122ej50{flex-direction:column;display:flex}