.try{--demo-w: min(1240px, calc(100vw - 48px) );--fit-w: min(var(--demo-w), 900px);--demo-h: clamp(calc(var(--fit-w) * .6223), max(calc(var(--demo-w) * .625), calc(var(--fit-w) * .72)), min(820px, calc(100vh - 56px) ));width:var(--demo-w);margin:0 auto 1rem;min-height:var(--demo-h)}@supports (height: 100svh){.try{--demo-h: clamp(calc(var(--fit-w) * .6223), max(calc(var(--demo-w) * .625), calc(var(--fit-w) * .72)), min(820px, calc(100svh - 56px) ))}}.demo-frame{width:100%;height:var(--demo-h)}.demo-frame.preview{pointer-events:none;user-select:none;-webkit-user-select:none}.demo-caption{color:var(--muted);font-size:13px;text-align:center}.phone-note{display:none}@media(hover:none)and (pointer:coarse)and (max-width:700px),(hover:none)and (pointer:coarse)and (max-height:500px){.phone-note{display:block}}@media(max-width:48rem){.site-header{flex-wrap:wrap}.demo-caption{order:3;flex-basis:100%}.try{--demo-w: calc(100vw - 2rem) }}