.demo-viewport-module__dj4Q2W__viewport{container-type:inline-size}.demo-viewport-module__dj4Q2W__box{--demo-width:380px;--demo-height:470px;position:relative;overflow:hidden}@container (min-width:540px){.demo-viewport-module__dj4Q2W__box{--demo-width:680px;--demo-height:430px}}.demo-viewport-module__dj4Q2W__canvas{width:var(--demo-width);height:var(--demo-height)}@supports (width:calc(1cqw * tan(atan2(1px, 1px)))){.demo-viewport-module__dj4Q2W__box{--demo-scale:min(1.1, tan(atan2(100cqw, var(--demo-width))));width:calc(var(--demo-width) * var(--demo-scale));height:calc(var(--demo-height) * var(--demo-scale));margin-inline:auto}.demo-viewport-module__dj4Q2W__canvas{transform-origin:0 0;scale:var(--demo-scale);position:absolute;top:0;left:0}}