.rsr{--rsr-pastille:#fff;--rsr-fond:transparent;--rsr-encre:var(--ink);
  background:var(--rsr-fond);color:var(--rsr-encre);
  border-top:1px solid var(--rsr-filet);border-bottom:1px solid var(--rsr-filet);
  --rsr-filet:var(--line);
  margin-top:var(--g40);padding:var(--g30) 0 var(--g24);text-align:center}
.rsr.f-creme{--rsr-fond:var(--entete)}
.rsr.f-ch1{--rsr-fond:var(--ch1,var(--coral));--rsr-encre:var(--ch1-t,var(--coral-texte))}
.rsr.f-ch2{--rsr-fond:var(--ch2,var(--coral));--rsr-encre:var(--ch2-t,var(--coral-texte))}
.rsr.f-ch3{--rsr-fond:var(--ch3,var(--ink));--rsr-encre:var(--ch3-t,var(--paper))}
.rsr.f-ch4{--rsr-fond:var(--ch4,var(--ink));--rsr-encre:var(--ch4-t,var(--paper))}
.rsr.f-encre{--rsr-fond:var(--ink);--rsr-encre:var(--paper)}

.rsr:not(.f-papier){--rsr-filet:color-mix(in srgb,currentColor 16%,transparent)}

.rsr.pt-titres .rsr-t{font-family:var(--f-titres)}
.rsr.pt-surtitres .rsr-t{font-family:var(--f-sur)}
.rsr.px-titres .rsr-d{font-family:var(--f-titres)}
.rsr.px-surtitres .rsr-d{font-family:var(--f-sur)}

.rsr.s-blanc{--rsr-pastille:#fff}
.rsr.s-papier{--rsr-pastille:var(--paper)}
.rsr.s-creme{--rsr-pastille:var(--entete)}
.rsr.s-ch1{--rsr-pastille:var(--ch1,var(--coral))}
.rsr.s-ch2{--rsr-pastille:var(--ch2,var(--coral))}
.rsr.s-ch3{--rsr-pastille:var(--ch3,var(--ink))}
.rsr.s-ch4{--rsr-pastille:var(--ch4,var(--ink))}
.rsr.s-encre{--rsr-pastille:var(--ink)}
.rsr.s-aucune{--rsr-pastille:transparent}
.rsr.s-aucune .rsr-b,.rsr.s-aucune .rsr-b:hover{box-shadow:none}

body:has(.rsr) .pied{margin-top:0}
.rsr-in{max-width:var(--page-large,1560px);margin:0 auto;
  padding:0 clamp(20px,4.5vw,64px)}
.rsr-row{display:flex;justify-content:center;flex-wrap:wrap;
  gap:14px clamp(10px,1.8vw,22px);margin:0 0 var(--g22)}
.rsr-b{appearance:none;border:2px solid transparent;background:var(--rsr-pastille);
  width:82px;height:82px;border-radius:50%;padding:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.rsr-b svg{width:46px;height:46px;display:block}
.rsr-b:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.10)}

.rsr.a-ch1 .rsr-b[aria-selected="true"]{border-color:var(--ch1,var(--coral))}
.rsr.a-ch2 .rsr-b[aria-selected="true"]{border-color:var(--ch2,var(--coral))}
.rsr.a-ch3 .rsr-b[aria-selected="true"]{border-color:var(--ch3,var(--ink))}
.rsr.a-ch4 .rsr-b[aria-selected="true"]{border-color:var(--ch4,var(--ink))}
.rsr.a-encre .rsr-b[aria-selected="true"]{border-color:var(--rsr-encre)}
.rsr.a-blanc .rsr-b[aria-selected="true"]{border-color:#fff}
.rsr.a-aucune .rsr-b[aria-selected="true"]{border-color:transparent}

.rsr.a-aucune .rsr-b[aria-selected="true"]{transform:translateY(-3px)}
.rsr-b:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(max-width:560px){.rsr-b{width:64px;height:64px}.rsr-b svg{width:36px;height:36px}}

.rsr-txt{min-height:4.4em;overflow:hidden}
.rsr-t{margin:0;font-size:var(--t-xl,20px);font-weight:650;letter-spacing:-.01em}

.rsr-d{margin:6px 0 0;font-size:var(--t-md,15px);
  color:color-mix(in srgb,currentColor 66%,transparent)}
.rsr-d:empty{display:none}
.rsr-anim .rsr-t{animation:rsr-venir .42s cubic-bezier(.22,.72,.25,1) both}
.rsr-anim .rsr-d{animation:rsr-venir .42s cubic-bezier(.22,.72,.25,1) .07s both}
@keyframes rsr-venir{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}
.rsr-dots{display:flex;justify-content:center;gap:0;margin-top:var(--g20)}
.rsr-dot{width:8px;height:8px;border-radius:50%;padding:0;border:0;cursor:pointer;
  background:color-mix(in srgb,currentColor 26%,transparent);
  transition:background .2s ease,transform .2s ease}
.rsr-dot[aria-current="true"]{background:color-mix(in srgb,currentColor 62%,transparent);transform:scale(1.15)}
.rsr-dot:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.rsr-sr{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  .rsr-anim .rsr-t,.rsr-anim .rsr-d{animation:none}
  .rsr-b{transition:border-color .01s}
  .rsr-b:hover{transform:none}
}


.rsr-dot{position:relative;margin:0 8px}
.rsr-dot::before{content:"";position:absolute;inset:-8px}