.remove-color[data-v-f2c574be]{background-color:#fff;right:-2px;top:-2px;z-index:2;border-radius:2px;box-shadow:0 2px 5px #809ebf40;display:none}.remove-color svg[data-v-f2c574be]{height:8px;width:8px}.input-circle-wrapper:hover .remove-color[data-v-f2c574be]{display:flex}.type-color-wrapper input[type=color][data-v-f2c574be]{visibility:hidden}.add-button[data-v-f2c574be]{width:100%;color:#fff;margin-top:15px;font-size:14px;height:28px;border-radius:4px;background-color:#396fff;transition:.1s;display:flex;align-items:center;justify-content:center}.add-button[data-v-f2c574be]:hover{background-color:#3566ec}.simple-color-custom[data-v-f2c574be]{background-color:#fbfbfb;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #eee;display:flex;flex-direction:column}.simple-color-add[data-v-f2c574be]{font-size:14px;font-weight:500;color:#396fff}.simple-color-add span[data-v-f2c574be]{text-underline-offset:5px}.simple-color-add:hover span[data-v-f2c574be]{text-decoration:underline}.text-input[data-v-f2c574be]{margin-left:7px;width:100%;border:1px solid #c1c1c1;height:22px;text-indent:4px;border-radius:4px}.range-input-wrapper[data-v-f2c574be]{width:100%;height:6px;margin-left:10px;display:flex;align-items:center;border-radius:5px;background-size:8px 8px;background-position:0 0,4px 4px;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%)}.range-input[data-v-f2c574be]{margin:0;appearance:none;cursor:pointer;width:100%;height:6px;border-radius:5px;outline:none;position:relative;z-index:1}.range-input[data-v-f2c574be]:before{content:"";background-color:#fbfbfb}.range-input[data-v-f2c574be]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;width:12px;height:12px;background:#fff;border:1px solid #98a2b0;cursor:pointer}.range-input[data-v-f2c574be]::-moz-range-thumb{border-radius:50%;width:12px;height:12px;background:#fff;border:1px solid #98a2b0;cursor:pointer}.input-circle-grid[data-v-f2c574be]{display:grid;grid-gap:7px;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.simple-color-input[data-v-f2c574be]{width:max-content;position:relative;display:flex;align-items:center;font-size:14px;font-weight:500;color:#323030}.simple-color-modal[data-v-f2c574be]{border-radius:10px;position:absolute;box-shadow:0 4px 10px #6a6e7759;z-index:9999;top:0;background-color:#fff;max-width:220px}.input-circle[data-v-f2c574be]{width:28px;height:28px;border-radius:50%;border:1px solid transparent;cursor:pointer;outline-offset:2px;outline:transparent none 2px;transition:outline .1s!important;position:relative}.input-circle.small[data-v-f2c574be]{width:20px;height:20px}.input-circle[data-v-f2c574be]:before,.input-circle[data-v-f2c574be]:after{width:100%;height:100%;inset:0;z-index:0;border-radius:50%;content:"";position:absolute}.input-circle[data-v-f2c574be]:after{background-color:var(--bg);z-index:1}.input-circle[data-v-f2c574be]:before{background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%);background-size:8px 8px;background-position:0 0,4px 4px}.input-circle.active[data-v-f2c574be]{outline-style:dashed}.input-circle.white[data-v-f2c574be]{border:1px solid #d8d8d8;outline-color:#d3d3d3!important}.input-circle.cursor-pointer[data-v-f2c574be]{cursor:pointer}.input-circle[data-v-f2c574be]:active:before{content:none}