.communityCanvas{gap:var(--spacing-xs);flex-direction:column;width:100%;display:flex}.communityCanvas .canvasWrapper{border-radius:var(--radius-md);background:var(--background);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain;-webkit-touch-callout:none;outline:none;width:100%;position:relative;overflow:hidden}.communityCanvas .canvasWrapper:focus,.communityCanvas .canvasWrapper:focus-visible{outline:none}.communityCanvas .canvasWrapper canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}.canvasPreview{gap:var(--spacing-xs);border-radius:var(--radius-md);background:var(--background);flex-direction:column;width:100%;display:flex;overflow:hidden}.canvasPreview canvas{border-radius:var(--radius-md);image-rendering:pixelated;image-rendering:crisp-edges;display:block}.canvasUserSelectPopover{padding:0}.canvasUserSelectPopover .blocksCount{color:var(--primary);font-size:var(--font-lg);align-items:baseline;gap:.25em;font-weight:200;line-height:100%;display:inline-flex;position:absolute;top:0;right:0;transform:translate(-50%,-65%)rotate(-8deg)}.canvasUserSelectPopover .blocksCount h3{color:var(--text);font-size:var(--font-xl);font-weight:300}.canvasUserSelectPopover .popover{justify-content:center;align-items:center;display:flex}