.public-demo28{color:#213d32;background:#edf2e8;border-radius:24px;margin:44px 0;padding:clamp(24px,5vw,64px)}.public-demo28-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:28px;display:flex}.public-demo28-heading>div>p{letter-spacing:.14em;font-size:10px;font-weight:750}.public-demo28-heading h2{letter-spacing:-.055em;margin:12px 0 0;font-size:clamp(30px,4vw,50px);line-height:1.08}.public-demo28-heading h2 em{font:400 1.04em Georgia,serif}.public-demo28-heading>p{max-width:47ch;margin:0;font-size:14px;line-height:1.8}.public-demo28-grid{grid-template-columns:280px minmax(0,1fr);gap:28px;display:grid}.public-demo28-controls{background:#f9fbf4;border:1px solid #ccd9c6;border-radius:16px;padding:22px}.public-demo28-controls label{margin-bottom:18px;font-size:12px;display:block}.public-demo28-controls input:not([type=checkbox]),.public-demo28-controls select{color:#1d3d30;width:100%;font:inherit;background:#fff;border:1px solid #c3d2bf;border-radius:7px;margin-top:7px;padding:10px;display:block}.public-demo28-controls .public-demo28-check{align-items:flex-start;gap:9px;line-height:1.7;display:flex}.public-demo28-check input{flex:none;margin-top:5px}.public-demo28-controls button{color:#f7faec;width:100%;min-height:45px;font:inherit;cursor:pointer;background:#1e5241;border:1px solid #1e5241;border-radius:8px;margin-bottom:9px;padding:11px;font-size:12px;font-weight:650}.public-demo28-controls button:disabled{opacity:.5;cursor:not-allowed}.public-demo28-controls>a{color:#285c43;text-underline-offset:4px;font-size:12px;font-weight:650;text-decoration:underline}.public-demo28-response{border-top:1px solid #d0ddc8;margin:20px 0;padding:20px 0}.public-demo28-response>*{display:block}.public-demo28-response small{letter-spacing:.1em;font-size:9px;font-weight:750}.public-demo28-response strong{letter-spacing:-.04em;margin:6px 0;font-size:25px}.public-demo28-response span,.public-demo28-response p,.public-demo28-note{color:#526f5b;font-size:11px;line-height:1.8}.public-demo28 .viewport28{margin:0}.public-demo28 details{margin:20px 0;font-size:12px}.public-demo28 summary{cursor:pointer;font-weight:650}.public-demo28 pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f9fcf5;border-radius:8px;max-height:320px;padding:15px;font:10px/1.65 monospace;overflow:auto}.public-demo28-error{color:#8c3b27;font-size:12px;line-height:1.7}.public-demo28 :focus-visible{outline-offset:3px;outline:3px solid #9d7330}html[data-studio-theme=dark] .public-demo28{color:#e3edde;background:#1f3a2e}html[data-studio-theme=dark] .public-demo28-controls,html[data-studio-theme=dark] .public-demo28 pre{color:#e3edde;background:#294838;border-color:#5b735c}html[data-studio-theme=dark] .public-demo28-note,html[data-studio-theme=dark] .public-demo28-response span,html[data-studio-theme=dark] .public-demo28-response p{color:#c4d8bb}html[data-studio-theme=dark] .public-demo28-controls>a{color:#d3e5b5}@media (max-width:900px){.public-demo28-grid{grid-template-columns:1fr}.public-demo28-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.public-demo28-heading{display:block}.public-demo28-heading>p{max-width:65ch;margin-top:20px}.public-demo28-response{border:0;margin:0;padding:0}}@media (max-width:550px){.public-demo28{border-radius:16px;padding:20px}.public-demo28-controls{display:block}.public-demo28-heading h2{font-size:33px}}