n8n-editor-ui/dist/assets/WorkflowsView-C-PD10oe.css

Workflow Editor UI for n8n

/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._card_19ska_123 {
  transition: box-shadow 0.3s ease;
  cursor: pointer;
}
._card_19ska_123:hover {
  box-shadow: 0 2px 8px rgba(68, 28, 23, 0.1);
}
._folder-icon_19ska_131 {
  width: var(--spacing--xl);
  height: var(--spacing--xl);
  flex-shrink: 0;
  color: var(--color--text);
  align-content: center;
  text-align: center;
}
._card-header_19ska_140 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: var(--spacing--xs);
  margin-bottom: var(--spacing--5xs);
}
._card-footer_19ska_148 {
  display: flex;
}
._info-cell_19ska_152 + ._info-cell_19ska_152::before {
  content: "|";
  margin: 0 var(--spacing--4xs);
}
._cardBadge_19ska_157._with-breadcrumbs_19ska_157 .n8n-badge {
  padding-right: 0;
}
._cardBadge_19ska_157._with-breadcrumbs_19ska_157 .n8n-breadcrumbs {
  padding-left: var(--spacing--5xs);
}
._card-actions_19ska_164 {
  display: flex;
  gap: var(--spacing--xs);
}
@media screen and (max-width: 991px) {
._card_19ska_123 {
    flex-wrap: wrap;
}
._card_19ska_123 .n8n-card-append {
    width: 100%;
    margin-top: var(--spacing--3xs);
    padding-left: 40px;
}
._card_19ska_123 ._card-actions_19ska_164 {
    width: 100%;
    justify-content: space-between;
}
._info-cell--created_19ska_182 {
    display: none;
}
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._cardLink_rvyuk_123 {
  transition: box-shadow 0.3s ease;
  cursor: pointer;
  padding: 0;
  align-items: stretch;
}
._cardLink_rvyuk_123:hover {
  box-shadow: 0 2px 8px rgba(68, 28, 23, 0.1);
}
._cardHeading_rvyuk_133 {
  font-size: var(--font-size--sm);
  word-break: break-word;
  padding: var(--spacing--sm) 0 0 var(--spacing--sm);
}
._cardHeading_rvyuk_133 span {
  color: var(--color--text--tint-1);
}
._cardHeadingArchived_rvyuk_142 {
  color: var(--color--text--tint-1);
}
._description-popper_rvyuk_146 {
  min-width: 300px;
}
._cardDescription_rvyuk_150 {
  min-height: var(--spacing--xl);
  display: flex;
  align-items: center;
  padding: 0 0 var(--spacing--sm) var(--spacing--sm);
  font-size: var(--font-size--2xs);
  color: var(--color--text--tint-1);
  gap: var(--spacing--2xs);
}
._cardTags_rvyuk_160 {
  display: inline-block;
  margin-top: var(--spacing--4xs);
}
._cardActions_rvyuk_165 {
  display: flex;
  gap: var(--spacing--2xs);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  padding: 0 var(--spacing--sm) 0 0;
  cursor: default;
}
._cardBadge_rvyuk_176 {
  background-color: var(--color--background--light-3);
}
._cardBadge_rvyuk_176._with-breadcrumbs_rvyuk_180 .n8n-badge {
  padding-right: 0;
}
._cardBadge_rvyuk_176._with-breadcrumbs_rvyuk_180 .n8n-breadcrumbs {
  padding-left: var(--spacing--5xs);
}
._cardArchived_rvyuk_187 {
  background-color: var(--color--background--light-2);
  border-color: var(--color--foreground--tint-1);
  color: var(--color--text);
}
._description-cell--mcp_rvyuk_193 {
  display: inline-flex;
  align-items: center;
}
._description-cell--mcp_rvyuk_193:hover {
  color: var(--color--text);
}
._publishIndicator_rvyuk_201 {
  display: flex;
  align-items: center;
  gap: var(--spacing--4xs);
  margin-left: var(--spacing--2xs);
}
._publishIndicatorColor_rvyuk_208 {
  color: var(--color--mint-700);
}
body[data-theme="dark"] ._publishIndicatorColor_rvyuk_208 {
  color: var(--color--mint-600);
}
@media (prefers-color-scheme: dark) {
body:not([data-theme]) ._publishIndicatorColor_rvyuk_208 {
    color: var(--color--mint-600);
}
}
._notPublishedIndicatorColor_rvyuk_220 {
  color: var(--color--neutral-600);
}
body[data-theme="dark"] ._notPublishedIndicatorColor_rvyuk_220 {
  color: var(--color--neutral-400);
}
@media (prefers-color-scheme: dark) {
body:not([data-theme]) ._notPublishedIndicatorColor_rvyuk_220 {
    color: var(--color--neutral-400);
}
}
@media screen and (max-width: 991px) {
._cardLink_rvyuk_123 {
    --card--padding: 0 var(--spacing--sm) var(--spacing--sm);
    --card--append--width: 100%;
    flex-direction: column;
}
._cardActions_rvyuk_165 {
    width: 100%;
    padding: 0 var(--spacing--sm) var(--spacing--sm);
    justify-content: end;
}
._cardBadge_rvyuk_176,
  ._breadcrumbs_rvyuk_244 {
    margin-right: auto;
}
}
@media screen and (max-width: 767px) {
._breadcrumbs_rvyuk_244 > div {
    flex-direction: column;
}
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._suggested-workflow-callout_19l89_123 {
  margin-top: var(--spacing--xs);
  padding-left: var(--spacing--sm);
  padding-right: var(--spacing--md);
  border-style: dashed;
}
._suggested-workflow-callout_19l89_123 ._callout-content_19l89_129 {
  display: flex;
  flex-direction: column;
}
._suggested-workflow-callout_19l89_123 ._callout-trailing-content_19l89_133 {
  display: flex;
  align-items: center;
  gap: var(--spacing--md);
}
._suggested-workflow-callout_19l89_123 a span span {
  color: var(--callout--color--text--secondary);
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._suggested-workflows_dbm58_123 {
  margin-top: var(--spacing--xs);
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._nodeCard_urxa7_123 {
  width: 100px;
  height: 80px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
._nodeIcon_urxa7_133 {
  font-size: var(--font-size--2xl);
}
._emptyStateCardContent_urxa7_137 {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._nodeCardsContainer_ufnvi_123 {
  display: flex;
  justify-content: center;
  gap: var(--spacing--sm);
  margin-top: var(--spacing--xl);
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._nodeCard_urxa7_123 {
  width: 100px;
  height: 80px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}
._nodeIcon_urxa7_133 {
  font-size: var(--font-size--2xl);
}
._emptyStateCardContent_urxa7_137 {
  flex: 1;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._nodeCardsContainer_ufnvi_123 {
  display: flex;
  justify-content: center;
  gap: var(--spacing--sm);
  margin-top: var(--spacing--xl);
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._container_sgzkf_123 {
  max-width: 992px;
  width: 100%;
  margin-top: var(--spacing--4xl);
  padding: var(--spacing--sm);
  background-color: var(--color--background--light-3);
  border: var(--border);
  border-radius: var(--radius--lg);
  text-align: left;
}
@media (max-width: 768px) {
._container_sgzkf_123 {
    margin-top: var(--spacing--xl);
    padding: var(--spacing--xs);
}
}
._header_sgzkf_140 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing--md);
  margin-bottom: var(--spacing--md);
}
@media (max-width: 768px) {
._header_sgzkf_140 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing--xs);
    margin-bottom: var(--spacing--sm);
}
}
._allTemplatesLink_sgzkf_156 {
  white-space: nowrap;
}
._suggestions_sgzkf_160 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing--md);
  min-height: 182px;
}
@media (max-width: 992px) {
._suggestions_sgzkf_160 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
._suggestions_sgzkf_160 {
    grid-template-columns: 1fr;
    gap: var(--spacing--sm);
    min-height: auto;
}
}
._loading_sgzkf_179 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing--xs);
  padding: var(--spacing--lg);
  color: var(--color--text--tint-1);
}
@media (max-width: 768px) {
._loading_sgzkf_179 {
    padding: var(--spacing--md);
}
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._emptyStateLayout_53uc9_123 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: var(--spacing--3xl);
  min-height: 100vh;
}
._content_53uc9_132 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  text-align: center;
}
._welcome_53uc9_140 {
  margin-bottom: var(--spacing--2xl);
}
._welcomeTitle_53uc9_144 {
  margin-bottom: var(--spacing--md);
}
._welcomeDescription_53uc9_148 {
  max-width: 480px;
}
._actionsContainer_53uc9_152 {
  display: flex;
  gap: var(--spacing--sm);
  justify-content: center;
  flex-wrap: wrap;
}
._actionCard_53uc9_159 {
  width: 192px;
  height: 230px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
._actionCard_53uc9_159:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
._actionCard_53uc9_159:hover ._cardIcon_53uc9_172 svg {
  color: var(--color--primary);
}
._actionCard_53uc9_159._loading_53uc9_175 {
  pointer-events: none;
  opacity: 0.7;
}
._cardContent_53uc9_180 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing--md);
}
._cardIcon_53uc9_172 {
  font-size: 48px;
  margin-bottom: var(--spacing--xs);
}
._cardIcon_53uc9_172 svg {
  transition: color 0.3s ease;
}
._templatesSection_53uc9_196 {
  padding-inline: var(--spacing--md);
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._actionsContainer_16q3y_123 {
  display: flex;
  justify-content: center;
}
._templatesContainer_16q3y_128 {
  display: flex;
  justify-content: center;
  width: 100%;
}
._templatesContainer_16q3y_128 > section {
  margin-top: var(--spacing--3xl);
}
._easy-ai-workflow-callout_16q3y_137 {
  margin-top: var(--spacing--xs);
  padding-left: var(--spacing--sm);
  padding-right: var(--spacing--md);
}
._easy-ai-workflow-callout_16q3y_137 ._callout-trailing-content_16q3y_142 {
  display: flex;
  align-items: center;
  gap: var(--spacing--md);
}
._emptyStateCard_16q3y_148 {
  width: 192px;
  text-align: center;
  display: inline-flex;
  height: 230px;
}
._emptyStateCard_16q3y_148 + ._emptyStateCard_16q3y_148 {
  margin-left: var(--spacing--sm);
}
._emptyStateCard_16q3y_148:hover svg {
  color: var(--color--primary);
}
._emptyStateCardContent_16q3y_161 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
._emptyStateCardIcon_16q3y_168 {
  font-size: 48px;
}
._emptyStateCardIcon_16q3y_168 svg {
  transition: color 0.3s ease;
}
._add-folder-button_16q3y_175 {
  width: 30px;
  height: 30px;
}
._breadcrumbs-container_16q3y_180 {
  display: flex;
  align-items: center;
  align-self: flex-end;
}
._breadcrumbs-loading_16q3y_186 .el-skeleton__item {
  margin: 0;
  height: 40px;
  width: 400px;
}
._empty-folder-container_16q3y_192 button {
  margin-top: var(--spacing--2xs);
}
._drag-active_16q3y_196 *,
._drag-active_16q3y_196 .action-toggle {
  cursor: grabbing !important;
}
._dragging_16q3y_201 {
  transition: opacity 0.3s ease;
  opacity: 0.3;
  border-style: dashed;
  pointer-events: none;
}
._drop-active_16q3y_208 .card {
  border-color: var(--color--secondary);
  background-color: var(--callout--color--background--secondary);
}
._path-separator_16q3y_213 {
  font-size: var(--font-size--xl);
  color: var(--color--foreground);
  padding: var(--spacing--3xs) var(--spacing--4xs) var(--spacing--4xs);
}
._name_16q3y_219 {
  color: var(--color--text--shade-1);
  font-size: var(--font-size--sm);
  padding: var(--spacing--3xs) var(--spacing--4xs) var(--spacing--4xs);
}
._pointer-disabled_16q3y_225 {
  pointer-events: none;
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.add-folder-modal {
  width: 500px;
  padding-bottom: 0;
}
.add-folder-modal .el-message-box__message {
  font-size: var(--font-size--xl);
}
.add-folder-modal .el-message-box__btns {
  padding: 0 var(--spacing--lg) var(--spacing--lg);
}
.add-folder-modal .el-message-box__content {
  padding: var(--spacing--lg);
}