.demo-overlay.demo-overlay{background:rgba(10,18,40,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.demo-overlay.demo-overlay[data-state=open]{animation:demo-fade-in .2s ease forwards}.demo-overlay.demo-overlay[data-state=closed]{animation:demo-fade-out .15s ease forwards}.demo-dialog.demo-dialog{--demo-blue:#2c64f6;--demo-blue-deep:#1f4fd1;--demo-ink:#101828;--demo-ink-2:#3c4658;--demo-ink-3:#667085;--demo-line:rgba(16,24,40,0.14);--demo-paper-2:#f5f7fb;--demo-ease:cubic-bezier(0.16,1,0.3,1);width:calc(100% - 32px);max-width:580px;max-height:92vh;overflow-y:auto;gap:0;padding:28px 28px 24px;border:1px solid rgba(16,24,40,.08);border-radius:20px;background:#fff;color:var(--demo-ink);box-shadow:0 30px 80px rgba(10,18,40,.28);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transform-origin:center}.demo-dialog.demo-dialog[data-state=open]{animation:demo-in .22s var(--demo-ease) forwards}.demo-dialog.demo-dialog[data-state=closed]{animation:demo-out .15s var(--demo-ease) forwards}@keyframes demo-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes demo-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + 4px)) scale(.98)}}@keyframes demo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes demo-fade-out{0%{opacity:1}to{opacity:0}}.demo-dialog.demo-dialog>button:last-child{top:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--demo-paper-2);color:var(--demo-ink-2);opacity:1;cursor:pointer;transition:background-color .16s,transform .16s var(--demo-ease)}.demo-dialog.demo-dialog>button:last-child:hover{background:#e9edf5;color:var(--demo-ink)}.demo-dialog.demo-dialog>button:last-child:active{transform:scale(.94)}.demo-dialog.demo-dialog>button:last-child:focus-visible{outline:2px solid var(--demo-blue);outline-offset:2px;box-shadow:none}.demo-title.demo-title{margin:0 40px 0 0;font:600 26px/1.15 Poppins,sans-serif;letter-spacing:-.02em;color:var(--demo-ink)}.demo-desc.demo-desc{margin:8px 0 0;font:400 15px/1.5 Poppins,sans-serif;color:var(--demo-ink-3);max-width:46ch}.demo-form{display:flex;flex-direction:column;gap:16px;margin-top:22px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-field{display:flex;flex-direction:column;gap:6px;min-width:0}.demo-label{font:500 14px/1.3 Poppins,sans-serif;color:var(--demo-ink)}.demo-label small{font-weight:400;color:var(--demo-ink-3)}.demo-input,.demo-select{width:100%;height:46px;padding:0 14px;border:1px solid var(--demo-line);border-radius:12px;background:#fff;font:400 15px/1.2 Poppins,sans-serif;color:var(--demo-ink);outline:none;transition:border-color .16s,box-shadow .16s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.demo-select{padding-right:40px;background-image:linear-gradient(45deg,transparent 50%,var(--demo-ink-3) 50%),linear-gradient(135deg,var(--demo-ink-3) 50%,transparent 50%);background-position:calc(100% - 20px) 20px,calc(100% - 15px) 20px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.demo-input:focus,.demo-select:focus{border-color:var(--demo-blue);box-shadow:0 0 0 3px rgba(44,100,246,.18)}.demo-input[aria-invalid=true]{border-color:#d92d20}.demo-error{margin:0;font-size:12.5px;color:#b42318}.demo-section{display:flex;flex-direction:column;gap:8px;padding-top:6px}.demo-section-title{font:500 14px/1.3 Poppins,sans-serif;color:var(--demo-ink)}.demo-chips{display:flex;flex-wrap:wrap;gap:8px}.demo-chip{position:relative;display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--demo-line);border-radius:999px;background:#fff;font:500 14px/1 Poppins,sans-serif;color:var(--demo-ink);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .14s,border-color .14s,color .14s,transform .14s var(--demo-ease)}.demo-chip:active{transform:scale(.97)}.demo-chip input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.demo-chip:has(input:checked){border-color:var(--demo-blue);background:#eef3ff;color:var(--demo-blue-deep)}.demo-chip:has(input:focus-visible){outline:2px solid var(--demo-blue);outline-offset:2px}@media (hover:hover) and (pointer:fine){.demo-chip:hover{background:var(--demo-paper-2)}.demo-chip:has(input:checked):hover{background:#e3ebff}}.demo-submit{width:100%;height:50px;margin-top:4px;border:0;border-radius:999px;background:var(--demo-blue);color:#fff;font:600 15.5px/1 Poppins,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .16s var(--demo-ease),background-color .16s}.demo-submit:hover{background:var(--demo-blue-deep)}.demo-submit:active{transform:scale(.98)}.demo-submit:disabled{opacity:.7;cursor:progress}.demo-submit:focus-visible{outline:2px solid var(--demo-blue);outline-offset:3px}.demo-foot{margin:0;text-align:center;font:400 12.5px/1.4 Poppins,sans-serif;color:var(--demo-ink-3)}@media (max-width:560px){.demo-dialog.demo-dialog{padding:24px 20px 20px;border-radius:18px}.demo-grid{grid-template-columns:1fr}.demo-title.demo-title{font-size:23px}}@media (prefers-reduced-motion:reduce){.demo-dialog.demo-dialog[data-state=closed],.demo-dialog.demo-dialog[data-state=open],.demo-overlay.demo-overlay[data-state=closed],.demo-overlay.demo-overlay[data-state=open]{animation-duration:1ms}}@media (prefers-reduced-transparency:reduce){.demo-overlay.demo-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(10,18,40,.6)}}.demo-done{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding-top:4px}.demo-done-mark{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:18px;border-radius:999px;background:#ebf2ff;color:var(--demo-blue)}.demo-done-desc.demo-done-desc{max-width:44ch}.demo-done-desc strong{font-weight:600;color:var(--demo-ink)}.demo-done .demo-submit{margin-top:24px;text-decoration:none}.demo-done .demo-foot{align-self:stretch;margin-top:12px}.demo-done .demo-foot a{color:var(--demo-blue);text-decoration:none}