.mockup{--mockup-width:var(--6eba3c39);--mockup-height:var(--4ebe5114);--mockup-ratio:var(--6e705e7e);--mockup-scale:1;aspect-ratio:var(--mockup-ratio);max-width:var(--mockup-width);overflow:hidden;position:relative;width:100%}.mockup .mockup__ratio{height:var(--mockup-height);left:0;position:absolute;top:0;transform:scale(var(--mockup-scale)) translateZ(0);transform-origin:top left;width:var(--mockup-width)}.mockup .mockup__canvas{height:100%;width:100%}