.colors-component[data-v-414ecc4d]{display:inline-block;width:100%}.color-trigger[data-v-414ecc4d]{width:100%;height:40px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s}[dir] .color-trigger[data-v-414ecc4d]{border-radius:6px;border:2px solid #d8d6de;cursor:pointer;background-color:#e4e4e4;background-size:8px 8px}[dir=ltr] .color-trigger[data-v-414ecc4d]{background-image:linear-gradient(45deg,#fff 25%,transparent 0),linear-gradient(-45deg,#fff 25%,transparent 0),linear-gradient(45deg,transparent 75%,#fff 0),linear-gradient(-45deg,transparent 75%,#fff 0);background-position:0 0,0 4px,4px -4px,-4px 0}[dir=rtl] .color-trigger[data-v-414ecc4d]{background-image:linear-gradient(-45deg,#fff 25%,transparent 0),linear-gradient(45deg,#fff 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#fff 0),linear-gradient(45deg,transparent 75%,#fff 0);background-position:100% 0,100% 4px,4px -4px,-4px 0}[dir] .color-trigger[data-v-414ecc4d]:hover{border-color:var(--primaryColor,#7367f0)}.color-box[data-v-414ecc4d]{width:100%;height:100%;position:absolute;top:0}[dir] .color-box[data-v-414ecc4d]{border-radius:4px}[dir=ltr] .color-box[data-v-414ecc4d]{left:0}[dir=rtl] .color-box[data-v-414ecc4d]{right:0}.alpha-indicator[data-v-414ecc4d]{position:absolute;bottom:2px;width:8px;height:8px}[dir] .alpha-indicator[data-v-414ecc4d]{background:#fff;border:1px solid #7367f0;border-radius:50%}[dir=ltr] .alpha-indicator[data-v-414ecc4d]{right:2px}[dir=rtl] .alpha-indicator[data-v-414ecc4d]{left:2px}[dir] .color-picker-container[data-v-414ecc4d]{padding:.5rem}[dir] .alpha-info[data-v-414ecc4d]{padding:.5rem;background:#f8f8f8;border-radius:4px;text-align:center}.gradient-builder[data-v-32fc76f3]{user-select:none}.angle-input[data-v-32fc76f3]{max-width:80px}.gradient-track-container[data-v-32fc76f3]{position:relative}[dir] .gradient-track-container[data-v-32fc76f3]{padding:12px 0}.gradient-track[data-v-32fc76f3]{position:relative;height:32px}[dir] .gradient-track[data-v-32fc76f3]{border-radius:6px;cursor:copy;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.gradient-stop[data-v-32fc76f3]{position:absolute;top:50%;z-index:10}[dir] .gradient-stop[data-v-32fc76f3]{cursor:grab;padding:4px;margin:-4px}[dir=ltr] .gradient-stop[data-v-32fc76f3]{transform:translate(-50%,-50%)}[dir=rtl] .gradient-stop[data-v-32fc76f3]{transform:translate(50%,-50%)}[dir] .gradient-stop[data-v-32fc76f3]:active{cursor:grabbing}.gradient-stop-handle[data-v-32fc76f3]{width:20px;height:20px;transition:transform .15s,box-shadow .15s}[dir] .gradient-stop-handle[data-v-32fc76f3]{border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2),inset 0 1px 2px rgba(0,0,0,.1)}[dir] .gradient-stop.active .gradient-stop-handle[data-v-32fc76f3],[dir] .gradient-stop:hover .gradient-stop-handle[data-v-32fc76f3]{transform:scale(1.2);box-shadow:0 3px 6px rgba(0,0,0,.3)}[dir] .gradient-stop.active .gradient-stop-handle[data-v-32fc76f3]{border-color:#7367f0;border-width:3px}[dir] .selected-stop-editor[data-v-32fc76f3]{border-radius:6px}.multicolor-trigger[data-v-59db118c]{user-select:none}[dir] .multicolor-trigger[data-v-59db118c]{cursor:pointer}.multicolor-preview[data-v-59db118c]{width:100%;height:2rem;display:flex;align-items:center;justify-content:center}[dir] .multicolor-preview[data-v-59db118c]{border-radius:.25rem;border:1px solid rgba(0,0,0,.15)}.multicolor-preview-empty[data-v-59db118c]{color:#888;font-size:.85rem}.multicolor-output[data-v-59db118c]{word-break:break-all}