.canvas-container{width:var(--canvas-width)!important;height:var(--canvas-height)!important}.hcc-canvas{border:1px solid var(--hover);position:relative}.hcc-canvas canvas{position:relative;width:var(--canvas-width)!important;height:var(--canvas-height)!important}.hcc-canvas .hcc-tool{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:5px;border-radius:4px;display:flex;align-items:center}.hcc-canvas .hcc-tool-item{border-radius:4px;padding:5px;display:inline-block;cursor:pointer;font-size:18px;line-height:1}.hcc-canvas .hcc-tool-item.active,.hcc-canvas .hcc-tool-item:hover{background-color:var(--hover)}.hcc-canvas .hcc-tool-item.disabled{cursor:not-allowed;opacity:.5}.hcc-canvas .hcc-tool-item+.hcc-tool-item{margin-left:5px}.hcc-canvas .hcc-tool .square:before{content:"";display:block;width:18px;height:18px;border-radius:4px;border:1px solid #fff}.hcc-canvas .hcc-tool .circle:before{content:"";display:block;width:18px;height:18px;border-radius:50%;border:1px solid #fff}