.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%;background-color:#fff!important;background-image:linear-gradient(45deg,rgb(143.3785606228,147.2657528026,131.4114393772) 25%,transparent 25%,transparent 75%,rgb(143.3785606228,147.2657528026,131.4114393772) 75%,rgb(143.3785606228,147.2657528026,131.4114393772)),linear-gradient(45deg,rgb(143.3785606228,147.2657528026,131.4114393772) 25%,transparent 25%,transparent 75%,rgb(143.3785606228,147.2657528026,131.4114393772) 75%,rgb(143.3785606228,147.2657528026,131.4114393772));background-size:12px 12px;background-position:0 0,6px 6px;background-repeat:inherit}#canvas-wrapper:hover{background-color:#fff!important}#canvas-wrapper canvas{position:absolute;image-rendering:pixelated}#canvas-wrapper #imageCanvas{pointer-events:none}#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/images/paint-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}.color-swatch{width:2rem;height:2rem;position:relative;outline:#fff solid 2px;border-radius:2rem}.color-swatch:hover{transform:scale(1.3);z-index:2}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:17rem;max-width:70vw;z-index:99}#picker-palette button,#tool-palette button{border-radius:var(--size-1);padding:var(--size-2);font-size:30px;line-height:1}#picker-palette button:hover,#tool-palette button:hover{background:#000}#tool-palette{right:auto;left:0}