.bascule-tarifs{border:1px solid var(--bord);background:var(--surface-haute);border-radius:9999px;grid-template-columns:1fr 1fr;max-width:100%;padding:4px;display:inline-grid;position:relative}.bascule-indicateur{top:4px;bottom:4px;background:var(--surface);width:calc(50% - 4px);box-shadow:var(--ombre-douce), 0 0 0 1px color-mix(in oklab, var(--menthe) 55%, transparent);pointer-events:none;border-radius:9999px;position:absolute;inset-inline-start:4px}.bascule-tarifs[data-actif=recharge] .bascule-indicateur{box-shadow:var(--ombre-douce), 0 0 0 1px color-mix(in oklab, var(--dore) 70%, transparent);transform:translate(100%)}[dir=rtl] .bascule-tarifs[data-actif=recharge] .bascule-indicateur{transform:translate(-100%)}.bascule-tarifs a:focus-visible{outline:2px solid var(--menthe-fonce);outline-offset:2px}.section-abonnement{border-color:color-mix(in oklab, var(--menthe) 35%, transparent);background:linear-gradient(180deg, var(--menthe-pale), color-mix(in oklab, var(--menthe-pale) 30%, var(--fond)))}.section-recharge{border-color:color-mix(in oklab, var(--dore) 45%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--dore-clair) 45%, var(--fond)), var(--fond))}.section-tarifs h2:focus-visible{outline:2px solid var(--menthe-fonce);outline-offset:4px;border-radius:.5rem}.pastille-offre{letter-spacing:.14em;text-transform:uppercase;border-radius:9999px;align-items:center;width:fit-content;padding:.2rem .75rem;font-size:.7rem;font-weight:800;display:inline-flex}.pastille-abonnement{background:var(--surface);color:var(--menthe-fonce);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--menthe) 60%, transparent)}.pastille-recharge{background:var(--surface);color:var(--dore-fonce);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--dore) 70%, transparent)}.carte-tarif{cursor:pointer;-webkit-tap-highlight-color:transparent}.carte-tarif:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.carte-abonnement:before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), color-mix(in oklab, var(--menthe) 16%, transparent), transparent 70%)}.carte-recharge:before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%), color-mix(in oklab, var(--dore) 18%, transparent), transparent 70%)}.carte-tarif:hover:before,.carte-tarif:focus-visible:before{opacity:1}.carte-tarif:focus-visible{outline:3px solid var(--menthe-fonce);outline-offset:3px}.halo-pro{background:radial-gradient(closest-side,#2fd4a36b,#2fd4a31f 70%,#0000)}@property --angle-abonnement{syntax:"<angle>";inherits:false;initial-value:0deg}.cta-abonnement{isolation:isolate}.cta-abonnement:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--angle-abonnement), transparent 0deg 220deg, #fff 290deg, var(--menthe-fonce) 330deg, transparent 360deg);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.mention-abonnement{letter-spacing:.12em;text-transform:uppercase;opacity:.85;align-items:center;gap:.35rem;margin-top:.15rem;font-size:.65rem;font-weight:800;display:inline-flex}.point-abonnement{background:var(--nuit);pointer-events:none;border-radius:9999px;width:.4rem;height:.4rem}.fm-panneau.fenetre-tarif{width:min(100%,26rem)}.detail-abonnement .bandeau-detail{background:linear-gradient(180deg, var(--menthe-pale), var(--surface))}.detail-recharge .bandeau-detail{background:linear-gradient(180deg, color-mix(in oklab, var(--dore-clair) 55%, var(--surface)), var(--surface))}@media (prefers-reduced-motion:no-preference){.bascule-indicateur{transition:transform .4s cubic-bezier(.3,.8,.2,1),box-shadow .4s}@keyframes halo-pro{0%,to{opacity:.5;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}.halo-pro{animation:3.2s ease-in-out infinite halo-pro}@keyframes tour-abonnement{to{--angle-abonnement:360deg}}.cta-abonnement:before{animation:3.5s linear infinite tour-abonnement}@keyframes point-abonnement{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.point-abonnement{animation:1.6s ease-in-out infinite point-abonnement}@media (hover:hover) and (pointer:fine){.carte-tarif{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out,box-shadow .3s}.carte-tarif:hover{box-shadow:var(--ombre-survol)}.carte-tarif .fleche-cta{transition:transform .2s;display:inline-block}.carte-tarif:hover .fleche-cta{transform:translate(4px)}[dir=rtl] .carte-tarif:hover .fleche-cta{transform:translate(-4px)}}}@media (prefers-reduced-motion:reduce){.cta-abonnement:before{background:linear-gradient(color-mix(in oklab, var(--menthe-fonce) 50%, transparent), color-mix(in oklab, var(--menthe-fonce) 50%, transparent))}}