gp-designer 1.0.17 → 1.0.18

package/dist/style.css

@@ -1,4 +1,4 @@
-/*!
+.upload-wrapper[data-v-dcbfe0e5]{max-width:500px}.file-list[data-v-dcbfe0e5]{max-height:300px;overflow-y:auto}[contenteditable=true][data-v-7c5fe475]:focus{outline:none}[contenteditable=true][data-v-7c5fe475]{outline:none}.custom-checkbox[data-v-68b8f276]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-68b8f276]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-68b8f276]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label[data-v-68b8f276]{line-height:1.2;font-size:14px;color:#4b5563}.gp-message[data-v-56476f4c]{z-index:1000;transition:all .3s ease;max-width:300px}.message-content[data-v-56476f4c]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px}.close-btn[data-v-56476f4c]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-56476f4c],.fade-leave-active[data-v-56476f4c]{transition:opacity .3s}.fade-enter-from[data-v-56476f4c],.fade-leave-to[data-v-56476f4c]{opacity:0}.border[data-v-b077a796]{border:1px solid #ccc}.custom-checkbox[data-v-b077a796]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-b077a796]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-b077a796]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}/*!
  * Cropper.js v1.6.2
  * https://fengyuanchen.github.io/cropperjs
  *
@@ -6,4 +6,4 @@
  * Released under the MIT license
  *
  * Date: 2024-04-21T07:43:02.731Z
- */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}[contenteditable=true][data-v-d7202776]:focus{outline:none}[contenteditable=true][data-v-d7202776]{outline:none}.custom-checkbox[data-v-68b8f276]{width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-68b8f276]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-68b8f276]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-label[data-v-68b8f276]{line-height:1.2;font-size:14px;color:#4b5563}.gp-message[data-v-56476f4c]{z-index:1000;transition:all .3s ease;max-width:300px}.message-content[data-v-56476f4c]{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #00000026;font-size:14px}.close-btn[data-v-56476f4c]{background:none;border:none;color:#4b5563;cursor:pointer;margin-left:10px;line-height:1;padding:0}.fade-enter-active[data-v-56476f4c],.fade-leave-active[data-v-56476f4c]{transition:opacity .3s}.fade-enter-from[data-v-56476f4c],.fade-leave-to[data-v-56476f4c]{opacity:0}.border[data-v-1a7da1b9]{border:1px solid #ccc}.custom-checkbox[data-v-1a7da1b9]{width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:all .2s ease}.custom-checkbox[data-v-1a7da1b9]:checked{border-color:#3b82f6;background-color:#3b82f6}.custom-checkbox[data-v-1a7da1b9]:checked:after{content:"✓";color:#fff;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-area[data-v-d5a99c59]{transition:width .1s ease}.resizer[data-v-d5a99c59]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-6{top:-1.5rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.z-10{z-index:10}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-16{width:4rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[200px\]{width:200px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.max-w-\[600px\]{max-width:600px}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,\.7\)\],.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.before{position:relative;overflow:hidden}.before img{position:absolute}.resize-area[data-v-1f5b54a3]{transition:width .1s ease}.resizer[data-v-1f5b54a3]{width:6px;background:#f0f0f0;cursor:col-resize;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-4{top:1rem}.z-10{z-index:10}.z-\[99999\]{z-index:99999}.m-2{margin:.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.contents{display:contents}.hidden{display:none}.h-12{height:3rem}.h-20{height:5rem}.h-5{height:1.25rem}.h-\[100vh\]{height:100vh}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.h-\[40px\]{height:40px}.h-auto{height:auto}.h-full{height:100%}.max-h-\[500px\]{max-height:500px}.w-12{width:3rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-\[100vw\]{width:100vw}.w-\[110px\]{width:110px}.w-\[200px\]{width:200px}.w-\[270px\]{width:270px}.w-\[300px\]{width:300px}.w-\[640px\]{width:640px}.w-\[700px\]{width:700px}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-none{flex:none}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#DEDEDE\]{--tw-border-opacity: 1;border-color:rgb(222 222 222 / var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.bg-\[\#474AFF\]{--tw-bg-opacity: 1;background-color:rgb(71 74 255 / var(--tw-bg-opacity))}.bg-\[\#f4f8ff\]{--tw-bg-opacity: 1;background-color:rgb(244 248 255 / var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.7\)\]{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity: .5}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pr-\[70px\]{padding-right:70px}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-thin{font-weight:100}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity))}.text-\[\#666\]{--tw-text-opacity: 1;color:rgb(102 102 102 / var(--tw-text-opacity))}.text-\[\#999\]{--tw-text-opacity: 1;color:rgb(153 153 153 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity))}.opacity-0{opacity:0}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}

package/dist/topic/001.css

@@ -3969,7 +3969,7 @@ font-size: 70px;
 position: absolute;
 top: 50%;
 left: 130px;
-transform: translateY(-50%);
+
 }
 .you_shi .owl-stage .owl-item .module101 {
 text-align: left;
@@ -3990,8 +3990,7 @@ width: 200px;
 margin-top: 8px;
 }
 .you_shi .owl-stage .owl-item:hover {
-transform: translateY(-10px);
-box-shadow: 0px 60px 100px 0px rgba(188, 188, 188, 0.4);
+
 }
 .you_shi .owl-stage:after {
 content: "";
@@ -4005,7 +4004,7 @@ width: 376px;
 .you_shi.you_shi3 .owl-stage .owl-item .iconfont {
 color: #1F81FF;
 font-size: 52px;
-position: absolute;
+/* position: absolute; */
 top: 50%;
 left: 40px;
 transform: translateY(-50%);

package/dist/topic/003.html

@@ -1,9 +1,28 @@
-<div data-id="001">
-    <div>标题</div> 
-    <div>描述</div>
-    <div class="flex flex-row items-center">
-        <div>块1</div> 
-        <div>块2</div> 
-        <div>块3</div> 
+<div class="subject">
+    <div class="subject_tit">
+        课程<span class="tit_color calc_color"><span class="tit_color calc_color" style="color: rgb(53, 116, 230); fill: rgb(53, 116, 230);">介绍</span></span>
+    </div>
+    <div class="subject_tit_lab">
+        专注教育，我们更值得信赖
+    </div>
+    <div class="subject_contents2">
+        <div class="subject_banner">
+            <img src="template/img/about_us_banners.png" alt=""/>
+        </div>
+        <div class="subject_content1">
+            <div class="subject_type">
+                <span style="color: rgb(127, 127, 127);">英语启蒙教育</span>
+            </div>
+            <div class="subject_type_ys pl_0">
+                <p>
+                    <span style="color: rgb(127, 127, 127);">清楚掌握高考复读学校优劣，为您定制个性化选校方案
+						精准匹配最优学校，帮助多名学员找到满意院校
+						多维度分析和渠道数据，全方位业务决策支持</span>
+                </p>
+            </div>
+            <div class="subject_type_button">
+                <button class="calc_bcg">在线咨询</button>
+            </div>
+        </div>
     </div>
 </div>

package/dist/topic/huanjing-x3.html

@@ -0,0 +1,60 @@
+<section>
+  <div id="" class="huan_jing huan_jing3">
+      <div class="goodSchool_title">
+          <span style="font-size: 50px;"><strong>学校<span class="tit_color calc_color" style="color: rgb(53, 116, 230); fill: rgb(53, 116, 230);">环境</span></strong></span>
+      </div>
+      <div class="goodSchool_subtitle">
+          名校毕业，平均五年以上教龄，教学生动有趣
+      </div>
+      <div class="goodSchool_clearfix baguetteBoxTwo">
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+          <div class="rollImg">
+              <a href="template/img/huanjing1.png" class="data-at"><img src="template/img/huanjing1.png" alt=""/></a>
+              <div class="model_mask">
+                  课后小组讨论学习
+              </div>
+          </div>
+      </div>
+  </div>
+</section>

package/dist/topic/shizi-x1-9.html

@@ -0,0 +1,136 @@
+<section>
+  <div id="" class="Faculty Faculty3">
+    <div class="goodSchool_title">
+      <strong
+        ><span style="font-size: 50px"
+          >师资<span
+            class="tit_color calc_color"
+            style="color: rgb(53, 116, 230); fill: rgb(53, 116, 230)"
+            >力量</span
+          ></span
+        ></strong
+      >
+    </div>
+    <div class="goodSchool_subtitle">
+      名校毕业，平均五年以上教龄，教学生动有趣
+    </div>
+    <div class="goodSchool_clearfix">
+      <div class="fullmeasureTopForms">
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <span class="iconfont icon-a-tongzhi text-4xl"></span>
+            <span class="iconfont icon-a-tongzhi text-4xl"></span>
+            <span class="iconfont icon-a-tongzhi text-4xl"></span>
+            <span class="icon_tit">专业指导</span>
+            <span class="icon_desc"
+              >十多个十多个的说说得好帝国时代搞得死鬼打火锅是的话</span
+            >
+          </div>
+          <div class="floatText_J">
+            <div class="p1">吴先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi4.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">周先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi5.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">彭先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi5.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">彭先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi5.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">彭先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi5.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">彭先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi5.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">彭先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi5.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">彭先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+        <div class="f-pcModulePic">
+          <div class="floatImg_J">
+            <img src="template/img/shizi5.png" />
+          </div>
+          <div class="floatText_J">
+            <div class="p1">彭先生</div>
+            <div class="second">语文老师</div>
+            <div class="p2">
+              注重基础知识间的联系，将主要知识点和题型总结成简练的知识模块，化繁为简，提高学习效率化繁为简，提高学习效率。
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

package/dist/topic/youshi-x3.html

@@ -0,0 +1,53 @@
+<div class="us_ys">
+  <div class="us_ys_tit">
+    我们的<span class="ys_tit_color calc_color">优势</span>
+  </div>
+  <div class="us_ys_tit_lab">名校毕业，平均五年以上教龄，教学生动有趣</div>
+  <!-- 3 -->
+  <div class="us_contents">
+    <div class="us_content">
+      <div class="us_icon_list us_box_shadow_ms show_maker">
+        <svg class="icon calc_color iconfont tit_color icon-kecheng " style="color: #1f81ff" aria-hidden="true">
+          <use
+            xlink:href="#icon-shoucang"
+            class="calc_color"
+            fill="#1f81ff"
+          ></use>
+        </svg>
+        <div class="us_subject">为您定制课程</div>
+        <div class="us_subject_label">
+          听学习问题，了解您的学习短板 规划优质高效的学习方案
+        </div>
+      </div>
+      <div class="us_icon_list us_box_shadow_ms show_maker">
+        <svg class="icon calc_color" style="color: #1f81ff" aria-hidden="true">
+          <use
+            xlink:href="#icon-sousuo"
+            class="calc_color"
+            fill="#1f81ff"
+          ></use>
+        </svg>
+        <div class="us_subject">为您定制课程</div>
+        <div class="us_subject_label">
+          听学习问题，了解您的学习短板 规划优质高效的学习方案
+        </div>
+      </div>
+      <div
+        class="us_icon_list show_maker us_box_shadow_ms"
+        style="transition: all 0.25s linear 0s; transform: translateY(0px)"
+      >
+        <svg class="icon calc_color" style="color: #1f81ff" aria-hidden="true">
+          <use
+            xlink:href="#icon-zuanshi"
+            class="calc_color"
+            fill="#1f81ff"
+          ></use>
+        </svg>
+        <div class="us_subject">为您定制课程</div>
+        <div class="us_subject_label">
+          听学习问题，了解您的学习短板 规划优质高效的学习方案
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

package/dist/topic/youshi-x6.html

@@ -0,0 +1,66 @@
+<section>
+  <div id="" class="you_shi you_shi3">
+    <div class="goodSchool_title">我们的优势</div>
+    <div class="goodSchool_subtitle">
+      名校毕业，平均五年以上教龄，教学生动有趣
+    </div>
+    <div class="goodSchool_clearfix">
+      <div class="owl-stage">
+        <div class="owl-item">
+          <span class="iconfont tit_color icon-kecheng"></span>
+          <div class="module101">
+            <div class="avatar-name">英语学习APP</div>
+            <div class="richWrapper">
+              大数据个性化学习资源平台 学习轨迹和进步可视化
+            </div>
+          </div>
+        </div>
+        <div class="owl-item">
+          <span class="iconfont tit_color icon-genzong"></span>
+          <div class="module101">
+            <div class="avatar-name">MAS英语测评体系</div>
+            <div class="richWrapper">
+              英语评估语言/能力/思维 对学习轨迹一目了然
+            </div>
+          </div>
+        </div>
+        <div class="owl-item">
+          <span class="iconfont tit_color icon-1v1"></span>
+          <div class="module101">
+            <div class="avatar-name">英语团队研发教材</div>
+            <div class="richWrapper">
+              携手美国国家地理学习 合作研发Explore教材
+            </div>
+          </div>
+        </div>
+        <div class="owl-item">
+          <span class="iconfont tit_color icon-huizhang"></span>
+          <div class="module101">
+            <div class="avatar-name">英语团队研发教材</div>
+            <div class="richWrapper">
+              携手美国国家地理学习 合作研发Explore教材
+            </div>
+          </div>
+        </div>
+        <div class="owl-item">
+          <span class="iconfont tit_color icon-bichi"></span>
+          <div class="module101">
+            <div class="avatar-name">英语团队研发教材</div>
+            <div class="richWrapper">
+              携手美国国家地理学习 合作研发Explore教材
+            </div>
+          </div>
+        </div>
+        <div class="owl-item">
+          <span class="iconfont tit_color icon-huojian"></span>
+          <div class="module101">
+            <div class="avatar-name">英语团队研发教材</div>
+            <div class="richWrapper">
+              携手美国国家地理学习 合作研发Explore教材
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

package/dist/types/components/ElementRenderer.vue.d.ts

@@ -18,6 +18,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<"edit" | "preview" | "design">;
         default: string;
     };
+    /**
+     * 裁剪弹窗
+     */
+    cropper: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    /**
+     * 图标弹窗
+     */
+    icon: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    /**
+     * 随机渲染值，值变化时重新渲染
+     */
+    r: {
+        type: StringConstructor;
+        required: false;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectElement: (...args: any[]) => void;
     hoverElement: (...args: any[]) => void;
@@ -44,6 +65,27 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<"edit" | "preview" | "design">;
         default: string;
     };
+    /**
+     * 裁剪弹窗
+     */
+    cropper: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    /**
+     * 图标弹窗
+     */
+    icon: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    /**
+     * 随机渲染值，值变化时重新渲染
+     */
+    r: {
+        type: StringConstructor;
+        required: false;
+    };
 }>> & Readonly<{
     onSelectElement?: (...args: any[]) => any;
     onHoverElement?: (...args: any[]) => any;

package/dist/types/components/GpCropperModal/index.vue.d.ts

@@ -1,3 +1,4 @@
+import { IElement } from '../Model';
 /**
  * 图片裁剪的大小和比例
  */
@@ -6,7 +7,7 @@ export type IOptParams = {
     height?: number;
     width?: number;
 };
-declare function handleOpenCropper(optPars?: IOptParams, file?: any, orgName?: string): void;
+declare function handleOpenCropper(optPars?: IOptParams, file?: any, orgName?: string, element?: IElement): void;
 declare function handleCloseCropper(): void;
 declare const _default: import('vue').DefineComponent<{}, {
     handleCloseCropper: typeof handleCloseCropper;

package/dist/types/components/GpImageUpload.vue.d.ts

@@ -0,0 +1,51 @@
+export interface UploadFile {
+    uid: string;
+    name: string;
+    status: "uploading" | "done" | "error" | "removed";
+    url?: string;
+    thumbUrl?: string;
+}
+export interface UploadProps {
+    accept?: string;
+    multiple?: boolean;
+    maxCount?: number;
+    beforeUpload?: (file: File) => boolean | Promise<File>;
+    onChange?: (fileList: UploadFile[]) => void;
+}
+declare const _default: import('vue').DefineComponent<{
+    accept?: string;
+    multiple?: boolean;
+    maxCount?: number;
+    beforeUpload?: (file: File) => boolean | Promise<File>;
+    onChange?: (fileList: UploadFile[]) => void;
+}, {
+    inputRef: import('vue').Ref<HTMLInputElement, HTMLInputElement>;
+    fileList: import('vue').Ref<{
+        uid: string;
+        name: string;
+        status: "uploading" | "done" | "error" | "removed";
+        url?: string;
+        thumbUrl?: string;
+    }[], UploadFile[] | {
+        uid: string;
+        name: string;
+        status: "uploading" | "done" | "error" | "removed";
+        url?: string;
+        thumbUrl?: string;
+    }[]>;
+    triggerInput: () => void;
+    handleChange: (event: Event) => Promise<void>;
+    removeFile: (uid: string) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    accept?: string;
+    multiple?: boolean;
+    maxCount?: number;
+    beforeUpload?: (file: File) => boolean | Promise<File>;
+    onChange?: (fileList: UploadFile[]) => void;
+}> & Readonly<{}>, {
+    multiple: boolean;
+    accept: string;
+    maxCount: number;
+    showList: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/GpMessage.vue.d.ts

@@ -55,8 +55,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     type: "error" | "success" | "info" | "warning";
+    icon: boolean;
     position: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
     duration: number;
-    icon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;