.dlp-demo{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.dlp-demo>label,.dlp-demo fieldset{color:var(--dl-ink-2);border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;font-size:13px;display:flex}.dlp-demo legend{margin-bottom:6px;padding:0}.dlp-demo textarea.dl-input{resize:vertical;font-family:inherit}.dlp-demo-wide{grid-column:1/-1}.dlp-demo-seg{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.dlp-demo-seg label{border:1px solid var(--dl-hairline-2);border-radius:var(--dl-radius-sm);background:var(--dl-surface);color:var(--dl-ink-2);cursor:pointer;justify-content:center;align-items:center;padding:9px 6px;font-size:13px;display:flex}.dlp-demo-seg label.is-on{border-color:var(--dl-ink);color:var(--dl-ink)}.dlp-demo-seg input{opacity:0;width:0;height:0;position:absolute}.dlp-demo-seg label:focus-within{outline:2px solid var(--dl-ink);outline-offset:2px}.dlp-err{color:var(--dl-neg-text,#7a1f10);letter-spacing:0;text-transform:none}.dlp-hp{opacity:0;pointer-events:none;width:0;height:0;position:absolute;left:-9999px}@media (max-width:767px){.dlp-demo{grid-template-columns:1fr}}
.dl-modal{background:var(--dl-surface);width:min(720px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--dl-ink);border:0;border-radius:12px;margin:auto;padding:0;position:fixed;inset:0;overflow:auto;box-shadow:0 0 0 .5px #00000014,0 24px 80px #0000001f}.dl-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000052}.dl-modal[open]{animation:.22s cubic-bezier(.22,1,.36,1) dl-modal-in}@keyframes dl-modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.dl-modal[open]{animation:none}}.dl-modal-in{padding:28px 32px 32px}.dl-modal-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.dl-modal-head p{max-width:460px;margin-top:6px}.dl-modal-x{background:var(--dl-fill-2);width:32px;height:32px;color:var(--dl-ink);cursor:pointer;border:0;border-radius:50%;flex:none;font-size:20px;line-height:1}.dl-modal-x:hover{background:var(--dl-fill-3)}.dl-modal-x:focus-visible{outline:2px solid var(--dl-ink-solid);outline-offset:2px}@media (max-width:767px){.dl-modal-in{padding:20px 16px 24px}}