.rotate-and-scale[data-v-fe48faf0]{transition:all .2s ease}.rotate-and-scale[data-v-fe48faf0]:hover{transform:rotate(1deg) scale(1.05)}.db-icon[data-v-fe48faf0]{display:block;width:24px;height:24px}.rotate-and-scale[data-v-1ee67c6c]{transition:all .2s ease}.rotate-and-scale[data-v-1ee67c6c]:hover{transform:rotate(1deg) scale(1.05)}.db-dropdown-picker[data-v-1ee67c6c]{position:relative}.db-dropdown-picker__content[data-v-1ee67c6c]{position:absolute;top:100%;left:0;margin-top:6px;border-radius:4px;box-shadow:0 2px 8px #0000001a,inset 1px 1px #ffffff1a;background-color:#fff;transition:all .4s ease;z-index:100;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.db-dropdown-picker__content[data-v-1ee67c6c]:before{content:"";position:absolute;top:-6px;left:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.05))}.db-dropdown-picker__scroll[data-v-1ee67c6c]{padding:0 4px;max-height:200px;overflow:auto}.rotate-and-scale[data-v-f66fd93f],.db-mode-picker .db-icon[data-v-f66fd93f]{transition:all .2s ease}.rotate-and-scale[data-v-f66fd93f]:hover,.db-mode-picker .db-icon[data-v-f66fd93f]:hover{transform:rotate(1deg) scale(1.05)}.db-mode-picker .db-icon[data-v-f66fd93f]{cursor:pointer}.db-mode-picker__item[data-v-f66fd93f]{margin-top:4px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .4s ease;display:flex;align-items:center;justify-content:space-a}.db-mode-picker__item[data-v-f66fd93f]:hover{background-color:#f5f5f5}.db-mode-picker__item[data-v-f66fd93f]:last-child{margin-bottom:4px}.db-mode-picker__item.is-active[data-v-f66fd93f]{background-color:#f5f5f5}.rotate-and-scale[data-v-a7968ad7],.db-line-picker .db-icon[data-v-a7968ad7]{transition:all .2s ease}.rotate-and-scale[data-v-a7968ad7]:hover,.db-line-picker .db-icon[data-v-a7968ad7]:hover{transform:rotate(1deg) scale(1.05)}.db-line-picker .db-icon[data-v-a7968ad7]{cursor:pointer}.db-line-picker__item[data-v-a7968ad7]{margin-top:4px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .4s ease;display:flex;align-items:center;justify-content:space-a}.db-line-picker__item[data-v-a7968ad7]:hover{background-color:#f5f5f5}.db-line-picker__item[data-v-a7968ad7]:last-child{margin-bottom:4px}.db-line-picker__item>span[data-v-a7968ad7]{width:50px;font-size:14px}.db-line-picker__item>div[data-v-a7968ad7]{flex:1;display:flex;align-items:center;justify-content:center}.db-line-picker__item>div>div[data-v-a7968ad7]{border-radius:50%;background-color:red}.db-line-picker__item.is-active[data-v-a7968ad7]{background-color:#f5f5f5}.rotate-and-scale[data-v-0172a5c4],.db-color-picker[data-v-0172a5c4]{transition:all .2s ease}.rotate-and-scale[data-v-0172a5c4]:hover,.db-color-picker[data-v-0172a5c4]:hover{transform:rotate(1deg) scale(1.05)}.db-color-picker[data-v-0172a5c4]{padding:1px;width:22px;height:22px;cursor:pointer;border:2px solid #333;border-radius:4px;box-shadow:2px 2px #0003,inset 1px 1px #ffffff80;background-color:transparent;transform:rotate(-1deg)}.db-color-picker[data-v-0172a5c4]:hover{box-shadow:3px 3px #0003,inset 1px 1px #ffffff80}.db-color-picker[data-v-0172a5c4]::-webkit-color-swatch-wrapper{padding:0;border:none}.db-color-picker[data-v-0172a5c4]::-webkit-color-swatch{border:none;border-radius:2px;box-shadow:inset 1px 1px 2px #0003}.rotate-and-scale[data-v-a01c5123]{transition:all .2s ease}.rotate-and-scale[data-v-a01c5123]:hover{transform:rotate(1deg) scale(1.05)}.db-color-picker[data-v-a01c5123]{padding:0;width:24px;height:24px}.db-color-picker[data-v-a01c5123]::-webkit-color-swatch-wrapper{padding:4px}.rotate-and-scale[data-v-24e42a94],.db-draw-studio__toolbar .db-icon[data-v-24e42a94]{transition:all .2s ease}.rotate-and-scale[data-v-24e42a94]:hover,.db-draw-studio__toolbar .db-icon[data-v-24e42a94]:hover{transform:rotate(1deg) scale(1.05)}.db-draw-studio[data-v-24e42a94]{display:flex;gap:10px;width:fit-content}.db-draw-studio__canvas[data-v-24e42a94]{border-radius:8px;cursor:crosshair;touch-action:none}.db-draw-studio__toolbar[data-v-24e42a94]{padding:10px;border-radius:8px;display:flex;align-items:center;gap:10px}.db-draw-studio__toolbar .db-icon[data-v-24e42a94]{cursor:pointer}.db-draw-studio__toolbar .db-icon.is-disable[data-v-24e42a94]{cursor:not-allowed;opacity:.3}.db-draw-studio--top[data-v-24e42a94]{flex-direction:column}.db-draw-studio--right[data-v-24e42a94]{flex-direction:row-reverse}.db-draw-studio--right .db-draw-studio__toolbar[data-v-24e42a94]{flex-direction:column}.db-draw-studio--bottom[data-v-24e42a94]{flex-direction:column-reverse}.db-draw-studio--left[data-v-24e42a94]{flex-direction:row}.db-draw-studio--left .db-draw-studio__toolbar[data-v-24e42a94]{flex-direction:column}.rotate-and-scale,.db-draw-studio__toolbar .db-icon,.db-line-picker .db-icon,.db-color-picker,.db-mode-picker .db-icon{transition:all .2s ease}.rotate-and-scale:hover,.db-draw-studio__toolbar .db-icon:hover,.db-line-picker .db-icon:hover,.db-color-picker:hover,.db-mode-picker .db-icon:hover{transform:rotate(1deg) scale(1.05)}.db-mode-picker .db-icon{cursor:pointer}.db-mode-picker__item{margin-top:4px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .4s ease;display:flex;align-items:center;justify-content:space-a}.db-mode-picker__item:hover{background-color:#f5f5f5}.db-mode-picker__item:last-child{margin-bottom:4px}.db-mode-picker__item.is-active{background-color:#f5f5f5}.db-color-picker{padding:1px;width:22px;height:22px;cursor:pointer;border:2px solid #333;border-radius:4px;box-shadow:2px 2px #0003,inset 1px 1px #ffffff80;background-color:transparent;transform:rotate(-1deg)}.db-color-picker:hover{box-shadow:3px 3px #0003,inset 1px 1px #ffffff80}.db-color-picker::-webkit-color-swatch-wrapper{padding:0;border:none}.db-color-picker::-webkit-color-swatch{border:none;border-radius:2px;box-shadow:inset 1px 1px 2px #0003}.db-dropdown-picker{position:relative}.db-dropdown-picker__content{position:absolute;top:100%;left:0;margin-top:6px;border-radius:4px;box-shadow:0 2px 8px #0000001a,inset 1px 1px #ffffff1a;background-color:#fff;transition:all .4s ease;z-index:100;filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))}.db-dropdown-picker__content:before{content:"";position:absolute;top:-6px;left:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;filter:drop-shadow(0 -1px 1px rgba(0,0,0,.05))}.db-dropdown-picker__scroll{padding:0 4px;max-height:200px;overflow:auto}.db-icon{display:block;width:24px;height:24px}.db-line-picker .db-icon{cursor:pointer}.db-line-picker__item{margin-top:4px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .4s ease;display:flex;align-items:center;justify-content:space-a}.db-line-picker__item:hover{background-color:#f5f5f5}.db-line-picker__item:last-child{margin-bottom:4px}.db-line-picker__item>span{width:50px;font-size:14px}.db-line-picker__item>div{flex:1;display:flex;align-items:center;justify-content:center}.db-line-picker__item>div>div{border-radius:50%;background-color:red}.db-line-picker__item.is-active{background-color:#f5f5f5}.db-color-picker{padding:0;width:24px;height:24px}.db-color-picker::-webkit-color-swatch-wrapper{padding:4px}.db-draw-studio{display:flex;gap:10px;width:fit-content}.db-draw-studio__canvas{border-radius:8px;cursor:crosshair;touch-action:none}.db-draw-studio__toolbar{padding:10px;border-radius:8px;display:flex;align-items:center;gap:10px}.db-draw-studio__toolbar .db-icon{cursor:pointer}.db-draw-studio__toolbar .db-icon.is-disable{cursor:not-allowed;opacity:.3}.db-draw-studio--top{flex-direction:column}.db-draw-studio--right{flex-direction:row-reverse}.db-draw-studio--right .db-draw-studio__toolbar{flex-direction:column}.db-draw-studio--bottom{flex-direction:column-reverse}.db-draw-studio--left{flex-direction:row}.db-draw-studio--left .db-draw-studio__toolbar{flex-direction:column}