.vitrine .dr-demo-lien{display:inline-flex;align-items:center;gap:6px;margin-top:14px;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--estompe);text-decoration:none;border-bottom:1px solid var(--trait-fort);padding:0 0 2px;cursor:pointer;transition:var(--transition)}.vitrine .dr-demo-lien:hover{color:var(--emeraude-fonce);border-bottom-color:var(--emeraude)}.vitrine .dr-demo-sur-sombre .btn-outline{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.06)}.vitrine .dr-demo-sur-sombre .btn-outline:hover{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.14);color:#fff}.dr-demo-voile{position:fixed;inset:0;background:none;z-index:2100;display:grid;place-items:center;padding:20px}.dr-demo-fond{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:rgba(12,20,17,.55);backdrop-filter:blur(3px);animation:dr-demo-fondu .2s ease-out}@keyframes dr-demo-fondu{0%{opacity:0}to{opacity:1}}@keyframes dr-demo-monte{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.dr-demo-panneau{position:relative;width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--papier);border:1px solid var(--trait);border-radius:20px;padding:30px 30px 26px;box-shadow:0 30px 70px -20px rgba(12,20,17,.35);animation:dr-demo-monte .26s cubic-bezier(.22,1,.36,1)}.dr-demo-panneau h3{margin:0 0 8px;font-size:24px;letter-spacing:-.02em;color:var(--encre)}.dr-demo-intro{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--estompe)}.dr-demo-croix{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--trait);border-radius:10px;background:var(--creme);color:var(--estompe);cursor:pointer;transition:var(--transition)}.dr-demo-croix:hover{color:var(--encre);border-color:var(--trait-fort)}.dr-demo-grille{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dr-demo-champ{display:block;margin-bottom:14px}.dr-demo-grille .dr-demo-champ{margin-bottom:0}.dr-demo-champ>span{display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--encre)}.dr-demo-champ>span i{color:var(--emeraude);font-style:normal}.dr-demo-champ input,.dr-demo-champ select,.dr-demo-champ textarea{width:100%;padding:11px 13px;font:inherit;font-size:14px;color:var(--encre);background:var(--creme);border:1px solid var(--trait);border-radius:11px;outline:none;resize:vertical;transition:var(--transition)}.dr-demo-champ input:focus,.dr-demo-champ select:focus,.dr-demo-champ textarea:focus{border-color:var(--emeraude);background:var(--papier);box-shadow:0 0 0 3px var(--emeraude-voile)}.dr-demo-champ:has(textarea){margin-top:14px}.dr-demo-champ input[type=date],.dr-demo-champ select{height:42px;min-height:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dr-demo-champ select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%236B7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}.dr-demo-creneau{margin-top:14px}.dr-demo-erreur{margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.5;color:#8a2b2b;background:#fdf1f1;border:1px solid #f2d6d6;border-radius:10px}.dr-demo-envoi{width:100%;margin-top:4px}.dr-demo-envoi[disabled]{opacity:.6;cursor:progress}.dr-demo-note{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--estompe);text-align:center}.dr-demo-fait{text-align:center;padding:14px 0 6px}.dr-demo-fait p{margin:0 auto 22px;max-width:42ch;font-size:14px;line-height:1.65;color:var(--estompe)}.dr-demo-coche{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 16px;border-radius:50%;color:var(--emeraude-fonce);background:var(--emeraude-voile)}@media (max-width:560px){.dr-demo-panneau{padding:24px 18px 20px;border-radius:18px}.dr-demo-grille{grid-template-columns:1fr}.dr-demo-creneau{grid-template-columns:1.25fr 1fr;gap:10px}.dr-demo-panneau h3{font-size:21px}.dr-demo-voile{padding:12px;align-items:flex-end}.dr-demo-panneau{max-height:calc(100dvh - 24px)}.dr-demo-champ input,.dr-demo-champ select,.dr-demo-champ textarea{font-size:16px}}.vitrine button.btn-primaire{color:#fff}