.selection-b{--d:min(44vh, 400px);--debord:44px;--selection-b-pivot:1.12;--selection-b-couleur-a:#f4a261;--selection-b-couleur-b:#e76f51;--inverse:#f7f6f2;--selection-b-sourdine:#9c9c98;--selection-b-filet:#4c4c4c;--selection-b-surface:#383838;z-index:2;isolation:isolate;background:var(--puits);border-radius:36px;padding-top:110px;padding-bottom:110px;position:relative;overflow:clip}.selection-b:before{content:"";background:var(--degrade-chaud);opacity:.4;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.selection-b-tete{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.selection-b .selection-b-tete[data-reveler]{opacity:1;transition:none;translate:none}.selection-b .selection-b-etiquette{z-index:2;color:var(--inverse);mix-blend-mode:difference;opacity:0;transition:opacity .8s var(--lent), translate .8s var(--lent);position:relative;translate:0 16px}.selection-b .selection-b-tete .pilule{background:var(--puits);opacity:0;transition:background-color .35s ease, color .35s ease, opacity .8s var(--lent) .1s, translate .8s var(--lent) .1s;translate:0 16px}.selection-b .selection-b-tete .pilule:hover,.selection-b .selection-b-tete .pilule:focus-visible{background:var(--texte)}.selection-b-tete[data-visible=oui] .selection-b-etiquette,.selection-b .selection-b-tete[data-visible=oui] .pilule{opacity:1;translate:none}.selection-b-corps{grid-template-columns:calc(var(--d) + var(--debord) * 2) minmax(0, 1fr);align-items:stretch;column-gap:clamp(32px,4.5vw,72px);margin-top:48px;display:grid}.selection-b-scene{z-index:2;padding:var(--debord);align-self:center;position:relative}.selection-b-scene:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#e76f5114,#e76f5106 50%,#e76f5100 100%);border-radius:50%;width:150%;height:150%;position:absolute;top:50%;left:50%;translate:-50% -50%}.selection-b .selection-b-scene[data-reveler]{opacity:0;transition:opacity .8s var(--lent) var(--delai,0s), scale .9s var(--lent) var(--delai,0s), rotate 1.1s var(--lent) var(--delai,0s);translate:none;rotate:-8deg;scale:.9}.selection-b .selection-b-scene[data-reveler][data-visible=oui]{opacity:1;rotate:none;scale:none}.selection-b-platine{width:var(--d);height:var(--d);position:relative}.selection-b-anneau-lent{inset:calc(6px - var(--debord));rotate:calc((.5 - var(--p,.5)) * 120deg);pointer-events:none;position:absolute}.selection-b-anneau-lent-trait{border:1px dashed var(--filet);border-radius:50%;animation:120s linear infinite selection-b-tourner;position:absolute;inset:0}.selection-b-cadran{left:calc(-1 * var(--debord));top:calc(-1 * var(--debord));width:calc(100% + var(--debord) * 2);height:calc(100% + var(--debord) * 2);pointer-events:none;position:absolute;overflow:visible}.selection-b-degrade-a{stop-color:var(--selection-b-couleur-a)}.selection-b-degrade-b{stop-color:var(--selection-b-couleur-b)}.selection-b-cadran-piste{fill:none;stroke:var(--filet);stroke-width:1px}.selection-b-cadran-progression{fill:none;stroke-width:1.5px;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s linear}.selection-b[data-courant=oui] .selection-b-cadran-progression{stroke-linecap:round}.selection-b-cadran-curseur{transform-box:view-box;transform-origin:50%;fill:var(--selection-b-couleur-b);opacity:0;transition:rotate .3s linear,opacity .4s}.selection-b[data-courant=oui] .selection-b-cadran-curseur{opacity:1}.selection-b-cadran-cran{fill:var(--filet);transition:fill .35s ease, r .35s var(--lent)}.selection-b-cadran-cran[data-actif=oui]{fill:var(--texte)}.selection-b-disque{z-index:1;cursor:pointer;border-radius:50%;position:absolute;inset:0}.selection-b[data-joue=oui] .selection-b-disque{scale:calc(1 + var(--pulse,0) * .012)}.selection-b-galette{clip-path:circle(50%);background:var(--surface);transform-origin:50%;will-change:transform;border-radius:50%;position:absolute;inset:0;overflow:hidden}.selection-b-pochette{opacity:0;position:absolute;inset:0}.selection-b-pochette[data-etat=actif],.selection-b-pochette[data-etat=entre]{z-index:1;opacity:1}.selection-b-pochette[data-etat=entre]{animation:selection-b-pochette-entre .5s var(--lent) both}.selection-b-pochette[data-etat=sort]{animation:selection-b-pochette-sort .5s var(--lent) both}.selection-b-pochette picture,.selection-b-pochette img{object-fit:cover;background:var(--surface);-webkit-user-drag:none;width:100%;height:100%;display:block}.selection-b-matiere{pointer-events:none;background:radial-gradient(circle,#0000 55%,#00000059 100%);border-radius:50%;position:absolute;inset:0}.selection-b-reflet{pointer-events:none;background:conic-gradient(from 300deg,#0000 0deg,#e5e4e01a 25deg,#0000 50deg),conic-gradient(from 120deg,#0000 0deg,#e5e4e00d 25deg,#0000 50deg);border-radius:50%;position:absolute;inset:0}.selection-b-sillon{width:var(--k);height:var(--k);border:1px dotted var(--filet);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.selection-b-bord{border:1px solid var(--filet);pointer-events:none;border-radius:50%;position:absolute;inset:0}.selection-b-strobe{transform-origin:50%;will-change:transform;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.selection-b-strobe-points{fill:none;stroke:var(--texte);stroke-width:2px;stroke-linecap:round;stroke-dasharray:0 1;opacity:.45;transition:opacity .4s}.selection-b[data-joue=oui] .selection-b-strobe-points{opacity:.8}.selection-b-etiquette-disque{border:1px solid var(--filet);background:var(--fond);width:34%;height:34%;color:var(--texte);text-align:center;transition:scale .6s var(--lent);border-radius:50%;grid-template-rows:minmax(0,1fr) 8px minmax(0,1fr);justify-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.selection-b-etiquette-haut,.selection-b-etiquette-bas{flex-direction:column;align-items:center;gap:3px;width:76%;min-width:0;display:flex}.selection-b-etiquette-haut{align-self:end;padding-bottom:10px}.selection-b-etiquette-bas{align-self:start;padding-top:10px}.selection-b-trou{box-sizing:border-box;border:1px solid var(--filet);border-radius:50%;align-self:center;width:8px;height:8px;position:relative}.selection-b-trou:after{content:"";background:var(--texte);opacity:.7;border-radius:50%;position:absolute;inset:2px}.selection-b-etiquette-ligne{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:10px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.selection-b-etiquette-petit{letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--sourdine);font-size:9px;line-height:1;display:block}.selection-b-bras-calque{left:calc(-1 * var(--debord));top:calc(-1 * var(--debord));z-index:3;width:calc(100% + var(--debord) * 2);height:calc(100% + var(--debord) * 2);fill:var(--surface);stroke:var(--texte);stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;pointer-events:none;position:absolute;overflow:visible}.selection-b-bras-fin{fill:none;stroke-opacity:.55}.selection-b-bras-plein{fill:var(--texte);stroke:none}.selection-b-bras-creux{fill:var(--fond)}.selection-b-bras-tube{stroke:none}.selection-b-bras-tube-a{stop-color:#d9d8d4}.selection-b-bras-tube-b{stop-color:#a3a29e}.selection-b-bras-tube-c{stop-color:#5c5c59}.selection-b-bras{--selection-b-cible:0deg;--selection-b-cueillir:cubic-bezier(.3, 1.35, .35, 1);--selection-b-poser:cubic-bezier(.4, 0, .6, 1);transform-box:view-box;translate:0;rotate:calc(var(--selection-b-cible) + var(--selection-b-avance,0deg));transition:rotate .9s var(--selection-b-cueillir), translate .4s var(--selection-b-poser), scale .4s var(--selection-b-poser);scale:1}.selection-b-bras[data-leve=oui]{transition:rotate .9s var(--selection-b-cueillir), translate .35s var(--lent), scale .35s var(--lent);translate:0 -3px;scale:1.02}.selection-b-bras[data-position=sillon]{--selection-b-cible:var(--selection-b-angle,12deg)}.selection-b-bras[data-position=bord]{--selection-b-cible:calc(var(--selection-b-angle,12deg) - var(--selection-b-recul,5deg));transition:rotate .5s var(--lent), translate .35s var(--lent), scale .35s var(--lent)}.selection-b-bras[data-leve=non][data-position=sillon]{transition:rotate .5s linear, translate .4s var(--selection-b-poser), scale .4s var(--selection-b-poser)}.selection-b-bras-lampe{fill:var(--texte);stroke:none;fill-opacity:.2;transform-box:fill-box;transform-origin:50%;transition:fill-opacity .4s}.selection-b[data-joue=oui] .selection-b-bras-lampe{fill-opacity:calc(.45 + var(--pulse,0) * .55);scale:calc(1 + var(--pulse,0) * .6);transition:none}.selection-b[data-chargement=oui] .selection-b-bras-lampe{animation:.7s steps(2,jump-none) infinite selection-b-clignoter;scale:none}.selection-b-colonne{min-width:0;padding-block:var(--debord);flex-direction:column;display:flex}.selection-b .selection-b-fiche-zone[data-reveler]{opacity:1;transition:none;translate:none}.selection-b-fiche{z-index:2;color:var(--inverse);mix-blend-mode:difference;opacity:0;position:relative}.selection-b-fiche-zone[data-visible=oui] .selection-b-fiche{animation:selection-b-fondu .5s var(--lent) both}.selection-b-artiste{letter-spacing:.02em;text-transform:uppercase;align-items:center;margin:0;font-size:15px;line-height:1.2;display:flex}.selection-b-artiste:before{content:"";opacity:0;width:6px;height:6px;transition:opacity .4s ease, scale .5s var(--lent), margin-right .5s var(--lent);background:currentColor;border-radius:50%;flex:none;margin-right:0;scale:0}.selection-b[data-joue=oui] .selection-b-artiste:before{opacity:1;scale:calc(.85 + var(--pulse,0) * .5);transition:opacity .4s ease, margin-right .5s var(--lent);margin-right:10px}.selection-b-titre{-webkit-line-clamp:2;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:12px 0 0;font-size:clamp(2rem,4.2vw,60px);font-weight:400;line-height:.92;display:-webkit-box;overflow:hidden}.selection-b-titre a{color:inherit;transition:background-size .6s var(--lent);background:linear-gradient(currentColor,currentColor) 0 100%/0 .05em no-repeat;text-decoration:none}.selection-b-titre a:hover,.selection-b-titre a:focus-visible{background-size:100% .05em}.selection-b-titre a:focus-visible{outline:1px solid var(--inverse);outline-offset:4px}.selection-b .selection-b-meta.etiquette{color:var(--selection-b-sourdine);align-items:center;gap:10px;margin-top:14px;display:flex}.selection-b-meta-point{background:currentColor;border-radius:50%;width:3px;height:3px}.selection-b .selection-b-onde{z-index:2;width:100%;height:48px;color:var(--filet);margin-top:20px;display:block;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.selection-b-commandes{align-items:center;gap:20px;margin-top:20px;display:flex}.selection-b .selection-b-commandes[data-reveler]{opacity:1;transition:none;translate:none}.selection-b-lecture-cadre{opacity:0;transition:opacity .8s var(--lent) .2s, translate .8s var(--lent) .2s;flex:none;display:inline-flex;translate:0 16px}.selection-b .selection-b-temps.etiquette{z-index:2;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--selection-b-sourdine);mix-blend-mode:difference;opacity:0;transition:opacity .8s var(--lent) .25s, translate .8s var(--lent) .25s;gap:.5em;display:inline-flex;position:relative;translate:0 16px}.selection-b-temps-lu{color:var(--inverse)}.selection-b-navigation{align-items:center;gap:20px;margin-left:auto;display:flex}.selection-b .selection-b-compteur{z-index:2;font-variant-numeric:tabular-nums;color:var(--selection-b-sourdine);mix-blend-mode:difference;opacity:0;transition:opacity .8s var(--lent) .3s, translate .8s var(--lent) .3s;gap:.5em;display:inline-flex;position:relative;translate:0 16px}.selection-b-compteur-courant{width:2ch;height:1.4em;color:var(--inverse);display:inline-block;position:relative;overflow:hidden}.selection-b-compteur-chiffre{position:absolute;inset:0}.selection-b-compteur-entre{animation:selection-b-entre .5s var(--lent) both}.selection-b-compteur-sort{animation:selection-b-sort .5s var(--lent) both}.selection-b-boutons{gap:8px;display:flex}.selection-b-bouton{z-index:2;border:1px solid var(--selection-b-filet);width:44px;height:44px;color:var(--inverse);mix-blend-mode:difference;font:inherit;cursor:pointer;opacity:0;transition:background-color .35s ease, border-color .35s ease, scale .2s var(--lent), opacity .8s var(--lent) .35s, translate .8s var(--lent) .35s;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:inline-flex;position:relative;translate:0 16px}.selection-b-bouton-suivant{transition-delay:0s,0s,0s,.4s,.4s}.selection-b-commandes[data-visible=oui] .selection-b-lecture-cadre,.selection-b .selection-b-commandes[data-visible=oui] .selection-b-temps,.selection-b .selection-b-commandes[data-visible=oui] .selection-b-compteur,.selection-b-commandes[data-visible=oui] .selection-b-bouton{opacity:1;translate:none}.selection-b-bouton:hover,.selection-b-bouton:focus-visible{border-color:var(--inverse);background:var(--selection-b-surface)}.selection-b-bouton:focus-visible{outline:1px solid var(--inverse);outline-offset:3px}.selection-b-bouton:active{scale:.94}.selection-b-bouton-precedent:hover .fleche{transform:translate(-3px)}.selection-b-bouton-suivant:hover .fleche{transform:translate(3px)}.selection-b-bouton-lecture{z-index:2;background:var(--texte);width:56px;height:56px;color:var(--fond);cursor:pointer;transition:scale .35s var(--lent);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;flex:none;padding:0;position:relative}.selection-b-bouton-lecture:before{content:"";background:conic-gradient(from 0deg, var(--selection-b-couleur-a), var(--selection-b-couleur-b), var(--selection-b-couleur-a));opacity:0;pointer-events:none;border-radius:50%;transition:opacity .4s;animation:3s linear infinite paused selection-b-tourner;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.selection-b[data-joue=oui] .selection-b-bouton-lecture:before{opacity:1;animation-play-state:running}.selection-b-bouton-lecture:focus-visible{outline:1px solid var(--texte);outline-offset:9px}.selection-b-bouton-lecture:active{scale:.97}.selection-b-icone{width:16px;height:16px;transition:translate .35s var(--lent);position:absolute;top:50%;left:50%;translate:calc(1.5px - 50%) -50%}.selection-b-icone:before,.selection-b-icone:after{content:"";transition:clip-path .35s var(--lent);background:currentColor;position:absolute;inset:0}.selection-b-icone:before{clip-path:polygon(0% 0%,50% 25%,50% 75%,0% 100%)}.selection-b-icone:after{clip-path:polygon(50% 25%,100% 50%,100% 50%,50% 75%)}.selection-b[data-joue=oui] .selection-b-icone{translate:-50% -50%}.selection-b[data-joue=oui] .selection-b-icone:before{clip-path:polygon(0% 0%,36% 0%,36% 100%,0% 100%)}.selection-b[data-joue=oui] .selection-b-icone:after{clip-path:polygon(64% 0%,100% 0%,100% 100%,64% 100%)}.selection-b-masque{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.selection-b-liste{flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:20px 0 0;list-style:none;display:flex}.selection-b .selection-b-item[data-reveler]{opacity:1;transition:none;translate:none}.selection-b-vignette{width:64px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block}.selection-b-vignette:focus-visible{outline:1px solid var(--texte);outline-offset:3px;border-radius:11px}.selection-b-vignette-cadre{z-index:2;box-sizing:border-box;opacity:0;transition:border-color .35s ease, opacity .8s var(--lent) var(--delai,0s), translate .8s var(--lent) var(--delai,0s);border:1px solid #0000;border-radius:11px;padding:3px;display:block;position:relative;translate:0 16px}.selection-b-item[data-visible=oui] .selection-b-vignette-cadre{opacity:1;translate:none}.selection-b-vignette[aria-current=true] .selection-b-vignette-cadre{border-color:var(--texte)}.selection-b-vignette-cadre picture,.selection-b-vignette-cadre img{aspect-ratio:1;object-fit:cover;background:var(--surface);-webkit-user-drag:none;border-radius:8px;width:100%;height:auto;display:block}.selection-b-vignette-cadre img{opacity:.5;transition:opacity .35s ease, scale .6s var(--lent)}.selection-b-vignette[aria-current=true] .selection-b-vignette-cadre img{opacity:1}@media (hover:hover) and (pointer:fine){.selection-b-bouton-lecture:hover{scale:1.06}.selection-b-disque:hover .selection-b-etiquette-disque{scale:1.04}.selection-b-vignette:hover .selection-b-vignette-cadre img{opacity:.85;scale:1.04}}@keyframes selection-b-tourner{to{transform:rotate(360deg)}}@keyframes selection-b-entre{0%{transform:translateY(calc(100% * var(--selection-b-sens,1)))}to{transform:none}}@keyframes selection-b-sort{0%{transform:none}to{transform:translateY(calc(-100% * var(--selection-b-sens,1)))}}@keyframes selection-b-pochette-entre{0%{opacity:0;translate:calc(22% * var(--selection-b-sens,1)) 0;scale:1.03}to{opacity:1;translate:0;scale:1}}@keyframes selection-b-pochette-sort{0%{opacity:1;translate:0}to{opacity:0;translate:calc(-22% * var(--selection-b-sens,1)) 0}}@keyframes selection-b-fondu{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes selection-b-clignoter{0%{opacity:.2}to{opacity:1}}@media (prefers-reduced-motion:reduce){.selection-b .selection-b-etiquette,.selection-b .selection-b-tete .pilule,.selection-b-lecture-cadre,.selection-b .selection-b-temps.etiquette,.selection-b .selection-b-compteur,.selection-b-bouton,.selection-b-vignette-cadre{opacity:1;transition:none;translate:none}.selection-b .selection-b-scene[data-reveler]{opacity:1;transition:none;rotate:none;scale:none}.selection-b-fiche,.selection-b-fiche-zone[data-visible=oui] .selection-b-fiche{opacity:1;animation:none}.selection-b-anneau-lent{rotate:none}.selection-b-anneau-lent-trait,.selection-b-pochette,.selection-b-compteur-chiffre,.selection-b-bouton-lecture:before,.selection-b-bras-lampe{animation:none}.selection-b-compteur-sort{display:none}.selection-b-pochette[data-etat=sort]{opacity:0}.selection-b[data-joue=oui] .selection-b-disque{scale:none}.selection-b[data-joue=oui] .selection-b-bras-lampe{fill-opacity:1;scale:none}.selection-b[data-joue=oui] .selection-b-artiste:before{scale:1}.selection-b-bras,.selection-b-bras[data-leve=oui],.selection-b-bras[data-position=bord],.selection-b-bras[data-leve=non][data-position=sillon]{transition:none;translate:0;scale:1}.selection-b-icone,.selection-b-icone:before,.selection-b-icone:after,.selection-b-bouton-lecture,.selection-b-etiquette-disque,.selection-b-cadran-progression,.selection-b-cadran-curseur,.selection-b-cadran-cran,.selection-b-artiste:before,.selection-b-vignette-cadre img{transition:none}}@media (min-width:900px) and (max-width:1199px){.selection-b{--d:min(40vh, 320px)}.selection-b-liste{gap:5px}.selection-b-vignette{width:42px}.selection-b-vignette:focus-visible,.selection-b-vignette-cadre{border-radius:9px}.selection-b-vignette-cadre picture,.selection-b-vignette-cadre img{border-radius:6px}}@media (max-width:899px){.selection-b{--d:70vw;--debord:36px;padding-top:80px;padding-bottom:80px}.selection-b-tete{flex-wrap:wrap;row-gap:14px}.selection-b-corps{grid-template-columns:minmax(0,1fr);row-gap:8px;margin-top:28px}.selection-b-scene{place-self:auto center}.selection-b-colonne{padding-block:0}.selection-b-anneau-lent{rotate:none}.selection-b{--selection-b-pivot:1.08}.selection-b-etiquette-ligne{font-size:9px}.selection-b-etiquette-petit{font-size:8px}.selection-b-etiquette-haut{padding-bottom:7px}.selection-b-etiquette-bas{padding-top:7px}.selection-b-titre{margin-top:10px;font-size:clamp(1.75rem,8.5vw,2.5rem)}.selection-b .selection-b-onde{height:40px;margin-top:18px}.selection-b-commandes{gap:16px;margin-top:18px}.selection-b-boutons{display:none}.selection-b-disque{cursor:default}.selection-b-bouton-lecture:hover,.selection-b-disque:hover .selection-b-etiquette-disque{scale:none}.selection-b-liste{gap:6px;padding-top:20px}.selection-b-vignette{width:36px}.selection-b-vignette:focus-visible{border-radius:8px}.selection-b-vignette-cadre{border-radius:8px;padding:2px}.selection-b-vignette-cadre picture,.selection-b-vignette-cadre img{border-radius:6px}.selection-b-vignette:hover .selection-b-vignette-cadre img{opacity:.5;scale:none}.selection-b-vignette[aria-current=true]:hover .selection-b-vignette-cadre img{opacity:1}}