@innoways/form-generator 3.0.0

package/dist/index.css

@@ -0,0 +1,1083 @@
+/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */
+
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+
+/*
+Document
+========
+*/
+
+/**
+Use a better box model (opinionated).
+*/
+
+*,
+::before,
+::after {
+  box-sizing: border-box;
+}
+
+/**
+Use a more readable tab size (opinionated).
+*/
+
+/**
+1. Correct the line height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+*/
+
+/*
+Sections
+========
+*/
+
+/**
+Remove the margin in all browsers.
+*/
+
+/**
+Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+*/
+
+/*
+Grouping content
+================
+*/
+
+/**
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+*/
+
+/*
+Text-level semantics
+====================
+*/
+
+/**
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+/**
+Add the correct font weight in Edge and Safari.
+*/
+
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the odd 'em' font sizing in all browsers.
+*/
+
+/**
+Add the correct font size in all browsers.
+*/
+
+/**
+Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
+*/
+
+/*
+Tabular data
+============
+*/
+
+/**
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+*/
+
+/*
+Forms
+=====
+*/
+
+/**
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+*/
+
+/**
+Remove the inheritance of text transform in Edge and Firefox.
+1. Remove the inheritance of text transform in Firefox.
+*/
+
+/**
+Correct the inability to style clickable types in iOS and Safari.
+*/
+
+/**
+Remove the inner border and padding in Firefox.
+*/
+
+::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+Restore the focus styles unset by the previous rule.
+*/
+
+/**
+Remove the additional ':invalid' styles in Firefox.
+See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
+*/
+
+/**
+Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
+*/
+
+/**
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+/**
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+/**
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to 'inherit' in Safari.
+*/
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/*
+Interactive
+===========
+*/
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+/**
+ * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
+ * A thin layer on top of normalize.css that provides a starting point more
+ * suitable for web applications.
+ */
+
+/**
+ * Removes the default spacing and border for appropriate elements.
+ */
+
+/**
+ * Tailwind custom reset styles
+ */
+
+/**
+ * 1. Use the user's configured `sans` font-family (with Tailwind's default
+ *    sans-serif font stack as a fallback) as a sane default.
+ * 2. Use Tailwind's default "normal" line-height so the user isn't forced
+ *    to override it to ensure consistency even when using the default theme.
+ */
+
+/**
+ * Inherit font-family and line-height from `html` so users can set them as
+ * a class directly on the `html` element.
+ */
+
+/**
+ * 1. Prevent padding and border from affecting element width.
+ *
+ *    We used to set this in the html element and inherit from
+ *    the parent element for everything else. This caused issues
+ *    in shadow-dom-enhanced elements like <details> where the content
+ *    is wrapped by a div with box-sizing set to `content-box`.
+ *
+ *    https://github.com/mozdevs/cssremedy/issues/4
+ *
+ *
+ * 2. Allow adding a border to an element by just adding a border-width.
+ *
+ *    By default, the way the browser specifies that an element should have no
+ *    border is by setting it's border-style to `none` in the user-agent
+ *    stylesheet.
+ *
+ *    In order to easily add borders to elements by just setting the `border-width`
+ *    property, we change the default border-style for all elements to `solid`, and
+ *    use border-width to hide them instead. This way our `border` utilities only
+ *    need to set the `border-width` property instead of the entire `border`
+ *    shorthand, making our border utilities much more straightforward to compose.
+ *
+ *    https://github.com/tailwindcss/tailwindcss/pull/116
+ */
+
+*,
+::before,
+::after {
+  box-sizing: border-box; /* 1 */
+  border-width: 0; /* 2 */
+  border-style: solid; /* 2 */
+  border-color: currentColor; /* 2 */
+}
+
+/*
+ * Ensure horizontal rules are visible by default
+ */
+
+/**
+ * Undo the `border-style: none` reset that Normalize applies to images so that
+ * our `border-{width}` utilities have the expected effect.
+ *
+ * The Normalize reset is unnecessary for us since we default the border-width
+ * to 0 on all elements.
+ *
+ * https://github.com/tailwindcss/tailwindcss/issues/362
+ */
+
+/**
+ * Override legacy focus reset from Normalize with modern Firefox focus styles.
+ *
+ * This is actually an improvement over the new defaults in Firefox in our testing,
+ * as it triggers the better focus styles even for links, which still use a dotted
+ * outline in Firefox by default.
+ */
+
+/**
+ * Reset links to optimize for opt-in styling instead of
+ * opt-out.
+ */
+
+/**
+ * Reset form element properties that are easy to forget to
+ * style explicitly so you don't inadvertently introduce
+ * styles that deviate from your design system. These styles
+ * supplement a partial reset that is already applied by
+ * normalize.css.
+ */
+
+/**
+ * Use the configured 'mono' font family for elements that
+ * are expected to be rendered with a monospace font, falling
+ * back to the system monospace stack if there is no configured
+ * 'mono' font family.
+ */
+
+/**
+ * 1. Make replaced elements `display: block` by default as that's
+ *    the behavior you want almost all of the time. Inspired by
+ *    CSS Remedy, with `svg` added as well.
+ *
+ *    https://github.com/mozdevs/cssremedy/issues/14
+ * 
+ * 2. Add `vertical-align: middle` to align replaced elements more
+ *    sensibly by default when overriding `display` by adding a
+ *    utility like `inline`.
+ *
+ *    This can trigger a poorly considered linting error in some
+ *    tools but is included by design.
+ * 
+ *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
+ */
+
+/**
+ * Constrain images and videos to the parent width and preserve
+ * their intrinsic aspect ratio.
+ *
+ * https://github.com/mozdevs/cssremedy/issues/14
+ */
+
+/**
+ * Ensure the default browser behavior of the `hidden` attribute.
+ */
+
+*, ::before, ::after {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+}
+
+@-webkit-keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@-webkit-keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@keyframes ping {
+  75%, 100% {
+    transform: scale(2);
+    opacity: 0;
+  }
+}
+
+@-webkit-keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+@-webkit-keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
+            animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: none;
+    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
+            animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
+            animation-timing-function: cubic-bezier(0.8,0,1,1);
+  }
+
+  50% {
+    transform: none;
+    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
+            animation-timing-function: cubic-bezier(0,0,0.2,1);
+  }
+}
+
+*, ::before, ::after {
+  --tw-shadow: 0 0 #0000;
+}
+
+*, ::before, ::after {
+  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+}
+
+.ant-popover-inner-content {
+  padding: 5px !important;
+}
+
+@media (min-width: 640px) {
+}
+
+@media (min-width: 768px) {
+}
+
+@media (min-width: 1024px) {
+}
+
+@media (min-width: 1280px) {
+}
+
+@media (min-width: 1536px) {
+}
+
+/* purgecss start ignore */
+
+.drip-form-generator * {
+    font-size: 13px;
+  }
+
+.index-module_body__29bDX {
+  display: flex;
+}
+
+.index-module_body__29bDX > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-x-reverse: 0;
+  border-right-width: calc(1px * var(--tw-divide-x-reverse));
+  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
+  --tw-divide-opacity: 1;
+  border-color: rgba(243, 244, 246, var(--tw-divide-opacity));
+}
+
+.index-module_body__29bDX {
+  position: relative;
+  height: calc(100vh - 52px);
+  overflow: hidden;
+  min-width:1024px;
+}
+
+.index-module_drip_form_generator__1laN5 {
+  overflow-x:auto;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_header__239p4 {
+  height: 50px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1.25rem;
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  border-bottom: 1px solid #eee;
+  min-width: 1024px;
+}
+
+.index-module_logo__1kTSE {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.5rem;
+  line-height: 2rem;
+  font-weight: 600;
+}
+
+.index-module_btncontainer__3zhVm {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+}
+
+.index-module_btn__35V_G {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 0.5rem;
+  border-width: 1px;
+  border-style: solid;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+.index-module_text__2gaKN {
+  --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgba(75, 85, 99, var(--tw-text-opacity));
+}
+
+.index-module_text__2gaKN:hover {
+    color: var(--ant-primary-5);
+    border-color: var(--ant-primary-5);
+  }
+
+.index-module_primary__3wWZt {
+  --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
+  border-color: var(--ant-primary-5);
+  background-color: var(--ant-primary-5);
+}
+
+.index-module_primary__3wWZt:hover {
+    background-color: var(--ant-primary-4);
+    border-color: var(--ant-primary-3);
+  }
+
+.index-module_ico__1GpMw {
+  margin-right: 0.5rem;
+  height: 1.75rem;
+  width: 1.75rem;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.rightSideBarGlobal .object-container .object-container__collapse-custom {
+        margin-bottom: 0;
+      }
+
+.rightSideBarGlobal .array-field--container {
+      margin-bottom: 0;
+    }
+
+.rightSideBarGlobal .drip-form-root {
+      max-height: calc(100vh - 95px);
+      overflow-y: scroll;
+      padding-bottom: 1rem;
+    }
+
+.rightSideBarGlobal .drip-form-root::-webkit-scrollbar {
+      display: none;
+    }
+
+.index-module_container__fH7Q7 {
+  height: 100%;
+  flex-shrink: 0;
+  flex-grow: 0;
+  overflow-y: hidden;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
+.index-module_containerjson__HBRtr {
+  flex-shrink: 0;
+  flex-grow: 0;
+  height: 100%;
+}
+
+.index-module_propertyConfig__1pNtS {
+  display: flex;
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+  line-height: 30px;
+  align-items: center;
+  margin-bottom: 15px;
+}
+
+.index-module_propertyConfigTitle__3gK4- {
+  width: 82px;
+  margin-right: 10px;
+  display: flex;
+  align-items: center;
+}
+
+.index-module_propertyConfigContent__2G3y2 {
+  flex: 1;
+}
+
+.index-module_icon__6mSp8 {
+  color: var(--ant-primary-5);
+}
+
+.index-module_title__1qSLk {
+  border-bottom: 1px solid #eee;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 500;
+}
+
+.index-module_btncontainer__1euEo {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.index-module_jsonbtn__2rLQr {
+  margin-left: 0.5rem;
+  margin-right: 0.5rem;
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  justify-content: space-between;
+  --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, var(--tw-text-opacity));
+}
+
+.index-module_jsonbtn__2rLQr:hover {
+    color: var(--ant-primary-5);
+  }
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_propertyConfigContent__DEmn1 {
+  flex: 1;
+}
+
+.index-module_fieldKey__1wLfq {
+  width: calc(100% - 32px) !important;
+  font-size: 14px;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_container__Es_sy {
+  height: calc(100% - 50px);
+  width: 100%;
+  --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
+  padding: 0.5rem;
+}
+
+/* purgecss end ignore */
+/* purgecss start ignore */
+
+.index-module_left__Z14ZB {
+  height: 100%;
+  flex-shrink: 0;
+  flex-grow: 0;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+  overflow-y: scroll;
+  width: calc(120px + 120px + 3.5rem + 5px);
+}
+
+.index-module_left__Z14ZB::-webkit-scrollbar {
+  display: none;
+}
+
+.index-module_leftClose__3VAnO {
+  width: calc(120px + 2.5rem);
+  flex-shrink: 0;
+  flex-grow: 0;
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
+.index-module_title__JrWVL {
+  border-bottom: 1px solid #eee;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 500;
+}
+
+.index-module_subtitle__1Xfbx {
+  border-bottom: 1px solid #eee;
+  padding-top: 0.5rem;
+  padding-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
+.index-module_container__3fVJj {
+  padding: 0.75rem;
+}
+
+.index-module_containeropen__1vmQ3 {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.index-module_closebtn__27wHV {
+  display: flex;
+  align-items: center;
+  padding: 0.5rem;
+}
+
+.index-module_closebtn__27wHV:hover {
+    background-color: var(--ant-primary-3);
+  }
+
+.index-module_componentstyle__3XWZk {
+  height: calc(100vh - 100px);
+  overflow: scroll;
+  padding-bottom: 1rem;
+}
+
+.index-module_componentstyle__3XWZk::-webkit-scrollbar {
+  display: none;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.leftsidebar-item {
+    margin: 0.5rem;
+    display: flex;
+    justify-content: space-between;
+    border-radius: 0.5rem;
+    padding: 1rem;
+    font-weight: 500;
+    line-height: 2rem;
+    align-items: center;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    display: flex;
+    justify-content: space-between;
+    border: none;
+    background-color: var(--ant-primary-1);
+    color: var(--ant-primary-color);
+  }
+
+.leftsidebar-item:hover {
+      cursor: pointer;
+      color: white;
+      background-color: var(--ant-primary-color);
+    }
+
+.leftsidebar-item:focus {
+      background: var(--ant-primary-1);
+      color: var(--ant-primary-color);
+    }
+
+.leftsidebar-item:focus:hover {
+        color: white;
+        background-color: var(--ant-primary-color);
+      }
+
+.index-module_title__rwC99 {
+  font-size: 13px;
+  margin-left: 4px;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_widthMenuItem__13FhV {
+  background-color: var(--ant-primary-1);
+  color: var(--ant-primary-color);
+}
+
+.index-module_widthMenuItem__13FhV:hover {
+    cursor: pointer;
+    color: white;
+    background-color: var(--ant-primary-color);
+  }
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_titleHeader__22iq4 {
+  border-bottom: 1px solid #eee;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  display: flex;
+  align-items: center;
+  padding: 0.5rem;
+}
+
+.index-module_pagetitle__35yby {
+  margin-right: 0.5rem;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  font-weight: 500;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_viewport__2Fip7 {
+  flex-grow: 1;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  overflow: hidden scroll;
+}
+
+.index-module_viewport__2Fip7::-webkit-scrollbar {
+  display: none;
+}
+
+.index-module_formstyle__29kGK {
+  height: calc(100vh - 100px);
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.index-module_formstyle__29kGK::-webkit-scrollbar {
+  display: none;
+}
+
+.index-module_emptyMask__171rm {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 10;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.drip-form_container--droppable {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    position: relative;
+  }
+
+.drip-form_container--droppable .form-container {
+    width: 100% !important;
+  }
+
+.draggable {
+    pointer-events: auto;
+  }
+
+.draggable .form-container {
+      /* pointer-events: none; */
+    }
+
+.index-module_droppableHover__1WgwV:hover:after {
+      content: '';
+      display: block;
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      pointer-events: none;
+      border-color: var(--ant-primary-4);
+      border-width: 2px;
+      border-style: dotted;
+    }
+
+.index-module_selected__3z8kS:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    border-color: var(--ant-primary-4);
+    border-width: 2px;
+    border-style: solid;
+  }
+
+.index-module_isTopOver__1_1Bl {
+  background-color: var(--ant-primary-1);
+}
+
+.index-module_isTopOver__1_1Bl:after {
+    position: absolute;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 4px;
+    top: 0 !important;
+    left: 0 !important;
+    bottom: unset !important;
+    right: unset !important;
+    background-color: var(--ant-primary-4);
+  }
+
+.index-module_isBottomOver__2v13l {
+  background-color: var(--ant-primary-1);
+}
+
+.index-module_isBottomOver__2v13l:after {
+    position: absolute;
+    content: '';
+    display: block;
+    width: 100%;
+    height: 4px;
+    bottom: 0 !important;
+    left: 0 !important;
+    top: unset !important;
+    right: unset !important;
+    background-color: var(--ant-primary-4);
+  }
+
+.index-module_isLeftOver__2F-rQ {
+  background-color: var(--ant-primary-1);
+}
+
+.index-module_isLeftOver__2F-rQ:after {
+    position: absolute;
+    content: '';
+    display: block;
+    width: 4px;
+    height: 100%;
+    top: 0 !important;
+    left: 0 !important;
+    bottom: unset !important;
+    right: unset !important;
+    background-color: var(--ant-primary-4);
+  }
+
+.index-module_isRightOver__3aQ60 {
+  background-color: var(--ant-primary-1);
+}
+
+.index-module_isRightOver__3aQ60:after {
+    position: absolute;
+    content: '';
+    display: block;
+    width: 4px;
+    height: 100%;
+    top: 0 !important;
+    bottom: unset !important;
+    left: unset !important;
+    right: 0 !important;
+    background-color: var(--ant-primary-4);
+  }
+
+.index-module_childIsOver__3nV5e:after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0 !important;
+    bottom: unset !important;
+    left: 0 !important;
+    right: unset !important;
+    width: 100%;
+    height: 100%;
+    background-color: var(--ant-primary-4);
+    --tw-bg-opacity: 0.6;
+  }
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_activeButton__2BEN9 {
+  height: 20px;
+  width: 20px;
+  margin-left: 2px;
+  background-color: var(--ant-primary-3);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.25rem;
+  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.index-module_activeButton__2BEN9:hover {
+    background-color: var(--ant-primary-4);
+  }
+
+.index-module_icon__kCWjJ {
+  color: white;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_activeTools__1ILou {
+  position: absolute;
+  right: 0;
+  top: -22px;
+  z-index: 999;
+  pointer-events:auto;
+  display: flex;
+}
+
+.index-module_firstActiveTools__jQYUc {
+  position: absolute;
+  right: 0;
+  bottom: -22px;
+  z-index: 999;
+  pointer-events:auto;
+  display: flex;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_title__3lXaI {
+  font-size:1rem;
+  line-height:1.5rem;
+  font-weight:700;
+}
+
+.index-module_condintion__99WUj, .index-module_action__1F5Nj {
+  margin-top:0.5rem;
+  margin-bottom:0.5rem;
+  margin-left:2.5rem;
+  flex:none;
+  flex-direction:row;
+}
+
+.index-module_condintion__99WUj,
+.index-module_action__1F5Nj {
+  display:flex;
+}
+
+.index-module_logicoperator__vcUAR, .index-module_addeffectbutton__3siA9 {
+  margin-left:5rem;
+}
+
+.index-module_deleteicon__bUiNB {
+  cursor:pointer;
+  height: 32px;
+  line-height: 32px;
+}
+
+.index-module_subtitle__3wesa {
+  height: 32px;
+  line-height: 32px;
+}
+
+.index-module_addbutton__1Cktm {
+  margin-top:2rem;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_hover__3OwNN:hover {
+    color: var(--ant-primary-5);
+  }
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_switch__2m5dK {
+  height: 32px;
+  display: flex;
+  align-items:center;
+}
+
+/* purgecss end ignore */
+
+/* purgecss start ignore */
+
+.index-module_switch__1V9Dw {
+  height: 32px;
+  display: flex;
+  align-items:center;
+}
+
+/* purgecss end ignore */