.cp-swatches[data-v-537b9b8a]{display:flex;flex-wrap:wrap}.cp-swatches>div[data-v-537b9b8a]{box-sizing:border-box;position:relative}.cp-swatches .active-border[data-v-537b9b8a]:after{position:absolute;content:"";border:solid 2px #fff;width:77%;height:77%;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:inherit}.cp-swatches .active-yes[data-v-537b9b8a]:after{position:absolute;background-color:#f5f5f5;content:"";width:10%;height:30%;top:60%;left:50%;transform-origin:0 100%;transform:translate(-50%,-50%) rotate(-55deg);border-radius:5px 5px 0 0}.cp-swatches .active-yes[data-v-537b9b8a]:before{position:absolute;background-color:#f5f5f5;content:"";width:10%;height:50%;top:40%;left:45%;transform-origin:0 100%;transform:translate(-50%,-50%) rotate(35deg);border-radius:5px 5px 0 0}.cp-swatches .active-circle[data-v-537b9b8a]:after{position:absolute;background-color:#f5f5f5;content:"";width:35%;height:35%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.cp-swatches .active-square[data-v-537b9b8a]:after{position:absolute;background-color:#f5f5f5;content:"";width:30%;height:30%;top:50%;left:50%;transform:translate(-50%,-50%)}.cp-swatches .active-goly[data-v-537b9b8a]:after{position:absolute;content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #f5f5f5;top:calc(50% - 1px);left:50%;transform:translate(-50%,-50%)}.cp-swatches .active-love[data-v-537b9b8a]:before,.cp-swatches .active-love[data-v-537b9b8a]:after{position:absolute;content:"";left:50%;top:-5%;width:50%;height:80%;background:#f5f5f5;-moz-border-radius:50px 50px 0 0;border-radius:50px 50px 0 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg) scale(.5);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.cp-swatches .active-love[data-v-537b9b8a]:after{left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg) scale(.5);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}.line-box[data-v-537b9b8a]{width:100%;height:100%;position:absolute}.rotate-val[data-v-537b9b8a]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;z-index:1;font-size:1.5em}.line-box>div[data-v-537b9b8a]{transform-origin:center var(--014e0460);position:absolute;width:1px;left:50%;top:var(--73a7a4b4);height:var(--4578ab38)}.rotate-view[data-v-537b9b8a]{position:relative;width:100%;height:100%}.icon-defalut[data-v-537b9b8a]{width:100%;height:100%}.color-tip-value[data-v-537b9b8a]{background-color:#0fbbff;position:absolute;left:calc(50% - 6px);top:calc(-100% - 6px);font-size:.9em;color:#fff;padding:0 2px;border-radius:2px}.z-index-up[data-v-537b9b8a]{z-index:9}.color-tip-value[data-v-537b9b8a]:after{content:"";position:absolute;width:0;height:0;border-color:rgb(15,187,255) transparent transparent transparent;border-width:4px;border-style:solid;left:2px;top:100%}.set-color-bar[data-v-537b9b8a]{justify-content:start;gap:3px;width:auto}.cue-po[data-v-537b9b8a]{cursor:pointer}.cp-color-set>div[data-v-537b9b8a]{cursor:e-resize;position:absolute;width:var(--641088f6);height:var(--641088f6)}.cp-color-set[data-v-537b9b8a]{height:var(--55b3a1e7);width:var(--03254ae7);background-color:var(--d1b1f2ba);border-radius:2px;align-items:center;justify-content:center}.cp-color-bar[data-v-537b9b8a]{position:relative;justify-content:start;row-gap:1.2em;flex-direction:column}.scroll-color[data-v-537b9b8a]{justify-content:start;align-content:end}.cp-gradc-copy[data-v-537b9b8a]{width:var(--641088f6);height:var(--641088f6);position:absolute;z-index:1;top:5px;right:5px}.cp-color-set input[data-v-537b9b8a]{cursor:e-resize;border:none;outline:none;border-radius:50%;width:var(--641088f6);height:var(--641088f6);position:absolute}.cp-gradc input[type=color][data-v-537b9b8a]{border:solid var(--b78bb870)}.tip-txt[data-v-537b9b8a]{color:#686868;font-size:10px}.flex[data-v-537b9b8a]{display:flex}.show-demo[data-v-537b9b8a]{margin-bottom:1em;position:relative;border-radius:var(--7d84c3a3)}.gradc-select[data-v-537b9b8a]{width:var(--641088f6);height:var(--641088f6);border:none;outline:none;border-radius:50%;position:relative}.hover[data-v-537b9b8a]:hover{animation:.25s barhover-537b9b8a ease-in forwards}@keyframes barhover-537b9b8a{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1.2)}}.cp-gradc[data-v-537b9b8a] ::-webkit-color-swatch-wrapper{background-color:transparent;border-radius:50%}.cp-gradc[data-v-537b9b8a] ::-webkit-color-swatch{border:none;width:100%;position:absolute;height:100%;left:0;top:0;border-radius:50%}.rotate-close-set input[data-v-537b9b8a]{margin:0;-webkit-appearance:none;appearance:none;background-color:transparent}.rotate-close-set input[data-v-537b9b8a]::-webkit-slider-runnable-track{height:4px;background:#eee}.rotate-close-set input[data-v-537b9b8a]::-webkit-slider-container{height:20px;overflow:hidden}.rotate-close-set input[data-v-537b9b8a]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer;background-color:#f44336;border:1px solid transparent;margin-top:-8px;border-image:linear-gradient(#f44336,#f44336) 0 fill / 8 20 8 0 / 0px 0px 0 2000px}.rotate-close-set[data-v-537b9b8a]{justify-content:start;align-items:center;gap:8px}.copy-success[data-v-537b9b8a]{z-index:1;background-color:#000000bf;color:#fff;border-radius:3px;justify-content:center;align-items:center;width:130px;height:40px;position:fixed;left:50%;top:50%;transform:translate(-50%) translateY(-50%);letter-spacing:.1em;gap:10px;transition:ease-in .5s}.copy-success svg[data-v-537b9b8a]{height:100%;width:25px;height:25px}.show[data-v-537b9b8a]{overflow:visible}.hide[data-v-537b9b8a]{visibility:hidden}.color-box[data-v-537b9b8a]{display:flex;gap:3px}.set-color[data-v-537b9b8a]{border:none;outline:none;border-radius:var(--7d84c3a3);width:100%;height:100%}.colors-pick[data-v-537b9b8a]{justify-content:start;flex-direction:column;gap:5px}.colors-pick input[data-v-537b9b8a]{position:relative;border:solid var(--b78bb870);border-radius:var(--7d84c3a3)}.colors-pick input[data-v-537b9b8a]::-webkit-color-swatch-wrapper{background-color:transparent;border:none}.colors-pick input[data-v-537b9b8a]::-webkit-color-swatch{border:none;position:absolute;border-radius:var(--7d84c3a3);width:100%;height:100%;left:0;top:0}.copy[data-v-537b9b8a]{width:5em;display:flex;justify-content:center;align-items:center}.copy[data-v-537b9b8a]:hover{color:var(--77a3210f)}.copy svg[data-v-537b9b8a]{width:10px;height:10px}.active[data-v-537b9b8a]:active{opacity:.5}.disabled[data-v-537b9b8a],.colors-pick input[disabled][data-v-537b9b8a],.swat-disabled[data-v-537b9b8a]{cursor:no-drop!important;opacity:.35}.swat-disabled[data-v-537b9b8a]:after{content:"";position:absolute;width:100%;height:1px;transform:translate(-50%,-50%) rotate(-45deg);top:50%;left:50%;background-color:red}.swat-disabled[data-v-537b9b8a]:before{content:"";position:absolute;width:100%;height:100%;left:-1px;top:-1px;border:solid 1px rgb(255,0,0);border-radius:inherit}