.brush-ninja-art-ninja{height:95vh;display:flex;flex-direction:column}.brush-ninja-art-ninja>div{max-height:100%;border-radius:0 0 var(--size-2) var(--size-2)}#canvas-container{position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),inset 0 5px 20px rgba(0,0,0,.1);border-radius:0 0 var(--size-2) var(--size-2)}#canvas-container[data-mode=pan] #canvas-wrapper:hover{cursor:grab}#canvas-wrapper{position:relative;width:100%}#canvas-wrapper canvas{position:absolute;image-rendering:pixelated}#canvas-wrapper #imageCanvas{pointer-events:none}#drawing-tools button.color-swatch{position:relative}#drawing-tools button.color-swatch:hover{transform:scale(1.3);z-index:2}#drawing-tools .tool-selected{outline:3px solid var(--color-blue-dark);outline-offset:var(--size-2)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background:url(/assets/drawing/icons/size-line.png) center center/88% 100% no-repeat;outline:0;padding:.4rem 0;margin:0;height:2rem}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;height:40px;width:10px;background:#000;border-radius:var(--size-1);border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:40px;width:10px;background:#000;border-radius:var(--size-1);border:none}button.color-swatch{width:2rem;height:2rem;border:none}button#color-picker,button.sticker-palette,button.tool-palette{position:relative;padding-right:1.5rem}button#color-picker:after,button.sticker-palette:after,button.tool-palette:after{content:"";position:absolute;top:50%;margin-top:-.25rem;right:0;width:0;height:0;border-left:.5rem solid transparent;border-right:.5rem solid transparent;border-top:.5rem solid currentColor;border-bottom:0 solid transparent}#picker-palette,#tool-palette{position:absolute;top:2.5rem;right:0;width:19rem;max-width:70vw;z-index:99}#tool-palette{right:auto;left:0}