canvas.glsl.svelte-1humrcv{width:100%;aspect-ratio:1;max-width:220px;max-height:220px;margin:auto;border:1px dotted var(--fox-background-color);color:#fff;cursor:crosshair}canvas.glsl.preview.svelte-1humrcv{max-height:calc(var(--compact-width) * .25);width:100%;margin-right:var(--preview-row-gap)}canvas.glsl.background.svelte-1humrcv{position:fixed;z-index:-99;top:0;left:0;height:100%;width:100%;border:none}@media (max-width: 768px){canvas.glsl.svelte-1humrcv{width:170px;height:170px}canvas.glsl.preview.svelte-1humrcv{max-height:calc(var(--shrink-card-img) * var(--compact-width) * .25);width:auto;margin-right:8px}canvas.glsl.in-editor.svelte-1humrcv{max-width:300px!important;max-height:300px!important}}div.code-block.svelte-1humrcv{display:none;position:fixed;min-width:100px;max-height:90vh;border:1px solid var(--fox-background-color);background-color:#fffffff2;padding:1em;max-width:480px;z-index:99;text-align:left}div.code-block.visible.svelte-1humrcv{display:block!important}div.code-block.svelte-1humrcv>:where(.svelte-1humrcv):first-child{margin-top:0}div.code-block.svelte-1humrcv>:where(.svelte-1humrcv):last-child{margin-bottom:0}div.code-block.svelte-1humrcv>pre:where(.svelte-1humrcv){white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden}button.edit.svelte-1humrcv{display:none;position:fixed}button.edit.visible.svelte-1humrcv{display:block!important;animation:svelte-1humrcv-dropdown var(--animation-time) linear forwards}@keyframes svelte-1humrcv-dropdown{0%{opacity:0;visibility:hidden;transform:translateY(-10px)}to{opacity:1;visibility:visible;transform:translateY(0)}}