@tagplus/components 5.2.18 → 5.3.0

package/dist/lib/components.css

@@ -0,0 +1,2391 @@
+/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.tp-autosuggest-clear-icon[data-v-8f8ea081] {
+  margin: 6px 6px 1px 6px;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper {
+  width: 100%;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input__inner {
+  width: 100%;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__prepend {
+  padding: 0;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__prepend::after {
+  display: none;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input__wrapper {
+  box-shadow: none;
+  border-top: 1px solid var(--el-input-border-color);
+  border-bottom: 1px solid var(--el-input-border-color);
+  padding-left: 8px;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input__wrapper .el-select__placeholder {
+  padding-left: 16px !important;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input.is-disabled .el-input__wrapper,[data-v-8f8ea081]  .el-select__input-wrapper .el-input.is-disabled .el-tag {
+  cursor: not-allowed;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__append {
+  padding: 0;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__append .el-input__close {
+  width: 40px;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__append .el-input__close .tp-btn-close {
+  margin: auto;
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__prepend,[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__append {
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__prepend,[data-v-8f8ea081]  .el-select__input-wrapper .el-input .el-input-group__append,[data-v-8f8ea081]  .el-select__input-wrapper .el-input .tp-autosuggest-clear-icon {
+  cursor: pointer;
+  color: #606266;
+}
+.tp-autosuggest-vertical-divider[data-v-8f8ea081] {
+  height: 33.59px;
+  margin: 0;
+}
+.tp-autosuggest-input-prepend-icon[data-v-8f8ea081] {
+  display: flex;
+  margin: 0 10px -2px 12px;
+}
+.tp-autosuggest-loading[data-v-8f8ea081] {
+  text-align: center;
+  font-size: 1.5em;
+  padding: 10px;
+  margin: 0;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item[data-v-8f8ea081] {
+  line-height: 1.5em;
+  height: auto;
+  padding: 12px;
+  position: relative;
+  transition: 100ms all linear;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.hover[data-v-8f8ea081] {
+  padding-left: 20px;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.hover[data-v-8f8ea081]::before {
+  position: absolute;
+  display: inline-block;
+  width: 4px;
+  top: 5px;
+  bottom: 5px;
+  left: 5px;
+  background: #409EFF;
+  border-radius: 2px;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.selected[data-v-8f8ea081] {
+  color: #606266;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.created a[data-v-8f8ea081] {
+  color: #409EFF;
+  font-weight: normal;
+  border-bottom: 1px solid #409EFF;
+  line-height: 1.5em;
+  display: inline-block;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item small[data-v-8f8ea081] {
+  font-size: 14px;
+  color: color-mix(#FFFFFF, #909399, 40%);
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.tp-inline .el-input-group__append[data-v-202cdb93],
+.tp-inline .el-input-group__append button.el-button[data-v-202cdb93] {
+  background-color: #409EFF;
+  border-color: #409EFF;
+  color: #FFFFFF;
+  height: 100%;
+  border-radius: 0;
+}
+.tp-inline > span[data-v-202cdb93] {
+  display: inline-block;
+  padding: 12px 0;
+}
+.tp-inline a[data-v-202cdb93] {
+  cursor: pointer;
+  display: inline-block;
+  color: #303133;
+  border-bottom: 1px dotted transparent;
+}
+.tp-inline a[data-v-202cdb93]:focus, .tp-inline a[data-v-202cdb93]:hover {
+  border-bottom-color: #303133;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.tp-money input[data-v-9d3eeac0] {
+  text-align: right;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.tp-percent input[data-v-36120bea] {
+  text-align: right;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.tp-options-list[data-v-c8c0f83e] {
+  list-style: none;
+  display: flex;
+  flex-wrap: wrap;
+}
+.tp-options-list.space-between[data-v-c8c0f83e] {
+  justify-content: space-between;
+}
+.tp-options-list.center[data-v-c8c0f83e] {
+  justify-content: center;
+}
+.tp-options-list.disabled[data-v-c8c0f83e] {
+  pointer-events: none;
+  cursor: default;
+  filter: grayscale(100%);
+}
+@media screen and (width >= 992px) {
+.tp-options-list div[data-v-c8c0f83e],
+  .tp-options-list li[data-v-c8c0f83e] {
+    margin-right: 10px;
+}
+}
+ul[data-v-c8c0f83e] {
+  padding-inline-start: 0;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.tp-options-list-item[data-v-ace81497] {
+  position: relative;
+  height: 84px;
+  min-width: 114px;
+  border: 1px solid #dde5ee;
+  border-radius: 6px;
+  cursor: pointer;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #fff;
+  transition: border-color 150ms ease-in-out;
+  margin-right: 15px;
+  margin-top: 15px;
+}
+.tp-options-list-item.entrada[data-v-ace81497]:hover {
+  border-color: #08a19e;
+}
+.tp-options-list-item.entrada:hover .icon[data-v-ace81497] {
+  color: #08a19e;
+}
+.tp-options-list-item.entrada.active[data-v-ace81497] {
+  border-color: #08a19e;
+  background: rgba(8, 161, 158, 0.1);
+}
+.tp-options-list-item.entrada.active .icon[data-v-ace81497] {
+  color: #08a19e;
+}
+.tp-options-list-item.saida[data-v-ace81497]:hover {
+  border-color: #ff7675;
+}
+.tp-options-list-item.saida:hover .icon[data-v-ace81497] {
+  color: #ff7675;
+}
+.tp-options-list-item.saida.active[data-v-ace81497] {
+  border-color: #ff7675;
+  background: rgba(255, 118, 117, 0.1);
+}
+.tp-options-list-item.saida.active .icon[data-v-ace81497] {
+  color: #ff7675;
+}
+.tp-options-list-item.default[data-v-ace81497]:hover {
+  border-color: #437cf9;
+}
+.tp-options-list-item.default:hover .icon[data-v-ace81497] {
+  color: #437cf9;
+}
+.tp-options-list-item.default.active[data-v-ace81497] {
+  border-color: #437cf9;
+  background: rgba(67, 124, 249, 0.1);
+}
+.tp-options-list-item.default.active .icon[data-v-ace81497] {
+  color: #437cf9;
+}
+@media (width >= 1024px) {
+.tp-options-list-item.entrada[data-v-ace81497], .tp-options-list-item.saida[data-v-ace81497] {
+    max-width: 165px;
+}
+}
+.tp-options-list-item[data-v-ace81497]:focus {
+  border: 1px solid #437cf9;
+}
+.tp-options-list-item .icon[data-v-ace81497] {
+  color: #565b66;
+  display: flex;
+  align-items: center;
+  transition: color 150ms ease-in-out;
+  line-height: 1.75em;
+  min-width: 120px;
+}
+.tp-options-list-item .icon .text span[data-v-ace81497] {
+  display: block;
+}
+.tp-options-list-item .icon .options-icon[data-v-ace81497] {
+  font-size: 24px;
+}
+.tp-options-list-item .icon.vertical[data-v-ace81497] {
+  flex-direction: column;
+}
+.tp-options-list-item .icon.vertical .text span[data-v-ace81497] {
+  font-size: 14px;
+}
+.tp-options-list-item .icon.vertical .options-icon[data-v-ace81497] {
+  font-size: 24px;
+}
+.tp-options-list-item .icon.horizontal[data-v-ace81497] {
+  justify-content: space-around;
+  min-width: 130px;
+}
+.tp-options-list-item .icon.horizontal .text[data-v-ace81497] {
+  text-align: center;
+  width: 70px;
+}
+.tp-options-list-item .icon.horizontal .text span[data-v-ace81497]:first-child {
+  font-weight: 700;
+}
+.tp-options-list-item .icon.horizontal .options-icon[data-v-ace81497] {
+  font-size: 47px;
+}
+.option-item-badge[data-v-ace81497] {
+  background-color: #f56c6c;
+  border: 1px solid #fff;
+  position: absolute;
+  top: 0;
+  transform: translateY(-50%) translateX(100%);
+  height: 12px;
+  width: 12px;
+  right: 5px;
+  border-radius: 50%;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+@keyframes expande-719fb911 {
+0% {
+    transform: scale(0);
+    opacity: 1;
+}
+25% {
+    transform: scale(1);
+    opacity: 1;
+}
+40% {
+    transform: scale(0.8);
+    opacity: 0;
+}
+50% {
+    transform: scale(0);
+    opacity: 0;
+}
+100% {
+    opacity: 0;
+    transform: scale(0);
+}
+}
+@keyframes expandeInterno-719fb911 {
+0%, 10%, 100% {
+    transform: scale(0);
+}
+50% {
+    transform: scale(2);
+}
+}
+@keyframes residuo-719fb911 {
+0%, 30% {
+    opacity: 0;
+}
+40% {
+    opacity: 0.5;
+}
+60% {
+    opacity: 1;
+}
+70% {
+    opacity: 0;
+}
+100% {
+    opacity: 0;
+    transform: scale(1.2);
+}
+}
+@keyframes icone-719fb911 {
+0%, 15% {
+    opacity: 1;
+    transform: scale(0.1);
+}
+35% {
+    opacity: 1;
+    transform: scale(1);
+}
+85% {
+    opacity: 1;
+    transform: scale(1.2);
+}
+100% {
+    opacity: 0;
+    transform: scale(1.8);
+}
+}
+.tp-loader[data-v-719fb911] {
+  position: fixed;
+  inset: 0;
+  z-index: 5000;
+}
+.tp-loader > .overlay[data-v-719fb911] {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  inset: 0;
+  background-color: #fff;
+  opacity: 1;
+}
+.tp-loader .wrapper[data-v-719fb911] {
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  height: 100%;
+}
+.tp-loader .wrapper > svg[data-v-719fb911] {
+  position: relative;
+  z-index: 98;
+  margin-top: -10px;
+}
+.tp-loader .wrapper .circulo[data-v-719fb911] {
+  transform-origin: 30% 32%;
+}
+.tp-loader .wrapper #circulo[data-v-719fb911] {
+  animation-name: expande-719fb911;
+  animation-duration: 2s;
+  animation-direction: normal;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+.tp-loader .wrapper #circulo-interno[data-v-719fb911] {
+  animation-name: expandeInterno-719fb911;
+  animation-duration: 2s;
+  animation-direction: normal;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+.tp-loader .wrapper .icones[data-v-719fb911] {
+  position: absolute;
+  z-index: 99;
+  width: 50px;
+  height: 50px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: row;
+}
+.tp-loader .wrapper .icones i[data-v-719fb911] {
+  font-size: 3em;
+  position: absolute;
+  display: inline-block;
+  width: 100%;
+  line-height: 100%;
+  opacity: 0;
+  transform-origin: center center;
+  color: #409EFF;
+  animation-name: icone-719fb911;
+  animation-duration: 2s;
+  animation-timing-function: ease-out;
+  animation-iteration-count: 1;
+  /* stylelint-disable-next-line custom-property-pattern */
+  animation-delay: calc(var(--iconsItem) * 2s);
+}
+.tp-loader .wrapper .icones i[data-v-719fb911]:last-child {
+  animation-iteration-count: infinite;
+}
+.tp-loader .wrapper #bola .residuo[data-v-719fb911] {
+  animation-name: residuo-719fb911;
+  animation-duration: 2s;
+  animation-direction: reverse;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease-in;
+  transform: scale(0.1);
+}
+.tp-loader .wrapper #bola .residuo.top[data-v-719fb911] {
+  transform-origin: 30% 0;
+}
+.tp-loader .wrapper #bola .residuo.top.right[data-v-719fb911] {
+  transform-origin: 45% 5%;
+  transform: translate(40px, -40px) scale(0.1);
+}
+.tp-loader .wrapper #bola .residuo.top.left[data-v-719fb911] {
+  transform-origin: 15% 5%;
+  transform: translate(-40px, -40px) scale(0.1);
+}
+.tp-loader .wrapper #bola .residuo.bottom[data-v-719fb911] {
+  transform-origin: 30% 70%;
+}
+.tp-loader .wrapper #bola .residuo.bottom.right[data-v-719fb911] {
+  transform-origin: 45% 65%;
+  transform: translate(40px, 40px) scale(0.1);
+}
+.tp-loader .wrapper #bola .residuo.bottom.left[data-v-719fb911] {
+  transform-origin: 15% 65%;
+  transform: translate(-40px, 40px) scale(0.1);
+}
+.tp-loader .wrapper #bola .residuo.middle.right[data-v-719fb911] {
+  transform-origin: 65% 35%;
+}
+.tp-loader .wrapper #bola .residuo.middle.left[data-v-719fb911] {
+  transform-origin: 0 35%;
+}
+.tp-loader .wrapper .texto[data-v-719fb911] {
+  position: absolute;
+  display: inline-flex;
+  z-index: 5001;
+  color: #303133;
+  margin-top: 100px;
+  font-size: 1.5em;
+  font-weight: bold;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+@keyframes skeleton-3fc0709e {
+0% {
+    background-position: -200px 0;
+}
+100% {
+    background-position: calc(200px + 100%) 0;
+}
+}
+.tp-skeleton[data-v-3fc0709e] {
+  display: block;
+  height: 100%;
+  /* stylelint-disable-next-line custom-property-pattern */
+  --baseColor: #ebeef2;
+}
+.tp-skeleton span[data-v-3fc0709e] {
+  /* stylelint-disable-next-line custom-property-pattern */
+  background-color: var(--baseColor);
+  background-image: linear-gradient(90deg, var(--baseColor), color-mix(#FFFFFF, #E4E7ED, 70%), var(--baseColor));
+  background-size: 200px 100%;
+  background-repeat: no-repeat;
+  background-position: -200px 0;
+  border-radius: 4px;
+  display: inline-block;
+  line-height: 20px;
+  margin-bottom: 3px;
+  width: 100%;
+  min-height: 15px;
+  animation-name: skeleton-3fc0709e;
+  animation-duration: calc(var(--duration) * 1s);
+  animation-timing-function: ease-in-out;
+  animation-iteration-count: infinite;
+}
+.tp-skeleton span.circle[data-v-3fc0709e] {
+  width: inherit;
+  border-radius: 50%;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.icone[data-v-2861430a] {
+  align-self: start;
+}
+.far.fa-lightbulb-on[data-v-2861430a] {
+  font-size: 20px;
+}
+.grid-content[data-v-2861430a] {
+  flex-wrap: wrap;
+  border-radius: 4px;
+  background-color: rgba(76, 135, 251, 0.1);
+  border: solid 1px rgba(76, 135, 251, 0.2);
+  padding: 1rem;
+  font-size: 14px;
+  line-height: 24px;
+  color: #586d93;
+}
+.info-text[data-v-2861430a] {
+  font-size: 12px;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.33;
+  letter-spacing: normal;
+  text-align: left;
+}
+.tp-tip-error[data-v-2861430a] {
+  background: rgba(245, 108, 108, 0.1019607843) 0% 0% no-repeat padding-box;
+  border: 1px solid #ff6077;
+}
+.tp-tip-error[data-v-2861430a]  strong, .tp-tip-error[data-v-2861430a]  b, .tp-tip-error[data-v-2861430a]  em {
+  color: #ff425f;
+}
+.tp-tip-warning[data-v-2861430a] {
+  background: #fff9ea 0% 0% no-repeat padding-box;
+  border: 1px solid #ffc437;
+}
+.tp-tip-warning[data-v-2861430a]  strong, .tp-tip-warning[data-v-2861430a]  b, .tp-tip-warning[data-v-2861430a]  em {
+  color: #ffc437;
+}
+.tp-tip-success[data-v-2861430a] {
+  background: #f3fcfc 0% 0% no-repeat padding-box;
+  border: 1px solid #08a19e;
+}
+.tp-tip-success[data-v-2861430a]  strong, .tp-tip-success[data-v-2861430a]  b, .tp-tip-success[data-v-2861430a]  em {
+  color: #08a19e;
+}
+.tp-close-button[data-v-2861430a] {
+  cursor: pointer;
+}
+.tp-title[data-v-2861430a] {
+  font-size: 16px;
+}
+.tp-text[data-v-2861430a] {
+  height: auto;
+  transition: 0.4s opacity ease-out;
+}
+.tp-vanish[data-v-2861430a] {
+  position: absolute;
+  max-height: 0;
+  transform: scale(0);
+  opacity: 0;
+  transition: 0s opacity linear;
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.tp-autosuggest-clear-icon[data-v-959c4f16] {
+  margin: 6px 6px 1px 6px;
+}
+[data-v-959c4f16]  .el-select__input-wrapper {
+  width: 100%;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input__inner {
+  width: 100%;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__prepend {
+  padding: 0;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__prepend::after {
+  display: none;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input__wrapper {
+  box-shadow: none;
+  border-top: 1px solid var(--el-input-border-color);
+  border-bottom: 1px solid var(--el-input-border-color);
+  padding-left: 8px;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input__wrapper .el-select__placeholder {
+  padding-left: 16px !important;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input.is-disabled .el-input__wrapper,[data-v-959c4f16]  .el-select__input-wrapper .el-input.is-disabled .el-tag {
+  cursor: not-allowed;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__append {
+  padding: 0;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__append .el-input__close {
+  width: 40px;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__append .el-input__close .tp-btn-close {
+  margin: auto;
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__prepend,[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__append {
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__prepend,[data-v-959c4f16]  .el-select__input-wrapper .el-input .el-input-group__append,[data-v-959c4f16]  .el-select__input-wrapper .el-input .tp-autosuggest-clear-icon {
+  cursor: pointer;
+  color: #606266;
+}
+.tp-autosuggest-vertical-divider[data-v-959c4f16] {
+  height: 33.59px;
+  margin: 0;
+}
+.tp-autosuggest-input-prepend-icon[data-v-959c4f16] {
+  display: flex;
+  margin: 0 10px -2px 12px;
+}
+.tp-autosuggest-loading[data-v-959c4f16] {
+  text-align: center;
+  font-size: 1.5em;
+  padding: 10px;
+  margin: 0;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item[data-v-959c4f16] {
+  line-height: 1.5em;
+  height: auto;
+  padding: 12px;
+  position: relative;
+  transition: 100ms all linear;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.hover[data-v-959c4f16] {
+  padding-left: 20px;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.hover[data-v-959c4f16]::before {
+  position: absolute;
+  display: inline-block;
+  width: 4px;
+  top: 5px;
+  bottom: 5px;
+  left: 5px;
+  background: #409EFF;
+  border-radius: 2px;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.selected[data-v-959c4f16] {
+  color: #606266;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item.created a[data-v-959c4f16] {
+  color: #409EFF;
+  font-weight: normal;
+  border-bottom: 1px solid #409EFF;
+  line-height: 1.5em;
+  display: inline-block;
+}
+.tp-select-dropdown__list.el-select-dropdown__list li.el-select-dropdown__item small[data-v-959c4f16] {
+  font-size: 14px;
+  color: color-mix(#FFFFFF, #909399, 40%);
+}/* Element Chalk Variables */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* 53a8ff */
+/* 66b1ff */
+/* 79bbff */
+/* 8cc5ff */
+/* a0cfff */
+/* b3d8ff */
+/* c6e2ff */
+/* d9ecff */
+/* ecf5ff */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* Size
+-------------------------- */
+/* 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
+--------------------------*/
+/* Empty
+-------------------------- */
+/* Descriptions
+-------------------------- */
+/* Skeleton 
+--------------------------*/
+/* Svg
+--------------- */
+/* Result
+-------------------------- */
+/* Break-point
+--------------------------*/
+/**
+ * ReSass.
+ *
+ * MIXIN: Responsive Media Queries.
+ *
+ * Creates responsive media queries for seven different screen sizes.
+ * These are based on min-width which means if x is the size then your
+ * CSS will affect any device with screen width x and above.
+ *
+ * USAGE:
+ *	@include r(240)  { }
+ *	@include r(320)  { }
+ *	@include r(480)  { }
+ *	@include r(768)  { }
+ *	@include r(1024) { }
+ *	@include r(1140) { }
+ *	@include r(1280) { }
+ *  @include r(1500) { }
+ *
+ * CSS content goes inside {} brackets. These mixins should be used inside
+ * a class definition. For example:
+ *
+ * The following CSS will hide the .header on screen width 320px and above.
+ * .header {
+ * 	  @include r(320)  { display: none; }
+ * }
+ *
+ * @author  Ahmad Awais (https://github.com/ahmadawais)
+ * @link    https://github.com/ahmadawais/ReSass.git
+ * @version 1.0.0
+ */
+.el-step__head.is-process[data-v-3c497fa9] {
+  color: #2d6eda;
+  border-color: #2d6eda;
+}