.demo-frame{container-type:inline-size}.demo-frame__reserve{width:100%;max-width:var(--demo-w);aspect-ratio:var(--demo-ar);margin-inline:auto}@container (max-width:559px){[data-compact-below="560"]>.demo-frame__reserve{max-width:var(--demo-w-compact,var(--demo-w));aspect-ratio:var(--demo-ar-compact,var(--demo-ar))}}@container (max-width:399px){[data-compact-below="400"]>.demo-frame__reserve{max-width:var(--demo-w-compact,var(--demo-w));aspect-ratio:var(--demo-ar-compact,var(--demo-ar))}}