main.svelte-vi14qn{position:relative;display:flex;color:var(--light);overflow:hidden;overflow-y:auto;height:100%;flex-direction:column}.container.svelte-vi14qn{margin-top:3.9rem;align-items:center}.intro.svelte-vi14qn{display:flex;width:100%}h1.svelte-vi14qn{font-size:3rem;margin-bottom:1.5rem}.grid.svelte-vi14qn{display:grid;grid-template-columns:repeat(5,1fr);gap:2.4rem;padding-top:3rem;padding-bottom:3rem;-webkit-user-select:none;user-select:none}.grid.svelte-vi14qn.alternate_grid{grid-template-columns:repeat(4,1fr)}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn){overflow:hidden;position:relative;cursor:pointer;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .pic:where(.svelte-vi14qn){transform-origin:center center;transition:transform .21s ease-in-out}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn):hover .pic:where(.svelte-vi14qn){transform:scale(1.15)}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .bg:where(.svelte-vi14qn){position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .infos:where(.svelte-vi14qn){position:absolute;display:flex;left:0;bottom:0;font-size:1.12rem;right:0;width:101%;padding:1.2rem;background:#000000cf;transform:translateY(100%);transition:transform .3s ease}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .infos:where(.svelte-vi14qn) .record-name:where(.svelte-vi14qn){font-weight:700}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .infos:where(.svelte-vi14qn) .more:where(.svelte-vi14qn){font-weight:400;font-size:.9rem;color:var(--primary);margin-left:auto;align-self:center;text-decoration:underline}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .infos:where(.svelte-vi14qn) .more:where(.svelte-vi14qn):hover{color:var(--light)}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .play-btn:where(.svelte-vi14qn){cursor:pointer;position:absolute;inset:18% 0 0;width:min-content;height:min-content;opacity:0;transform:translateY(-200%);transition:transform .3s ease,opacity .3s ease;padding:.42rem;border:3px solid var(--light);border-radius:50%;color:var(--light);background:#000;font-size:3rem;margin:0 auto;display:flex}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .play-btn:where(.svelte-vi14qn).is_pause{font-size:2.4rem;padding:.72rem}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .play-btn:where(.svelte-vi14qn).show{opacity:1;transform:translate(0)}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .play-btn:where(.svelte-vi14qn):hover{border-color:var(--primary);color:var(--primary)}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn):hover .bg:where(.svelte-vi14qn){opacity:1}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn):hover .infos:where(.svelte-vi14qn){transform:translateY(0)}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn):hover .play-btn:where(.svelte-vi14qn){opacity:1;transform:translate(0)}@media (max-width: 900px){.grid.svelte-vi14qn{grid-template-columns:repeat(4,1fr)}.grid.svelte-vi14qn.alternate_grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 780px){h1.svelte-vi14qn{font-size:2.1rem;margin-bottom:0rem}.grid.svelte-vi14qn{grid-template-columns:repeat(3,1fr)}.grid.svelte-vi14qn.alternate_grid{grid-template-columns:repeat(3,1fr)}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .play-btn:where(.svelte-vi14qn){display:none}.grid.svelte-vi14qn .cover:where(.svelte-vi14qn) .infos:where(.svelte-vi14qn){display:none}}@media (max-width: 480px){.grid.svelte-vi14qn{grid-template-columns:repeat(2,1fr)}.grid.svelte-vi14qn.alternate_grid{grid-template-columns:repeat(2,1fr)}}