.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}}.dlp-demo-more{font:inherit;color:var(--dl-ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;font-size:14px;text-decoration:underline;display:none}.dlp-demo-more span{color:var(--dl-ink-3);text-decoration:none}@media (max-width:767px){.dlp-demo{gap:12px}.dlp-demo>label,.dlp-demo fieldset{gap:5px;font-size:13px}.dlp-demo-seg label{min-height:44px;padding:0 4px;font-size:14px}.dlp-demo.is-compact .dlp-demo-more{display:block}.dlp-demo.is-compact:not(.is-more) .dlp-demo-opt{display:none}.dlp-demo.is-compact .dlp-demo-go{z-index:1;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--dl-surface);box-shadow:0 -1px 0 var(--dl-hairline);margin:4px -16px 0;position:sticky;bottom:0}.dlp-demo.is-compact .dlp-demo-go .dl-btn{height:48px;font-size:16px}.dlp-demo.is-compact .dlp-demo-go .dl-caption{display:none}}
.dl-modal{background:var(--dl-surface);text-align:left;width:min(720px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--dl-ink);border:0;border-radius:20px;outline:none;margin:auto;padding:0;font-size:16px;line-height:1.5;position:fixed;inset:0;overflow:auto;box-shadow:0 0 0 .5px #00000014,0 24px 80px #00000029}.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(12px)scale(.98)}to{opacity:1;transform:none}}.dl-modal::backdrop{animation:.22s dl-modal-fade}@keyframes dl-modal-fade{0%{opacity:0}}@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:36px;height:36px;color:var(--dl-ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;font-size:20px;line-height:1;display:grid}.dl-modal-x:hover{background:var(--dl-fill-3)}.dl-modal-x:focus-visible{outline:2px solid var(--dl-ink-solid);outline-offset:2px}.dl-modal-grab{display:none}@media (max-width:767px){.dl-modal{overscroll-behavior:contain;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:92dvh;margin:0;inset:auto 0 0}.dl-modal[open]{animation:.28s cubic-bezier(.22,1,.36,1) dl-sheet-in}.dl-modal-in{padding:8px 16px 0}.dl-modal-grab{background:var(--dl-fill-3);border-radius:2px;width:36px;height:4px;margin:0 auto 12px;display:block}.dl-modal-head{gap:12px;margin-bottom:16px}.dl-modal-head .dl-h2{font-size:22px}.dl-modal-head p{margin-top:4px;font-size:14px}.dl-modal-more{display:none}}@keyframes dl-sheet-in{0%{transform:translateY(100%)}to{transform:none}}