.rangee.svelte-1nmlx9v{gap:var(--space-3);height:136px;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4);scroll-padding-inline:var(--space-4);scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;display:flex;overflow:auto hidden}.carte.svelte-1nmlx9v{background:var(--blanc);height:132px;box-shadow:var(--ombre-compacte);scroll-snap-align:start;border-radius:18px;flex:0 0 310px;grid-template-columns:124px minmax(0,1fr) 44px;grid-template-areas:"vinyle titre titre""vinyle barre barre""vinyle reste lire";align-content:center;align-items:center;gap:6px 14px;padding:14px;display:grid}.vinyle.svelte-1nmlx9v{aspect-ratio:auto;grid-area:vinyle;width:124px;height:104px}.titre.svelte-1nmlx9v{font:650 15px/19px var(--font-sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:titre;margin:0;display:-webkit-box;overflow:hidden}.titre.svelte-1nmlx9v a:where(.svelte-1nmlx9v){text-decoration:none}.titre.svelte-1nmlx9v a:where(.svelte-1nmlx9v):hover{text-decoration:underline}.barre.svelte-1nmlx9v{grid-area:barre;height:5px}.reste.svelte-1nmlx9v{color:var(--marine-adouci);font:400 11px/14px var(--font-sans);grid-area:reste}.lire.svelte-1nmlx9v{grid-area:lire;width:44px;height:44px}@media (width>=60rem){.rangee.svelte-1nmlx9v{gap:var(--space-5);height:152px;margin:0;padding:0;scroll-padding-inline:0}.carte.svelte-1nmlx9v{flex-basis:calc((100% - var(--space-5)) / 2);column-gap:var(--space-5);row-gap:var(--space-2);height:152px;padding:var(--space-4);grid-template-columns:143px minmax(0,1fr) 48px;grid-template-areas:"vinyle titre lire""vinyle barre lire""vinyle reste lire"}.vinyle.svelte-1nmlx9v{width:143px;height:120px}.titre.svelte-1nmlx9v{font-size:19px;line-height:24px}.barre.svelte-1nmlx9v{height:6px}.lire.svelte-1nmlx9v{width:48px;height:48px}}.continuer[data-astro-cid-5s7jw3es]{flex-direction:column;gap:14px;min-width:0;display:flex}.continuer[data-astro-cid-5s7jw3es][hidden]{display:none}@media (width>=60rem){.continuer[data-astro-cid-5s7jw3es]{gap:var(--space-5)}}.direct.svelte-1ojuot4{padding:var(--space-5);box-shadow:var(--ombre-nuit);border-radius:22px;flex-direction:column;gap:18px;display:flex;overflow:hidden}.haut.svelte-1ojuot4{gap:18px var(--space-4);grid-template-columns:76px minmax(0,1fr);grid-template-areas:"disque titre""piece piece""bouton bouton";align-items:center;display:grid}.disque.svelte-1ojuot4{aspect-ratio:1;border-radius:var(--radius-pilule);width:76px;box-shadow:0 0 0 1px var(--ciel-trait);grid-area:disque;display:block;position:relative}.disque.svelte-1ojuot4 img:where(.svelte-1ojuot4){width:100%;height:auto;display:block}.disque.svelte-1ojuot4 img.disque__logo:where(.svelte-1ojuot4){width:32%;position:absolute;inset:34%}.disque.tourne.svelte-1ojuot4{animation:6s linear infinite svelte-1ojuot4-tourne}@keyframes svelte-1ojuot4-tourne{to{transform:rotate(1turn)}}.titre.svelte-1ojuot4{grid-area:titre;justify-self:start;margin:0}.piece.svelte-1ojuot4{min-height:2lh;font:650 20px/26px var(--font-sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:piece;margin:0;display:-webkit-box;overflow:hidden}.ciel.svelte-1ojuot4{color:var(--ciel);font-weight:400}.bouton.svelte-1ojuot4{grid-area:bouton}.cadran.svelte-1ojuot4{height:18px;position:relative}.cadran__graduation.svelte-1ojuot4{background:repeating-linear-gradient(90deg,#95cefee6 0 2px,#0000 2px 60px),repeating-linear-gradient(90deg,#95cefe66 0 1px,#0000 1px 12px);position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.cadran__aiguille.svelte-1ojuot4{background:var(--blanc);width:2px;height:28px;box-shadow:0 0 10px var(--ciel), 0 0 2px var(--blanc);position:absolute;top:-5px;left:63%}@media (width>=60rem){.direct.svelte-1ojuot4{padding:28px var(--space-8) var(--space-6);border-radius:var(--radius-carte);gap:22px}.haut.svelte-1ojuot4{grid-template:"disque.bouton"1fr"disque titre bouton""disque piece bouton""disque.bouton"1fr/112px minmax(0,1fr) auto;gap:10px 28px}.disque.svelte-1ojuot4{width:112px}.piece.svelte-1ojuot4{font-size:26px;line-height:32px}.cadran.svelte-1ojuot4{height:22px}.cadran__graduation.svelte-1ojuot4{mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.cadran__aiguille.svelte-1ojuot4{height:34px;top:-6px}}