/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
._text_1gwsm_125 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--4xs);
  flex: 1;
  min-width: 0;
}
._row_1gwsm_133 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--xs);
}
._copy_1gwsm_139 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--4xs);
  flex: 1;
  min-width: 0;
}
._actions_1gwsm_147 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
._panel_i6k3f_2 {
	scrollbar-width: thin;
	scrollbar-color: var(--border-color) transparent;
	display: flex;
	flex-direction: column;
	gap: var(--spacing--sm);
	width: 100%;
}
._instructionsDocument_i6k3f_11 {
	display: block;
	width: 100%;
}
._instructionsDocument_i6k3f_11:disabled {
	opacity: 0.5;
}

/* Follow the editor's max-height: unbounded hosts (the builder, which passes
   `instructions-max-height="none"`) grow naturally, while capped hosts (the
   NDV's 240px) scroll within the cap instead of clipping. */
._instructionsDocument_i6k3f_11 .n8n-markdown {
	max-height: var(--markdown-editor-max-height);
	min-height: calc(var(--spacing--4xl) + var(--spacing--xl));
	overflow-y: auto;
}
._field_i6k3f_29 {
	display: flex;
	flex-direction: column;
	gap: var(--spacing--3xs);
}
._label_i6k3f_35 {
	display: block;
}
/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
@keyframes _shimmer_1l4fz_1 {
0% {
    background-position: 200% 0;
    animation-timing-function: var(--animation--shimmer-burst--easing, var(--easing--ease-in-out));
}
100% {
    background-position: -200% 0;
    animation-timing-function: var(--animation--shimmer-burst--easing, var(--easing--ease-in-out));
}
}
@keyframes _spin_1l4fz_1 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes _skeleton-pulse_1l4fz_1 {
0%, 100% {
    opacity: var(--animation--skeleton-pulse--opacity-start, 1);
}
50% {
    opacity: var(--animation--skeleton-pulse--opacity-end, 0.4);
}
}
@keyframes _opacityPulse_1l4fz_1 {
0%, 100% {
    opacity: var(--animation--opacity-pulse--opacity-start, 1);
}
50% {
    opacity: var(--animation--opacity-pulse--opacity-end, 0.4);
}
}
@keyframes _popoverIn_1l4fz_1 {
from {
    opacity: 0;
    transform: translate(var(--animation--popover-in--translate-x, 0), var(--animation--popover-in--translate-y, 0)) scale(var(--animation--popover-in--scale, 0.96));
}
to {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}
}
@keyframes _fadeIn_1l4fz_1 {
from {
    opacity: 0;
    transform: translateY(var(--animation--fade-in--translate, 8px));
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes _collapsibleSlideDown_1l4fz_1 {
from {
    height: 0;
}
to {
    height: var(--reka-collapsible-content-height);
}
}
@keyframes _collapsibleSlideUp_1l4fz_1 {
from {
    height: var(--reka-collapsible-content-height);
}
to {
    height: 0;
}
}
@keyframes _pulseGlow_1l4fz_1 {
0% {
    box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
58.33% {
    box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
66.6% {
    box-shadow: 0 0 0 66px transparent;
}
66.7% {
    box-shadow: 0 0 0 0 transparent;
}
}
@keyframes _pulseGlowDelayed_1l4fz_1 {
0%, 16.66% {
    box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
50% {
    box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
83.3% {
    box-shadow: 0 0 0 66px transparent;
}
83.4% {
    box-shadow: 0 0 0 0 transparent;
}
}
@keyframes _fade_1l4fz_1 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes _fadeInUp_1l4fz_1 {
from {
    opacity: 0;
    transform: translateY(var(--animation--fade-in-up--translate, var(--spacing--4xs)));
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes _fadeInDown_1l4fz_1 {
from {
    opacity: 0;
    transform: translateY(calc(-1 * var(--animation--fade-in-down--translate, var(--spacing--4xs))));
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes _fadeInLeft_1l4fz_1 {
from {
    opacity: 0;
    transform: translateX(calc(-1 * var(--animation--fade-in-left--translate, var(--spacing--4xs))));
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes _fadeInRight_1l4fz_1 {
from {
    opacity: 0;
    transform: translateX(var(--animation--fade-in-right--translate, var(--spacing--4xs)));
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes _fadeOut_1l4fz_1 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes _fadeOutDown_1l4fz_1 {
from {
    opacity: 1;
    transform: translateY(0);
}
to {
    opacity: 0;
    transform: translateY(var(--animation--fade-out-down--translate, var(--spacing--4xs)));
}
}
@keyframes _fadeOutUp_1l4fz_1 {
from {
    opacity: 1;
    transform: translateY(0);
}
to {
    opacity: 0;
    transform: translateY(calc(-1 * var(--animation--fade-out-up--translate, var(--spacing--4xs))));
}
}
@keyframes _fadeOutLeft_1l4fz_1 {
from {
    opacity: 1;
    transform: translateX(0);
}
to {
    opacity: 0;
    transform: translateX(calc(-1 * var(--animation--fade-out-left--translate, var(--spacing--4xs))));
}
}
@keyframes _fadeOutRight_1l4fz_1 {
from {
    opacity: 1;
    transform: translateX(0);
}
to {
    opacity: 0;
    transform: translateX(var(--animation--fade-out-right--translate, var(--spacing--4xs)));
}
}
@keyframes _ping_1l4fz_406 {
75%, 100% {
    transform: scale(var(--animation--ping--scale, 2));
    opacity: 0;
}
}
@keyframes _blinkBackground_1l4fz_1 {
from, to {
    background-color: var(--animation--blink-background--color-start, transparent);
}
50% {
    background-color: var(--animation--blink-background--color-end, var(--color--foreground--shade-2));
}
}
@keyframes _typingBlink_1l4fz_1 {
0%, 80%, 100% {
    opacity: var(--animation--typing-blink--opacity-start, 0.35);
    transform: translateY(0);
}
40% {
    opacity: var(--animation--typing-blink--opacity-end, 1);
    transform: translateY(var(--animation--typing-blink--translate, -2px));
}
}
._channelItem_1l4fz_343 {
  display: flex;
  align-items: center;
  gap: var(--spacing--sm);
  padding-block: var(--spacing--sm);
}
._iconWrapper_1l4fz_350 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._channelIcon_1l4fz_359 {
  color: var(--icon-color--strong);
}
._content_1l4fz_363 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--5xs);
}
._name_1l4fz_371 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--line-height--md);
}
._channelActions_1l4fz_378 {
  display: flex;
  align-items: center;
  gap: var(--spacing--2xs);
  flex-shrink: 0;
}
._connectedTrigger_1l4fz_385 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing--3xs);
}
._connectedDotContainer_1l4fz_391 {
  display: grid;
  place-content: center;
}
._connectedDotContainer_1l4fz_391 > * {
  grid-area: 1/1;
}
._connectedDot_1l4fz_391 {
  width: 6px;
  height: 6px;
  border-radius: var(--radius--full);
  background: var(--color--green-500);
}
._ping_1l4fz_406 {
  animation: _ping_1l4fz_406 var(--animation--ping--duration, var(--duration--slowest)) infinite;
}
@media (prefers-reduced-motion: reduce) {
._ping_1l4fz_406 {
    animation: none;
}
}
._list_4obyw_2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
li {
		width: 100%;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-bottom: var(--spacing--3xs);
}
}
._aside_4obyw_14 {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: var(--spacing--xl);
	gap: var(--spacing--3xs);
	isolation: isolate;
}
._rail_4obyw_23 {
	width: 1px;
	height: 100%;
	background-color: var(--border-color);
	pointer-events: none;
}
._dot_4obyw_29 {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: var(--height--4xs);
	height: var(--height--4xs);
	border-radius: var(--radius--full);
	background-color: var(--border-color);
	z-index: 1;
}
._index_4obyw_37 {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	width: var(--height--md);
	height: var(--height--md);
	border-radius: var(--radius--full);
	background-color: var(--background--subtle);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--font-size--sm);
	font-weight: var(--font-weight--medium);
	color: var(--text-color);
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	z-index: 1;
}
._content_4obyw_52 {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-inline: var(--spacing--sm);
	padding-top: var(--spacing--3xs);
	padding-bottom: var(--spacing--lg);
}
._contentNoIndex_4obyw_61 {
	padding-top: 0;
}
._header_4obyw_64 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: var(--spacing--3xs);
}
/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
._row_1dfk9_125 {
  display: flex;
  gap: var(--spacing--sm);
  width: 100%;
  min-width: 0;
  font-size: var(--font-size--sm);
  color: var(--text-color);
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
}
._panel_1dfk9_137 {
  position: relative;
  flex: 0 0 13rem;
  aspect-ratio: 4/3;
  background-color: var(--background--subtle);
  border: var(--border);
  border-radius: var(--radius--lg);
  overflow: hidden;
}
._panel_1dfk9_137:nth-child(1) svg {
  position: absolute;
  right: var(--spacing--xs);
}
._panel_1dfk9_137:nth-child(2) svg {
  position: absolute;
  left: var(--spacing--xs);
  top: calc(var(--spacing--xs) * -1);
}
._panel_1dfk9_137:nth-child(3) svg {
  position: absolute;
  left: var(--spacing--xs);
  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
 -------------------------- */
/* Focus State
 -------------------------- */
._connectForm_1ukrc_125 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--xs);
  width: 100%;
}
._label_1ukrc_132 {
  display: block;
}
._selectRow_1ukrc_136 {
  display: flex;
  align-items: center;
  gap: var(--spacing--4xs);
}
._select_1ukrc_136 {
  flex: 1;
  min-width: 0;
}
._connectedDescription_1ukrc_147 {
  color: var(--color--text--tint-1);
}
._errorText_1ukrc_151 {
  color: var(--color--danger);
}
._link_1ukrc_155 {
  color: var(--color--primary);
  text-decoration: underline;
  cursor: pointer;
  margin-left: var(--spacing--4xs);
}/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
._slackSetup_1vtks_125 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
}
._stepContent_1vtks_131 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing--2xs);
  padding-top: var(--spacing--xs);
  min-width: 0;
}
._setupDescriptionContainer_1vtks_140 {
  display: flex;
  align-items: center;
  height: var(--height--xs);
}
._setupDescription_1vtks_140,
._publishNotice_1vtks_147 {
  color: var(--text-color--subtler);
}
._setupError_1vtks_151 {
  color: var(--color--danger);
}
._tokenInputContainer_1vtks_155,
._editTokenContainer_1vtks_156 {
  display: flex;
  width: 100%;
  flex-direction: column;
  width: 100%;
}
._editTokenContainer_1vtks_156 {
  gap: var(--spacing--sm);
  align-items: flex-start;
}
._tokenVisibilityButton_1vtks_168 {
  margin-right: calc(var(--spacing--3xs) * -1);
}
._createTokenContainer_1vtks_172 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
  width: 100%;
  min-width: 0;
}
._manualPanel_1vtks_180 {
  background-color: transparent;
}
._manualConfiguration_1vtks_184 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
  padding: 0 var(--spacing--xs) var(--spacing--xs);
}
._manualDescription_1vtks_191,
._manifestHint_1vtks_192 {
  color: var(--color--text--tint-1);
}
._manifestSection_1vtks_196 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--2xs);
}
._docsLink_1vtks_202 {
  color: var(--color--primary);
  text-decoration: underline;
}
._codeBlock_1vtks_207 {
  position: relative;
  margin-top: var(--spacing--3xs);
}
._codeBlockCopy_1vtks_212 {
  position: absolute;
  top: var(--spacing--2xs);
  right: var(--spacing--lg);
  z-index: 1;
}
._manifestCode_1vtks_219 {
  margin: 0;
  padding: var(--spacing--xs);
  padding-right: calc(var(--spacing--2xl) + var(--spacing--lg));
  background-color: var(--color--foreground--tint-2);
  border-radius: var(--radius);
  font-size: var(--font-size--2xs);
  line-height: var(--line-height--xl);
  overflow-x: auto;
  max-height: 240px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
  white-space: pre;
  font-family: monospace;
  color: var(--color--text);
}/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
._form_e515o_125 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--xs);
}
._field_e515o_131 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--2xs);
}
._warning_e515o_137 {
  align-items: flex-start;
}
._error_e515o_141 {
  color: var(--color--danger);
}
._tagInput_e515o_145 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing--4xs);
  padding: var(--spacing--4xs) var(--spacing--3xs);
  border: var(--border);
  border-radius: var(--radius);
  background-color: var(--input--color--background, var(--color--foreground--tint-2));
  cursor: text;
  min-height: 36px;
}
._tagInput_e515o_145:focus-within {
  border-color: var(--color--primary);
}
._tagInputDisabled_e515o_161 {
  opacity: 0.5;
  cursor: not-allowed;
}
._tagInputField_e515o_166 {
  flex: 1;
  min-width: 80px;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--font-size--2xs);
  color: var(--text-color);
  padding: var(--spacing--4xs) 0;
}
._tagInputField_e515o_166::placeholder {
  color: var(--text-color--subtler);
}
._badge_e515o_180 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing--5xs);
  height: var(--tag--height);
  padding: var(--tag--padding);
  line-height: var(--tag--line-height);
  color: var(--tag--color--text);
  background-color: var(--tag--color--background);
  border: 1px solid var(--tag--border-color);
  border-radius: var(--tag--radius);
  font-size: var(--tag--font-size);
  white-space: nowrap;
}
._badgeInvalid_e515o_195 {
  border-color: var(--color--danger);
  color: var(--color--danger);
}
._badgeRemove_e515o_200 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  line-height: 1;
}
._badgeRemove_e515o_200:hover {
  opacity: 1;
}/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
._slackSettings_xzt9l_125 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
}
._setupSection_xzt9l_131 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--2xs);
  padding-bottom: var(--spacing--xs);
}
._manualConfiguration_xzt9l_138 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
  padding: 0 var(--spacing--xs) var(--spacing--xs);
}
._manualPanel_xzt9l_145 {
  background-color: transparent;
}
._manualDescription_xzt9l_149 {
  color: var(--color--text--tint-1);
}
._manifestSection_xzt9l_153 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--2xs);
}
._setupHint_xzt9l_159 {
  color: var(--color--text--tint-1);
}
._setupInputRow_xzt9l_163 {
  display: flex;
  align-items: center;
  gap: var(--spacing--2xs);
  flex-wrap: wrap;
}
._setupInput_xzt9l_163 {
  flex: 1 1 16rem;
  min-width: 0;
}
._setupError_xzt9l_175 {
  color: var(--color--danger);
}
._docsCallout_xzt9l_179 {
  margin-bottom: var(--spacing--3xs);
}
._docsLink_xzt9l_183 {
  color: var(--color--primary);
  text-decoration: underline;
}
._manifestHint_xzt9l_188 {
  color: var(--color--text--tint-1);
}
._codeBlock_xzt9l_192 {
  position: relative;
  margin-top: var(--spacing--3xs);
}

/* Sit on top of the rounded container itself rather than inside the scrolling
   <pre>, so the button stays put as the user scrolls and never collides with
   the scrollbar groove. The right offset clears typical macOS / overlay
   scrollbars (~14px) plus our normal inner padding. */
._codeBlockCopy_xzt9l_201 {
  position: absolute;
  top: var(--spacing--2xs);
  right: var(--spacing--lg);
  z-index: 1;
}
._manifestCode_xzt9l_208 {
  margin: 0;
  padding: var(--spacing--xs);
  padding-right: calc(var(--spacing--2xl) + var(--spacing--lg));
  background-color: var(--color--foreground--tint-2);
  border-radius: var(--radius);
  font-size: var(--font-size--2xs);
  line-height: var(--line-height--xl);
  overflow-x: auto;
  max-height: 240px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--border-color) transparent;
  white-space: pre;
  font-family: monospace;
  color: var(--color--text);
}/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
._linearSetup_12585_125,
._formContent_12585_126 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
}
._stepContent_12585_132 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
  padding-top: var(--spacing--xs);
}
._linearAppSetup_12585_139 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--xs);
}
._urlField_12585_145 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--3xs);
}
._urlLabel_12585_151 {
  display: block;
}
._urlHint_12585_155,
._publishNotice_12585_156 {
  color: var(--text-color--subtler);
}
._credentialStep_12585_160 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing--sm);
  width: 100%;
}
._cred_12585_160 {
  width: 100%;
}
._urlInput_12585_172 {
  flex: 1;
  min-width: 0;
}
._urlInput_12585_172 input {
  font-family: monospace;
  font-size: var(--font-size--2xs);
  text-overflow: ellipsis;
}
._errorText_12585_183 {
  color: var(--color--danger);
}
._link_12585_187 {
  color: var(--color--primary);
  text-decoration: underline;
  cursor: pointer;
  margin-left: var(--spacing--4xs);
}
._copyButton_12585_194 {
  margin-right: calc(var(--spacing--3xs) * -1);
}/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
._telegramSetup_ibyd0_125,
._formContent_ibyd0_126 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
}
._stepContent_ibyd0_132 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--sm);
  padding-top: var(--spacing--xs);
}
._connectStep_ibyd0_139 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing--sm);
}
._publishNotice_ibyd0_146 {
  color: var(--text-color--subtler);
}
._errorText_ibyd0_150 {
  color: var(--color--danger);
}
._link_ibyd0_154 {
  color: var(--color--primary);
  text-decoration: underline;
  cursor: pointer;
  margin-left: var(--spacing--4xs);
}/* 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
 -------------------------- */
/* Focus State
 -------------------------- */
@keyframes _shimmer_qrzmi_1 {
0% {
    background-position: 200% 0;
    animation-timing-function: var(--animation--shimmer-burst--easing, var(--easing--ease-in-out));
}
100% {
    background-position: -200% 0;
    animation-timing-function: var(--animation--shimmer-burst--easing, var(--easing--ease-in-out));
}
}
@keyframes _spin_qrzmi_1 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes _skeleton-pulse_qrzmi_1 {
0%, 100% {
    opacity: var(--animation--skeleton-pulse--opacity-start, 1);
}
50% {
    opacity: var(--animation--skeleton-pulse--opacity-end, 0.4);
}
}
@keyframes _opacityPulse_qrzmi_1 {
0%, 100% {
    opacity: var(--animation--opacity-pulse--opacity-start, 1);
}
50% {
    opacity: var(--animation--opacity-pulse--opacity-end, 0.4);
}
}
@keyframes _popoverIn_qrzmi_1 {
from {
    opacity: 0;
    transform: translate(var(--animation--popover-in--translate-x, 0), var(--animation--popover-in--translate-y, 0)) scale(var(--animation--popover-in--scale, 0.96));
}
to {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}
}
@keyframes _fadeIn_qrzmi_1 {
from {
    opacity: 0;
    transform: translateY(var(--animation--fade-in--translate, 8px));
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes _collapsibleSlideDown_qrzmi_1 {
from {
    height: 0;
}
to {
    height: var(--reka-collapsible-content-height);
}
}
@keyframes _collapsibleSlideUp_qrzmi_1 {
from {
    height: var(--reka-collapsible-content-height);
}
to {
    height: 0;
}
}
@keyframes _pulseGlow_qrzmi_1 {
0% {
    box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
58.33% {
    box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
66.6% {
    box-shadow: 0 0 0 66px transparent;
}
66.7% {
    box-shadow: 0 0 0 0 transparent;
}
}
@keyframes _pulseGlowDelayed_qrzmi_1 {
0%, 16.66% {
    box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
50% {
    box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
83.3% {
    box-shadow: 0 0 0 66px transparent;
}
83.4% {
    box-shadow: 0 0 0 0 transparent;
}
}
@keyframes _fade_qrzmi_1 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes _fadeInUp_qrzmi_1 {
from {
    opacity: 0;
    transform: translateY(var(--animation--fade-in-up--translate, var(--spacing--4xs)));
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes _fadeInDown_qrzmi_1 {
from {
    opacity: 0;
    transform: translateY(calc(-1 * var(--animation--fade-in-down--translate, var(--spacing--4xs))));
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes _fadeInLeft_qrzmi_1 {
from {
    opacity: 0;
    transform: translateX(calc(-1 * var(--animation--fade-in-left--translate, var(--spacing--4xs))));
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes _fadeInRight_qrzmi_1 {
from {
    opacity: 0;
    transform: translateX(var(--animation--fade-in-right--translate, var(--spacing--4xs)));
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes _fadeOut_qrzmi_1 {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}
@keyframes _fadeOutDown_qrzmi_1 {
from {
    opacity: 1;
    transform: translateY(0);
}
to {
    opacity: 0;
    transform: translateY(var(--animation--fade-out-down--translate, var(--spacing--4xs)));
}
}
@keyframes _fadeOutUp_qrzmi_1 {
from {
    opacity: 1;
    transform: translateY(0);
}
to {
    opacity: 0;
    transform: translateY(calc(-1 * var(--animation--fade-out-up--translate, var(--spacing--4xs))));
}
}
@keyframes _fadeOutLeft_qrzmi_1 {
from {
    opacity: 1;
    transform: translateX(0);
}
to {
    opacity: 0;
    transform: translateX(calc(-1 * var(--animation--fade-out-left--translate, var(--spacing--4xs))));
}
}
@keyframes _fadeOutRight_qrzmi_1 {
from {
    opacity: 1;
    transform: translateX(0);
}
to {
    opacity: 0;
    transform: translateX(var(--animation--fade-out-right--translate, var(--spacing--4xs)));
}
}
@keyframes _ping_qrzmi_1 {
75%, 100% {
    transform: scale(var(--animation--ping--scale, 2));
    opacity: 0;
}
}
@keyframes _blinkBackground_qrzmi_1 {
from, to {
    background-color: var(--animation--blink-background--color-start, transparent);
}
50% {
    background-color: var(--animation--blink-background--color-end, var(--color--foreground--shade-2));
}
}
@keyframes _typingBlink_qrzmi_1 {
0%, 80%, 100% {
    opacity: var(--animation--typing-blink--opacity-start, 0.35);
    transform: translateY(0);
}
40% {
    opacity: var(--animation--typing-blink--opacity-end, 1);
    transform: translateY(var(--animation--typing-blink--translate, -2px));
}
}
._container_qrzmi_343 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--md);
  min-height: var(--height--5xl);
  aspect-ratio: 4/3;
  overflow-y: auto;
  scrollbar-width: thin;
  margin-bottom: calc(var(--spacing--lg) * -1);
  scrollbar-color: transparent transparent;
}
._customHeader_qrzmi_355 {
  flex-direction: row;
  align-items: center;
  gap: var(--spacing--md);
  padding-inline: var(--spacing--lg);
  padding-bottom: var(--spacing--md);
  height: var(--height--2xl);
  border-bottom: var(--border);
  margin-inline: calc(var(--spacing--lg) * -1);
}
._headerContent_qrzmi_366 {
  display: flex;
  align-items: center;
  gap: var(--spacing--md);
}
._headerTitle_qrzmi_372 {
  display: flex;
  align-items: center;
  gap: var(--spacing--2xs);
  text-transform: capitalize;
}
._listView_qrzmi_379 {
  display: flex;
  flex-direction: column;
}
._channelList_qrzmi_384 {
  display: flex;
  flex-direction: column;
  padding-block: var(--spacing--xs);
}
._setupView_qrzmi_390,
._editView_qrzmi_391 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--md);
  padding: var(--spacing--md) 0;
}
._customFooter_qrzmi_398 {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: var(--spacing--md) var(--spacing--lg);
  border-top: var(--border);
  background: light-dark(var(--color--neutral-white), var(--color--neutral-800));
}
._footer_qrzmi_407 {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing--xs);
  height: var(--height--md);
}
.channel-view-fade-enter-active {
  --animation--fade-in--duration: var(--duration--snappy);
  --animation--fade-in--translate: 0;
  animation: _fadeIn_qrzmi_1 var(--animation--fade-in--duration, var(--duration--snappy)) var(--easing--ease-out);
}
@media (prefers-reduced-motion: reduce) {
.channel-view-fade-enter-active {
    animation: none;
}
}
.channel-view-fade-leave-active {
  --animation--fade-out--duration: var(--duration--snappy);
  animation: _fadeOut_qrzmi_1 var(--animation--fade-out--duration, var(--duration--snappy)) var(--animation--fade-out--easing, var(--easing--ease-in));
}
@media (prefers-reduced-motion: reduce) {
.channel-view-fade-leave-active {
    animation: none;
}
}
.channel-header-fade-enter-active,
.channel-footer-fade-enter-active {
  --animation--fade-in--duration: var(--duration--snappy);
  --animation--fade-in--translate: 0;
  animation: _fadeIn_qrzmi_1 var(--animation--fade-in--duration, var(--duration--snappy)) var(--easing--ease-out);
}
@media (prefers-reduced-motion: reduce) {
.channel-header-fade-enter-active,
  .channel-footer-fade-enter-active {
    animation: none;
}
}
.channel-header-fade-leave-active,
.channel-footer-fade-leave-active {
  --animation--fade-out--duration: var(--duration--snappy);
  animation: _fadeOut_qrzmi_1 var(--animation--fade-out--duration, var(--duration--snappy)) var(--animation--fade-out--easing, var(--easing--ease-in));
}
@media (prefers-reduced-motion: reduce) {
.channel-header-fade-leave-active,
  .channel-footer-fade-leave-active {
    animation: 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
 -------------------------- */
/* Focus State
 -------------------------- */
._section_17aqi_125 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--xs);
  width: 100%;
}
._capabilityRow_17aqi_132 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing--lg);
  min-height: var(--height--lg);
}
._rowLabel_17aqi_139 {
  flex: 0 0 var(--spacing--3xl);
  line-height: var(--height--lg);
  font-size: var(--font-size--sm);
  font-weight: var(--font-weight--medium);
}
._chips_17aqi_146 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing--xs);
  min-width: 0;
  margin-top: var(--spacing--5xs);
}
._capabilityChip_17aqi_155 {
  max-width: min(12rem, 100%);
}
._groupChipLabel_17aqi_159 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing--4xs);
}
._disabled_17aqi_165 {
  opacity: 0.5;
  pointer-events: none;
}
._error_17aqi_170 {
  color: var(--color--danger);
}
@media (max-width: 768px) {
._capabilityRow_17aqi_132 {
    flex-direction: column;
    gap: var(--spacing--xs);
}
._rowLabel_17aqi_139 {
    flex-basis: auto;
    line-height: var(--line-height--sm);
}
}