/* falling-sand demo */

#sand-canvas {
    touch-action: none;   /* drawing must not scroll the page */
    cursor: crosshair;
    image-rendering: pixelated;
}

.sand-palette .mat {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.sand-palette .mat i {
    width: 12px;
    height: 12px;
    border-radius: 3px;
}

.sand-palette .mat.active {
    border-color: #f0883e;
    color: #f0883e;
}