.diffuser-sheet{color:#0f172a;width:100%;max-width:100%;height:calc(100dvh - 84px);max-height:calc(100dvh - 84px);padding:0;padding-bottom:env(safe-area-inset-bottom);background:#fff;border:0;border-radius:24px 24px 0 0;margin:0;inset:auto 0 0;overflow:hidden;box-shadow:0 -12px 40px #0f172a40}.diffuser-sheet::backdrop{background:#0f172a8c}html:has(.diffuser-sheet[open]){overflow:hidden}@media (prefers-reduced-motion:no-preference){.diffuser-sheet[open]{animation:.28s cubic-bezier(.16,.68,.32,1) diffuser-sheet-in}.diffuser-sheet[open]::backdrop{animation:.28s diffuser-backdrop-in}}@keyframes diffuser-sheet-in{0%{transform:translateY(100%)}}@keyframes diffuser-backdrop-in{0%{opacity:0}}.diffuser-card[data-halo]{box-shadow:0 0 0 4px #2563eb59,0 18px 44px #0f172a1a}@media (prefers-reduced-motion:no-preference){.diffuser-fade{animation:.15s diffuser-fade-in}.diffuser-card[data-halo]{animation:1.2s ease-out diffuser-halo}}@keyframes diffuser-fade-in{0%{opacity:0}}@keyframes diffuser-halo{0%{box-shadow:0 0 #2563eb8c,0 18px 44px #0f172a1a}30%{box-shadow:0 0 0 8px #2563eb59,0 18px 44px #0f172a1a}}.diffuser-page :is(a,button,summary,[tabindex="0"]):focus-visible{outline-offset:3px;outline:3px solid #2563eb73}.diffuser-page #rejoindre :focus-visible{outline-color:#fff}