.canvas-list[data-v-87dd2cd4]{width:100%}.canvas-list .canvas-wrap[data-v-87dd2cd4]{border:1px dashed #00000029;border-radius:4px;height:345px;position:relative;overflow:hidden}.canvas-list .canvas-wrap.canvas-mask[data-v-87dd2cd4]:after{content:"";z-index:5;width:100%;height:calc(100% - 40px);position:absolute;top:0;left:0}.canvas-list .canvas-wrap .btns-outer[data-v-87dd2cd4]{background:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:4px;width:100%;height:40px;padding:8px;position:absolute;bottom:0;left:0;overflow:hidden;box-shadow:0 0 10px #0000001a,0 0 1px #0000000f}.canvas-list .canvas-wrap .btns-outer .scroll-btns[data-v-87dd2cd4]{height:100%;position:relative;overflow:hidden}.canvas-list .canvas-wrap .btns-outer .btns[data-v-87dd2cd4]{will-change:transform;white-space:nowrap;display:flex}.canvas-list .canvas-wrap .btns-outer .btns .btn[data-v-87dd2cd4]{height:24x;color:#2d3541;cursor:pointer;text-align:center;white-space:nowrap;word-break:break-all;border-radius:4px;padding:0 16px;font-size:12px;line-height:24px;display:inline-block}.canvas-list .canvas-wrap .btns-outer .btns .btn.active[data-v-87dd2cd4]{color:#212121;background:#f4f4f4}.m-canvas-container[data-v-87dd2cd4]{width:calc(100% + 5px);height:calc(100% - 40px);position:relative;top:0;left:-5px}.m-canvas-container canvas~div[data-v-87dd2cd4]{display:none}.m-canvas-container[data-v-87dd2cd4] canvas{width:100%!important;height:100%!important}@media screen and (width<=767px){.canvas-list .canvas-wrap[data-v-87dd2cd4]{height:300px}.canvas-list .canvas-wrap .btns .btn[data-v-87dd2cd4]{padding:0 8px;font-size:12px}}