.gd-demo{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:300px;height:190px;position:relative}@media (pointer:coarse){.gd-demo{display:none}}.gd-demo--overlay{z-index:3;width:auto;max-width:none;height:auto;margin:0;position:absolute;inset:-14px 9%}.gd-boite{opacity:0;background:#2e6bd61a;border:2px solid #2e6bd6;border-radius:4px;animation:5s forwards gd-boite;position:absolute;inset:0}.gd-boite i{background:#0f2f5f;border:2px solid #2e6bd6;width:8px;height:8px;position:absolute}.gd-boite i:first-child{top:-5px;left:-5px}.gd-boite i:nth-child(2){top:-5px;right:-5px}.gd-boite i:nth-child(3){bottom:-5px;left:-5px}.gd-boite i:nth-child(4){bottom:-5px;right:-5px}@keyframes gd-boite{0%,15%{opacity:0}22%,68%{opacity:1}92%,to{opacity:0}}.gd-cursor{z-index:2;opacity:0;align-items:flex-start;display:flex;position:absolute;top:50%;left:50%}.gd-demo--typing .gd-cursor{animation:5s forwards gd-cursor-b}.gd-demo--selection .gd-cursor{animation:5s forwards gd-cursor-a;top:100%;left:62%}.gd-cursor svg{filter:drop-shadow(0 4px 10px #00000059);flex:none;width:20px;height:24px}@keyframes gd-cursor-a{0%{opacity:0;transform:translate(28px,-6px)scale(1)}30%{opacity:1;transform:translate(0)scale(1)}60%{opacity:1;transform:translate(-22px,18px)scale(1)}65%{opacity:1;transform:translate(-22px,18px)scale(.95)}70%{opacity:1;transform:translate(-22px,18px)scale(1)}85%{opacity:1;transform:translate(-32px,28px)scale(1)}to{opacity:0;transform:translate(-32px,28px)scale(1)}}@keyframes gd-cursor-b{0%{opacity:0;transform:translate(108px,45px)scale(1)}30%{opacity:1;transform:translate(22px,8px)scale(1)}60%{opacity:1;transform:translate(-68px,-32px)scale(1)}65%{opacity:1;transform:translate(-68px,-32px)scale(.95)}70%{opacity:1;transform:translate(-68px,-32px)scale(1)}85%{opacity:1;transform:translate(-80px,-14px)scale(1)}to{opacity:0;transform:translate(-80px,-14px)scale(1)}}.gd-etiquette{color:#0f2f5f;background:#f5a623;border-radius:2px 10px 10px;width:max-content;max-width:250px;margin:12px 0 0 -4px;padding:.5rem .7rem;font-size:.72rem;font-weight:600;line-height:1.4;box-shadow:0 10px 24px #0000004d}.gd-carte{text-align:left;background:#0f1f38;border:1px solid #ffffff1a;border-radius:3px 14px 14px;width:210px;margin:10px 0 0 -4px;padding:.85rem .95rem;box-shadow:0 16px 34px #00000073}.gd-entete{font-family:var(--data,"DM Mono", monospace);letter-spacing:.16em;text-transform:uppercase;color:#3ddbc0;font-size:.6rem}.gd-entete b{color:#f5a623;font-weight:600}.gd-ligne{color:#ffffffd9;margin-top:.65rem;font-size:.86rem;display:block}.gd-fantome{color:#fff6;animation:5s forwards gd-fantome}@keyframes gd-fantome{0%,64%{opacity:1}68%,to{opacity:0}}.gd-ligne-demo{color:#fff;white-space:nowrap;border-right:2px solid #f5a623;width:0;margin-top:.65rem;font-size:.86rem;animation:5s forwards gd-frappe;overflow:hidden}@keyframes gd-frappe{0%,66%{width:0}94%,to{width:18ch}}.gd-filet{background:#ffffff1f;height:1px;margin:.75rem 0 .6rem}.gd-rappel{color:#f5a623;font-size:.7rem;line-height:1.4}@media (prefers-reduced-motion:reduce){.gd-cursor,.gd-boite,.gd-ligne-demo,.gd-fantome{animation:none!important}.gd-cursor{opacity:1;transform:none}.gd-boite{opacity:1}.gd-ligne-demo{border-right:0;width:18ch}.gd-fantome{display:none}}