/* [project]/modules/ecom-image/src/styles/ecom-scope.css [app-client] (css) */
.flowx-ecom-image[data-flowx-scope="ecom-image"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  display: contents;
}

.flowx-ecom-image .ecom-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  box-shadow: none !important;
  filter: none !important;
  border-radius: 8px !important;
  transform: none !important;
}

.flowx-ecom-image.ecom-button {
  box-shadow: none !important;
  filter: none !important;
  border-radius: 8px !important;
  transform: none !important;
}

.flowx-ecom-image .ecom-button:focus-visible, .flowx-ecom-image.ecom-button:focus-visible, .flowx-ecom-image .ecom-gallery-asset-card:focus-visible {
  outline-offset: 2px !important;
  box-shadow: none !important;
  outline: 2px solid !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="dark"], .flowx-ecom-image.ecom-button[data-ecom-button-tone="dark"] {
  color: #8c8c8c !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="dark"]:not(:disabled):hover, .flowx-ecom-image.ecom-button[data-ecom-button-tone="dark"]:not(:disabled):hover {
  color: #f6f6f6 !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="dark"]:not(:disabled):active:not(:hover), .flowx-ecom-image.ecom-button[data-ecom-button-tone="dark"]:not(:disabled):active:not(:hover) {
  color: #8c8c8c !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="dark"]:not(:disabled):hover:active, .flowx-ecom-image.ecom-button[data-ecom-button-tone="dark"]:not(:disabled):hover:active {
  color: #f6f6f6 !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="transparent"], .flowx-ecom-image.ecom-button[data-ecom-button-tone="transparent"] {
  color: #8c8c8c !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="transparent"]:not(:disabled):hover, .flowx-ecom-image.ecom-button[data-ecom-button-tone="transparent"]:not(:disabled):hover {
  color: #f6f6f6 !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="transparent"]:not(:disabled):active:not(:hover), .flowx-ecom-image.ecom-button[data-ecom-button-tone="transparent"]:not(:disabled):active:not(:hover) {
  color: #8c8c8c !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="transparent"]:not(:disabled):hover:active, .flowx-ecom-image.ecom-button[data-ecom-button-tone="transparent"]:not(:disabled):hover:active {
  color: #f6f6f6 !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="light"], .flowx-ecom-image.ecom-button[data-ecom-button-tone="light"] {
  color: #222 !important;
  background-color: #fafbff !important;
  border-color: #fafbff !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="light"]:not(:disabled):hover, .flowx-ecom-image.ecom-button[data-ecom-button-tone="light"]:not(:disabled):hover {
  color: #222 !important;
  background-color: #d1d1d1 !important;
  border-color: #d1d1d1 !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="light"]:not(:disabled):active:not(:hover), .flowx-ecom-image.ecom-button[data-ecom-button-tone="light"]:not(:disabled):active:not(:hover) {
  color: #222 !important;
  background-color: #fafbff !important;
  border-color: #fafbff !important;
}

.flowx-ecom-image .ecom-button[data-ecom-button-tone="light"]:not(:disabled):hover:active, .flowx-ecom-image.ecom-button[data-ecom-button-tone="light"]:not(:disabled):hover:active {
  color: #222 !important;
  background-color: #d1d1d1 !important;
  border-color: #d1d1d1 !important;
}

.flowx-ecom-overlay .flowx-ecom-ant-modal-close {
  color: #8c8c8c !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-overlay .flowx-ecom-ant-modal-close:not(:disabled):hover {
  color: #f6f6f6 !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-overlay .flowx-ecom-ant-modal-close:not(:disabled):active:not(:hover) {
  color: #8c8c8c !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-overlay .flowx-ecom-ant-modal-close:not(:disabled):hover:active {
  color: #f6f6f6 !important;
  background-color: #272727 !important;
  border-color: #272727 !important;
}

.flowx-ecom-overlay .flowx-ecom-ant-modal-close:disabled {
  color: #8c8c8c99 !important;
  background-color: #171717 !important;
  border-color: #171717 !important;
}

.flowx-ecom-overlay .flowx-ecom-ant-modal-close:focus-visible {
  box-shadow: none !important;
  outline-offset: 2px !important;
  outline: 2px solid !important;
}

.flowx-ecom-image .ecom-tabs > .flowx-ecom-ant-tabs-nav, .flowx-ecom-overlay .ecom-tabs > .flowx-ecom-ant-tabs-nav {
  box-sizing: border-box;
  background: #242424;
  border-radius: 8px;
  width: fit-content;
  margin: 0;
  padding: 2px;
}

.flowx-ecom-image .ecom-tabs--full-width, .flowx-ecom-overlay .ecom-tabs--full-width, .flowx-ecom-image .ecom-tabs--full-width > .flowx-ecom-ant-tabs-nav, .flowx-ecom-overlay .ecom-tabs--full-width > .flowx-ecom-ant-tabs-nav, .flowx-ecom-image .ecom-tabs--full-width .flowx-ecom-ant-tabs-nav-wrap, .flowx-ecom-overlay .ecom-tabs--full-width .flowx-ecom-ant-tabs-nav-wrap, .flowx-ecom-image .ecom-tabs--full-width .flowx-ecom-ant-tabs-nav-list, .flowx-ecom-overlay .ecom-tabs--full-width .flowx-ecom-ant-tabs-nav-list {
  width: 100%;
}

.flowx-ecom-image .ecom-tabs--full-width .flowx-ecom-ant-tabs-tab, .flowx-ecom-overlay .ecom-tabs--full-width .flowx-ecom-ant-tabs-tab {
  flex: 1 1 0;
  padding-inline: 0;
}

.flowx-ecom-image .ecom-tabs--small > .flowx-ecom-ant-tabs-nav, .flowx-ecom-overlay .ecom-tabs--small > .flowx-ecom-ant-tabs-nav {
  height: 32px;
}

.flowx-ecom-image .ecom-tabs--medium > .flowx-ecom-ant-tabs-nav, .flowx-ecom-overlay .ecom-tabs--medium > .flowx-ecom-ant-tabs-nav {
  height: 40px;
}

.flowx-ecom-image .ecom-tabs--large > .flowx-ecom-ant-tabs-nav, .flowx-ecom-overlay .ecom-tabs--large > .flowx-ecom-ant-tabs-nav {
  height: 44px;
}

.flowx-ecom-image .ecom-tabs > .flowx-ecom-ant-tabs-nav:before, .flowx-ecom-overlay .ecom-tabs > .flowx-ecom-ant-tabs-nav:before {
  display: none;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-nav-wrap, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-nav-wrap, .flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-nav-list, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-nav-list {
  height: 100%;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-nav-list, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-nav-list {
  gap: 0;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-ink-bar, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-ink-bar {
  z-index: 0;
  background: #353535;
  border-radius: 6px;
  height: 100%;
  inset-block: 0 auto;
  transition: left .24s cubic-bezier(.4, 0, .2, 1), transform .24s cubic-bezier(.4, 0, .2, 1), width .24s cubic-bezier(.4, 0, .2, 1) !important;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-tab, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-tab {
  z-index: 1;
  color: #a0a0a0;
  background: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 500;
  display: flex;
  position: relative;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-tab-btn, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-tab-btn {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-tab:hover, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-tab:hover {
  color: #f6f6f6;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-tab-active, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-tab-active {
  background: none;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-tab-active .flowx-ecom-ant-tabs-tab-btn, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-tab-active .flowx-ecom-ant-tabs-tab-btn {
  color: #f6f6f6;
  text-shadow: none;
}

.flowx-ecom-image .ecom-tabs .flowx-ecom-ant-tabs-tab-btn:focus-visible, .flowx-ecom-overlay .ecom-tabs .flowx-ecom-ant-tabs-tab-btn:focus-visible {
  outline-offset: 2px;
  outline: 2px solid;
}

.flowx-ecom-image .ecom-tabs--wrap > .flowx-ecom-ant-tabs-nav, .flowx-ecom-overlay .ecom-tabs--wrap > .flowx-ecom-ant-tabs-nav {
  height: auto;
}

.flowx-ecom-image .ecom-tabs--wrap .flowx-ecom-ant-tabs-nav-wrap, .flowx-ecom-overlay .ecom-tabs--wrap .flowx-ecom-ant-tabs-nav-wrap {
  overflow: visible;
}

.flowx-ecom-image .ecom-tabs--wrap .flowx-ecom-ant-tabs-nav-list, .flowx-ecom-overlay .ecom-tabs--wrap .flowx-ecom-ant-tabs-nav-list {
  grid-template-columns: repeat(auto-fit, minmax(48px, 1fr));
  height: auto;
  display: grid;
  transform: none !important;
}

.flowx-ecom-image .ecom-tabs--wrap .flowx-ecom-ant-tabs-tab, .flowx-ecom-overlay .ecom-tabs--wrap .flowx-ecom-ant-tabs-tab {
  min-width: 0;
  margin: 0 !important;
}

.flowx-ecom-image .ecom-tabs--wrap.ecom-tabs--small .flowx-ecom-ant-tabs-tab, .flowx-ecom-overlay .ecom-tabs--wrap.ecom-tabs--small .flowx-ecom-ant-tabs-tab {
  height: 28px;
}

.flowx-ecom-image .ecom-tabs--wrap.ecom-tabs--medium .flowx-ecom-ant-tabs-tab, .flowx-ecom-overlay .ecom-tabs--wrap.ecom-tabs--medium .flowx-ecom-ant-tabs-tab {
  height: 36px;
}

.flowx-ecom-image .ecom-tabs--wrap.ecom-tabs--large .flowx-ecom-ant-tabs-tab, .flowx-ecom-overlay .ecom-tabs--wrap.ecom-tabs--large .flowx-ecom-ant-tabs-tab {
  height: 40px;
}

.flowx-ecom-image .ecom-tabs--wrap .flowx-ecom-ant-tabs-nav-operations, .flowx-ecom-overlay .ecom-tabs--wrap .flowx-ecom-ant-tabs-nav-operations {
  display: none !important;
}

.flowx-ecom-image .ecom-tabs--wrap .flowx-ecom-ant-tabs-ink-bar, .flowx-ecom-overlay .ecom-tabs--wrap .flowx-ecom-ant-tabs-ink-bar {
  display: none;
}

.flowx-ecom-image .ecom-tabs--wrap .flowx-ecom-ant-tabs-tab-active, .flowx-ecom-overlay .ecom-tabs--wrap .flowx-ecom-ant-tabs-tab-active {
  background: #353535;
  border-radius: 6px;
}

.flowx-ecom-overlay .ecom-model-gallery-categories {
  scrollbar-width: none;
}

.flowx-ecom-overlay .ecom-model-gallery-categories::-webkit-scrollbar {
  display: none;
}

.flowx-ecom-image .ecom-segmented, .flowx-ecom-overlay .ecom-segmented {
  width: 100%;
  box-shadow: none !important;
  filter: none !important;
  background: none !important;
  padding: 0 !important;
  transition: none !important;
}

.flowx-ecom-image .ecom-segmented:focus-visible, .flowx-ecom-overlay .ecom-segmented:focus-visible {
  outline-offset: 2px;
  outline: 2px solid;
  box-shadow: none !important;
}

.flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-group, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-group {
  gap: 4px;
}

.flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-thumb, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-thumb {
  display: none !important;
}

.flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item {
  border-radius: 8px;
  min-height: 32px;
  color: #8c8c8c !important;
  box-shadow: none !important;
  filter: none !important;
  background: none !important;
  transition: none !important;
  transform: none !important;
}

.flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item-label, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  display: flex;
  overflow: hidden;
}

:is(.flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item:not(.flowx-ecom-ant-segmented-item-disabled):not(:has(.flowx-ecom-ant-segmented-item-input:checked)):hover, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item:not(.flowx-ecom-ant-segmented-item-disabled):not(:has(.flowx-ecom-ant-segmented-item-input:checked)):hover), :is(.flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item-selected, .flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item:has(.flowx-ecom-ant-segmented-item-input:checked), .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item-selected, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item:has(.flowx-ecom-ant-segmented-item-input:checked)) {
  color: #f6f6f6 !important;
  background: #343434 !important;
}

.flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item-input:focus-visible + .flowx-ecom-ant-segmented-item-label, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item-input:focus-visible + .flowx-ecom-ant-segmented-item-label, .flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item-focused .flowx-ecom-ant-segmented-item-label, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item-focused .flowx-ecom-ant-segmented-item-label {
  outline-offset: 2px;
  outline: 2px solid;
  box-shadow: none !important;
}

.flowx-ecom-image .ecom-segmented.flowx-ecom-ant-segmented-disabled, .flowx-ecom-image .ecom-segmented .flowx-ecom-ant-segmented-item-disabled, .flowx-ecom-overlay .ecom-segmented.flowx-ecom-ant-segmented-disabled, .flowx-ecom-overlay .ecom-segmented .flowx-ecom-ant-segmented-item-disabled {
  cursor: not-allowed;
  opacity: .6;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle-group {
  background-color: #242424;
  border-radius: 6px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  height: 32px;
  display: grid;
  overflow: hidden;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle {
  appearance: none;
  color: #a0a0a0;
  min-width: 0;
  box-shadow: none;
  cursor: pointer;
  filter: none;
  font: inherit;
  background-color: #0000;
  background-image: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: none;
  display: flex;
  transform: none;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle:not(:disabled):hover, .flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle:not(:disabled):active, .flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle[aria-pressed="true"], .flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle[aria-pressed="true"]:not(:disabled):hover {
  color: #f6f6f6;
  background-color: #3f3f3f;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle:focus-visible {
  outline-offset: -2px;
  outline: 2px solid;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle--bold {
  font-weight: 700;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle--italic {
  font-style: italic;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle--underline {
  text-decoration: underline;
}

.flowx-ecom-image .image-edit-font-panel .ecom-text-style-toggle--strike {
  text-decoration: line-through;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel {
  border-radius: 6px;
  overflow: hidden;
  background-color: #242424 !important;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-group {
  gap: 0;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item {
  border-radius: 6px;
  color: #a0a0a0 !important;
  background-color: #0000 !important;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item-selected {
  color: #f6f6f6 !important;
  background-color: #3f3f3f !important;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item:not(.flowx-ecom-ant-segmented-item-disabled):not(:has(.flowx-ecom-ant-segmented-item-input:checked)):hover {
  color: #f6f6f6 !important;
  background-color: #3f3f3f !important;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item:not(.flowx-ecom-ant-segmented-item-disabled):not(:has(.flowx-ecom-ant-segmented-item-input:checked)):active {
  color: #f6f6f6 !important;
  background-color: #3f3f3f !important;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item:has(.flowx-ecom-ant-segmented-item-input:checked) {
  color: #f6f6f6 !important;
  background-color: #3f3f3f !important;
}

:is(.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item-selected:hover, .flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item:has(.flowx-ecom-ant-segmented-item-input:checked):hover) {
  color: #f6f6f6 !important;
  background-color: #3f3f3f !important;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item-label, .flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item-label svg {
  color: currentColor;
}

.flowx-ecom-image .image-edit-font-panel .ecom-segmented--font-panel .flowx-ecom-ant-segmented-item-label svg {
  display: block;
}

.flowx-ecom-overlay .ecom-model-gallery-categories .ecom-segmented .flowx-ecom-ant-segmented-item-label {
  text-align: left;
  justify-content: flex-start;
}

.flowx-ecom-overlay .ecom-model-gallery-scroll {
  scrollbar-color: #ffffff24 transparent;
  scrollbar-width: thin;
}

.flowx-ecom-overlay .ecom-model-gallery-scroll::-webkit-scrollbar {
  width: 12px;
}

.flowx-ecom-overlay .ecom-model-gallery-scroll::-webkit-scrollbar-track {
  background: none;
}

.flowx-ecom-overlay .ecom-model-gallery-scroll::-webkit-scrollbar-thumb {
  background: #ffffff24 padding-box content-box;
  border: 0 solid #0000;
  border-width: 0 3px;
  border-radius: 9999px;
}

.flowx-ecom-image .ecom-collapsed-workflow-popup {
  max-height: calc(100dvh - 11rem);
}

.flowx-ecom-image .ecom-collapsed-workflow-scroll {
  overscroll-behavior: contain;
  scrollbar-color: #ffffff3d transparent;
  scrollbar-width: thin;
  max-height: calc(100dvh - 12rem);
  overflow-y: auto;
}

.flowx-ecom-image .ecom-collapsed-workflow-scroll::-webkit-scrollbar {
  width: 8px;
}

.flowx-ecom-image .ecom-collapsed-workflow-scroll::-webkit-scrollbar-track {
  background: none;
}

.flowx-ecom-image .ecom-collapsed-workflow-scroll::-webkit-scrollbar-thumb {
  background: #ffffff3d padding-box content-box;
  border: 2px solid #0000;
  border-radius: 9999px;
}

.flowx-ecom-image .ecom-color-input {
  box-sizing: border-box;
  background: #1f1f21;
  border: 1px solid #3f3f3f;
  border-radius: 6px;
  align-items: center;
  width: 100%;
  height: 32px;
  padding-inline: 4px;
  display: flex;
  overflow: hidden;
}

.flowx-ecom-image .ecom-color-input__picker {
  flex: 0 0 26px;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 30px;
  padding-inline: 3px;
  display: flex;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.flowx-ecom-image .ecom-color-input .ecom-color-input__hex, .flowx-ecom-image .ecom-color-input .ecom-color-input__hex:hover, .flowx-ecom-image .ecom-color-input .ecom-color-input__hex:active, .flowx-ecom-image .ecom-color-input .ecom-color-input__hex:focus, .flowx-ecom-image .ecom-color-input .ecom-color-input__hex:focus-visible {
  text-transform: uppercase;
  flex: 1 1 0;
  min-width: 0;
  height: 30px;
  padding-inline: 2px;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  outline: none !important;
}

.flowx-ecom-image .ecom-color-input__eyedropper {
  appearance: none;
  color: #a0a0a0;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  flex: 0 0 28px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  display: flex;
}

.flowx-ecom-image .ecom-color-input__eyedropper svg {
  width: 17px;
  height: 17px;
}

.flowx-ecom-image .ecom-color-input__eyedropper:not(:disabled):hover, .flowx-ecom-image .ecom-color-input__eyedropper[aria-pressed="true"] {
  color: #f6f6f6;
  background: #3f3f3f;
}

.flowx-ecom-image .ecom-color-input__eyedropper:focus-visible {
  outline-offset: -2px;
  outline: 2px solid #f6f6f6;
}

.flowx-ecom-image .ecom-color-input__eyedropper:disabled {
  cursor: not-allowed;
  opacity: .4;
}

.flowx-ecom-image .ecom-color-input__divider {
  background: #ffffff1a;
  flex: none;
  width: 1px;
  height: 16px;
}

.flowx-ecom-image .ecom-color-input .ecom-color-input__opacity {
  flex: none;
  width: 78px;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.flowx-ecom-image .ecom-color-input__opacity input {
  text-align: right;
}

.flowx-ecom-overlay.ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:hover, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:active, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:focus, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:focus-visible, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:focus-within, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input.flowx-ecom-ant-input-affix-wrapper-focused {
  box-shadow: none !important;
  filter: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  outline: none !important;
  transition: none !important;
}

.flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:focus, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:focus-visible, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input:focus-within, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input.flowx-ecom-ant-input-affix-wrapper-focused {
  background-color: #2c2c2c !important;
}

.flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input .flowx-ecom-ant-input, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input .flowx-ecom-ant-input:focus, .flowx-ecom-overlay .ecom-color-input-popup .flowx-ecom-ant-color-picker-hex-input .flowx-ecom-ant-input:focus-visible {
  box-shadow: none !important;
  background-color: #0000 !important;
  border: 0 !important;
  outline: none !important;
}

.flowx-ecom-image .ecom-select, .flowx-ecom-image.ecom-select {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  border-radius: 4px !important;
  transition: none !important;
}

.flowx-ecom-image .ecom-select:not(.flowx-ecom-ant-select-disabled):hover, .flowx-ecom-image.ecom-select:not(.flowx-ecom-ant-select-disabled):hover, .flowx-ecom-image .ecom-select:not(.flowx-ecom-ant-select-disabled):active, .flowx-ecom-image.ecom-select:not(.flowx-ecom-ant-select-disabled):active {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-select.flowx-ecom-ant-select-open, .flowx-ecom-image.ecom-select.flowx-ecom-ant-select-open, .flowx-ecom-image .ecom-select.flowx-ecom-ant-select-focused, .flowx-ecom-image.ecom-select.flowx-ecom-ant-select-focused {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #2c2c2c !important;
  border-color: #3f3f3f !important;
}

:is(.flowx-ecom-image .ecom-select:not(.flowx-ecom-ant-select-disabled):has(input:focus-visible), .flowx-ecom-image.ecom-select:not(.flowx-ecom-ant-select-disabled):has(input:focus-visible)) {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #2c2c2c !important;
  border-color: #3f3f3f !important;
  outline: none !important;
}

.flowx-ecom-image .ecom-select .flowx-ecom-ant-select-content, .flowx-ecom-image.ecom-select .flowx-ecom-ant-select-content, .flowx-ecom-image .ecom-select .flowx-ecom-ant-select-content-value, .flowx-ecom-image.ecom-select .flowx-ecom-ant-select-content-value, .flowx-ecom-image .ecom-select .flowx-ecom-ant-select-input, .flowx-ecom-image.ecom-select .flowx-ecom-ant-select-input, .flowx-ecom-image .ecom-select .flowx-ecom-ant-select-placeholder, .flowx-ecom-image.ecom-select .flowx-ecom-ant-select-placeholder, .flowx-ecom-image .ecom-select .flowx-ecom-ant-select-prefix, .flowx-ecom-image.ecom-select .flowx-ecom-ant-select-prefix, .flowx-ecom-image .ecom-select .flowx-ecom-ant-select-suffix, .flowx-ecom-image.ecom-select .flowx-ecom-ant-select-suffix {
  color: #f6f6f6 !important;
}

.flowx-ecom-image .ecom-select.flowx-ecom-ant-select-open .flowx-ecom-ant-select-content, .flowx-ecom-image.ecom-select.flowx-ecom-ant-select-open .flowx-ecom-ant-select-content {
  opacity: 1 !important;
}

.flowx-ecom-image .ecom-select.flowx-ecom-ant-select-disabled, .flowx-ecom-image.ecom-select.flowx-ecom-ant-select-disabled {
  opacity: .5;
  color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-overlay.ecom-select-popup {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #2c2c2c !important;
  border-radius: 0 !important;
  padding: 4px !important;
}

.flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-dropdown-list, .flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-dropdown-list-holder, .flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-dropdown-list-holder-inner {
  gap: 0 !important;
}

.flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-option {
  color: #f6f6f6 !important;
  background-color: #0000 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  transition: none !important;
}

.flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-option:not(.flowx-ecom-ant-select-item-option-disabled):hover, .flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-option.flowx-ecom-ant-select-item-option-active, .flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-option.flowx-ecom-ant-select-item-option-selected, .flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-option.flowx-ecom-ant-select-item-option-selected.flowx-ecom-ant-select-item-option-active {
  color: #f6f6f6 !important;
  background-color: #3f3f3f !important;
}

.flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-option-disabled {
  cursor: not-allowed;
  opacity: .5;
  color: #f6f6f6 !important;
}

.flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-option-disabled.flowx-ecom-ant-select-item-option-selected {
  background-color: #3f3f3f !important;
}

.flowx-ecom-overlay.ecom-select-popup .flowx-ecom-ant-select-item-empty {
  opacity: .5;
  color: #f6f6f6 !important;
  margin: 0 !important;
}

.flowx-ecom-overlay .ecom-detail-replica-color-popover {
  width: 232px;
  box-shadow: none;
  background: #282828;
  border: 1px solid #3f3f3f;
  border-radius: 8px;
  padding: 8px;
}

.flowx-ecom-image .ecom-icon-action {
  appearance: none;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  color: #8c8c8c !important;
  width: 24px !important;
  height: 24px !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #272727 !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 50% !important;
  padding: 0 !important;
  transition: none !important;
  transform: none !important;
}

.flowx-ecom-image .ecom-icon-action--action-large {
  width: 30px !important;
  height: 30px !important;
}

.flowx-ecom-image .ecom-icon-action > svg {
  width: 12px;
  height: 12px;
  color: inherit;
  flex: none;
}

.flowx-ecom-image .ecom-icon-action--large > svg {
  width: 16px;
  height: 16px;
}

.flowx-ecom-image .ecom-icon-action:not(:disabled):hover {
  color: #f6f6f6 !important;
  background-color: #272727 !important;
}

.flowx-ecom-image .ecom-icon-action:disabled {
  cursor: not-allowed;
  color: #8c8c8c99 !important;
  background-color: #171717 !important;
}

.flowx-ecom-image .ecom-icon-action:focus-visible {
  outline-offset: 2px !important;
  box-shadow: none !important;
  outline: 2px solid !important;
}

.flowx-ecom-image .ecom-back-icon, .flowx-ecom-image .ecom-back-icon:focus, .flowx-ecom-image .ecom-back-icon:focus-visible, .flowx-ecom-image .ecom-back-icon:active, .flowx-ecom-overlay .ecom-back-icon, .flowx-ecom-overlay .ecom-back-icon:focus, .flowx-ecom-overlay .ecom-back-icon:focus-visible, .flowx-ecom-overlay .ecom-back-icon:active {
  box-shadow: none;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 0;
  flex: none;
  display: block;
  outline: none !important;
}

.flowx-ecom-image .ecom-back-icon[aria-disabled="true"], .flowx-ecom-overlay .ecom-back-icon[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .6;
}

.flowx-ecom-image .ecom-category-filter {
  white-space: nowrap;
  flex-flow: row;
  align-items: center;
  gap: 5px;
  width: fit-content;
  display: flex;
}

.flowx-ecom-image .ecom-category-filter__option {
  cursor: pointer;
  flex: none;
  position: relative;
}

.flowx-ecom-image .ecom-category-filter__input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  margin: 0;
  position: absolute;
}

.flowx-ecom-image .ecom-category-filter__item {
  color: #f6f6f6;
  background-color: #0000;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-inline: 10px;
  display: inline-flex;
}

.flowx-ecom-image .ecom-category-filter__item[data-state="selected"] {
  color: #f6f6f6;
  background-color: #272727;
}

.flowx-ecom-image .ecom-category-filter__item:hover {
  color: #8c8c8c;
  background-color: #272727;
}

.flowx-ecom-image .ecom-category-filter__item[data-state="selected"]:hover {
  color: #f6f6f6;
  background-color: #272727;
}

.flowx-ecom-image .ecom-category-filter__input:focus-visible + .ecom-category-filter__item {
  outline-offset: 2px;
  outline: 2px solid;
}

.flowx-ecom-image .ecom-category-filter__option:has(.ecom-category-filter__input:disabled) {
  cursor: not-allowed;
}

.flowx-ecom-image .ecom-input, .flowx-ecom-image .ecom-input .flowx-ecom-ant-input, .flowx-ecom-image.ecom-input, .flowx-ecom-image.ecom-input .flowx-ecom-ant-input {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  outline: none !important;
  transition: none !important;
  animation: none !important;
}

.flowx-ecom-image .ecom-input:hover, .flowx-ecom-image .ecom-input:hover .flowx-ecom-ant-input, .flowx-ecom-image.ecom-input:hover, .flowx-ecom-image.ecom-input:hover .flowx-ecom-ant-input, .flowx-ecom-image .ecom-input:active, .flowx-ecom-image .ecom-input:active .flowx-ecom-ant-input, .flowx-ecom-image.ecom-input:active, .flowx-ecom-image.ecom-input:active .flowx-ecom-ant-input {
  color: #f6f6f6 !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-input::placeholder, .flowx-ecom-image .ecom-input .flowx-ecom-ant-input::placeholder, .flowx-ecom-image.ecom-input::placeholder, .flowx-ecom-image.ecom-input .flowx-ecom-ant-input::placeholder, .flowx-ecom-image .ecom-input .flowx-ecom-ant-input-prefix, .flowx-ecom-image .ecom-input .flowx-ecom-ant-input-suffix, .flowx-ecom-image.ecom-input .flowx-ecom-ant-input-prefix, .flowx-ecom-image.ecom-input .flowx-ecom-ant-input-suffix {
  color: #a0a0a0 !important;
  opacity: 1 !important;
}

.flowx-ecom-image .ecom-input:autofill, .flowx-ecom-image .ecom-input .flowx-ecom-ant-input:autofill, .flowx-ecom-image.ecom-input:autofill, .flowx-ecom-image.ecom-input .flowx-ecom-ant-input:autofill {
  color: #f6f6f6 !important;
  -webkit-text-fill-color: #f6f6f6 !important;
  caret-color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  transition: none !important;
}

.flowx-ecom-image .ecom-input:-webkit-autofill {
  color: #f6f6f6 !important;
  -webkit-text-fill-color: #f6f6f6 !important;
  caret-color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  transition: none !important;
}

.flowx-ecom-image .ecom-input .flowx-ecom-ant-input:-webkit-autofill {
  color: #f6f6f6 !important;
  -webkit-text-fill-color: #f6f6f6 !important;
  caret-color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  transition: none !important;
}

.flowx-ecom-image.ecom-input:-webkit-autofill {
  color: #f6f6f6 !important;
  -webkit-text-fill-color: #f6f6f6 !important;
  caret-color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  transition: none !important;
}

.flowx-ecom-image.ecom-input .flowx-ecom-ant-input:-webkit-autofill {
  color: #f6f6f6 !important;
  -webkit-text-fill-color: #f6f6f6 !important;
  caret-color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  transition: none !important;
}

.flowx-ecom-image .ecom-input:focus, .flowx-ecom-image .ecom-input:focus-visible, .flowx-ecom-image .ecom-input:focus-within, .flowx-ecom-image .ecom-input.flowx-ecom-ant-input-affix-wrapper-focused, .flowx-ecom-image .ecom-input:focus-within .flowx-ecom-ant-input, .flowx-ecom-image .ecom-input .flowx-ecom-ant-input:focus, .flowx-ecom-image .ecom-input .flowx-ecom-ant-input:focus-visible, .flowx-ecom-image.ecom-input:focus, .flowx-ecom-image.ecom-input:focus-visible, .flowx-ecom-image.ecom-input:focus-within, .flowx-ecom-image.ecom-input.flowx-ecom-ant-input-affix-wrapper-focused, .flowx-ecom-image.ecom-input:focus-within .flowx-ecom-ant-input, .flowx-ecom-image.ecom-input .flowx-ecom-ant-input:focus, .flowx-ecom-image.ecom-input .flowx-ecom-ant-input:focus-visible {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #2c2c2c !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  outline: none !important;
  transition: none !important;
  animation: none !important;
}

.flowx-ecom-image .ecom-input:focus:autofill, .flowx-ecom-image .ecom-input:focus-within .flowx-ecom-ant-input:autofill, .flowx-ecom-image.ecom-input:focus:autofill, .flowx-ecom-image.ecom-input:focus-within .flowx-ecom-ant-input:autofill {
  background-color: #2c2c2c !important;
}

.flowx-ecom-image .ecom-input:focus:-webkit-autofill {
  background-color: #2c2c2c !important;
}

.flowx-ecom-image .ecom-input:focus-within .flowx-ecom-ant-input:-webkit-autofill {
  background-color: #2c2c2c !important;
}

.flowx-ecom-image.ecom-input:focus:-webkit-autofill {
  background-color: #2c2c2c !important;
}

.flowx-ecom-image.ecom-input:focus-within .flowx-ecom-ant-input:-webkit-autofill {
  background-color: #2c2c2c !important;
}

.flowx-ecom-image .ecom-input-number, .flowx-ecom-image.ecom-input-number, .flowx-ecom-overlay .ecom-input-number {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  outline: none !important;
  transition: none !important;
  animation: none !important;
}

.flowx-ecom-image .ecom-input-number:hover, .flowx-ecom-image.ecom-input-number:hover, .flowx-ecom-overlay .ecom-input-number:hover, .flowx-ecom-image .ecom-input-number:active, .flowx-ecom-image.ecom-input-number:active, .flowx-ecom-overlay .ecom-input-number:active {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  border-color: #3f3f3f !important;
  outline: none !important;
}

.flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-input, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-input, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-input {
  color: #f6f6f6 !important;
  caret-color: #f6f6f6 !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  outline: none !important;
  transition: none !important;
}

.flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-actions, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-actions, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-actions, .flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-action, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-action, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-action {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  transition: none !important;
}

.flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-action, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-action, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-action {
  border-inline-start-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-action-down, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-action-down, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-action-down {
  border-block-start-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-action:hover, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-action:hover, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-action:hover, .flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-action:active, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-action:active, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-action:active {
  background-color: #0000 !important;
  border-inline-start-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-action-down:hover, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-action-down:hover, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-action-down:hover, .flowx-ecom-image .ecom-input-number .flowx-ecom-ant-input-number-action-down:active, .flowx-ecom-image.ecom-input-number .flowx-ecom-ant-input-number-action-down:active, .flowx-ecom-overlay .ecom-input-number .flowx-ecom-ant-input-number-action-down:active {
  border-block-start-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-input-number:focus, .flowx-ecom-image .ecom-input-number:focus-visible, .flowx-ecom-image .ecom-input-number:focus-within, .flowx-ecom-image .ecom-input-number.flowx-ecom-ant-input-number-focused, .flowx-ecom-image.ecom-input-number:focus, .flowx-ecom-image.ecom-input-number:focus-visible, .flowx-ecom-image.ecom-input-number:focus-within, .flowx-ecom-image.ecom-input-number.flowx-ecom-ant-input-number-focused, .flowx-ecom-overlay .ecom-input-number:focus, .flowx-ecom-overlay .ecom-input-number:focus-visible, .flowx-ecom-overlay .ecom-input-number:focus-within, .flowx-ecom-overlay .ecom-input-number.flowx-ecom-ant-input-number-focused {
  color: #f6f6f6 !important;
  box-shadow: none !important;
  filter: none !important;
  background-color: #2c2c2c !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
  outline: none !important;
  transition: none !important;
  animation: none !important;
}

.flowx-ecom-image .ecom-input-number:focus-within .flowx-ecom-ant-input-number-input, .flowx-ecom-image .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-input, .flowx-ecom-image.ecom-input-number:focus-within .flowx-ecom-ant-input-number-input, .flowx-ecom-image.ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-input, .flowx-ecom-overlay .ecom-input-number:focus-within .flowx-ecom-ant-input-number-input, .flowx-ecom-overlay .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-input, .flowx-ecom-image .ecom-input-number:focus-within .flowx-ecom-ant-input-number-actions, .flowx-ecom-image .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-actions, .flowx-ecom-overlay .ecom-input-number:focus-within .flowx-ecom-ant-input-number-actions, .flowx-ecom-overlay .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-actions {
  background-color: #2c2c2c !important;
}

.flowx-ecom-image .ecom-input-number:focus-within .flowx-ecom-ant-input-number-action, .flowx-ecom-image .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-action, .flowx-ecom-image.ecom-input-number:focus-within .flowx-ecom-ant-input-number-action, .flowx-ecom-image.ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-action, .flowx-ecom-overlay .ecom-input-number:focus-within .flowx-ecom-ant-input-number-action, .flowx-ecom-overlay .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-action {
  background-color: #2c2c2c !important;
  border-inline-start-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-input-number:focus-within .flowx-ecom-ant-input-number-action-down, .flowx-ecom-image .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-action-down, .flowx-ecom-image.ecom-input-number:focus-within .flowx-ecom-ant-input-number-action-down, .flowx-ecom-image.ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-action-down, .flowx-ecom-overlay .ecom-input-number:focus-within .flowx-ecom-ant-input-number-action-down, .flowx-ecom-overlay .ecom-input-number.flowx-ecom-ant-input-number-focused .flowx-ecom-ant-input-number-action-down {
  border-block-start-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-color-input .ecom-color-input__opacity, .flowx-ecom-image .ecom-color-input .ecom-color-input__opacity:hover, .flowx-ecom-image .ecom-color-input .ecom-color-input__opacity:active, .flowx-ecom-image .ecom-color-input .ecom-color-input__opacity:focus, .flowx-ecom-image .ecom-color-input .ecom-color-input__opacity:focus-visible, .flowx-ecom-image .ecom-color-input .ecom-color-input__opacity:focus-within, .flowx-ecom-image .ecom-color-input .ecom-color-input__opacity.flowx-ecom-ant-input-number-focused {
  border: 0 !important;
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border-color: #0000 !important;
  outline: none !important;
}

.flowx-ecom-image .ecom-color-input .ecom-color-input__opacity .flowx-ecom-ant-input-number-input, .flowx-ecom-image .ecom-color-input .ecom-color-input__opacity .flowx-ecom-ant-input-number-actions {
  background-color: #0000 !important;
}

.flowx-ecom-image [data-ecom-prompt-input], .flowx-ecom-overlay [data-ecom-prompt-input], .flowx-ecom-image [data-ecom-prompt-input]:hover, .flowx-ecom-overlay [data-ecom-prompt-input]:hover, .flowx-ecom-image [data-ecom-prompt-input]:focus, .flowx-ecom-overlay [data-ecom-prompt-input]:focus, .flowx-ecom-image [data-ecom-prompt-input]:focus-visible, .flowx-ecom-overlay [data-ecom-prompt-input]:focus-visible, .flowx-ecom-image [data-ecom-prompt-input]:active, .flowx-ecom-overlay [data-ecom-prompt-input]:active, .flowx-ecom-image [data-ecom-prompt-input]:disabled, .flowx-ecom-overlay [data-ecom-prompt-input]:disabled {
  background-color: #191919 !important;
  background-image: none !important;
}

.flowx-ecom-overlay .ecom-ai-refine-modal {
  background-color: #000 !important;
  padding: 24px 0 0 !important;
}

.flowx-ecom-overlay .ecom-ai-refine-modal:focus, .flowx-ecom-overlay .ecom-ai-refine-modal:focus-visible, .flowx-ecom-overlay .ecom-ai-refine-modal-body:focus, .flowx-ecom-overlay .ecom-ai-refine-modal-body:focus-visible, .flowx-ecom-overlay .ecom-ai-refine-modal .canvas-container:focus, .flowx-ecom-overlay .ecom-ai-refine-modal .canvas-container:focus-visible, .flowx-ecom-overlay .ecom-ai-refine-modal .upper-canvas:focus, .flowx-ecom-overlay .ecom-ai-refine-modal .upper-canvas:focus-visible {
  outline-offset: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.flowx-ecom-overlay .ecom-ai-refine-modal-header {
  background-color: #000 !important;
  margin-inline: 24px !important;
}

.flowx-ecom-overlay .ecom-ai-refine-modal-body {
  background-color: #000 !important;
  padding-top: 0 !important;
}

.flowx-ecom-overlay .ecom-ai-refine-prompt-frame {
  box-shadow: none !important;
  background-color: #0000 !important;
  background-image: none !important;
  border: 1px solid #3f3f3f !important;
  border-radius: 4px !important;
}

.flowx-ecom-overlay .ecom-ai-refine-prompt-frame:focus-within {
  box-shadow: none !important;
  background-color: #2c2c2c !important;
  background-image: none !important;
  border-color: #3f3f3f !important;
}

.flowx-ecom-overlay [data-ecom-prompt-input].ecom-ai-refine-prompt, .flowx-ecom-overlay [data-ecom-prompt-input].ecom-ai-refine-prompt:hover, .flowx-ecom-overlay [data-ecom-prompt-input].ecom-ai-refine-prompt:active, .flowx-ecom-overlay [data-ecom-prompt-input].ecom-ai-refine-prompt:disabled, .flowx-ecom-overlay [data-ecom-prompt-input].ecom-ai-refine-prompt:focus, .flowx-ecom-overlay [data-ecom-prompt-input].ecom-ai-refine-prompt:focus-visible {
  color: #f6f6f6 !important;
  background-color: #0000 !important;
  background-image: none !important;
}

.flowx-ecom-overlay [data-ecom-prompt-input].ecom-ai-refine-prompt::placeholder {
  color: #a0a0a0 !important;
  opacity: 1 !important;
}

.flowx-ecom-image .ecom-button > span, .flowx-ecom-image .ecom-button > svg, .flowx-ecom-image.ecom-button > span, .flowx-ecom-image.ecom-button > svg {
  color: inherit;
}

.flowx-ecom-image .ecom-button--icon, .flowx-ecom-image .ecom-button--icon-xs, .flowx-ecom-image .ecom-button--icon-sm, .flowx-ecom-image .ecom-button--icon-lg {
  padding-inline: 0;
}

.flowx-ecom-image .ecom-button:not(.ecom-button--ultra), .flowx-ecom-image.ecom-button:not(.ecom-button--ultra) {
  font-weight: 500 !important;
}

.flowx-ecom-image .ecom-button--outline {
  border-style: solid;
}

.flowx-ecom-image .ecom-button--danger {
  text-decoration: none;
}

.flowx-ecom-image .ecom-button--link {
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

.flowx-ecom-image .ecom-button--mini {
  height: 26px !important;
  padding-inline: 10px !important;
  font-size: 12px !important;
}

.flowx-ecom-image .ecom-button--small {
  height: 32px !important;
  padding-inline: 16px !important;
  font-size: 13px !important;
}

.flowx-ecom-image .ecom-button--medium {
  height: 40px !important;
  padding-inline: 36px !important;
  font-size: 14px !important;
}

.flowx-ecom-image .ecom-button--large {
  width: 100%;
  height: 44px !important;
  padding-inline: 36px !important;
  font-size: 14px !important;
}

.flowx-ecom-image .ecom-button--ultra, .flowx-ecom-image.ecom-button--ultra {
  width: 200px !important;
  height: 52px !important;
  padding-inline: 36px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.flowx-ecom-image .ecom-button:disabled, .flowx-ecom-image.ecom-button:disabled {
  cursor: not-allowed;
  color: #8c8c8c99 !important;
  background-color: #171717 !important;
  border-color: #171717 !important;
}

.flowx-ecom-image .ecom-button:disabled:hover, .flowx-ecom-image .ecom-button:disabled:active, .flowx-ecom-image .ecom-button:disabled:hover:active, .flowx-ecom-image.ecom-button:disabled:hover, .flowx-ecom-image.ecom-button:disabled:active, .flowx-ecom-image.ecom-button:disabled:hover:active {
  color: #8c8c8c99 !important;
  background-color: #171717 !important;
  border-color: #171717 !important;
}

.flowx-ecom-image .reference-image-slot-button {
  width: 100% !important;
  height: 100% !important;
}

.flowx-ecom-image .reference-image-slot-button > span {
  width: 100%;
  height: 100%;
}

.flowx-ecom-image .ecom-switch {
  box-shadow: none !important;
}

.flowx-ecom-image .ecom-switch:focus-visible {
  outline-offset: 2px !important;
  box-shadow: none !important;
  outline: 2px solid !important;
}

.flowx-ecom-image .ecom-switch:not(.flowx-ecom-ant-switch-checked), .flowx-ecom-image .ecom-switch:not(.flowx-ecom-ant-switch-checked):not(:disabled):hover, .flowx-ecom-image .ecom-switch:not(.flowx-ecom-ant-switch-checked):not(:disabled):active {
  box-shadow: none !important;
  background-color: #3f3f3f !important;
}

.flowx-ecom-image .ecom-switch.flowx-ecom-ant-switch-checked, .flowx-ecom-image .ecom-switch.flowx-ecom-ant-switch-checked:not(:disabled):hover, .flowx-ecom-image .ecom-switch.flowx-ecom-ant-switch-checked:not(:disabled):active {
  box-shadow: none !important;
  background-color: #fcb453 !important;
}

.flowx-ecom-image .ecom-skeleton, .flowx-ecom-overlay .ecom-skeleton {
  display: block;
}

.flowx-ecom-image .ecom-skeleton .flowx-ecom-ant-skeleton-node, .flowx-ecom-overlay .ecom-skeleton .flowx-ecom-ant-skeleton-node {
  background: inherit;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: block;
}

/* [project]/modules/ecom-image/src/styles/ecom-tokens.css [app-client] (css) */
.flowx-ecom-image {
  --ecom-color-primary: #00fae5;
  --ecom-color-error: #f05252;
  --ecom-color-surface: #11181c;
  --ecom-color-elevated: #182126;
  --ecom-color-text: #ffffffe0;
  --ecom-color-text-secondary: #ffffff9e;
  --ecom-radius-sm: 6px;
  --ecom-radius-md: 8px;
  --ecom-shadow-overlay: 0 18px 48px #00000073;
}

/* [project]/modules/ecom-image/src/styles/ecom-overlays.css [app-client] (css) */
.flowx-ecom-overlay .ecom-template-library-wrapper {
  overflow: hidden;
}

.flowx-ecom-overlay .ecom-template-library-wrapper:before {
  display: none;
}

.flowx-ecom-overlay .ecom-template-library-wrapper > [role="dialog"] {
  vertical-align: top;
  width: 100%;
  max-width: none;
  height: 100dvh;
  margin: 0;
  padding: 0;
  top: 0;
}

.flowx-ecom-overlay .ecom-template-library-panel {
  flex-direction: column;
  min-width: 0;
  height: 100dvh;
  max-height: none;
  display: flex;
  overflow: hidden;
  border-radius: 0 !important;
  padding: 0 !important;
}

.flowx-ecom-overlay .ecom-template-library-header {
  flex-shrink: 0;
  min-height: 72px;
  padding: 16px 72px 16px clamp(16px, 2vw, 32px) !important;
}

.flowx-ecom-overlay .ecom-template-library-body {
  padding: 8px clamp(16px, 2vw, 32px) 0 !important;
}

.flowx-ecom-overlay .ecom-template-library-panel--detail .ecom-template-library-body {
  padding: 0 !important;
}

@media (max-width: 639px) and (orientation: portrait) {
  .flowx-ecom-overlay .ecom-template-detail-layout {
    flex-direction: column;
  }

  .flowx-ecom-overlay .ecom-template-detail-preview {
    flex: 0 0 40%;
  }

  .flowx-ecom-overlay .ecom-template-detail-sidebar {
    flex: 1;
    width: 100%;
  }
}

@media (max-height: 500px) {
  .flowx-ecom-overlay .ecom-template-detail-sidebar > .mt-5 {
    margin-top: 8px;
  }

  .flowx-ecom-overlay [data-coze-template-detail-footer] {
    padding-top: 8px;
  }
}

.flowx-ecom-portal-root {
  pointer-events: none;
  z-index: var(--ecom-layer-page-popover);
  position: fixed;
  inset: 0;
}

.flowx-ecom-portal-root > * {
  pointer-events: auto;
}

.flowx-ecom-overlay {
  color: var(--ecom-color-text);
}

.flowx-ecom-overlay.flowx-ecom-layer--feedback {
  z-index: var(--ecom-layer-feedback);
}

.flowx-ecom-overlay.flowx-ecom-layer--feedback [class*="-message-notice-content"] {
  background: #111;
}

.flowx-ecom-overlay.flowx-ecom-layer--feedback .ecom-feedback-info-icon {
  color: #f6f6f6b8;
  shape-rendering: geometricprecision;
  stroke-width: 1.75px;
  flex: none;
  width: 16px;
  height: 16px;
  display: block;
}

.flowx-ecom-overlay.flowx-ecom-layer--dropdown {
  z-index: var(--ecom-layer-dropdown);
}

.flowx-ecom-overlay.flowx-ecom-layer--tutorial {
  z-index: var(--ecom-layer-tutorial);
}

.flowx-ecom-overlay.flowx-ecom-layer--cropLightbox {
  z-index: var(--ecom-layer-crop-lightbox);
}

.flowx-ecom-overlay .ecom-history-filter-popup {
  scrollbar-color: #fff3 transparent;
  scrollbar-width: thin;
  background: #292929;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  width: 160px;
  max-height: min(70vh, 100dvh - 24px);
  padding: 4px;
  overflow-y: auto;
}

.flowx-ecom-overlay .ecom-history-filter-option {
  color: #f6f6f699;
  cursor: pointer;
  overflow-wrap: anywhere;
  text-align: left;
  white-space: normal;
  word-break: break-word;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  width: 100%;
  min-height: 28px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}

.flowx-ecom-overlay .ecom-history-filter-option:hover, .flowx-ecom-overlay .ecom-history-filter-option:focus-visible {
  color: #f6f6f6;
  background: #3f3f3f;
}

.flowx-ecom-overlay .ecom-history-filter-option:focus-visible {
  box-shadow: none;
  outline-offset: -2px;
  outline: 2px solid;
}

.flowx-ecom-overlay .ecom-history-filter-option[data-selected="true"] {
  color: #f6f6f6;
  background: #3f3f3f;
  font-weight: 500;
}

.flowx-ecom-overlay .ecom-history-filter-popup::-webkit-scrollbar {
  width: 4px;
}

.flowx-ecom-overlay .ecom-history-filter-popup::-webkit-scrollbar-thumb {
  background: #fff3;
  border-radius: 999px;
}

.flowx-ecom-overlay .ecom-history-filter-popup::-webkit-scrollbar-track {
  background: none;
}

.flowx-ecom-overlay .ecom-crop-modal-panel, .flowx-ecom-overlay .ecom-crop-modal-body {
  min-width: 0;
}

.flowx-ecom-overlay .ecom-crop-ratio-option {
  color: #a0a0a0;
  cursor: pointer;
  background: #272727;
  border: 1px solid #272727;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 0 56px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 56px;
  height: 56px;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
}

.flowx-ecom-overlay .ecom-crop-ratio-option:hover {
  color: #f6f6f6;
}

.flowx-ecom-overlay .ecom-crop-ratio-option[data-active="true"] {
  color: #222;
  background: #fafbff;
  border-color: #fafbff;
}

.flowx-ecom-overlay .ecom-crop-ratio-option:focus-visible, .flowx-ecom-overlay .ecom-crop-rotation-handle:focus-visible {
  box-shadow: none;
  outline-offset: 2px;
  outline: 2px solid;
}

.flowx-ecom-overlay .ecom-crop-ratio-shape {
  border: 1px solid;
  border-radius: 2px;
}

.flowx-ecom-overlay .ecom-crop-rotation-handle {
  color: #f6f6f6;
  cursor: grab;
  touch-action: none;
  z-index: 20;
  background: #272727;
  border: 1px solid #8c8c8c;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  display: inline-flex;
  position: absolute;
}

.flowx-ecom-overlay .ecom-crop-rotation-handle[data-rotating="true"] {
  cursor: grabbing;
}

.flowx-ecom-overlay .ecom-crop-rotation-handle > svg {
  width: 14px;
  height: 14px;
}

.flowx-ecom-overlay .ecom-crop-rotation-value {
  color: #f6f6f6;
  pointer-events: none;
  white-space: nowrap;
  background: #272727;
  border-radius: 4px;
  margin-top: 4px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.flowx-ecom-image .ecom-radio-select {
  max-width: 100%;
  display: inline-block;
  position: relative;
}

.flowx-ecom-image .ecom-radio-select__trigger {
  color: #f6f6f6;
  cursor: pointer;
  background-color: #2c2c2c;
  border: 1px solid #3f3f3f;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-width: 108px;
  max-width: 100%;
  height: 36px;
  padding-inline: 12px;
  font-size: 12px;
  display: flex;
}

.flowx-ecom-image .ecom-radio-select__trigger:hover, .flowx-ecom-image .ecom-radio-select__trigger:active {
  color: #f6f6f6;
  background-color: #2c2c2c;
}

.flowx-ecom-image .ecom-radio-select__trigger:focus-visible, .flowx-ecom-image .ecom-radio-select__ratio-option:focus-visible, .flowx-ecom-image .ecom-radio-select__bound-option:focus-visible, .flowx-ecom-image .ecom-radio-select__embedded-option:focus-visible {
  outline-offset: 2px;
  outline: 2px solid;
}

.flowx-ecom-image .ecom-radio-select__summary {
  align-items: center;
  gap: 6px;
  min-width: 0;
  display: inline-flex;
}

.flowx-ecom-image .ecom-radio-select__summary-shape {
  opacity: .75;
  border: 1px solid;
  border-radius: 2px;
  flex: none;
  display: inline-block;
}

.flowx-ecom-image .ecom-radio-select__summary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.flowx-ecom-image .ecom-radio-select__chevron {
  opacity: .65;
  flex: none;
  width: 12px;
  height: 12px;
}

.flowx-ecom-image .ecom-radio-select__chevron[data-open="true"] {
  transform: rotate(180deg);
}

.flowx-ecom-image .ecom-radio-select__popup-positioner {
  position: fixed;
  overflow: visible;
}

.flowx-ecom-image .ecom-radio-select__popup-scroll {
  overscroll-behavior: contain;
  scrollbar-color: #f6f6f647 transparent;
  scrollbar-width: thin;
  overflow: hidden auto;
}

.flowx-ecom-image .ecom-radio-select__popup-scroll::-webkit-scrollbar {
  width: 6px;
}

.flowx-ecom-image .ecom-radio-select__popup-scroll::-webkit-scrollbar-thumb {
  background-color: #f6f6f647;
  border-radius: 999px;
}

.flowx-ecom-image .ecom-radio-select__popup-scroll::-webkit-scrollbar-track {
  background: none;
}

.flowx-ecom-image .ecom-radio-select__popup-positioner[data-state="closed"] {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.flowx-ecom-image .ecom-radio-select__popup-positioner[data-state="open"] {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.flowx-ecom-image .ecom-radio-select__popup {
  color: #f6f6f6;
  background-color: #292929;
  border: 1px solid #3f3f3f;
  border-radius: 8px;
  width: 100%;
  padding: 12px;
  overflow: visible;
}

.flowx-ecom-image .ecom-radio-select__label {
  color: #f6f6f6;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 20px;
}

.flowx-ecom-image .ecom-radio-select__ratio-rows {
  flex-direction: column;
  gap: 5px;
  display: flex;
}

.flowx-ecom-image .ecom-radio-select__ratio-row {
  background-color: #242424;
  border-radius: 6px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  padding: 5px;
  display: grid;
}

.flowx-ecom-image .ecom-radio-select__ratio-cell {
  min-width: 0;
  position: relative;
}

.flowx-ecom-image .ecom-radio-select__ratio-cell[data-bound-open="true"] {
  z-index: 2;
}

.flowx-ecom-image .ecom-radio-select__ratio-option {
  color: #a0a0a0;
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 100%;
  height: 50px;
  padding: 3px;
  font-size: 11px;
  display: flex;
  position: relative;
}

.flowx-ecom-image .ecom-radio-select__bound-indicator {
  pointer-events: none;
  background-color: #f6f6f6;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.flowx-ecom-image .ecom-radio-select__ratio-option:hover {
  color: #f6f6f6;
}

.flowx-ecom-image .ecom-radio-select__ratio-option[data-state="selected"] {
  color: #f6f6f6;
  background-color: #353535;
}

.flowx-ecom-image .ecom-radio-select__ratio-preview-slot {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 18px;
  display: flex;
}

.flowx-ecom-image .ecom-radio-select__ratio-label-slot {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 0;
  height: 12px;
  line-height: 12px;
  display: flex;
}

.flowx-ecom-image .ecom-radio-select__ratio-label {
  text-align: center;
  max-width: 100%;
  display: block;
}

.flowx-ecom-image .ecom-radio-select__ratio-label[data-resolution="true"] {
  white-space: nowrap;
  letter-spacing: -.2px;
  font-size: 8px;
}

.flowx-ecom-image .ecom-radio-select__auto-shape, .flowx-ecom-image .ecom-radio-select__ratio-shape {
  border: 1px solid;
  border-radius: 2px;
  display: block;
}

.flowx-ecom-image .ecom-radio-select__auto-shape {
  width: 16px;
  height: 16px;
}

.flowx-ecom-image .ecom-radio-select__bound-positioner {
  z-index: 1;
  width: 190px;
  max-width: calc(100vw - 16px);
  position: fixed;
}

.flowx-ecom-image .ecom-radio-select__bound-positioner[data-placement="below"] {
  padding-top: 8px;
}

.flowx-ecom-image .ecom-radio-select__bound-positioner[data-placement="above"] {
  padding-bottom: 8px;
}

.flowx-ecom-image .ecom-radio-select__bound-popup {
  opacity: 1;
  -webkit-backdrop-filter: none;
  isolation: isolate;
  background-color: #292929;
  background-image: none;
  border: 1px solid #3f3f3f;
  border-radius: 6px;
  padding: 8px;
}

.flowx-ecom-image .ecom-radio-select__bound-heading {
  color: #f6f6f6;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 10px;
  display: flex;
}

.flowx-ecom-image .ecom-radio-select__bound-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin-top: 4px;
  display: grid;
}

.flowx-ecom-image .ecom-radio-select__bound-option, .flowx-ecom-image .ecom-radio-select__embedded-option {
  color: #f6f6f6;
  cursor: pointer;
  background-color: #0000;
  border: 0;
  border-radius: 4px;
  min-height: 34px;
  padding: 5px;
}

.flowx-ecom-image .ecom-radio-select__bound-option {
  width: 100%;
}

.flowx-ecom-image .ecom-radio-select__bound-option:hover, .flowx-ecom-image .ecom-radio-select__embedded-option:hover, .flowx-ecom-image .ecom-radio-select__bound-option[data-state="selected"], .flowx-ecom-image .ecom-radio-select__embedded-option[data-state="selected"] {
  background-color: #353535;
}

.flowx-ecom-image .ecom-radio-select__embedded {
  margin-top: 10px;
}

.flowx-ecom-image .ecom-radio-select__embedded-options {
  background-color: #242424;
  border-radius: 6px;
  width: 100%;
  padding: 5px;
  display: flex;
}

.flowx-ecom-image .ecom-radio-select__embedded-option {
  flex: 1 1 0;
}

.flowx-ecom-overlay .ecom-prompt-template-popup {
  color: #f6f6f6;
  background: #292929;
  border: 1px solid #ffffff24;
  border-radius: 8px;
  flex-direction: column;
  width: 280px;
  max-height: min(492px, 100vh - 94px);
  padding: 5px;
  display: flex;
  overflow: hidden;
}

.flowx-ecom-overlay .ecom-prompt-template-list {
  scrollbar-color: #fff3 transparent;
  scrollbar-width: thin;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.flowx-ecom-overlay .ecom-prompt-template-item {
  color: #f6f6f6;
  background: none;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  padding: 10px;
  display: flex;
}

.flowx-ecom-overlay .ecom-prompt-template-item:hover, .flowx-ecom-overlay .ecom-prompt-template-item:focus-within, .flowx-ecom-overlay .ecom-prompt-template-item[data-selected="true"] {
  color: #f6f6f6;
  background: #3f3f3f;
}

.flowx-ecom-overlay .ecom-prompt-template-item button, .flowx-ecom-overlay .ecom-prompt-template-item p, .flowx-ecom-overlay .ecom-prompt-template-item span {
  color: #f6f6f6;
}

/* [project]/src/components/common/ThreeDotLoader.module.css [app-client] (css) */
.ThreeDotLoader-module__okUOKW__threeBody {
  --uib-size: 35px;
  --uib-speed: .8s;
  --uib-color: #5d3fd3;
  width: var(--uib-size);
  height: var(--uib-size);
  animation: ThreeDotLoader-module__okUOKW__spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
  display: inline-block;
  position: relative;
}

.ThreeDotLoader-module__okUOKW__threeBodyDot {
  width: 30%;
  height: 100%;
  position: absolute;
}

.ThreeDotLoader-module__okUOKW__threeBodyDot:after {
  content: "";
  background-color: var(--uib-color);
  border-radius: 50%;
  width: 100%;
  height: 0%;
  padding-bottom: 100%;
  position: absolute;
}

.ThreeDotLoader-module__okUOKW__threeBodyDot:first-child {
  transform-origin: 50% 85%;
  bottom: 5%;
  left: 0;
  transform: rotate(60deg);
}

.ThreeDotLoader-module__okUOKW__threeBodyDot:first-child:after {
  animation: ThreeDotLoader-module__okUOKW__wobble1 var(--uib-speed) infinite ease-in-out;
  animation-delay: calc(var(--uib-speed) * -.3);
  bottom: 0;
}

.ThreeDotLoader-module__okUOKW__threeBodyDot:nth-child(2) {
  transform-origin: 50% 85%;
  bottom: 5%;
  right: 0;
  transform: rotate(-60deg);
}

.ThreeDotLoader-module__okUOKW__threeBodyDot:nth-child(2):after {
  animation: ThreeDotLoader-module__okUOKW__wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -.15) ease-in-out;
  bottom: 0;
}

.ThreeDotLoader-module__okUOKW__threeBodyDot:nth-child(3) {
  bottom: -5%;
  left: 0;
  transform: translateX(116.666%);
}

.ThreeDotLoader-module__okUOKW__threeBodyDot:nth-child(3):after {
  animation: ThreeDotLoader-module__okUOKW__wobble2 var(--uib-speed) infinite ease-in-out;
  top: 0;
}

@keyframes ThreeDotLoader-module__okUOKW__spin78236 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes ThreeDotLoader-module__okUOKW__wobble1 {
  0%, 100% {
    opacity: 1;
    transform: translateY(0%)scale(1);
  }

  50% {
    opacity: .8;
    transform: translateY(-66%)scale(.65);
  }
}

@keyframes ThreeDotLoader-module__okUOKW__wobble2 {
  0%, 100% {
    opacity: 1;
    transform: translateY(0%)scale(1);
  }

  50% {
    opacity: .8;
    transform: translateY(66%)scale(.65);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ThreeDotLoader-module__okUOKW__threeBody, .ThreeDotLoader-module__okUOKW__threeBodyDot:after {
    animation: none;
  }
}

/*# sourceMappingURL=_1a8z_b7._.css.map*/