.color-picker[data-v-104e2235]{position:relative}.color-picker-panel[data-v-104e2235]{box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow-y:auto;position:fixed;width:280px;z-index:99999}.custom-scrollbar[data-v-104e2235]::-webkit-scrollbar{width:4px}.custom-scrollbar[data-v-104e2235]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-104e2235]::-webkit-scrollbar-thumb{background:#9696964d;border-radius:4px}.custom-scrollbar[data-v-104e2235]::-webkit-scrollbar-thumb:hover{background:#96969680}.spectrum[data-v-104e2235]{overflow:hidden;position:relative}.alpha-cursor[data-v-104e2235],.hue-cursor[data-v-104e2235],.spectrum-cursor[data-v-104e2235]{box-shadow:0 0 0 1px #0000004d,0 2px 4px #0003}.eyedropper-magnifier[data-v-104e2235],.eyedropper-preview[data-v-104e2235]{pointer-events:none}input[type=number][data-v-104e2235]::-webkit-inner-spin-button,input[type=number][data-v-104e2235]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number][data-v-104e2235]{-moz-appearance:textfield}body[data-v-1b398b4b] *{-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-v-1b398b4b]{--dislay-cursor-lazy-draw:auto}#cursor,.dot,.line{border-radius:100%;display:block;opacity:.5;pointer-events:none;position:absolute}.line{height:4px}.drawSvg .corner-selection{cursor:pointer}.drawSvg .selected-element,.drawSvg .selected-text{cursor:move;outline:2px dashed #3b82f6;outline-offset:4px}.drawSvg text{cursor:pointer}.drawSvg text:hover{outline:2px dashed #93c5fd;outline-offset:4px}@media only screen and (max-width:720px){*{--dislay-cursor-lazy-draw:none}.draw{display:flex;flex-direction:column;height:calc(100dvh - var(--height-top-menu));overflow-x:hidden;width:100%}.draw-flex{flex:1;flex-direction:column-reverse!important;min-height:0;width:100%}.canvas{flex:1!important;height:auto!important;min-height:0}.drawSvg{box-sizing:border-box;height:100%!important;top:0;width:100%}#cursor{display:none}.draw-toolbar{border-left:none!important;flex-shrink:0;margin-top:0;overflow-x:auto;padding:8px 4px!important;position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%}.allColors{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:0;width:100%}.allColors>hr{display:none}.allColors>ul{flex-direction:row!important;flex-wrap:wrap;gap:4px!important;justify-content:center!important}.lineColor li{flex-shrink:0;margin-top:0!important}}