n8n-editor-ui
Version:
Workflow Editor UI for n8n
18,502 lines • 427 kB
CSS
/* 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
-------------------------- */
._strokeWidth_1gp7m_123 rect,
._strokeWidth_1gp7m_123 path {
stroke-width: var(--icon--stroke-width);
}
._spin_1gp7m_128 {
-webkit-animation: _spin_1gp7m_128 1s linear infinite;
animation: _spin_1gp7m_128 1s linear infinite;
}
@-webkit-keyframes _spin_1gp7m_128 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes _spin_1gp7m_128 {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}/* 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
-------------------------- */
.lds-ring {
display: inline-block;
position: relative;
width: 48px;
height: 48px;
}
.lds-ring div {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: absolute;
width: 48px;
height: 48px;
border: 4px solid var(--color--foreground--tint-2);
border-radius: 50%;
-webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: var(--color--primary) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
-webkit-animation-delay: -0.45s;
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
-webkit-animation-delay: -0.15s;
animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lds-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}/* 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
-------------------------- */
.el-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
border: var(--border-width) var(--button--border-color, var(--button--border-color--primary)) var(--border-style) !important;
color: var(--button--color--text, var(--button--color--text--primary)) !important;
background-color: var(--button--color--background, var(--button--color--background--primary)) !important;
font-weight: var(--font-weight--medium) !important;
border-radius: var(--button--radius, 4px) !important;
padding: var(--button--padding--vertical, var(--spacing--xs)) var(--button--padding--horizontal, var(--spacing--md)) !important;
font-size: var(--button--font-size, var(--font-size--sm)) !important;
-webkit-appearance: none;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
margin: 0;
-webkit-transition: all 0.3s, padding 0s, width 0s, height 0s;
transition: all 0.3s, padding 0s, width 0s, height 0s;
gap: var(--spacing--3xs);
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
--button--padding--vertical: var(--spacing--2xs);
--button--padding--horizontal: var(--spacing--xs);
--button--font-size: var(--font-size--2xs);
}
.el-button a {
color: var(--button--color--text, var(--button--color--text--primary)) !important;
}
.el-button:hover {
color: var(--button--color--text--hover, var(--button--color--text--primary)) !important;
border-color: var(--button--border-color--hover, var(--button--border-color--primary--hover-active)) !important;
background-color: var(--button--color--background--hover, var(--button--color--background--primary--hover-active-focus)) !important;
}
.el-button:hover a {
color: var(--button--color--text--hover, var(--button--color--text--primary)) !important;
}
.el-button:active, .el-button.active {
color: var(--button--color--text--active, var(--button--color--text--primary)) !important;
border-color: var(--button--border-color--active, var(--button--border-color--primary--hover-active)) !important;
background-color: var(--button--color--background--active, var(--button--color--background--primary--hover-active-focus)) !important;
outline: none;
}
.el-button:active a, .el-button.active a {
color: var(--button--color--text--active, var(--button--color--text--primary)) !important;
}
.el-button:focus-visible:not(:active, .active) {
color: var(--button--color--text--focus, var(--button--color--text--primary)) !important;
border-color: var(--button--border-color--focus, var(--button--border-color--primary)) !important;
background-color: var(--button--color--background--focus, var(--button--color--background--primary--hover-active-focus)) !important;
outline: 3px solid var(--button--outline-color--focus, var(--button--outline-color--primary--focus)) !important;
}
.el-button:focus-visible:not(:active, .active) a {
color: var(--button--color--text--focus, var(--button--color--text--primary)) !important;
}
.el-button.disabled, .el-button.disabled:hover, .el-button.disabled:active, .el-button.disabled:focus-visible {
color: var(--button--color--text--disabled, var(--button--color--text--primary--disabled));
border-color: var(--button--border-color--disabled, var(--button--border-color--primary--disabled));
background-color: var(--button--color--background--disabled, var(--button--color--background--primary--disabled));
}
.el-button.disabled a, .el-button.disabled:hover a, .el-button.disabled:active a, .el-button.disabled:focus-visible a {
color: var(--button--color--text--disabled, var(--button--color--text--primary--disabled));
}
.el-button .loading, .el-button .loading:hover, .el-button .loading:active, .el-button .loading:focus-visible {
color: var(--button--color--text--loading, var(--button--color--text--primary));
border-color: var(--button--border-color--loading, var(--button--border-color--primary));
background-color: var(--button--color--background--loading, var(--button--color--background--primary));
}
.el-button .loading a, .el-button .loading:hover a, .el-button .loading:active a, .el-button .loading:focus-visible a {
color: var(--button--color--text--loading, var(--button--color--text--primary));
}
.el-button::-moz-focus-inner {
border: 0;
}
.el-button > i {
display: none;
}
.el-button > span {
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;
}
.el-button + .el-button {
margin-left: var(--spacing--2xs);
}
.el-button.btn--cancel, .el-button.el-color-dropdown__link-btn {
--button--color--text: var(--button--color--text--secondary);
--button--border-color: var(--button--border-color--secondary);
--button--color--background: var(--button--color--background--secondary);
--button--color--text--hover: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--hover: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--hover: var(--button--color--background--secondary--hover);
--button--color--text--active: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--active: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--active: var(--button--color--background--secondary--active-focus);
--button--color--text--focus: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--focus: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--focus: var(--button--color--background--secondary--active-focus);
--button--outline-color--focus: var(--button--outline-color--secondary--focus);
--button--color--text--disabled: var(--button--color--text--secondary--disabled);
--button--border-color--disabled: var(--button--border-color--secondary--disabled);
--button--color--background--disabled: var(--button--color--background--secondary);
--button--color--text--loading: var(--button--color--text--secondary--loading);
--button--border-color--loading: var(--button--border-color--secondary--loading);
--button--color--background--loading: var(--button--color--background--secondary--loading);
}/* 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
-------------------------- */
._button_zpi3n_123 {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
border: var(--border-width) var(--button--border-color, var(--button--border-color--primary)) var(--border-style);
color: var(--button--color--text, var(--button--color--text--primary));
background-color: var(--button--color--background, var(--button--color--background--primary));
font-weight: var(--font-weight--medium);
border-radius: var(--button--radius, 4px);
padding: var(--button--padding--vertical, var(--spacing--xs)) var(--button--padding--horizontal, var(--spacing--md));
font-size: var(--button--font-size, var(--font-size--sm));
-webkit-appearance: none;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
margin: 0;
-webkit-transition: all 0.3s, padding 0s, width 0s, height 0s;
transition: all 0.3s, padding 0s, width 0s, height 0s;
gap: var(--spacing--3xs);
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
._button_zpi3n_123 a {
color: var(--button--color--text, var(--button--color--text--primary));
}
._button_zpi3n_123:hover {
color: var(--button--color--text--hover, var(--button--color--text--primary));
border-color: var(--button--border-color--hover, var(--button--border-color--primary--hover-active));
background-color: var(--button--color--background--hover, var(--button--color--background--primary--hover-active-focus));
}
._button_zpi3n_123:hover a {
color: var(--button--color--text--hover, var(--button--color--text--primary));
}
._button_zpi3n_123:active, ._button_zpi3n_123._active_zpi3n_157 {
color: var(--button--color--text--active, var(--button--color--text--primary));
border-color: var(--button--border-color--active, var(--button--border-color--primary--hover-active));
background-color: var(--button--color--background--active, var(--button--color--background--primary--hover-active-focus));
outline: none;
}
._button_zpi3n_123:active a, ._button_zpi3n_123._active_zpi3n_157 a {
color: var(--button--color--text--active, var(--button--color--text--primary));
}
._button_zpi3n_123:focus-visible:not(:active, ._active_zpi3n_157) {
color: var(--button--color--text--focus, var(--button--color--text--primary));
border-color: var(--button--border-color--focus, var(--button--border-color--primary));
background-color: var(--button--color--background--focus, var(--button--color--background--primary--hover-active-focus));
outline: 3px solid var(--button--outline-color--focus, var(--button--outline-color--primary--focus));
}
._button_zpi3n_123:focus-visible:not(:active, ._active_zpi3n_157) a {
color: var(--button--color--text--focus, var(--button--color--text--primary));
}
._button_zpi3n_123._disabled_zpi3n_175, ._button_zpi3n_123._disabled_zpi3n_175:hover, ._button_zpi3n_123._disabled_zpi3n_175:active, ._button_zpi3n_123._disabled_zpi3n_175:focus-visible {
color: var(--button--color--text--disabled, var(--button--color--text--primary--disabled));
border-color: var(--button--border-color--disabled, var(--button--border-color--primary--disabled));
background-color: var(--button--color--background--disabled, var(--button--color--background--primary--disabled));
}
._button_zpi3n_123._disabled_zpi3n_175 a, ._button_zpi3n_123._disabled_zpi3n_175:hover a, ._button_zpi3n_123._disabled_zpi3n_175:active a, ._button_zpi3n_123._disabled_zpi3n_175:focus-visible a {
color: var(--button--color--text--disabled, var(--button--color--text--primary--disabled));
}
._button_zpi3n_123 ._loading_zpi3n_183, ._button_zpi3n_123 ._loading_zpi3n_183:hover, ._button_zpi3n_123 ._loading_zpi3n_183:active, ._button_zpi3n_123 ._loading_zpi3n_183:focus-visible {
color: var(--button--color--text--loading, var(--button--color--text--primary));
border-color: var(--button--border-color--loading, var(--button--border-color--primary));
background-color: var(--button--color--background--loading, var(--button--color--background--primary));
}
._button_zpi3n_123 ._loading_zpi3n_183 a, ._button_zpi3n_123 ._loading_zpi3n_183:hover a, ._button_zpi3n_123 ._loading_zpi3n_183:active a, ._button_zpi3n_123 ._loading_zpi3n_183:focus-visible a {
color: var(--button--color--text--loading, var(--button--color--text--primary));
}
._button_zpi3n_123::-moz-focus-inner {
border: 0;
}
._button_zpi3n_123 > i {
display: none;
}
._button_zpi3n_123 > span {
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;
}
/**
* Colors
*/
._secondary_zpi3n_206 {
--button--color--text: var(--button--color--text--secondary);
--button--border-color: var(--button--border-color--secondary);
--button--color--background: var(--button--color--background--secondary);
--button--color--text--hover: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--hover: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--hover: var(--button--color--background--secondary--hover);
--button--color--text--active: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--active: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--active: var(--button--color--background--secondary--active-focus);
--button--color--text--focus: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--focus: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--focus: var(--button--color--background--secondary--active-focus);
--button--outline-color--focus: var(--button--outline-color--secondary--focus);
--button--color--text--disabled: var(--button--color--text--secondary--disabled);
--button--border-color--disabled: var(--button--border-color--secondary--disabled);
--button--color--background--disabled: var(--button--color--background--secondary);
--button--color--text--loading: var(--button--color--text--secondary--loading);
--button--border-color--loading: var(--button--border-color--secondary--loading);
--button--color--background--loading: var(--button--color--background--secondary--loading);
}
._highlight_zpi3n_228 {
--button--color--text: var(--button--color--text--highlight);
--button--border-color: var(--button--border-color--highlight);
--button--color--background: var(--button--color--background--highlight);
--button--color--text--hover: var(--button--color--text--highlight--hover-active-focus);
--button--border-color--hover: var(--button--border-color--highlight--hover-active-focus);
--button--color--background--hover: var(--button--color--background--highlight--hover);
--button--color--text--active: var(--button--color--text--highlight--hover-active-focus);
--button--border-color--active: var(--button--border-color--highlight--hover-active-focus);
--button--color--background--active: var(--button--color--background--highlight--active-focus);
--button--color--text--focus: var(--button--color--text--highlight--hover-active-focus);
--button--border-color--focus: var(--button--border-color--highlight--hover-active-focus);
--button--color--background--focus: var(--button--color--background--highlight--active-focus);
--button--outline-color--focus: var(--button--outline-color--highlight--focus);
--button--color--text--disabled: var(--button--color--text--highlight--disabled);
--button--border-color--disabled: var(--button--border-color--highlight--disabled);
--button--color--background--disabled: var(--button--color--background--highlight--disabled);
--button--color--text--loading: var(--button--color--text--highlight--loading);
--button--border-color--loading: var(--button--border-color--highlight--loading);
--button--color--background--loading: var(--button--color--background--highlight--loading);
}
._tertiary_zpi3n_250 {
--button--color--text: var(--button--color--text--secondary);
--button--border-color: var(--button--border-color--secondary);
--button--color--background: var(--button--color--background--secondary);
--button--color--text--hover: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--hover: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--hover: var(--button--color--background--secondary--hover);
--button--color--text--active: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--active: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--active: var(--button--color--background--secondary--active-focus);
--button--color--text--focus: var(--button--color--text--secondary--hover-active-focus);
--button--border-color--focus: var(--button--border-color--secondary--hover-active-focus);
--button--color--background--focus: var(--button--color--background--secondary--active-focus);
--button--outline-color--focus: var(--button--outline-color--secondary--focus);
--button--color--text--disabled: var(--button--color--text--secondary--disabled);
--button--border-color--disabled: var(--button--border-color--secondary--disabled);
--button--color--background--disabled: var(--button--color--background--secondary);
--button--color--text--loading: var(--button--color--text--secondary--loading);
--button--border-color--loading: var(--button--border-color--secondary--loading);
--button--color--background--loading: var(--button--color--background--secondary--loading);
}
._success_zpi3n_272 {
--button--color--text: var(--button--color--text--success);
--button--border-color: var(--color--success);
--button--color--background: var(--color--success);
--button--color--text--hover: var(--button--color--text--success);
--button--border-color--hover: var(--color--success--shade-1);
--button--color--background--hover: var(--color--success--shade-1);
--button--color--text--active: var(--button--color--text--success);
--button--border-color--active: var(--color--success--shade-1);
--button--color--background--active: var(--color--success--shade-1);
--button--color--text--focus: var(--button--color--text--success);
--button--border-color--focus: var(--color--success);
--button--color--background--focus: var(--color--success);
--button--outline-color--focus: var(--color--success--tint-1);
--button--color--text--disabled: var(--button--color--text--success--disabled);
--button--border-color--disabled: var(--color--success--tint-3);
--button--color--background--disabled: var(--color--success--tint-3);
--button--color--text--loading: var(--button--color--text--success);
--button--border-color--loading: var(--color--success);
--button--color--background--loading: var(--color--success);
}
._warning_zpi3n_294 {
--button--color--text: var(--button--color--text--warning);
--button--border-color: var(--color--warning);
--button--color--background: var(--color--warning);
--button--color--text--hover: var(--button--color--text--warning);
--button--border-color--hover: var(--color--warning--shade-1);
--button--color--background--hover: var(--color--warning--shade-1);
--button--color--text--active: var(--button--color--text--warning);
--button--border-color--active: var(--color--warning--shade-1);
--button--color--background--active: var(--color--warning--shade-1);
--button--color--text--focus: var(--button--color--text--warning);
--button--border-color--focus: var(--color--warning);
--button--color--background--focus: var(--color--warning);
--button--outline-color--focus: var(--color--warning--tint-1);
--button--color--text--disabled: var(--button--color--text--warning--disabled);
--button--border-color--disabled: var(--color--warning--tint-1);
--button--color--background--disabled: var(--color--warning--tint-1);
--button--color--text--loading: var(--button--color--text--warning);
--button--border-color--loading: var(--color--warning);
--button--color--background--loading: var(--color--warning);
}
._danger_zpi3n_316 {
--button--color--text: var(--button--color--text--danger);
--button--border-color: var(--button--border-color--danger);
--button--color--background: var(--color--danger);
--button--color--text--hover: var(--button--color--text--danger);
--button--border-color--hover: var(--color--danger--shade-1);
--button--color--background--hover: var(--color--danger--shade-1);
--button--color--text--active: var(--button--color--text--danger);
--button--border-color--active: var(--color--danger--shade-1);
--button--color--background--active: var(--color--danger--shade-1);
--button--color--text--focus: var(--button--color--text--danger);
--button--border-color--focus: var(--color--danger);
--button--color--background--focus: var(--color--danger);
--button--outline-color--focus: var(--button--outline-color--danger--focus);
--button--color--text--disabled: var(--button--color--text--danger--disabled);
--button--border-color--disabled: var(--button--border-color--danger--disabled);
--button--color--background--disabled: var(--button--color--background--danger--disabled);
--button--color--text--loading: var(--button--color--text--danger);
--button--border-color--loading: var(--color--danger);
--button--color--background--loading: var(--color--danger);
}
/**
* Sizes
*/
._xmini_zpi3n_341 {
--button--padding--vertical: var(--spacing--4xs);
--button--padding--horizontal: var(--spacing--3xs);
--button--font-size: var(--font-size--3xs);
}
._xmini_zpi3n_341._square_zpi3n_346 {
height: 22px;
width: 22px;
}
._mini_zpi3n_351 {
--button--padding--vertical: var(--spacing--4xs);
--button--padding--horizontal: var(--spacing--2xs);
--button--font-size: var(--font-size--2xs);
}
._mini_zpi3n_351._square_zpi3n_346 {
height: 22px;
width: 22px;
}
._small_zpi3n_361 {
--button--padding--vertical: var(--spacing--3xs);
--button--padding--horizontal: var(--spacing--xs);
--button--font-size: var(--font-size--2xs);
}
._small_zpi3n_361._square_zpi3n_346 {
height: 26px;
width: 26px;
}
._medium_zpi3n_371 {
--button--padding--vertical: var(--spacing--2xs);
--button--padding--horizontal: var(--spacing--xs);
--button--font-size: var(--font-size--2xs);
}
._medium_zpi3n_371._square_zpi3n_346 {
height: 30px;
width: 30px;
}
._large_zpi3n_381._square_zpi3n_346 {
height: 42px;
width: 42px;
}
._xlarge_zpi3n_386 {
--button--padding--vertical: var(--spacing--xs);
--button--padding--horizontal: var(--spacing--sm);
--button--font-size: var(--font-size--md);
}
._xlarge_zpi3n_386._square_zpi3n_346 {
height: 46px;
width: 46px;
}
/**
* Modifiers
*/
._outline_zpi3n_399 {
--button--color--background: transparent;
--button--color--background--disabled: transparent;
}
._outline_zpi3n_399._primary_zpi3n_403 {
--button--color--text: var(--color--primary);
--button--color--text--disabled: var(--color--primary--tint-1);
--button--border-color--disabled: var(--color--primary--tint-1);
--button--color--background--disabled: transparent;
}
._outline_zpi3n_399._success_zpi3n_272 {
--button--color--text: var(--color--success);
--button--border-color: var(--color--success);
--button--border-color--hover: var(--color--success);
--button--color--background--hover: var(--color--success);
--button--color--background--active: var(--color--success);
--button--color--text--disabled: var(--color--success--tint-1);
--button--border-color--disabled: var(--color--success--tint-1);
--button--color--background--disabled: transparent;
}
._outline_zpi3n_399._warning_zpi3n_294 {
--button--color--text: var(--color--warning);
--button--border-color: var(--color--warning);
--button--border-color--hover: var(--color--warning);
--button--color--background--hover: var(--color--warning);
--button--color--background--active: var(--color--warning);
--button--color--text--disabled: var(--color--warning--tint-1);
--button--border-color--disabled: var(--color--warning--tint-1);
--button--color--background--disabled: transparent;
}
._outline_zpi3n_399._danger_zpi3n_316 {
--button--color--text: var(--color--danger);
--button--border-color: var(--color--danger);
--button--border-color--hover: var(--color--danger);
--button--color--background--hover: var(--color--danger);
--button--color--background--active: var(--color--danger);
--button--color--text--disabled: var(--color--danger--tint-3);
--button--border-color--disabled: var(--color--danger--tint-3);
--button--color--background--disabled: transparent;
}
._text_zpi3n_440 {
--button--color--text: var(--text-button--color--text--secondary);
--button--border-color: transparent;
--button--color--background: transparent;
--button--border-color--hover: transparent;
--button--color--background--hover: transparent;
--button--border-color--active: transparent;
--button--color--background--active: transparent;
--button--border-color--focus: transparent;
--button--color--background--focus: transparent;
--button--border-color--disabled: transparent;
--button--color--background--disabled: transparent;
}
._text_zpi3n_440:focus {
outline: 0;
}
._text_zpi3n_440._primary_zpi3n_403 {
--button--color--text: var(--color--primary);
--button--color--text--hover: var(--color--primary--shade-1);
--button--color--text--active: var(--color--primary--shade-1);
--button--color--text--focus: var(--color--primary);
--button--color--text--disabled: var(--color--primary--tint-1);
}
._text_zpi3n_440._success_zpi3n_272 {
--button--color--text: var(--color--success);
--button--color--text--hover: var(--color--success--shade-1);
--button--color--text--active: var(--color--success--shade-1);
--button--color--text--focus: var(--color--success);
--button--color--text--disabled: var(--color--success--tint-1);
}
._text_zpi3n_440._warning_zpi3n_294 {
--button--color--text: var(--color--warning);
--button--color--text--hover: var(--color--warning--shade-1);
--button--color--text--active: var(--color--warning--shade-1);
--button--color--text--focus: var(--color--warning);
--button--color--text--disabled: var(--color--warning--tint-1);
}
._text_zpi3n_440._danger_zpi3n_316 {
--button--color--text: var(--color--danger);
--button--color--text--hover: var(--color--danger--shade-1);
--button--color--text--active: var(--color--danger--shade-1);
--button--color--text--focus: var(--color--danger);
--button--color--text--disabled: var(--color--danger--tint-3);
}
._text_zpi3n_440:hover {
text-decoration: underline;
}
._loading_zpi3n_183 {
position: relative;
pointer-events: none;
}
._loading_zpi3n_183:before {
pointer-events: none;
content: "";
position: absolute;
left: -1px;
top: -1px;
right: -1px;
bottom: -1px;
border-radius: inherit;
}
._disabled_zpi3n_175, ._disabled_zpi3n_175:hover, ._disabled_zpi3n_175:active, ._disabled_zpi3n_175:focus {
cursor: not-allowed;
background-image: none;
}
._transparent_zpi3n_508 {
--button--color--background: transparent;
--button--color--background--active: transparent;
}
._withIcon_zpi3n_513 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._icon_zpi3n_519 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._icon_zpi3n_519 svg {
display: block;
}
._block_zpi3n_528 {
width: 100%;
}
._float-left_zpi3n_532 {
float: left;
}
._float-right_zpi3n_536 {
float: right;
}/* 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
-------------------------- */
._bold_1c4va_123 {
font-weight: var(--font-weight--medium);
}
._regular_1c4va_127 {
font-weight: var(--font-weight--regular);
}
._size-xlarge_1c4va_131 {
font-size: var(--font-size--xl);
line-height: var(--line-height--xl);
}
._size-large_1c4va_136 {
font-size: var(--font-size--md);
line-height: var(--line-height--xl);
}
._size-medium_1c4va_141 {
font-size: var(--font-size--sm);
line-height: var(--line-height--lg);
}
._size-small_1c4va_146 {
font-size: var(--font-size--2xs);
line-height: var(--line-height--lg);
}
._size-xsmall_1c4va_151 {
font-size: var(--font-size--3xs);
line-height: var(--line-height--sm);
}
._compact_1c4va_156 {
line-height: 1;
}
._primary_1c4va_160 {
color: var(--color--primary);
}
._secondary_1c4va_164 {
color: var(--color--secondary);
}
._text-dark_1c4va_168 {
color: var(--color--text--shade-1);
}
._text-base_1c4va_172 {
color: var(--color--text);
}
._text-light_1c4va_176 {
color: var(--color--text--tint-1);
}
._text-xlight_1c4va_180 {
color: var(--color--text--tint-3);
}
._danger_1c4va_184 {
color: var(--color--text--danger);
}
._success_1c4va_188 {
color: var(--color--success);
}
._warning_1c4va_192 {
color: var(--color--warning);
}
._foreground-dark_1c4va_196 {
color: var(--color--foreground--shade-1);
}
._foreground-xdark_1c4va_200 {
color: var(--color--foreground--shade-2);
}
._align-left_1c4va_204 {
text-align: left;
}
._align-right_1c4va_208 {
text-align: right;
}
._align-center_1c4va_212 {
text-align: 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
-------------------------- */
._callout_1nugz_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: var(--font-size--2xs);
padding: var(--spacing--xs);
border: var(--border-width) var(--border-style);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: var(--line-height--xl);
border-color: var(--callout--border-color--info);
background-color: var(--callout--color--background--info);
color: var(--callout--color--text--info);
}
._callout_1nugz_123._slim_1nugz_135 {
line-height: var(--line-height--xl);
padding: var(--spacing--3xs) var(--spacing--2xs);
}
._callout_1nugz_123 a {
color: var(--link--color--secondary);
font-weight: var(--font-weight--medium);
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
._round_1nugz_150 {
border-radius: var(--radius);
}
._onlyBottomBorder_1nugz_154 {
border-top: 0;
border-left: 0;
border-right: 0;
}
._messageSection_1nugz_160 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._info_1nugz_165,
._custom_1nugz_166 {
border-color: var(--callout--border-color--info);
background-color: var(--callout--color--background--info);
color: var(--callout--color--text--info);
}
._info_1nugz_165 ._icon_1nugz_171,
._custom_1nugz_166 ._icon_1nugz_171 {
color: var(--callout--icon-color--info);
}
._success_1nugz_176 {
border-color: var(--callout--border-color--success);
background-color: var(--callout--color--background--success);
color: var(--callout--color--text--success);
}
._success_1nugz_176 ._icon_1nugz_171 {
color: var(--callout--icon-color--success);
}
._warning_1nugz_185 {
border-color: var(--callout--border-color--warning);
background-color: var(--callout--color--background--warning);
color: var(--callout--color--text--warning);
}
._warning_1nugz_185 ._icon_1nugz_171 {
color: var(--callout--icon-color--warning);
}
._danger_1nugz_194 {
border-color: var(--callout--border-color--danger);
background-color: var(--callout--color--background--danger);
color: var(--callout--color--text--danger);
}
._danger_1nugz_194 ._icon_1nugz_171 {
color: var(--callout--icon-color--danger);
}
._icon_1nugz_171 {
line-height: 1;
margin-right: var(--spacing--xs);
}
._secondary_1nugz_208 {
font-size: var(--font-size--2xs);
font-weight: var(--font-weight--bold);
border-color: var(--callout--border-color--secondary);
background-color: var(--callout--color--background--secondary);
color: var(--callout--color--text--secondary);
}
._secondary_1nugz_208 ._icon_1nugz_171 {
color: var(--callout--icon-color--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
-------------------------- */
._bold_2u9bv_123 {
font-weight: var(--font-weight--bold);
}
._regular_2u9bv_127 {
font-weight: var(--font-weight--regular);
}
._size-2xlarge_2u9bv_131 {
font-size: var(--font-size--2xl);
line-height: var(--line-height--sm);
}
._size-xlarge_2u9bv_136 {
font-size: var(--font-size--xl);
line-height: var(--line-height--sm);
}
._size-large_2u9bv_141 {
font-size: var(--font-size--lg);
line-height: var(--line-height--lg);
}
._size-medium_2u9bv_146 {
font-size: var(--font-size--md);
line-height: var(--line-height--lg);
}
._size-small_2u9bv_151 {
font-size: var(--font-size--sm);
line-height: var(--line-height--md);
}
._primary_2u9bv_156 {
color: var(--color--primary);
}
._text-dark_2u9bv_160 {
color: var(--color--text--shade-1);
}
._text-base_2u9bv_164 {
color: var(--color--text);
}
._text-light_2u9bv_168 {
color: var(--color--text--tint-1);
}
._text-xlight_2u9bv_172 {
color: var(--color--text--tint-3);
}
._danger_2u9bv_176 {
color: var(--color--danger);
}
._align-left_2u9bv_180 {
text-align: left;
}
._align-right_2u9bv_184 {
text-align: right;
}
._align-center_2u9bv_188 {
text-align: 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
-------------------------- */
._buttons_136k4_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: var(--spacing--sm);
gap: var(--spacing--2xs);
}/* 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_17sde_123 {
border: 2px dashed var(--color--foreground);
border-radius: var(--radius--lg);
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;
padding: var(--spacing--3xl);
}
._container_17sde_123 > * {
margin-bottom: var(--spacing--lg);
}
._container_17sde_123 > *:last-child {
margin-bottom: 0;
}
._icon_17sde_138 {
font-size: 40px;
}
._heading_17sde_142 {
margin-bottom: var(--spacing--lg);
text-align: center;
}
._description_17sde_147 {
color: var(--color--text);
margin-bottom: var(--spacing--xl);
text-align: center;
}
._callout_17sde_153 {
width: 100%;
text-align: left;
}
._additional-content_17sde_158 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: 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
-------------------------- */
._text_1tvkz_123 {
background: var(--assistant--color--highlight-gradient);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: var(--font-weight--bold);
}
._small_1tvkz_131 {
font-size: 9px;
line-height: var(--spacing--xs);
}
._medium_1tvkz_136 {
font-size: var(--spacing--xs);
line-height: var(--spacing--sm);
}
._large_1tvkz_141 {
font-size: 14px;
line-height: 18px;
}
._xlarge_1tvkz_146 {
font-size: var(--spacing--sm);
line-height: var(--spacing--sm);
}/* 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
-------------------------- */
._button_149dz_123 {
border: var(--border);
background: var(--color--foreground--tint-2);
border-radius: var(--radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 42px;
width: 42px;
position: relative;
}
._button_149dz_123:hover {
border: 0;
cursor: pointer;
background: var(--assistant--color--highlight-gradient--reverse);
}
._button_149dz_123:hover > div {
background: transparent;
}
._num_149dz_143 {
color: var(--color--neutral-white);
background: var(--assistant--color--highlight-gradient--reverse);
border-radius: 50%;
width: var(--spacing--sm);
height: var(--spacing--sm);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: var(--font-size--3xs);
}
._text_149dz_155 {
position: absolute;
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: end;
-ms-flex-align: end;
align-items: end;
width: 100px;
right: 48px;
}/* 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
-------------------------- */
._xlarge_3f5j8_123 {
--input--font-size: var(--font-size--md);
}
._xlarge_3f5j8_123 input {
height: 48px;
}/* 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
-------------------------- */
._rating_12d3z_123 {
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--2xs);
margin-top: var(--spacing--2xs);
}
._buttons_12d3z_130 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--spacing--2xs);
}
._feedbackContainer_12d3z_135 {
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--2xs);
}
._feedbackInput_12d3z_141 .el-textarea__inner {
resize: none;
font-family: var(--font-family);
font-size: var(--font-size--sm);
}
._feedbackInput_12d3z_141 .el-textarea__inner::-webkit-input-placeholder {
font-size: var(--font-size--sm);
}
._feedbackInput_12d3z_141 .el-textarea__inner::-moz-placeholder {
font-size: var(--font-size--sm);
}
._feedbackInput_12d3z_141 .el-textarea__inner:-ms-input-placeholder {
font-size: var(--font-size--sm);
}
._feedbackInput_12d3z_141 .el-textarea__inner::-ms-input-placeholder {
font-size: var(--font-size--sm);
}
._feedbackInput_12d3z_141 .el-textarea__inner::placeholder {
font-size: var(--font-size--sm);
}
._feedbackActions_12d3z_150 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--spacing--2xs);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
._success_12d3z_156 {
color: var(--color--text);
font-size: var(--font-size--2xs);
margin: 0;
}
/* Minimal style specific */
._minimal_12d3z_163 {
margin-top: var(--spacing--5xs);
}
._minimal_12d3z_163 ._buttons_12d3z_130 {
gap: var(--spacing--5xs);
}
._minimal_12d3z_163 ._ratingButton_12d3z_169 {
--button--color--background--hover: var(--color--foreground--tint-1);
--button--color--text--hover: var(--color--text);
--button--color--text: var(--color--text);
}
._minimal_12d3z_163 ._feedbackContainer_12d3z_135 {
gap: var(--spacing--3xs);
}
._minimal_12d3z_163 ._feedbackInput_12d3z_141 .el-textarea__inner {
font-size: var(--font-size--2xs);
}
._minimal_12d3z_163 ._feedbackInput_12d3z_141 .el-textarea__inner::-webkit-input-placeholder {
font-size: var(--font-size--2xs);
}
._minimal_12d3z_163 ._feedbackInput_12d3z_141 .el-textarea__inner::-moz-placeholder {
font-size: var(--font-size--2xs);
}
._minimal_12d3z_163 ._feedbackInput_12d3z_141 .el-textarea__inner:-ms-input-placeholder {
font-size: var(--font-size--2xs);
}
._minimal_12d3z_163 ._feedbackInput_12d3z_141 .el-textarea__inner::-ms-input-placeholder {
font-size: var(--font-size--2xs);
}
._minimal_12d3z_163 ._feedbackInput_12d3z_141 .el-textarea__inner::placeholder {
font-size: var(--font-size--2xs);
}/* 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
-------------------------- */
._message_qxggn_123 {
margin-bottom: var(--spacing--sm);
font-size: var(--font-size--sm);
line-height: var(--line-height--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
-------------------------- */
.blinking-cursor {
display: inline-block;
height: var(--font-size--md);
width: var(--spacing--3xs);
border-radius: var(--radius--sm);
margin-left: var(--spacing--4xs);
-webkit-animation: 1s blink step-end infinite;
animation: 1s blink step-end infinite;
}
@-webkit-keyframes blink {
from, to {
background-color: transparent;
}
50% {
background-color: var(--color--foreground--shade-2);
}
}
@keyframes blink {
from, to {
background-color: transparent;
}
50% {
background-color: var(--color--foreground--shade-2);
}
}/* 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
-------------------------- */
._block_21ltf_123 {
font-size: var(--font-size--2xs);
background-color: var(--color--foreground--tint-2);
border: var(--border);
border-radius: var(--radius);
word-break: break-word;
}
._block_21ltf_123 li {
margin-left: var(--spacing--xs);
}
._blockTitle_21ltf_134 {
border-bottom: var(--border);
padding: var(--spacing--2xs);
font-weight: var(--font-weight--bold);
}
._blockBody_21ltf_140 {
padding: var(--spacing--xs);
}
._rendered-content_21ltf_144 p {
margin: 0;
margin: var(--spacing--4xs) 0;
}
._rendered-content_21ltf_144 h1,
._rendered-content_21ltf_144 h2,
._rendered-content_21ltf_144 h3 {
font-weight: var(--font-weight--bold);
font-size: var(--font-size--xs);
margin: var(--spacing--xs) 0 var(--spacing--4xs);
}
._rendered-content_21ltf_144 h4,
._rendered-content_21ltf_144 h5,
._rendered-content_21ltf_144 h6 {
font-weight: var(--font-weight--bold);
font-size: var(--font-size--2xs);
}
._rendered-content_21ltf_144 ul,
._rendered-content_21ltf_144 ol {
margin: var(--spacing--4xs) 0 var(--spacing--4xs) var(--spacing--lg);
}
._rendered-content_21ltf_144 ul ul,
._rendered-content_21ltf_144 ul ol,
._rendered-content_21ltf_144 ol ul,
._rendered-content_21ltf_144 ol ol {
margin-left: var(--spacing--xs);
margin-top: var(--spacing--4xs);
}
._rendered-content_21ltf_144 .table-wrapper {
overflow-x: auto;
}
._rendered-content_21ltf_144 table {
margin: var(--spacing--4xs) 0;
}
._rendered-content_21ltf_144 table th {
white-space: nowrap;
min-width: 120px;
width: auto;
}
._rendered-content_21ltf_144 table th,
._rendered-content_21ltf_144 table td {
border: var(--border);
padding: 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
-------------------------- */
._container_6dz7t_123 {
border: var(--border);
background-color: var(--color--foreground--tint-2);
border-radius: var(--radius);
}
._title_6dz7t_129 {
padding: var(--spacing--2xs);
font-weight: var(--font-weight--bold);
font-size: var(--font-size--2xs);
min-height: 32.5px;
line-height: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._lineNumber_6dz7t_138 {
font-size: var(--font-size--3xs);
min-width: 18px;
max-width: 18px;
text-align: center;
border-right: var(--border);
}
._diffSection_6dz7t_146 {
overflow: scroll;
border-top: var(--border);
border-bottom: var(--border);
max-height: 218px;
background-color: var(--color--background);
font-family: var(--font-family--monospace);
}
._diff_6dz7t_146 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: var(--font-size--3xs);
line-height: 18px; /* 100% */
height: 18px;
max-height: 18px;
}
._diffContent_6dz7t_163 {
width: auto;
text-wrap: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._diffContent_6dz7t_163 > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._add_6dz7t_172 {
color: var(--color--success);
background-color: var(--color--success--tint-4);
}
._del_6dz7t_177 {
color: var(--color--danger);
background-color: var(--color--danger--tint-4);
}
._normal_6dz7t_182 {
background-color: var(--color--foreground--tint-2);
}
._actions_6dz7t_186 {
padding: var(--spacing--2xs);
}
._actions_6dz7t_186 > button > span {
margin-right: var(--spacing--4xs);
}
._infoText_6dz7t_193 {
color: var(--color--text--tint-1);
font-size: var(--font-size--xs);
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
-------------------------- */
._error_1wsms_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
padding: var(--spacing--2xs) var(--spacing--xs);
border: 1px solid var(--color--foreground);
border-radius: var(--radius);
background-color: var(--color--background--light-3);
}
._errorIcon_1wsms_133 {
margin-right: var(--spacing--5xs);
color: var(--color--danger);
}
._errorText_1wsms_138 {
color: var(--color--danger);
font-weight: var(--font-weight--regular);
line-height: var(--line-height--xs);
word-break: break-word;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
._retryButton_1wsms_146 {
margin-top: 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
-------------------------- */
._button_1jajl_123 {
border-radius: var(--radius);
position: relative;
border: 1px solid transparent;
padding: 0;
overflow: hidden;
background: var(--assistant--button--color--background--gradient) padding-box, var(--assistant--color--highlight-gradient) border-box;
}
._button_1jajl_123 > div {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: unset;
}
._hoverable_1jajl_139:hover {
cursor: pointer;
background: var(--assistant--button--color--background--gradient--hover) padding-box, var(--assistant--color--highlight-gradient--reverse) border-box;
}
._hoverable_1jajl_139:hover > div {
background: var(--assistant--button--color--background--hover);
}
._hoverable_1jajl_139:active {
background: var(--assistant--button--color--background--gradient--active) padding-box, var(--assistant--color--highlight-gradient--reverse) border-box;
}
._hoverable_1jajl_139:active > div {
background: var(--assistant--button--color--background--active);
}
._asked_1jajl_153 {
cursor: not-allowed;
background: var(--color--foreground);
color: var(--color--text--tint-1);
}
._icon_1jajl_159 {
margin-right: 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
-------------------------- */
._eventText_u4086_123 {
margin-top: var(--spacing--lg);
padding-top: var(--spacing--3xs);
border-top: var(--border);
color: var(--color--text);
}
._eventText_u4086_123 > button,
._eventText_u4086_123 > span {
margin-right: var(--spacing--3xs);
}
._eventText_u4086_123 button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}/* 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_17mee_123 {
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--sm);
padding: var(--spacing--md) var(--spacing--sm);
border: 1px solid var(--color--foreground);
border-radius: var(--radius--lg);
background-color: var(--color--background--light-3);
width: 288px;
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
}
._content_17mee_135 {
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);
color: var(--color--text);
}
._title_17mee_142 {
margin: 0;
font-size: var(--font-size--md);
font-weight: var(--font-weight--bold);
color: var(--color--text--shade-1);
}
._description_17mee_149 {
margin: 0;
font-size: var(--font-size--sm);
color: var(--color--text);
line-height: var(--line-height--xl);
}
._actions_17mee_156 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
}
._showVersionButton_17mee_163 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--4xs);
background: none;
border: none;
padding: 0;
color: var(--color--text--shade-1);
font-size: var(--font-size--sm);
font-weight: var(--font-weight--bold);
cursor: pointer;
padding: var(--spacing--3xs) var(--spacing--sm);
}
._showVersionButton_17mee_163:hover {
text-decoration: underline;
color: var(--color--primary);
}/* 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
-------------------------- */
._button_1km3u_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--3xs);
background: none;
border: none;
border-radius: var(--radius--lg);
padding: var(--spacing--4xs) var(--spacing--2xs);
color: var(--color--text--tint-1);
font-size: var(--font-size--2xs);
cursor: pointer;
white-space: nowrap;
-webkit-transition: background-color 0.15s ease, color 0.15s ease;
transition: background-color 0.15s ease, color 0.15s ease;
font-weight: var(--font-weight--medium);
}
._button_1km3u_123:hover {
background-color: var(--color--foreground--tint-1);
}
._button_1km3u_123:active, ._button_1km3u_123._active_1km3u_141 {
background-color: var(--color--foreground);
}
._button_1km3u_123._disabled_1km3u_144 {
cursor: not-allowed;
}
._button_1km3u_123._disabled_1km3u_144:hover, ._button_1km3u_123._disabled_1km3u_144:active {
background-color: transparent;
}/* 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
-------------------------- */
._restoreWrapper_hbaqt_123 {
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;
width: 100%;
margin-bottom: var(--spacing--2xs);
}
._restoreContainer_hbaqt_132 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 0 var(--spacing--md);
}
._restoreLine_hbaqt_139 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 1px;
background-color: var(--color--text--tint-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
-------------------------- */
._textMessage_nsboz_123 {
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--2xs);
font-size: var(--font-size--sm);
line-height: var(--line-height--xl);
word-break: break-word;
}
._userMessage_nsboz_132 {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
._userMessageContainer_nsboz_136 {
background-color: var(--assistant--color--background--user-bubble);
border-radius: var(--radius--lg);
padding: var(--spacing--2xs) var(--spacing--xs);
color: var(--assistant--color--text--user-bubble);
max-width: calc(100% - 40px);
}
._userContent_nsboz_144._collapsed_nsboz_144 {
max-height: var(--assistant--text-message--collapsed--max-height);
overflow: hidden;
}
._showMoreButton_nsboz_149 {
background: none;
border: none;
padding: 0;
margin-top: var(--spacing--2xs);
color: var(--assistant--color--text--subtle);
font-size: var(--font-size--sm);
font-weight: 500;
cursor: pointer;
text-align: left;
}
._showMoreButton_nsboz_149:hover {
text-decoration: underline;
}
._codeSnippet_nsboz_164 {
position: relative;
border: var(--border);
background-color: var(--color--foreground--tint-2);
border-radius: var(--radius);
font-family: var(--font-family--monospace);
font-size: var(--font-size--3xs);
max-height: 218px;
overflow: auto;
margin: var(--spacing--4xs) 0;
}
._codeSnippet_nsboz_164 header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: var(--spacing--4xs);
border-bottom: var(--border);
}
._codeSnippet_nsboz_164 header button:active,
._codeSnippet_nsboz_164 header button:focus {
outline: none !important;
}
._codeSnippet_nsboz_164 ._snippetContent_nsboz_185 {
padding: var(--spacing--2xs);
}
._codeSnippet_nsboz_164 pre {
white-space-collapse: collapse;
}
._codeSnippet_nsboz_164 code {
background-color: transparent;
font-size: var(--font-size--3xs);
}
._assistantText_nsboz_196 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: var(--assistant--color--text);
font-size: var(--font-size--sm);
line-height: var(--line-height--xl);
max-width: calc(100% - 40px);
}
._renderedContent_nsboz_205 p {
margin: 0;
}
._renderedContent_nsboz_205 :not(:first-child) > strong:first-child,
._renderedContent_nsboz_205 * + strong {
display: inline-block;
padding-top: var(--spacing--md);
}
._renderedContent_nsboz_205 h1,
._renderedContent_nsboz_205 h2,
._renderedContent_nsboz_205 h3 {
font-weight: var(--font-weight--bold);
font-size: var(--font-size--xs);
margin: var(--spacing--xs) 0 var(--spacing--4xs);
}
._renderedContent_nsboz_205 h4,
._renderedContent_nsboz_205 h5,
._renderedContent_nsboz_205 h6 {
font-weight: var(--font-weight--bold);
font-size: var(--font-size--2xs);
}
._renderedContent_nsboz_205 ul,
._renderedContent_nsboz_205 ol {
margin: var(--spacing--4xs) 0 var(--spacing--4xs) var(--spacing--lg);
}
._renderedContent_nsboz_205 ul li,
._renderedContent_nsboz_205 ol li {
margin-bottom: var(--spacing--5xs);
}
._renderedContent_nsboz_205 ul ul,
._renderedContent_nsboz_205 ul ol,
._renderedContent_nsboz_205 ol ul,
._renderedContent_nsboz_205 ol ol {
margin-left: var(--spacing--xs);
margin-top: var(--spacing--4xs);
}
._renderedContent_nsboz_205 .table-wrapper {
overflow-x: auto;
}
._renderedContent_nsboz_205 table {
margin: var(--spacing--4xs) 0;
}
._renderedContent_nsboz_205 table th {
white-space: nowrap;
min-width: 120px;
width: auto;
}
._renderedContent_nsboz_205 table th,
._renderedContent_nsboz_205 table td {
border: var(--border);
padding: 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
-------------------------- */
@-webkit-keyframes _shimmer_1oe1p_1 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
@keyframes _shimmer_1oe1p_1 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
._toolMessage_1oe1p_131 {
width: 100%;
}
._titleRow_1oe1p_135 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
}
._status_1oe1p_141 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: var(--spacing--md);
-ms-flex-negative: 0;
flex-shrink: 0;
}
._statusText_1oe1p_149 {
font-size: var(--font-size--2xs);
}
._statusText_1oe1p_149._status-running_1oe1p_152 {
color: var(--execution-card--color--text--waiting);
}
._statusText_1oe1p_149._status-completed_1oe1p_155 {
color: var(--color--success);
}
._statusText_1oe1p_149._status-error_1oe1p_158 {
color: var(--color--text--danger);
}
._content_1oe1p_162 {
padding: 0 var(--spacing--xs) var(--spacing--xs) var(--spacing--xs);
border-radius: var(--radius);
}
._sectionTitle_1oe1p_167 {
font-weight: var(--font-weight--bold);
font-size: var(--font-size--2xs);
color: var(--color--text--shade-1);
margin-bottom: var(--spacing--3xs);
}
._errorContent_1oe1p_174 {
color: var(--color--danger);
font-size: var(--font-size--2xs);
padding: var(--spacing--xs);
background-color: var(--color--danger--tint-4);
border-radius: var(--radius);
}/* 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
-------------------------- */
@-webkit-keyframes _shimmer_12sg5_169 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
@keyframes _shimmer_12sg5_169 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
._thinkingContainer_12sg5_131 {
margin: var(--spacing--2xs) 0;
}
._header_12sg5_135 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--4xs);
padding: var(--spacing--2xs) 0;
background: transparent;
border: none;
cursor: pointer;
width: 100%;
text-align: left;
}
._header_12sg5_135:hover {
opacity: 0.8;
}
._chevron_12sg5_150 {
color: var(--assistant--color--text--subtle);
-ms-flex-negative: 0;
flex-shrink: 0;
width: var(--font-size--lg);
height: var(--font-size--lg);
padding-top: 1px;
}
._chevron_12sg5_150 svg {
width: var(--font-size--lg);
height: var(--font-size--lg);
}
._statusText_12sg5_162 {
color: var(--assistant--color--text--subtle);
font-size: var(--font-size--sm);
font-weight: var(--font-weight--medium);
line-height: var(--line-height--xl);
}
._shimmer_12sg5_169 {
background: linear-gradient(135deg, #fff, #5e5e5e, #fff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
background-size: 200% 100%;
-webkit-animation: _shimmer_12sg5_169 3.33s linear infinite;
animation: _shimmer_12sg5_169 3.33s linear infinite;
}
._itemList_12sg5_177 {
padding-left: var(--spacing--4xs);
padding-bottom: var(--spacing--2xs);
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--2xs);
}
._item_12sg5_177 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
}
._itemIcon_12sg5_191 {
-ms-flex-negative: 0;
flex-shrink: 0;
width: var(--font-size--md);
height: var(--font-size--md);
color: var(--assistant--icon-color--subtle);
}
._itemIcon_12sg5_191 svg {
width: var(--font-size--md);
height: var(--font-size--md);
}
._itemText_12sg5_202 {
color: var(--assistant--color--text--subtle);
font-size: var(--font-size--sm);
line-height: var(--line-height--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
-------------------------- */
.expand-enter-active[data-v-45dbdf83],
.expand-leave-active[data-v-45dbdf83] {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden;
}
.expand-enter-from[data-v-45dbdf83],
.expand-leave-to[data-v-45dbdf83] {
opacity: 0;
max-height: 0;
}
.expand-enter-to[data-v-45dbdf83],
.expand-leave-from[data-v-45dbdf83] {
opacity: 1;
max-height: 500px;
}/* 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
-------------------------- */
@-webkit-keyframes _shimmer_1bn5e_1 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
@keyframes _shimmer_1bn5e_1 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
._container_1bn5e_131 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
._loadingSpinner_1bn5e_138 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: var(--spacing--md);
-ms-flex-negative: 0;
flex-shrink: 0;
}/* 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
-------------------------- */
.slide-vertical-enter-active[data-v-55cfb2bc],
.slide-vertical-leave-active[data-v-55cfb2bc] {
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: transform 0.5s ease, opacity 0.5s ease;
transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
.slide-vertical-enter[data-v-55cfb2bc] {
-webkit-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.slide-vertical-leave-to[data-v-55cfb2bc] {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.slide-horizontal-enter-active[data-v-55cfb2bc],
.slide-horizontal-leave-active[data-v-55cfb2bc] {
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: transform 0.5s ease, opacity 0.5s ease;
transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
}
.slide-horizontal-enter[data-v-55cfb2bc] {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
.slide-horizontal-leave-to[data-v-55cfb2bc] {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
.fade-enter-active[data-v-55cfb2bc],
.fade-leave-active[data-v-55cfb2bc] {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.fade-enter[data-v-55cfb2bc] {
opacity: 0;
}
.fade-leave-to[data-v-55cfb2bc] {
opacity: 0;
}/* 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
-------------------------- */
._primary_1rq9e_123 {
color: var(--color--primary);
}
._primary_1rq9e_123:active {
color: var(--color--primary--shade-1);
}
._text_1rq9e_130 {
color: var(--color--text);
}
._text_1rq9e_130:hover {
color: var(--color--primary);
}
._text_1rq9e_130:active {
color: var(--color--primary--shade-1);
}
._danger_1rq9e_140 {
color: var(--color--danger);
}
._danger_1rq9e_140:active {
color: var(--color--danger--shade-1);
}
._secondary_1rq9e_147 {
color: var(--link--color--secondary);
}
._secondary_1rq9e_147:active {
color: var(--link--color--secondary--hover);
}
._primary-underline_1rq9e_154 {
text-decoration: underline;
}
._text-underline_1rq9e_159 {
text-decoration: underline;
}
._danger-underline_1rq9e_164 {
text-decoration: underline;
}
._secondary-underline_1rq9e_169 {
text-decoration: underline;
}/* 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
-------------------------- */
._scrollAreaRoot_1vuxm_123 {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
contain: layout style;
}
._viewport_1vuxm_131 {
width: 100%;
height: 100%;
border-radius: inherit;
overflow-anchor: none;
}
._scrollbar_1vuxm_138 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
padding: var(--spacing--5xs);
background: transparent;
-webkit-transition: background 160ms ease-out;
transition: background 160ms ease-out;
pointer-events: none;
}
._scrollbar_1vuxm_138:hover {
background: var(--color--foreground--tint-1);
}
._scrollbar_1vuxm_138[data-orientation=vertical] {
width: var(--spacing--xs);
}
._scrollbar_1vuxm_138[data-orientation=horizontal] {
height: var(--spacing--xs);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
._thumb_1vuxm_158 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
background: var(--color--foreground);
border-radius: 4px;
position: relative;
pointer-events: auto;
}
._thumb_1vuxm_158:hover {
background: var(--color--foreground--shade-1);
}
._thumb_1vuxm_158:active {
background: var(--color--foreground--shade-2);
}
._scrollAreaRoot_1vuxm_123[data-type=always] ._scrollbar_1vuxm_138 {
background: var(--color--foreground--tint-2);
}
._scrollAreaRoot_1vuxm_123[data-type=always] ._scrollbar_1vuxm_138:hover {
background: var(--color--foreground--tint-1);
}
._scrollAreaRoot_1vuxm_123[data-type=always] ._thumb_1vuxm_158 {
background: var(--color--foreground--tint-1);
}
._scrollAreaRoot_1vuxm_123[data-type=always] ._thumb_1vuxm_158:hover {
background: var(--color--foreground);
}
._scrollAreaRoot_1vuxm_123[data-type=hover] ._scrollbar_1vuxm_138 {
opacity: 0;
-webkit-transition: opacity 160ms ease-out;
transition: opacity 160ms ease-out;
}
._scrollAreaRoot_1vuxm_123[data-type=hover]:hover ._scrollbar_1vuxm_138 {
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
-------------------------- */
._sendButton_15g2i_123 {
--button--radius: var(--radius--lg);
}
._stopButton_15g2i_127 {
--button--radius: var(--radius--lg);
}/* 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
-------------------------- */
._wrapper_npkfd_123 {
background: var(--color--background--light-2);
border: 1px solid var(--color--foreground);
border-radius: var(--radius--lg);
}
._container_npkfd_129 {
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;
background: var(--color--background--light-3);
border: none;
border-bottom: 1px transparent solid;
border-radius: var(--radius--lg);
-webkit-transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: border-color 0.2s ease, -webkit-box-shadow 0.2s ease;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
transition: border-color 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
padding: var(--spacing--2xs);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
._container_npkfd_129._withBottomBorder_npkfd_141 {
border-bottom: var(--border);
}
._container_npkfd_129._focused_npkfd_144 {
-webkit-box-shadow: 0 0 0 1px var(--color--secondary);
box-shadow: 0 0 0 1px var(--color--secondary);
border-bottom: 1px transparent solid;
}
._container_npkfd_129._multiline_npkfd_148 {
padding-bottom: 0;
}
._container_npkfd_129._disabled_npkfd_151 {
background-color: var(--color--background);
cursor: not-allowed;
}
._container_npkfd_129._disabled_npkfd_151 textarea {
cursor: not-allowed;
color: var(--color--text--tint-1);
}
._warningCallout_npkfd_160 {
margin: 0 var(--spacing--3xs) var(--spacing--2xs) var(--spacing--3xs);
}
._singleLineWrapper_npkfd_164 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
width: 100%;
}
._singleLineTextarea_npkfd_171 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
border: none;
background: transparent;
resize: none;
outline: none;
font-family: var(--font-family), sans-serif;
font-size: var(--font-size--sm);
line-height: 24px;
color: var(--color--text--shade-1);
padding: 0 var(--spacing--2xs);
height: 24px;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
._singleLineTextarea_npkfd_171::-webkit-input-placeholder {
color: var(--color--text--tint-1);
}
._singleLineTextarea_npkfd_171::-moz-placeholder {
color: var(--color--text--tint-1);
}
._singleLineTextarea_npkfd_171:-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._singleLineTextarea_npkfd_171::-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._singleLineTextarea_npkfd_171::placeholder {
color: var(--color--text--tint-1);
}
._inlineActions_npkfd_191 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--3xs);
}
._scrollAreaWrapper_npkfd_197 {
width: 100%;
margin-bottom: 0;
}
._multilineTextarea_npkfd_202 {
width: 100%;
border: none;
background: transparent;
resize: none;
outline: none;
font-family: var(--font-family), sans-serif;
font-size: var(--font-size--sm);
line-height: 18px;
color: var(--color--text--shade-1);
padding: var(--spacing--3xs);
margin-bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
overflow-y: hidden;
}
._multilineTextarea_npkfd_202::-webkit-input-placeholder {
color: var(--color--text--tint-1);
}
._multilineTextarea_npkfd_202::-moz-placeholder {
color: var(--color--text--tint-1);
}
._multilineTextarea_npkfd_202:-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._multilineTextarea_npkfd_202::-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._multilineTextarea_npkfd_202::placeholder {
color: var(--color--text--tint-1);
}
._bottomActions_npkfd_222 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: var(--spacing--3xs);
padding: var(--spacing--2xs) 0 var(--spacing--2xs) var(--spacing--2xs);
margin-top: auto;
}
._creditsBar_npkfd_231 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: var(--spacing--2xs) var(--spacing--xs);
border: none;
}
._creditsInfoWrapper_npkfd_239 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--3xs);
color: var(--color--text);
font-size: var(--font-size--2xs);
}
._creditsInfoWrapper_npkfd_239 b {
font-weight: var(--font-weight--bold);
}
._infoPopper_npkfd_250 {
min-width: 200px;
line-height: 18px;
}
._infoPopper_npkfd_250 b {
font-weight: var(--font-weight--bold);
}
._noCredits_npkfd_258 {
color: var(--color--danger);
}
._characterCount_npkfd_262 {
font-size: var(--font-size--3xs);
color: var(--color--text--tint-1);
padding: 0 var(--spacing--3xs);
}
._characterCount_npkfd_262 ._overLimit_npkfd_267 {
color: var(--color--danger);
font-weight: var(--font-weight--bold);
}/* 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
-------------------------- */
/* Layout */
._container_mailq_124 {
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;
gap: var(--spacing--md);
max-width: 710px;
width: 100%;
}
/* Prompt Input Section */
._promptContainer_mailq_134 {
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--sm);
-ms-flex-item-align: stretch;
align-self: stretch;
}
/* Suggestion Pills Section */
._pillsContainer_mailq_142 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: var(--spacing--2xs);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
._suggestionPill_mailq_150 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: var(--spacing--4xs) var(--spacing--2xs);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
border-radius: 56px;
border: var(--border);
background: var(--color--background--light-3);
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
font-size: var(--font-size--2xs);
color: var(--color--text--shade-1);
font-weight: var(--font-weight--regular);
}
._suggestionPill_mailq_150:hover:not(:disabled) {
color: var(--color--primary);
border-color: var(--color--primary);
background: var(--color--background--light-3);
}
._suggestionPill_mailq_150:disabled {
cursor: not-allowed;
opacity: 0.6;
}/* 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_1q5k3_123 {
height: 100%;
position: relative;
display: grid;
grid-template-rows: auto 1fr auto;
background-color: var(--color--background--light-2);
}
._header_1q5k3_131 {
height: 65px;
padding: 0 var(--spacing--lg);
background-color: var(--color--background--light-3);
border: var(--border);
border-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._header_1q5k3_131 div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._header_1q5k3_131 > div:first-of-type {
width: 100%;
}
._betaTag_1q5k3_147 {
color: var(--color--text);
font-size: var(--font-size--2xs);
font-weight: var(--font-weight--bold);
}
._body_1q5k3_153 {
background-color: var(--color--background--light-2);
border: var(--border);
border-top: 0;
border-bottom: 0;
position: relative;
line-height: var(--line-height--xl);
}
._body_1q5k3_153 pre,
._body_1q5k3_153 code {
text-wrap: wrap;
}
._placeholder_1q5k3_166 {
padding: var(--spacing--sm);
height: 100%;
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._suggestionsContainer_1q5k3_174 {
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;
width: 100%;
height: 100%;
padding: 0;
}
._messages_1q5k3_183 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
._messagesContent_1q5k3_191 {
padding: var(--spacing--xs);
padding-bottom: var(--spacing--xl);
}
._messagesContent_1q5k3_191 p {
line-height: var(--line-height--xl);
}
._message_1q5k3_183 {
margin-bottom: var(--spacing--sm);
font-size: var(--font-size--sm);
line-height: var(--line-height--xl);
}
._lastToolMessage_1q5k3_205 {
margin-bottom: var(--spacing--sm);
}
._chatTitle_1q5k3_209 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--spacing--xs);
}
._headerText_1q5k3_214 {
gap: var(--spacing--3xs);
}
._assistantTitle_1q5k3_218 {
gap: var(--spacing--2xs);
}
._greeting_1q5k3_222 {
color: var(--color--text--shade-1);
font-size: var(--font-size--md);
margin-bottom: var(--spacing--sm);
}
._info_1q5k3_228 {
font-size: var(--font-size--sm);
color: var(--color--text);
}
._info_1q5k3_228 button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
._back_1q5k3_236:hover {
cursor: pointer;
}
._quickReplies_1q5k3_240 {
margin-top: var(--spacing--sm);
}
._quickReplies_1q5k3_240 > * {
margin-bottom: var(--spacing--3xs);
}
._quickRepliesTitle_1q5k3_247 {
font-size: var(--font-size--3xs);
color: var(--color--text);
}
._inputWrapper_1q5k3_252 {
padding: var(--spacing--4xs) var(--spacing--2xs) var(--spacing--xs);
background-color: transparent;
width: 100%;
position: relative;
border-left: var(--border);
border-right: var(--border);
}
._inputWrapper_1q5k3_252::before {
content: "";
position: absolute;
top: calc(-1 * var(--spacing--md));
left: 0;
right: var(--spacing--xs);
height: var(--spacing--md);
background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(var(--color--background--light-2)));
background: linear-gradient(to bottom, transparent 0%, var(--color--background--light-2) 100%);
pointer-events: none;
z-index: 1;
}
._disabledInput_1q5k3_272 {
cursor: not-allowed;
}
._disabledInput_1q5k3_272 * {
cursor: not-allowed;
}
._inputPlaceholder_1q5k3_279 {
width: 100%;
}/* 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_9x10h_123 {
background: var(--assistant--color--highlight-gradient);
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._small_9x10h_131 {
height: var(--spacing--md);
width: var(--spacing--md);
}
._mini_9x10h_136 {
height: var(--spacing--sm);
width: var(--spacing--sm);
}/* 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
-------------------------- */
._badge_fatqt_123 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: var(--spacing--5xs) var(--spacing--4xs);
white-space: nowrap;
}
._badge_fatqt_123._border_fatqt_129 {
border: var(--border);
}
._default_fatqt_133 {
border-radius: var(--radius);
color: var(--color--text--tint-1);
border-color: var(--color--text--tint-1);
}
._success_fatqt_140 {
border-radius: var(--radius);
color: var(--color--success);
border-color: var(--color--success);
}
._warning_fatqt_147 {
border-radius: var(--radius);
color: var(--color--warning);
border-color: var(--color--warning);
}
._danger_fatqt_154 {
border-radius: var(--radius);
color: var(--color--danger);
border-color: var(--color--danger);
}
._primary_fatqt_161 {
padding: var(--spacing--5xs) var(--spacing--3xs);
border-radius: var(--radius--xl);
color: var(--color--foreground--tint-2);
background-color: var(--color--primary);
border-color: var(--color--primary);
}
._secondary_fatqt_170 {
border-radius: var(--radius--xl);
color: var(--color--secondary);
background-color: var(--color--secondary--tint-1);
}
._tertiary_fatqt_177 {
border-radius: var(--radius);
color: var(--color--text--tint-1);
border-color: var(--color--text--tint-1);
padding: 1px var(--spacing--5xs);
}/* 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
-------------------------- */
._shortcut_160kg_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--4xs);
}
._keyWrapper_160kg_129 {
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;
border-radius: var(--radius--sm);
height: 18px;
min-width: 18px;
padding: 0 var(--spacing--4xs);
border: solid 1px var(--color--foreground);
background: var(--color--background);
}
._key_160kg_129 {
color: var(--color--text);
font-size: var(--font-size--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
-------------------------- */
.el-dropdown__list ._userActionsMenu_1kea5_123 {
min-width: 160px;
padding: var(--spacing--4xs) 0;
}
.el-dropdown__list ._elementItem_1kea5_127 {
padding: 0;
}
.el-popper._hideArrow_1kea5_131 .el-popper__arrow {
display: none;
}
._shadow_1kea5_135 {
-webkit-box-shadow: var(--shadow--light);
box-shadow: var(--shadow--light);
}
._activator_1kea5_139:hover {
background-color: var(--color--background);
}
._itemContainer_1kea5_143 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--sm);
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: var(--font-size--2xs);
line-height: 18px;
padding: var(--spacing--3xs) var(--spacing--2xs);
}
._itemContainer_1kea5_143._disabled_1kea5_152 ._shortcut_1kea5_152 {
opacity: 0.3;
}
._icon_1kea5_156 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
margin-right: var(--spacing--2xs);
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: calc(-1 * var(--spacing--2xs));
}
._icon_1kea5_156 svg {
width: 1.2em !important;
}
._label_1kea5_168 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
}
._checkIcon_1kea5_173 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
._shortcut_1kea5_152 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
li.is-disabled ._hasCustomStyling_1kea5_182 {
color: inherit !important;
}
._clickableBadge_1kea5_186 {
cursor: pointer;
pointer-events: auto;
}/* 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
-------------------------- */
._h1Last_zujtd_123 {
width: 40%;
}
._pLast_zujtd_127 {
width: 61%;
}
._custom_zujtd_131 {
width: 100%;
height: 100%;
}/* 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
-------------------------- */
.n8n-loading-custom.el-skeleton,
.n8n-loading-custom.el-skeleton .el-skeleton__item {
width: 100%;
height: 100%;
}/* 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_i52uh_123 > * {
line-height: 1;
}
._button_i52uh_127 {
cursor: pointer;
padding: var(--spacing--4xs);
border-radius: var(--radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._button_i52uh_127:hover {
color: var(--color--primary);
cursor: pointer;
}
._button_i52uh_127:focus {
color: var(--color--primary);
}
._dark_i52uh_142 {
color: var(--color--text--shade-1);
}
._dark_i52uh_142:focus {
background-color: var(--color--background--light-3);
}
._iconContainer_i52uh_149 {
display: inline;
}
li:hover ._iconContainer_i52uh_149 svg {
color: var(--color--primary--tint-1);
}
._loading-dropdown_i52uh_157 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: var(--spacing--xs) 0;
gap: var(--spacing--2xs);
}
._loading_i52uh_157 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-width: var(--spacing--3xl);
}/* 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_odrs4_123 {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._container_odrs4_123 svg {
border-radius: 50%;
}
._empty_odrs4_133 {
display: block;
border-radius: 50%;
background-color: var(--color--foreground--shade-1);
opacity: 0.3;
}
._initials_odrs4_140 {
position: absolute;
font-size: var(--font-size--2xs);
font-weight: var(--font-weight--bold);
color: var(--avatar--color--text);
text-shadow: 0 1px 6px rgba(25, 11, 9, 0.3);
text-transform: uppercase;
}
._text-xxsmall_odrs4_149,
._text-xsmall_odrs4_150 {
font-size: 6px;
}
._xsmall_odrs4_154 {
height: var(--spacing--md);
width: var(--spacing--md);
}
._small_odrs4_159 {
height: 28px;
width: 28px;
}
._medium_odrs4_164 {
height: 40px;
width: 40px;
}
._large_odrs4_169 {
height: 48px;
width: 48px;
}/* 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
-------------------------- */
._uiBlocker_1cuek_123 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--block-ui--overlay--color);
z-index: 10;
opacity: 0.6;
border-radius: var(--radius--lg);
}/* 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
-------------------------- */
.fade-enter-active[data-v-39f743f2],
.fade-leave-active[data-v-39f743f2] {
-webkit-transition: opacity 200ms;
transition: opacity 200ms;
}
.fade-enter-from[data-v-39f743f2],
.fade-leave-to[data-v-39f743f2] {
opacity: 0;
}/* 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
-------------------------- */
._thinkingPill_bl3f7_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 40px;
padding: 0 var(--spacing--sm) 0 var(--spacing--xs);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
border-radius: 22px;
border: 1px solid var(--color--neutral-850);
background: rgba(65, 66, 68, 0.92);
cursor: default;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
._iconWrapper_bl3f7_139 {
width: 20px;
height: 20px;
border-radius: 50%;
background: radial-gradient(83.1% 83.1% at 30% 30%, #7a6bea 0%, #d57bae 100%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._stopButton_bl3f7_149 {
margin-left: var(--spacing--xs);
}
._text_bl3f7_153 {
color: white;
font-size: var(--font-size--sm);
font-weight: var(--font-weight--medium);
white-space: nowrap;
}/* 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_5i7ns_123 {
border-radius: var(--radius--lg);
border: var(--border);
background-color: var(--color--background--light-3);
padding: var(--card--padding, var(--spacing--sm));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._header_5i7ns_134,
._footer_5i7ns_135 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._content_5i7ns_142 {
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
._body_5i7ns_150 {
width: 100%;
height: 100%;
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-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
._icon_5i7ns_158 {
width: 24px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: var(--spacing--sm);
}
._hoverable_5i7ns_166 {
cursor: pointer;
-webkit-transition-property: border, color;
transition-property: border, color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
._hoverable_5i7ns_166:hover, ._hoverable_5i7ns_166:focus {
color: var(--color--primary);
border-color: var(--color--primary);
}
._append_5i7ns_177 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: default;
width: var(--card--append--width, unset);
}/* 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_chkiw_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
._container_chkiw_123 label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
._labelRow_chkiw_132 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._main-content_chkiw_137 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._main-content_chkiw_137:hover ._infoIcon_chkiw_140 {
opacity: 1;
}
._main-content_chkiw_137:hover ._infoIcon_chkiw_140:hover {
color: var(--color--text);
}
._infoIcon_chkiw_140:has(._icon_chkiw_147[aria-describedby]) {
opacity: 1;
}
._trailing-content_chkiw_151 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--spacing--3xs);
}
._trailing-content_chkiw_151 * {
-ms-flex-item-align: center;
align-self: center;
}
._inputLabel_chkiw_159 {
display: block;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
._container_chkiw_123:hover ._options_chkiw_164,
._inputLabel_chkiw_159:hover ._options_chkiw_164 {
opacity: 1;
-webkit-transition: opacity 100ms ease-in;
transition: opacity 100ms ease-in;
}
._container_chkiw_123:hover ._overlay_chkiw_169,
._inputLabel_chkiw_159:hover ._overlay_chkiw_169 {
opacity: 1;
-webkit-transition: opacity 100ms ease-in;
transition: opacity 100ms ease-in;
}
._withOptions_chkiw_175:hover ._title_chkiw_175 > span {
text-overflow: ellipsis;
overflow: hidden;
}
._title_chkiw_175 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 0;
}
._title_chkiw_175 > * {
white-space: nowrap;
}
._infoIcon_chkiw_140 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--color--text--tint-1);
margin-left: var(--spacing--4xs);
z-index: 1;
}
._options_chkiw_164 {
opacity: 0;
-webkit-transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
}
._issues_chkiw_204 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: center;
align-self: center;
}
._overlay_chkiw_169 {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
opacity: 0;
-webkit-transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2);
}
._overlay_chkiw_169 > div {
position: absolute;
width: 60px;
height: 19px;
top: 0;
right: 0;
z-index: 0;
background: -webkit-gradient(linear, right top, left top, color-stop(72.19%, var(--color--foreground--tint-2)), color-stop(107.45%, rgba(255, 255, 255, 0)));
background: linear-gradient(270deg, var(--color--foreground--tint-2) 72.19%, rgba(255, 255, 255, 0) 107.45%);
}
._hidden_chkiw_225 {
opacity: 0;
}
._visible_chkiw_229 {
opacity: 1;
}
._overflow_chkiw_233 {
overflow-x: hidden;
overflow-y: clip;
}
._textEllipses_chkiw_238 {
text-overflow: ellipsis;
overflow: hidden;
}
._heading_chkiw_243 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._heading_chkiw_243._small_chkiw_246 {
padding-bottom: var(--spacing--5xs);
}
._heading_chkiw_243._medium_chkiw_249 {
padding-bottom: var(--spacing--2xs);
}
._underline_chkiw_253 {
border-bottom: var(--border);
}
:root ._tooltipPopper_chkiw_257 {
line-height: var(--line-height--sm);
max-width: 400px;
}
:root ._tooltipPopper_chkiw_257 li {
margin-left: var(--spacing--sm);
}
:root ._tooltipPopper_chkiw_257 code {
color: var(--color--text--shade-1);
font-size: var(--font-size--3xs);
background: var(--color--background--shade-1);
padding: var(--spacing--5xs);
border-radius: var(--radius);
}/* 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
-------------------------- */
._n8nCheckbox_mqnz8_123 {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
white-space: normal !important;
margin-bottom: var(--spacing--2xs);
}
._n8nCheckbox_mqnz8_123 span {
white-space: normal;
}
._n8nCheckbox_mqnz8_123 label {
cursor: pointer;
margin-bottom: 0;
}
._progressRingCircle_15w7u_2 {
-webkit-transition: stroke-dashoffset 0.35s linear;
transition: stroke-dashoffset 0.35s linear;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
/* 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
-------------------------- */
._component_1c8bu_123 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._input_1c8bu_128 {
margin-left: 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
-------------------------- */
[data-v-5fee5dc0] .el-color-picker .el-color-picker__empty,[data-v-5fee5dc0] .el-color-picker .el-color-picker__icon {
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
-------------------------- */
._xlarge_e4dfb_123 {
--input--font-size: var(--font-size--md);
}
._xlarge_e4dfb_123 input {
height: 48px;
}
._container_e4dfb_130 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 100%;
}
._withPrepend_e4dfb_135 input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@-moz-document url-prefix() {
._withPrepend_e4dfb_135 input {
padding: 0 var(--spacing--3xs);
}
}
._prepend_e4dfb_145 {
font-size: var(--font-size--2xs);
border: var(--border);
border-right: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 var(--spacing--3xs);
background-color: var(--color--background--light-2);
border-bottom-left-radius: var(--input--radius, var(--radius));
border-top-left-radius: var(--input--radius, var(--radius));
color: var(--color--text);
white-space: nowrap;
}/* 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
-------------------------- */
._n8nTableScroll_5vz7z_123 {
max-height: 100%;
overflow: auto;
position: relative;
}
._n8nTable_5vz7z_123 {
height: 100%;
border-radius: 8px;
border: 1px solid var(--color--foreground);
overflow: hidden;
font-size: var(--font-size--sm);
}
._n8nTable_5vz7z_123 table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
white-space: nowrap;
}
._n8nTable_5vz7z_123 table > thead {
position: sticky;
top: 0;
z-index: 2;
}
._n8nTable_5vz7z_123 th,
._n8nTable_5vz7z_123 td {
text-align: left;
}
._n8nTable_5vz7z_123 th {
background-color: var(--color--background--light-1);
color: var(--color--text);
font-weight: 600;
font-size: 12px;
padding: 0 8px;
text-transform: capitalize;
height: 36px;
white-space: nowrap;
border-bottom: 1px solid var(--color--foreground);
}
._n8nTable_5vz7z_123 th:first-child {
padding-left: 16px;
}
._n8nTable_5vz7z_123 th:last-child {
padding-right: 16px;
}
._n8nTable_5vz7z_123 tbody > tr:hover {
background-color: var(--color--background--light-2);
}
._n8nTable_5vz7z_123 tbody > tr:last-child > td {
border-bottom: 0;
}
._n8nTable_5vz7z_123 tr {
background-color: var(--color--background--light-3);
}
._n8nTable_5vz7z_123 td {
color: var(--color--text--shade-1);
padding: 0 8px;
height: 48px;
border-bottom: 1px solid var(--color--foreground);
}
._n8nTable_5vz7z_123 td:first-child {
padding-left: 16px;
}
._n8nTable_5vz7z_123 td:last-child {
padding-right: 16px;
}/* 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
-------------------------- */
.datatableWrapper[data-v-0091143d] {
display: block;
width: 100%;
}
.pagination[data-v-0091143d] {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
bottom: 0;
overflow: visible;
margin-top: var(--spacing--sm);
}
.pageSizeSelector[data-v-0091143d] {
text-transform: capitalize;
max-width: 150px;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}/* 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
-------------------------- */
._link_h1bca_123 {
color: var(--color--text);
text-decoration: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--4xs);
background: none;
border: none;
padding: var(--spacing--4xs) var(--spacing--2xs);
cursor: pointer;
border-radius: var(--radius);
font-weight: var(--font-weight--regular);
}
._link_h1bca_123 svg {
color: var(--color--text--tint-1);
}
._link_h1bca_123:hover {
color: var(--color--primary);
background: var(--color--foreground--tint-1);
}
._link_h1bca_123:hover svg {
color: var(--color--primary);
}
._link_h1bca_123:active {
color: var(--color--primary--shade-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
-------------------------- */
._infoText_zsg8d_123 {
margin-top: var(--spacing--2xs);
font-size: var(--font-size--2xs);
font-weight: var(--font-weight--regular);
color: var(--color--text);
}
._errors_zsg8d_130 {
color: var(--color--danger);
}
._errorInput_zsg8d_135 {
--input--border-color: var(--color--danger);
}
._multiSelectSmallTags_zsg8d_139 .el-tag {
height: 24px;
padding: 0 8px;
line-height: 22px;
}/* 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
-------------------------- */
._grid_1yuvb_123 {
display: grid;
grid-row-gap: var(--spacing--sm);
grid-column-gap: var(--spacing--2xs);
}
._gridMulti_1yuvb_129 {
grid-template-columns: repeat(2, 1fr);
}/* 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
-------------------------- */
._heading_1yh30_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: var(--spacing--xl);
}
._container_1yh30_129 {
background-color: var(--color--background--light-3);
padding: var(--spacing--lg);
border: var(--border);
border-radius: var(--radius--lg);
-webkit-box-shadow: 0 4px 16px rgba(99, 77, 255, 0.06);
box-shadow: 0 4px 16px rgba(99, 77, 255, 0.06);
}
._inputsContainer_1yh30_137 {
margin-bottom: var(--spacing--xl);
}
._actionContainer_1yh30_141 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._buttonsContainer_1yh30_146 {
margin-bottom: var(--spacing--sm);
}
._secondaryButtonContainer_1yh30_151 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._withLabel_1yh30_157 {
margin-bottom: var(--spacing--sm);
}/* 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_ek7oz_123 {
background-color: var(--color--background);
}
._header_ek7oz_127 {
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: var(--spacing--sm);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: var(--spacing--3xs);
}
._expanded_ek7oz_136 {
padding: var(--spacing--sm) var(--spacing--sm) var(--spacing--2xs) var(--spacing--sm);
}
._accordionItems_ek7oz_140 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
width: 100%;
}
._accordionItem_ek7oz_140 {
display: block !important;
text-align: left;
}
._description_ek7oz_152 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 var(--spacing--sm) var(--spacing--sm) var(--spacing--sm);
}
._description_ek7oz_152 b {
font-weight: var(--font-weight--bold);
}/* 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
-------------------------- */
._infoTip_192r7_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._base_192r7_127 {
font-size: var(--font-size--2xs);
line-height: var(--font-size--sm);
word-break: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._base_192r7_127 svg {
font-size: var(--font-size--sm);
}
._bold_192r7_138 {
font-weight: var(--font-weight--medium);
}
._note_192r7_142 {
}
._note_192r7_142 svg {
margin-right: var(--spacing--4xs);
}
._tooltipPopper_192r7_149 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
._iconText_192r7_154 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}/* 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
-------------------------- */
._logoContainer_1pq21_123 {
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;
}
._logoText_1pq21_129 {
margin-left: var(--spacing--5xs);
}
._logoText_1pq21_129 path {
fill: var(--color--text--shade-1);
}
._large_1pq21_136 {
-webkit-transform: scale(2);
transform: scale(2);
margin-bottom: var(--spacing--xl);
}
._large_1pq21_136 ._logo_1pq21_123,
._large_1pq21_136 ._logoText_1pq21_129 {
-webkit-transform: scale(1.3) translateY(-2px);
transform: scale(1.3) translateY(-2px);
}
._large_1pq21_136 ._logoText_1pq21_129 {
margin-left: var(--spacing--xs);
margin-right: var(--spacing--3xs);
}
._sidebarExpanded_1pq21_149 ._logo_1pq21_123 {
margin-left: var(--spacing--2xs);
}
._sidebarCollapsed_1pq21_153 ._logo_1pq21_123 {
width: 40px;
height: 30px;
padding: 0 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
-------------------------- */
._markdown_11g25_123 {
color: var(--color--text);
}
._markdown_11g25_123 * {
font-size: var(--font-size--md);
line-height: var(--line-height--xl);
}
._markdown_11g25_123 h1,
._markdown_11g25_123 h2,
._markdown_11g25_123 h3,
._markdown_11g25_123 h4 {
margin-bottom: var(--spacing--sm);
font-size: var(--font-size--md);
font-weight: var(--font-weight--bold);
}
._markdown_11g25_123 h3,
._markdown_11g25_123 h4 {
font-weight: var(--font-weight--bold);
}
._markdown_11g25_123 p,
._markdown_11g25_123 span {
margin-bottom: var(--spacing--sm);
}
._markdown_11g25_123 ul,
._markdown_11g25_123 ol {
margin-bottom: var(--spacing--sm);
padding-left: var(--spacing--md);
}
._markdown_11g25_123 ul li,
._markdown_11g25_123 ol li {
margin-top: 0.25em;
}
._markdown_11g25_123 pre > code {
background-color: var(--color--background);
color: var(--color--text--shade-1);
}
._markdown_11g25_123 li > code,
._markdown_11g25_123 p > code {
padding: 0 var(--spacing--4xs);
color: var(--color--text--shade-1);
background-color: var(--color--background);
}
._markdown_11g25_123 ._label_11g25_165 {
color: var(--color--text);
}
._markdown_11g25_123 img {
max-width: 100%;
border-radius: var(--radius--lg);
}
._markdown_11g25_123 blockquote {
padding-left: 10px;
font-style: italic;
border-left: var(--border-color) 2px solid;
}
input[type=checkbox] {
accent-color: var(--color--primary);
}
input[type=checkbox] + label {
cursor: pointer;
}
._sticky_11g25_186 {
color: var(--sticky--color--text);
overflow-wrap: break-word;
}
._sticky_11g25_186 h1,
._sticky_11g25_186 h2,
._sticky_11g25_186 h3,
._sticky_11g25_186 h4,
._sticky_11g25_186 h5,
._sticky_11g25_186 h6 {
color: var(--sticky--color--text);
}
._sticky_11g25_186 h1,
._sticky_11g25_186 h2,
._sticky_11g25_186 h3,
._sticky_11g25_186 h4 {
margin-bottom: var(--spacing--2xs);
font-weight: var(--font-weight--bold);
line-height: var(--line-height--lg);
}
._sticky_11g25_186 h1 {
font-size: 36px;
}
._sticky_11g25_186 h2 {
font-size: 24px;
}
._sticky_11g25_186 h3,
._sticky_11g25_186 h4,
._sticky_11g25_186 h5,
._sticky_11g25_186 h6 {
font-size: var(--font-size--md);
}
._sticky_11g25_186 p {
margin-bottom: var(--spacing--2xs);
font-size: var(--font-size--sm);
font-weight: var(--font-weight--regular);
line-height: var(--line-height--lg);
}
._sticky_11g25_186 ul,
._sticky_11g25_186 ol {
margin-bottom: var(--spacing--2xs);
padding-left: var(--spacing--md);
}
._sticky_11g25_186 ul li,
._sticky_11g25_186 ol li {
margin-top: 0.25em;
font-size: var(--font-size--sm);
font-weight: var(--font-weight--regular);
line-height: var(--line-height--md);
}
._sticky_11g25_186 ul:has(input[type=checkbox]),
._sticky_11g25_186 ol:has(input[type=checkbox]) {
list-style-type: none;
padding-left: var(--spacing--5xs);
}
._sticky_11g25_186 pre > code {
background-color: var(--sticky--code--color--background);
color: var(--sticky--code--color--text);
}
._sticky_11g25_186 pre > code,
._sticky_11g25_186 li > code,
._sticky_11g25_186 p > code {
color: var(--sticky--code--color--text);
}
._sticky_11g25_186 a:hover {
text-decoration: underline;
}
._sticky_11g25_186 img {
-o-object-fit: contain;
object-fit: contain;
margin-top: var(--spacing--xs);
margin-bottom: var(--spacing--2xs);
}
._sticky_11g25_186 img[src*="#full-width"] {
width: 100%;
}
._sticky_11g25_186 pre,
._markdown_11g25_123 pre {
margin-bottom: var(--spacing--sm);
display: grid;
}
._sticky_11g25_186 pre > code,
._markdown_11g25_123 pre > code {
display: block;
padding: var(--spacing--sm);
overflow-x: auto;
}
._sticky_11g25_186 iframe,
._markdown_11g25_123 iframe {
aspect-ratio: 16/9 auto;
}
._sticky_11g25_186 summary,
._markdown_11g25_123 summary {
cursor: pointer;
}
._spacer_11g25_282 {
margin: var(--spacing--2xl);
}/* 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
-------------------------- */
._beta_1t1w7_123 {
display: inline-block;
color: var(--color--secondary);
font-size: var(--font-size--3xs);
font-weight: var(--font-weight--bold);
background-color: var(--color--secondary--tint-2);
padding: var(--spacing--5xs) var(--spacing--4xs);
border-radius: 16px;
}/* 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
-------------------------- */
._menuItemWrapper_1b0uw_123 {
position: relative;
width: 100%;
max-width: 100%;
margin-bottom: var(--spacing--5xs);
}
._menuItem_1b0uw_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: var(--spacing--4xs);
gap: var(--spacing--4xs);
cursor: pointer;
color: var(--color--text);
border-radius: var(--spacing--4xs);
cursor: pointer;
min-width: 0;
width: 100%;
position: relative;
}
._menuItem_1b0uw_123:hover:not(._disabled_1b0uw_144) ._menuItemIcon_1b0uw_144 {
color: var(--color--text--shade-1);
}
._menuItem_1b0uw_123.router-link-active, ._menuItem_1b0uw_123._active_1b0uw_147 {
background-color: var(--color--background--light-1);
}
._menuItem_1b0uw_123:hover:not(._active_1b0uw_147):not(.router-link-active):not(._disabled_1b0uw_144) {
background-color: var(--color--background--light-1);
color: var(--color--text--shade-1);
}
._menuItem_1b0uw_123._compact_1b0uw_154 {
gap: 0;
}
._menuItem_1b0uw_123:focus-visible {
outline: 1px solid var(--color--secondary);
outline-offset: -1px;
}
._menuItem_1b0uw_123._disabled_1b0uw_144 {
cursor: not-allowed;
}
._menuItemText_1b0uw_167 {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: var(--font-size--lg);
min-width: 0;
}
._menuItemText_1b0uw_167 * {
color: var(--color--text);
}
._menuItemIcon_1b0uw_144 {
position: relative;
width: var(--spacing--lg);
height: var(--spacing--lg);
min-width: var(--spacing--lg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._menuItemIcon_1b0uw_144._notification_1b0uw_188::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: var(--spacing--4xs);
height: var(--spacing--4xs);
background-color: var(--color--danger);
border-radius: 50%;
}
._menuItemEmoji_1b0uw_199 {
font-size: var(--spacing--sm);
line-height: 1;
}
._menuItem_1b0uw_123._active_1b0uw_147 ._menuItemIcon_1b0uw_144 {
color: var(--color--text--shade-1);
}
._menuItemLabel_1b0uw_208 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: var(--spacing--3xs);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}/* 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
-------------------------- */
.el-menu._dropdown_1ovwv_123 {
border-bottom: 0 !important;
background-color: transparent;
}
.el-menu._dropdown_1ovwv_123 > .el-sub-menu > .el-sub-menu__title {
height: auto;
line-height: initial;
border-bottom: 0 !important;
padding: 0;
}
.el-menu._dropdown_1ovwv_123 > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
display: none;
}
.el-menu._dropdown_1ovwv_123 > .el-sub-menu.is-active .el-sub-menu__title {
border: 0;
}
._nestedSubmenu_1ovwv_140 .el-menu {
max-height: 450px;
overflow: auto;
}
._submenu_1ovwv_145 {
padding: 5px 0 !important;
}
._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-menu-item,
._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-sub-menu__title {
color: var(--color--text--shade-1);
background-color: var(--menu--color--background);
}
._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-menu-item:not(.is-disabled):hover,
._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-sub-menu__title:not(.is-disabled):hover {
background-color: var(--menu--color--background--hover);
}
._submenu_1ovwv_145 .el-popper {
padding: 0 10px !important;
}
._submenu_1ovwv_145 .el-menu--popup {
border: 1px solid var(--color--foreground);
border-radius: var(--radius);
}
._submenu_1ovwv_145 .el-menu--horizontal .el-menu .el-menu-item.is-disabled {
opacity: 1;
cursor: default;
color: var(--color--text--tint-1);
}
._submenu_1ovwv_145 .el-sub-menu__icon-arrow svg {
margin-top: auto;
}
._submenu_1ovwv_145 hr {
border-top: none;
border-bottom: var(--border);
margin-block: var(--spacing--4xs);
}
._subMenuTitle_1ovwv_178 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
}
._submenu__icon_1ovwv_184 {
margin-right: var(--spacing--2xs);
color: var(--color--text);
}
._menuItemTitle_1ovwv_189 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
min-width: 0;
}
._infoTooltip_1ovwv_197 {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: var(--spacing--xs);
}
._infoIcon_1ovwv_204 {
color: var(--color--text--tint-1);
outline: none;
margin-left: var(--spacing--2xs);
}/* 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
-------------------------- */
._creatorNode_b7tre_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
z-index: 1;
padding: var(--spacing--xs) var(--spacing--2xs) var(--spacing--xs) 0;
}
._creatorNode_b7tre_123._hasAction_b7tre_130 {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
._creatorNode_b7tre_123:hover ._panelIcon_b7tre_134 {
color: var(--action--arrow--color--hover, var(--color--text--tint-1));
}
:root ._tag_b7tre_138 {
margin-left: var(--spacing--2xs);
line-height: var(--font-size--3xs);
font-size: var(--font-size--3xs);
padding: 0.1875rem var(--spacing--3xs) var(--spacing--4xs) var(--spacing--3xs);
height: auto;
}
:root ._tag_b7tre_138 span {
font-size: var(--font-size--2xs) !important;
}
._panelIcon_b7tre_134 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: var(--spacing--2xs);
color: var(--action--arrow--color, var(--color--text--tint-2));
cursor: pointer;
background: transparent;
border: none;
}
._tooltipIcon_b7tre_161 {
margin-left: var(--spacing--3xs);
color: var(--color--text);
font-size: var(--font-size--2xs);
}
._details_b7tre_167 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--3xs);
}
._nodeIcon_b7tre_173 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: var(--node--icon--margin-right, var(--spacing--sm));
}
._name_b7tre_178 {
font-weight: var(--node-creator--name--font-weight, var(--font-weight--medium));
font-size: var(--node-creator--name--font-size, var(--font-size--sm));
line-height: 1.115rem;
}
._description_b7tre_184 {
margin-top: var(--spacing--5xs);
font-size: var(--font-size--2xs);
line-height: 1rem;
font-weight: var(--font-weight--regular);
color: var(--node-creator--description--color, var(--color--text));
}
._aiIcon_b7tre_192 {
color: var(--color--secondary);
}
._triggerIcon_b7tre_196 {
color: var(--color--primary);
}/* 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
-------------------------- */
.el-tooltip svg[data-v-f6e3257f] {
color: var(--color--foreground--shade-2);
}/* 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
-------------------------- */
._icon_h187c_123 {
height: 100%;
width: 100%;
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;
position: relative;
}
._icon_h187c_123 svg {
max-width: 100%;
max-height: 100%;
}
._icon_h187c_123 img,
._icon_h187c_123 svg {
pointer-events: none;
}
._nodeIconPlaceholder_h187c_140 {
text-align: center;
}
._nodeIconImage_h187c_144 {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
._badge_h187c_151 {
position: absolute;
background: var(--node--icon--badge--color--background, var(--color--background));
border-radius: 50%;
}/* 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
-------------------------- */
._nodeIconWrapper_zkhea_123 {
width: var(--node--icon--size, 26px);
height: var(--node--icon--size, 26px);
border-radius: var(--radius--sm);
color: var(--node--icon--color, #444);
line-height: var(--node--icon--size, 26px);
font-size: 1.1em;
text-align: center;
font-weight: var(--font-weight--bold);
font-size: 20px;
}
._circle_zkhea_135 {
border-radius: 50%;
}
._disabled_zkhea_139 {
color: "#ccc";
-webkit-filter: contrast(40%) brightness(1.5) grayscale(100%);
filter: contrast(40%) brightness(1.5) grayscale(100%);
}/* 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
-------------------------- */
._notice_1eqb9_123 {
font-size: var(--font-size--2xs);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--notice--color--text);
margin: var(--notice--margin, var(--spacing--sm) 0);
padding: var(--spacing--2xs);
background-color: var(--notice--color--background);
border-width: 1px 1px 1px 7px;
border-style: solid;
border-color: var(--border-color);
border-radius: var(--radius--sm);
line-height: var(--line-height--sm);
}
._notice_1eqb9_123 a {
font-weight: var(--font-weight--bold);
}
._notice_1eqb9_123 ul {
padding-left: var(--spacing--lg);
margin: var(--spacing--xs) 0;
}
._notice_1eqb9_123 li {
margin-bottom: var(--spacing--4xs);
}
._warning_1eqb9_147 {
--border-color: var(--notice--border-color--warning);
--notice--color--background: var(--notice--color--background--warning);
}
._danger_1eqb9_152 {
--border-color: var(--callout--border-color--danger);
--notice--color--background: var(--callout--color--background--danger);
}
._success_1eqb9_157 {
--border-color: var(--callout--border-color--success);
--notice--color--background: var(--callout--color--background--success);
}
._info_1eqb9_162 {
--border-color: var(--color--info--tint-1);
--notice--color--background: var(--color--info--tint-2);
}
._expanded_1eqb9_167 + span {
margin-top: var(--spacing--4xs);
display: block;
}
._truncated_1eqb9_172 {
display: inline;
}/* 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
-------------------------- */
._slotComboContainer_7j5gx_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
gap: var(--spacing--2xs);
}
._slotContainer_7j5gx_130 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
._selectableContainer_7j5gx_134 {
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._selectableCell_7j5gx_140 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: var(--spacing--3xs);
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
border-radius: var(--radius);
font-size: small;
color: var(--color--text--shade-1);
cursor: pointer;
}
._selectableCell_7j5gx_140 :hover {
color: var(--color--text--shade-1);
}
._selectableTextSize_7j5gx_153 {
font-size: var(--font-size--2xs);
line-height: var(--line-height--lg);
}
._slotRemoveIcon_7j5gx_158 {
color: var(--color--text--tint-1);
height: 10px;
width: 10px;
margin-top: 3px;
}
._slotRemoveIcon_7j5gx_158 :hover {
cursor: pointer;
}/* 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
-------------------------- */
._popoverContent_13d6x_123 {
border-radius: var(--radius);
background-color: var(--color--foreground--tint-2);
border: var(--border);
-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
will-change: transform, opacity;
}
._popoverContent_13d6x_123._enableSlideIn_13d6x_130 {
-webkit-animation-duration: 400ms;
animation-duration: 400ms;
-webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}
._popoverContent_13d6x_123[data-state=closed] {
display: none;
}
._popoverContent_13d6x_123[data-state=open][data-side=top] {
-webkit-animation-name: _slideDownAndFade_13d6x_1;
animation-name: _slideDownAndFade_13d6x_1;
}
._popoverContent_13d6x_123[data-state=open][data-side=right] {
-webkit-animation-name: _slideLeftAndFade_13d6x_1;
animation-name: _slideLeftAndFade_13d6x_1;
}
._popoverContent_13d6x_123[data-state=open][data-side=bottom] {
-webkit-animation-name: _slideUpAndFade_13d6x_1;
animation-name: _slideUpAndFade_13d6x_1;
}
._popoverContent_13d6x_123[data-state=open][data-side=left] {
-webkit-animation-name: _slideRightAndFade_13d6x_1;
animation-name: _slideRightAndFade_13d6x_1;
}
@-webkit-keyframes _slideUpAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes _slideUpAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes _slideRightAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes _slideRightAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes _slideDownAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes _slideDownAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes _slideLeftAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes _slideLeftAndFade_13d6x_1 {
from {
opacity: 0;
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
._popoverArrow_13d6x_194 {
fill: var(--color--foreground--tint-2);
stroke: var(--color--foreground);
stroke-width: 1px;
}/* 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
-------------------------- */
._pulseContainer_1cqsj_123 {
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;
height: 240px;
width: 100%;
}
._pulse_1cqsj_123 {
width: 74px;
height: 74px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
-webkit-animation: _pulse_1cqsj_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
animation: _pulse_1cqsj_123 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
}
._pulse2_1cqsj_139 {
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;
width: 74px;
height: 74px;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
-webkit-animation: _pulse2_1cqsj_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
animation: _pulse2_1cqsj_139 6s infinite cubic-bezier(0.33, 1, 0.68, 1);
}
@-webkit-keyframes _pulse_1cqsj_123 {
0% {
-webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
58.33% {
-webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
66.6% {
-webkit-box-shadow: 0 0 0 66px transparent;
box-shadow: 0 0 0 66px transparent;
}
66.7% {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
}
@keyframes _pulse_1cqsj_123 {
0% {
-webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
58.33% {
-webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
66.6% {
-webkit-box-shadow: 0 0 0 66px transparent;
box-shadow: 0 0 0 66px transparent;
}
66.7% {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
}
@-webkit-keyframes _pulse2_1cqsj_139 {
0% {
-webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
16.66% {
-webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
50% {
-webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
83.3% {
-webkit-box-shadow: 0 0 0 66px transparent;
box-shadow: 0 0 0 66px transparent;
}
83.4% {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
}
@keyframes _pulse2_1cqsj_139 {
0% {
-webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
16.66% {
-webkit-box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
box-shadow: 0 0 0 0 hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0.4);
}
50% {
-webkit-box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
box-shadow: 0 0 0 60px hsla(var(--color--primary--h), var(--color--primary--s), var(--color--primary--l), 0);
}
83.3% {
-webkit-box-shadow: 0 0 0 66px transparent;
box-shadow: 0 0 0 66px transparent;
}
83.4% {
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
}/* 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_4oun4_123 {
display: inline-block;
outline: 0;
position: relative;
}
._hoverable_4oun4_129:hover ._button_4oun4_129:not(._active_4oun4_129) {
color: var(--color--primary);
}
._input_4oun4_133 {
opacity: 0;
outline: 0;
z-index: -1;
position: absolute;
}
._button_4oun4_129 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: var(--radius);
font-weight: var(--font-weight--medium);
color: var(--color--text);
-webkit-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
._square_4oun4_150 ._button_4oun4_129 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._disabled_4oun4_156 {
cursor: not-allowed;
}
._medium_4oun4_160 {
height: 26px;
font-size: var(--font-size--2xs);
padding: 0 var(--spacing--xs);
}
._square_4oun4_150 ._medium_4oun4_160 {
width: 26px;
padding: 0;
}
._small-medium_4oun4_170 {
height: 22px;
font-size: var(--font-size--3xs);
padding: 0 var(--spacing--2xs);
}
._square_4oun4_150 ._small-medium_4oun4_170 {
width: 22px;
padding: 0;
}
._small_4oun4_170 {
font-size: var(--font-size--3xs);
height: 15px;
padding: 0 var(--spacing--4xs);
}
._square_4oun4_150 ._small_4oun4_170 {
width: 15px;
padding: 0;
}
._active_4oun4_129 {
background-color: var(--color--foreground--tint-2);
color: var(--color--text--shade-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
-------------------------- */
._radioGroup_grrb6_123 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1;
vertical-align: middle;
font-size: 0;
background-color: var(--color--foreground);
padding: var(--spacing--5xs);
border-radius: var(--radius);
}
._disabled_grrb6_133 {
cursor: not-allowed;
}/* 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
-------------------------- */
.recycle-scroller-wrapper {
height: 100%;
width: 100%;
overflow: auto;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.recycle-scroller {
width: 100%;
display: block;
position: relative;
}
.recycle-scroller-items-wrapper {
position: absolute;
width: 100%;
}
.recycle-scroller-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
}/* 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
-------------------------- */
._resize_jv5u1_123 {
--resizer--size: 4px;
--resizer--spacing--side: -2px;
--resizer--spacing--corner: -3px;
position: relative;
width: 100%;
height: 100%;
z-index: 2;
}
._resizer_jv5u1_133 {
position: absolute;
z-index: 3;
}
._right_jv5u1_138 {
width: var(--resizer--size);
height: 100%;
top: var(--resizer--spacing--side);
right: var(--resizer--spacing--side);
cursor: ew-resize;
}
._top_jv5u1_146 {
width: 100%;
height: var(--resizer--size);
top: var(--resizer--spacing--side);
left: var(--resizer--spacing--side);
cursor: ns-resize;
}
._bottom_jv5u1_154 {
width: 100%;
height: var(--resizer--size);
bottom: var(--resizer--spacing--side);
left: var(--resizer--spacing--side);
cursor: ns-resize;
}
._left_jv5u1_162 {
width: var(--resizer--size);
height: 100%;
top: var(--resizer--spacing--side);
left: var(--resizer--spacing--side);
cursor: ew-resize;
}
._topLeft_jv5u1_170 {
width: var(--resizer--size);
height: var(--resizer--size);
top: var(--resizer--spacing--corner);
left: var(--resizer--spacing--corner);
cursor: nw-resize;
}
._topRight_jv5u1_178 {
width: var(--resizer--size);
height: var(--resizer--size);
top: var(--resizer--spacing--corner);
right: var(--resizer--spacing--corner);
cursor: ne-resize;
}
._bottomLeft_jv5u1_186 {
width: var(--resizer--size);
height: var(--resizer--size);
bottom: var(--resizer--spacing--corner);
left: var(--resizer--spacing--corner);
cursor: sw-resize;
}
._bottomRight_jv5u1_194 {
width: var(--resizer--size);
height: var(--resizer--size);
bottom: var(--resizer--spacing--corner);
right: var(--resizer--spacing--corner);
cursor: se-resize;
}
._outset_jv5u1_202 {
--resizer--spacing--side: calc(-1 * var(--resizer--size) + 2px);
--resizer--spacing--corner: calc(-1 * var(--resizer--size) + 3px);
}/* 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
-------------------------- */
._sticky_140qk_123 {
position: absolute;
border-radius: var(--radius);
background-color: var(--sticky--color--background);
border: 1px solid var(--sticky--border-color);
}
._clickable_140qk_130 {
cursor: pointer;
}
._wrapper_140qk_134 {
width: 100%;
height: 100%;
position: absolute;
padding: var(--spacing--2xs) var(--spacing--xs) 0;
overflow: hidden;
}
._footer_140qk_142 {
padding: var(--spacing--5xs) var(--spacing--2xs) 0 var(--spacing--2xs);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
._color-2_140qk_148 {
--sticky--color--background: var(--sticky--color--background--variant-2);
--sticky--border-color: var(--sticky--border-color--variant-2);
}
._color-3_140qk_153 {
--sticky--color--background: var(--sticky--color--background--variant-3);
--sticky--border-color: var(--sticky--border-color--variant-3);
}
._color-4_140qk_158 {
--sticky--color--background: var(--sticky--color--background--variant-4);
--sticky--border-color: var(--sticky--border-color--variant-4);
}
._color-5_140qk_163 {
--sticky--color--background: var(--sticky--color--background--variant-5);
--sticky--border-color: var(--sticky--border-color--variant-5);
}
._color-6_140qk_168 {
--sticky--color--background: var(--sticky--color--background--variant-6);
--sticky--border-color: var(--sticky--border-color--variant-6);
}
._color-7_140qk_173 {
--sticky--color--background: var(--sticky--color--background--variant-7);
--sticky--border-color: var(--sticky--border-color--variant-7);
}/* 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
-------------------------- */
.sticky-textarea {
height: calc(100% - var(--spacing--lg));
padding: var(--spacing--2xs) var(--spacing--2xs) 0 var(--spacing--2xs);
cursor: default;
}
.sticky-textarea .el-textarea {
height: 100%;
}
.sticky-textarea .el-textarea .el-textarea__inner {
height: 100%;
resize: unset;
}
.full-height {
height: calc(100% - var(--spacing--2xs));
}/* 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
-------------------------- */
._tag_19sw8_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
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);
-webkit-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
._tag_19sw8_123._clickable_19sw8_138 {
cursor: pointer;
}
._tag_19sw8_123._clickable_19sw8_138:hover {
background-color: var(--tag--color--background--hover);
border-color: var(--tag--border-color--hover);
}/* 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
-------------------------- */
._triggerContainer_btjxf_123 {
display: inline-block;
position: relative;
--tag--height: 24px;
}
._activeTrigger_btjxf_129 {
--tag--color--text: var(--color--primary);
--tag--border-color: var(--color--primary);
}
._popoverContent_btjxf_134 {
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--sm);
padding: var(--spacing--md) var(--spacing--sm);
}
._actionItem_btjxf_141 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
transition: opacity 0.3s ease, -webkit-filter 0.3s ease;
transition: opacity 0.3s ease, filter 0.3s ease;
transition: opacity 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
border-bottom: var(--border);
}
._actionItem_btjxf_141._ignoring_btjxf_147 {
opacity: 0.5;
-webkit-filter: grayscale(0.8);
filter: grayscale(0.8);
pointer-events: none;
cursor: not-allowed;
}
._actionable_btjxf_154:hover {
cursor: pointer;
}
._actionable_btjxf_154:hover ._actionHeader_btjxf_157 {
color: var(--color--primary);
}
._actionable_btjxf_154:hover:has(a:hover) ._actionHeader_btjxf_157 {
color: var(--color--text--shade-1);
}
._actionItemBody_btjxf_164 {
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-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-bottom: var(--spacing--sm);
}
._checkboxContainer_btjxf_171 {
padding-top: 1px;
padding-right: var(--spacing--xs);
}
._ignoreAllContainer_btjxf_176 {
padding-left: var(--spacing--5xs);
}/* 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_66nao_123 {
position: relative;
height: 24px;
min-height: 24px;
width: 100%;
}
._container_66nao_123._modern_66nao_129 {
height: 26px;
min-height: 26px;
}
._tabs_66nao_134 {
color: var(--color--text);
font-weight: var(--font-weight--medium);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: absolute;
overflow-x: scroll;
/* Hide scrollbar for Chrome, Safari and Opera */
/* Hide scrollbar for IE, Edge and Firefox */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
._tabs_66nao_134::-webkit-scrollbar {
display: none;
}
._small_66nao_150._modern_66nao_129 ._tabs_66nao_134 {
gap: var(--spacing--xs);
}
._tab_66nao_134 {
--tabs--tab--border-width--active: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--4xs);
padding: 0 var(--spacing--sm);
padding-bottom: calc(var(--spacing--2xs) + var(--tabs--tab--border-width--active));
font-size: var(--font-size--sm);
cursor: pointer;
white-space: nowrap;
color: var(--color--text);
}
._tab_66nao_134:hover {
color: var(--color--primary);
}
._tab_66nao_134 span + span {
margin-left: var(--spacing--4xs);
}
._modern_66nao_129 ._tab_66nao_134 {
padding-bottom: calc(var(--spacing--xs) + var(--tabs--tab--border-width--active));
font-size: var(--font-size--2xs);
font-weight: var(--font-weight--bold);
}
._small_66nao_150 ._tab_66nao_134 {
font-size: var(--font-size--2xs);
}
._small_66nao_150._modern_66nao_129 ._tab_66nao_134 {
padding-inline: 0;
}
._activeTab_66nao_184 {
color: var(--color--primary);
padding-bottom: var(--spacing--2xs);
border-bottom: var(--color--primary) var(--tabs--tab--border-width--active) solid;
}
._modern_66nao_129 ._activeTab_66nao_184 {
padding-bottom: var(--spacing--xs);
}
._alignRight_66nao_193:not(._alignRight_66nao_193 + ._alignRight_66nao_193) {
margin-left: auto;
}
._link_66nao_197 {
cursor: pointer;
color: var(--color--text);
}
._link_66nao_197:hover {
color: var(--color--primary);
}
._external_66nao_205 {
display: inline-block;
margin-left: var(--spacing--5xs);
}
._noText_66nao_209 ._external_66nao_205 {
display: block;
margin-left: 0;
}
._noText_66nao_209 ._icon_66nao_214 {
display: block;
}
._dangerTab_66nao_218 {
color: var(--color--danger);
}
._dangerTab_66nao_218:hover {
color: var(--color--danger);
}
._button_66nao_225 {
position: absolute;
background-color: var(--tabs--arrow-buttons--color, var(--color--foreground--tint-2));
z-index: 1;
height: 24px;
width: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: var(--font-weight--bold);
}
._notificationContainer_66nao_236 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
._notification_66nao_236 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
right: -0.5em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._notification_66nao_236:after {
content: "";
display: block;
height: 0.3em;
width: 0.3em;
background-color: var(--color--primary);
border-radius: 50%;
}
._back_66nao_257 {
left: 0;
}
._next_66nao_263 {
right: 0;
}
._positionIcon_66nao_269 {
-ms-flex-negative: 0;
flex-shrink: 0;
}/* 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
-------------------------- */
._tags_1amla_123 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow-x: scroll;
gap: var(--spacing--4xs);
/* Hide scrollbar for Chrome, Safari and Opera */
/* Hide scrollbar for IE, Edge and Firefox */
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
margin-top: calc(var(--spacing--4xs) * -1);
}
._tags_1amla_123::-webkit-scrollbar {
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
-------------------------- */
._indent_ggz6e_123 {
margin-left: var(--spacing--sm);
}
._simple_ggz6e_127 {
text-indent: calc(var(--spacing--sm) * -1);
margin-left: var(--spacing--sm);
max-width: 300px;
}/* 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_r3yvw_123 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
overflow: hidden;
}
._avatarContainer_r3yvw_128 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--color--text--tint-1);
}
._infoContainer_r3yvw_135 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: var(--spacing--xs);
}
._pendingUser_r3yvw_143 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: var(--spacing--xs);
}
._pendingBadge_r3yvw_150 {
margin-left: var(--spacing--xs);
}
._disabled_r3yvw_154 {
opacity: 0.5;
}/* 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
-------------------------- */
._avatars_107lo_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
._avatar_107lo_123 {
margin-right: calc(-1 * var(--spacing--3xs));
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
._hiddenBadge_107lo_133 {
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;
width: 28px;
height: 28px;
color: var(--color--text);
background-color: var(--color--background--light-3);
font-weight: var(--font-weight--bold);
font-size: var(--font-size--3xs);
z-index: 999;
border: var(--border-width) var(--border-style) var(--color--info--tint-1);
border-radius: 50%;
}
._groupContainer_107lo_148 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
._groupContainer_107lo_148 + ._groupContainer_107lo_148 {
margin-top: var(--spacing--3xs);
}
._groupName_107lo_156 {
font-size: var(--font-size--3xs);
color: var(--color--text--tint-1);
text-transform: uppercase;
font-weight: var(--font-weight--bold);
margin-bottom: var(--spacing--4xs);
}
._groupUsers_107lo_164 {
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--2xs);
}
._userInfoContainer_107lo_170 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: var(--spacing--5xs);
padding-bottom: var(--spacing--5xs);
}/* 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
-------------------------- */
ul.user-stack-list {
border: none;
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--sm);
padding-bottom: var(--spacing--2xs);
}
ul.user-stack-list .el-dropdown-menu__item {
line-height: var(--line-height--md);
}
ul.user-stack-list li:hover {
color: currentColor !important;
}
.user-stack-popper {
border: 1px solid var(--border-color--light);
border-radius: var(--radius);
padding: var(--spacing--5xs) 0;
-webkit-box-shadow: 0 2px 8px 0 rgba(68, 28, 23, 0.1019607843);
box-shadow: 0 2px 8px 0 rgba(68, 28, 23, 0.1019607843);
background-color: var(--color--background--light-3);
}/* 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
-------------------------- */
._itemContainer_10yj8_123 {
--select--option--padding: var(--spacing--2xs) var(--spacing--sm);
--select--option--line-height: 1;
}
:root ._limitPopperWidth_10yj8_128 {
width: 0;
}
:root ._limitPopperWidth_10yj8_128 li > span {
text-overflow: ellipsis;
overflow-x: hidden;
}/* 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
-------------------------- */
._itemContainer_hecoa_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: var(--spacing--2xs) 0 vaR(--spacing--2xs) 0;
}
._itemContainer_hecoa_123 > *:first-child {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
._itemWithBorder_hecoa_131 {
border-bottom: var(--border);
}
._badgeContainer_hecoa_136 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._badgeContainer_hecoa_136 > * {
margin-left: var(--spacing--2xs);
}/* 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_rpep1_123 {
position: relative;
}
._emoji-button_rpep1_127 {
padding: 0;
}
._popup_rpep1_131 {
position: absolute;
z-index: 9999;
width: 426px;
max-height: 300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: var(--spacing--4xs);
background-color: var(--color--background--light-3);
border-radius: var(--radius);
border: var(--border);
border-color: var(--color--foreground--shade-1);
}
._popup_rpep1_131 ._tabs_rpep1_144 {
padding: var(--spacing--2xs);
padding-bottom: var(--spacing--5xs);
}
._popup_rpep1_131 ._content_rpep1_148 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: var(--spacing--2xs);
overflow-y: auto;
}
._popup_rpep1_131 ._icon_rpep1_154,
._popup_rpep1_131 ._emoji_rpep1_127 {
cursor: pointer;
padding: var(--spacing--4xs);
border-radius: var(--radius--sm);
}
._popup_rpep1_131 ._icon_rpep1_154:hover,
._popup_rpep1_131 ._emoji_rpep1_127:hover {
background-color: var(--color--background--shade-1);
}
._popup_rpep1_131 ._icon_rpep1_154 {
color: var(--color--text--tint-1);
}
._popup_rpep1_131 ._icon_rpep1_154:hover {
color: var(--color--text--shade-1);
}
._popup_rpep1_131 ._emoji_rpep1_127 {
font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji", sans-serif;
}/* 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_11cz9_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._container_11cz9_123._small_11cz9_127 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: var(--spacing--4xs) var(--spacing--3xs);
}
._container_11cz9_123._border_11cz9_131 {
border: var(--border);
border-radius: var(--radius);
}
._list_11cz9_136 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._item_11cz9_142 {
border: var(--border-width) var(--border-style) transparent;
}
._item_11cz9_142._dragging_11cz9_146:hover {
border: var(--border-width) var(--border-style) var(--color--secondary);
border-radius: var(--radius);
background-color: var(--callout--color--background--secondary);
}
._item_11cz9_142._dragging_11cz9_146:hover a {
cursor: -webkit-grabbing;
cursor: grabbing;
}
._item_11cz9_142 * {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._item_11cz9_142._current_11cz9_162 span {
color: var(--color--text--shade-1);
}
._ellipsis_11cz9_166 ._dots_11cz9_166,
._ellipsis_11cz9_166 ._tooltip-ellipsis_11cz9_167 {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: var(--color--text);
}
._ellipsis_11cz9_166._disabled_11cz9_172 ._dots_11cz9_166,
._ellipsis_11cz9_166._disabled_11cz9_172 ._tooltip-ellipsis_11cz9_167 {
cursor: default;
}
._ellipsis_11cz9_166._disabled_11cz9_172 ._dots_11cz9_166 {
cursor: default;
color: var(--color--text);
}
._ellipsis_11cz9_166._disabled_11cz9_172 ._dots_11cz9_166:hover {
color: var(--color--text);
}
._hidden-items-menu_11cz9_184 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--color--text);
}
._hidden-items-menu-popper_11cz9_189 > div ul {
max-height: 250px;
overflow: auto;
}
._hidden-items-menu-popper_11cz9_189._dragging_11cz9_146 li:hover {
cursor: -webkit-grabbing;
cursor: grabbing;
background-color: var(--callout--color--background--secondary);
}
._hidden-items-menu-popper_11cz9_189 li {
max-width: var(--spacing--5xl);
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
._tooltip-loading_11cz9_205 {
min-width: var(--spacing--3xl);
width: 100%;
}
._tooltip-loading_11cz9_205 .n8n-loading > div {
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--xs);
}
._tooltip-loading_11cz9_205 .el-skeleton__item {
margin: 0;
}
._tooltip_11cz9_167 {
padding: var(--spacing--xs) var(--spacing--2xs);
text-align: center;
}
._tooltip_11cz9_167 > div {
color: var(--color--text--tint-2);
}
._tooltip_11cz9_167 > div span {
font-size: var(--font-size--2xs);
}
._tooltip_11cz9_167 ._tooltip-loading_11cz9_205 {
min-width: var(--spacing--4xl);
}
._dots_11cz9_166 {
padding: 0 var(--spacing--4xs);
color: var(--color--text--tint-1);
border-radius: var(--radius);
}
._dots_11cz9_166:hover, ._dots_11cz9_166:focus {
background-color: var(--color--background);
color: var(--color--primary);
}
._small_11cz9_127 ._list_11cz9_136 {
gap: var(--spacing--5xs);
}
._small_11cz9_127 ._item_11cz9_142 {
max-width: var(--spacing--3xl);
}
._small_11cz9_127 ._item_11cz9_142,
._small_11cz9_127 ._item_11cz9_142 * {
color: var(--color--text);
font-size: var(--font-size--2xs);
line-height: var(--line-height--xs);
}
._small_11cz9_127 ._item_11cz9_142 a:hover * {
color: var(--color--text--shade-1);
}
._small_11cz9_127 ._separator_11cz9_257 {
font-size: var(--font-size--sm);
color: var(--color--text);
}
._medium_11cz9_262 li {
padding: var(--spacing--3xs) var(--spacing--4xs) var(--spacing--4xs);
}
._medium_11cz9_262 ._item_11cz9_142,
._medium_11cz9_262 ._item_11cz9_142 * {
color: var(--color--text);
font-size: var(--font-size--sm);
line-height: var(--line-height--xs);
}
._medium_11cz9_262 ._item_11cz9_142 {
max-width: var(--spacing--5xl);
}
._medium_11cz9_262 ._item_11cz9_142:not(._dragging_11cz9_146) a:hover * {
color: var(--color--text--shade-1);
}
._medium_11cz9_262 ._ellipsis_11cz9_166 {
padding-right: 0;
padding-left: 0;
color: var(--color--text--tint-1);
}
._medium_11cz9_262 ._ellipsis_11cz9_166:hover {
color: var(--color--text);
}
._medium_11cz9_262 ._separator_11cz9_257 {
font-size: var(--font-size--xl);
color: var(--color--foreground);
}/* 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
-------------------------- */
.n8n-data-table-server[data-v-17c481e9] {
height: 100%;
font-size: var(--font-size--sm);
}
.n8n-data-table-server table[data-v-17c481e9] {
width: 100%;
border-collapse: separate;
border-spacing: 0;
white-space: nowrap;
}
.n8n-data-table-server table > thead[data-v-17c481e9] {
position: sticky;
top: 0;
z-index: 2;
}
.n8n-data-table-server th[data-v-17c481e9] {
position: relative;
color: var(--color--text);
font-weight: 600;
font-size: 12px;
padding: 0 8px;
height: 36px;
white-space: nowrap;
}
.n8n-data-table-server th[data-v-17c481e9]:first-child {
padding-left: 16px;
}
.n8n-data-table-server th[data-v-17c481e9]:last-child {
padding-right: 16px;
}
.n8n-data-table-server thead[data-v-17c481e9] {
background-color: var(--color--background--light-1);
border-bottom: 1px solid var(--color--foreground);
}
.n8n-data-table-server tbody > tr[data-v-17c481e9]:hover {
background-color: var(--color--background--light-2);
}
.n8n-data-table-server tbody > tr:last-child > td[data-v-17c481e9] {
border-bottom: 0;
}
.n8n-data-table-server tbody tr[data-v-17c481e9] {
background-color: var(--color--background--light-3);
border-bottom: 1px solid var(--color--foreground);
}
.n8n-data-table-server tbody tr[data-v-17c481e9]:last-child {
border-color: transparent;
}
.n8n-data-table-server td[data-v-17c481e9] {
color: var(--color--text--shade-1);
padding: 0 8px;
height: 48px;
}
.n8n-data-table-server td[data-v-17c481e9]:first-child {
padding-left: 16px;
}
.n8n-data-table-server td[data-v-17c481e9]:last-child {
padding-right: 16px;
}
.n8n-data-table-server td.cover[data-v-17c481e9] {
width: 0;
height: 0;
padding: 0;
border: 0;
overflow: visible;
}
.n8n-data-table-server-wrapper[data-v-17c481e9] {
border-radius: 8px;
border: 1px solid var(--color--foreground);
overflow: hidden;
}
.table-scroll[data-v-17c481e9] {
max-height: 100%;
overflow: auto;
position: relative;
}
th.loading-row[data-v-17c481e9] {
background-color: transparent;
padding: 0 !important;
border: 0 !important;
height: 0;
position: relative;
}
.progress-bar[data-v-17c481e9] {
position: absolute;
height: 2px;
width: 100%;
overflow: hidden;
}
.progress-bar-value[data-v-17c481e9] {
width: 100%;
height: 100%;
background-color: var(--color--primary);
-webkit-animation: indeterminateAnimation-17c481e9 1s infinite linear;
animation: indeterminateAnimation-17c481e9 1s infinite linear;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
position: absolute;
}
@-webkit-keyframes indeterminateAnimation-17c481e9 {
0% {
-webkit-transform: translateX(0) scaleX(0);
transform: translateX(0) scaleX(0);
}
40% {
-webkit-transform: translateX(0) scaleX(0.4);
transform: translateX(0) scaleX(0.4);
}
100% {
-webkit-transform: translateX(100%) scaleX(0.5);
transform: translateX(100%) scaleX(0.5);
}
}
@keyframes indeterminateAnimation-17c481e9 {
0% {
-webkit-transform: translateX(0) scaleX(0);
transform: translateX(0) scaleX(0);
}
40% {
-webkit-transform: translateX(0) scaleX(0.4);
transform: translateX(0) scaleX(0.4);
}
100% {
-webkit-transform: translateX(100%) scaleX(0.5);
transform: translateX(100%) scaleX(0.5);
}
}
.table--loading td[data-v-17c481e9] {
opacity: 0.38;
}
.table-pagination[data-v-17c481e9] {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.table-pagination__sizes[data-v-17c481e9] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.table-pagination__sizes__label[data-v-17c481e9] {
color: var(--color--text);
background-color: var(--color--background--light-2);
border: 1px solid var(--color--foreground);
border-right: 0;
font-size: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 8px;
border-top-left-radius: var(--radius);
border-bottom-left-radius: var(--radius);
}
.table-pagination__sizes__select[data-v-17c481e9] {
--input--radius--top-left: 0;
--input--radius--bottom-left: 0;
width: 70px;
}
.resizer[data-v-17c481e9] {
position: absolute;
top: 0;
height: 100%;
width: 3px;
background: var(--color--primary);
cursor: col-resize;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
right: -2px;
display: none;
z-index: 1;
}
.resizer[data-v-17c481e9]:hover {
display: block;
}
.resizer.is-resizing[data-v-17c481e9] {
display: block;
}
th:hover:not(:last-child) > .resizer[data-v-17c481e9] {
display: block;
}
.cell-align--start[data-v-17c481e9] {
text-align: start;
}
.cell-align--end[data-v-17c481e9] {
text-align: end;
}
.cell-align--center[data-v-17c481e9] {
text-align: 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
-------------------------- */
._header_1qhw6_123 {
font-size: var(--font-size--xs);
font-weight: var(--font-weight--bold);
margin-bottom: var(--spacing--xs);
}
._grip_1qhw6_129 {
color: var(--color--text--tint-1);
cursor: move;
}
._grip_1qhw6_129._hidden_1qhw6_133 {
cursor: default;
}
._contentContainer_1qhw6_137 {
padding: var(--spacing--sm);
}
._column_1qhw6_141 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
color: var(--color--text--shade-1);
padding: 6px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._column_1qhw6_141 label {
font-size: var(--font-size--xs);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
._draggable_1qhw6_153 {
cursor: -webkit-grab;
cursor: grab;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
._draggable_1qhw6_153:active {
cursor: -webkit-grabbing;
cursor: grabbing;
}
._dragging_1qhw6_161 {
opacity: 0.5;
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
._columnWrapper_1qhw6_166 {
position: relative;
}
._dropIndicator_1qhw6_170 {
position: absolute;
top: -2px;
left: 0;
right: 0;
height: 3px;
background-color: var(--color--secondary);
border-radius: 2px;
z-index: 10;
}
._endDropZone_1qhw6_181 {
position: relative;
height: 8px;
width: 100%;
}
._hidden_1qhw6_133 {
color: var(--color--text--tint-2);
}
._hidden_1qhw6_133 label {
color: var(--color--text--tint-1);
}
._visibilityToggle_1qhw6_194 {
cursor: pointer;
}/* 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
-------------------------- */
._inlineRenameArea_1h0oi_123 {
cursor: pointer;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
}
._inlineRenameArea_1h0oi_123::after {
content: "";
position: absolute;
top: calc(var(--spacing--4xs) * -1);
left: calc(var(--spacing--3xs) * -1);
width: calc(100% + var(--spacing--xs));
height: calc(100% + var(--spacing--2xs));
border-radius: var(--radius);
background-color: var(--color--foreground--tint-2);
opacity: 0;
z-index: 0;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
._inlineRenameArea_1h0oi_123[data-focused]::after, ._inlineRenameArea_1h0oi_123:hover::after {
border: 1px solid var(--color--foreground);
opacity: 1;
}
._inlineRenameArea_1h0oi_123[data-focused] {
cursor: text;
}
._inlineRenameArea_1h0oi_123[data-focused]::after {
border: 1px solid var(--color--secondary);
}
._inlineRenameArea_1h0oi_123[data-readonly] {
pointer-events: none;
}
._inlineRenameArea_1h0oi_123[data-readonly]::after {
content: none;
}
._inlineRenamePreview_1h0oi_159 {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-transform: translateY(1.5px);
transform: translateY(1.5px);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
}
._measureSpan_1h0oi_168 {
position: absolute;
top: 0;
visibility: hidden;
white-space: pre;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
}
._DateFieldSegment_1xoaw_2:focus {
outline: 2px solid rgba(67, 142, 255, 1);
border-radius: 0.25rem;
}
._Inline_1xoaw_7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 6px 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.25rem;
border-width: 1px;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: var(--border);
font-size: var(--font-size--sm);
line-height: var(--line-height--xl);
}
._DateFieldWrapper_1ptt0_2 {
border-top: 1px solid var(--color--foreground);
padding: 12px;
}
._DateField_1ptt0_2[data-invalid] + ._DateFieldError_1ptt0_7 {
display: block;
}
._DateFieldError_1ptt0_7 {
color: var(--color--danger);
font-size: var(--font-size--sm);
line-height: var(--line-height--xl);
margin-top: 5px;
display: none;
}
._DateFieldSegment_1ptt0_19:focus {
outline: 2px solid rgba(67, 142, 255, 1);
border-radius: 0.25rem;
}
._Calendar_1ptt0_24 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
._CalendarHeader_1ptt0_28 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
._CalendarWrapper_1ptt0_34 {
padding: 12px;
}
._CalendarGrid_1ptt0_38 {
margin-top: 0.25rem;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-collapse: collapse;
}
._CalendarGridRow_1ptt0_45 {
display: grid;
margin-bottom: 0.25rem;
grid-template-columns: repeat(7, minmax(0, 1fr));
width: 100%;
}
._CalendarHeadCell_1ptt0_52 {
font-size: 0.75rem;
line-height: 1rem;
color: var(--color--text--tint-1);
font-weight: 400;
}
._CalendarCell_1ptt0_59 {
position: relative;
font-size: 0.875rem;
line-height: 1.25rem;
text-align: center;
}
._CalendarCellTrigger_1ptt0_66 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding: 0.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-width: 1px;
border-color: transparent;
outline-style: none;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
white-space: nowrap;
background-color: transparent;
cursor: pointer;
font-size: var(--font-size--sm);
font-style: normal;
font-weight: 400;
line-height: normal;
color: var(--color--text);
border-radius: 4px;
}
._CalendarCellTrigger_1ptt0_66[data-outside-view] {
opacity: 0.5;
}
._CalendarCellTrigger_1ptt0_66:hover:not([data-disabled]):not([data-selection-start='true']):not(
[data-selection-end='true']
) {
background-color: var(--color--foreground--tint-1);
}
._CalendarCellTrigger_1ptt0_66[data-disabled] {
cursor: not-allowed;
color: var(--color--text--tint-1);
}
._CalendarCellTrigger_1ptt0_66:focus {
outline: 2px solid rgba(67, 142, 255, 1);
z-index: 1;
}
._CalendarCellTrigger_1ptt0_66[data-unavailable] {
color: rgba(0, 0, 0, 0.3);
text-decoration: line-through;
}
._CalendarCellTrigger_1ptt0_66[data-highlighted],
._CalendarCellTrigger_1ptt0_66[data-selected] {
background: var(--color--foreground--tint-1);
border-radius: 0;
}
._CalendarCellTrigger_1ptt0_66[data-selection-start='true'],
._CalendarCellTrigger_1ptt0_66[data-highlighted-start='true'] {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
._CalendarCellTrigger_1ptt0_66[data-selection-end='true'],
._CalendarCellTrigger_1ptt0_66[data-highlighted-end='true'] {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
._CalendarCellTrigger_1ptt0_66[data-selection-start='true'],
._CalendarCellTrigger_1ptt0_66[data-selection-end='true'] {
background: var(--color--primary);
color: #fff;
}
._CalendarCellTrigger_1ptt0_66[data-today]::before {
content: '';
position: absolute;
top: 5px;
left: 5px;
width: 0.25rem;
height: 0.25rem;
border-radius: 9999px;
background-color: var(--color--primary);
}
._PopoverContent_1ptt0_149 {
border-radius: 4px;
border: var(--border);
background: var(--color--foreground--tint-2);
-webkit-box-shadow: 0 6px 16px 0 rgba(68, 28, 23, 0.06);
box-shadow: 0 6px 16px 0 rgba(68, 28, 23, 0.06);
-webkit-animation-duration: 400ms;
animation-duration: 400ms;
-webkit-animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform, opacity;
z-index: 9999;
}
._PopoverContent_1ptt0_149:focus {
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
}
._PopoverContent_1ptt0_149[data-state='open'][data-side='top'] {
-webkit-animation-name: _slideDownAndFade_1ptt0_1;
animation-name: _slideDownAndFade_1ptt0_1;
}
._PopoverContent_1ptt0_149[data-state='open'][data-side='right'] {
-webkit-animation-name: _slideLeftAndFade_1ptt0_1;
animation-name: _slideLeftAndFade_1ptt0_1;
}
._PopoverContent_1ptt0_149[data-state='open'][data-side='bottom'] {
-webkit-animation-name: _slideUpAndFade_1ptt0_1;
animation-name: _slideUpAndFade_1ptt0_1;
}
._PopoverContent_1ptt0_149[data-state='open'][data-side='left'] {
-webkit-animation-name: _slideRightAndFade_1ptt0_1;
animation-name: _slideRightAndFade_1ptt0_1;
}
._Presets_1ptt0_175 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4px;
padding: 12px;
border-right: var(--border);
}
@-webkit-keyframes _slideUpAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes _slideUpAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes _slideRightAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes _slideRightAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes _slideDownAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes _slideDownAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes _slideLeftAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes _slideLeftAndFade_1ptt0_1 {
from {
opacity: 0;
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/* 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
-------------------------- */
._item_o9brn_123 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: var(--spacing--2xs);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 40px;
padding: 0 var(--spacing--2xs);
cursor: pointer;
border-radius: var(--radius);
-webkit-transition: background-color 0.1s ease;
transition: background-color 0.1s ease;
}
._item_o9brn_123:hover {
background-color: var(--command-bar-item--color--background--hover);
}
._item_o9brn_123._selected_o9brn_136 {
background-color: var(--command-bar-item--color--background--hover);
}
._icon_o9brn_140 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: var(--spacing--lg);
height: var(--spacing--lg);
-ms-flex-negative: 0;
flex-shrink: 0;
}
._iconHtml_o9brn_149 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
}
._content_o9brn_157 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
}
._title_o9brn_162 {
font-size: var(--font-size--sm);
font-weight: var(--font-weight--regular);
color: var(--color--text);
line-height: var(--line-height--sm);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
._meta_o9brn_172 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--spacing--2xs);
-ms-flex-negative: 0;
flex-shrink: 0;
}/* 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
-------------------------- */
._commandBar_1utj1_123 {
position: fixed;
top: 20vh;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--color--background--light-3);
border: var(--border);
border-radius: var(--radius);
-webkit-box-shadow: var(--command-bar--shadow);
box-shadow: var(--command-bar--shadow);
width: 100%;
max-width: 700px;
}
._input_1utj1_136 {
width: 100%;
border: none;
outline: none;
background: transparent;
font-size: var(--font-size--sm);
font-family: var(--font-family);
color: var(--color--text);
height: var(--spacing--2xl);
padding: 0 var(--spacing--2xs);
padding-left: var(--spacing--sm);
border-bottom: var(--border);
}
._input_1utj1_136::-webkit-input-placeholder {
color: var(--color--text--tint-1);
}
._input_1utj1_136::-moz-placeholder {
color: var(--color--text--tint-1);
}
._input_1utj1_136:-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._input_1utj1_136::-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._input_1utj1_136::placeholder {
color: var(--color--text--tint-1);
}
._scrollArea_1utj1_153 {
padding: 0 var(--spacing--2xs) var(--spacing--2xs);
}
._itemsList_1utj1_157 {
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--5xs);
}
._ungroupedSection_1utj1_163 {
padding-top: var(--spacing--2xs);
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--5xs);
}
._sectionHeader_1utj1_170 {
padding: var(--spacing--xs) var(--spacing--2xs);
font-size: var(--font-size--2xs);
font-weight: var(--font-weight--regular);
color: var(--color--text--tint-1);
}
._noResults_1utj1_177 {
padding: var(--spacing--lg);
text-align: center;
color: var(--color--text--tint-1);
font-size: var(--font-size--sm);
}
._contextContainer_1utj1_184 {
padding: var(--spacing--xs) var(--spacing--xs) 0;
}
._loadingContainer_1utj1_188 {
max-height: 300px;
overflow-y: auto;
}
._loadingItem_1utj1_193 {
height: var(--spacing--2xl);
padding: var(--spacing--xs) var(--spacing--sm);
}/* 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
-------------------------- */
/* Global transition classes for command bar animations */
.command-bar-enter-active {
-webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
transition: opacity 0.1s ease-out, transform 0.1s ease-out;
transition: opacity 0.1s ease-out, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
.command-bar-leave-active {
-webkit-transition: opacity 0.1s ease-in, -webkit-transform 0.1s ease-in;
transition: opacity 0.1s ease-in, -webkit-transform 0.1s ease-in;
transition: opacity 0.1s ease-in, transform 0.1s ease-in;
transition: opacity 0.1s ease-in, transform 0.1s ease-in, -webkit-transform 0.1s ease-in;
}
.command-bar-enter-from {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-20px) scale(0.95);
transform: translateX(-50%) translateY(-20px) scale(0.95);
}
.command-bar-leave-to {
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-10px) scale(0.98);
transform: translateX(-50%) translateY(-10px) scale(0.98);
}
.command-bar-enter-to,
.command-bar-leave-from {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(0) scale(1);
transform: translateX(-50%) translateY(0) scale(1);
}
._itemLeading_1h65n_2 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
._itemText_1h65n_6 {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
._itemIndicator_1h65n_10,
._itemTrailing_1h65n_11 {
margin-left: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
}
._selectTrigger_zgy2e_2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-radius: var(--radius);
font-size: var(--font-size--xs);
font-style: normal;
font-weight: var(--font-weight--regular);
line-height: var(--line-height--md);
border: 1px solid transparent;
background-color: var(--color--background--light-2);
height: var(--spacing--lg);
position: relative;
gap: var(--spacing--3xs);
color: var(--color--text--shade-1);
&:focus {
-webkit-box-shadow: 0 0 0 2px var(--color--secondary);
box-shadow: 0 0 0 2px var(--color--secondary);
z-index: 1;
}
&:not([data-disabled]):hover {
background-color: var(--color--background--light-1);
cursor: pointer;
}
&[data-placeholder] {
color: var(--color--text);
}
&[data-disabled] {
color: var(--color--text--tint-1);
cursor: not-allowed;
}
}
._default_zgy2e_39 {
border: var(--border);
}
._ghost_zgy2e_43 {
/** nothing to see here */
}
._xsmall_zgy2e_47 {
min-height: var(--spacing--lg);
padding: 0 var(--spacing--2xs);
font-size: var(--font-size--2xs);
}
._small_zgy2e_53 {
min-height: 28px;
padding: 0 var(--spacing--xs);
font-size: var(--font-size--2xs);
}
._medium_zgy2e_59 {
min-height: 36px;
padding: 0 var(--spacing--xs);
font-size: var(--font-size--sm);
line-height: var(--line-height--sm);
}
._selectedIcon_zgy2e_66 {
-ms-flex-negative: 0;
flex-shrink: 0;
}
._trailingIcon_zgy2e_70 {
margin-left: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--color--text--shade-1);
}
._selectContent_zgy2e_76 {
overflow: hidden;
border-radius: var(--radius);
border: var(--border);
background-color: var(--color--background--light-2);
-webkit-box-shadow: var(--shadow);
box-shadow: var(--shadow);
/**
* High z-index to ensure select dropdown is above other elements
* TODO: Replace with design system z-index variable when available
*/
z-index: 999999;
}
._selectViewport_zgy2e_89 {
padding: var(--spacing--4xs);
}
._selectValue_zgy2e_93 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
._selectItem_zgy2e_99 {
font-size: var(--font-size--xs);
line-height: 1;
border-radius: var(--radius);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: var(--spacing--lg);
padding: 0 var(--spacing--2xs);
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: var(--color--text--shade-1);
gap: var(--spacing--3xs);
&:not([data-disabled]) {
&:hover,
&[data-highlighted] {
background-color: var(--color--background--light-1);
cursor: pointer;
}
}
&[data-disabled] {
color: var(--color--text--tint-1);
cursor: not-allowed;
}
}
._selectLabel_zgy2e_126 {
padding: var(--spacing--3xs) var(--spacing--2xs) var(--spacing--4xs);
color: var(--color--text--tint-1);
}
._selectLabelMedium_zgy2e_131 {
font-size: var(--font-size--2xs);
}
._selectLabelSmall_zgy2e_135 {
font-size: var(--font-size--2xs);
}
._selectLabelXsmall_zgy2e_139 {
font-size: var(--font-size--2xs);
}
._selectSeparator_zgy2e_143 {
height: 1px;
background-color: var(--border-color);
margin: var(--spacing--3xs);
}
._selectItemIndicator_zgy2e_149 {
position: absolute;
left: 0;
width: 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
._selectScrollButton_zgy2e_158 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: var(--spacing--lg);
cursor: default;
}
._inputContainer_1gphe_2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
border-radius: var(--radius);
border: var(--border);
background-color: var(--color--background--light-2);
-webkit-transition:
border-color 0.2s,
-webkit-box-shadow 0.2s;
transition:
border-color 0.2s,
-webkit-box-shadow 0.2s;
transition:
border-color 0.2s,
box-shadow 0.2s;
transition:
border-color 0.2s,
box-shadow 0.2s,
-webkit-box-shadow 0.2s;
gap: var(--spacing--3xs);
}
._inputContainer_1gphe_2:hover:not(._disabled_1gphe_15) {
border-color: var(--color--foreground--shade-1);
}
._focused_1gphe_19 {
border-color: var(--color--secondary);
-webkit-box-shadow: 0 0 0 2px var(--color--secondary--tint-2);
box-shadow: 0 0 0 2px var(--color--secondary--tint-2);
}
._disabled_1gphe_15 {
background-color: var(--color--background--light-3);
cursor: not-allowed;
opacity: 0.6;
}
/* Size variants */
._xlarge_1gphe_31 {
min-height: 48px;
padding: 0 var(--spacing--xs);
font-size: var(--font-size--md);
}
._large_1gphe_37 {
min-height: 40px;
padding: 0 var(--spacing--xs);
font-size: var(--font-size--sm);
}
._medium_1gphe_43 {
min-height: 36px;
padding: 0 var(--spacing--2xs);
font-size: var(--font-size--sm);
}
._small_1gphe_49 {
min-height: 28px;
padding: 0 var(--spacing--2xs);
font-size: var(--font-size--2xs);
}
._mini_1gphe_55 {
min-height: 22px;
padding: 0 var(--spacing--3xs);
font-size: var(--font-size--3xs);
}
._input_1gphe_2 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
border: none;
background: transparent;
outline: none;
font-family: inherit;
font-size: inherit;
color: var(--color--text--shade-1);
padding: 0;
}
._input_1gphe_2::-webkit-input-placeholder {
color: var(--color--text--tint-1);
}
._input_1gphe_2::-moz-placeholder {
color: var(--color--text--tint-1);
}
._input_1gphe_2:-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._input_1gphe_2::-ms-input-placeholder {
color: var(--color--text--tint-1);
}
._input_1gphe_2::placeholder {
color: var(--color--text--tint-1);
}
._input_1gphe_2:disabled {
cursor: not-allowed;
color: var(--color--text--tint-1);
}
._textarea_1gphe_82 {
resize: vertical;
line-height: var(--line-height--md);
padding: var(--spacing--2xs) 0;
}
._prefix_1gphe_88,
._suffix_1gphe_89 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
color: var(--color--text--tint-1);
}
._clearButton_1gphe_96 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 0;
border: none;
background: transparent;
color: var(--color--text--tint-1);
cursor: pointer;
border-radius: var(--radius--sm);
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
._clearButton_1gphe_96:hover {
color: var(--color--text--shade-1);
}
._clearButton_1gphe_96:focus {
outline: 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
-------------------------- */
@-webkit-keyframes _skeleton-pulse_18zq4_1 {
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
@keyframes _skeleton-pulse_18zq4_1 {
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
._loading_18zq4_134 {
display: block;
}
._rowContainer_18zq4_138 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
._item_18zq4_143 {
background-color: var(--color--foreground);
border-radius: var(--radius);
}
._animated_18zq4_148 {
-webkit-animation: _skeleton-pulse_18zq4_1 1.5s ease-in-out infinite;
animation: _skeleton-pulse_18zq4_1 1.5s ease-in-out infinite;
}
._p_18zq4_152 {
height: 16px;
margin-bottom: var(--spacing--2xs);
}
._h1_18zq4_157 {
height: 20px;
margin-bottom: var(--spacing--xs);
}
._h3_18zq4_162 {
height: 14px;
}
._text_18zq4_166 {
height: 13px;
width: 50%;
}
._caption_18zq4_171 {
height: 12px;
}
._button_18zq4_175 {
height: 32px;
width: 64px;
border-radius: var(--radius);
}
._image_18zq4_181 {
height: 100px;
width: 100px;
}
._circle_18zq4_186 {
height: 36px;
width: 36px;
border-radius: 50%;
}
._rect_18zq4_192 {
height: 20px;
width: 100%;
}
._custom_18zq4_197 {
width: 100%;
height: 100%;
}
._h1Last_18zq4_202 {
width: 40%;
}
._pLast_18zq4_206 {
width: 61%;
}/* 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
-------------------------- */
.n8n-loading-custom, .n8n-loading-custom > div {
width: 100%;
height: 100%;
}