main.svelte-11ssct{text-align:center;padding:1em;max-width:600px;display:flex}.flex-max.svelte-11ssct{flex:1 0;height:300px}#matrix.svelte-11ssct{margin:0 auto;padding:8px;background:white;z-index:2}#matrix-grid.svelte-11ssct{margin-top:50px;padding:20px;border-left:1px solid black;border-right:1px solid black;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:4px 20px;grid-template-areas:". . ."
        ". . ."
        ". . ."}input.svelte-11ssct{width:100%}#canvas.svelte-11ssct{border:1px solid black;position:relative;z-index:0}#image.svelte-11ssct{position:absolute;top:90px;left:90px;width:100px;height:100px;transform:matrix3d(
            var(--m11), var(--m21), 0, var(--m31),
            var(--m12), var(--m22), 0, var(--m32),
            0, 0, 1, 0,
            var(--m13), var(--m23), 0, 1
        );background-image:url("../swistak.png");z-index:1}