.boxcompo{position:relative;border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow-card);padding:1rem}@media(min-width:640px){.boxcompo{padding:1.25rem}}.boxcompo__lancer{background-color:var(--color-violet);color:#fff;box-shadow:0 10px 28px -10px #7a4dff8c}.boxcompo__lancer:hover:not([disabled]){background-color:#6536f0}.boxcompo__de{display:inline-flex}.boxcompo[data-tirage-en-cours] .boxcompo__de{animation:boxcompo-de .55s cubic-bezier(.45,0,.55,1) infinite}@keyframes boxcompo-de{0%{transform:rotate(0) translateY(0)}50%{transform:rotate(180deg) translateY(-2px)}to{transform:rotate(360deg) translateY(0)}}.boxcompo__grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.75rem .625rem}@media(max-width:639px){.boxcompo__grille--carre{grid-template-columns:repeat(2,minmax(0,1fr))}}.boxcompo__onglet{gap:.4rem}.boxcompo__onglet[aria-selected=true]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.boxcompo__compte{font-size:.6875rem;font-weight:700;opacity:.7}.boxcompo__etat{margin-top:.875rem;font-size:.8125rem;font-weight:700;color:var(--color-ink-soft)}.boxslot{position:relative}.boxslot__carte{display:flex;width:100%;flex-direction:column;border-radius:1rem;text-align:left;cursor:pointer}.boxslot__fenetre{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:1rem;background:var(--color-sand);border:2px dashed color-mix(in srgb,var(--color-ink) 20%,transparent);transition:border-color .18s var(--ease-out-soft),box-shadow .18s var(--ease-out-soft)}.boxslot:not([data-etat=vide]) .boxslot__fenetre{border-style:solid;border-color:var(--color-sand);background:#fff}.boxslot__fenetre:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 14px 12px -12px #1c1c1c59,inset 0 -14px 12px -12px #1c1c1c59;opacity:0;transition:opacity .25s var(--ease-out-soft)}.boxslot[data-etat=tourne] .boxslot__fenetre:after{opacity:1}.boxslot__carte:hover .boxslot__fenetre,.boxslot[data-etat=vide] .boxslot__carte:hover .boxslot__fenetre{border-color:var(--color-rose)}.boxslot[data-garde=true] .boxslot__fenetre{border-color:var(--color-rose);box-shadow:0 0 0 3px var(--color-rose-soft)}.boxslot__bande{position:absolute;inset:0 0 auto;display:flex;flex-direction:column}.boxslot[data-etat=tourne] .boxslot__bande{will-change:transform}.boxslot__case{display:block;width:100%;aspect-ratio:1;background:var(--teinte, var(--color-sand));overflow:hidden}.boxslot__img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.45);transform-origin:50% 74%}.boxslot__plus{position:absolute;inset:0;display:grid;place-items:center;font-size:1.75rem;font-weight:700;line-height:1;color:var(--color-rose)}.boxslot:not([data-etat=vide]) .boxslot__plus{display:none}.boxslot__nom{margin-top:.375rem;min-height:2.5em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.75rem;font-weight:700;line-height:1.25}.boxslot[data-etat=vide] .boxslot__nom,.boxslot[data-etat=tourne] .boxslot__nom{color:var(--color-ink-muted)}.boxslot__famille{font-size:.6875rem;line-height:1.3;color:var(--color-ink-muted)}.boxslot__verrou{position:absolute;top:.3rem;right:.3rem;display:grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius-pill);background:#fffffff0;color:var(--color-ink-soft);box-shadow:var(--shadow-card);cursor:pointer;transition:background-color .18s var(--ease-out-soft),color .18s var(--ease-out-soft)}.boxslot__verrou:before{content:"";position:absolute;inset:-6px}.boxslot__verrou[hidden]{display:none}.boxslot__verrou:hover{color:var(--color-rose)}.boxslot__verrou[aria-pressed=true]{background:var(--color-rose);color:#fff}.boxslot__ferme,.boxslot__verrou[aria-pressed=true] .boxslot__ouvert{display:none}.boxslot__verrou[aria-pressed=true] .boxslot__ferme{display:block}.boxslot[data-etat=tourne] .boxslot__verrou{visibility:hidden}.boxconfetti{position:absolute;z-index:5;width:.5rem;height:.75rem;border-radius:2px;pointer-events:none}.choix__option{display:flex;width:100%;align-items:center;gap:.75rem;border:2px solid transparent;border-radius:1rem;background:#fff;padding:.5rem;text-align:left;box-shadow:var(--shadow-card);cursor:pointer;transition:border-color .18s var(--ease-out-soft)}.choix__option:hover:not(:disabled){border-color:var(--color-rose)}.choix__option[aria-pressed=true]{border-color:var(--color-ink)}.choix__option:disabled{opacity:.5;cursor:not-allowed}.choix__vignette{width:3.5rem;height:3.5rem;flex:none;overflow:hidden;border-radius:.75rem;background:var(--color-sand)}.chip[aria-pressed=true]{background:var(--color-ink);border-color:var(--color-ink);color:#fff}